/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html{height: 100%;width: 100%;}
html{width: 100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding: 0;}
.left{float: left;} .right{float: right;}
#push, .clr	{clear: both;}

body{}
#bg1{position:absolute;z-index: 1; width:100%;}
#bg2{position:absolute;z-index: 2; width:100%; background: #E6E6E6 url(images/bg-body.jpg) 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3;}

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{background:url(images/bg-container.jpg) 50% 50% repeat-y; margin:0 auto;	text-align: left;}
#content{}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{}
#site-header .inner{}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#left-outter div.outter{padding: 0;	min-height: 159px; height: auto!important;height: 159px; }
#left-outter div.inner{padding: 0px;}


#actualite{
  width:275px;
  height:101px;
  padding:55px 16px 0px 15px;
  background: url(images/bg-mdm.jpg) no-repeat left top;
}
#actualite img {
  border: 1px solid #A7A7A7;     /* width:77px; */
  float:right;
  margin-left:12px;
}
#menu-left{
  width:306px;
  height:145px;
}
#horaires{
  width:193px;
  height:44px;
  background: url(images/bg-horaires.jpg) no-repeat left top;
  padding:61px 0px 0px 113px;
}
#info{
  width:290px;
  height:144px;
  background: url(images/bg-info.jpg) no-repeat left top;
  padding:42px 1px 0px 15px;
}
#mail{
  font-weight: bold;
  background: url(../../images/charte/mail.jpg) no-repeat left 4px;
  padding-left:18px;
}

#contact-info, #promo {}

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden; background:url(images/bg-right-column.jpg) repeat-x left top;}
#right-inner{padding: 1px 25px 0px 25px;}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left;}
#fwrap1 {position:absolute; z-index: -3; left:0;  width:100%;}
#fwrap2 {position:absolute; z-index: -2; left:0;  width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }

#footer.outter	{background: #E6E6E6 url(images/bg-footer.jpg) left top repeat-x; margin: 0 auto; padding: 0px;}
#footer .inner	{ padding: 0px 0px 0px 0px;}
#footer .box1{width:306px; text-align:center; float:left;}
#footer .box2{width:511px; float:left; padding-left:83px;}

.ref{padding:2px 0px;  font:normal 11px Verdana; color:#303030; text-align:center;}

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}

.center{text-align: center;}
a:focus{
  outline: none;
}

a:link, a:visited {
    border:	0px; padding:0px; margin:0px; width:auto;
	color:#5370BC;
	text-decoration: none;}
a:hover, a:active {
	color:#303030 !important;
	text-decoration: none !important;}

#footer a:link, #footer a:visited {
    border:	0px; padding:0px; margin:0px; width:auto;
	color:#082977;
	text-decoration: none;}
#footer a:hover, #footer a:active {
	color:#303030 !important;
	text-decoration: none !important;}

.thumb-left{
  float:left;
  padding:2px;
  background-color: #ffffff;
  border: 1px solid #4C66AF !important;
  margin-right:15px;
}

.thumb-right{
  float:right;
  padding:2px;
  background-color: #ffffff;
  border: 1px solid #4C66AF !important;
  margin-left:12px;
}

#menu2 ul li{display: inline;}

.separator{width:100%;	height:0px; clear:both; padding:0; margin:7px 0; border-top: 1px solid #A1A1A1; line-height: 0px; font-size: 0; overflow: hidden;}


.button{
  width:76px;
  height:18px;
  border: none;
  cursor:pointer;
  font: normal 10px Verdana;
  color:#ffffff;
  background:url(../../images/charte/button-mdm.jpg) no-repeat left top;
}
.buttonOver{
  width:76px;
  height:18px;
  border: none;
  cursor:pointer;
  font: normal 10px Verdana;
  color:#ffffff;
  background:url(../../images/charte/button-mdm-over.jpg) no-repeat left top;
}


.paragraph{clear:both;}
.link-contact{
  width:370px;
  height:62px;
  background: url(../../images/charte/bg-link-contact.jpg) no-repeat left top;
  padding-left:173px;
}

.garantie{
  text-align: center;
  padding-bottom:25px;
}
.garantie a:link, .garantie a:visited {
  background: url(../../images/charte/img-garantie.jpg) no-repeat right 2px;
  padding:0px 30px 25px 0px;
}
.garantie a:hover, .garantie a:active {
  background: url(../../images/charte/img-garantie-over.jpg) no-repeat right 2px;
  padding:0px 30px 25px 0px;
}

/* ===|  vehicues |=====================================================*/


.select{
  background-color: red;
  float:left;
  height:64px;
  padding:10px 3px;
  background: url(../../images/charte/bg-select.jpg) no-repeat right top;
}

  select.combo{border:1px solid #4D6D81; background-color:#ffffff; color:#516171; width:142px; font:normal 12px Verdana; float:left;}

.product{
  width:255px;
  height:150px;
  margin-bottom:20px;
  background:url(../../images/charte/bg-product.jpg) no-repeat left top;
  padding: 5px;
}
.product p{
  font:normal 11px Verdana;
}

.prod-details{
 height:114px;
}
.prod-details p{
  font: normal 11px Verdana;
}
.prod-img{
  width:75px;
  height:75px;
  padding-right:5px;
  padding-bottom:5px;
  background-color: #ffffff;
  float:left;
   text-align: center;
}
.prod-img img{
  text-align: center !important;
}

.prod-details p.labels{background:url(../../images/charte/dots.jpg) repeat-x left 12px; padding:0; float:left; width:173px; display:inline; font-size:11px; margin-top:5px;}
.prod-details .label1{background:#ffffff; padding:0 2px 0 0; float:left;}
.prod-details .label2{background:#ffffff; padding:0 0 0 2px; float:right; color:#2D4083}

.pagination{
  text-align: center;
  font: normal 11px Verdana;
  padding-top:10px;
}


.image-box{width:252px; margin-right:15px;float:left; display:inline}
.image-box .thumbs {width:60px; height:60px; float:left; margin:0 1px 5px 0px; display:inline; text-align:center; background-color: #ffffff; border: 1px solid #4C66AF;}
.image-box .image {width:250px; height:250px; text-align:center; float:left;}

.product-details{
  float:left;
  margin-bottom:10px;
}
.product-details p{
    font:normal 12px Verdana;
    text-align: justify;
    color:#202020;
}

.product-details p.labels{ width:100% !important; background:url(../../images/charte/dots.jpg) repeat-x left 12px; padding:0; float:left; display:inline; font-size:12px; font-family:verdana; margin-top:5px;}
.product-details .label1{background:#EFF3FC; padding:0 2px 0 0; float:left;}
.product-details .label2{background:#EFF3FC; padding:0 0 0 2px; float:right; color:#2D4083}

/* ===|  MDM |=====================================================*/

#mdm-popup{width:500px; height:500px;}
 .color{
   color:#224296;
 }

.border1{
    background-color:#A2AEDA;
    padding: 4px;
}
.border1 img{
  border: 1px solid #ffffff;
}

#mdm-top{
	width:500px;
	height:140px;
    background: url(../../images/charte/mdm-top.jpg) no-repeat top left;
}
#mdm-content {
    width: 458px;
    height: 326px;
    padding: 10px;
    margin: 0 10px 0 10px;
    background-color: #ffffff;
    border: 1px solid  #D2D2D2;
}
#mdm-content p{
  color:#202020;
  font-family:Verdana;
  font-size:12px !important;
  text-align: justify;
  line-height: 14px;
  padding:0px; margin:0px;
}

/* ===| VII. CONTACT FORM |=====================================================*/
.contact-left{
  display:inline;
  width:275px;
  float:left;
  font:normal 12px Arial;
  margin-right:15px;
  }


.inputForm{
	border:1px solid #A3A3A3;
	background-color:#E0E0E0;
	color:#424242;
    width:191px;
    font:normal 12px Verdana;
    padding-left:2px;
    padding-top:1px;
    height:15px;
	}
.inputFormOver{
	border:1px solid #4E64AD;
	background-color:#95A2D9;
	color:#ffffff;
    width:191px;
    font:normal 12px Verdana;
    padding-left:2px;
    padding-top:1px;
    height:15px;
	}
textarea{
  font:normal 12px Verdana;
}
.color-checkbox{
  color: #224296;
}
.star{
  color: #224296;
}


.label{
	width:80px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#383838;
	text-align:left;
    font:normal 12px Verdana;

	}
.field{
	width:195px;
	float:left;
	margin-top:5px;
  font:normal 12px Verdana;
 	}
.btn{
  clear:both;
  width:300px;
  padding:30px 0 0 180px;
  }
  .btn div{
    float:left;
    display:inline;
    width:90px;
    }

#merci{
  display:inline !important;
  width: 328px;
  height: 400px;
  float:left;
  background: url(../../images/charte/bg-merci.jpg) no-repeat left top;
  padding-left:210px;

}
#merci p{
  font: bold 12px Verdana;
  color: #000000;
}

object { outline:none; }