@import url(common.css);

/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  font:11px Arial, helvetica, sans-serif;
}

.bleu {color:#4a5c68 !important}
.vert {color:#a7c956 !important}
.gris {color:#6b6b6b !important}
.rouge{color:#E31C18 !important}
.grisfonce{color:#6b6b6d !important}
.grisclair{color:#bbb !important}
.grisclair2{color:#999 !important}
.bg_bleu{background:#4a5c68 !important}
.grisbleu{color:#696E79 !important}


img {border:none}
p {text-align:justify}
a {text-decoration:none}

h1 {font-size:15px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}
h5 {font-size:10px}

.liste {background-color:#eee;padding:20px 0 10px 10px;color:#555}
.liste li {margin:0px 0px 10px 15px}

body{background:#fff}

a.aBlanc{color:#fff;text-decoration:none}
a.aBlanc:hover{text-decoration:underline}

a.under{text-decoration:none}
a.under:hover{text-decoration:underline}

ul li a{height:1%}

/**********************************************************************************************
 *************************** SQUELETTE *************************
 **********************************************************************************************/


#page{background:#fff url(../img/squelette/bg_html.gif) repeat-x;text-align:center;}


.conteneur {
  width:960px;
  text-align:left;
  margin:0px auto 0px auto;
}

#basColG{background:url(../img/squelette/bas_menu.gif) no-repeat;height:65px}

/**********************************************************************************************
 *************************** ACCUEIL *************************
 **********************************************************************************************/

h1{float:left;width:268px;height:92px;overflow:hidden}
#hautDroite{float:right;width:678px;background:url(../img/squelette/bg_menu_d.gif) no-repeat}

ul#menuHaut{margin:10px 0 0 80px}
ul#menuHaut li{color:#8497a3;display:inline;}
ul#menuHaut li a{font-size:11px;text-transform:uppercase;color:#8497a3;text-decoration:none}
ul#menuHaut li a:hover,ul#menuHaut li a.actif{text-decoration:underline;}

ul#menuPrincipal{margin:40px 0 0 80px}
ul#menuPrincipal li{display:inline;list-style:none;color:#4a5c68}
ul#menuPrincipal li a{font-size:13px;color:#4a5c68;text-decoration:none;border:none}
ul#menuPrincipal li a:hover{border-top:1px #4a5c68 solid;border-bottom:1px #4a5c68 solid;}

#header{position:relative;height:350px;}
#flashBandeau{position:absolute;z-index:20;bottom:0;left:0}
p#titreMenu{position:absolute;top:290px;right:105px;font-size:18px;z-index:29}

/* footer */
#footer{text-align:center;color:#6b6b6d;background:#4A5C68 url(../img/squelette/bg_foot.gif) no-repeat top center}
#contentFoot{text-align:left;padding-bottom:20px;}
#contentFoot ul{margin-top:70px;color:#fff}
#contentFoot ul li{list-style:none;display:inline}
#contentFoot ul li a{color:#fff;text-decoration:none}
#contentFoot p a{color:#cd003a;text-decoration:none}
#contentFoot ul li a:hover,#contentFoot p a:hover{text-decoration:underline}

div.texte a{color:#cd003a;font-weight:bold;text-decoration:underline}
div.texte a:hover{text-decoration:none}

div.highlighte{padding:15px !important;background:#eaf1f6 url(../img/global/bas_highlighte.gif) no-repeat bottom right;}

div.celluleActu{color:#fff;background:#b70034;padding:6px;}
div.celluleActu div.texte{margin:0 6px;float:left;width:160px;}
div.celluleActu a{color:#fff;text-decoration:none}

#partieGauche{float:left;margin-bottom:10px;width:690px}
#partieDroite{margin-bottom:-40px;float:right;width:262px;}

#contentMenu{background:url(../img/menu/bg.gif) repeat-y}

#zeMenu{padding:0 16px 10px;background:url(../img/menu/zemenu.gif) no-repeat bottom center;}
#zeMenu h2{text-align:right;border-bottom:1px solid #6e7d86;color:#748997;font-size:12px;font-weight:normal}
#zeMenu h2 a{text-decoration:none;color:#748997;}
#zeMenu ul{padding:5px 0 0}
#zeMenu ul li{list-style:none;color:#fff;}
#zeMenu ul li a{font-size:12px;height:20px;padding:6px 5px 0 15px;display:block;color:#fff;background:transparent}
#zeMenu ul li a:hover,#zeMenu ul li a.actif{color:#fff;background:url(../img/menu/bg_gamme.gif) no-repeat}
.bordBB{border-bottom:1px #f4a4a3 solid}

#basZeMenu{position:relative;z-index:15;background:url(../img/menu/bg_basZ.gif) repeat-y;}
#contentBasZ{background:url(../img/menu/bas.gif) no-repeat;}
.un{height:121px}
.deuze{background:url(../img/menu/bas2.gif) no-repeat !important;}
#basZeMenu ul{margin:0 25px 0 25px;padding:30px 0 0}
#basZeMenu ul li{list-style:none;color:#fff;}
#basZeMenu ul li a{padding:5px;display:block;color:#fff;}
#basZeMenu ul li a:hover,#basZeMenu ul li a.actif{color:#e31c18;background:#fff}
.bordBB{border-bottom:1px #f4a4a3 solid}

#basZeMenuFin{height:28px;background:url(../img/menu/basZeMenuFin.gif) no-repeat}

img.imgNew{position:relative;top:2px;left:6px}

#encarts{margin-top:10px;}
a.encart{float:left;display:block;width:330px;height:128px;background:url(../img/accueil/bg_encart.jpg) no-repeat 0 0}
a.new{background:url(../img/accueil/bg_encart_new.jpg) no-repeat 0 0 !important}
a.encart:hover{background-position:0 -128px !important}


span.infos{display:block;margin-top:25px;}
span.title{font-size:17px;}
span.soustitle{font-size:14px;color:#a3b1ba;}

#edito{margin:25px 0 0 10px;width:644px;height:185px;background:url(../img/accueil/edito.gif) no-repeat}
#edito p{color:#696e79;padding:35px 15px 0 120px}

.actuAccueil{margin:25px 0 0 15px;position:relative;background:url(../img/accueil/bgactu.gif) no-repeat;width:625px;height:178px}
.actuAccueil .infos{width:335px;position:absolute;top:148px;left:237px;}
.actuAccueil .infos a{color:#fff;text-decoration:none}
.actuAccueil .infos a:hover{text-decoration:underline}
.actuAccueil h3{padding:20px 0 5px 0;color:#40515b;font-size:14px;}
.actuAccueil div.texte{color:#696e79;font-size:12px;height:90px;overflow:hidden;padding:0 15px 0 0;}

.actuDetails div.texte{color:#696e79;font-size:12px;padding:0 15px 0 0;}
.actuAccueil h3{padding:20px 0 5px 0;color:#40515b;font-size:14px;}
.actuAccueil div.texte p,.actuDetails div.texte p{margin-bottom:10px;}
.actuDetails div.imgVisu{padding:6px;border:1px #ddd solid}

#encarts h2{border-bottom:1px #97aab7 solid;padding-bottom:3px;font-size:14px;margin-bottom:20px;}
#encarts h2.noborder{padding-bottom:0px;margin-bottom:5px;border-bottom:none}
#encarts h3.fiche{padding:0;margin-bottom:10px;}
div.imgBor{background:#edeef0;}

#descGauche{width:451px;}
#descGauche div.imgBor img{margin:1px 1px -2px 1px;border:7px #fff solid}
#descGauche div.himg{height:285px}
#descGauche h2{text-transform:uppercase}

#descGauche div.texte{margin-top:5px;color:#4a5c68;}
#descGauche div.texte strong{color:#cd003a}

#raccourcis{margin-left:12px}

#descDroit{float:right;width:208px;}
#descDroit p#longueur{background:url(../img/fiche/longueur.gif) no-repeat;text-align:center;color:#fff;font-size:12px;padding:7px 0;margin-bottom:2px}
#descDroit .atout{padding-left:15px;margin-top:7px;}
#descDroit .atout p{padding-top:10px;color:#4a5c68}

#infosTechniques {background:#4a5c68;padding-top:10px}
#infosTechniques p {margin:10px;color:#fff;}
#infosTechniques table{background:#4a5c68;padding:5px;width:100%}
#infosTechniques table td{font-size:11px;border:1px #4a5c68 solid;background:#5a6c79;padding:5px;color:#fff}
/*#infosTechniques table td.bg2{background:#546672}*/
#infosTechniques table tr.odd td{background:#546672}
/*#infosTechniques table td.bg3{padding:15px 5px 7px;background:#4a5c68}*/

.w1{width:155px}
.w2{width:410px}
.w3{width:190px;font-size:12px;}

ul.archivesActu{width:617px;margin-left:18px;margin-top:15px}
ul.archivesActu li{list-style:none}
ul.archivesActu li a{margin-bottom:3px;display:block;padding:5px;background:#EDEEF0;color:#4a5c68;}
ul.archivesActu li a:hover{color:#fff;background:#4a5c68}

/* demande de doc */
#demandeDoc{float:left;width:563px;background:#4a5c68 url(../img/doc/bottom.gif) no-repeat bottom;padding-bottom:10px}
#demandeDoc form{padding:15px;color:#fff}
#topDemande{background:url(../img/doc/top.gif) no-repeat;height:26px;}
#demandeDoc form p.textuel{margin:5px 0}
#demandeDoc form p.textuel input{position:relative;top:-3px;width:300px;color:#4a5c68;padding:2px;font-size:11px;font-family:arial;}
#demandeDoc form p.textuel label{float:left;width:180px;margin-right:7px;text-align:right;}
#demandeDoc form input.sendDoc{margin:10px 0 0 310px}
#demandeDoc form p.comment{background:#5b6d79;padding:7px 0}
#demandeDoc form p.comment textarea{width:300px;padding:2px;font-size:11px;color:#4a5c68;}
#demandeDoc img.posFlag{position:relative;top:2px;margin-right:4px}

/* ambiance */
div.col{width:48%;color:#4A5C68}
div.col h3{margin-bottom:5px;padding:3px;background:#b4b0a6;font-size:13px;color:#fff;font-weight:normal}

th.celluleDis{width:1%;background:#e31c18;}
table#distrib td a{display:block;background:#e5e8ea;color:#445561;padding:3px}
table#distrib td a:hover{background:#e31c18;color:#fff;}




/**********************************************************************************************
 *************************** COMMUN *************************
 **********************************************************************************************/




/*** MESSAGES ERREUR ***/
.ok, .error{text-align:center; }
.ok {background-color:#00B000; color:#fff; font-weight:bold; padding:2px 0px}
.error {background-color:#f00; color:#fff; font-weight:bold; padding:2px 0px}


/*** EXTRAS ***/

div.extras .widthExtras{width:675px;}
#contenu{margin-left:16px;width:675px;padding:10px 0 6px}

div#basRound{margin-left:16px;width:673px;background:#fff url(../img/squelette/bas_contenu.gif) no-repeat bottom right;padding:0 0 30px;}

div.extras{padding:0 15px 0 0;margin-top:15px}
div.extras h4{margin:5px 0}
div.extras p{color:#666;}
div.extras p a{color:#E31C18;text-decoration:none}
div.extras a:hover{text-decoration:underline}
div.extras .width1{width:70px}
div.extras .width2{width:380px}
div.extras .width3{width:120px}
div.extras td a,div.extras div.credits1 a,div.extras div.credits2 a{color:#E31C18;text-decoration:none}
div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{color:#E31C18;text-decoration:underline}
div.extras caption{font-size:11px;background-color:#4a5c68; color:#fff; padding:1px 0px; font-weight:bold}
#leb-img {margin-top:20px}

div.extras .credits1,div.extras .credits2{background-color:#F0F0F0; margin:5px 0px; padding:5px 0px 5px 20px; width:400px}
div.extras .bg1{background-color:#F0F0F0}
div.extras .credits2,div.extras .bg2{background-color:#F9F9F9}
div.extras td{padding:5px 0;color:#666;font-size:11px}


#plan ul{background:#eee;padding:7px;}
#plan ul li{list-style:none}
#plan a {display:block;padding:5px 0px 5px 5px; background-color:#ddd; margin-bottom:4px;color:#666}
#plan a:hover {background-color:#fff; color:#4a5c68;text-decoration:none}
#plan a.titre{font-weight:bold;background:#4a5c68;color:#fff}
#plan a.titre:hover{background:#394852;color:#fff}

/***************************************
************ FORMULAIRES ***
***************************************************************/


#formContact label.normal{float:left;width:130px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:3px}
#formContact p.textuel input{color:#fff;width:450px;background:#bbb;border:none;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact textarea{color:#fff;width:450px;border:none;background:#bbb;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact input.send{font-size:11px;border:none;background:#4a5c68;color:#fff;padding:3px;display:block;width:456px;text-align:center;margin-left:137px;}

/**********************************************************************************************
 *************************** SCROLLABLE *************************
 **********************************************************************************************/
#bigs{height:465px;padding-top:5px;text-align:center;background:#fff;border:#ddd 1px solid;margin:10px 0;}
#bigs img{margin:auto}
/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/

div.scrollable {
	/* required settings */
	position:relative;
	float:left;
	overflow:hidden;
	height:130px;
	background:#eee;
	padding:5px;
}

div.scrollable{width: 524px;}

.margin_scroll{margin-left:55px !important}


/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/

div.scrollable div.items div {
    float:left;
	border:#ddd 1px solid;
	background:#fff;padding:5px;
	margin-right:5px;
	cursor:pointer;

}

/* you may want to setup some decorations to active the item */
div.items div.active {
    border:1px inset #ccc;
    background-color:#fff;
}

a.browse{cursor:pointer;margin:10px;margin-top:45px;}
a.nextPage{float:left}
.disabled{visibility:hidden !important;}



/************************************************************
********************** concess
******************************************************/

h2.concessName{text-align:left;color:#4A5C68;margin-bottom:5px !important}
h3.dpt{color:#999;font-size:12px;font-weight:normal}
div.infosConcess{width:200px;float:right;color:#fff;background:#4A5C68;padding:5px;font-size:11px;margin-left:10px;margin-bottom:10px}
div.infosConcess a{color:#fff;text-decoration:underline}
div.infosConcess a:hover{text-decoration:none}

div.cadran1{width:80%;margin:auto;text-align:center;padding-bottom:10px}

.erreur{background:#E31C18 !important;}


/************************************************************
********************** occasions
*****************************************************/



#rechercheOccase{width:420px;background:#4A5C68 url(../img/occasions/coin_bas.gif) no-repeat bottom left;color:#fff;}
#rechercheOccase h2{margin-bottom:15px;padding-left:7px}
#hautOccase{background:url(../img/occasions/coin_haut.gif) no-repeat top left;}
#contenuOccase{padding:10px}
#formOccase{float:left;padding-bottom:7px}
#formOccase label.normal{font-size:11px;float:left;}
#formOccase select{font-size:11px;color:#666;font-family:arial;width:100px;}

#descOccase{float:right;width:225px;padding-bottom:15px;background:#D5DCE1 url(../img/occasions/bas.gif) no-repeat bottom center;}
#descOccase h3{color:#8A9EAC !important;text-align:center;margin-top:10px}

#vignettes2{margin-top:5px}
#vignettes2 a{height:70px;display:block;float:left;border:5px #d4d9e0 solid}
#vignettes2 a:hover,#vignettes2 a.actif{border-color:#40505b}

div.occase ul{padding:7px 7px 0px;}
div.occase ul li{list-style:none;background:#8A9EAC;margin:3px;padding:5px;color:#fff}
div.occase ul li.prix{font-weight:bold;background:#e31c18;color:#fff;font-size:14px;text-align:center;padding:10px 5px;}
div.occase ul li.agence{background:#678192;color:#fff;text-align:center}
div.occase ul li.agence a{color:#fff;text-decoration:underline;margin-top:7px}
div.occase ul li.agence a:hover{text-decoration:none}

#descGaucheOccase{float:left;width:451px;color:#4A5C68}
#descGaucheOccase div.imgBor img{margin:1px 1px -2px 1px;border:7px #fff solid}
#descGaucheOccase div.himg{height:285px}
#descGaucheOccase h2{text-transform:uppercase}
#descGaucheOccase strong{color:#e31c18;}
#descGaucheOccase p{margin-bottom:10px}

#contenuOccase a.toutes{padding:2px 4px;background:#5b6f7d;color:#fff;float:right;margin-right:4px}
#contenuOccase a.toutes:hover{background:#fff;color:#5b6f7d}

div.kmetre{margin-top:4px;background:#4A5C68;padding:3px 7px;color:#fff;font-size:14px}