@import url(common.css);

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

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

.bleu {color:#5471cf !important}
.bleuf{color:#474c5f !important}
.vert {color:#a2b434 !important}
.gris {color:#6b6b6b !important}
.rouge{color:#444 !important;text-transform:uppercase}
.grisfonce{color:#6b6b6d !important}
.grisclair{color:#bbb !important}
.bgClair{background:#fff;color:#444}
.bgblanc{min-height:400px;height:auto !important;height:400px;background:#fff;color:#444}
.clair{color:#c6cad8 !important}

img {border:none}
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}

.listing,.listeImplants {margin:7px 30px;background:#f1f1f1;padding:10px 0 10px 15px;color:#555}
.listing li,.listeImplants li {margin:0px 0px 4px 15px;font-size:12px;}

ul.wfiche{width:320px !important;margin:15px 0 15px 15px}

.listeImplants{margin:0 0 0 15px;width:225px;float:left;}
.surDeux{float:left;}
.surDeux .listeImplants{width:280px;}
.surDeux p{margin:10px 0;}

.implants h3{padding-top:25px;border-bottom:1px #f1f1f1 solid;padding-bottom:7px}

body{background:#242227}

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%}

img.posI{position:relative;top:5px;left:5px}

p.w50{width:300px;float:left;}
div.techniques p.w50{padding:25px;}
div.techniques p{font-size:12px;padding:20px;}

img.vam{vertical-align:middle}

.bbbas{text-transform:uppercase;border-bottom:1px #eee solid;margin-bottom:15px;padding-bottom:7px;}
a.visuActu img{margin-right:15px;border:5px #f1f1f1 solid;}
a.visuActu:hover img{border:5px #a2b434 solid;}
a.webActu{background:#f1f1f1;color:#444;display:block;padding:7px;}
a.webActu:hover{background:#a2b434;color:#fff;}

p.pucecouleur{margin:0 20px 10px;}
p.pucecouleur img{margin-right:10px;vertical-align:middle}

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

 
#page{background:#474c5f url(../images/squelette/bg.jpg) repeat-x;}
#graphicsColG{background:url(../images/squelette/bg_col_gauche.gif) repeat-y left;}
#contenuPage{background:#858b93 url(../images/squelette/bg.jpg) no-repeat top center;}
.zeAccueil{background:#858b93 url(../images/squelette/bg_zeaccueil.jpg) no-repeat top center !important;}
body.export .zeAccueil{background:#858b93 url(../images/squelette/bg_zeaccueil2.jpg) no-repeat top center !important;} 

#contenuSite .bgblanc{margin-bottom:15px;}

#coin{background:url(../images/squelette/coin.jpg) no-repeat top left}

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

h1{height:113px;}
#flags{text-align:right;width:50px;float:left;margin-top:5px;position:relative;left:10px}

#menus{width:245px;float:left;}
#contenuSite{width:718px;float:right;}

#menuHautDroite{width:100%;height:35px;border-bottom:1px #505567 solid}
ul#menuHautDroite li a{height:15px !important;display:block;float:left;padding:12px 7px 8px;color:#fff;text-transform:uppercase;}
ul#menuHautDroite li a.first{padding-left:0}
ul#menuHautDroite li{height:35px;display:inline;list-style:none;}
ul#menuHautDroite li a:hover,ul#menuHautDroite li a.actif{background:#919f39}

#menus ul{margin:0 18px;border-bottom:1px #a9b655 solid;padding-bottom:10px;}
#menus ul li{list-style:none;margin-bottom:0px}
#menus ul li a{font-size:12px;color:#fff;}
#menus #liens a{display:block;padding:3px;}
#menus #liens a:hover,#menus #liens a.actif{background:#747f2e url(../images/squelette/hover_menu.gif) no-repeat right}
#menus #liens ul.inC a:hover,#menus #liens ul.inC a.actif{background:#747f2e url(../images/squelette/hover_modele.gif) no-repeat right}
#menus #liens a.helve75{margin:5px 18px 0;}

#menus #liens h2.occasion{color:#fff;font-size:14px;margin-left:18px;margin-top:90px;}
#menus #liens p.pcoldte{background:#;margin:7px 18px 10px;}
#menus #liens p.pcoldte a{display:block;background:#7c8730;color:#fff;padding:10px 15px;font-size:12px;}
#menus #liens p.pcoldte a:hover{background:#747f2e}

#nextMenu{margin-top:15px;background:url(../images/squelette/bg_next.jpg) no-repeat bottom center;height:85px;}
#menus #nextMenu ul{margin:0 18px;border-bottom:none;padding-bottom:0;}
#menus #nextMenu h2 a{padding:0;display:block;text-align:center;margin:0}
#menus #nextMenu h2 a:hover{background:transparent;}

p.bgNext,p.bgNext3,p.bgNext4{width:648px;background:#919F39;color:#fff;padding:10px;text-align:justify;margin-right:8px}
p.bgNext2{background:#f4f4f4;color:#666;margin-right:0;margin-bottom:15px;padding:20px;}
p.bgNext3{background:#783661}
p.bgNext4{background:#5D5C59}

a.etiq_v{text-align:center;padding:10px 0 0;float:right;background:url(../images/standard/accueil/bgetiq.gif) no-repeat 0 0;color:#fff;width:135px;height:31px;display:block}
a.etiq_v:hover{background-position:0 -41px}

div.bbleue{position:relative;border:1px #3a3e4e solid;width:355px;height:149px;}
div.bbleue h3{font-size:16px;margin:16px 0 7px;}
div.bbleue div.content{width:178px;}
div.bbleue div.content2{width:280px;}
div.bbleue p{color:#fff;font-size:12px}
img#posbb1{position:absolute;top:17px;left:0}
img#posbb2{position:absolute;top:0px;right:0}
img#posbb3{position:absolute;top:12px;right:10px}

div.bb2{height:86px;}
div.bb2 a img{border:3px #373b49 solid}
div.bb2 a:hover img{border-color:#919F39}

#DivProductViewerFX{height:352px;}
.accueil #DivProductViewerFX{height:400px;}

div#deco{position:relative}
p#bellagio{font-size:14px;position:absolute;top:264px;background:#474C5F;color:#fff;padding:10px 50px 10px 10px;}

/**********************************************************************************************
 *************************** PRODUIT *************************
 **********************************************************************************************/

div.desc{padding-top:25px;-webkit-border-top-right-radius: 20px; -moz-border-radius-topright: 20px; border-top-right-radius: 20px;width:473px;background:#7b8199}
div.desc h3{font-size:22px;padding:0 0 10px 20px}
div.desc p{font-size:12px;padding:0 20px 20px 20px}
p.pensez{padding:20px;background:#575c71;color:#fff;font-size:12px}

p.etiq span.etiq{position:relative;left:5px}

div#infosModele{float:right;width:230px;margin-right:10px;}
div#infosModele div#implantPtit{text-align:center;padding-top:15px;margin:10px 0;background:url(../images/standard/modeles/bg_implant.gif) no-repeat top center}

h3.like{margin:15px 0 7px 10px;font-size:15px;color:#6c707f;background:url(../images/standard/modeles/like.gif) no-repeat 0 0;padding-left:17px;}
div.bgblanc img{vertical-align:middle}
img.margemb800{margin-left:220px}
img.margejb740{margin-left:10px}
ul.like{margin:0 15px;}
ul.like li{line-height:16px;margin-left:20px;list-style:square;font-size:12px;}

.titrePage3,.titrePage2{color:#919F39;font-size:18px;text-transform:uppercase;padding:25px 0 20px;}
.titrePage2{padding:25px 0 10px 15px}

/*******************************
************* PAGES
*****************************/



div.infos2 p a{font-weight:bold;text-decoration:underline;color:#444}
div.infos2 p a:hover{text-decoration:none}

a.derouleMoi{font-size:16px;display:block;background:#7b8199;padding:15px;color:#fff}
a.derouleMoi span.glob{position:relative;top:22px;left:40px}
a.derouleMoi:hover{background-position: 0 -56px}

#infosTech{display:none;color:#fff;background:#7b8199}
#infosTech table{width:660px;margin:30px 30px 10px;border:1px #acb2bb solid;padding:0}
#infosTech table tr td{background:#5E6379;padding:5px;}
#infosTech table tr.deux td{background:#6B7189;}
#infosTech table tr td.titre{background:#A4A8B9;color:#21252a;font-weight:bold;font-size:12px;}
#infosTech table tr td.borderdroite{border-left:1px #474C5F solid;text-align:center;padding-right:10px;}

#infosTech div.legende,#infosTech div.legende3{width:180px;margin-left:15px;float:left;}
#infosTech div.leg{width:30px;float:left;overflow:hidden}
#infosTech div.sig{width:150px;float:left}
#infosTech div.legende3{width:290px;}
#infosTech div.legende3 div.sig{width:260px}

/* footer */
#footer{background:#242227;text-align:center;color:#fff;}
#contentFoot{text-align:left;padding:20px 0 40px;}
#contentFoot ul li{list-style:none}
#contentFoot ul li a{color:#fff;text-decoration:none}
#contentFoot p a{color:#fff;font-weight:bold;text-decoration:none}
#contentFoot ul li a:hover,#contentFoot p a:hover{text-decoration:underline}




/**********************************************************************************************
 *************************** 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:680px;}
#contenu{margin-left:16px;width:673px;padding:10px 0 6px}

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

div.extras{padding:20px}
div.extras h4{margin:5px 0}
div.extras p{color:#5F5F66;padding:0px}
div.extras p a{color:#444;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:#444;text-decoration:none}
div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{color:#cd003a;text-decoration:underline}
div.extras caption{font-size:11px;background-color:#A9ADB3; color:#fff; padding:1px 0px; font-weight:bold}
#leb-images {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:#cd003a;text-decoration:none}
#plan a.titre{font-weight:bold;background:#cd003a;color:#fff}
#plan a.titre:hover{background:#AE0030;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:380px;background:#bbb;border:none;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact textarea{color:#fff;width:380px;border:none;background:#bbb;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact input.send{font-size:11px;border:none;background:#cd003a;color:#fff;padding:3px;display:block;width:386px;text-align:center;margin-left:137px;}

#fancybox-title-main{color:#666 !important}

/******
**** recup ***
**************/

.cadran1 {
background-color:#7B8199;
margin:0 0 10px;
padding:10px;
color:#fff;
}
.cadran1 h3{margin:10px 5px 15px !important;padding-top:0 !important}
.cadran1 form{margin-left:50px}
.cadran1 p{padding:5px !important}
.cadran1 input.bouton{cursor:pointer;background:#474C5F;color:#fff;font-size:11px;border:none;padding:2px 5px;}
.cadran1 input.bouton:hover{background:#919F39}

#formulaire input {width:182px}
.cadran1 input {width:103px;font-family:arial;font-size:11px;padding:3px;color:#666}
.cadran1 input#lostPassword{width:170px !important}
.cadran1 #formulaire form{margin:0 15px}
.cadran1 h3.margin-bottom0{margin-bottom:0 !important}

table td.un{width:150px;text-align:right;}
.cadran1 #formulaire table td{padding:10px}
table td.bg{background:#9599AC}
.cadran1 #formulaire table td input{width:200px}
.cadran1 #formulaire table td textarea{width:400px}
.cadran1 #formulaire table td input, .cadran1 #formulaire table td textarea{font-size:11px;font-family:arial;padding:3px;color:#666}
input#envoiF{margin-left:180px}

/* concessionnaire */
#concess{margin:0 30px;padding-bottom:20px;}
#concess a:hover {background-color:#919F39; color:#fff}
#concess a {
  background-color:#E9EAED;
  color:#666;
  font-size:11px !important;
  display:block;
  width:289px;
  height:20px;
  padding:5px 0px 0px 10px;
}
#concess td {padding:1px 0px 1px 2px; font-size:11px !important}

.concess-departement {
  background-color:#A9ADB3;
  padding:3px;
  color:#0b203b;
  margin:10px 20px 20px 0px;
  border:1px #666 solid
}

.concess-contact {margin:10px 0px 0px 10px; float:left;color:#474C60}
.concess-contact h5{color:#474C60; font-size:12px !important}

.concess-contact a:hover {background-color:#919F39 !important; color:#fff !important}
.concess-contact a {
  margin-top:10px;
  background-color:#DFE1E6 !important;
}

div.cellConcess{background:#f1f1f1;color:#666;float:left;width:638px}

/* ----------------------------------[ Occasion ]---------------------------------------- */
#nbOccasAjax,#aucuneOccasAjax{display:none}

#occasion{margin-left:15px;background:url(../images/standard/accueil/bg_occasion.gif) no-repeat;width:378px;height:128px;}
#occasion div.titre{padding-top:15px;margin:0 0 0 147px;text-align:left !important}
#occasion p{line-height:15px;margin:0 0 7px 150px;color:#929292;font-size:11px;font-family:arial;}
#occasion a{margin:0 0 0 150px;}
.margin-top15{margin-top:20px}
.center{text-align:center;}
p.nbOccase{text-align:center;background:#3d3d3d;margin:0 3px;color:#8a8a8a}
p.nbOccase span.nb{color:#c0c0c0;font-weight:bold}
p.preumz{margin-right:15px}
.justifier{text-align:justify}
img.visu{border:5px #ddd solid}

.bgclair{padding:10px;background:#858B93}

#recherche_occase{background:#858B93;padding:20px;margin:10px 30px}
#recherche_occase form{text-align:center}
#recherche_occase p{text-align:left;color:#fff;margin:7px 0 7px 0}
#recherche_occase div{text-align:center}
#recherche_occase form label{position:relative;top:4px;color:#fff;text-align:right;margin-right:7px;width:80px;display:block;float:left;}
#recherche_occase form select{width:200px;font-size:11px;padding:2px;color:#666}
#recherche_occase p.premz select{margin-right:20px}
p.decal{margin-top:15px !important}
#recherche_occase form select.decal{margin-top:8px}

#vignettes{margin-left:60px;}
#vignettes a{display:block;float:left;padding:3px;background:#ddd}
#vignettes a.first{margin-left:34px;}
#vignettes a:hover{background:#919F39}

/* fiche */
.zedesc,.zedesc2{background-color:#e9e9e9;padding:10px;color:#444}
.zedesc2{background-color:#f6f6f6;}
.zedesc ul li,.zedesc2 ul li{margin-left:15px;}
.widthCe{width:698px;}
div.titre_occase{font-size:13px;color:#444}
div.titre_occase span.concess{float:right;font-size:11px;text-transform:uppercase}
div.titre_occase span.type{font-weight:bold;margin-left:5px;background:#919F39;padding:3px;color:#fff;text-transform:uppercase}
div.titre_occase p{font-size:11px}

.zedesc a.consulterfr,.zedesc a.consulter2fr,.zedesc2 a.consulterfr{margin-top:20px;width:115px;height:28px;display:block;float:right;background:url(../images/fr/sprite.gif) -43px -25px}
.zedesc a.consulterfr:hover{background:url(../images/fr/sprite.gif) -43px -67px}
.zedesc2 a.consulterfr{background:url(../images/fr/sprite.gif) -43px -167px}
.zedesc2 a.consulterfr:hover{background:url(../images/fr/sprite.gif) -43px -209px}

.zedesc a.consulter2fr{margin-right:15px;background:url(../images/fr/sprite.gif) -43px -109px}
.zedesc a.consulter2fr:hover{background:url(../images/fr/sprite.gif) -203px -109px}

.zedesc a.vendufr,.zedesc2 a.vendufr{margin-right:17px;margin-top:20px;width:94px;height:29px;display:block;float:right;background:url(../images/fr/sprite.gif) -203px -54px}
.zedesc2 a.vendufr{background:url(../images/fr/sprite.gif) -203px -192px}

div#listFiche{margin-top:7px}
div#listFiche ul li{list-style:none;padding:5px;color:#fff}
div#listFiche ul li strong{color:#F29400}
div#listFiche p{padding:5px;}
div#listFiche span.dt{width:200px;display:block;float:left;text-align:right;margin-right:7px;font-weight:bold}
div#listFiche .bgclair{background:#757B84;}

table.dok{margin:30px}
table.recap{width:650px;}
table.dok td{padding:7px;}
table tr.bg1 td{background:#EAEBEE;}
table tr.bg2 td{background:#DADCE0;}
table.dok td{color:#686868}
table.dok td input,table.dok td select{color:#686868;font-family:arial;font-size:11px;padding:2px;}
table.dok td select{width:250px;}
table.dok td input.bouton{background:#686868;color:#fff;padding:5px;border:none;width:150px;text-align:center;}