body/*POUR TOUTES LES PAGES DU SITE*/
{font-family :Georgia, Arial, NewRoman, serif;/*police*/
font-size:12px;/*taille police*/
color:black;/*couleur police*/
background-color:rgb(185,255,255);/*couleur du fond - changer aussi .invisible*/
width:760px;/*largeur maxi de la page pr utilisatuers 800x600*/
margin:auto;/*centrer la page*/
margin-top:20px;/*marge par rapport au navigateur*/
margin-bottom:20px;/*idem*/
}

#banniere /*BLOC HAUT DE PAGE  = BANNIERE ENTREPRISE*/
{max-width:760px;
height:15px;
margin:auto;/*bloc centré automatiqut dans la largeur page*/
margin-bottom:5px;/*marge sous block en-tête*/
}
#banniere2 /*BLOC HAUT DE PAGE  = BANNIERE ENTREPRISE*/
{max-width:760px;
height:25px;
margin:auto;/*bloc centré automatiqut dans la largeur page*/
margin-bottom:5px;/*marge sous block en-tête*/
}
.banniere /*titre de l'entreprise*/
{text-align:left;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
}




#menu /*BLOC MENU SAUF PAGE D'ACCUEIL*/
{width:760px;/*largeur menu obligatoire surtout si flottant*/
margin:auto;/*centrer le menu dans la page*/
border-bottom :12px solid rgb(0,235,0);
padding-bottom:60px;/*où placer le menu par rapport au bord haut gauche*/
margin-bottom:20px;/*marge extérieure entre menu et en-tête*/
}
#onglets /*onglets du menu*/
{font-size:11px;
list-style-type:none;
position:absolute;
border:1px solid transparent;
padding:0;
margin-left:-380px;
left:50%;
margin-top:13px;
width:760px;
}
#onglets li /*pour chaque onglet*/
{float:left;/*onglets sur même ligne*/
list-style-type:none;
font-size:11px;
height:39px;
background-color:rgb(255,255,255);/*changer aussi .invisible*/
margin:1px 1px 0 1px !important; /*esp entre onglets pour visiteurs non Internet Explorer*/
margin:4px 2px 0 2px;/*esp entre onglets pour visiteurs Internet Explorer*/
border:1px solid navy;
}
/*qd clic sur onglets
#onglets li:active 
{border-bottom:1px solid rgb(0,235,0);
background-color:rgb(0,235,0);
}
*/
#onglets a /*liens dans les onglets*/
{display:block; /*on peut cliquer partout dans l'onglet pour activer le lien*/
color:rgb(100,145,100); /*couleur de la police qui active le lien*/
text-decoration:none;/*trait de soulignt disparait*/
padding:5px;/*marges entre texte et taille onglet*/
}
/*liens dans les onglets modifiés au passage de la souris
#onglets a:hover
{background-color:rgb(0,235,0);
}
 */



#en_tete /*BLOCK HAUT DE PAGE  sauf page d'accueil*/
{max-width:760px;
margin:auto;/* centré automatiqut dans la largeur page*/
height:20px;
margin-bottom:20px;/*marge entre en-tête et corps*/
}


h1 /*gros titre de chaque page sauf accueil*/
{font-size:42px;
text-align:center;
}


#corps /*BLOCK CENTRAL*/
{padding:5px;/*espage entre bordure et texte du corps*/
margin-bottom :10px;/*marge entre corps et pied de page*/
}
 

.legend /* legendes et contours des photos*/
{color:black; /*couleur de la police sur laquelle agit le lien, cad ici couleur de la police sur les photos*/
font-size:12px;/*taille police*/
border:none;
}

.legend a/* legendes et contours des photos*/
{color:black; /*couleur de la police sur laquelle agit le lien, cad ici couleur de la police sur les photos*/
text-decoration:none;/*trait de soulignt disparait*/
}


.blabla  /*paragraphes ecrits en gros*/
{font-size:19px;
text-align:justify;
}

.centrepetit/*centrer;*/
{text-align:center;
font-size:12px;/*taille police*/
}

.petit/*petite ecriture dans les paragraphes ecrits en gros*/
{font-size:12px;/*taille police*/
}

.centre/*centrer;*/
{text-align:center;
}

h2 /*sous-titres*/
{font-size:19px;
}

li /*listes a puces*/
{list-style-type:square;/*petits carres*/
font-size:19px;
}

.gris /*stabiloter en gris*/
{background-color:rgb(180,222,222);
}
.gris a /*liens gris*/
{color:black; /*couleur de la police qui active le lien*/
}
.vert /*stabiloté en vert*/
{background-color:rgb(0,235,0);
}
.vert a /*liens verts*/
{color:black; /*couleur de la police qui active le lien*/
}
.jaune /*stabiloté en jaune*/
{background-color:rgb(255,255,0);
}
.jaune a /*liens jaunes*/
{color:black; /*couleur de la police qui active le lien*/
}
.beige /*stabiloté en beige*/
{background-color:rgb(250,220,210);
}
.bleu /*stabiloté en bleu*/
{background-color:rgb(156,204,240);
}
.invisib /*sur les stages en gris*/
{color:rgb(180,222,222);
}
.invisibl /*sur les stages en vert*/
{color:rgb(0,235,0);
}

.invisible /*sur le blanc des onglets*/
{color:rgb(255,255,255);
}

.invisibles /*sur les fonds de page bleu*/
{color:rgb(185,255,255);
}

.souligne
{text-decoration:underline;
}

.clignotant
{text-decoration:blink;
}

.italique
{font-style:italic;
font-size:12px;/*taille police*/
}

.majuscules
{text-transform:uppercase;
}

.image_flottante
{float:left;
margin-right:50px;
}
.image_flottanteright
{float:right;
margin-left:50px;
}

.adroite
{text-align:right;
}

table /*tableaux*/
{width:760px;
height:auto;
margin:auto;/*centrer ds la page*/
margin-top:20px;
border-collapse:collapse;/*pour que les bordures des cellules se confondent*/
}
td, th /*chq cellule  et chq titre de colonne de tableaux*/
{border:none;/*bordures des cellules se confondent*/
padding:3px;
padding-left:10px;/*espage entre  bordure g et texte de 10, autres 3*/
}
th/*chq  titre de colonne de tableaux*/
{font-size:19px;
}
.public /*sur table-td-th de l'onglet public, cad encadré chq cellule  et chq titre de colonne de tableaux*/
{border:1px solid black;/*bordures des cellules se confondent*/
padding:3px;
padding-left:10px;/*espage entre  bordure g et texte de 10, autres 3*/
}

#pied_de_page /*BLOCK PIED DE PAGE*/
{font-size:11px;/*taille police*/
text-align:center;/*texte centré à l'intérieur*/
border:1px solid rgb(165,42,42);
margin:auto;/*bloc pied de page centré automatiqut dans la largeur page*/
max-width:760px;
padding:1px;/*espace entre texte et bordure du pied de page*/
}


#bas_de_page /*BLOCK PIED DE PAGE*/
{font-size:11px;/*taille police*/
text-align:right;/*texte à droite*/
margin:auto;/*bloc pied de page centré automatiqut dans la largeur page*/
max-width:760px;
padding:1px;/*espace entre texte et bordure du pied de page*/
}