/*----------------------General------------------------*/
/*---------------<-- Design by T3cK -->----------------*/

/*-----------------------Reset-------------------------*/
/*-----------------------------------------------------*/

* {margin: 0; padding: 0; }
a img {border: 0;}

/*----------------------General------------------------*/
/*-----------------------------------------------------*/

html {
	margin : 0px;
	padding : 0px;
	height: 100%;
}

body {
	margin : 0px;
	padding : 0px;
	height: 100%;
		
	background-image: url(composants/fond_site.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

#fondsite {
	position: absolute;
	width: 800px;
	min-height: 100%;
	margin-left: -400px;
	left:50%;
	
	background: url(composants/html_fond.jpg);
	background-repeat: repeat-y;
}

#floatd {
	float:right;
}

.floatd {
	float:right;
}

#floatg {
	float:left;
}

.floatg {
	float:left;
}

/*----------------------Bandeau------------------------*/
/*-----------------------------------------------------*/

#bandeau {
	width: 800px;
	height: 267px;
	float: left;
	
	background: url(composants/bandeau.jpg);
	background-position: left;
	background-repeat: no-repeat;
}

#bandeau_diapo {
	width: 362px;
	height: 267px;
	float: right;
	
	background: url(composants/bandeau_diapo.jpg);
	background-position: left;
	background-repeat: no-repeat;
}

/*------------------------Menu-------------------------*/
/*-----------------------------------------------------*/

#menu {
	width: 160px;
	float: left;
	margin: 26px 10px 10px 10px;
}

#menu li {
	width: 160px;
	height: 35px; /*50-15*/
	padding: 15px 0px 0px 0px;
	
	list-style: none;
	text-align: center;
	
	background-image: url(composants/menu_fond.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#menu li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

#menu li a:hover, #menu li a:focus, #menu li a:active {
	color: #e56310;
}


/*----------------------Contenu------------------------*/
/*-----------------------------------------------------*/

#contenu {
	width: 749px;
	float: left;
	margin-left: 26px;
	padding-bottom: 50px;
	
	background-image:url(composants/contenu_fond.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#contenu_text {
	width: 555px;
	float: left;
}

h1 {
	display: block;
	width: 100%;
	margin: 5px 0px 18px 0px;
	padding: 0px 0px 7px 0px;
	border-bottom: 1px #763e1c solid;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #763e1c;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #729f01;
}

p, .texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	margin: 15px 0px 15px 0px;
	padding-bottom: 0px;
}

.m_e_valeur {
	color: #d48c00;
	font-weight: bold;
}

#contenu_text ul {
	margin: 0px 0px 5px 15px;
}

#contenu_text li {
	margin: 2px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #86390d;
}

.img_gauche {
	float: left;
	padding: 2px;
	margin: 5px 10px 5px 0px;
	border: 1px #763e1c solid;	
	background-color: #FFFFFF;
}

.img_droite {
	float: right;
	padding: 2px;
	margin: 5px 0px 5px 10px;
	border: 1px #763e1c solid;	
	background-color: #FFFFFF;
}

/*-------------------Pied de page-----------------------*/
/*------------------------------------------------------*/

#pied_de_page {
	position: absolute;
	bottom: 0; 
	left: 0;
	width: 616px; /*800-184*/
	height: 28px;
	
	margin: 15px 0px 0px 0px;
	padding: 22px 0px 0px 184px;
	background-image: url(composants/pdp_fond.jpg);
	background-repeat: no-repeat;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #8a6124;
	text-align: left;
}

#pied_de_page img {
	vertical-align: middle;
}