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

body { text-align: center; }
body, h1, h2, h3, h4, h5, ul, li, p, form { margin: 0; padding: 0; }
img { border: 0; }

#gauche, #droite, #centre { text-align: left; }

/************************** BANDEAU ******************************/
#bandeau {
width: 950px;
height: 158px;
margin: auto;
}

/************************** HEADER ******************************/
#header {
width: 100%;
height: 184px;
position: absolute;
top: 0;
left: 0;
}
#menu {
/*margin: 0 auto;*/
padding: 10px;
height: 40px;
/*width: 930px;*/
/*border-bottom:8px solid #9EB43A;*/
/*text-align: center;*/
}
#menu ul {
list-style:none;
width: 930px;
margin:auto;
}
#menu ul#menuHautGauche li {
float:left;
}
#menu ul#menuHautDroit li {
float:left;
margin-left:20px;
}
#menu a {
/*height: 25px; margin: 0 10px;*/
display:block;
margin-right: 6px;
}



/************************** CORPS ******************************/
#corps {
width: 950px;
margin: 158px auto 0 auto;
position: relative;
padding-top:60px;
}


/************************** CENTRE ******************************/
#centre { margin: 0 270px 0 170px; padding: 20px 5px; position:relative; }
#centre h2 { margin: 20px 0 0 0; }
#centre h3 { margin: 5px 0; padding: 0 0 10px 0; }
#centre p { margin: 2px 0 0 0; }
#centre img { margin: 5px 10px 5px 0; }
#centre input.btnSubmit { width:27px; height:26px; margin: 0 0 0 5px; }

	#centre div#newsBar { margin: 30px 0 0 0; }
	#centre div#newsBar p { margin: 0 0 0 94px; padding: 6px 0 0 10px; height:37px; }


	#centre #fournisseurMois { padding: 20px 0 0 0; margin: 10px 0 0 0; }
	#centre #artisanMois { padding: 20px 0 0 0; margin: 10px 0 0 0; }
	#centre #fournisseurMois p { padding: 10px 0 0 0; }
	#centre #artisanMois p { padding: 10px 0 0 0; }

	/*************** CENTRE moteur ***************/
	#centre table .moteurH { padding: 7px 10px; }
	#centre table .moteurM { padding: 0 10px; }
	#centre table .moteurB { padding: 7px 10px; line-height: 0.2em; }
	#centre table#moteur span { }
	#centre table#moteur input.champTxt { width: 300px; }
	
	#centre table#moteur .choix { font-weight: bold; padding-top: 10px;}

	/*************** CENTRE rubriques ***************/
	#centre .rubriques { clear: both; margin: 20px 0 0 0; }
	#centre .rubriqueG { float: left; }
	#centre .rubriqueD { float: right; }
	
	#centre .rubriqueG, #centre .rubriqueD {
	width: 220px;
	margin: 20px auto 0 auto;
	padding: 0 5px 5px 5px;
	}
	#centre .rubriqueG h2, #centre .rubriqueD h2 {
	font-weight: bold;
	margin: 0;
	height: 32px;
	padding: 8px 0 0 0;
	}
	#centre .rubriqueG h3, #centre .rubriqueD h3 {
	margin: 0;
	color: white;
	width: 100%;
	}
	#centre .rubriques ul { list-style-position: inside; }
	#centre .rubriques li.suite { list-style-type: none; text-align:right; margin: 0 5px 0 0; }

	/************************** PROMO ******************************/
	#centre .rubriquePromo { float:left; width:448px; margin: 20px 0 0 0; padding: 15px 25px; }
	#centre .rubriquePromo h2 {	font-weight: bold; margin: 0; }
	#centre .rubriquePromo h3 {	margin: 5px 0 0 0; }
	#centre .rubriquePromo p { margin: 2px 0 0 0; }
	#centre .rubriquePromo h2, #centre .rubriquePromo h3, #centre .rubriquePromo p {  width: 350px; }


	/************************** RESULTATS ******************************/
	table.trouve { width:100%; }
	table.trouve td { padding: 5px 0; }
	table.trouve .limit { width: 200px; }
	#centre table.trouve .tri img { margin:0; }
	#centre table.trouve .tri .choixTri { padding:0 8px; }
	
	table.resultats { width: 100%; margin: 15px 0 0 0; }
	#centre table.resultats img { margin: 0; }
	table.resultats table { width: 100%; }
	table.resultats td { }
	table.resultats .typeH { width: 20px; height: 20px; }
	table.resultats .typeM { width: 20px; }
	table.resultats .typeB { width: 20px; height: 20px; }
	table.resultats .infos table td { padding: 8px; }
	table.resultats .photo{ width: 100px; }
	table.resultats .nomcom { }
	#centre table.resultats h2 { margin: 0; }
	#centre table.resultats .description { margin: 4px 0 0 0; }
	#centre table.resultats .coordonnees { margin: 8px 0 0 0; }
	#centre table.resultats .numero { width: 120px; }
	#centre table.resultats .voirFiche { text-align: right; }


/************************** GAUCHE ******************************/
#gauche {
width: 150px;
position: absolute;
top: 60px;
left: 0;
padding: 5px 0 5px 10px;
}
#gauche h3 { margin: 20px 0 0 0; }
#gauche img { margin: 0 5px 0 0; }


/************************** DROITE ******************************/
#droite {
width: 250px;
position: absolute;
top: 60px;
right: 0;
padding: 5px;
}
#droite h3 {
margin: 20px 0 0 0;
}
#droite p.suite { text-align: right; margin: 4px 0 0 0; }

#droite input.btnSubmit { width:27px; height:26px; margin: 0 0 0 5px; }


/************************** FOOTER ******************************/
#footer {
margin: 0 260px 0 160px;
padding: 5px;
text-align: center;
clear: both;
}