body {
font : normal 11px verdana,arial,sans-serif;
color : #000;
background: #fff url(../images/fond.jpg) left top repeat-x;
text-align: center;
margin: 0;
padding: 0;
}

#conteneur {
position: relative;
text-align: left;
width: 1225px;
margin: 0 auto; 
}

#header {
position: relative;
background: url(../images/bg-haut.jpg) left top no-repeat;
width: 1225px;
height:153px;
}

#logo {
position:absolute;
left:120px;
top:15px;
}

#lienshaut {
position:absolute;
left:1000px;
top:5px;
color:#878787;
}

/* #lienshaut a {
color:#878787;
text-decoration:none;
} */


#lienshaut a {
color:#878787;
text-decoration:none;
}

#centre {
clear:both;
padding:0 0 20px 0;
background: url(../images/bg-centre.jpg) left top no-repeat;
min-height:400px;
height:auto !important;
height:400px;
width:985px;
overflow:hidden;
margin:0 auto;
text-align:center;
}


* html #centre {
height: 900px;
}


#accPromotions {
background: url(../images/bg-encart-promotions.jpg) left top no-repeat;
width:970px;
height:364px;
text-align:left;
padding:0 0 0 26px;
}

#accPromotions .titre {
height:30px;
padding:19px 0 0 10px;
}

#accPromotions .promotions {
padding:5px 0 0 2px;
position: relative;
}
#accPromotions .promotions #banners{
position: relative;
z-index: 2;
}
.promotions #banner2{ position: absolute; top: -65px; right: 0px; z-index: 3; }

#accGauche {
float:left;
width:284px;
text-align:left;
margin:10px 0 0 0;
}

#accGauche #vehdirection {
background: url(../images/bg-vehicule-direction.jpg) left top no-repeat;
width:259px;
height:295px;
padding:0 0 0 14px;
}

#accGauche #vehdirection .titre {
height:32px;
padding:17px 0 0 10px;
}

#accGauche #vehdirection .anim {
padding:0 0 0 5px;
}

/*
#accGauche #vehdirection .img {
text-align:center;
}

#accGauche #vehdirection .desc {
text-align:center;
line-height:14px;
padding:3px 0 0 0;
color:#585959;
}

#accGauche #vehdirection .prix {
text-align:center;
line-height:14px;
padding:15px 0 0 0;
color:#11566b;
font-size:14px;
}
*/

#accGauche #vehdirection .voirtous {
text-align:right;
padding:3px 7px 0 0;
}

#accGauche #vehdirection .voirtous a {
color:#fff;
font-size:10px;
font-weight:bold;
}

#accGauche #newsletter, #ficheGauche #newsletter {
background: url(../images/bg-encart-newsletter.jpg) left top no-repeat;
width:262px;
height:170px;
margin:10px 0 0 0;
padding:0 0 0 14px;
}

#accGauche #newsletter .titre, #ficheGauche #newsletter .titre {
height:32px;
padding:9px 0 0 11px;
}

#accGauche #newsletter .texte, #ficheGauche #newsletter .texte {
line-height:14px;
padding:5px 0 0 15px;
color:#585959;
}

#accDroite {
float:left;
width:701px;
text-align:left;
margin:10px 0 0 0;
}

#accDroite #occasion {
position:relative;
background: url(../images/bg-encart-occasion.jpg) left top no-repeat;
width:683px;
height:295px;
padding:0 0 0 8px;
}

#accDroite #occasion .titre {
height:32px;
padding:17px 0 0 6px;
}

#accDroite #occasion .vitrine {
padding:25px 0 0 5px;
text-align:left;
width:470px;
height:199px;
}

#accDroite #occasion ul#slides1 {
list-style-type: none;
margin:0;
padding:0;
}

#accDroite #occasion .vitrine .vignoffre {
float:left;
cursor:pointer;
background: url(../images/bg-vignette-occasion.jpg) left top no-repeat;
width:152px;
height:181px;
padding:0; 
margin:0;
text-align:center;
font-size:10px;
line-height:11px;
}

#accDroite #occasion .vitrine .vignoffre .photo {
padding:11px 0 0 0;
}

#accDroite #occasion .vitrine .vignoffre .modele {
padding:2px 4px 0 4px;
height:50px;
line-height:11px;
}

#accDroite #occasion .vitrine .vignoffre .prix {
text-align:right;
font-size:10px;
color:#fff;
padding:0 10px 0 0;
}

#accDroite #occasion .voirtous {
clear:both;
text-align:right;
padding:0 11px 0 0;
}

#accDroite #occasion .voirtous a {
color:#11566b;
font-size:10px;
font-weight:bold;
}

#accDroite #occasion #recherche {
position:absolute;
top:15px;
left:480px;
font-size:11px;
color:#fff;
width:200px;
margin:0;
padding:0;
text-align:center;
}

#accDroite #occasion #recherche #nbreponses {
position:absolute;
top:230px;
left:23px;
color:#35a0d1;
}

#accDroite #vehiculesneufs {
float:left;
background: url(../images/bg-encart-vehicules-neufs.jpg) left top no-repeat;
width:335px;
height:171px;
padding:0 0 0 15px;
margin:10px 0 0 0;
}

#accDroite #vehiculesneufs .titre {
height:20px;
padding:10px 0 0 0;
}

#accDroite #vehiculesneufs .marques {
height:112px;
padding:3px 0 0 10px;
}

#accDroite #vehiculesneufs .voirtous {
text-align:right;
padding:2px 20px 0 0;
}

#accDroite #vehiculesneufs .voirtous a {
color:#fff;
font-size:10px;
font-weight:bold;
}

#accDroite #services {
float:left;
background: url(../images/bg-encart-services.jpg) left top no-repeat;
width:337px;
height:171px;
padding:0 0 0 14px;
margin:10px 0 0 0;
}

#accDroite #services .item {
margin:0 0 4px 5px;
background: url(../images/puce-services.gif) left top no-repeat;
padding:0 0 0 28px;
line-height:17px;
color:#3c3c3c;
}

#accDroite #services .voirtous {
text-align:right;
padding: 0 30px 0 0;

}

#accDroite #services .voirtous a {
color:#fff;
font-size:10px;
font-weight:bold;
}

#accDroite #services .titre {
height:32px;
padding:10px 0 0 0;
}


table#tabactus {
	width: 630px; 
	margin:5px 0 0 0;
}

table#tabactus tr.none {
	background: none;
}

table#tabactus tr.ligne {
	background: url(../images/bg-liste-actu.jpg) left top no-repeat;
}

table#tabactus td {

}

table#tabactus td.vign {
	/*height:62px;*/
	width:67px;
	padding:10px 0 10px 26px;
}

table#tabactus td.desc {
	padding:10px 0 10px 20px;
	
}

table#tabactus td.desc .resume {
	color:#666666;
	font-size:10px;
	line-height:12px;
}

table#tabactus td.desc .titre {
	font-weight:bold;
}

table#tabactus td.desc a {
	color:#000;
	text-decoration:none;
	font-weight:lighter;
	font-size:10px;
}

table#tabactus td.desc a:hover {
	text-decoration:underline;
}

#actuDetail {
    float:left;
	width:490px;
	padding:0 40px 0 50px;
	line-height:15px;
	text-align:left;
}

#actuDetail .date {
	font-weight:bold;
}

#actuDetail .titre {
	font-weight:bold;
}

#listeactusDetail {
	float:left;
	width: 370px; 
	text-align:left;
}
#listeactusDetail #pages{ text-align: center; color: #000; }
#listeactusDetail #pages a{ color: #000; text-decoration: none; font-weight: bold; padding: 3px; }
#listeactusDetail #pages a:hover{ color: #fff; background: #444; }

#mentions {
padding:20px 0 0 60px;
line-height:15px;
text-align:left;
}

#popConfirm {
display:none;
background-color:#fff;
width:340px;
height:240px;
border:solid 1px #CCCCCC;
padding:10px 10px;
}

#contenusref {
text-align:justify;
padding:30px 60px 0 60px;
line-height:15px;
}

/*******************************/
/*********DESTOCKAGE************/
#destockage{
	width: 950px;
	height: 745px;
	background: url('../destockage/images/encadre.jpg') no-repeat left top;
	margin: 0 0 0 8px;
	padding: 10px;
	text-align: left;
	position: relative;
}

#destockage .titre {
height:30px;
padding:9px 0 0 10px;
}
#listing{ width: 876px; height: 314px; background: url('../destockage/images/fd_listing.png') no-repeat left top; margin: 0 auto; padding: 10px 11px; clear: both; }

#listing .tabEntete{ width: 845px; }
#listing .tabEntete tr.entete td{ color: #333; font-weight: bold; text-align: center; }
#listing #tabListing { border-collapse: collapse; width: 863px; height: 285px; overflow: auto; margin: 8px 0 0 0; }
#listing #tabListing table{ border-collapse: collapse; width: 845px; }
#listing #tabListing td{ padding: 3px; border-right: 1px solid #CFD4D8; }
#listing #tabListing tr.corps td{ color: #333; /* background: #eee; */ }
#listing #tabListing tr.corps:hover td{ color: #eee; background: #666; cursor: default; }
#listing #tabListing tr.reservation:hover td{ color: #DB5B6B; cursor: pointer; }
#listing #tabListing tr.underline td{ text-decoration: underline; }

#imgDroite{ float: right; width: 462px; height: 260px; background: url('../destockage/images/fd_form.png') no-repeat left top; margin: 13px 35px 10px 0; position: relative; padding: 5px; }
#formulaire_dest{ clear: left; text-align: left; position: absolute; top: 5px; left: 5px; width: 462px; height: 260px; background: #dedede; }
#formDest .vehicule{ font-size: 11px; padding: 3px 0 0 0; }


/*******************************/
/*********LOCATION************/
#location{ width: 962px; height: auto; margin: 0 auto; }
#location .input-error{ border: 1px solid #f00 !important; }
.reponse{ color: #fff; background: #11566b; font-weight: bold; padding: 10px; text-align: center; font-size: 14px; margin: 0; }
#location .bloc{ position: relative; float: left; }
#location h2{ width: 144px; height: 14px; position: absolute; margin: 0; padding: 0; background: url('../images/location/loca_tit_offre.png') no-repeat left top; text-indent: -5000px; top: 18px; left: 15px; }
#location .offre{ width: 614px; height: 266px; background: url('../images/location/loca_offre.png') no-repeat left top; }
#location .offre div{ height: 195px; position: relative; top: 45px; text-align: center; }

#location .devis{ width: 325px; height: 405px; float: right; background: url('../images/location/loca_devis.png') no-repeat left top; }
#location .devis h2{ background: url('../images/location/loca_tit_devis.png') no-repeat left top; }
#location .devis div{ height: 195px; position: relative; top: 40px; text-align: center; padding: 0 10px; }
#location .devis div>p{ color: #fff; text-align: left; margin: 2px 0; padding: 5px 0 0 10px; }
#location .devis div table{ margin: 0; }
#location .devis div th{ width: 105px; text-align: left; vertical-align: middle; position: relative; }
#location .devis div td{ text-align: left; vertical-align: middle; }
#location .devis div .agence{ color: #fff; font-weight: bold; }
#location .devis div .agence img{ float: right; margin: 0 0px 5px 10px; }
#location .devis div input{ font-size: 11px; width: 170px; }
#location .devis div select{ font-size: 11px; width: 175px; float: left; }
#location .devis td.porte{ vertical-align: middle; }
#location .devis td.porte select{ font-size: 11px; width: 90px; float: left; }
#location .devis div td.porte label{ width: 50px; font-size: 11px; display: block; float: left; font-weight: bold; margin: 3px 0 0 0; }
#location .devis div td.porte label+select+label{ margin: 3px 0 0 5px; }
#location .devis div .input-date, #location .devis div .input-hr{ width: 70px; }
#location .devis div .input-date+img{ vertical-align: -3px; margin: 0 10px 0 5px; }
#location .devis div .input-hr{ width: 60px; }
#location .devis div .submit{ width: 83px; height: 23px; background: url('../images/location/bt-envoi.gif') no-repeat left top; border: none; cursor: pointer; margin: 0 0 0 15px; vertical-align: 2px; }

#location .liste{ width: 614px; height: 298px; margin: 15px 0 0 0; background: url('../images/location/loca_vehicules.png') no-repeat left top; }
#location .liste h2{ width: 149px; background: url('../images/location/loca_tit_part.png') no-repeat left top; cursor: pointer; }
#location .liste h2+h2{ left: 200px; background: url('../images/location/loca_tit_util.png') no-repeat left top; }
#location .liste .pages{ width: 587px; padding: 50px 0 0 0; font-size: 12px; text-align: center; font-weight: bold; }
#location .liste .pages a{ color: #000; text-decoration: underline; }
#location .liste .pages a.actif{ color: #000; text-decoration: none; }
#location .liste .vehicules{ width: 583px; height: 200px; margin: 10px auto 0 auto; overflow: hidden; }
#location .liste .vignette{ width: 184px; height: 200px; float: left; margin: 0 5px; background: url('../images/location/loca_vignette.png') no-repeat left top; text-align: center; }
#location .liste .vignette p{ font-weight: bold; height: 117px; margin: 10px 0 0 0; }
#location .liste #type{ position: absolute; margin: 0; right: 25px; top: 30px; text-align: right; font-weight: bold; }
#location .liste .vignette p+p{ height: 37px; margin: 8px 0 6px 0; color: #000; }
#location .liste .vignette p span{ color: #11566b; }
#location .liste .vignette p+p+p{ margin: 1px 0 0 0; color: #fff; }
#location .liste .vignette p+p+p span{ font-size: 8px; vertical-align: top; color: #fff; }

#location .contact{ width: 325px; height: 161px; margin: 14px 0 0 0; float: right; background: url('../images/location/loca_rent.png') no-repeat left top; font-weight: bold; }
#location .contact h2{ top: 10px; background: url('../images/location/loca_tit_contact.png') no-repeat left top; }
#location .contact img{ float: right; margin: 35px 10px 0 0; }
#location .contact p{ position: relative; top: 30px; margin: 10px 0; padding: 0 0 0 10px; text-align: left; font-size: 16px; }
#location .contact p span{ font-size: 12px; }
#location .contact p+a{ display: block; position: relative; top: 35px; left: -13px; color: #11566b; text-decoration: underline; }


/******************************/
/*Questionnaire Service*/
#questionnaire{ width: 884px; padding: 10px; margin: 0 auto; text-align: left; }
#questionnaire hr{ margin: 10px 0; border: 2px solid #18445A; }
#questionnaire h3{ margin: 0 0 5px 0; font-size: 13px; color: #18445A; }
#f_questionnaire label{ width: 510px; display: inline; float: left; margin: 5px 0 0 0; font-size: 11px; }
#f_questionnaire select{ font-size: 11px; }

/******************************/

.clear {
 clear:both;
}

.separation {
 clear:both;
 visibility:hidden;
}

#pied {
position:absolute;
left:0;
background: url(../images/bg-pied.jpg) left top repeat-x;
width:100%;
height:41px;
z-index: 2;
}

/* #pied #liens {
padding:15px 0px 0 0;
color:#818080;
width:1095px;
text-align:right;
margin:0 auto;
} */

#pied #liens a{ color: #878787; }
#pied #liens {
padding:15px 0px 0 0;
color:#878787;
width:1095px;
text-align:right;
margin:0 auto;
}

#pied #liensref {
padding:20px 0 0 100px;
text-align:center;
color:#818080;
margin:0 auto;
width:955px;
}

#pied #liensref .col {
float:left;
text-align:left;
width:150px;
margin:0 30px 0 0;
}

#pied a {
color:#818080;
text-decoration:none;
font-size:9px;
}

#formVN {margin:0 0 0 6px;}
#formVN .input { font : normal 11px verdana,arial,sans-serif;margin:5px 0 0 0;width:150px;}
#formVN label { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; WIDTH:70px ; text-align:left; margin:6px 5px 0 0;  }
#formVN .textarea {  font : normal 11px verdana,arial,sans-serif; margin-top:5px;width:290px;height:80px; }
#formVN .select { font : normal 11px verdana,arial,sans-serif;margin:6px 0 0 0;width:180px;}
#formVN .checkbox { font : normal 11px verdana,arial,sans-serif;margin:4px 0 0 0;}

#formDevis {margin:0 0 0 6px;  }
#formDevis .input { font : normal 11px verdana,arial,sans-serif;margin:5px 0 0 0;width:170px;}
#formDevis label { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; WIDTH:70px ; text-align:left; margin:6px 5px 0 0;  }
#formDevis .textarea {  font : normal 11px verdana,arial,sans-serif; margin-top:5px;width:290px;height:80px; }
#formDevis .select { font : normal 11px verdana,arial,sans-serif;margin:6px 0 0 0;width:135px;}

#formPtVente {margin:10px 0 0 5px;}
#formPtVente .input { font : normal 11px verdana,arial,sans-serif;margin:5px 0 0 0;width:165px;}
#formPtVente label { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; WIDTH:110px ; color:#000;text-align:left; margin:6px 5px 0 0;  }
#formPtVente .textarea {  font : normal 11px verdana,arial,sans-serif; margin-top:5px;width:165px;height:175px; }
#formPtVente .select { font : normal 11px verdana,arial,sans-serif;margin-top:5px;width:168px;}
#formPtVente .oblig { position:absolute;color:#333333;padding:10px 0 0 0;font-size:10px; }

#formTem {margin:10px 0 0 30px;}
#formTem .input { font : normal 11px verdana,arial,sans-serif;margin:3px 0 0 0;width:165px;}
#formTem label { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; WIDTH:90px ; color:#000;text-align:left; margin:3px 5px 0 0;  }
#formTem .textarea {  font : normal 11px verdana,arial,sans-serif; margin-top:3px;width:165px;height:160px; }
#formTem .select { font : normal 11px verdana,arial,sans-serif;margin-top:3px;width:168px;}
#formTem .radio { font : normal 11px verdana,arial,sans-serif;margin:3px 0 0 0;}
#formTem .oblig { position:absolute;color:#333333;padding:20px 0 0 0;font-size:10px; }

#formDest {margin:10px 0 0 10px;}
#formDest .input { font : normal 11px verdana,arial,sans-serif;margin:3px 0 0 0;width:165px;}
#formDest label { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; WIDTH:120px ; color:#000;text-align:left; margin:3px 5px 0 0;  }
#formDest .textarea {  font : normal 11px verdana,arial,sans-serif; margin-top:3px;width:165px;height:160px; }
#formDest .select { font : normal 11px verdana,arial,sans-serif;margin-top:3px;width:168px;}
#formDest .radio { font : normal 11px verdana,arial,sans-serif;margin:3px 0 0 0;}
#formDest .oblig { color:#aa0000; padding:0 0 0 0;font-size:10px; }

#formSearchVO {margin:0;}
#formSearchVO label { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; WIDTH: 80px ; color: #000; text-align:right; margin:5px 10px 0 0;  }
#formSearchVO .select  { font : normal 11px verdana,arial,sans-serif; color: #000;margin:0 0 0 3px; width:120px;  }

#formSearchVOa {margin:25px 0 0 20px;text-align:left;}
#formSearchVOa label { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; WIDTH: 80px ; color: #000; text-align:right; margin:5px 10px 0 0;  }
#formSearchVOa .select  { font : normal 11px verdana,arial,sans-serif; color: #000;margin:6px 0 0 3px; width:155px;  }

#formSav {margin : 0 0 0 5px; }
#formSav .input { font : normal 10px verdana,arial,sans-serif;margin-top:3px;width:150px;}
#formSav label { DISPLAY: inline ; FLOAT: left ; font : normal 10px verdana,arial,sans-serif; WIDTH: 150px ; text-align:left; margin:3px 0 0 0;  }
#formSav .textarea { font : normal 10px verdana,arial,sans-serif; width:320px; height:148px; }
#formSav .daterv { FLOAT: left ; font : normal 10px verdana,arial,sans-serif; WIDTH: 140px ; text-align:left; margin:1px 0 0 0;}
#formSav .select { font : normal 10px verdana,arial,sans-serif;margin-top:3px;width:150px;}
#formSav .oblig { position:absolute;top:570px;left:35px;color:#3d3d3d;padding:10px 0 0 0;font-size:10px; }

#formRecrut {margin : 0; }
#formRecrut .select { FLOAT: left ; font : normal 11px verdana,arial,sans-serif;margin-top:4px;width:130px;}
#formRecrut label { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; WIDTH: 80px ; text-align:right; margin:5px 10px 0 0;  }
#formRecrut .input { font : normal 11px verdana,arial,sans-serif;margin-top:4px;width:130px;}
#formRecrut .parcourir { font : normal 11px verdana,arial,sans-serif;margin-top:4px;}
#formRecrut .oblig { position:absolute;top:150px;left:560px;color:#3d3d3d;padding:10px 0 0 0;font-size:10px; }

#formRecrutG {margin : 0; color:#fff; text-align:left;}
#formRecrutG .select { FLOAT: left ; font : normal 11px verdana,arial,sans-serif;margin-top:4px;width:130px;}
#formRecrutG label { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; WIDTH: 100px ; text-align:right; margin:5px 10px 0 0;  }

#formContact {margin:15px 0 0 0; }
#formContact .input { font : normal 11px verdana,arial,sans-serif;margin-top:8px;width:560px;}
#formContact label { DISPLAY: inline ; FLOAT: left ; font : normal 12px verdana,arial,sans-serif; WIDTH: 180px ; color:#3366cc; text-align:right; margin:6px 10px 0 0;  }
#formContact .textarea { font : normal 11px verdana,arial,sans-serif; width:560px; height:50px;margin-top:8px; }

#formNews {margin:25px 0 0 15px; }
#formNews .input { float:left; font : normal 11px verdana,arial,sans-serif;margin:5px 15px 0 0;width:170px;background-color:#236b82;color:#fff;}

#formNewsG {margin:49px 0 0 3px; }
#formNewsG .input { float:left; font : normal 11px verdana,arial,sans-serif;margin:5px 15px 0 0;width:220px;background-color:#236b82;color:#fff;}

a.serv:link, a.serv:visited {
	color: #000000;
	text-decoration:none;
}
a.serv:hover, a.serv:active {
	color:#254866;
}