/*GENERAL*/
BODY{
background:url('img/fond_1.jpg');background-repeat:repeat-x;background-color:red; font-family:verdana; color:white; font-size:12px;
scrollbar-3dlight-color:black;
scrollbar-darkshadow-color:silver;
scrollbar-face-color:white;
scrollbar-track-color:silver;
scrollbar-highlight-color:silver;
scrollbar-shadow-color:black;
scrollbar-arrow-color:black;
}
/* tableaux génériques */
table,tr,td{font-size:12px}
/* liens du body */
a:link {color:white}
a:active {color:white}
a:visited {color:white}
a:hover {color:red;font-weight:bold;background-color:white}
/***********************************************************************/
/*RECTANGLE D'EMPAGEMENT*/
#empagement{}
/**********************************************************************/
/*HAUT DE PAGE*/
/* tête de page */
#cap{background-color:transparent;width:100%} 
/* menus hauts */
#menu_haut_1 {width:100%;height:40px;background:url('img/dgrad.gif'); border:2px solid gray}
#menu_haut_2 {width:100%;height:15px;background-color:white;border:3px solid gray}
a.menu_haut:link{background-color:red;color:white;border:3px outset}
a.menu_haut:active{background-color:red;color:white;border:3px outset}
a.menu_haut:visited{background-color:red;color:gainsboro;border:4px outset}
a.menu_haut:hover{background-color:white;color:red;border:6px outset}
/**********************************************************************/
/*MILIEU DE PAGE*/
#milieu{width:100%;background-color:transparent;color:white;}
/*COLONNE DE GAUCHE*/
/*menu*/
#menu_gauche{width:150px;vertical-align:top; padding:12px;background-color:transparent; color:azure;}
.menu_gauche_bloc{border-bottom:1px solid white;padding:8px;vertical-align:middle}
a.menu_gauche:link{color:white}
a.menu_gauche:active{color:white}
a.menu_gauche:visited{color:white}
a.menu_gauche:hover{background-color:white;color:red;font-weight:bold}
.menu_gauche_surtitre{font-variant:small-caps}
.menu_gauche_sign{font-weight:bold;font-style:italic;font-size:11px}
/*liens cahiers*/
#cahiers{background-color:white;border:1px solid gray;width:80%}
/*sous-menu*/
#sous-menu_gauche{background-color:white;border:1px dotted gold;width:90%}
/*TRIBUNE = PARTIE CENTRALE*/
#tribune{width:64%;vertical-align:top}
/*article*/
#article{vertical-align:top;background-color:azure;border-bottom:1px solid blue}
.article_bloc{vertical-align:top;text-align:left;background-color:azure;padding:12px}
.article_ref{text-align:right;color:black;border-bottom:1px solid gray}
.article_surtitre{font-variant:small-caps;background-color:white;color:black}
.article_titre{font-size:30px;color:red;font-weight:bold;}
.article_texte{background-color:white;color:black;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:midnightblue}
a.article:active{color:midnightblue}
a.article:visited{color:midnightblue}
a.article:hover{background-color:red;color:white}
/*commentaires*/
#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*/
#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*/
#formulaire{padding:12px;background-color:gainsboro;color:gray;}
/*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}
/************************************************************/
/*COLONNE DE DROITE*/
/*chandelle de droite*/
#chandelle{background-color:transparent;vertical-align:top}
.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;background-color:crimson}
/*pied de page*/
/************************************************************/
#pied{background-color:white;color:black;border-bottom:1px solid orange}
/************************************************************/
/*ECRIRE.PHP*/
/* 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:4px solid darkorange}
#ecrire_droit{width:50%;vertical-align:top;text-align:center}
/*************************************************************/
/*CHARTE TYPOGRAPHIQUE*/
.titre24 {color:darkred;font-size:24px;font-weight:bold}
.titre18 {color:darkred;font-size:20px;font-weight:bold}
.chapo {color:dimgray; font-size:15px; font-weight:bold}
.inter {color:firebrick; font-variant:small-caps; font-size:14px; font-weight:bold}
.legende{color:white;font-style:italic;font-weight:bold}
.note {font-size:11px;}
/* Cadres prédéfinis */
.cadresombre{background-color:#1A3300;color:white;border:2px solid silver; padding:8px}
.cadreclair{background-color:#FAFFF2;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:gray}
.bouton{font-family:arial;font-size:12px}
/*divers*/
.mentions {font-size:10px};
.alerte {background-color:floralwhite; color:crimson}
.info{background-color:azure;color:darkblue}
/*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}