html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{ background: url(../images/charte/background.gif)  repeat-x left top; 
	font:normal 62.5% Tahoma;
	background-color:#f2e2a5;
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}
#container{
	width:785px;
	background:url(../images/charte/bg-repeat.jpg) repeat-y center;
	margin:0px auto;
	}
#header{
	background-image: url(../images/charte/header.jpg);
	width:785px;
	height:261px;
	margin:0px auto;
	}
#mdm{
		width:229px;
		height:135px;
		background: url(../images/charte/mdm.jpg) no-repeat left top;
			}	
#actualites{
		width:229px;
		height:135px;
		background: url(../images/charte/actualites.jpg) no-repeat left top;
		
		}	
.menu-rest{
	background:url(../images/charte/midle.jpg) repeat-y  left top; 
	width:500px;
	}		
	.menu-content{
		padding-top:25px;
		width:500px;
	}
			
#flash{
	height:335px;
	width:562px;
	float:left;
	}
#left-col{
	width:229px;
	float:left;
	}	
	
	#adresse{
		width:229px;
		height:184px;
		background: url(../images/charte/adresse.jpg) no-repeat  left top;
	}
		#menu{
		width:229px;
		height:188px;
		background: url(../images/charte/meniu.jpg) no-repeat left top;
		}
		.menu-restaurant{
		margin-left:23px;
		cursor:pointer;
		width:212px;
		height:30px;
		background:url(../images/charte/button-menu-restaurant.jpg) no-repeat left;
		font-size:11px;
		padding-left:15px;
		padding-top:15px;
		color:#ffffff;
		text-align:center;
		font-weight:bold;
		float:left;
		}	
		.notre-region{
		margin-left:10px;
		cursor:pointer;
		width:112px;
		padding-bottom:50px;
		height:30px;
		background:url(../images/charte/button-menu-restaurant.jpg) no-repeat left;
		font-size:11px;
		padding-left:0px;
		padding-top:0px;
		color:#ffffff;
		text-align:center;
		font-weight:bold;
		float:left;
		}	
	.adresse4{
		width:270px;
		margin-top:0px;
		margin-left:10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
	 }
	 .adresse1{
	 	padding-top:65px;
		line-height:18px;
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		}
	 .mail{
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:10px;
	 padding-top:145px;
	 padding-left:32px;
	 float:left;
	 }
	#plan{
		width:229px;
		height:127px;
		background:url(../images/charte/bg-plan.jpg) no-repeat left top;
		}	
		
	#ticket{
		width:229px;
		height:293px;
		background:url(../images/charte/ticket-restaurant.jpg) no-repeat left top;
		}	
	.plan{
		margin-left:0px;
		text-align:center;
		font-family:Tahoma;
		font-size:12px;
		color:#ffffff;
		font-weight:bold;
}		
		.part2{
		background-color:#eaf6ff;
		border:1px solid #6abdff;
		width:490px;
		padding:7px;
		}	
	
#right-col{
	width:556px;
	float:left;

		}	
	#right-col p{
	line-height:20px;
	color:#00497c;
	font-family: Tahoma;
	font-size:12px; 
	padding-top:10px;
	}	
	
	#title{
	text-align:right;
	width:556px;
	height:94px;
}
	.line{
	background:url(../images/charte/line.gif) no-repeat left top;
	width:546px;
	height:1px;
	background-position:center
	}
	
	.line2{
	background:url(../images/charte/line2.gif) no-repeat left top;
	width:546px;
	height:1px;
	background-position:center
	}	
	.contenu{
	margin-left:5px;
	width:546px;
		}
	.cars{
	width:208px;
	height:279px;
	float:left;
	}
	.title1 p{
	font-family:Tahoma;
	font-size:14px;
	text-align:center;
	color:#56a1de;
		}
	.top-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#074191;
	text-align:justify;
	}	
	
	.nos-services{
	background-image:url(../images/accueil/bg-services.jpg);
	width:312px;
	height:138px;
	}
	.nos-vehicules{
	background-image: url(../images/accueil/bg-nos-vehicules.jpg);
	width:312px;
	height:156px;
	}
	.mecanique-generale{
	background-image: url(../images/service-apres-vente/bg-mecanique-generale.jpg);
	width:312px;
	height:138px;
	}
	.service-rapide{
	background-image: url(../images/service-apres-vente/bg-service-rapid.jpg);
	width:312px;
	height:138px;
	}
	.caroserie{
	width:523px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#dee1e7;
	
	}
	.list{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#153984;
	width:250px;
	height:50px;
	padding-top:10px;
	padding-left:170px;
	list-style:none;
	line-height:18px;
	}
	.list li{
	background-image:url(../images/charte/pointer.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding:0px 0px 0px 20px;
}
	.list-menu{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#153984;
	width:240px;
 	padding-top:10px;
	list-style:none;
	line-height:18px;
  float:left;
	}
	.list-menu li{
	background-image:url(../images/charte/pointer1.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding:0px 0px 0px 20px;
}
.list-menu1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#153984;
	width:200px;
 	padding-top:10px;
	list-style:none;
	line-height:18px;

	}
	.list-menu1 li{
	background-image:url(../images/charte/pointer1.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding:0px 0px 0px 20px;
}
.list3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#074191;
	width:255px;
	height:80px;
	line-height:15px;
	padding-top:5px;
	padding-left:30px;
	list-style:none;
	line-height:18px;
	}
	.list3 li{
	background-image:url(../images/charte/pointer.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding:0px 0px 0px 20px;
}
	.list1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#074191;
	width:500px;
	height:55px;
	padding-top:0px;
	line-height:20px;
	padding-left:10px;
	list-style:none;
	}
	.list1 li{
	background-image:url(../images/charte/pointer.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding:0px 0px 0px 20px;
}
.list2{

	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#074191;
	width:280px;
	height:50px;
	line-height:20px;
	padding-top:40px;
	list-style:none;
	}
	.list2 li{background-color:red;
	background-image:url(../images/charte/pointer.gif);
	background-repeat:no-repeat;
	background-position:left 0px;
	padding:20px 0px 10px 0px;
}
.list4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#074191;
	width:310px;
	height:80px;
	line-height:15px;
	padding-top:5px;
	padding-left:50px;
	list-style:none;
	line-height:18px;
	}
	.list4 li{
	background-image:url(../images/charte/pointer.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding:0px 0px 0px 20px;
}
.list7{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#074191;
	width:205px;
	height:50px;
	line-height:15px;
	padding-top:25px;
	padding-left:5px;
	list-style:none;
	line-height:18px;
	text-align:left;
	}
	.list7 li{
	background-image:url(../images/charte/pointer.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding:0px 0px 0px 20px;
}
.list6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#074191;
	width:170px;
	height:80px;
	line-height:15px;
	padding-top:5px;
	padding-left:30px;
	list-style:none;
	line-height:18px;
	}
	.list6 li{
	background-image:url(../images/charte/pointer.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding:0px 0px 0px 20px;
}
.list5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#074191;
	width:280px;
	height:80px;
	line-height:15px;
	padding-top:5px;
	padding-left:30px;
	list-style:none;
	line-height:18px;
	}
	.list5 li{
	background-image:url(../images/charte/pointer.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding:0px 0px 0px 20px;
}
.text-nos{
	padding-top:20px;
	padding-left:10px;
	width:300px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color:#074191;
	}
	.pour-contacter{
	background-image: url(../images/accueil/pour-contacter.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:531px;
	height:122px;
	}
	.plic{
	width:120px;
	height:120px;
	padding-left:0px;

	}
	.part1{
	font-family:Tahoma;
	font-size:12px;
	padding-top:30px;
	color:#00497c;
	float:left;
	text-align:left;
	}
	.image-right{
	padding-top:0px;
	padding-right:15px;
	padding-left:10px;
	float:right;
	}
	.image-right1{
	padding-top:0px;
	padding-right:15px;
	padding-left:0px;
	float:right;
	}
	.image-right2{
	float:right;
	padding-top:0px;
	padding-right:90px;
	}
	.image-left{
	padding-left:70px;
	padding-bottom:25px;
	padding-top:0px;
	float:left;
	}
	.image-left1{
	padding-left:15px;
	padding-top:0px;
	float:left;
	}
	.text{
	padding-left:10px;
	padding-bottom:5px;
	font-family:Georgia, 'Times New Roman', Times, serif; 
	font-size:13px; 
	color:#153984; 
	text-align: justify;
 	}
	.text2{
	padding-left:10px;
	padding-right:25px;
	padding-bottom:5px;
	font-family:Georgia, 'Times New Roman', Times, serif; 
	font-size:13px; 
	color:#153984; 
	text-align:justify;
 	}
	
	.advertising{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-family:Georgia, 'Times New Roman', Times, serif; 
	font-size:13px; 
	color:#125f04; 
	text-align:center;
	}
	
	.mdm-pop{
	margin-left:20px;
	margin-right:20px;
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
	font-family:
	Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	width:540px;
	height:227px;
	overflow:auto;
	clear:both;
}
.photo_left{
	width:184px;
	height:124px;
	padding-left:10px;
	float:left;
	text-align:left;
}
.photo_center{
	width:136px;
	height:124px;
	float:right;
}
.photo_right{
	width:195px;
	height:124px;
	float:left;
}
.site_link{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#2d861b;
}
	.img-popup{
	width:557px;
	margin-right:43px;
	margin-top:25px;
	margin-bottom:5px;
	float:left;
	}
	.sub-title{
	font-family:Tahoma;
	font-size:14px;
	text-align:left;
	color:#56a1de;
	font-weight:bold;
	}
	
	.title-bottom{
	color:#f98d4d;
	font-family:Tahoma;
	text-align:center;
	font-size:12px;
	padding-top:10px;
	font-weight:bold;
	}	
	
	.plaquette{
	padding-top:5px;
	padding-left:19px;
	font-family:Tahoma;
	text-decoration:underline;
	font-size:12px;
	color:#0063a9;
	font-weight:bold;
	}	
	.title-plaquette{
	color:#0665a5;
	font-family:Tahoma; 
	font-size:16px; 
	text-align:center; 
	font-weight:bold; 
	padding-top:10px;
	}
	#footer{
	height:60px;
	background-image:url(../images/charte/bg-footer-repeat.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	margin:0px auto;
	}
#footer-content{
	background-image:url(../images/charte/bg-footer.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0px auto;
	width:785px;
  height:60px;
	}
			
.digital-age{
		width:141px;
		height:49px;		
		padding-left:55px;
		float:left;
		}
.contact_link:link, .contact_link:visited{
		color:#1e5095;
		text-decoration: none;
		} 
.contact_link:hover, .contact_link:active{
		color:#ed1b2f;
		text-decoration: underline;
}
		
		#nav-footer{
		font-family:Arial, Helvetica, sans-serif;
		padding-top:15px;
		padding-left:15px;
		width:555px;
		font-size:12px;
		float:left;
		text-align:center;
		color:#ffffff;
	}
				#nav-footer a:link, #nav-footer a:visited{
					font-family:Arial, Helvetica, sans-serif;
					text-decoration:none;
					color:#ffffff;
					margin-left:15px;
						}
				#nav-footer a:hover, #nav-footer a:active{
					font-family:Arial, Helvetica, sans-serif;
					text-decoration: none;
					color: #FF0000;
					margin-left:15px;
							}
		#container #footer-droits {
			color:#E9E0D7;
			margin-left:385px;
			font:normal 1.1em Tahoma;
			padding-bottom:20px;
			}
		#footer-droits #mentions-link:link, #footer-droits #mentions-link:visited{
			color:#E9E0D7;
			font-weight:bold;
			text-decoration:underline;
			}
		#footer-droits #mentions-link:hover, #footer-droits  #mentions-link:active{
			color:#E9E0D7;
			font-weight:bold;
			text-decoration:none;
			}