@charset "utf-8";
/* CSS Document */

*{ 
	margin:0;
	padding:0;
}

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../images/bg.jpg) center top no-repeat #6a6361;
	
}

html,body { height:100%;}

#conteneurSite {
	width:990px;
	margin:0 auto;
	min-height:100%;
	background:url(../images/container.jpg) repeat-y;
	position:relative;
}


/*******  header *******/
#conteneurSite #header {
	width:990px;
	height:341px;
	background:url(../images/header.jpg) left top no-repeat;
}

#conteneurSite #header a{ display:block; width:300px; height:165px; margin:10px 0 0 15px; position:absolute; text-decoration:none; outline:0;}
#conteneurSite #header a span{ visibility:hidden;}

/*******  MenuTop *******/
#menuTop{
	width:810px;
	height:65px;
	background:url(../images/menu_top.jpg) left top no-repeat;
	padding:0 0 0 180px;
	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:#fff;
	height:50px;
	outline:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	background:url(../images/puce.gif) center top no-repeat;
	float:left;
	display:block;
	padding:15px 40px 0 40px; /* haut droite bas gauche */
	font-size:17px;
	letter-spacing:2px;/* espacement entre les lettres */
}

#menuTop li a:hover {
	background:url(../images/puce_roll.gif) center top no-repeat;
	padding-top:20px;
	height:45px;

}

#menuTop li a.actif {
	background:url(../images/puce_roll.gif) center top no-repeat;
	padding-top:20px;
	height:45px;

}


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

#contenu{ 
	width:935px;
	float:left;
	padding:55px 0 0 55px;
	background:url(../images/contenu.jpg) left top no-repeat;
	
}

#contenu #contenu-gauche { width:600px; float:left; overflow:hidden;}
#contenu #contenu-droite { width:277px; float:left; margin:56px 0 0 58px;}

#contenu #contenu-gauche #encart-contact{ width:594px; height:152px; background:url(../images/encart-contact.jpg) left top no-repeat; padding:5px 0 0 5px; margin:30px 0 0 0;}
#contenu #contenu-gauche #encart-contact h2{ color:#9f1743; font-size:15px; padding:0 0 2px 0;}
#contenu #contenu-gauche #encart-contact strong{ font-size:18px;}
#contenu #contenu-gauche #encart-contact ul{ list-style:none;}
#contenu #contenu-gauche #encart-contact ul li{ color:#3e3b3a; background:url(../images/puce_li.jpg) left 7px no-repeat; padding:0 0 0 10px;}

#contenu #contenu-droite h2{ color:#797979; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; padding:0 15px 10px 40px;}
#contenu #contenu-droite h2 strong{ font-size:20px;}
#contenu #contenu-droite h2 span{ font-size:16px;}

#contenu #contenu-droite #coordonnes h3{ color:#6a6361; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px;}
#contenu #contenu-droite #coordonnes p{ color:#9e1743; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; text-align:center; padding:15px 0 15px 0;}
#contenu #contenu-droite #coordonnes p.tel{ font-size:24px; margin:0 0 10px 0;}
#contenu #contenu-droite #coordonnes a{ height:56px; width:222px; display:block; background:url(../images/acces.jpg) left top no-repeat; text-decoration:none; outline:0;}
#contenu #contenu-droite #coordonnes a:hover{ background-position: left bottom;}
#contenu #contenu-droite #coordonnes a span{ visibility:hidden;}
#contenu #contenu-droite #coordonnes { width:226px; height:280px; background:url(../images/contact.jpg) left top no-repeat; padding:23px 25px 0 25px;}




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

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

#footer{
	position:relative;
	clear:both;
	width:950px;
	padding:70px 20px 0 20px;
	height:62px;
	margin:-132px auto 0;
	background:url(../images/footer.jpg) left top no-repeat;
}

#footer #veranda{ width:192px; height:321px; background:url(../images/veranda.gif) left top no-repeat; position:absolute; margin-top:-253px; margin-left:-194px;}

#footer p{ color:#b9b5b5; font-size:13px; text-align:center;}


.clearer { clear:both;}