body{
background:url('img/fond.gif');background-color:orange;
font-family:arial;
color:midnightblue; font-size:12px;
margin:24px;
scrollbar-3dlight-color:orange;
scrollbar-darkshadow-color:orange;
scrollbar-face-color:darkorange;
scrollbar-track-color: darkblue;
scrollbar-highlight-color:cornflowerblue;
scrollbar-shadow-color:orange;
scrollbar-arrow-color:darkblue}
/* 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}
/* menus hauts */
#menu_haut_1 {width:100%;height:15px;background-color:transparent;}
#menu_haut_2 {width:100%;height:15px;background-color:antiquewhite;  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:darkorange; color:white;border:1px solid white}
.menu_gauche{vertical-align:top;background-color:darkorange;color:white}
a.menu_gauche:link{color:firebrick}
a.menu_gauche:active{color:firebrick}
a.menu_gauche:visited{color:darkred}
a.menu_gauche:hover{background:color:orange;color:firebrick}
.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{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:antiquewhite;color:darkblue}
.article_titre{font-size:30px;color:darkblue;font-weight:bold;font-style:italic}
.article_texte{color:black;text-align:justify}
.article_sign{text-align:right;color:blue;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:*;padding:12px}
#news{margin:12px;padding:12px}
.news_cap{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{border-bottom:1px dotted gray}
#formulaire{padding:12px;background-color:gainsboro}
#chandelle{background-color:lightskyblue;vertical-align:top;text-align:center}
.chandelle_recherche{text-align:left;padding:8px;background-color:transparent;color:darkbklue;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:darkblue;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:midnightblue;font-size:24px;font-style:italic;font-weight:bold}
.titre18 {color:midnightblue;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;}
/* Cadres prédéfinis */
.cadresombre{background-color:darkblue;color:white;border:1px solid cornflowerblue}
.cadreclair{background-color:antiquewhite;color:black; border:1px solid orange}
.cadregris{background-color:gainsboro;color:black;border:1px solid silver}
/*Lignes horizontales*/
hr.lignesombre{color:darkslategray:1px}
hr.ligneclaire{color:orange}
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}
.zucodes1{background-color:whitesmoke}
.bouton{font-family:arial;font-size:12px}
/*tableaux sire v1*/
.tm {background-color:darkorange; color:white;border:1px solid white}
.ta {background-color:white; color:black}
.tr {background-color:bisque; color:darkgreen}
.tc {background-color:antiquewhite; color:darkgreen} 
.tz {background-color:white; color:darkgreen} 
.stm {font-variant:small-caps; font-size:11px}
.sta {font-variant:small-caps; background-color:antiquewhite; color:black; font-size:15px}
/*divers*/
.mentions {font-size:10px};
.alerte {background-color:floralwhite; color:crimson}
.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}