/* CSS Document */

/* 
style identique pr toutes les pages
Les elements de style specifiques a chq page 
(couleurs et images) se trouvent directement 
ds le fichier corrrespondant 
*/

body {
font-family:verdana, arial, sans-serif;
font-size:12px;
text-align:justify;
}

/* mettre marges ŕ zéro pour ttes les balises */
* {
margin: 0; 
padding: 0;
} 

/* conteneur principal */
#haut{
margin-left:auto;
margin-right:auto;
width:800px;
height:25px;
}

#fond{
margin-left:auto;
margin-right:auto;
width:800px;
background-image:url(img/fond.jpg);
}

#fond_limite{
margin-left:23px;
width:754px;
}

#fond_haut{
background-x:repeat;
height:100px;
}

#slogan{
margin-left:250px;

}

#bas{
margin-left:auto;
margin-right:auto;
width:800px;
height:40px;
/*background-image:url(img/bas.jpg);*/
text-align:center;
font-size:9px;
}

/* menu */
#menu_horizontal{
width:750px;
margin-top:-27px; 
margin-left:auto; /* fond global du menu horizontal centré */
margin-right:auto; 
position:relative; /* pour placer le menu par dessus le bloc news */
z-index:1;
}
.menu{
display:block;
margin:0;
padding:0;
width:750px;
}

.menu ul{
position:absolute;
display:block;
width:107px;
/**/margin:0;
 padding:0;
}
    
.menu li ul{
visibility:hidden;
}

.menu li li ul{
position:absolute;
margin-left:156px; /* place le sous sous menu juste a coté de son sous-menu */
margin-top:-14px;
}
    
.menu li{ /* fond ligne menu sans sous-menu */
list-style:none;
width:105px;
height:auto;
display:block;
float:left;
margin:0;
padding:0;
font-weight:bold;
}
    
.menu li li {
display:block;
/*******width:108px;*/
width:156px;
}
.menu li li a{
margin-top:5px;
display:block;
width:150px;
font-weight:normal; /* sous menu pas en gras */
text-align:left;
padding-left:5px;
}

li.sous_menu a:hover{
/*border-left:1px #0E5A4D solid;  rollover sur les sous menus 
border-right:1px #0E5A4D solid;*/
}

.menu a{
text-align:center;
color:#000;
display:block;
width:105px;
text-decoration:none;
margin:0;
padding:0;
}
    
.menu a:hover{
/*border:1px #0E5A4D solid;*/
}
/* fin menu */


/* pr la page d'accueil*/

#centre_img{
width:500px;
height:330px;
margin-top:70px;
margin-left:208px;
/*background:url(img/img_centrale5bis2.jpg);
height:430px;
margin-top:70px;
margin-left:208px;*/
background:url(img/img_accueil/img_centrale5bis5.jpg);

background-repeat:no-repeat;
z-index: 10; /* pr placer le bloc img en dessous du menu */
}

#news{
margin-top:-300px;
margin-left:30px;
width:151px;
height:196px;
background:url(img/news.jpg);
background-repeat:no-repeat;
z-index:0;
}

#menu_bas_index{
width:650px;
margin-top:115px;
margin-left:58px;
text-align:center;
}

/*pr les autres pages et aussi pr l'accueil */

h3{
font-style:italic;
color:#330066;
text-align:center;
}

#arbo{
width:700px;
margin-top:40px;
margin-left:20px;
color:#6C6E6F;
font-size:10px;
}
#arbo a:link,#arbo a:visited{
text-decoration:none;
color:#6C6E6F;
font-weight:bold;
}
#arbo a:hover{
text-decoration:none;
color:#9C9D9D;
font-weight:bold;
}

#contenu_haut{
width:716px;
height:15px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
background:url(img/haut_contenu.gif);
}

#contenu{
width:696px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
padding:10px; /*marge interieure, dependant aussi du width du contenu*/
}

#contenu_bas{
width:716px;
height:15px;
margin-left:auto;
margin-right:auto;
background:url(img/bas_contenu.gif);
}

/*pour le menu du bas*/
#menu_bas{
width:500px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#menu_bas a:link, #menu_bas a:visited, #menu_bas_index a:link, #menu_bas_index a:visited{
text-decoration:none;
font-weight:bold;
color:#3B6D19;
}

#menu_bas a:hover, #menu_bas_index a:hover{
font-weight:bold;
color:#4EC200;
}