@charset "utf-8";

/* CSS Document */



*{ 

	margin:0;

	padding:0;

}



body {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	background:url(../images/charte/bg.jpg) center top no-repeat;

	

}



html,body {}



#conteneurSite {

	width:990px;

	margin:0 auto;

	position:relative;

}





/*******  header *******/

#header {

	width:990px;

	height:108px;

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

}



#header a#index{ display:block; width:245px; margin-top:10px; height:82px; background:url(../images/charte/logo.png) left top no-repeat; text-decoration:none; float:left;}

#header a#index span{ visibility:hidden;}

#header a#index:hover{ background-position:left bottom;}

#header p{ text-transform:uppercase; color:#fff;; font-size:17px; font-family:Verdana, Geneva, sans-serif; padding:30px 100px 0 90px; width:484px; float:left; font-style:italic; letter-spacing:4px;}



#droite a#plaque{ display:block; width:169px; height:132px; background:url(../images/charte/tel.png) left top no-repeat; margin:auto; margin-bottom:30px; outline:0; margin-top:35px;}

#droite a#plaque:hover{ background-position:left bottom;}



#accueilbottom a#plaque{ display:block; width:169px; height:132px; background:url(../images/charte/tel.png) left top no-repeat; outline:0; float:left;}

#accueilbottom a#plaque:hover{ background-position:left bottom;}



/*******  MenuTop *******/

#menuTop{

	width:950px;

	height:49px;

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

	padding:0 0 0 40px;

	list-style:none; /* enleve les puce de la liste */

}



#menuTop li{

	float:left; /*permet d' avoir un menu horizontal */



}



#menuTop li a {

	text-decoration:none; /*permet de suppripmer la ligne sous les liens par défaut */

	color:#080b62;

	height:33px;

	outline:none;

	font-family: 'Josefin Sans', sans-serif;

	font-style:italic;

	text-transform:uppercase;

	float:left;

	display:block;

	text-align:center;

	font-weight:bold;

	padding:15px 0 0 0; /* haut droite bas gauche */

	font-size:15px;

	letter-spacing:2px;/* espacement entre les lettres */

}







#menuTop li.b0 a{ width:95px; margin-left:40px; margin-right:40px; background:url(../images/charte/b0.png) center top no-repeat;}

#menuTop li.b0 a:hover{ background-position:left bottom; }



#menuTop li.b1 a{ width:121px; margin-left:25px; margin-right:40px;background:url(../images/charte/b1.png) center top no-repeat;}

#menuTop li.b1 a:hover{ background-position:left bottom;}



#menuTop li.b2 a{ width:210px; margin-left:45px; margin-right:70px;background:url(../images/charte/b2.png) center top no-repeat;}

#menuTop li.b2 a:hover{ background-position:left bottom;}



#menuTop li.b3 a{ width:188px; margin-left:10px; margin-right:0px; background:url(../images/charte/b3.png) center top no-repeat;}

#menuTop li.b3 a:hover{ background-position:left bottom;}



#menuTop li a:hover {

	color:#fff;

}



#menuTop li.b0 a.actif{background:url(../images/charte/b0.png) center bottom no-repeat;}

#menuTop li.b1 a.actif{background:url(../images/charte/b1.png) center bottom no-repeat;}

#menuTop li.b2 a.actif{background:url(../images/charte/b2.png) center bottom no-repeat;}

#menuTop li.b3 a.actif{background:url(../images/charte/b3.png) center bottom no-repeat;}





#menuTop li a.actif {

	color:#fff;

}



#slider{ height:164px; padding-top:0px; width:990px; background:url(../images/charte/slider.jpg) left top no-repeat; margin-bottom:120px;}

#slider a{ color:#fff; text-decoration:none; border:0;}

#slider a:hover{ text-decoration:underline;}

#slider ul{ list-style:none; width:490px; margin-left:250px;}

#slider ul li:hover{ cursor:pointer;}



#slider p{ margin-top:70px; position:absolute; text-align:center; padding:10px 0 5px 0; background:url(../images/charte/pbronze.png) center top no-repeat; width:522px; margin-left:220px;}

#slider p#pacier{}

#slider p#plaiton{}

#slider p#pbronze,#slider p#palu{background:url(../images/charte/pacier.png) center top no-repeat;width:622px; padding-left:50px; padding-bottom:5px; padding-right:50px; font-size:15px; padding-top:0px; margin-left:120px;}

#slider p#pcuivre{ padding-left:50px; padding-bottom:5px; padding-right:50px; font-size:15px; padding-top:0px; margin-left:120px;}

#slider p#ppeek{ font-size:12px; padding-bottom:11px;}



/* *********** Contenu ******************/



#contenu{ 

	width:990px;

	float:left;

	padding:15px 0 15px 0;

	

}







#clearerFooter{height:50px; clear:both;} /* égal à la hauteur du footer pour corriger beug ie6 */



/* *********** Footer ******************/



#footer a#denzo{ font-size:12px; color:#838382; background:url(../images/charte/denzo.png) left top no-repeat; padding:0 0 0 25px; text-decoration:none; float:left;}

#footer a#denzo:hover{ text-decoration:underline;}



#footer p{font-size:12px; color:#838382; float:right;}

#footer p a{font-size:12px; color:#838382; text-decoration:none;}

#footer p a:hover{ text-decoration:underline;}



#footer{

	position:relative;

	clear:both;

	width:990px;

	height:40px;

	padding:10px 0 0 0;

	margin:-50px auto 0;

	background:url(../images/charte/footer.png) left top no-repeat;

}





.clearer { clear:both;}