/* Photoshoplus.info © 2009 
Ce fichier et sont contenu sont la propriété du site Photoshoplus.info
*/

body {color:#242424;font-family:Arial, Helvetica, sans-serif;margin:auto;font-size:0.8em;line-height: 1.25;font-size: normal;background:url(fond.jpg)}

/* couleurs du site
page fffef8 - bloc + table f6f2e0 - textes 242424 - 
*/

html {font-size: 100%;}

a:link {color: #4138bb;font-style: italic;text-decoration: none;}
a:visited {color:#911787;font-style: italic;text-decoration: none;}
a:hover {color: #14822c;font-style: italic;text-decoration: none;}

/* HAUT */
#haut{width:100%;height:116px;background:url(decor02.jpg);}

#haut11{width:339px;height:116px;float:left;background:url(decor01.jpg);}
#haut12{width:auto;height:116px;float:left;}
#haut13{width:180px;height:116px;background:url(decor03.jpg);line-height:20px;float:right;text-align:right;}
#horloge {width:auto;height:auto;margin:40px 20px 0 0;}

/* CORPS : gauche + page */
#corps {width:auto;height:auto;/*width:100%;*/overflow:hidden;}

/* Gauche */
#gauche {width:222px;line-height:1.6em;font-size:1.1em;position:absolute;left:0;top:116px;}
#gauche a {height: 1%;/* bug de IE6 */text-decoration: none;}

#Gau04 {width:222px;height:61px;background:url(decor04.jpg); text-align:center;font-weight:bold; font-size:1.4em; line-height:48px;color:#fffef8;}
#Gau04 a:link{color: #fffef8;font-style: italic;text-decoration: none;}
#Gau04 a:visited {color:#fffef8;font-style: italic;text-decoration: none;}
#Gau04 a:hover {color: #fffef8;font-style: italic;text-decoration: none;}

/* Page pour PSE */
#Gau04E {width:222px;height:61px;background:url(decor04.jpg); text-align:center; font-weight:bold; font-size:1.3em;line-height:18px;}
#Gau04E a:link{color: #fffef8;font-style: italic;text-decoration: none;}
#Gau04E a:visited {color:#fffef8;font-style: italic;text-decoration: none;}
#Gau04E a:hover {color: #fffef8;font-style: italic;text-decoration: none;}

#Gau05 {width:222px;height:auto;background:url(decor05.jpg);}
#Gau06 {width:222px;height:111px;background:url(decor06.jpg);}
#Gau07 {width:222px;height:auto;background:url(decor07.jpg);}
#Gau08 {width:222px;height:25px;background:url(decor08.jpg);}
#Gau09 {width:222px;height:72px;background:url(decor09.jpg);}

/* Page*/
#page {padding:20px 20px 20px 241px;width:auto; background:url(decor10.jpg);}

/* Bas */
#bas {width:100%;height:66px;background:url(decor12.jpg);}

#bas1{width:222px;height:66px;background:url(decor11.jpg); float:left;}
#bas2{width:auto;padding-top:24px; font-size:0.9em; font-style:italic; text-align:center;float:left;}
#bas3{width:53px;height:66px;background:url(decor13.jpg); float:right;}

/* Boutons couleurs */ 
#bouton1 {width:36px; height:44px;float:left;} /* div de position à partir de la gauche */
#bouton2 {width:auto; height:auto;float:left;margin-top:16px;} 

a.b1 { background:url(/pages/bAzur1.gif); float:left;}
a.b1:hover {background:url(/pages/bAzur2.gif);}
a.b2 { background:url(/pages/bTurquoise1.gif); float:left;}
a.b2:hover {background:url(/pages/bTurquoise2.gif);}
a.b3 { background:url(/pages/bEmeraude1.gif); float:left;}
a.b3:hover {background:url(/pages/bEmeraude2.gif);}
a.b4 { background:url(/pages/bAvocat1.gif); float:left;}
a.b4:hover {background:url(/pages/bAvocat2.gif);}
a.b5 { background:url(/pages/bCanelle1.gif); float:left;}
a.b5:hover {background:url(/pages/bCanelle2.gif);}
a.b6 { background:url(/pages/bArdoise1.gif); float:left;}
a.b6:hover {background:url(/pages/bArdoise2.gif);}
a.b7 { background:url(/pages/bLavande1.gif); float:left;}
a.b7:hover {background:url(/pages/bLavande2.gif);}
a.b8 { background:url(/pages/bLilas1.gif); float:left;}
a.b8:hover {background:url(/pages/bLilas2.gif);}
a.b9 { background:url(/pages/bCarmin1.gif); float:left;}
a.b9:hover {background:url(/pages/bCarmin2.gif);}
a.b10 { background:url(/pages/bMandarine1.gif); float:left;}
a.b10:hover {background:url(/pages/bMandarine2.gif);}


/* MENU en sprite */
#menu {width:480px;height:87px; background:url(menu1.jpg);margin-top:29px;padding:0;position:relative;}
#menu li {margin: 0;padding: 0;list-style: none;position: absolute;top: 0;}
#menu li, #menu a {height:87px;display: block;}
#Ast {left:0;width:80px;}
#Tut {left:80px;width:80px;}
#Res {left:160px;width:80px;}
#Ima {left:240px;width:80px;}
#Pse {left:320px;width:80px;}
#Rec {left:400px;width:80px;}

#Ast a:hover {background: transparent url(menu1.jpg) 0 -87px no-repeat;}
#Tut a:hover {background: transparent url(menu1.jpg) -80px -87px no-repeat;}
#Res a:hover {background: transparent url(menu1.jpg) -160px -87px no-repeat;}
#Ima a:hover {background: transparent url(menu1.jpg) -240px -87px no-repeat;}
#Pse a:hover {background: transparent url(menu1.jpg) -320px -87px no-repeat;}
#Rec a:hover {background: transparent url(menu1.jpg) -400px -87px no-repeat;}

/* menu actif */
#AstA { background:url(mAst-2.jpg);width:80px;left:0;}
#TutA { background:url(mTut-2.jpg);width:80px;left:80px;}
#ResA { background:url(mRes-2.jpg);width:80px;left:160px;}
#ImaA { background:url(mIma-2.jpg);width:80px;left:241px;}
#PseA { background:url(mPse-2.jpg);width:80px;left:320px;}
#RecA { background:url(mRec-2.jpg);width:80px;left:400px;}


/* Menu 2 */
#menu2 {padding:1px 0 1px 46px;background:url(menu2.jpg);}/* image du menu 2 */
#menu2 a:link, #menu2 a:hover {font-weight:bold;}
#menu2actif {padding:1px 0 1px 46px;background:url(menu21.jpg);color:#242424;font-weight:bold; line-height:24px}/* menu actif */


/* --- S T Y L E S  ---- */

.RSS{ list-style-type:none;padding-left:30px;}
#RSS {margin:0 28px;}
/*#gauche hr {margin:8px 28px 8px 0;}*/
/*#gauche p {padding:10px 24px;margin:0;}*/


/* encadrement de plan, archives, partenaires et me contacter et  */
#borderF {margin:0 40px 2px 28px;padding:2px 20px 2px 10px;background-color:#f6f2e0;border:1px solid;}

#page p {line-height: 1.5;} /* p dans la page centrale */
.date {color:#ff7e00;font-weight:bold; font-style:italic;} /* petites date en orange */
.sdate{padding:2px 6px;display:inline;border:1px solid; background-color:#fffef8}/* */
#page hr {}/* hr dans la page centrale */
.gauche{float:left;padding:2px 8px 2px 4px;border:none;} /* alignement pour les images */
.mestuto30 {adding-left:10px;font-size:1.3em; font-weight:bold;}


/* Bloc de sous-Titre arrondi dans la page centrale */
#STitre { background:url(TStitre.jpg) no-repeat; width:372px; height:58px;padding-left:34px; font-size:1.4em; line-height:56px; font-weight:bold;olor:#57511c;}

/* Convention */
#conv{display: inline;float: right;padding: 2px 8px ;border:1px solid ;font-size: 0.8em;background-color:#f6f2e0;}
.en{color: #af72f4;font-weight: bold;}
.touche {color: #d8a43f;font-weight: bold;}
.menuP {color:#8fac48;font-weight: bold;}


/* Boutons pour plusieurs pages */ 
#Bga, #Bga a:hover, #Bdr, #Bdr a:hover { width:83px; height:37px; float:left; line-height:34px; text-align:center;}
#Bga { background:url(/images/Bga.gif) no-repeat;font-size:1em;} /* Bouton gauche */
#Bga a:hover { background:url(/images/Bga1.gif) no-repeat;font-size:0.9em;} /* Bouton gauche appuyé */
#Bdr { background:url(/images/Bdr.gif) no-repeat;font-size:1em;} /* Bouton droit */
#Bdr a:hover { background:url(/images/Bdr1.gif) no-repeat;font-size:0.9em;} /* Bouton droit appuyé */
#Bcl {background:url(/images/Bcl.gif) no-repeat; width:83px; height:37px; float:left;line-height:36px;font-size:1em; font-weight:bold; text-align:center;} /* bouton actuelle */

/* bloc dans les pages */
.FondP {background-color:#f6f2e0;padding:8px;}
#FondP {background-color:#f6f2e0;padding:8px;border:1px solid;}

/* Tableaux */
table {background-color:#f6f2e0; border:1px solid;}
.table2 {background-color:#fffef9; border-color:#fffef9}
td {padding:3px 6px;border:1px solid #a7a288;}
.tdM { background-color:#5b5747; background:url(/images/Tdmh.jpg);font-size:1.2em; font-weight:bold; height:40px;color:#6f6747;} /*barre du haut des listes de tutoriels */
.tdMH {background-color:#5b5747;background:url(/images/Tdmh.jpg);font-size:1.6em; font-weight:bold; height:60px;color:#6f6747;}/* Titre des blocs Ressources et elements */

/* soulignement des td */
.BG {border-left: 1px solid;}
.BBG {border-left: 1px solid;border-bottom: 1px solid;}
.BB {border-bottom: 1px solid;}
.BBB {border-bottom:none;}
.BBH {border-top:none;}
.BL1 { border-color:#fffef9;padding-left:30px;}
.BR1 { border-color:#fffef9}

/* Bloc de nouveautés */
.boite {margin:0 auto;width:752px;background:url(nouveb.jpg) no-repeat;background-position:bottom;padding:0}
.boite h2{margin:0; background:url(nouvea.jpg); font-size:1.8em;}
.boite br{line-height:10px;}
.maj{font-size:0.9em;margin:20px 20px 0 20px;background-color:#f6f2e0;padding:8px;height:80px; overflow:auto; border:1px solid;}
.maj2{font-size:0.9em;margin:20px 20px 0 20px;background-color:#f6f2e0;padding:8px;height:auto; border:1px solid;}

.nouv {margin:0;font-size:0.9em;padding:0 26px 20px 26px;} /* nouveautés pour les ressources */

h2, h3, h4, h5, h6 {margin: 1em 0 .5em 0;}
h1 {padding: 4px 0 4px 36px;font-size: 1.4em;border-bottom:4px solid #746c44;background:url(h2.jpg) no-repeat;display: inline; background-position:left;}
h3 {padding: 2px 12px; margin-left:30px;border-bottom:1px solid #746c44;border-left: 5px solid #746c44;display: inline;font-size: 1.2em;}

#voiraussi { display:inline;font-style:italic; background-color:#f6f2e0;border:1px solid; float:right; font-size:0.9em;padding: 0 10px;}
#hautpage { background-image:url(hautpage.jpg);font-size:0.8em;line-height:16px;width:92px; height:18px;padding-left:8px;float:right;}

/* Image de Téléchargement */
#te01{margin:0;padding-left:184px;background: url(te01.jpg) no-repeat;height: 27px;line-height: 30px;}

/* bulle de téléchargement */
a.b01 {text-decoration: none;}
a.b01:hover {background: none;}
a.b01 span {display: none;}
a.b01:hover span {position: absolute;width:84px;height:26px;padding:9px 2px 0 4px;display:inline;margin-top:1em;font-size:0.9em;background-image:url(bulle.jpg);}

/* Image diaporama */
.dia { background-image:url(dia.jpg); height:27px;margin-left:30px; width:80px;padding-top:3px;}

/* bloc de la page d'accueil */
.Or { background:url(/images/accueil5.jpg) no-repeat; width:334px; height:269px;padding-left:354px;margin-left:30px;}
#jour { width:auto;height:auto;ext-align:left;margin:0;font-style:italic;}

em {font-style: italic;}
strong {font-weight: bold;}

/* Image pour le Plan */ 
#plan { background:url(/images/carte3.gif);width:740px;height:auto;}

/* tailles perso pour le Plan */
.police14 { font-size:1.4em;}
.police12 { font-size:1.2em; font-weight:bold}
.police09 { font-size:0.9em;}
.police08 { font-size:0.8em;}

/* Images sur les liens, dans colonne page Tutoriels.php */
#au-sites{margin:10px 0px 0 28px;}

/* Personnalisation du fond de page Moteur Recherche Google */
#cse { background-color:#f6f2e0;padding:20px;}

#nouveautés {widght:auto;height:600px; overflow:auto;border:1px solid;}/* bloc limitation hauteur nouveautés acueil */
#quote{ background-color:#d2cebc;padding:2px;margin-left:16px; font-style:italic; font-size:0.9em;} /* bloc quote */

/* quiz */
.pfaible {margin:2px 0;} /* limite de hauteur des p */

/* Google translate */
#google {width:180px;border:1px solid;padding:6px; text-align:center; float:right; background-color:#cccccc;}


/* Photoshoplus.info © 2009 
Ce fichier et sont contenu sont la propriété du site Photoshoplus.info
*/