/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html, body {height: 100%;width: 100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding: 0;}
.left{float: left;} .right{float: right;}
.left1{float: left; padding: 0 10px 0 0px;} .right1{float: right;}
.left2{float: left; padding: 0 10px 0 10px;} .left3{float: left; padding: 10px 0px 0 0px;}
 .left4{float: left; padding-top: 20px !important;padding-bottom: 20px !important;}
#push, .clr	{clear: both; height: 0px; line-height: 0px; font-size: 0px;}

.text1{  padding-bottom: 11px;}
.text2{  padding: 20px 0 11px 0; float: left;}
.title-img{float: left; padding: 0 0px 0 20px;}

.width1{ width: 180px !important; padding-left: 10px !important;}
.width2{ width: 295px !important; padding: 0px !important;padding-left: 20px !important;}
.width3{ width: 440px !important;}
.width4{ width: 85px !important; padding-top: 0px !important;}
.width5{ width: 180px !important; padding-left: 10px !important;padding-top: 20px !important;}
.pagination {float: left; clear:left; width: 920px; padding: 0 20px; text-align: right;}
.pagination p { font-size: 11px;}
.pagination span{padding:1px; margin: 0 50px 0 25px;font-size: 11px;}
.pagination a:link, .pagination a:visited{font-family:Arial;font-size:11px;font-weight:bold;color: #353535;text-decoration:none; }
.pagination a:hover, .pagination a:active{font-family:Arial;font-size:11px;font-weight:bold;color: #d97e04;text-decoration:none; }



body{ background: #828282;}
#bg1{position:absolute;z-index: 1; width:100%; background:url("images/bg0.gif") 50% 0% repeat-y;}
#bg2{position:absolute;z-index: 2; width:100%; background: url(images/bg-x.jpg) 50% 0% repeat-x;min-height: 800px; height: auto!important;height: 800px;}
#bg3{position:absolute;z-index: 3; background:url("images/bg2.jpg") 50% 0% no-repeat;}

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{background:url("images/bg0.gif") 50% 50% repeat-y; margin:0 auto;	text-align: left;}
#content{width:100%; background: #e7e7e7 url(images/bg-x-content.jpg) 50% 0% repeat-x; }
#content1{width:100%; background: url(images/bg-y-content.jpg) 50% 50% repeat-y; height: 100%; }
/*#content1{width:100%; background: url(images/bg-x-content.jpg) 50% 0% repeat-x;	min-height: 480px; height: auto!important;height: 480px;}  */

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{/*background:url("images/header.jpg") 50% 0 no-repeat;*/}
#site-header .inner{}

#h1-holder
{
    float: left;
    width:720px;
    height:24px;
    padding-top:21px;
}
#promo-holder
{
    float: right;
    width:191px;
    height:45px;
}





/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{padding: 0px 20px 20px 20px;width:920px; background: url(images/bg-x-right-col.jpg) 50% 0% repeat-x;}
#right-inner1{padding: 0px 0px 20px 0px;width:960px; background: url(images/bg-x-right-col.jpg) 50% 0% repeat-x;}

.col-left { float: left;  padding: 16px 20px 0 0;}
.col-right { float: left; padding: 16px 0 0 20px;}

.flash-header{
    position:absolute;
    z-index:1;
    height:280px;
    width:960px;
}

#newsletter{
   width:239px;
   height:26px;
   background: transparent;
   position:relative;
   z-index:999;
   top: 15px;
   left: 702px;
}


.encart1
{
  height: 115px;
	width: 420px;
	float: left;
	background: url(../../images/charte/encart1.jpg) no-repeat top left;
	padding: 10px 10px 0 10px;
	margin: 17px 0 5px 0;
}


.encart2
{
 width: 440px;
	height: 105px;
	float: left;
	background: url(../../images/charte/encart2.jpg) no-repeat top left;
	padding: 25px 0px;
}




.encart3
{
  width: 410px;
	height: 105px;
	float: left;
	background: url(../../images/charte/encart3.jpg) no-repeat top left;
	margin: 16px 0 5px 0;
	padding: 10px 0 0 30px;
}

.encart3 p
{
  padding-left: 5px;
}
/* ===================== vehiciles-occasions ==================== */

.holder{ float: left;  padding: 16px 20px 0 20px; width: 440px;}

.box1
{
  height: 115px;
	width: 420px;
	float: left;
	background: url(../../images/charte/encart1.jpg) no-repeat top left;
	padding: 10px 10px 0 10px;

}

.box2
{
  height: 115px;
	width: 420px;
	float: left;
	background: url(../../images/charte/encart5.jpg) no-repeat top left;
	padding: 10px 10px 0 10px;
}

.img-holder
{
  width: 105px;
	height: 105px;
	float: left;
}

.img-holder img
{
  border: solid 1px #353535;
}

.list-holder
{
  height: 90px;
	float: left;
}

#frmSearch
{
	background: #f4f4f4;
	border: solid 1px #bababa;
	padding: 10px 10px 10px 16px;
	float: left;
}

#holder-form
{
  padding: 10px 20px 0 20px;
	float: left;
	background: url(../../images/charte/bg-x-form.jpg) repeat-x bottom left;
	width: 920px;
}



#frmSearch select
{
   width: 140px; color: #353535; margin: 0px !important; padding: 0px !important; float: left;  margin-right: 8px !important;   margin-left: 8px !important; font-size: 12px;color: #353535; font-family: Arial, Helvetica, sans-serif;
}


.buttonRecherche
{
    background: url(../../images/charte/recherche.jpg) no-repeat top left;
	border: none;
    width: 87px;
		height: 20px;
	 margin-right: 5px;
	 float: left;
}

.buttonRechercheOver
{
	background: url(../../images/charte/recherche-over.jpg) no-repeat top left;
	border: none;
	width: 87px;
  cursor: pointer;
	height: 20px;
	 float: left;
  margin-right: 5px;
}




/* ====================== details ===================== */

#details-image
{
  width: 350px;
/*  float: left; */
  padding: 10px 0;

}

#picture-big
{
  width: 250px;
	padding: 5px 0;
    height: 250px;
}

#thumbs
{
  width: 255px;
	padding: 5px 0px 5px 5px;
	height: 77px;

}

.thumb1
{
   padding: 1px;
	 border: solid 1px #a8a8a8;
	 background: #383838;
	 width: 75px;
	 height: 75px;
	 float: left;
	 margin: 0 6px 0 0;
}

.photo
{
   padding: 1px;
	 border: solid 1px #a8a8a8;
	 background: #383838;
}

/* =============== services ================ */

#contacter
{
  width: 307px;
	height: 47px;
	background: url(../../images/charte/services-text2.jpg) no-repeat top left;
  float: left;
	padding: 14px 0 0 133px;
}


/* ===| 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: url(images/bg-x-footer.jpg) repeat-x 50% 0%; margin: 0 auto; padding: 0px; width: 960px; 	min-height: 100px; height: auto!important;height: 100px;}
#footer .inner	{ padding: 0px 0px 0 20px; width: 920px;}



#bottom
{
  height: 41px;
	width: 920px;
	padding-top: 9px;
}

.digitalage
{
    float: left;
    width:213px;
    padding: 0px 0px 0px 0px;
}

#menu2
{
    float: right;
    width:707px;
    padding: 0px 0px 0px 0px;
    text-align: right;
		line-height: 18px;
}
.copyright
{
    float: right;
     width:707px;
    padding: 0px 0px 0px 0px;
		line-height: 18px;
}


#plan{
    float: left;
    width: 107px;
  padding: 22px 0px 0px 0px;
}



#info{
    float: left;
    width: 920px;
    height: 41px;
    background: url(images/bg-coordonnees.jpg) no-repeat top left;
    padding:0px 0px 0px 0px;
}

#info p
{
  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #353535; line-height: 13px; text-align: justify; padding: 4px 0 0 0;
}


#info a:link, #info a:visited{
 font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #353535; line-height: 13px; text-align: justify; padding: 4px 0 0 0; font-weight: bold; text-decoration: underline;

  }

#info a:hover, #info a:active{
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #353535; line-height: 13px; text-align: justify; padding: 4px 0 0 0; font-weight: bold; text-decoration: none;
  }

#info .site-name
{
  width: 124px;float: left;
}

#info .address
{
  width: 185px;float: left;
	padding-left: 35px;
}
#info .tel
{
  width: 135px;float: left;
}


#mailsPlace
{
  width: 157px;
	float: left;
}

#mailsPlace  a:link, #mailsPlace  a:visited{
 font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #353535; line-height: 13px; text-align: justify; padding: 4px 0 0 0; font-weight: bold; text-decoration: underline;

  }

#mailsPlace  a:hover, #mailsPlace  a:active{
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #353535; line-height: 13px; text-align: justify; padding: 4px 0 0 0; font-weight: bold; text-decoration: none;
  }


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

.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;}