html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 62.5% Tahoma;
	background:#D1D1D1 url(../images/charte/body_bg.jpg) repeat-x left top;
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}
#container{
	margin:0px auto;
	padding-bottom:10px;
	width:802px;
	height:500px;
	background-color:#D1D1D1;
	}
#container1{
	color:#605E53; 
	background:url(../images/charte/container1_bg.jpg) repeat-y left top;
	width:802px;
	background-color:#FCF2E0;
	}
#header{
	width:802px;
	height:327px;
	}
/* ---left menu---*/
#left_col{
	float:left;
	width:243px;
	height:100%;
	color:#545454;
	}
	#menu{
		width:243px;
		height:219px;
		}
	#horaire{
		width:243px;
		height:175px;
		background:url(../images/charte/horaire_bg.jpg) no-repeat left top;
		font-size:1.3em;
		}
	#horaire div{
		padding-top:80px;
		padding-left:50px;
	}
	#mdm{
		width:243px;
		height:175px;
		background: url(../images/charte/mgm-bg.jpg) top left no-repeat;
		font-size:1.3em;
		}

	#adresse{
		color:#402315;
		text-align:center;
		width:243px;
		height:204px;
		background:url(../images/charte/adresse_bg.jpg) no-repeat left top;
		line-height:15px;
		font-size:1.3em;

		}
	#adresse div{
		padding-top:60px;
		text-align:left;
		padding-left:40px;
		}
	#adresse p{
		padding-left:25px;
		}
		#icon_adresse{
			font-weight:bold;
			color:#EA4300; 
			background:url(../images/charte/adresse_icon1.jpg) no-repeat 0px top;
			}
		#tel{
			background:url(../images/charte/adresse_icon2.jpg) no-repeat 0px top;
			}
		#fax{
			background:url(../images/charte/adresse_icon3.jpg) no-repeat 0px top;
			}
		#email{
			background:url(../images/charte/adresse_icon4.jpg) no-repeat 0px top;
			}
	.contact_link:link, .contact_link:visited{
			color:#EA4300;
			text-decoration:underline;
			}
	.contact_link:hover, .contact_link:active{
			color:#A19289;
			text-decoration:none; 
			}
	#map{
		width:243px;
		height:179px;
		background:url(../images/charte/plan_bg.jpg) no-repeat left top;
		font-size:1.3em;
		}
		#map img{
			margin-top:50px;
			margin-left:28px;
			}
/*---right content---*/
#right_col{
	float:left;
	width:559px;
	background:url(../images/charte/right_repeat.jpg) repeat-y left top;
	color:#33302C;
	line-height:1.4em;
	}
	.page_title{
		width:559px;
		height:32px;
		}
		.presentation{
			background:url(../images/charte/title_presentation.jpg) no-repeat left top;
			}
		.carrosserie{
			background:url(../images/charte/title_carrosserie.jpg) no-repeat left top;
			}
		.vehicules{
			background:url(../images/charte/title_vehicules.jpg) no-repeat left top;
			}
		.entretien{
			background:url(../images/charte/title_entretien.jpg) no-repeat left top;
			}
		.contact{
			background:url(../images/charte/title_contact.jpg) no-repeat left top;
			}
		.merci{
			background:url(../images/charte/title_merci.jpg) no-repeat left top;
			}
		.mandataire{
			background:url(../images/charte/title_mandataire.jpg) no-repeat left top;
			}
	#page_dynamic{
		padding:20px 30px 0px 28px;
		text-align:justify;
		font-size:1.2em;
		}
	#page_dynamic p{
		margin:5px 0px;
		line-height:1.3em;
	}
	ul.list{
		padding:5px 0px;
	  	}
	ul.list li{
		list-style-type:none;
		background-image:url(../images/charte/icon_list.jpg);
		background-repeat:no-repeat;
		background-position:left 3px;
		padding-left:2.1em;
		margin-top:3px;
		}
	.image_right{
		float:right;
		margin:5px 0px 5px 20px;
		cursor:pointer;
		}
	.image_left{
		float:left;
		margin:5px 20px 5px 0px;

		}
	.line{
		clear:both;
		padding:8px 0px;
		}
	.subtitle{
		margin:5px 0px;	
		}
/*---vehicules---*/
.recherche{
	background:url(../images/charte/submit_button.jpg) no-repeat left top;
	cursor:pointer;
	height:25px;
	border:none;
	}
.rechercheover{
	background:url(../images/charte/submit_button_over.jpg) no-repeat left top;
	cursor:pointer;
	height:25px;
	border:none;
	}
.datafield{
	float:left;
	background: url(../images/charte/dot_line.jpg) no-repeat 20px bottom;
	}
.labeltxt{
	float:left;
	clear:both;
	}
.valuetxt{
	float:right;
	color:#EB4300;
	
	}
.titre_prod{
	float:left;
	color:#EB4201;
	font:bold 1.2em Tahoma;
	margin-left:10px; 
	}
.prix_prod{
	text-align:right;
	margin-right:10px;
	}
.label_detail{
	color:#353535;
	font-weight:bold;
	}
#popup_link:link, #popup_link:visited{
	color:#fff;
	text-decoration:none;
	font: bold 1.1em Tahoma;
	}
#popup_link:hover, #popup_link:active{
	color:#fff;
	text-decoration:underline;
	font: bold 1.1em Tahoma;
	}
/*---footer---*/
#footer{
	height:47px;
	width:802px;
	bottom:0px;
	clear:both;
	background: url(../images/charte/footer_bg.jpg) no-repeat right top;
	margin:auto;
	}
	#footer img{
		margin-left:60px;
		margin-top:15px;
		float:left;
		}
	#nav_footer{
		float:left;
		text-align: center;
		color:#F4F4F4;
		padding-top:20px;
		padding-left:130px;
		}
	#nav_footer a:link, #nav_footer a:visited{
		font-size:1.1em ;
		text-decoration:none;
		color:#F4F4F4;
		}
	#nav_footer a:hover, #nav_footer a:active{
		font-size: 1.1em;
		color:#F4F4F4;
		text-decoration:underline;
		}
	#footer_droits{
		text-align:center;
		font:normal 1.1em Tahoma;
		margin-left:190px;
		color:#737576;
		}
/*---map---*/	
#map_bottom{
	background: url(../images/charte/map_bottom.jpg) no-repeat left top;
	width:500px;
	height:173px;
	}
	#map_adresse{
		float:left;
		color:#402315;
		text-align:left;
		font-size:1.2em;
		padding:60px 20px 0px 20px;
		}
	#map_adresse p{
		margin-top:5px;
		padding-left:30px;
		}
	#map_icon_adresse{
		font-weight:bold;
		color:#EA4300; 
		background:url(../images/charte/map_adresse_icon.jpg) no-repeat 0px top;
		}
	#map_tel{
		background:url(../images/charte/map_tel.jpg) no-repeat 0px top;
		}
	#map_fax{
		background:url(../images/charte/map_fax.jpg) no-repeat 0px top;
		}
	#map_email{
		background:url(../images/charte/map_email.jpg) no-repeat 0px top;
		}
	#map_buttons{
		float:right;
		padding-right:20px;
		padding-top:120px;
		}
	#map_link:link, #map_link:visited{
		color:#000;
		text-decoration:none;
		font-size:1.2em;
		}
	#map_link:hover, #map_link:active{
		color:#000;
		text-decoration:underline;
		font-size:1.2em;
		}
/*---popup---*/
#fermer a:link, #fermer a:visited{
	margin-top:10px;
	height:30px;
	font: bold 1.2em Tahoma;
	color:#EA4300;
	text-decoration:none;

	}
#fermer a:hover, #fermer a:active{
	margin-top:10px;
	height:30px;
	font: bold 1.2em Tahoma;
	color:#EA4300;
	text-decoration:underline;
	}
/*---mentions legales---*/
#mentions_link:link, #mentions_link:visited{
	color:#737576;
	text-decoration:underline;
	}
#mentions_link:hover, #mentions_link:active{
	color:#737576;
	text-decoration:none;
	}
#mentions_legales{
	font-size:62.5%;
	background:#CAC8C9 url(../images/mentions_legales/mentions_legales_bg.jpg) no-repeat left top;
	}
#mentions_legales #name{
	color:#395D00;
	font: bold 2.4em Tahoma;
	margin-top:128px;
	text-align:center;
	}
#mentions_legales #site_adresse{
	padding-top:10px;
	text-align:center;
	}
	#mentions_legales  p{
		color:#581739;
		font-size:1.3em;
		}
#mentions_legales a:link, #mentions_legales a:visited{
	color:#395D00;
	}
#mentions_legales a:hover, #mentions_legales a:active{
	color:#738A4E; 
 	}
#mentions_legales .label{
	color:#000;
	font-size:0.84em;
	}
#mentions_legales #box1{
	float:left;
	width:287px;
	height:124px;
	background: url(../images/mentions_legales/mentions_legales_box1.jpg) no-repeat left top;
	}
	#mentions_legales #box1 p{
		margin:15px 0px 0px 25px;
		line-height:1.8em;
		}
#mentions_legales #box2{
	margin-bottom:40px;
	float:left;
	margin-left:10px;
	width:287px;
	height:124px;
	background: url(../images/mentions_legales/mentions_legales_box2.jpg) no-repeat left top;
	}
	#mentions_legales #box2 p{
		margin:15px 0px 0px 20px;
		line-height:1.3em;
		}
#mentions_legales #droits{
	text-align:justify;
	}
#mentions_legales #droits p {
	padding-left:20px;
	padding-right:20px;
	font-size:1.1em;
	color:#000;
	}
#mentions_legales #droits p span{
	color:#496A14;
	font-weight:bold;
	}
#mentions_legales #fermer1 a:link, #mentions_legales #fermer1 a:visited{
	border: 1px solid #B6B6B4;
	padding:2px 5px;
	font-size:1.2em;
	text-decoration:none;
	color:#5A2842;
	margin-right:20px;
	}
#mentions_legales #fermer1 a:hover, #mentions_legales #fermer1 a:active{
	padding:2px 5px;
	font-size:1.2em;
	text-decoration:none;
	color:#8A6277;
	margin-right:20px;
	}
/*--------------------------------*/
#mandataire-box1{
	background:#363988 url(../images/charte/logo-mandataire.jpg) no-repeat left top;
	width:200px;
	height:145px;
	float:left;
/*	padding-right:10px;*/
	padding-left:3px;
	border:6px solid #E3E3E3;
	}
#mandataire-box1 p{
	text-align:center;
	color:#EFD725;
	font-weight:bold;
	margin-top:105px;
	}
#mandataire-box2{
	width:260px;
	height:150px;
	float:left;
	padding-left:10px;
	padding-top:20px;
	}
#mandataire-images{
	padding-left:35px;
	}
.red-text{
	color:#EE393E;
	text-align:center;
	font-weight:bold;
	}
	.small{
		font-size:11px;
		}
	.red-text span{
		font-size:10px;
		}
.yellow-text{
	color:#F4D12C;
	text-align:center;
	font-weight:bold;
    
	}