/* --------------------------------------------------------------------------------------------------- */

/* --------------------------------------- ECOMAT by ALEXANCE ---------------------------------------- */

		body{

			background-color: #888888;			

			margin: 0px;

			padding:0;

			width:100%;				

		}

		/* Container --------------------------------------------- */

			#container{

			position:absolute;

			left: 50%; 

			margin-left: -400px; /* 1/2 de la largeur du cadre */

			width:800px;

			background-color: #F1F1F1;

			color: #333;

			font: 11px Verdana, Arial, Helvetica, sans-serif;

			top: 0px;	

		}	

/* --------------------------------------------------------------------------------------------------- */

/* Header -------------------------------------------------------------------------------------------- */

		#header{

			float:left;

			background: url("img/header.gif") no-repeat;

			width:800px;

			height:70px;			

		}

		#headerLogo{

			float:left;

			width:650px;

			height:70px;

			cursor:pointer;

		}

		#headerContact{

			float:left;

			width:150px;

			height:70px;			

		}

		#headerContact p{

			margin-top:6px;

			padding:4px 10px 0px 10px;

			font-weight:bold;

		}

		#headerContact a {color:#990000; font-weight:bold; text-decoration:none;}

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

				

/* Ecomat -------------------------------------------------------------------------------------------- */

		#ecomat{

			float:left;

			background-color: #fff;

			width:800px;

			height:18px;

			padding-top:4px;

			padding-bottom:0px;

		}

		#ecomat p{margin:0;}

		#ecomat h1{color:#0E2B8D; font-size:11px; font-weight:bold; margin:0; padding:0px 10px 0px 10px;}

		

/* --------------------------------------------------------------------------------------------------- */	

/* NavBAR MENU --------------------------------------------------------------------------------------- */

		#navbar{

			background-color: #FFD800;

			width:800px;			

			float:left;

		}

		#navbar ul {list-style-type: none;margin:0;padding:0;}

		#navbar li {float:left;margin:0;padding:0;}			

		.menuEcomat a,.menuPromotion a,.menuNeuf a,.menuOccasion a,.menuLocation a,.menuService a,.menuDevis a,.menuContact a{			

			height: 20px;

			padding-top:4px;padding-bottom:0px;

			display: block;

			text-align: center;	

			font-weight:bold; text-decoration:none;

		}

		.menuEcomat a,.menuPromotion a,.menuNeuf a,.menuOccasion a,.menuLocation a,.menuService a,.menuContact a{			

			color:#fff;}			

		.menuEcomat a{background-color: #0E2B8D;width:80px;} .menuEcomat a:hover{color:#B1C3FE;}

		.menuPromotion a{background-color: #B51203;width:120px;} .menuPromotion a:hover{color:#FE7265;}

		.menuNeuf a{background-color: #F26C00;width:120px;} .menuNeuf a:hover{color:#FDC69A;}

		.menuOccasion a{background-color: #FF9C00;width:120px;} .menuOccasion a:hover{color:#FEDEAC;}

		.menuLocation a{background-color: #3F8A0D;width:110px;} .menuLocation a:hover{color:#BEE6A3;}

		.menuService a{background-color: #0C6AAC;width:100px;} .menuService a:hover{color:#B3DFFE;}

		.menuDevis a{background-color: #FFD800;width:75px;color:#0E2B8D;} .menuDevis a:hover{color:#B51203;}	

		.menuContact {background-color: #0E2B8D;width:75px;} .menuContact a:hover{color:#B1C3FE;}	


		

/* --------------------------------------------------------------------------------------------------- */	

/* SideBAR NAVIGATION -------------------------------------------------------------------------------- */



		#sidebarEcomat,#sidebarPromo,#sidebarNeuf,#sidebarOccasion,#sidebarLocation,#sidebarService,#sidebarDevis{

			float:left;

			background-color: #fff;

			width:159px;

			height:700px;

			font-size:10px;

			border-right:1px dotted #888888;

		}

		#sidebarEcomat a,#sidebarPromo a,#sidebarNeuf a,#sidebarOccasion a,#sidebarLocation a,

		#sidebarService a,#sidebarDevis a{ font-size:11px;color:#3E3E3E; text-decoration:none;

		}			
			

		#sidebarEcomat a:hover{color:#0E2B8D;}

		#sidebarPromo a:hover{color:#B51203;}

		#sidebarNeuf a:hover{color:#F26C00;}

		#sidebarOccasion a:hover{color:#E98F01;}

		#sidebarLocation a:hover{color:#3F8A0D;}

		#sidebarService a:hover{color:#0C6AAC;}

		#sidebarDevis a:hover{color: #0E2B8D;}

		.sidebarTitre {font-size:11px;color:#fff; font-weight:bold;}
		.sidebarTitre a{font-size:11px;color:#fff; font-weight:bold; text-decoration:none;}
		.sidebarTitre a:hover{color:#000; font-weight:bold;}

		.sidebarTitredevis {font-size:11px;color:#000; font-weight:bold;}
		.sidebarTitredevis a{font-size:11px;color:#000; font-weight:bold; text-decoration:none;}
		.sidebarTitredevis a:hover{color:#000; font-weight:bold;}

		

/* --------------------------------------------------------------------------------------------------- */	

		#contentIndex{

			float:left;

			background-color: #F1F1F1;

			width:640px;

			margin-top:10px;

			margin-bottom:10px;

		}

		#contentIndex p{margin:10px 15px; text-align:justify;}
		
/* Content ------------------------------------------------------------------------------------------- */

		#content{

			float:left;

			background-color: #F1F1F1;

			width:640px;

			margin-top:10px;

			margin-bottom:10px;

		}

		#content p{margin:10px 15px; text-align:justify;}

		#content a {color:#666; font-weight:bold; text-decoration:none;}
		#content a:hover{color:#fff; text-decoration:none;}
		
		.barrenav a {color:#666; font-weight:bold; text-decoration:none;}
		
		.barrenav a:hover{text-decoration:none; background-color:#bbb}
		

		.contentTitre {color:#0E2B8D; font-weight:bold;}

		

				

		.contentEcomat a{color:#990000;font-weight:bold; text-decoration:none;} .contentEcomat a:hover{color:#3E3E3E;}

				

		.contentPromotion a,.contentNeuf a,.contentOccasion a,.contentLocation a,.contentService a{			

			height: 15px;

			padding-top:3px;padding-bottom:0px;

			display: block;

			text-align: center;	

			font-weight:bold; text-decoration:none;

			color:#fff;

		}

		.contentPromotion a{background-color: #B51203;} .contentPromotion a:hover{color:#FE7265;}

		.contentNeuf a{background-color: #F26C00;} .contentNeuf a:hover{color:#FDC69A;}

		.contentOccasion a{background-color: #FF9C00;} .contentOccasion a:hover{color:#FEDEAC;}

		.contentLocation a{background-color: #3F8A0D;} .contentLocation a:hover{color:#BEE6A3;}

		.contentService a{background-color: #0C6AAC;} .contentService a:hover{color:#B3DFFE;}

		

		#content ul {list-style-type: square;}		

			

/* --------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------- */			



/* Footer ------------------------------------------------------------------------------- */

		#footer{

			clear:both;

			background-color: #0E2B8D;

			width:800px;

			height:18px;			

			text-align:right;

		}

		#footer p{color:#fff; font-size:9px;padding-right:6px;padding-top:3px;}

		#footer a{color:#fff; font-size:9px; font-weight:bold; text-decoration:none;}

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

	

/* --------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------- */



/* CATALOGUE ---------------------------------------------- */

		#catalogue{

			float:left;

			background-color: #F3F8FC;

			width:620px;			

			position:relative;

			top:15px;

			left:10px;

		}

				

		/* TABLEAUX -------------------*/

		.bloc {

			border:1px solid #D2D2D2;

			background-color:#EAEAEA;

			padding:4px 4px 2px 5px;			

		}

		.blocSearch {

			border:1px dotted #D2D7CA;

			background-color:#FFFFFF;

			padding:4px 4px 2px 5px;

		}

		.tdSpacer {padding:0; background-color:#8E8D8D;}

		

		.blocNext {

			border:1px dotted #D2D7CA;

			background-color:#FFFFFF;

			margin-top:8px;

			text-align:center;

		}

	

			/* PROMOTION ------------------------------*/

			.blocPromo {

				border:1px solid #D2D2D2;

				background-color:#EAEAEA;

				padding:4px 4px 2px 5px;

				

			}

			.blocPromoDetail {

				border:1px dotted #D2D2D2;

				background-color:#FFFFFF;

				padding:4px 4px 2px 5px;

			}

			

			.OPromo a{color:#252525; font-weight:bold; text-decoration:none;}

			.OPromo a:hover{color:#B51203;}

			

			.titrePromo a{color:#B51203; font-weight:bold; text-decoration:none;}

			.titrePromo a:hover{color:#fff; text-decoration:none; background-color: #B51203;}

			

			/* NEUF ------------------------------*/

			.titreNeuf a{color:#585858; font-weight:bold; text-decoration:none;}

			.titreNeuf a:hover{color:#FFFFFF; text-decoration:none; background-color: #F26C00;}

			

			.NNext a{color:#252525; font-weight:bold; text-decoration:none;}

			.NNext a:hover{color:#F26C00;}

			

			/* OCCASION ------------------------------*/

			.titreOccasion a{color:#585858; font-weight:bold; text-decoration:none;}

			.titreOccasion a:hover{color:#FFFFFF; text-decoration:none; background-color:#FF9C00;}

				

			.ONext a{color:#252525; font-weight:bold; text-decoration:none;}

			.ONext a:hover{color:#FF9C00;}

			

			/* LOCATION ------------------------------*/

			.titreLocation a{color:#585858; font-weight:bold; text-decoration:none;}

			.titreLocation a:hover{color:#FFFFFF; text-decoration:none; background-color:#347608;}	

			

			.LNext a{color:#252525; font-weight:bold; text-decoration:none;}

			.LNext a:hover{color:#3F8A0D; font-weight:bold; text-decoration:none;}

			
			/* VENTE NEUF ------------------------------*/
	
			.titreVente a{color:#585858; font-weight:bold; text-decoration:none;}
			
			.titreVente a:hover{color:#FFFFFF; text-decoration:none; background-color:#F26C00;}
			
			.path a {color:#666; font-weight:bold; text-decoration:none;}
		
			.path a:hover{text-decoration:none; background-color:#bbb}

/* --------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------- */

	input {
		border: 1px solid #999;
		font-size: 9px;
	}
	
	textarea {
		border: 1px solid #999;
		font-size: 12px;
		width:290px;
		height:100px;
	}
	
	.red-input {
		background-color:#990000;
	}
	
	.grey-input {
		border:none;
	}

	

	.li{list-style-image:url(img/puce.gif);}

	.lipromo{list-style-image:url(img/pucep.gif);}

	.lineuf{list-style-image:url(img/pucen.gif);}

	.lioccasion{list-style-image:url(img/puceo.gif);}

	.lilocation{list-style-image:url(img/pucel.gif);}

	.liservice{list-style-image:url(img/puces.gif);}

	.lidevis{list-style-image:url(img/puced.gif);}



/* Index---------------------------------------------*/



		.accPromotion a{background-color: #B51203;} .accPromotion a:hover{color:#FE7265;}

		.accNeuf a{background-color: #F26C00;} .accNeuf a:hover{color:#FDC69A;}

		.accOccasion a{background-color: #FF9C00;} .accOccasion a:hover{color:#FEDEAC;}

		.accLocation a{background-color: #3F8A0D;} .accLocation a:hover{color:#BEE6A3;}

		.accService a{background-color: #0C6AAC;} .accService a:hover{color:#B3DFFE;}



		.accPromotion a,.accNeuf a,.accOccasion a,.accLocation a,.accService a{			

			height: 15px;

			padding-top:3px;padding-bottom:0px;

			display: block;

			text-align: center;	

			font-weight:bold; text-decoration:none;

			color:#fff;

		}

		.accPromotion a:hover,.accNeuf a:hover,.accOccasion a:hover,.accLocation a:hover,.accService a:hover{			

			height: 15px;

			padding-top:3px;padding-bottom:0px;

			display: block;

			text-align: center;	

			font-weight:bold; text-decoration:none;

			color:#fff;

		}

		

		.acctNeuf {background-color: #fff;} .acctNeuf a{color:#F26C00; text-decoration:none;}

		.acctNeuf a:hover{color:#3E3E3E; text-decoration:none;}

		.acctService {background-color: #fff;} .acctService a{color:#0C6AAC;  text-decoration:none;}

		.acctService a:hover{color:#3E3E3E; text-decoration:none;}

		

		.tPromo {color:#fff;}

		.txtPromo {color:#B51203;}

		.txtOccasion {color:#FF9B04;}

		

		.email a{color:#B51203;font-weight:bold; text-decoration:none;} .email a:hover{color:#0E2B8D;}

		
.result_moteur{
text-align:center;
font-weight:bold;
margin-bottom:50px;

}

.nb_result{
color:#B51203;
font-weight:bold;
text-align:center;
}

.name_prod{
margin-left:50px;
margin-right:50px;
font-weight:bold;
}
.separ{
padding:0; background-color:#8E8D8D;
height:1px;
margin-right:50px;
margin-left:50px;
margin-top:5px;
margin-bottom:20px;
}

.list_chap{
margin-left:70px;
font-size:5px;
}

.list_rub{
margin-left:70px;
font-weight:bold;
text-decoration:none;
margin-top:10px;
font-size:12px;
}
.list_rub a{
}
.list_rub a:hover{
}

.list_categorie{
font-size:5px;
color:#000099;
}