/***************** BODY *****************/

* {

/*---on passe toutes les marges à 0---*/

margin:0;

padding:0;

}

body,html{

height:100%;

/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)

scrollbar-base-color:#7d8a2e;

---*/

}


/*
#cardio {
	width:200px;
	background: #FF0000;
	position:absolute;
	top:365px;
	left:195px;
	display:none;
}
*/

body{

background:url(../images/bg.jpg) top repeat-x #077aad;

}

/***************** CONTAINER *****************/

#container{

position:relative;

min-height:100%;

width:960px;

margin:0 auto;

background:url(../images/bg_container.jpg) scroll repeat-y;

}

/***************** HEADER *****************/

#header{

width:960px;

height:260px;

display:block;/*obligatoire si il y a un flash*/

}



/***************** MENU LEFT *****************/

#menuLeft{

float:left;

width:190px;

background:url(../images/bg_menu.jpg) top left no-repeat;

list-style:none;

padding:51px 0 0 8px;

}
#menuLeft li{ position:relative; }
#menuLeft li a{

background:url(../images/btn.gif) top left no-repeat;

text-decoration:none;

font:bold 12px/25px Arial, Helvetica, sans-serif;

color:#086892;

letter-spacing:1px;

display:block;

height:25px;

overflow:hidden;

border:solid #FFF;

border-width:0 0 1px 0;

padding:0 0 0 25px;

}

#menuLeft li a:hover ,
#menuLeft li a.rubrique_active,
#menuLeft li a.trigered
{

background:url(../images/btn_roll.gif) top left no-repeat;

color:#000;

}

/***************** SOUS MENU */

#menuLeft li ul{
list-style:none;

}

#menuLeft li ul.over{
	display:none;
	position:absolute;
	width:190px;
	padding:0px 0;
	top:-51px;
	background-color:#fff;
	border:1px solid #CBCBCB;
}

#menuLeft li ul li a{

background:none;

border:none;

text-decoration:none;

font:bold 11px/20px Arial, Helvetica, sans-serif;

color:#2C2F35;

display:block;

height:20px;

overflow:hidden;

padding:0 0 0 30px;

}

#menuLeft li ul.over li a{ 
padding:0 0 0 15px;
background: #EBF0F4;
color:#286383;
 }

#menuLeft li ul li a:hover{

text-decoration:underline;

color:#2C2F35;

background:none;

}

/***************** CONTENU *****************/

#contenu_bg {

	float:left;

	width:760px;

	background:url(../images/bg_contenu.jpg) top left no-repeat;

}

#contenu{

	float:left;

	width:740px;

	padding:30px 0 10px 15px;

}



#contenu-droite{

	float:left;

	width:243px;

	margin:10px 0 0 0 ;

}







/*---obligatoire pour le footer---*/

/*---mettre <div class="clearer" id="clearFooter"></div>--*/

/*---apres la div contenu---*/

.clearer{

clear:both;

}

#clearFooter{

height:47px;/*--- = à la hauteur du footer ---*/

}

/***************** FOOTER *****************/

#footer{

position:relative;

clear:both;

width:960px;

height:47px;

margin:-47px auto 0;

background:url(../images/bg_footer.jpg) top left no-repeat;

/*background:url(../../charte/images/bg-footer.gif) left top repeat-x;*/

}

#idep{

position:absolute;

left:0;

top:14px;

width:175px;

height:30px;

}

#idep img{

float:left;

}

#footer #idep a.idep{

text-decoration:none;

display:block;

font:9px/8px Arial, Helvetica, sans-serif;

color:#FFF;

margin:4px 0 0;

}

#footer #idep a.idep.optea{

margin:0;

}

#footer #idep a:hover.idep{

text-decoration:none;

color:#265a7b;

}

/******************* STYLE FOOTER *****************/

#footer p{

font:10px/30px Arial, Helvetica, sans-serif;

color:#fff;

text-align:right;

letter-spacing:1px;

padding:7px 10px 0 0;

}

#footer a:link, #footer a:visited{

text-decoration:none;

color:#fff;

}

#footer a:hover, #footer a:active{

text-decoration:underline;

color:#fff;

}