BODY{
background:url('img/fd_cuq.jpg');background-color:whitesmoke; font-family:gill sans mt,tahoma; color:black; font-size:12px; text-align:center;
scrollbar-3dlight-color:dimgray;
scrollbar-darkshadow-color:gray;
scrollbar-face-color:whitesmoke;
scrollbar-track-color:silver;
scrollbar-highlight-color:whitesmoke;
scrollbar-shadow-color:dimgray;
scrollbar-arrow-color:gray;
}
/* tableaux génériques */
table,tr,td{font-size:12px}
/* liens du body */
a:link {color:dimgray}
a:active {color:black}
a:visited {color:black}
a:hover {color:red}

/* tête de page */
#cap{/*background:url('img/fond_rouge.jpg')*/;background-color:orangered;border:1px solid gray;color:gainsboro} 

/* menus hauts */
#menu_haut_1 {width:100%;height:40px;background-color:white; border:2px solid gray}
#menu_haut_2 {width:100%;height:15px;background-color:white;border:3px solid gray}
a.menu_haut:link{background-color:orangered;color:white;border:3px outset}
a.menu_haut:active{background-color:orangered;color:white;border:3px outset}
a.menu_haut:visited{background-color:orangered;color:white;border:4px outset}
a.menu_haut:hover{background-color:dimgray;color:gainsboro;border:6px 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%;background-color:transparent;color:black;padding:0;}

#menu_gauche{width:150px;vertical-align:top; /*background:url('img/fond_rouge.jpg')*/;background-color:orangered; padding:12px;color:azure;}
.menu_gauche_bloc{width:150px;vertical-align:top; background-color:dimgray; padding:12px;color:whitesmoke;}
a.menu_gauche:link{color:whitesmoke}
a.menu_gauche:active{color:whitesmoke}
a.menu_gauche:visited{color:whitesmoke}
a.menu_gauche:hover{background-color:dimgray}
.menu_gauche_surtitre{font-variant small-caps}
.menu_gauche_sign{font-weight:bold;font-style:italic;font-size:11px}

#cahiers{background-color:dimgray;border:1px solid crimson;width:80%}
#sous-menu_gauche{background-color:white;border:1px dotted gold;width:90%}
#tribune{width:100%;vertical-align:top}
#article{width:64%;vertical-align:top;background-color:whithesmoke}
.article_bloc{vertical-align:top;text-align:left;background-color:whitesmoke;padding:12px}
.article_ref{text-align:right;border-bottom:1px solid gray}
.article_surtitre{font-variant:small-caps;background-color:white;color:darkgray}
.article_titre{font-size:30px;color:dimgray;font-weight:bold;font-family:gill sans mt}
.article_texte{color:dimgray;text-align:justify}
.article_sign{text-align:right;color:white;font-style:italic;font-weight:bold;margin-right:48px}
.article_edit{font-size:12px;font-style:italic;color:gray}
/*liens articles*/
a.article:link{color:darkorange}
a.article:active{color:darkorange}
a.article:visited{color:darkorange}
a.article:hover{background-color:darkorange;color:white}
#comment{vertical-align;top}
.comment_rappel{background-color:whitesmoke;color;black;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:white;color:black}
.news_cap{border-bottom:10px solid chartreuse}
.news_ref{text-align:right;font-size:12px;color:darkred}
.news_titre{color:black;font-weight:bold;font-size:20px}
.news_texte{border-bottom:8px dotted chartreuse;font-size:12px}
#formulaire{padding:12px;background-color:gainsboro}

/*chandelle de droite*/
#chandelle{background-color:gainsboro; vertical-align:top;text-align:center}
.chandelle_recherche{text-align:left;padding:8px;background-color:transparent;color:#1A3300;border-bottom:2px solid #1A3300};
.chandelle_pub{background-color:transparent}
.chandelle_texte{padding:8px;text-align:left}

/*pied de page*/
#pied{background-color:darkgray;color:gainsboro;text-align:center}

/* fichier ecrire*/
#ecrire{width:100%;vertical-align:top;text-align:center;background-color:transparent}
#ecrire_gauche{width:420px;vertical-align:top;text-align:right;background-color:whitesmoke;color:black;border:1px solid darkorange}
#ecrire_droit{width:50%;vertical-align:top;text-align:center}

#galerie{background-color:darkorange;color:white;padding:12px}


/*CHARTE TYPOGRAPHIQUE*/
.titre24 {color:darkred;font-size:24px;font-weight:bold}
.titre18 {color:darkred;font-size:18px;font-weight:bold}
.chapo {color:orangered; font-size:15px; font-weight:bold}
.inter {color:firebrick; font-variant:small-caps; font-size:14px; font-weight:bold}
.legende{color:gray;font-style:italic;font-weight:bold}
.note {font-size:11px;}
/* Cadres prédéfinis */
.cadresombre{background-color:dimgray;color:white;border:2px solid silver; padding:8px}
.cadreclair{background-color:whitesmoke;color:black; border:2px solid darkgreen; padding:8px}
.cadregris{background-color:gainsboro;color:black;border:1px solid silver; padding:8px}
/*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:gainsboro}
.bouton{font-family:arial;font-size:12px}
/*divers*/
.mentions {font-size:10px};
.alerte {background-color:floralwhite; color:crimson}
.info{background-color:white;color:blue;font-weight:bold;padding-left:8px}
/*PUCES*/
/*puce de la couleur du texte*/
.puce {font-family:webdings;font-size:9px;}
.petitepuce{font-family:webdings;font-size:6px}
/*puce couleur 1*/
.puce1 {font-family:webdings;color:crimson;font-size:9px;}
.petitepuce1{font-family:webdings;color:crimson;font-size:6px}
/*puce couleur 2*/
.puce2 {font-family:webdings;color:Darkred;font-size:9px;}
.petitepuce2{font-family:webdings;color:orange;font-size:6px}