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


body{ margin:0px; padding:0px; background:url("img/body/bg.gif") top center; text-align:left;}
p{font-family:Trebuchet MS, Lucida Grande, Helvetica;font-size:12px;color:#e9f5eb;text-align:justify;}
h1{font-family:Trebuchet MS, Lucida Grande, Helvetica;font-style:bold;font-size:24px;color:#e9f5eb; text-align:left;  border-bottom:2px solid #eceb82; padding-left:9px; }
h2{font-family:Tahoma,Arial,Helvetica,sans-serif;font-style:none;font-size:16px;color:#e9f5eb; text-align:left;}
h2 em{ font-style:italic; color : #eceb82; }





#container{
	width				:900px;
	padding				:0;
	margin				:0 auto;
	text-align			:center;
}

#header{ 
	padding			:0px;
	background			:url("img/header/bg.gif") repeat-y;
	width				:900px;
	height				:170px;
}

#headerLogo{ 
	padding				:0;
	margin				:0 0 0 18px;
	background			:url("img/header/logo.gif") no-repeat;
	width				:310px;
	height				:150px;
	float				:left;
}

#headerForm{ 
	padding-top			:0px;
	width				:554px;
	height				:150px;
	float:right;
}


#formTitre{ 
	padding:0px;
	width:534px;
}
#formTitre h2{
	margin-bottom:5px;
}


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

#menu{
	margin				:0 0 0 1px;
	padding				:0 23px 0 0;
	width				:875px;
	height				:41px;
	background			:url(img/menu/bg.gif) repeat-x; /* images d'arrière-plan du bouton---*/
	text-align			:center;
	border-bottom		:3px solid #0e1d10;

}

#menu li{
	padding				:0;  /* Espacement du haut intérieur des boutons----*/
	margin				:0 2px 0 0; /* Espacement entre les boutons de menu----*/
	width				:120px; /* largeur du bouton----*/
	height				:41px; /* hauteur du bouton---*/
	float				:right; /* permettre l'allignement horizontale du menu---*/
	text-align			:center;
	list-style-type		:none;
}

#menu li a{


	display				:block;
	font-family			:Trebuchet MS, Lucida Grande, Helvetica; /* police de caractère---*/
	font-size 			:14px; /* grandeur de la police---*/
	font-weight			:bold;
	text-decoration		:none; /* Enleve les liens soulignés----*/
	color				:#FFF; /* Couleur du texte----*/
	width				:120px; /* largeur du bouton----*/
	height				:41px; /* hauteur du bouton---*/
	line-height			:40px;

}

#menu li a:hover{
	background-color	:#ced6d3;
	color				:#000000;

}

#menu li.roll a{
	
	background-color	:#9ea8a2;
	color				:#000000;
	margin				:1px 0; /* Espacement entre les boutons de menu----*/
	height				:39px; /* hauteur du bouton---*/
	
}








#flash{
	width				:898px;
	height				:200px;
	border-right: 1px solid #9ea8a2;
	border-left: 1px solid #9ea8a2;
	background-color:#000;

}

#ombrage{
	width				:900px;
	height				:7px;
	background:url(img/middle/ombre.gif) no-repeat;
	padding:0px;
	margin:0px;
	overflow:hidden;

}





/* Middle-----------------------------------------------------------------------------*/




#middle{
	color				:#555555;
	font-family			:Trebuchet MS, Lucida Grande, Helvetica;
	width				:900px;
	background:url(img/middle/bg.gif);

}

#middleLeft{
	padding							:20px;
	text-align						:left;
	float							:left;
	width							:236px;
	overflow						:auto;
	font-family			:Trebuchet MS, Lucida Grande, Helvetica;
	font-size:11px;
	color:#FFF;
	



}

#middleRight{
	padding				:0 40px 20px 10px;
	text-align			:left;
	float				:right;
	width				:554px;

}


#middleRight a{color:#000; background-color: #eceb82; text-decoration:none; }

#middleRight a:hover{color:#000; background-color: #FFF; text-decoration:none; }


#footer{
	margin-top			:0px;
	padding				:0px;
	width				:898px;
	height				:70px;
	background			:#16301d url("img/dynamx.gif") 720px 10px no-repeat;
	border-left:1px #9ca5a0 solid;
	border-right:1px #9ca5a0 solid;
	background-color:#16301d;
	clear:both;
}






.fwn {font-weight:normal;}
.fwb {font-weight:bold;}

.fsi {font-style:italic;}
.tdu {text-decoration : underline;}

.fcy {color : #eceb82; }


/* FORM RECHERCHE */
#form .input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	border:1px #ECEB82 solid;
	width:175px;
}
#form label{
	text-align:left;
	display:block;
	width:250px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
}
#searchLeft{
	width:230px;
	float:left;
	text-align:left;
	padding-left:20px;
}
#searchRight{
	width:225px;
	float:right;
	text-align:left;
}
.submit{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#324536;
	border:1px #eceb82 solid;
	font-weight:bold;
	margin-top:10px;
}



/* ZONE PRODUITS */
#itemBox{
	color:#E9F5EB;
	font-family:Trebuchet MS,Lucida Grande,Helvetica;
	font-size:12px;
	padding-top:20px;
}
#itemBox img{
	padding:5px;
	border:1px #999 solid;
	cursor:pointer;
}
#itemBox div.line div.info{
	float:right;
	display:block;
	width:425px;
	padding:0px;
	margin:0px;
}
#itemBox div.line div.info h6{
	color:#FFF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0px 0px 10px 0px;
}
#itemBox div.line div.pic{
	float:left;
	width:100px;
}
#itemBox div.line{
	padding:10px;
	border-bottom:1px #ECEB82 solid;
}

#itemBox div.line2 div.info{
	float:right;
	display:block;
	width:375px;
	padding:0px;
	margin:0px;
}
#itemBox div.line2 div.info h6{
	color:#FFF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0px 0px 10px 0px;
}
#itemBox div.line2 div.pic{
	float:left;
	width:100px;
	padding-left:50px;
	background: transparent url("img/arrow.gif") center left no-repeat;
}
#itemBox div.line2{
	padding:10px;
	border-bottom:1px #ECEB82 solid;
	background:#5e7865;
}

.sep{
	clear:both;
	width:530px;
}

/* FORM RECHERCHE COMPLETE */
#search{
	width				:898px;
	/*height				:375px;*/
	border-right: 1px solid #9ea8a2;
	border-left: 1px solid #9ea8a2;
	background-color:#000;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#formC .input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	border:1px #ECEB82 solid;
	width:175px;
}
#formC label{
	text-align:left;
	display:block;
	width:250px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
}
#formC h1{
	font-size:16px;
	margin:0px 0px 5px 0px;
	cursor:pointer;
}
#searchLeftC{
	width:280px;
	float:left;
	text-align:left;
	padding:10px;
	padding-top:5px;
}
#searchMiddleC{
	width:280px;
	float:left;
	text-align:left;
	padding:10px;
	padding-top:5px;
}
#searchRightC{
	width:275px;
	float:right;
	padding:10px;
	padding-top:5px;
	text-align:left;
}
.submit{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#324536;
	border:1px #eceb82 solid;
	font-weight:bold;
	margin-top:10px;
}



#tblForm tr{ 
	font-family	:Trebuchet MS, Lucida Grande, Helvetica; /* police de caractère---*/
	font-size:14px;
	font-style:bold;
	
}


#tblForm tr td{ 
	border-top:#d6d685 1px dashed;
	padding:3px;
}

#middleLeft #form input{ 

border:1px solid #d6d685; background-color:#f9f9af; width:200px;

}

#middleLeft #form textarea{ 

border:1px solid #d6d685; background-color:#f9f9af; width:200px;

}