html,body{text-align:center;margin:0;padding:0;color:#333;font-family:arial;font-size:12pt;background-color:#9CAEB4;z-index:10;}
#accueil{
position:relative;margin-left:auto;margin-right:auto;width:936px;background-color:#fff;border: 1px solid #4D6166;
padding:10px;margin-top:0px;
}
#bas{
position:relative;margin-left:auto;margin-right:auto;width:956px;background-color:#fff;border: 1px solid #4D6166;
top:10px;font-weight:bolder;font-size:10pt;color:#4D6166;margin-bottom:10px;padding-top:5px;padding-bottom:5px;
}
#calque1{position:relative;width:936px;height:115px;margin:0;padding:0;}
#calque2{position:relative;width:936px;height:20px;margin:0;padding:0;font-size:9pt;color:#9CAEB4;}
#calque2-1{float:left;width:49%;text-align:left;margin-left:1px;}
#calque2-2{float:left;width:50%;text-align:right;}
#calque3{position:relative;width:936px;top:5px;height:40px;margin:0;padding:0;text-align:justify;font-weight:bolder;text-transform:uppercase;font-size:10pt;z-index:90;}
#calque3-1{float:left;width:186px;height:20px;margin:0;padding:0;margin-left:1px;margin-right:1px;text-align:center;padding-top:1px;}
#calque3-2{float:left;width:186px;height:20px;margin:0;padding:0;margin-right:1px;text-align:center;padding-top:1px;}
#calque3-3{float:left;width:186px;height:20px;margin:0;padding:0;margin-right:1px;text-align:center;padding-top:1px;}
#calque3-4{float:left;width:186px;height:20px;margin:0;padding:0;margin-right:1px;text-align:center;padding-top:1px;}
#calque3-5{float:left;width:186px;height:20px;margin:0;padding:0;text-align:center;padding-top:1px; }
#calque4{position:relative;width:936px;height:40px;margin:0;padding:0;font-size:10pt;text-align:left;z-index:50;}
#calque5{position:relative;width:936px;margin:0;padding:0;font-size:12pt;text-align:left;z-index:51;}
#calque5-1{float:left;width:196px;margin:0;padding:0;}
#calque5-2{margin:0;padding:0;text-align:justify;}
#calque6{position:relative;width:926px;height:50px;clear:both;top:10px;padding:0;font-size:11pt;text-align:left;z-index:52;}
#calque7{position:relative;margin:0;height:auto;padding:0;text-align:left;z-index:53;margin-bottom:20px;}
.logo-dernier-article{float:left;text-align:left;margin:0;padding:0;width:196px;}
.texte-dernier-article{margin:0;padding:0;font-size:10pt;text-align:justify;}
.sousrubrique{float:left;margin-right:55px;padding:0;}
h1{font-size:16pt;margin-bottom:0;}
.fond-rouge{background-color:#E12D36;}
.fond-marron{background-color:#A85E31;}
.fond-orange{background-color:#E76F00;}
.fond-vertclair{background-color:#85B600;}
.fond-vert{background-color:#12AD2B;}
.lien-blanc a, a.lien-blanc{color:#fff;}
.lien-gris a, a.lien-gris{color:#333;}
.lien-noir a, a.lien-noir{color:#000;}
.lien-bleu a, a.lien-bleu{color:#9CAEB4;}
.sousrubrique a, a.sousrubrique{font-weight:bolder;color:#333;}
.sousrubrique a:hover, a:hover.sousrubrique{font-weight:bolder;color:#666;}
a{color:#333;}
.couleur-rubrique, .couleur-rubrique a, a.couleur-rubrique{color:#E76F00;}
a:hover{text-decoration:none}
.encours{font-size:14pt;}
#menu, #menu ul /* Liste */
{
padding : 0; /* pas de marge intérieure */
margin : 0; /* ni extérieure */
list-style : none; /* on supprime le style par défaut de la liste */
line-height : 18px; /* on définit une hauteur pour chaque élément */
text-align : center; /* on centre le texte qui se trouve dans la liste */
z-index:100;
}
#menu ul li ul /* Liste */
{
line-height : 18px; /* on définit une hauteur pour chaque élément */
}
#menu /* Ensemble du menu */
{
font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
position:absolute;
}
#menu a /* Contenu des listes */
{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
border: 1px solid #fff;
margin:0;
padding-left:3px;
padding-right:3px;
color:#fff;
}
.bouton1,.bouton1 a, a.bouton1{background-color:#D9A933;color:#000;}
.bouton2, .bouton2 a, a.bouton2{background-color:#333;color:#fff}
#menu li /* Éléments des listes */
{
float : left;
/* pour IE qui ne reconnaît pas "transparent" */
border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
width : 186px; /* largeur */
text-transform:uppercase;
font-size:8pt;
font-weight : bold; /* on met le texte en gras */
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}
#menu li ul /* Sous-listes */
{
position: absolute; /* Position absolue */
width: 135px; /* Largeur des sous-listes */
left: -999em; /* Hop, on envoie loin du champ de vision */
}
#menu li ul li /* Eléments de sous-listes */
{
/* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
text-transform:none;
font-weight : normal;
font-size:8pt;
}
/* IE ne reconnaiAssant pas le sélecteur ">" */
html>body #menu li ul li
{
border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}
#menu li ul ul
{
margin : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
border-left : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */
}
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul
{
border-left : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */
{
font-weight:bolder;
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
left: auto; /*Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */
}
#menu li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
position:relative;
}