BODY{
background:url('img/fond_3.jpg'); background-color:teal; font-family:tahoma,arial;color:white; font-size:12px;
scrollbar-3dlight-color:white;
scrollbar-darkshadow-color:darkgreen;
scrollbar-face-color:green;
scrollbar-track-color: lightseagreen;
scrollbar-highlight-color:seagreen;
scrollbar-shadow-color:darkcyan;
scrollbar-arrow-color:cyan;
}

TABLE,TD {font-size:12px}

a:link {color:white}
a:active {color:white}
a:visited {color:white}
a:hover {color:white; background-color:darkgreen}

a.s:link {color:crimson}
a.s:active {color:red}
a.s:visited {color:crimson}
a.s:hover {color:crimson; background-color:lightseagreen}


/*boutons 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}

/*id*/
#cap{width:100%;color:gold;height:150px;border:1px solid black;background:url('img/fond_cap.jpg')}
#menu_h{width:100%;padding:4px}
#milieu{width:100%;border:1px solid black}
#menu_g{width:150px;background-color:transparent;color:white;vertical-align:top}
#tribune{width:*;padding:12px;background-color:antiquewhite;color:maroon;border-left:1px solid black;border-right:1px solid black}
#chandelle{width:150px;vertical-align:top}
#pied{width:100%;background-color:maroon;border-bottom:1px solid black}

/*menu_g*/
.menu_gauche_bloc{}
.menu_gauche_references{background-color:maroon;font-size:10px}
.menu_gauche_surtitre
a.menu_gauche:link{color:white;font-weight:bold}
a.menu_gauche:active{color:white;font-weight:bold}
a.menu_gauche:visited{color:white;font-weight:bold}
a.menu_gauche:hover{color:chartreuse;background-color:darkgreen}
.menu_gauche_signature{}
/*article*/
#article{}
.article_bloc{}
.article_references{float:right;color:lightseagreen;font-size:10px}
.article_surtitre{background-color:darkgreen;color:chartreuse;font-variant:small-caps}
.article_titre{font-size:30px; color:maroon}
.article_avatar{float:left}
.article_texte{}
.article_signature{}
/*liens articles*/
a.article:link{color:midnightblue}
a.article:active{color:midnightblue}
a.article:visited{color:midnightblue}
a.article:hover{background-color:red;color:white}
/*commentaires*/
#commentaires
.comment_references{}
.comment_titre{}
.comment_texte
/*news*/
#news
.comment_references{}
.comment_titre{}
.comment_texte{}
/*livre d'or*/
#livredor{width:100%;text-align:center}
.livredor_bloc{width:64%;text-align:left;background-color:antiquewhite;color:firebrick;padding:24px;border-bottom:1px solid black}
#formulaire{background-color:gainsboro;color:silver}

/*ZONE DE TEXTE*/
/*titres*/
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:18px}
h5{font-size:15px}
.chapo {color:teal; font-size:14px; font-weight:bold}
.inter {color:firebrick; font-variant:small-caps; font-size:14px; font-weight:bold}
.reverse {color:floralwhite;background-color:maroon;padding:2px}
.titrecom {color:firebrick; font-size:14px; font-weight:bold}
.rappel {background-color:gainsboro; color:dimgray}
.note {font-size:11px}
.mentions {font-size:10px};
.puce {font-family:webdings}
.petitepuce{font-family:webdings; font-size:6px}
.pucerouge {font-family:webdings ; color:firebrick}
.bleu {color:darkslateblue}
.rouge {color:crimson}
.orange {color:orange}
.vert {color:green}
.gras {font-weight:bold}
.ital {font-style:italic}
.alerte {background-color:floralwhite; color:crimson}
.info {background-color:floralwhite;color:darkblue}

.cadreclair {background-color:gold;color:darkgreen}
.cadregris {background-color:gainsboro;color:darkred}
.cadresombre{background-color:darkred;color:white}