/*original de l'image de fond : http://artis.imag.fr/~Gilles.Debunne/Enseignement/RayTracer/Images/Extensions/petanque.jpg*/
BODY{
background:url('img/fond.jpg'); background-color:midnightblue; font-family:tahoma,arial ; color:azure; font-size:12px;
scrollbar-3dlight-color:slateblue;
scrollbar-darkshadow-color:slateblue;
scrollbar-face-color:midnightblue;
scrollbar-track-color:lightsteelblue;
scrollbar-highlight-color:dodgerblue;
scrollbar-shadow-color:lavender;
scrollbar-arrow-color:cornflowerblue;
cursor:(red);
}
/* tableaux génériques */
table,tr,td{font-size:12px}
/* liens du body */
a:link {color:firebrick}
a:active  {color:firebrick}
a:visited {color:firebrick}
a:hover{color:firebrick;background-color:orange;font-weight:bold}
/* tête de page */
#cap{background-color:transparent}
.cap{color:azure}
/* menus hauts */
#menu_haut_1 {width:100%;height:15px;background-color:transparent;}
#menu_haut_2 {width:100%;height:15px;background-color:lightsteelblue; color:darkblue border:1px solid cornflowerblue}
a.menu_haut:link{background-color:lightskyblue;color:midnightblue;border:3px outset}
a.menu_haut:active{background-color:lightskyblue;color:darkblue;border:3px outset}
a.menu_haut:visited{background-color:lightskyblue;color:darkblue;border:3px outset}
a.menu_haut:hover{background-color:orange;color:darkblue;border:3px outset}
/*boutons liens fonctionnels*/
a.b1:link {color:white; background-color:darkgreen;border:3px outset}
a.b1:active {color:yellow; background-color:darkgreen;border:3px outset}
a.b1:visited {color:white; background-color:darkgreen;border:3px outset}
a.b1:hover {color:white; background-color:darkblue;border:3px outset}
a.b2:link {color:white; background-color:darkred;border:3px outset}
a.b2:active {color:yellow; background-color:darkred;border:3px outset}
a.b2:visited {color:white; background-color:darkred;border:3px outset}
a.b2:hover {color:white; background-color:darkblue;border:3px outset}

#milieu{width:100%;padding:0;}

#menu_gauche{width:180px;vertical-align:top; padding:12px;background-color:lightsteelblue;color:white;border:1px solid white}
a.menu_gauche:link{color:darkblue}
a.menu_gauche:active{color:darkblue}
a.menu_gauche:visited{color:blue}
a.menu_gauche:hover{background-color:orange;color:darkblue}
.menu_gauche_surtitre{font-variant small-caps}
.menu_gauche_sign{font-weight:bold;font-style:italic;font-size:11px}

#cahiers{background-color:orange;border:1px dotted gold;width:90%}
#sous-menu_gauche{background-color:orange;border:1px dotted gold;width:90%}
#tribune{vertical-align:top;background-color:floralwhite}
#article{text-align:left;background-color:white;color:black;padding:12px;border-bottom:2px solid darkblue}
.article_ref{text-align:right;color:darkorange;border-bottom:1px solid gray}}
.article_surtitre{font-variant:small-caps;background-color:lightsteelblue;color:darkblue}
.article_titre{font-size:30px;color:darkblue;font-weight:bold;font-style:italic}
.article_texte{color:dimgray;text-align:justify}
.article_sign{text-align:right;font-style:italic;font-weight:bold;margin-right:48px}
.article_edit{font-size:11px;font-style:italic;color:gray}
#comment{}
.comment_rappel{background-color:whitesmoke;width:50%;float:left;padding:24px}
.comment_comment{background-color:white;color:black;float:right;width:50%;padding:12px}
#news{margin:12px;padding:12px;background-color:azure}
.news{margin:12px;padding:12px;background-color:azure;color:darkblue}
.news_cap{color:steelblue;border-bottom:1px solid gray}
.news_ref{text-align:right;font-size:11px;color:lightslategray}
.news_titre{color:cornflowerblue;font-weight:bold;font-size:15px}
.news_texte{color:navy;border-bottom:1px dotted gray}
#formulaire{padding:12px;background-color:gainsboro;color:dimgray}
#chandelle{background-color:transparent;color:white;vertical-align:top;text-align:center}
.chandelle_recherche{text-align:left;padding:8px;background-color:transparent;color:azure;border-top:1px solid darkblue;border-bottom:1px solid darkblue};
.chandelle_pub{background-color:transparent}
.chandelle_texte{padding:8px;text-align:left}
#pied{background-color:transparent;color:orange;border-bottom:1px solid blue}
#ecrire{width:100%;vertical-align:top;text-align:center;background-color:transparent}
#ecrire_gauche{width:420px;vertical-align:top;text-align:right;background-color:darkorange;color:white}
#ecrire_droit{width:50%;vertical-align:top;text-align:center}
/*CHARTE TYPOGRAPHIQUE*/
.titre24 {color:orange;font-size:24px;font-style:italic;font-weight:bold}
.titre18 {color:orange;font-size:20px;font-weight:bold}
.chapo {color:orange; font-size:15px; font-weight:bold}
.inter {color:firebrick; font-variant:small-caps; font-size:14px; font-weight:bold}
.legende{color:darkslategray;font-style:italic;font-weight:bold}
.note {font-size:11px;}
#bando{background-color:darkblue;color:gold; font-weight:bold;font-size:15px}
/* Cadres prédéfinis */
.cadresombre{background-color:darkblue;color:azure;border:1px solid cornflowerblue}
.cadreclair{background-color:azure;color:midnightblue; border:1px solid orange}
.cadregris{background-color:gainsboro;color:black;border:1px solid silver}
/*Lignes horizontales*/
hr.lignesombre{color:darkblue}
hr.ligneclaire{color:skyblue}
hr.lignegrise{color:gray}
/*alignements */
.centre{text-align:center}
.droit{text-align:right}
/* Invariants */
.gras {font-weight:bold}
.ital {font-style:italic}
.soul {text-decoration:underline}
.reverse {color:white; background-color:darkslategray}
/* Couleurs prédéterminées */
.bleu {color:blue}
.rouge {color:red}
.orange {color:orange}
.vert {color:green}
.violet {color:violet}
/*zucodes*/
.zucodes{font-weight:bold;background-color:gainsboro;color:black}
.zucodes1{background-color:whitesmoke;color:black}
.bouton{font-family:arial;font-size:12px}

/*divers*/
.mentions {font-size:10px};
.alerte {background-color:floralwhite; color:crimson}
/*puce*/
.info {background-color:floralwhite; color:darkblue}
/*puce*/
.puce {font-family:webdings;font-size:9px;}
.petitepuce{font-family:webdings;font-size:6px}
/*puce couleur 1*/
.puce1 {font-family:webdings;color:darkblue;font-size:9px;}
.petitepuce1{font-family:webdings;color:darkblue;font-size:6px}
/*puce couleur 2*/
.puce2 {font-family:webdings;color:darkred;font-size:9px;}
.petitepuce2{font-family:webdings;color:darkred;font-size:6px}