/*===| 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: 4px; border: solid 1px #858585;}
#push, .clr	{clear: both;}

body{ background: #000000;}
#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;}
#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/bg0.gif") 50% 50% repeat-y; margin:0 auto;	text-align: left;background: #000000;}
#content{ }

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{background: url(images/bg-header.jpg) 50% 0 no-repeat;}
#site-header .inner{}
#top{
  float: left;
  width: 996px;
	height: 243px;
}
#diapo
{
  float: left;
  width: 681px;
  height: 243px;
	background: url(images/bg-diapo.jpg);
}

#content-middle
{
   width: 996px;
	 height: 100%;
	 float: left;
	 background: url(images/bg-content-middle.jpg) no-repeat top left;
	 margin: 0 !important;
	 padding: 0 0 14px 0;
}





/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
/*#left-outter{float:left; margin: 0; overflow: hidden;}
#left-outter div.outter{background: url(images/box1.gif) 50% 0% no-repeat;padding: 0 0 10px;	min-height: 159px; height: auto!important;height: 159px; }
#left-outter div.inner{padding: 0px 5px 0px;}

#left-outter div.box1{padding:0 5px 10px;}
#left-outter .box1 .inner{padding:0}

#left-outter div.box2{}
#left-outter div.box3{}
#left-outter .box4{}*/

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0 !important; overflow: hidden;}
#right-inner{padding:0px !important; margin:0px !important; width: 996px;}

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

#footer.outter	{background: url(images/bg-footer.jpg) 50% 0% no-repeat; margin: 0 auto; padding: 0px;}
#footer .inner	{}
#footer .box1	{height: 87px; width: 452px; float:left; padding: 12px 0 0 20px;}
#footer .box1 a:link, #footer .box1 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; text-decoration: underline; color:#71cdde; padding: 0 0px 0 0; }
#footer .box1 a:hover, #footer .box1 a:active{color: #fff; text-decoration: none;}


.copyright{height: 87px; width: 505px; padding: 12px 19px 0 0; float: left; color: #878787;}
.copyright p{  float: right;}
.copyright a:link, .copyright a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; text-decoration: underline; color:#71cdde; padding: 0 0px 0 0; }
.copyright a:hover, .copyright a:active{color: #fff; text-decoration: none;}

div.ref{padding: 0 0px 0; text-align: center; float:left; width: 996px; color: #7d9096;}

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

#menu2 ul li{display: inline;}
#menu2 ul{
 text-align: right;
  color: #fff;
}
#menu2 ul li a:link, #menu2 ul li a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; text-decoration:none; color:#ffffff; padding: 0 0px 0 0; }
#menu2 ul li a:hover, #menu2 ul li a:active{color: #71cdde; text-decoration: underline;}

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

/* ===| VII. CONTACT FORM |=====================================================*/
/*#frmContact{margin: 0; padding: 5px; width: 98%; background: #f3f3f3; border: 1px solid #dfdfdf; }
#frmContact label{display: block; padding: 4px 2px; border-bottom: 1px solid #ffffff; clear:both;}
#frmContact label span{display:block; width: 29%; float: left;}
#frmContact label input, #frmContact label textarea{width: 40%; vertical-align: top;}

div.submit-buttons{clear: both;	text-align: center; padding: 4px 2px;}
div.submit-buttons input{	border: 1px solid #fff; background: #ccc;}
div.submit-buttons a:hover input{ border: 1px solid #ccc; background: #fff;}*/


/* ====================== index ======================== */

    #acces
 {
  width: 78px;
	height: 50px;
	display: block;
	float: left;
	background-image: url(../../images/charte/access-privatif.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat; }
/*
  	#acces:hover {
    width: 78px;
  	height: 50px;
  	display: block;
  	float: left;
  	background-image: url(../../images/charte/access-privatif.jpg);
  	background-position: 0px -50px;
  	background-repeat: no-repeat;
		cursor: pointer; }*/

	.titre-page
	{
    float: left;
		padding: 0 589px 0 0;   /* padding: 0 510px 0 0; vehicules d'occasions details */
  }

      #acceder-compte
 {
  width: 195px;
	height: 27px;
	display: block;
	float: left;
	background-image: url(../../images/charte/acceder-compte.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat; }

  	#acceder-compte:hover {
    width: 195px;
  	height: 27px;
  	display: block;
  	float: left;
  	background-image: url(../../images/charte/acceder-compte.jpg);
  	background-position: 0px -27px;
  	background-repeat: no-repeat;
		cursor: pointer; }

  #creer-compte
 {
  width: 142px;
	height: 27px;
	display: block;
	float: left;
	background-image: url(../../images/charte/creer-compte.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat; }

  	#creer-compte:hover {
    width: 142px;
  	height: 27px;
  	display: block;
  	float: left;
  	background-image: url(../../images/charte/creer-compte.jpg);
  	background-position: 0px -27px;
  	background-repeat: no-repeat;
		cursor: pointer; }

    #oubli-passe
 {
  width: 167px;
	height: 27px;
	display: block;
	float: left;
	background-image: url(../../images/charte/oubli-passe.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat; }

  	#oubli-passe:hover {
    width: 167px;
  	height: 27px;
  	display: block;
  	float: left;
  	background-image: url(../../images/charte/oubli-passe.jpg);
  	background-position: 0px -27px;
  	background-repeat: no-repeat;
		cursor: pointer; }

  #deconnexion
 {
  width: 120px;
	height: 27px;
	display: block;
	float: left;
	background-image: url(../../images/charte/deconnexion.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat; }

  	#deconnexion:hover {
    width: 120px;
  	height: 27px;
   	display: block;
  	float: left;
  	background-image: url(../../images/charte/deconnexion.jpg);
  	background-position: 0px -27px;
  	background-repeat: no-repeat;
		cursor: pointer; }

  #connect
 {
  width: 302px;
	float: left;
 }

 .encart
 {
 	width: 292px;
	height: 133px;
	float: left;
	border: solid 1px #333333;
	padding: 54px 9px 0 9px;
 }

  .encart1
 {
 	width: 292px;
	height: 177px;
	float: left;
	border: solid 1px #333333;
	padding: 10px 9px 0 9px;
	background: url(../../images/charte/bg-encart4.jpg)  repeat-x top left;
 }

  .encart-holder
 {
 	width: 312px;
	float: left;
	padding: 37px 10px 0 10px;
 }
 .spacer{
 	clear: both;
  width: 100%;
	height: 13px;
	float: left;
	background: url(../../images/charte/spacer1.jpg) repeat-x 50% 50%;
 }


 .couleur
 {
   color: #fffefe;
	 font-weight: bold;
 }

 #box-img
 {
   float: left;
   width: 996px;
	 padding: 20px 0px 0px 0px;
 }

  #box-img img
	{
    padding: 0 8px 0 8px;
		float: left;
  }


#box-encart
 {
 	width: 310px;
	height: 187px;
	float: left;
	border: solid 1px #333333;
	padding: 0px;
	background: url(../../images/charte/box1.jpg) no-repeat 50% 50%;
 }

 #compte
 {
   width: 926px;
   height: 27px;
	 padding: 0 0 0 70px;
	 float: left;
 }

 .encart-middle
 {
 	width: 292px;
	float: left;
	padding: 5px 9px 0 9px;
 }

 .cache
 {
  padding: 70px 10px 0 10px;
 }

#actualite
{
  width: 252px;
	height: 198px;
	float: left;
  background: url(images/bg-mdm.jpg) no-repeat top left;
	padding: 45px 52px 0 11px;
}

#actualite p
{
color: #96f0f8;
font-size: 12px;
line-height: 15px;
}

 .couleur1
 {
   color: #fffefe;
 }

 .couleur2
 {
   color: #86e1f2;
 }

 /* ============= nos-vehicules-details=========== */

  .encart2
 {
 	width: 458px;
	height: 100%;
	float: left;
	border: solid 1px #333333;
	padding: 10px 9px 10px 9px;
	background: url(../../images/charte/bg-encart4.jpg)  repeat-x top left;
 }

  .encart-holder1
 {
 	width: 478px;
	float: left;
	padding: 37px 9px 0 9px;
 }

 .checkbox
 {
    height:10px;
    padding-right: 10px;
    width:40px;
		float: left;
}

.encart-holder a:link, .encart-holder  a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; text-decoration:none; color:#71cdde; padding: 0 0px 0 0; }
.encart-holder a:hover, .encart-holder a:active{color: #ffffff ; text-decoration: none;}

 #recherche-bar
 {
   height: 25px;
 }

  #recherche-bar p
	{
    text-align: justify;font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; color: #fffefe; padding: 3px 5px 0 0;
  }

    #recherche-bar select,option
	{
    font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; color: #878787;
  }

 .recherche{
	background: url(../../images/charte/recherche.jpg) no-repeat left top;
	cursor:pointer;
	border:none;
	height:18px;
	width:69px;
	margin: 0px;

}
.rechercheover{
	background: url(../../images/charte/recherche-over.jpg) no-repeat left top;
	cursor:pointer;
	border:none;
	height:18px;
	width:69px;
	margin: 0px;
}

object { outline:none; }
.centered
{
  height: 130px;
  text-align: center;
	padding-top: 70px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#pagination
{
  clear: both;
	color: #878787;
	text-align: center;
	font-size: 12px;
	padding-top: 10px;
	font-weight: bold;
}

#pagination a:link, #pagination a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 13px; text-decoration: none; color:#71cdde; padding: 0 0px 0 0; }
#pagination a:hover, #pagination a:active{color: #fff; text-decoration: none;}