@charset "utf-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, em, font, img, strong, ol, ul, li, form, label, legend,
table, tr, td {margin:0;padding:0;border:0;outline:0;font:normal normal 100% Arial, Helvetica, sans-serif;vertical-align:baseline}
ol, ul {list-style: none}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0}
caption, th, td {text-align: left;font-weight: normal}
/* fin initialisation */
.logbarre a{text-decoration:none}

/* index */
#chargement{position:absolute; width:100%; top:0; left:0; background:#f9ec00; visibility:hidden; z-index:10}
.centre{width:930px; margin:0 auto}
#content{float:left;width:615px;margin-top:35px}
#imgTitre{width:555px; height:66px; margin:0 0 10px 3px}
#searchOption{background:url(../images/bgSearchModule.png); color:#9D790B; width:615px; height:304px; clear:both; font-size:14px}
#searchOptionElement{width:360px;margin:85px 0 0 0; float:right}
#divConcession{width:175px; float:left}
#divGarage{width:185px; float:left}
.legende{font-size:10px; color:#b2912b}
#codePostal{float:left; height:15px; width:292px; color:#777; margin:6px 0 0 0; display:block; padding:7px 0 7px 7px; font-size:14px}
#legendeCP{font-size:10px; color:#b2912b; float:left; width:100%; margin-bottom:19px}
#SodTxtBtn{font-size:11px; color:#b2912b; margin-left:73px}
#touteMarque{float:left; width:100px; display:block}
#touteMarque span{text-align:right}
#selectMarqueChapeau select{float:left; height:23px; width:200px; margin-left:0px; background:#F9EC00; color:#9D790B; border:solid 1px #9D790B}
#btnSearch{float:left; margin:0 20px 0 0; width:100%}
.IndexVoirCarte{width:265px; height:133px; float:right; cursor:pointer; margin-right:30px}

.legendeApi{width:585px; margin-top:10px; padding:0 20px 0 10px; font:10px Arial, Helvetica, sans-serif; color:#999}
#divGuide{width:585px; margin-top:30px; padding:0 20px 0 10px}
#guide2{width:411px; padding:0 20px 0 10px; float:left}
#divGuide p, #guide2 p{font:12px Arial, Helvetica, sans-serif; color:#000; margin-bottom:15px}
#divGuide h2 a, #guide2 h2 a{font-size:14px; font-weight:bold; color:#000}
#guideH1{font-size:18px; color:#000; font-weight:bold}
#logoCarte{float:left; width:174px}

/* formulaire */
#h2form{font:bold 18px Arial, Helvetica, sans-serif;margin-bottom:15px; color:#999}
.styleForm{font:12px Arial, Helvetica, sans-serif}
.styleForm div input, .styleForm div select{float:right}
fieldset{color:#666; padding-top:15px}
fieldset p{color:#999}
.styleForm div label{float:left}
.styleForm div{width:480px; height:25px; color:#666}
#oui, #non{font-size:20px; color:#F28F21}
#type{float:right; width:206px; border:1px solid #bbb}

label.inline{display:inline}
legend{color:#f00; margin:0}
#sidebar{float:left;width:300px;background:#e6e6e6; margin:60px 0 35px 13px;padding:0;border-bottom:20px solid #fff}
#skyline{width:300px; height:102px; margin-bottom:15px}
.pictoCarte{width:50px; height:33px; float:left; margin:0 10px 0 20px}
#sidebar div{margin-bottom:10px; height:33px}
#sidebar div a{color:#000;font-size:16px;font-weight:bold; text-decoration:none}

#sidebar h1{color:#000; margin:10px 0 0 0; padding:0 0 15px 10px; font-size:16px; font-weight:bold}
#sidebar ul{margin-left:20px}
#sidebar li{margin-bottom:10px}
#sidebar span{color:#999;font-size:10px; font-weight:normal}
#sidebar li a{color:#000;font-size:14px;font-weight:bold; text-decoration:none}
#aside{margin:0 0 20px 20px; font-size:12px}
#aside a{color:#999}

/* recherche departement */
#RDbody{line-height:normal}
#RDbody li{height:14px}
#RDimgTitre{margin:0 0 10px 3px}
#modRech{background:url(../images/fond-rech-dep.png) no-repeat; width:922px; height:250px; position:relative}
#selectDep{position:relative; top:120px; left:41px; width:240px; height:20px}
#selectVille{position:relative; top:120px; left:78px; width:240px; height:20px}
#fleche{position:absolute; left:590px; top:80px}
#resultat{visibility:hidden; width:230px; float:right; margin:69px 37px 0 0; font-size:16px; color:#9C7B2D}
#resultatspan{font-size:20px; font-weight:bold}
.RDvoirCarte{position:absolute;	margin:15px 20px 0 20px;left:613px;	top:133px}
#rechDepExpli{font:12px Arial, Helvetica, sans-serif; margin:0 0 20px 40px; color:#999}
#departementG{width:270px; margin:0 0 0 42px; float:left}
#departementM{width:265px; margin:0 0 0 2px; float:left}
#departementD{width:270px; margin:0; float:left}
.RDcontent{float:left;width:930px;margin:35px 0 80px 0}
.RDcontent a{color:#999; font-size:12px}
/* guide */
#guide{margin:0; width:100%;height:100%;font:12px Arial, Helvetica, sans-serif; color:#999}
#guide .content{width:700px; float:left}

.h1titreguide{font:bold 18px Arial, Helvetica, sans-serif; color:#666; margin-top:40px}
.h2titreguide{font:bold 14px Arial, Helvetica, sans-serif; color:#666}
.texteguide{font:12px Arial, Helvetica, sans-serif;	color:#666; margin:10px 0 30px 0}

a.lienGuide{color:#F28F21; text-decoration:none}
a.lienGuide:hover{color:#F28F21; text-decoration:underline}

/* resultat */
#concessionEssai{ background:url(../images/csc-essai-fond.gif); width:303px; height:203px}
#concessionEssai div{ height:170px}
#concessionEssai div img{ float:left; margin:15px }
#concessionEssai div h3{ font-size:25px; color:#ED1C24; padding-top:15px}
#concessionEssai div a img{ margin:5px 0}
#concessionEssai div p{ font-size:15px; color:#808080; margin:10px; text-align:left}
#concessionEssai p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#808080; margin:5px 0 0 0; text-align:center}
#concessionEssai span{ text-transform:capitalize}

#bodyResultat{font-size:12px}
#Rsidebar{float:left;text-align:left;width:300px;margin:35px 0 0px 13px;border-bottom:20px solid #fff}
#skyline{width:300px; height:102px; margin-bottom:15px}
.pictoCarte{width:50px; height:33px; float:left; margin:0 10px 0 20px}
#sidebar div{margin-bottom:10px; height:33px}
#sidebar div a{color:#000;font-size:16px;font-weight:bold; text-decoration:none}

#sidebar h1{color:#000; margin:10px 0 0 0; padding:0 0 15px 10px; font-size:16px; font-weight:bold}
#sidebar ul{margin-left:20px}
#sidebar li{margin-bottom:10px}
#sidebar span{color:#999;font-size:10px; font-weight:normal}
#sidebar li a{color:#000;font-size:14px;font-weight:bold; text-decoration:none}
#aside{margin:0 0 20px 20px; font-size:12px}
#sidebar span a{color:#999}
.content{float:left;width:602px; margin-bottom:20px}
#titreConcess{font:small-caps 18px/18px Arial, Helvetica, sans-serif; margin:30px 0 0 0}
#sousTitre{margin:0}
#titreConcess span{color:#F28F21; font-variant:small-caps; text-decoration:none}
#titreConcess2{font: 12px Arial, Helvetica, sans-serif; margin:30px 0 3px 0}
#titreConcess2 span{color:#F28F21; font-weight: bold; text-decoration: none}
.content p a:hover, #footerSeo p a{text-decoration:underline}
.content p a, #footerSeo a{color:#F28F21; text-decoration:none}

#searchDep{background:url(../images/fond-api-departement.png); width:602px; height:565px; position:relative}
#searchDep h2{float:left;margin:22px 0 0 20px; color:#000;font-size:20px; font-weight:bold}
#h2Dep{font-size:10px; font-variant:small-caps}
#divcodePostal{float:right;margin:17px 0 0 27px}
#divcodePostal table{margin-right:33px; line-height:12px; width:250px}
#divcodePostal td{vertical-align:middle; color:#999}
.inputOption{height:20px; color:#777; width:75px}
.errorCodePostal{border-color:#F00;	background:#FAA}

#searchOption2{background:#F4F3AE; width:540px; height:28px; margin:80px 0 0 20px; position:absolute; color:#9D790B; padding:5px 0 0 10px}
#searchOption2 td{vertical-align:middle}
/*#rechVillDep{position: relative}*/
#rechVillDep #selectMarque{top:77px; position:absolute; margin-left:70px}
#selectMarqueF select{width:255px; top:77px; position:absolute; margin-left:70px}
#selectMarqueFV select{width:255px; top:77px; position:absolute; margin-left:220px}
#selectMarque select{width:150px}
#selectMarqueTD{text-align:right; padding-right:10px}
#selectMarque select{color:#f00}
#api{width:550px; height:400px; background:#999; margin:130px 0 0 25px; position:absolute}
#searchDepLeg{margin:0 35px 0px 20px; font-size:9px; color:#999}

/* resultat */
.survol{display:block;text-decoration:none;	border:none;color:#000;	cursor:pointer}
.headerResultat{color:#000; font:small-caps 18px/normal Arial, Helvetica, sans-serif;height:47px;padding:10px 15px 0 0;margin-bottom:0}
.headResult{color:#000; border:1px solid #ccc; background:#fff; height:47px;padding:10px 15px 5px 15px;	margin-bottom:3px}
.headResultOver{background:#eee}
.titleHeadResult{font:16px Arial, Helvetica, sans-serif;position:absolute; width:570px}

.imgHeadResult{float:left; width:35px; padding-right:20px}
.flecheHeadResult{float:right; width:15px; height:27px; margin-top:8px}
.contentHeadResult{float:left}
.nomConcess{display:block; font-variant:small-caps}
.depConcess{display:block; font-size:12px; color:#999}
.alertdepConcess{display:block; font-size:12px; color:#F28F21}

.typeConcessConteneur{float:right; text-align:right; font:12px Arial, Helvetica, sans-serif; margin:4px 20px 0 0}
.vendeur{margin-bottom:5px; color:#999}
.entretien{color:#999}
.entretienMid{line-height:32px; color:#999}

/* centrage horizontal */
.vendeurTest{font:12px/50px Arial, Helvetica, sans-serif; height:50px; float:right}

/* api */
* html #simple_example_window_beak{
	/* Alpha transparencies hack for IE */
	background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../examples/images/corners/red_beak.png', sizingMethod='crop');
}
#simple_example_window_tr,#simple_example_window_tl,#simple_example_window_bl, #simple_example_window_br,
#simple_example_window_t,#simple_example_window_r,#simple_example_window_b{background:#AF7701;height:2px;width:2px}
#simple_example_window_l{background:#fff;height:2px;width:2px}
.title{color:#4C4C4C; font-size:10px; margin:0}
.title img{width:13px; height:10px; margin-left:5px}
.markCont{color:#7E8082; font-size:9px; margin:0}
.markCont p{margin:0; padding:0; line-height:9px}
.infoBulle{position:absolute;height:35px;border:2px solid #AF7701;border-left:2px solid #FFF;background:#fff;white-space:nowrap;line-height:10px;padding-right:2px}
/* styledep*/
#rechVillDep{background-image:url(../images/rechVilleDep.png); width:610px; height:154px; margin-top:20px; position:relative; float:left}
#rechVillDep h2{float:left;margin:30px 0 0 20px; color:#000;font-size:20px}
#rechVillDep span{font-size:10px; font-variant:small-caps; color:#9D790B}
#ville {position:absolute; width:170px; left:90px; top:105px}
#rechVillDep2{font-size:14px; color:#9D790B; position:absolute; top:80px; left:20px}
#inputRechVille{height:17px; width:255px}
#rechVillDep3{font-size:12px; color:#9D790B; width:250px; position:absolute; top:110px; left:20px}
#rechVillDep3 a{color:#9D790B}
#btnSearchDep{position:absolute; width:164px; left:426px; top:105px}
#btnSearchDep img{width:164px; height:83px}
.footerSeo{margin-top:60px; padding:15px 0; border-top:1px solid #ccc; width:610px; float:left}
.footerSeo h2{font:small-caps 18px Arial, Helvetica, sans-serif; color:#000}
.footerSeo p{margin-top:20px; font-size:12px}
.lienNbVil{color:#999}

a.lienSuite{color:#F28F21; text-decoration:none}
a.lienSuite:hover{text-decoration:underline}
/* ville */
.headResultVille{color:#000; border:1px solid #ccc;	height:72px;padding:10px 15px 5px 15px; margin-bottom:3px}
.adrConcess{display:block; font-size:12px}
.adrVilleConcess{display:block; font-size:12px}
.typeVilleConcess{font-size:12px}
.typeVilleConcess img{width:13px}
.marker{width:75px; height:66px; float:left}
.telConteneur{float:right; text-align:left; font:10px Arial, Helvetica, sans-serif; color:#777; margin:10px 20px 0 0}
.telConteneur a{color:#777}
.tel{color:#000;font-size:21px}
/* ********* liste ville du dep sans resultat ****** */
.listeAlpha{color:#999;width:10%; float:left; border:0}
.listeAlpha a{color:#999; text-decoration:none}

.celAlpha a{color:#999;text-decoration:none}
.celAlphaOver a:hover{color:#F28F21; text-decoration:none}

.celAlpha{width:41px; height:18px; display:block; border-right:1px solid #aaa; font:16px Arial, Helvetica, sans-serif}
.celAlphaOver{width:41px; height:18px; display:block; color:#F28F21; background:url(../images/fond-alpha.gif) no-repeat; font:16px Arial, Helvetica, sans-serif}

.listeVille{width:60%; float:left; border:0; font-size:12px}
.listeVille a{color:#F28F21; width:10%; text-decoration:none}
.listeVille a:hover{color:#F28F21; text-decoration:underline}

.ResH1{font-size:17px; line-height:5px; color:#000}
#codePostTD{width:85px}

.selectOption{height:23px; color:#777}
#marque{float:right; width:150px;border:1px solid}
/* element tableau option*/
.ResTable{padding:0; width:100%} 
.droite{text-align:right; width:310px}
/* element resultat recherche concessionnaire */
.ResUl{margin:0}

.titleResult{display:block;padding-bottom:10px;font-weight:bold;height:20px;text-decoration:underline}
.telResult{float:right; position:static}
.coordoResult{text-align:right;padding-left:20px}

.result{background:#eee;margin:0 15px 10px 15px;padding:10px 15px}
.imgCon{width:20px; float:right}

.ResP{padding-top:-5px; margin-bottom:20px; margin-top:10px; color:#999}

/*.adresseResult*/
.spacer{clear:both}
.footerSeo h1{padding:15px 0 15px 0; margin:0; line-height:normal}

.alpha{text-align:center}
/* index ville*/
#textExplication{padding:10px 15px 15px 0;color:#000}
#textExplication h1{margin:0; color:#000}
/* autosuggestion */
.suggestion_list{background:white;border:1px solid;padding:4px;overflow:auto;max-height:250px;width:auto;width:292px}

.suggestion_list ul{padding:0;margin:0;list-style-type:none;width:248px;float:left}

.divclose{float:left;width:10px;height:10px;vertical-align:top;font-size:10px;cursor:pointer;text-decoration:underline}

.suggestion_list a{text-decoration:none;color:#e7b01b;display:block}

.suggestion_list .selected{background:#e7b01b;color:white;display:block}
.suggestion_list .selected a{color:white;display:block}
#autosuggest{display:none;z-index:100}

/* tableau flux */
#csvFluxHome{float:left;width:296px; margin:25px 0 0 15px}
.cadre-conquest{background:#fff; height:80px; width:297px; margin:4px 10px 0 0; border:1px solid #B7C9E2; position:relative}
.cadre-conquest-on{background:#eee; height:80px; width:297px; margin:4px 10px 0 0; border:1px solid #B7C9E2; position:relative}
.texte1-conquest{color:#357BB4; font:bold 13px Arial, Helvetica, sans-serif; margin:5px 0 0 10px; float:left}
#marqueP1{clear:both;float:left; width:97px; text-align:center}
.texte2-3-conquest{color:#000; font:12px/14px Arial, Helvetica, sans-serif; float:left; width:169px; text-align:left; margin:5px 0 0 10px}
.fluxCsvDec{color:#357BB4}
.texte2-3-conquest a:link, .texte2-3-conquest a:active, .texte2-3-conquest a:visited{color:#808285; text-decoration:none}
.texte2-3-conquest a:hover{color:#808285; text-decoration:underline}
.csvImgFlux{margin-left:10px; width:87px; height:50px}
.csvImgM{margin:3px 0 0 23px; width:50px; height:50px}
.csvImgPromo{margin:5px 5px 0 0; float:right; width:58px; height:12px}
.csvFluxFle{position:absolute; top:28px; right:5px}

/* bloc dmo */
#dmo{margin-top:15px}
#dmo p{background:#ccc; font:small-caps 15px Arial, Helvetica, sans-serif; width:295px; height:21px; padding:5px 0 0 5px}
#dmo ul{border:1px solid #ccc; margin-top:2px; padding:5px 0 5px 5px; color:#999}
#dmo a{color:#000; text-decoration:none}
#dmo a:hover{text-decoration:underline}