/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html{height: 100%;width: 100%;}
body {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{background-color: #727171;}
#bg1{position:absolute;z-index: 1; width:100%; }
#bg2{position:absolute;z-index: 2; width:100%; background: #727171 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: #ffffff url(images/bg-container.jpg)  50% 0% repeat-x; margin:0 auto;	text-align: left;}
#content{}

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



/* ===| 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: #727171 url(images/bg-footer.jpg) 0% 0% repeat-x; margin: 0 auto; padding: 0px;}
#footer .inner	{ padding: 0px 26px 0px 26px;}
#footer .box1	{height:26px; background:  url(images/bg-info.jpg) left bottom no-repeat; padding:14px 0px 0px 37px;}

#mail{
  height:26px; background: url(images/bg-mail.jpg) left bottom no-repeat; padding-left:9px; float:left;
}
#footer .box2{
  width:400px;
  height:71px;
  padding-top:12px;
}

.box2 a:link, .box2  a:visited {
    border:	0px; padding:0px; margin:0px; width:auto;
	color:#ffffff;
	text-decoration: none;}
.box2  a:hover, .box2 a:active {
	color:#D8D8D8 !important;
	text-decoration: none !important;}

#footer .box3{
  width:500px;
  height:71px;
  padding-top:12px;  float:right;
  text-align: right;
}


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

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

.center{text-align: center;}

.color1{
  color:#818181;
}

a:link, a:visited {
    border:	0px; padding:0px; margin:0px; width:auto;
	color:#CF0C00;
	text-decoration: none;}
a:hover, a:active {
	color:#282828 !important;
	text-decoration: none !important;}
a:focus{
  outline: none;
}

#menu2 ul li{display: inline;}

#title{
  width: 944px;
  height: 76px;
}

.thumb-left{
  float:left;
  padding:2px;
  border:1px solid #9B9B9B;
  margin-right:18px;
}
.thumb-right{
  float:right;
  padding:2px;
  border:1px solid #9B9B9B;
  margin-left:18px;
}

.paragraph{
  clear:both;
}
.box-ul{
  width:664px;
  height:53px;
  border:1px solid #C1C1C1;
  float:left;
  margin:4px 0px 0px 10px;
  padding:7px 0px 0px 18px;
}
.box-text{
  width:721px;
  float:left;
  background: url(../../images/charte/bg-box.jpg) repeat-x left top;
  padding:13px 15px 0px 15px;
}
.link-contact{
  background: url(../../images/charte/bg-link-contact.jpg) no-repeat left top;
  padding-left:160px;
  width:611px;
  margin-left:65px;
  margin-top:6px;
}



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


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


.select{
  float:left;
  height:44px;
  padding:18px 0px 10px 0px;
  width:944px;
  background: url(../../images/charte/bg-select.jpg) no-repeat right top;
}

  select.combo{border:1px solid #4D6D81; background-color:#ffffff; color:#516171; width:160px; font:normal 12px Verdana; float:left;}
.product-box{
  width:460px;
  height:265px;
  border: 1px solid #878586;
  float:left;
  margin-bottom:20px;
  margin-right:20px;
  background-color: #EEECED;
}
.prod-title{
  width:460px;
  height:24px;
}
.contenu1-prod{
  width:450px;
  height:120px;
  padding:5px;
  background-color: #ffffff;
}
.prod-img{
  width:120px;
  height:120px;
  border:1px solid #757575;
  background-color: #E2DEDF;
  float:left;
  margin-right:10px;
  text-align: center;
}
.desc-echip{
  height:108px;
}
.contenu2-prod{
  width:450px;
  padding:5px;
}


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


.details{
  width:942px;
  border: 1px solid #878586;
  margin-bottom:20px;
  background-color: #EEECED;
  padding-bottom:10px;
}
.details-contenu1{
  width:932px;
  padding:5px 5px 12px 5px;
  background-color: #ffffff;
  float:left;
}
.details-contenu1 p.labels{background: url(../../images/charte/dots.jpg) repeat-x left 12px; padding:0; float:left; width:420px; display:inline; font-size:12px; margin-top:5px;}
.details-contenu1 .label1{background: #ffffff; padding:0 2px 0 0; float:left; color:#000000;}
.details-contenu1 .label2{background: #ffffff; padding:0 0 0 2px; float:right; color:#6B7185;}
.product-details{
  width:922px;
  float:left;
  padding:10px 10px;
}
.details-image{
  float:right;
  width:320px;
  height:390px;
  border: 1px solid #757575;
  background-color: #DEDDDE;
  text-align: center;
  margin-left:15px;
}
#detail-large-thumb{
  width:320px;
  height:304px;
  padding-top:4px;
}
#thumb-box{
 background-color: #ffffff;
 float:left;
 width:318px;
 padding:2px 1px;
}
#thumb-box .img-thumb{
  border: 1px solid #EC9F99;
  float:left; width:75px; height:75px; margin:0px 1px; text-align:center;
}

a.retour{
    border:	0px; padding:0px; margin:0px; width:auto;
	color:#CF0C00;
	text-decoration: none;}
a.retour:hover{
	color:#282828 !important;
	text-decoration: none !important;}


/* ===| VII. CONTACT FORM |=====================================================*/
#frmContact{margin: 0; padding: 5px; width: 98%; background: #f3f3f3; border: 1px solid #dfdfdf; width:675px; margin-bottom:20px;}

.contact-left{
  display:inline;
  width:300px;
  float:left;
  font:normal 12px Verdana;
  margin-left:15px;
  margin-bottom:15px;
  }


.inputForm{
	border:1px solid #626262;
	background-color:#ffffff;
	color:#282828;
    width:215px;
    font:normal 12px Verdana;
    padding-left:2px;
    padding-top:1px;
    height:15px;
	}
.inputFormOver{
	border:1px solid #B61116;
	background-color:#F4F4F4;
	color:#000000;
    width:215px;
    font:normal 12px Verdana;
    padding-left:2px;
    padding-top:1px;
    height:15px;
	}
textarea{
  font:normal 12px Verdana;
}


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

	}
.field{
	width:160px;
	float:left;
	margin-top:5px;
  font:normal 12px Verdana;
 	}
.btn-contact{
  float:left;
  width:435px;
  padding:0px 0 0 240px;
  }
  .btn-contact div{
    float:left;
    display:inline;
    width:100px;
    }

.button{
  width:89px;
  height:20px;
  border: none;
  cursor:pointer;
  font: normal 12px Verdana;
  color:#ffffff;
  background-color: #7D7D7D;
  border: 1px solid #383737;
}
.buttonOver{
  width:89px;
  height:20px;
  border: none;
  cursor:pointer;
  font: normal 12px Verdana;
  color:#B10005;
  background-color: #C6C6C6;
  border: 1px solid #B10005;
}
.star{
  color:#B61116;
}
#merci{
	width:660px;
	height:218px;
	background:url(../../images/charte/bg-merci.jpg) no-repeat left top;
	margin: 40px 0px 60px 140px;
}
#merci p{
 font:bold 12px Verdana;
 color:#000000;
 line-height:20px;
 text-align:center;
 padding-top:70px;
}

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

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


.border1{
    background-color:#363636;
    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:#282828;
  font-family:Verdana;
  font-size:12px !important;
  text-align: justify;
  line-height: 14px;
  padding:0px; margin:0px;
}
/*-----------------------Horaires d’ouverture--------------------------------*/
#horaires{
 width:498px;
 height:100px;
 background:#FFFFFF url(../../images/charte/bg-horaires.jpg) no-repeat left top;
 padding-top:120px;
 border:1px solid #383737;
}
#horaires p{
	font:normal 12px Verdana;
	padding:0px 20px;
	text-align:center;
	color:#282828;
}
/*----------------------- Plan d’accès --------------------------------*/

#plan-popup{
    background-color: #ffffff;
	border: 1px solid #585757;
	width:498px;
	height:498px;
}

#plan-top{
	width:498px;
	height:118px;
    background: url(../../images/plan/plan-top.jpg) no-repeat left top;
}
#plan-content {
    position: relative;
    width: 478px;
    height: 360px;
    padding: 10px;
    text-align: justify;
    background-color: #FFFFFF;
    color: #000000;

}
#plan-content #map{
    float: left;
    border: 1px solid #585757;
    padding: 2px;
}
#plan-content #legend{
    position: absolute;
    bottom: 12px;
    left: 11px;
    float: left;
    width: 466px;
    height: 40px;
    padding: 5px 5px 0px 5px;
    background: #FFFFFF;
    border-top: 1px solid #585757;
    display: none;
}


#plan-content #print{
    float: left;
}
#plan-content #plus{
    float: right;
}
#plan-content #minus{
    float: right;
    padding: 0 5px 0 0;
}
#plan-content #info{
    float: left;
    padding: 0 10px;
}
#plan-content #info p{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 13px;
    color:#282828;

}