/*===| 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: 10px 0px 8px 0px;}  .right1{float: right; padding: 4px 0px 0 15px;}
.left2{float: left;  padding: 4px 15px 0px 0px;}  .right2{float: right; padding: 4px 0px 0px 15px;}
.left3{float: left;  padding: 10px 15px 8px 0px;}

#push, .clr	{clear: both;}

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

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

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

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden; background: url(images/bg-x-content.jpg) 50% 100% repeat-x; }
#right-inner{ /*background: url(images/bg-right.jpg) no-repeat 50% 100%;*/ padding: 0 15px;}

.titre-page
{

  width: 960px;
	height: 28px;
	float: left;
	padding-bottom: 15px;
}

.paragraph
{
    clear: both;
  padding: 15px 15px 0 15px;
	float: left;
	width: 900px;
}

.encart
{
  width: 900px;
	height: 150px;
	padding: 14px 15px 0 15px;
	background: url(../../images/charte/encart.jpg) no-repeat top left;
	clear: both;
}

.encart1{

  width: 111px;
	height: 22px;
	padding: 33px 400px 32px 419px;
	background: url(../../images/charte/index-text2.jpg) no-repeat top left;
}

.encart-vehicules
{
  padding: 6px 15px 6px 15px;
  width: 900px;
	height: 225px;
 	background: url(../../images/charte/encart-vehicules1.jpg) no-repeat top left;
}

.precentage
{
  width: 174px;
	height: 169px;
	background: url(../../images/charte/procentage.jpg) no-repeat top left;
	float: right;
	padding: 48px 10px 0 17px;
}

.precentage-non
{
  width: 174px;
	height: 169px;
	background: url(../../images/charte/procentage-non.jpg) no-repeat top left;
	float: right;
	padding: 68px 10px 0 17px;
}

.encart-vehicules-inner
{
  height: 126px;
	float: left;
	clear: both;
  width: 100%;
	border: none;
}

.prix
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
	 text-align: center;
	 color: #6a94df;
	 line-height: 13px;
	 padding-bottom: 10px;
}

.text
{
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: bold;
	padding-left: 56px;
	padding-right: 49px;
    text-align: center;
}

.text1
{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 28px;
	color: #436db8;
	text-align: center;
	 line-height: 11px;
}

.text2
{
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: bold;
	padding-left: 56px;
	padding-right: 59px;
    text-align: center;
}


.btn-details
{
  float: left;padding-top: 8px;padding-left: 43px;
}


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

.pagination
{
  color: #1666b8;
	text-align: center;
	width: 930px;

}

.pagination a:link,.pagination a:visited
    {
      text-decoration: none;
      color: #011f66;
			font-weight: bold;
    }
.pagination a:hover,.pagination a:active
    {
      text-decoration: none;
      color: #1666b8;
			font-weight: bold;
    }

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

.nsa{
  float: right; width: 90px;padding-right: 30px; padding-top: 5px;
}
.financement
{
  float: left; width: 665px;
}

.viaxel
{
  float: right; width: 168px;padding-left: 70px; padding-top: 5px;
}

.garanties
{
  float: left; width: 655px;
}




/* =================| vehicules details|===================== */
.no-prix
{
  height: 168px;
	float: left;
}

#recherche-bar
{
  width: 285px;
  float: left;
  height: 22px;
padding-left: 15px;
}


.recherche
{
	background:url(../../images/charte/recherche.jpg) no-repeat top left;
	width: 82px;
	height: 21px;
  float: left;
  border:none;
}


.recherche-over
{
	background: url(../../images/charte/recherche-over.jpg) no-repeat top left;
  float: left;
  width: 82px;
	height: 21px;
	cursor: pointer;
  border:none;
}
.invisible
{
  height: 20px;
	clear: both;
	width: 100%;
}

#details-image
{
  width: 250px;
  float: left;
}

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

#thumbs
{
  width: 235px;
  float: left;
	padding: 5px 0px 5px 17px;
}

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

#middle
{
  width: 440px;
	float: left;
}

#middle p
{
  padding: 0 0 0px 15px; width:420px; text-align: center;
}

#middle a:link, #middle a:visited{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
    color: #b3ceff;
		font-weight: bold;
  }
#middle a:hover, #middle a:active{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
    color: #ffffff;
		font-weight: bold;
  }

#retour
{
  padding: 20px 0 0 42px;
	float: left;
}


.precentage-outter
{
   width: 218px;
	 height: 260px;
	 float: right;
}

.precentage1
{
  width: 168px;
	height: 195px;
	background: url(../../images/charte/procentage1.gif) no-repeat top left;
	float: right;
	padding: 31px 33px 4px 17px;
}


.precentage1-non
{
  width: 168px;
	height: 195px;
	background: url(../../images/charte/procentage1-non.gif) no-repeat top left;
	float: right;
	padding: 51px 33px 4px 17px;
}

.link1 a:link,.link1 a:visited{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
    color: #b3ceff;
		font-weight: bold;
  }
.link1 a:hover, .link1 a:active{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
    color: #ffffff;
		font-weight: bold;
  }

/* ===| V. FOOTER BOXES |=====================================================*/

#plan{
    float: left;
    width: 116px;
    height: 75px;
    padding:0px 30px 0px 0px;
}

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

#info p
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #a0a0a0;
	line-height: 20px;
}


#info a:link, #info a:visited{
	font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
	font-weight: bold;
	text-decoration: none;
  color: #b3ceff;

  }
#info a:hover, #info a:active{
	font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
	font-weight: bold;
	text-decoration: none;
  color: #a0a0a0;
  }

#info .address
{
  width: 151px;float: left;
}

#info .tel
{
  width: 192px;float: left;
}

#info .mail
{
  width: 223px;float: left;
	padding-top: 11px;
}

#info .mail-text
{
  width: 150px; float: left;
}


#footer.outter	{ margin: 0 auto; padding: 0px; background: url(images/bg-footer.jpg) no-repeat top left;}
#bottom
{
  height: 75px;
}


.digitalage
{
    float: left;
    width:212px;
    padding: 0px 0px 6px 30px;
}

#menu2
{
    float: right;
    width:717px;
    padding: 0px 0px 3px 0px;
    text-align: right;
}
.copyright
{
    float: right;
     width:717px;
    padding: 0px 30px 0px 0px;
}

/* ===| 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;}