body {
font : normal 11px verdana,arial,sans-serif;
color : #000000;
background-color:#fff;
text-align: center;
margin: 0;
padding: 0;
}

.clear {
clear:both;
}

#conteneur {
/*position: relative;*/
text-align: left;
width: 1000px;
margin: 0 auto; 
background-color:#fff;
}

#header {
height: 126px;
}

#logos {
height: 170px;
}

#bandeau {
width:1000px;
height:88px;
background: url(../images/bandeau.jpg) left top no-repeat;
}

#logo {
float:left;
width:250px;
height:78px;
margin:8px 0 0 5px;
}

#accroche {
float:left;
text-align:right;
padding:60px 0 0 0;
width:730px;
height:18px;
}

#centre {
min-height: 410px;
}

* html #centre {
height: 410px;
}

#gauche {
float:left;
width:265px;
padding:0 0 0 5px;
}

#droite {
float:left;
width:265px;
padding:0 0 0 5px;
}

#milieu {
float:left;
width:720px;
}

#equipe, #contact, #resultats, #societe, #agence {
float:left;
width:710px;
height:403px;
border: solid #f66706 2px;
}
#resultats{ height: auto; margin: 0 0 10px 0; }

#contentpage {
padding:10px;
width:690px;
height:350px;
overflow:auto;
}



.titreorange {
color:#FF6600;
font-weight:bold;
}


#equipe .photo {
text-align:center;
width:400px;
margin:5px auto 0 auto;
}

#equipe .photo a {
color:#FF6600;
}

#equipe .vign {
text-align:center;
width:100%;
margin-top:10px;
}

#equipe .vign #v1,#v2,#v3,#v4,#v5,#v6,#v7 {
border: solid #fff 1px;
cursor:pointer;
}

#contact .contactGauche {
float:left;
width:310px;
padding:0 0 0 20px;
}

#contact .contactDroite {
float:left;
width:340px;
padding:0 0 0 20px;
font-size:10px;
}

#map {
width:330px;
height:250px;
}

#newsletter {
padding:10px 0 0 0;
text-align:center;
}

#agence .agenceGauche {
float:left;
width:310px;
padding:10px 0 0 20px;
margin:0;
height:123px;
}

#agence .agenceNom {
padding-left:255px;
margin:3px 0 0 0;
}

#agence .agenceNom .nom {
	float:left;
	width:190px;
	height:24px;
	background: url(../images/logo-autoecd-ma.jpg) left top no-repeat;
	color:#fff;
	padding:58px 0 0 0;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}

#agence .agenceNom .adresse {
float:left;
width:250px;
text-align:center;
font-weight:bold;
padding:25px 0 0 0;
line-height:15px;
}

#agence .accueil {
clear:both;
width:100%;
text-align:center;
padding:10px 0;
font-weight:bold;
line-height:13px;
}

#agence .accueil2 {
clear:both;
width:100%;
text-align:justify;
padding:10px 0;

line-height:13px;
}

#agence .agenceDroite {
float:left;
width:340px;
padding:10px 0 0 20px;
margin:0;
font-size:10px;
height:123px;
}

#agence .agenceDroite a {
color:#000;
}

#agence .agenceGauche .img, #agence .agenceDroite .img {
float:left;
margin:0 10px 0 0;
}

#agence .titre {
color:#f14300;
font-weight:bold;
font-size:12px;
}

#agence .agenceAcces {
clear:both;
margin:0 0 0 20px;
width:660px;
height:117px;
background-color:#2b160a;
padding:10px 0 0 10px;
}

#agence .agenceAcces .acces {
float:left;
color:#fff;
line-height:13px;
width:430px;
}

#agence .agenceAcces .plan {
float:left;
width:215px;
height:110px;
}

.titrecadreG {
background: url(../images/bg-tit-cadre-g.jpg) left top no-repeat;
width:710px;
height:20px;
color:#fff;
text-align:center;
padding:4px 0 0 0;
margin:0 0 8px 0;
font-size:12px;
}

.titrecadre {
background: url(../images/bg-tit-cadre.jpg) left top no-repeat;
width:251px;
height:19px;
color:#fff;
text-align:center;
padding:3px 0 0 0;
margin:0 0 8px 0;
}



#moteurAcc {
width:251px;
height:132px;
border: solid #f66706 2px;
}

#temoignage {
width:251px;
height:400px;
border: solid #f66706 2px;
}

#temoignages {
float:left;
width:710px;
padding-bottom:10px;
margin-bottom:10px;
height:auto;
border: solid #f66706 2px;
}
#temoignages .pagin {
margin:0 auto;
clear:both;
height:20px;
padding:10px 0px 0px 10px;
text-align:center;
width:600px;
}
#temoignages .pagin a {
color:#000;
text-decoration:none;
}
#temoignages .temoignage {
clear:both;
position:relative;
background-color:#f4f6fa;
text-align:left;
margin:0px 0px 5px 5px;
padding:5px 0px 0px 0px;
width:700px;
}
#temoignages .temoignage .nom {
float:left;
width:310px;
height:15px;
color:#F04400;
font-weight:bold;
padding:5px 0px 0px 0px;
text-align:left;
/*border-bottom:1px solid #c7c8c9;*/
}
#temoignages .temoignage .vehicule {
float:right;
width:300px;
height:15px;
color:#F04400;
font-weight:bold;
padding:5px 10px 0px 0px;
text-align:right;
/*border-bottom:1px solid #c7c8c9;*/
font-weight:bold;
}
#temoignages .temoignage .line {
margin:0 auto;
width:695px;
border-bottom:1px solid #c7c8c9;
}
#temoignages .temoignage .ville {
float:left;
width:135px;
padding:5px 0 0 0;
line-height:14px;
}
#temoignages .temoignage .ville img {
margin:5px 0px 5px 0px;
}
#temoignages .temoignage .date {
color:#777777;
font-style:italic;
}
#temoignages .temoignage .desc {
float:right;
width:540px;
height:75px;
line-height:14px;
font-size:11px;
padding:5px 10px 10px 0;
text-align:justify;
}

#lmarques {
width:251px;
height:132px;
border: solid #f66706 2px;
margin:9px 0 0 0;
background-color:#f4530c;
color:#fff;
}

#lmarques a {
color:#fff;
text-decoration:none;
}

#lmarques a:hover {
color:#fff;
text-decoration:underline;
}

#lmarques .colmar {
float:left;
width:75px;
margin:5px 0 15px 7px;
font-size:10px;
line-height:13px;
}

#packService {
clear:both;
width:241px;
height:103px;
border: solid #f66706 2px;
margin:9px 0 0 0;
padding:5px;
font-size:10px;
line-height:13px;
background: url(../images/bg-pack-service.jpg) left top no-repeat;
}
#packT {
clear:both;
width:241px;
height:215px;
border: solid #f66706 2px;
margin:9px 0 0 0;
padding:5px;
text-align:justify;
font-size:10px;
line-height:13px;
}

#packcontact {
clear:both;
width:241px;
height:103px;
border: solid #f66706 2px;
margin:9px 0 0 0;
padding:5px;
font-size:10px;
line-height:13px;
}

#milieuAcc {
float:left;
width:450px;
}

#milieuAcc .vitrine {
}

#milieuAcc .pub {
float:left;
width:430px;
text-align:justify;
padding:5px 5px 5px 5px;
/*line-height:14px;*/
height:223px;
border: solid #f66706 2px;
}
#milieuAcc #flashcontentpub {
	display:none;
}


#milieuAcc .carte {
float:left;
width:195px;
height:110px;
border: solid #f66706 2px;
padding:3px 0 0 0;
text-align:center;
}

#milieuAcc .carte .txt {
float:left;
width:102px;
padding:40px 0 0 3px;
text-align:left;
font-size:10px;
line-height:13px;
font-weight:bold;
}

#milieuAcc .carte .pic {
float:left;
padding:5px 0 0 0;
}

.vignoffre {
float:left;
width:150px;
height:140px;
background : url(../images/bg-vignette.jpg) left top no-repeat;
text-align:center;
margin:0 0 5px 0;
cursor:pointer;
}

.vignoffre .nomV {
float:left;
width:85px;
height:35px;
margin:0;
padding:2px 0 0 5px;
font-weight:bold;
font-size:10px;
text-align:left;
}

.vignoffre .remiseV {
float:left;
width:52px;
height:23px;
background-color:#f14300;
margin:1px 0 0 0;
}

.vignoffre .remiseV div {
color:#fff;
font-size:11px;
font-weight:bold;
padding:3px 0 0 2px;
}

.vignoffre .photoV {
clear:both;
margin:0;
}

.vignoffre .titreV {
margin:3px 0 0 0;
font-size:8px;
}

#promotions {
padding:0 0 0 7px;
text-align:left;
}

.vignpromo {
float:left;
width:234px;
height:166px;
background : url(../images/bg-promo.jpg) left top no-repeat;
margin:4px 0 0 0;
padding:0;
cursor:pointer;
}

.vignpromo .nomV {
width:225px;
height:34px;
margin:0;
padding:8px 0 0 0;
font-weight:bold;
font-size:10px;
text-align:center;
}

.vignpromo .photoV {
float:left;
margin:0 0 0 12px;
width:134px;
}

.vignpromo .bgprixV {
float:left;
width:75px;
}

.vignpromo .prixV {
width:67px;
height:42px;
background : url(../images/bg-prix-promo.jpg) left top no-repeat;
color:#f4530c;
font-size:15px;
font-weight:bold;
padding:3px 0 0 2px;
}

.vignpromo .remiseV {
color:#fff;
font-size:15px;
font-weight:bold;
padding:45px 2px 0 0;
text-align:right;
}

.pagin {
clear:both;
width:660px;
text-align:center;
padding:5px 0 0 0;
}

.contentpagin {
margin:0 auto;
/*background-color:#99CC00;*/
}

.nopage  {
float:left;
text-align:center;
margin:0 1px 0 1px;
}

.nopage a {
display:block;
color:#f14300;
font-size:9px;
text-decoration:none;
background: url(../images/nopage-off.gif) left top no-repeat;
width:18px;
height:15px;
padding:3px 0 0 0;
}

.nopage a:hover {
color:#fff;
text-decoration:none;
font-size:9px;
background: url(../images/nopage-on.gif) left top no-repeat;
width:18px;
height:15px;
padding:3px 0 0 0; 
}

.nopageC  {
float:left;
background: url(../images/nopage-cour.gif) left top no-repeat;
width:18px;
height:15px;
font-size:9px;
color:#fff;
text-align:center;
padding:3px 0 0 0;
margin:0 1px 0 1px;
}

#avantages {
width:251px;
border: solid #f66706 2px;
padding:0;
}

#avantages .item {
margin:0 0 5px 5px;
font-size:10px;
background: url(../images/fleche.jpg) left top no-repeat;
padding:0 0 0 22px;
line-height:13px;
}

#conseil {
width:251px;
height:160px;
border: solid #f66706 2px;
padding:0;
margin:8px 0 0 0;
text-align:center;
}

#pied {
clear:both;
height:20px;
width:1000px;
background: url(../images/bg-pied.jpg) left top no-repeat;
color:#fff;
font-size:12px;
padding:7px 0 0 0;
margin:15px 0 0 0;
text-align:center;
}

#catalogue {
width:710px;
height:auto;
min-height:306px;
/* overflow:auto; */
}

table#tab1 {
   width: 710px; 
   margin:0;
}


table#tab1 td {
    padding: 1px;
    /*border-right: solid #a6a6a6 1px;*/
}


table#tab1 td a {
    color:#000;
    text-decoration:none;
}

table#tab1 td.data {
	font-size:11px;
	border-bottom: solid #f14300 1px;
}

table#tab1 td.none {
    padding: 1px;
    border:none;
	font-size:11px;
}


table#tab1 td.datact {
    text-align:center;
	font-size:11px;
	border-bottom: solid #f14300 1px;
}
  
table#tab1 .fdCelResult1 {
	background-color: #e9e9e9;
	text-align: left;
	cursor:pointer;

}
table#tab1 .fdCelResult2 {
	background-color: #fbf7f7;
	text-align: left;
	cursor:pointer;
		
}

table#tab1 tr:hover .data, table#tab1 tr:hover .datact, table#tab1 tr:hover .none {
    background-color:#ffc2ab;
}

table#tab1 .entete {
	font-weight: bold;
	height:20px;
	text-align:center;
    font-size:11px;
	border-bottom: solid #060403 1px;
}

/* fiche detail  ------- */
#ficheGauche {
float:left;
width:460px;

}

#ficheDesc {
clear:both;
padding:10px 0 0 10px;
}

#ficheDesc .titModele {
font-size:12px;
font-weight:bold;
}

#ficheDroite {
float:left;
width:215px;
padding:0 0 0 10px;
}

#ficheDroite .nostock {
padding:5px 0 0 0;
height:15px;
}

#ficheDroite .photo {
padding:0;
height:170px;
}

#ficheDroite .tarifs {
background: url(../images/bg-prix-d.jpg) left top no-repeat;
width:224px;
height:163px;
color:#fff;
margin:33px 0 0 0;
line-height:14px;
}

#ficheDroite .tarifs .prixnet {
font-size:17px;
font-weight:bold;
text-align:center;
padding:10px 0 0 0;
}

#ficheDroite .tarifs .prixrem {
padding:15px 0 10px 10px;
}

#ficheDroite .tarifs .prixrem .plus {
font-size:13px;
font-weight:bold;
text-decoration:underline;
}

/*#zoneOptions {
  clear:both;
  margin:10px 0 0 20px;
  background: url(../images/bg-detail.jpg) left 47px no-repeat;
  width:583px;
  height:580px;
 }
 */ 

#optContent {
  clear:both;
  width:445px;
  margin:10px 0 5px 0;
}

#ongletsEF {
 display:none;
}

#optChoix2 {
 display:none;
 height:320px;
 padding:5px 0 5px 0;
 overflow:auto;
 /*background-color:#e9e9e9;*/
}

#optChoix {
display:block;
height:200px;
padding:5px 0 5px 5px;
overflow:auto;
background-color:#e9e9e9;
}

#optChoix3 {
display:none;
height: 320px;
padding:5px 0 5px 5px;
overflow: auto;
}

#optChoix4 {
display:none;
height: 320px;
padding:5px 0 5px 5px;
overflow: auto;
}

ul#options {
   list-style-type: none;
   margin: -2px 0 0 0;
   padding:0;
   background: url(../images/bg-onglet1-detail-on.jpg) left top no-repeat;
   width:450px;
   height:25px;
}

#options a
{
   float: left;
   display: block;
   /*width:150px;*/
   text-decoration:none;
   font-size:12px;
   font-weight:normal;
   padding: 0px;
   margin:5px 0 0 0;
   text-align:center;
}

#options a:hover
{
   
}

ul#options li {
   float: left;
   height: 25px;
   margin:0 1px 0 0;
   
}

ul#options li#itemfiche a {
    width: 110px;
	color:#fff;
}

ul#options li#itemequip a {
    width: 121px;
	color:#000;
}
ul#options li#itemopt a {
    width: 112px;
	color:#000;
}
ul#options li#itemcoul a {
    width: 103px;
	color:#000;
}


#tabFiche {
width : 420px;
margin:0 0 0 3px;
}

#tabFiche td {
}

#tabFiche td.colTG {
width:220px;
font-weight:bold;
padding:1px 0 0 0;
font-size:11px;
}

#tabFiche td.colTD {
padding:1px 0 0 10px;
width:210px;
}

#tabFiche td.colTGo {
width:400px;
padding:1px 0 0 0;
font-size:10px;
}

#tabFiche td.colTGo1 {
width:400px;
padding:3px 0 3px 5px;
font-size:10px;
background-color:#f7f7f7;
}

#tabFiche td.colTGo2 {
width:400px;
padding:3px 0 3px 5px;
font-size:10px;
background-color:#e9e9e9;
}

#tabFiche td.colTDo {
padding:1px 0 0 10px;
width:50px;
font-size:10px;
}

.boutons {
clear:both;
margin:9px 0 0 0;
}

.boutons .im {
margin:6px 0 0 0;
}

#devis {
margin:0;
padding:0;
}

#tabDevis {
width : 440px;
margin:0 0 0 3px;
}

#tabDevis td {
width:220px;
}

/*------------*/



#formDevis {margin:0; }
#formDevis .input { font : normal 10px verdana,arial,sans-serif;margin-top:2px;width:125px;}
#formDevis label { DISPLAY: inline ; FLOAT: left ; font : normal 10px verdana,arial,sans-serif; WIDTH: 78px ; text-align:left; margin:2px 3px 0 5px;  }


#formSearch {margin:10px 0 0 10px; }
#formSearch label { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; WIDTH: 100px ; text-align:right; margin:1px 10px 0 0;  }
#formSearch .select { font : normal 10px verdana,arial,sans-serif; width:110px;margin-top:3px;color:#000;background-color: #f8a167; }

.selecttri { font : normal 11px verdana,arial,sans-serif; width:160px;margin:0 0 5px 540px; }

#formContact {margin : 0 0 0 10px; }
#formContact .input { font : normal 11px verdana,arial,sans-serif;margin-top:3px;width:170px;}
#formContact label { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; WIDTH: 80px ; text-align:left; margin:3px 10px 0 0;  }
#formContact .textarea { font : normal 11px verdana,arial,sans-serif; width:260px; height:80px;margin-top:1px; }

#formNews {margin : 50px 0 0 200px;text-align:left; }
#formNews .input { font : normal 11px verdana,arial,sans-serif;margin-top:3px;width:170px;}
#formNews label { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; WIDTH: 100px ; text-align:left; margin:3px 10px 0 0;  }

#formTem {margin:0px 5px 10px 5px;}
#formTem .input { font : normal 11px verdana,arial,sans-serif;margin:3px 0 0 0;width:135px;}
#formTem label { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; WIDTH:80px ; color:#000;text-align:left; margin:3px 5px 0 0;  }
#formTem .textarea {  font : normal 11px verdana,arial,sans-serif; margin-top:3px;width:135px;height:100px; }
#formTem .select { font : normal 11px verdana,arial,sans-serif;margin-top:3px;width:135px;}
#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; color:#F04400; }