/************************************************

Feuille de styles

************************************************/


/* Configuration du site (police par défaut, fond couleur ou image */
body { 
	margin:0px;
	padding:0px;
	text-align:center;
	background-color: #BFCCE1;
	color:#ffffff;
	font: 13px "Trebuchet MS", Helvetica, Arial, sans-serif, Verdana;
}
#body { 
	width:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	
	background-repeat:repeat-x;background-position:top left;	background-attachment: scroll;
	background-image: url(http://www.esteler.net/index/fond/background-png.png);
		background-color: #BFCCE1;
}
 

/* BLOC LOGO */
#headerlogo
{
	text-align:center;
}
/* FIN BLOC LOGO */


/* BLOC HEADER (ENTETE) AVEC TITRE DU SITE EN TEXTE */
#header
{
	height:112px; /* la hauteur est égale à :  hauteur - padding-top */
	padding:22px 0px 0 0px;
	width:950px;	color:#ffffff;			text-align:left;
		font-weight:bold;		font-variant:small-caps;}

#header a{
    color:#ffffff;
    text-decoration:none;
}

/* Bloc du sous-titre */
#header div.sstitre{
    font-size:25px;
    padding:0 5px 0 5px;
    margin:0;
    line-height:normal;
    display:block;
}

/* pour la disposition menu horizontal en dessous de l'entete */
#headermenu {
	width:950px;    text-align:center;
    margin:auto;
}

/* FIN DU BLOCK HEADER  */



/* BLOC FOOTER (PIED DE PAGE) */
#footer
{
	height:0px;
	width:100px;		
	margin:0 auto;
}





/* BLOC MENUS */
#contenant
{
font-family:Trebuchet MS; 
width:950px;
text-align:left;
margin-top:0px;
overflow:hidden;
padding:10px 0 0 0; 

background-color:#FFFFFF;
background-repeat:repeat-x;background-position:top left;border-bottom:none;border-left:none;border-right:none;
}

/* FIN BLOC MENUS */



/* BLOC DU CONTENU */

#contenant #contenu
{ 
color:#222222;
width:605px;  /* seulement pour ie6 */
line-height: 140%;
margin: 2px 300px 0 15px; /* seulement pour ie6 */
}

#contenant > #contenu
{ 
width:auto;
margin: 2px 0px 0 10px;
}


#contenu div, #contenu span{
margin: 0;
padding: 0;
}

#contenant #contenu li.formulaire { list-style-type:none; }

/* FIN BLOC DU CONTENU */







/* MENU HAUT HORIZONTAL */
#menuh
{ 
position:relative;
clear:both;
font-size:13px;
padding:auto 0;
background-color:#142D4A;background-repeat:repeat-x;background-position:top left;
text-align:left;
color:#FFFFFF;

font-size:13px;
height:42px;
overflow:visible;
}


/* Style des liens dans le menu haut */
#menuh a 
{
//display:block;
border: none;
color:#FFFFFF;
line-height:42px;
text-decoration:none;
padding:0 9px;
font-weight:bold;
font-variant:normal;
position:relative;
z-index:100;
}

/* Style des liens dans le menu haut horizontale, une fois survolé*/
#menuh a:hover
{
background-color:#FF5400;
color:#ffffff;
}

/* FIN DU MENU HAUT HORIZONTAL */





/* MENU DE GAUCHE VERTICAL 


*/


/* Bloc des rubrique/catégorie des menus gauche  */
#menug .categorieg
{
padding:10px 2px 5px 2px;
margin-bottom:20px;

border:1px solid #6E88A9;background-color:#DEE8F9;}


#menug
{
font-size:13px;
margin:2px 10px 20px 10px;
-margin:2px 5px 20px 5px; /* Pour IE6 */

width:275px;
color:#373434;
}



#menug ul{
list-style-position: inside;
list-style-type: square;
margin-bottom:20px;
margin:0;
padding: 0 0 0 2px;
z-index:100;
}

#menug ul a {
color:#373434;
text-decoration:none;
}

#menug ul a:hover{
color:#FF5400;
text-decoration:underline;
}


/* Sous pages */
#menug ul li.sspage {
	padding-left: 15px;
}

#menug span
{
text-align:left;
display:block;
}

#menug span a,#menug span a:hover
{
color:#373434;
}


/* Barre horizontale dans le menu de gauche */
#menug hr
{
border: none 0; border-top: 1px solid #373434; width: 100%; height: 1px; 
}

/* TITRE DES ELEMENTS DU MENU DE GAUCHE */
#menug h3 {
display:block;
background-color:  #4F658A;font-weight:bold;font-variant:small-caps;height:25px;
line-height:25px;
text-align:left;
font-size:14px;
color:#ffffff;
padding:0 3px 0 3px;
margin:0;
overflow:hidden;
}

#menug h3 a {
color:#ffffff;
text-decoration:none;
}

#menug h3 a:hover
{
color:#ffffff;
text-decoration:underline;
}
/* FIN TITRE ELEMENTS MENUS */


/* Style des liens des titre des liens du menus gauche*/
#menug a {
color:#373434;
text-decoration:none;
}

#menug a:hover{
color:#FF5400;
text-decoration:underline;
}

#menug ul li a
{
	padding-left:20px;
	background-position: center left;
	background-repeat: no-repeat;
}

#menug ul li a:hover
{
	padding-left:20px;
	background-position: center left;
	background-repeat: no-repeat;
}

/*FIN MENU DE GAUCHE VERTICAL */