@charset "utf-8";
/*	----------------------------------------------------------------
*	HTML defaults
*/
html{overflow-y:scroll;background:#fff;border-top:4px solid #e31021;}
body{color:#444;font-size:13px;font-family:Arial;line-height:20px;}
body.frame{background: none;padding: 0px !important;border:0px !important;}
body.index #content p{text-indent:0!important;}
input[type=checkbox]{border:0;}
img{vertical-align:text-bottom;}
img.responsive{width: 100%;}
a:hover{color:#454545;}
h1{font-size:20px;}
h2{font-size:18px;text-transform: uppercase;color:#444137;font-weight: normal;margin: 0px 0px 10px 0px;}
h3{font-size:16px;}
h3 span{font-size:10px;}
sup{font-size:.6em;vertical-align:top;}
a:link,a:active,a:visited{color:#E10F21;}

/*	----------------------------------------------------------------
*	Useful classes
*/
.nobg {background: none !important;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;float:none;}
.clear:after{clear:both;content:'.';display:block;height:0;visibility:hidden;}
.f-left{ float: left !important; }
.f-right { float: right !important; }
.ta-left {text-align: left !important;}
.ta-right {text-align: right !important;}
.ln2m5 {line-height: 2px;height: 2px;background:#e10f21;margin: 5px 0px;}
.ln2m10 {line-height: 2px;height: 2px;background:#e10f21;margin: 10px 0px;}
.red { color:#e10f21;}
.green {color: #87ba04;}
.black { color:#000;}
.upper {text-transform: uppercase;}
.bold {font-weight: bold;}
.tcenter{text-align: center;}
.tjustify{text-align: justify;}
.ml150{margin-left: 150px !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb40{margin-bottom: 40px !important;}
.mt25{margin-top: 25px !important;}
.mlr10{margin: 0px 10px 10px 0px;}
.fs20{font-size: 20px;}
.p5{padding: 5px;}
.no-padding{padding: 0px !important;}
.iframe{margin: 0px 0px 0px 0px;width: 100%;padding: 0px 0px 25px 0px;height: 350px !important;}
.iframe iframe{height: 350px !important;}
.lsl{background: url('images/1x1_dark.gif') left center repeat-x;line-height: 16px;height: 16px;margin: 10px 0px;}
.lsl div{background: #F2F2F2;padding: 1px 10px 2px 10px;text-align: center;font-size: 13px;margin: 0 auto;color:#747474;width: 200px;}
.separator{height:2px;margin:5px 5px 5px 5px;border-bottom:1px solid #9c9c9c;}
p.service{font-size: 12px;text-align: justify;margin: 10px 0px;}
div.strip {background: url('images/strip_red_metalic.jpg') center center repeat-x;height: 38px; line-height: 38px; padding: 12px 0px;color:#fff;font-weight: bold;font-size: 20px;text-align: center;margin: 0px 0px 15px 0px;}
div.strip a {color:#fff; }
div.strip a:hover {color:#000; }
.finance_primary {}
.finance_secondary, .occasions_secondary, .finance_third { display: none; }
.downloadb{display:block;background:#e10f21;line-height:14px;font-size:12px;text-transform:uppercase;text-align:center;font-weight:700;cursor:pointer;color:#fff !important;padding:15px 0;position: relative;width: 300px;margin: 0 auto;margin-top:30px;}
.downloadb:hover{text-decoration: underline;}
.fs12{font-size:12px !important;}
.fs14{font-size:14px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px !important;}
.fs22{font-size:22px !important;}
.fs26{font-size:26px !important;}
.fwnor{font-weight: normal !important;}
.height340px{height: 340px;}
.height400px {height: 400px;}
.b_gray{border:1px solid #e8e7ea;padding: 0px !important;}
h3.forum{background: #fff none repeat scroll 0 0;border-bottom: 1px solid #e8e7ea;color: #000;font-size: 15px;font-weight: 400;padding: 5px 10px;margin: 0px 0px 5px 0px;}
.bg-black{background: #000 !important;}
a.link2 { color: #e10f21;text-indent: 20px;background:url(images/e1.gif) 0px 3px no-repeat;font-weight: bold;font-size: 12px;padding-left: 10px;}
a.link2:hover {background:url(images/e1.gif) 2px 3px no-repeat;color:#000;}
a.occasions-lnk{display: inline-block;margin: 10px;text-decoration: none;}

a.open{background: #e10f21 none repeat scroll 0 0;padding: 10px 15px;color:#fff;font-size: 13px;text-transform: uppercase;text-align: center;display: block;margin-top: 20px;}

#PopinDiv { margin:0 auto;text-align: center;margin-top: 20px;width:258px;}

a.red-btn{padding:7px 10px;display: inline-block;width: 80px;height: 12px;line-height: 12px;font-size: 12px;color:#fff;text-align: center;background: #e12424;text-align: center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-transform: none; margin: 5px 5px 5px 0;}
a.red-btn:hover {text-decoration: underline;}

.hide {display: none;}
.show-block {display: block;}
.cpointer{cursor: pointer;}

/*	================================================================
*	block:	HEADER
*/
#header{max-width:1170px;position:relative;width:auto;height:auto;min-height:120px;margin:0 auto;padding:15px 0 0;}
#header a.logo{position:absolute;top:7px;left:10px;display:block;width:344px;height:100px;background:url(header/logo.png) center center no-repeat;margin: 0px 0px 0px 10px;}
#header a.mymitsu{position:absolute;top:0;right:100px;display:block;width:80px;height:22px;background:url(header/mymitsu.png) center center no-repeat;color:#fff;font-size: 9px;text-decoration: none;text-indent: 10px;text-transform: uppercase;font-weight: bold;}
#header a.mymitsu:hover{color:#000;text-decoration: underline;}
#header a.rapide{position:absolute;top:40px;right:17px;display:block;width:53px;height:36px;color:#fff;font-size:10px;line-height:12px;text-transform:uppercase;text-align:center;background:url(header/rapide.png) center center no-repeat;padding:8px 0 9px;display: none;}
#header h1{text-transform:uppercase;margin:0px 0px 0px 0px;padding:0px 140px 10px 380px;font-size: 25px;line-height:40px;color:#343434;font-weight: normal;/*font-family:'PT Sans',sans-serif;*/}
#header h1.accueil{text-align: center !important; line-height: 35px !important;}
#header h1 span.sub-h1{display: block; text-transform:uppercase;font-size: 13px;color:#343434;font-weight: normal;}
#header a.logo:hover,#header a.rapide:hover{text-decoration:none;}
#header div.desktop{}
#header div.desktop a.partenaire{display: block; float: right;position: absolute;right:10px;top:35px;z-index: 450;}
#header div.mobile{display: none;}
#header div.mobile a.logo { margin: 0 auto;float: none !important;}
#header div.mobile h1 { text-align: center;margin: 10px 0px 10px 0px;float: none !important;padding: 80px 0px 0px 0px;font-size: 18px;line-height: 20px;}

/*	================================================================
*	block:	NAVIGATION MENU
*/
#navigation{width:auto;height:40px;background:url(nav/bg.jpg) top left repeat-x;}
#menu{position:relative;max-width:940px;margin:0 auto;padding:5px 0;height: 30px;}
#menu a.level_one{font-size:13px;text-transform:uppercase;color:#fff;line-height:30px;font-weight:700;background: url("images/separator.gif") no-repeat scroll right center;padding:0px 10px;display: block;width: auto;float: left;}
#menu a.level_one:visited{color:#fff;}
#menu a.level_one.last{background: none;}
#menu a.level_one.selected,#menu a.level_one:hover{color:#E10F21;text-decoration:none;}
#menu a.level_one span{ display: block;width:8px;height:30px;background: url("images/e2.gif") no-repeat center center;float: right;margin-left: 10px;}
#menu div.sub-nav{position:absolute;top:40px;left:0;z-index:100;width:100%;display:none;height:384px;background:url(footer/bg.gif) top left repeat;padding:0;}
#menu div.sub-nav a.modele{display:block;width:220px;height:170px;float:left;color:#fff;font-weight:700;text-decoration:none;text-transform:uppercase;text-indent:10px;background:url(images/e1.gif) 2px 5px no-repeat;margin:5px 5px 0px 5px;}
#menu div.sub-nav a.modele:hover{color:#E10F21;}
#menu div.sub-nav a.modele img{width:205px;height:144px;margin:0 0 0 10px;}
#menu div.sub-nav a.link{display:block;width:276px;height:176px;float:left;color:#fff;font-weight:700;text-decoration:none;text-transform:uppercase;text-indent:0px;margin: 10px 10px 0px 15px;}
#menu div.sub-nav a.link img{width:270px;height:130px;margin:0 0 0 0px;border:3px solid #fff;}
#menu div.sub-nav a.link span {display: block; line-height: 14px;margin-top: 5px;	}
#menu div.sub-nav a.link:hover{color:#E10F21;}
#menu div.sub-nav a.link:hover img{border-color:#cfcfcf;}
#menu div.sub-nav a.link:hover span{border-color:#E10F21;border-left:2px solid #E10F21;padding-left:5px;}
#menu div.sub-nav a.linkword{display:block;width:auto;height:16px;float:left;color:#959595;font-weight:700;text-decoration:none;text-transform:uppercase;text-indent:0px;margin: 5px 15px 0px 5px;background:url(images/e1_off.gif) 2px 6px no-repeat;text-indent:10px;}
#menu div.sub-nav a.linkword:hover{color:#fff;background:url(images/e1.gif) 2px 6px no-repeat;}
#menu div.sub-nav a.link.x4 { width: 210px; height: 106px; margin-right: 7px;}
#menu div.sub-nav a.link.x4 img { width: 204px; height: 100px; }

#menu a.home, #mobinav a.home{position:absolute;top:10px;left:-20px;display:block;width:15px;height:17px;background:url(nav/home.png) center center no-repeat;}
#menu a.enveloppe, #mobinav a.enveloppe{position:absolute;top:10px;right:10px;display:block;width:74px;height:17px;background:url(nav/enveloppe.png) center center no-repeat;}
#menu a.youtube, #mobinav a.youtube{position:absolute;top:10px;right:94px;display:block;width:18px;height:17px;background:url(nav/youtube.png) center center no-repeat;}
#menu a.google, #mobinav a.google{position:absolute;top:10px;right:121px;display:block;width:17px;height:17px;background:url(nav/google.png) center center no-repeat;}
#menu a.twitter, #mobinav a.twitter{position:absolute;top:10px;right:146px;display:block;width:23px;height:17px;background:url(nav/twitter.png) center center no-repeat;}
#menu a.facebook, #mobinav a.facebook{position:absolute;top:10px;right:179px;display:block;width:17px;height:17px;background:url(nav/facebook.png) center center no-repeat;}

#mobinav div.mobi-icons{position: relative;height: 28px;margin: 0 auto;width: 150px;}

#mobinav{display: none;width:auto;height:auto;background:url(images/squares.gif) top left repeat;border-bottom:1px solid #fff;}
#mobinav div.wrapper{max-width:930px;margin:0 auto;padding:5px 5px;}
#mobinav div.wrapper .accordionButton{background:url(images/e1.gif) 2px 8px no-repeat;font-size:13px;text-transform:uppercase;color:#fff;line-height:14px;font-weight:bold;padding:5px 0px 5px 0px;width: auto;cursor: pointer;text-indent: 15px;}
#mobinav div.wrapper .accordionContent{padding: 5px 10px;overflow: hidden;}
#mobinav div.wrapper .accordionContent ul {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;line-height: 20px;}
#mobinav div.wrapper .accordionContent ul li {margin: 0px 0px 0px 5px;padding: 0px 0px 0px 0px;}
#mobinav div.wrapper .accordionContent ul li a {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;color:#fff;font-size: 11px;text-transform: uppercase;}
#mobinav div.wrapper .accordionContent ul li a:hover{font-weight: bold;text-decoration: underline;}
#mobinav div.wrapper .accordionContent a.modele{display:block;width:220px;height:170px;float:left;color:#fff;font-weight:700;text-decoration:none;text-transform:uppercase;text-indent:0px;margin: 5px 0px 5px 5px;}
#mobinav div.wrapper .accordionContent a.modele:hover{color:#E10F21;}
#mobinav div.wrapper .accordionContent a.modele img{width:205px;height:144px;margin:0 0 0 0px;}
#mobinav div.wrapper .accordionContent a.link{display:block;width:276px;height:176px;float:left;color:#fff;font-weight:700;text-decoration:none;text-transform:uppercase;text-indent:0px;margin: 5px 10px 5px 5px;}
#mobinav div.wrapper .accordionContent a.link img{width:270px;height:130px;margin:0 0 0 0px;border:3px solid #fff;}
#mobinav div.wrapper .accordionContent a.link span { display: block; line-height: 14px;margin-top: 5px;	}
#mobinav div.wrapper .accordionContent a.link:hover{color:#E10F21;}
#mobinav div.wrapper .accordionContent a.link:hover img{border-color:#cfcfcf;}
#mobinav div.wrapper .accordionContent a.link:hover span{border-color:#E10F21;border-left:2px solid #E10F21;padding-left:5px;}
/*	================================================================
*	block:	BAR
*/
.bar{background: #272727;height: auto;width: 100%;padding: 3px 0px 3px 0px;}
.bar.utilisateur{background: #272727;}
.bar.concession{background: #DADADA;}
.bar .ui-nav{max-width: 1170px;margin:0 auto;}
.bar .ui-nav em{color:#e10f21;}
.bar .ui-nav ul{margin:0;padding:0;}
.bar .ui-nav ul li{float:right;margin:0 5px 0 5px;padding:0;}
.bar .ui-nav ul li.name{float:left;font-size:10px;line-height:14px;font-weight:700;width:auto;color:#fff;text-align:left;margin:0;text-indent: 5px;}
.bar .ui-nav ul li a{display:block;font-size:10px;line-height:14px;text-transform:uppercase;font-weight:700;width:auto;color:#fff;text-decoration:none;text-align:right;}
.bar .ui-nav ul li a:hover{text-decoration:underline;color:#e10f21;}

.bar.concession em { color:#000;}
.bar.concession .ui-nav ul li a { color:#000;}

/*	================================================================
*	block:	breadcrumb
*/
div.breadcrumb{ width: 100%; max-width: 980px;margin:0 auto; font-size: 11px; color: #dc1325;}
div.breadcrumb li {list-style-type: none;}
div.breadcrumb a{color: #dc1325;}
div.breadcrumb span.b-separator{display: inline-block; font-size: 10px; color: #dc1325; padding: 0 6px;}

/*	================================================================
*	block:	SECTION settings
*/
div.outer {}
div.outer.gray {background: #f2f2f2;}
div.section {max-width: 940px;margin: 0 auto;padding: 25px 0px 25px 0px;}
div.section div.section-heading {}
div.section div.section-heading.bw {background: url('images/1x1_white.gif') bottom left repeat-x;}
div.section div.section-heading.bg {background: url('images/1x1_gray.gif') bottom left repeat-x;}
div.section div.section-heading h2, div.section div.section-heading h3, div.section div.section-heading h4, div.section div.section-heading h1, div.section div.section-heading div.nous_contacter, div.section div.section-heading div.galeriemedia, div.section div.section-heading div.offresspeciales, div.section div.section-heading div.accessoires, div.section div.section-heading div.configurer, div.section div.section-heading h3.programme {font-size: 38px;line-height:38px;text-transform: uppercase;color:#4d4d4d; text-align: center;border-bottom:1px solid #e10f21;margin: 0 auto;width: auto;font-weight: normal;}
div.section div.section-heading h4.programme, div.section div.section-heading h3.programme{/*background: url(images/occasions.png) top left no-repeat; padding: 0 0 0 140px;*/ margin-bottom: 30px;}
div.section div.section-heading h2.accessrapide, div.section div.section-heading h4.accessrapide { width: 290px; }
div.section div.section-heading h2.galeriemedia, div.section div.section-heading h4.galeriemedia, div.section div.section-heading div.galeriemedia { width: 170px; }
div.section div.section-heading h2.offresspeciales, div.section div.section-heading h4.offresspeciales, div.section div.section-heading div.offresspeciales { width: 380px; }
div.section div.section-heading h2.explorateur, div.section div.section-heading h4.explorateur, div.section div.section-heading h1.explorateur { width: 520px; }
div.section div.section-heading h2.accessoires, div.section div.section-heading h4.accessoires, div.section div.section-heading div.accessoires { width: 280px; }
div.section div.section-heading h2.configurer, div.section div.section-heading h4.configurer, div.section div.section-heading div.configurer { width: 260px; }
div.section div.section-heading h2.trouver, div.section div.section-heading h4.trouver { width: 640px; }
div.section div.section-heading h2.horaires, div.section div.section-heading h4.horaires { width: 580px; }
div.section div.section-heading h2.plan, div.section div.section-heading h4.plan { width: 290px; }
div.section div.section-heading h2.reserver_un_essai, div.section div.section-heading h4.reserver_un_essai, div.section div.section-heading h1.reserver_un_essai { width: 400px; }
div.section div.section-heading h2.rendez_vous_sav, div.section div.section-heading h4.rendez_vous_sav, div.section div.section-heading h1.rendez_vous_sav { width: 570px; }
div.section div.section-heading h2.telecharger, div.section div.section-heading h4.telecharger { width: 620px; }
div.section div.section-heading h2.lagamme, div.section div.section-heading h4.lagamme, div.section div.section-heading h1.lagamme { width: 620px; }
div.section div.section-heading h2.mymitsubishi, div.section div.section-heading h4.mymitsubishi, div.section div.section-heading h1.mymitsubishi { width: 290px; }
div.section div.section-heading h2.contactez, div.section div.section-heading h4.contactez, div.section div.section-heading h1.contactez { width: 360px; }
div.section.mini { padding: 25px 0px 0px 0px; }
div.section.mini div.section-heading { padding: 10px 0px; }
div.section.mini div.section-heading h2, div.section.mini div.section-heading h4{border:0px;font-size: 18px;}
div.section.mini div.section-heading h2 span, div.section.mini div.section-heading h4 span{font-size: 22px;color:#e10f21;}
div.section div.section-info, div.section div.section-info h2 { font-size: 18px; color:#9c9c9c; padding: 10px 0px 20px 0px;text-align: center; text-transform: none; margin-bottom: 0;}
div.section div.section-info.red { color:#e10f21;}
div.section div.section-box {/*border:1px dotted #e10f21;*/}
div.section div.section-box-left{width: 47%;float: left;padding: 0px 5px;}
div.section div.section-box-right{width: 47%;float: right;padding: 0px 5px;}
div.section div.section-box-left img, div.section div.section-box-right img { width: 100%; }
div.section div.section-back {height: 32px;margin: 20px 0px 0px 0px;}
div.section div.section-back a {display: block; margin: 0 auto; width:220px;height:32px;background: url('concessionnaire/back.png') center center no-repeat;line-height: 32px;color:#626262;font-size: 11px;font-weight: bold;text-decoration: none;padding: 0px 0px 0px 80px;}
div.section div.section-back a:hover {color:#E10F21;}

div.section div.section-box.page {padding: 0px 10px 20px 10px;line-height: 20px;}
div.section div.section-box.page p {margin: 0px 0px 5px 0px;color:#9C9C9C;}
div.section div.section-box.page strong {color:#676767;}
div.section div.section-box.page h1,
div.section div.section-box.page h2,
div.section div.section-box.page h3,
div.section div.section-box.page h4,
div.section div.section-box.page h5 {margin: 10px 0px 5px 0px;}
div.section div.section-box.page ul { margin: 0px 0px 0px 0px; padding:0px 0px 0px 30px;}
div.section div.section-box.page ul li { margin: 2px 0px 2px 0px;padding:0px 0px 0px 5px;list-style-type: square;color:#9C9C9C;}

ul.section, ol.section { margin: 0px 0px 10px 0px; padding:0px 0px 0px 15px;}
ul.section li, ol.section li { margin: 2px 0px 2px 0px;padding:0px 0px 0px 0px;list-style-type: square;text-indent: 0px}
ol.section li {list-style-type: decimal;}

div.section div.occasion-concessions-select{background: url(images/occasions_loupe.png) center left no-repeat; width: 350px; margin: 0 auto; padding: 0 0 0 40px;}
div.section div.occasion-concessions-select .selectric{background: #fff;}
/*	================================================================
*	block:	USER/CONCESIONNAIRE interfaces
*/
div.int-section{margin:0 auto; width:400px; padding: 10px;background: #f9f9f9;}
div.int-section div.ub-title{font-size: 12px;color:#fff;text-transform: uppercase;line-height:15px;padding:3px 0px;font-weight: bold;/*border-left:4px solid #E10F21;border-bottom:1px solid #E10F21;*/margin: 0px 0px 10px 0px;text-indent: 5px;background: #E10F21;}
div.int-section .ui-holder{border-bottom:0px solid #fff;padding: 0px 0px;margin: 5px 0px;}
div.int-section .ui-holder div.white-block{background-color: #ffffff;padding: 10px 30px;font-weight: bold;}
div.int-section .ui-holder div.white-block div.fc-title{text-align: center;}
div.int-section .ui-holder div.white-block label{cursor: pointer;}
div.int-section .ui-holder div.white-block div#unstructions_text{padding-top: 10px; text-align: justify; font-style: italic;}
div.int-section .ui-form-label {float:left;margin: 0px 0px 0px 0px;padding: 3px 0px 3px 0px;width: 150px;line-height:15px;color:#444;font-size: 11px;font-weight: bold;text-align:right;}
div.int-section .ui-form-input {float:right;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;width: 240px;line-height:15px;text-align: right;}
div.int-section .ui-form-input input {border:1px solid #E7E0CC;padding: 3px 0px 2px 0px;text-indent:5px; width: 99%;font-size: 12px;}
div.int-section form button, button.error-btn {background: #E10F21;color:#fff;border:0px solid #fff;cursor:pointer;width:90px; float: right;margin: 5px 0px 5px 5px;font-size: 10px;text-transform: uppercase;line-height: 20px;}
button.error-btn{display: block; float: none; padding: 3px 8px; margin: 0 auto; width: 200px; margin-bottom: 10px;}
div.int-section .ui-links{border-top:2px solid #E10F21;}
div.int-section .ui-links a {color:#000;font-size: 11px;font-weight: bold;}
div.int-section .ui-links a:hover {color:#E10F21;text-decoration: underline;}

div.int-form { background: #f8f8f8;padding: 10px;margin: 15px 0px 0px 0px;}
div.int-form h5 { margin: 0px 0px 5px 0px; text-transform: uppercase;font-weight: bold;font-size: 12px;border-bottom:1px solid #fff;padding: 0px 0px 5px 0px;color:#E10F21;border-bottom:2px solid #DADADA;}
div.int-form div.int-form-text { line-height: 15px;font-size: 11px;}

div.int-nav {max-width: 940px;margin:0 auto;border-bottom:2px solid #e10f21;margin:0px 0px 10px 0px;}
div.int-nav ul{margin:0;padding:0;}
div.int-nav ul li{float:left;margin:0px 0px 0px 0px;padding:0;}
div.int-nav ul li a{display:block;font-size:10px;line-height:14px;text-transform:uppercase;font-weight:700;width:auto;color:#fff;text-decoration:none;text-align:right;background: #e10f21;padding: 3px 10px;margin: 0px 5px 0px 0px;}
div.int-nav ul li a:hover{text-decoration:underline;color:#fff;background: #000;}
div.int-nav ul li.last a {margin: 0px;}
div.int-modele {border-bottom:1px solid #ccc;padding: 0px 0px 10px 0px;margin: 0px 0px 10px 0px;}
div.int-modele div.photo {float: left;}
div.int-modele div.photo img {height:60px;width: 80px;background:#fff;padding: 5px;border:3px solid #E10F21;}
div.int-modele div.modele {float: left;text-transform: uppercase;color:#000;font-size: 12px;padding: 0px 0px 0px 20px;}
div.int-modele div.modele h5{color:#E10F21;font-size: 10px;}

fieldset{border:2px solid #efefef;position: relative;padding: 20px;margin: 10px 0px 25px 0px;}
fieldset legend{background: #ededed;padding: 2px 10px;font-size: 11px;text-transform: uppercase;font-weight: bold;position: absolute;left:20px;top:-10px;}

div.int-buttons { border-top:4px solid #EFEFEF; padding: 5px 0px 10px 0px;}
div.int-buttons input {float: left;}
div.int-buttons button {float: right;background: #DADADA;border:1px solid #fff;cursor: pointer;color:#E10F21;padding: 4px 15px;line-height: 10px;text-transform: uppercase;font-weight: bold;font-size: 10px;}

div.ui-message{background: #f9f9f9; text-align: center;padding: 10px 10px;font-size: 12px;font-weight: bold;max-width: 400px;margin:0 auto;margin-bottom: 10px;}
div.ui-message.warning{color:#F88E25;}
div.ui-message.error{color:#E10F21;}
div.ui-message.success{color:#729943;}

div.e-holder{border-bottom:1px solid #fff;padding: 5px 0px;margin: 5px 0px;}
div.r-holder{padding: 5px 0px 0px 0px;margin: 5px 0px 0px 0px;}
div.form-label {float:left;margin: 5px 10px 0px 0px;padding: 3px 0px 3px 0px;width: 150px;line-height:15px;/*background: #ccc;*/color:#444;text-transform: uppercase;font-size: 11px;font-weight: bold;}
div.form-input {float:left;margin: 5px 10px 0px 0px;padding: 0px 0px 0px 0px;width: 350px;line-height:15px;background: #ccc;}
div.form-input input {border:1px solid #E7E0CC;line-height: 13px;padding: 3px 0px 2px 0px;text-indent:5px; width: 100%;font-size: 12px;}
div.form-update {float:left;margin: 5px 10px 0px 0px;padding: 5px 0px 5px 0px;width: 80px;line-height:12px;background: #CDDAA0;color:#444;text-transform: uppercase;font-size: 11px;font-weight: bold;text-align: center;cursor: pointer;}
div.form-response {float:left;margin: 5px 10px 0px 0px;padding: 3px 0px 3px 0px;width: 350px;line-height:15px;color:#444;font-weight: bold;/*background: #ccc;*/}
div.form-response p {margin: 0px;padding: 0px;font-size: 11px;}
div.form-response p.success {color:#527D27;}
div.form-response p.error {color:#BE001E;}

div.picture{float:left;overflow:hidden;background:#efefef;margin:5px 5px 10px 0;padding:5px;font-size:11px;}
div.picture div.frame{text-align:center;}
div.picture div.details span.info{float:left;height:20px;line-height:20px;width:155px;padding-left:0;margin:5px 0 0 5px;}
div.picture div.details span.delete{float:right;height:20px;line-height:20px;width:75px;padding-left:10px;margin:5px 5px 0 0;}
div.picture div.details span.delete input{float:right;}
div.picture img{background:#fff;padding:2px;}

/*	================================================================
*	Webservice forms
*/
form#formcl{}
form#formcl div.form-group{border-bottom: 1px solid #fff;margin: 5px 0;padding: 5px 0;}
form#formcl div.form-group:after{clear: both;content: " ";display: block;height: 0;visibility: hidden;}
form#formcl div.selectricWrapper, form#formcl div.selectricWrapper div{border-bottom: none;margin: 0;padding: 0;}
form#formcl div.selectricWrapper, form#formcl div[id^=Client_voitures_] div.selectricWrapper{border-bottom: 1px solid #DDDDDD; float: left; width: 350px;}
form#formcl div[id^=Client_voitures_] div.selectricWrapper{width: 116px; margin-right: 2px;}
form#formcl label{color: #444;float: left;font-size: 11px;font-weight: bold;line-height: 15px;margin: 5px 10px 0 0;padding: 3px 0;text-transform: uppercase;width: 200px;}
form#formcl div#client_genre label, form#formcl div#client_vnvo label{float: none; font-weight: normal;}
form#formcl div#client_genre, form#formcl div#client_vnvo{border-bottom: none;margin: 0;padding: 0;}
form#formcl input[type=text], form#formcl input[type=email], form#formcl input[type=number]{border: 1px solid #e7e0cc;font-size: 12px;line-height: 13px;padding: 3px 0 2px;text-indent: 5px;width: 350px;float: left;}
form#formcl input[readonly=readonly]{background-color: #F8F8F8;}
form#formcl button[type=submit]{box-shadow: none; margin-left: 210px;}
form#formcl ul.voitures > li{border: 1px dashed #E10F21; padding: 20px; margin: 10px 0;}


/*	================================================================
*	block:	Tabbed interface
*/
div.tabs-wrapper{overflow:hidden;/*background:#fff;*/padding:0;}
div.tabs-wrapper.shadow{background: url(tabs/shadow.jpg) top center no-repeat;}
div.tabs-wrapper ul.tabs-list{float:left;list-style:none;height:34px;width:100%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:0;padding:0;}
div.tabs-wrapper ul.tabs-list li{float:left;height:33px;line-height:33px;border-left:none;background:#fff;overflow:hidden;position:relative;border-bottom:1px solid #ccc;margin:0 0 -1px;padding:0;}
div.tabs-wrapper ul.tabs-list li a{text-decoration:none;color:#676767;display:block;outline:none;font-size:13px;font-weight:700;/*padding:0 20px;*/padding:0 8px;}
div.tabs-wrapper ul.tabs-list li.active,div.tabs-wrapper ul li.active a:hover{background:#fff;border-bottom:2px solid #e10f21;}
div.tabs-wrapper div.tab-data{border-top:none;clear:both;/*float:left;*//*background:#fff;*/}
div.tabs-wrapper div.tab-data .inner-tab-data{padding:5px;overflow: hidden;}
div.tabs-wrapper div.tab-data .inner-tab-data p{margin-bottom:10px;}
div.tabs-wrapper ul li a:hover,div.tabs-wrapper ul li.active a{background:#fff;color:#e10f21;}

div.tabsDesignOne ul.tabs-list{text-align:center;border:0px !important;}
div.tabsDesignOne ul.tabs-list li{display:inline-block;float:none;margin:0;border:0px !important;}
div.tabsDesignOne ul.tabs-list li a{background:#676767;color:#fff;border:0px !important;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding-left:10px;padding-right: 10px;}
div.tabsDesignOne ul.tabs-list li.active a,div.tabsDesignOne ul.tabs-list li.active a:hover{background: #e10f21;color:#fff;}
div.tabsDesignOne ul.tabs-list li a:hover{background:#272727;color:#fefefe;}

div.tabsDesignOne.green ul.tabs-list li.active a{background: #87ba04;}


.infoBlock{position:absolute;top:30px;left:150px;background:rgba(0,0,0,0.75);overflow:hidden;width:240px;height:150px;padding:20px;}
.infoLink{display:block;position:absolute;top:250px;left:150px;background:rgba(0,0,0,0.75);overflow:hidden;width:240px;height:20px;padding:5px 20px;color:#fff !important;text-transform: uppercase;font-size: 16px;text-align: center;}
.infoBlock h2, .infoBlock h4{font-size:20px;line-height:1.2;padding-bottom:3px;margin:0;}
.infoBlock p{font-size:14px;margin:4px 0 0;}
.infoBlock a{color:#FFF;text-decoration:underline;}
.fullWidth{background:#f1f2f2;max-width: 1920px;margin:0 auto;}

/*	================================================================
*	ajax
*/
div#loading { width:250px;margin:0 auto;margin-top:20px;line-height: 15px; padding: 5px;text-align: center;font-size:11px;font-weight: bold;}
div#attention { width:250px;margin:0 auto;margin-top:20px;line-height: 15px; padding: 5px;text-align: center;font-size:11px;font-weight: bold;color:#E10F21;}

/*	================================================================
*	page:	Offre
*/
div.offre {border:1px solid #dddddd;padding: 20px 4px 20px 4px;width: calc(100% - 10px);margin-top: 10px;background: ##FBFBFB;overflow: hidden;}
div.offre div.offre_image {width: calc(100% - 20px);float: left;margin: 0px 10px;text-align: center;}
div.offre div.offre_image img { width: 100%; }
div.offre div.offre_info {width: calc(100% - 20px);float: left;margin: 0px 10px;}
div.offre div.offre_info div.offre_modele { font-size: 35px;line-height: 60px;font-weight: normal;}
div.offre div.offre_info div.offre_title {font-size: 18px;line-height: 20px;text-transform: uppercase;margin:20px 0px 10px 0px;}
div.offre div.offre_info div.offre_content {font-size: 11px;line-height: 20px;text-transform:none; margin:0px 0px 15px 0px;}
div.offre div.offre_info div.offre_link a { display:block;height: 24px;line-height: 24px;margin: 0 3px 5px 0;padding: 0 40px 0 10px;text-transform: uppercase;white-space: nowrap;width: 175px;background: #E10F21;color:#fff !important;font-size: 12px;font-weight: bold;display: none;}
div.offre div.offre_info div.offre_link a:hover {background: #676767;}
	
/*	================================================================
*	page:	Forum
*/	
ul.explication {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
ul.explication li {float: left;text-align: center;width: 33.33%;}
ul.explication li img {width:auto !important;}
ul.explication li p {color: #606060;font-size: 11px;line-height: 13px;margin-top: 5px;padding: 0 10px;}

ul.chiffre {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
ul.chiffre li {float: left;text-align: center;width: 33.33%;}
ul.chiffre li img {width:auto !important;}
ul.chiffre li p {color: #606060;font-size: 11px;line-height: 13px;margin-top: 5px;padding: 0 10px;}
ul.chiffre li p.nbr_membre {color: #e40514;font-size: 26px;font-weight: 700;margin-bottom: 5px;margin-top: 11px;}
ul.chiffre li p {color: #606060;font-size: 16px;padding: 3px 10px;}

div.road{background: url('images/road.jpg') bottom center no-repeat;}
div.road div.lform{position: absolute;top:0px;right:0px;bottom:0px;background: #fff;width:300px;border-left:10px solid #fff;}
div.road div.lform div.lbl{background:url(nav/bg.jpg) top left repeat-x;color:#fff;padding: 4px 10px;font-size: 12px;text-transform: uppercase;font-weight: bold;}

div.road {padding: 10px 10px 0px 5px;}
div.road p {color: #fff;font-size: 24px;line-height: 30px;padding:20px 30px 20px 30px;text-align: center;text-shadow: none;text-transform: uppercase;}
div.volan{background: url('images/1fab66442ffdcb36c1f86fe15852c9f8x.jpg') bottom center no-repeat;}

div.forum-listing{padding: 0px 0px 0px 0px;margin: 10px 0px 10px 0px;}
div.forum-listing div.heading{padding: 5px 0px 5px 0px;margin: 0px 0px 5px 0px;text-indent: 10px;font-size: 11px;line-height: 11px;text-transform:uppercase;color:#fff;background:url(nav/bg.jpg) top left repeat-x;}
div.forum-listing div.libelle.red{background: #E10F21;color:#ff;}

div.forum-listing div.topic{padding: 0px 0px 25px 0px;margin: 0px 0px 15px 0px;color:#000;border-bottom:1px solid #efefef;min-height: 80px;position: relative;}
div.forum-listing div.topic div.modele {width:100px;height:80px;position: absolute;top:0px;left:0px;}
div.forum-listing div.topic div.modele img {width:100%;height:100%;background:#fff;padding: 5px;border:2px solid #ccc;}
div.forum-listing div.topic div.title {padding: 0px 0px 0px 120px;background: #efefef;}
div.forum-listing div.topic div.title a{color:#000;font-weight: bold;}
div.forum-listing div.topic div.title a span {font-size: 10px;text-transform: uppercase;color:#E10F21;font-weight: bold;padding: 0px 0px 0px 0px;}
div.forum-listing div.topic div.post {padding: 0px 0px 0px 120px;margin: 6px 0px;}
div.forum-listing div.topic div.post div.content {padding: 5px;background: #fefefe;color:#000;-moz-box-shadow:inset 0 0 5px #ccc;-webkit-box-shadow: inset 0 0 5px #ccc;box-shadow:inset 0 0 5px #ccc;min-height: 58px;font-style: italic;color:#8b8b8b;}
div.forum-listing div.topic span.posts {position: absolute;top:3px;right:6px;display: block;color:#E10F21;margin: 0px 0px 0px 0px;background: url(forum/post.png) center right no-repeat;text-indent: 20px;height: 16px;line-height: 16px;padding: 0px 20px 0px 0px;font-size:11px;}
div.forum-listing div.topic div.author{position: absolute;bottom:0px;left:0px;color:#444;font-size: 11px;}
div.forum-listing div.topic div.author {}
div.forum-listing div.topic div.author strong {}
div.forum-listing div.topic div.author strong.manager {color:#E10F21;}
div.forum-listing div.topic div.date{position: absolute;bottom:0px;right:0px;color:#444;font-size: 10px;}

div.forum-modele{min-height: 210px;-moz-box-shadow:inset 0 0 5px #ccc;-webkit-box-shadow: inset 0 0 5px #ccc;box-shadow:inset 0 0 5px #ccc;padding: 10px 20px 20px 20px;position: relative;}
div.forum-modele div.modele {padding: 0px;text-align: right;color:#E10F21;font-weight: bold;line-height: 26px;font-size: 22px;font-family: 'Michroma', sans-serif;}
div.forum-modele div.modele span {color:#000;}
div.forum-modele div.design {position: absolute;top:50px;left:20px;color:#000;font-style: italic;}

div.forum-modele a.fiche {position: absolute;top:20px;left:20px;width:150px;background:#e10f21;line-height:14px;font-size:12px;text-transform:uppercase;text-align:center;font-weight:700;cursor:pointer;color:#fff;padding:5px 0;display: block;}
div.forum-modele a.topics {display: block;position: absolute;bottom:5px;left:0px;right:0px;width:100%;line-height:14px;font-size:12px;text-align:center;font-weight:700;cursor:pointer;color:#e10f21;padding:2px 0px;display: block;}
div.forum-modele ul{margin: 10px 0px 0px 0px;padding: 0px;}
div.forum-modele ul li{display: block;width: 80px;height:auto;background-position: center center;background-repeat: no-repeat !important;float: left;margin: 0px 10px;padding: 80px 0px 0px 0px;text-align: center;font-size:16px;color:#e10f21;text-transform: uppercase;font-size: 11px;}
div.forum-modele ul li.utilisateurs{background: url('forum/utilisateurs.png');}
div.forum-modele ul li.topics{background: url('forum/topics.png');}
div.forum-modele ul li.posts{background: url('forum/posts.png');}
div.forum-modele ul li strong{color:#000;display: block;padding: 5px 10px;background: #fff;font-size: 17px;}

div.forum-topic {padding: 0px;border-top:2px solid #000;position: relative;margin: 0px 0px 20px 0px;}
div.forum-topic div.title{background: #f1f1f1;padding: 3px 0px;text-indent: 10px;font-size: 15px;font-weight: bold;color:#232323;}
div.forum-topic div.content{background: #f1f1f1;padding: 10px;}
div.forum-topic div.author{float:left;color:#000;font-size: 11px;}
div.forum-topic div.author {}
div.forum-topic div.author strong {}
div.forum-topic div.author strong.manager {color:#E10F21;}
div.forum-topic div.date{float:right;color:#000;font-size: 10px;}
div.forum-topic div.posts {position: absolute;top:3px;right:6px;display: block;color:#E10F21;margin: 0px 0px 0px 0px;background: url(forum/post.png) center right no-repeat;text-indent: 20px;height: 16px;line-height: 16px;padding: 0px 20px 0px 0px;font-size:11px;}

div.forum-posts{padding: 0px 0px 0px 50px;}
div.forum-posts div.post{border:1px solid #f1f1f1;padding: 35px 0px 5px 0px;position: relative;margin: 0px 0px 10px 0px;-moz-box-shadow:inset 0 0 5px #ccc;-webkit-box-shadow: inset 0 0 5px #ccc;box-shadow:inset 0 0 5px #ccc;background: #f1f1f1;}
div.forum-posts div.post div.content{padding: 0px 10px;}
div.forum-posts div.post div.content div.data{border-bottom:1px solid #f1f1f1;background: #fff;padding: 5px;font-style: italic;}
div.forum-posts div.post div.author{float:left;color:#000;font-size: 11px;text-indent: 10px;}
div.forum-posts div.post div.author {}
div.forum-posts div.post div.author strong {}
div.forum-posts div.post div.author strong.manager {color:#E10F21;}
div.forum-posts div.post div.date{float:right;color:#000;font-size: 10px;margin: 0px 10px 0px 0px;}
div.forum-posts div.post span.likes,div.forum-posts div.post span.like {cursor:pointer;display: block;position: absolute;top:5px;right:10px;width:50px;background: url(forum/like.png) center right no-repeat;text-align: right;padding: 5px 20px 0px 0px;}
div.forum-posts div.post span.like{cursor: default;}
div.forum-posts div.post span.likes:hover{color:#E10F21;}

div.forum-create {padding: 0px 0px 0px 0px;}
div.forum-create div.holder {border:1px solid #f1f1f1;padding: 10px;background: #f1f1f1;}
div.forum-create div.holder div.label {padding: 5px 0px 5px 0px;margin: 0px 0px 5px 0px;text-indent: 10px;font-size: 11px;line-height: 11px;text-transform:uppercase;color:#fff;background:#E10F21;font-weight: bold;}
div.forum-create div.holder div.data{padding: 5px 0px 5px 0px;text-align: center;position: relative;}
div.forum-create div.holder div.data input {border:1px solid #efefef;width:calc(100% - 10px);text-align: left;font-family: Arial;font-size: 12px;padding: 4px;line-height: 12px;font-size: 12px;}
div.forum-create div.holder div.data textarea {border:1px solid #efefef;width:calc(100% - 10px);text-align: left;font-family: Arial;font-size: 12px;padding: 4px;}
div.forum-create div.holder div.data div.response{margin:5px 0px;float:right;width:auto;line-height:12px;font-size:12px;text-align:right;color:#e10f21;display: none;font-weight: bold;}
div.forum-create div.holder div.data div.response p.success{color:#0F7B05;}
div.forum-create div.holder div.data div.push{margin:5px 0px;float:right;width:auto;background:#e10f21;line-height:11px;font-size:11px;text-transform:uppercase;text-align:center;font-weight:700;cursor:pointer;color:#fff;padding:5px 20px;}

div.forum-section {width:50%;}

table.forum {width:100% !important;display: none;}
table.forum thead tr th {background: #f5f5f5;color:#000;text-align: left;padding: 4px 0px;text-indent: 5px;text-transform: uppercase;font-size: 11px;}

table.forum tbody tr td.modele{}
table.forum tbody tr td.modele img{ width:60px;height: 45px;}
table.forum tbody tr td{vertical-align: middle;font-weight: bold;text-indent: 5px;}

ul.forum-modeles{margin: 0px;padding: 0px;text-align: center;}
ul.forum-modeles li{margin: 5px 3px;padding: 5px 0px;text-align: center;display: inline-block;height: auto;vertical-align: top;background: #f5f5f5;width:calc( 14% - 10px);}
ul.forum-modeles li a img {width: 80px;height: 60px;}
ul.forum-modeles li a span{display: block;height: 30px;line-height: 15px;font-size: 11px;text-transform: uppercase;color:#000;font-weight: bold;text-align: center;width:100%;}
ul.forum-modeles li:hover{background: #f1f1f1;}

div.bienvenue{background: url(forum/logo.jpg) bottom left no-repeat #fff;min-height: 250px;padding: 20px 0px 0px 0px;text-align: center;position: relative;}
div.bienvenue h3{color:#000;font-family: 'Michroma', sans-serif;font-size: 20px;margin: 0px 0px 10px 0px;}
div.bienvenue h4{color:#343434;font-family: 'Michroma', sans-serif;font-size: 16px;margin: 10px 0px 10px 0px;}
div.bienvenue div.int-section{position: absolute;bottom:0px;right:0px;background: none;padding: 0px;}
div.bienvenue ul{margin: 10px 0px 0px 0px;padding: 0px;position: absolute;bottom:0px;right:0px;}
div.bienvenue ul li{display: block;width: 100px;height:auto;background-position: center center;background-repeat: no-repeat !important;float: right;margin: 0px 10px;padding: 80px 0px 0px 0px;text-align: center;font-size:16px;color:#e10f21;text-transform: uppercase;font-size: 11px;}
div.bienvenue ul li.utilisateurs{background: url('forum/utilisateurs.png');}
div.bienvenue ul li.topics{background: url('forum/topics.png');}
div.bienvenue ul li.posts{background: url('forum/posts.png');}
div.bienvenue ul li strong{color:#000;display: block;padding: 5px 10px;background: #fff;font-size: 17px;}

#poser-votre-question{margin: 20px 0px 10px 0px;background: #efefef;padding: 5px 0px;color:#000;font-weight: bold;text-align: center;text-transform: uppercase;font-size: 13px;border:1px solid #000;cursor: pointer;}
#poser-votre-question:hover{background: #E10F21;color:#fff;}
#poser-votre-question-holder{display: none;margin: 20px 0px 10px 0px;}

/*	================================================================
*	page:	Modele
*/
ul.links {margin: 0;float: right;list-style: none;height: 40px;}
ul.links li {margin: 0;padding: 0px 5px;height: 40px;line-height: 30px;border-left: none;background: #fff; overflow: hidden;position: relative;border-bottom:1px solid #ccc;background: url('images/separator.gif') right center no-repeat; text-align: center;display:inline-block;}
ul.links li a {text-decoration: none;color: #fff;display: block;padding: 9px 0px 5px 0px;margin:0px 3px;outline: none;font-size:14px;font-weight: bold;text-transform: uppercase;line-height: 20px;}
ul.links li a:hover {color:#d4d4d4;border-bottom: 1px solid #e10f21;border-bottom:3px solid #545454;}
ul.links li.active {}
ul.links li.active a{border-bottom: 3px solid #e10f21;}
ul.links li.active,
ul.links li.active a:hover {}
ul.links li.last{background: none;}
ul.switcher-submenu{position: absolute; top: 40px; right: 0px; background: url('footer/bg.gif') top left repeat; display: none;}
ul.switcher-submenu li{margin: 0 0 2px 0; border-top: 1px solid #666;}
ul.switcher-submenu li a{padding: 5px 10px; color: #fff; font-size:13px;font-weight: bold;text-transform: uppercase; display: block;}
ul.switcher-submenu li a:hover{color:#d4d4d4;}

div.nav-modele {width: auto;height:40px;background: url('footer/bg.gif') top left repeat;}
div.nav-modele div.section {padding: 0px 5px;}
div.nav-modele div.section div.modico {float:left;margin: 5px 12px 5px 0px; height: 30px; width: 30px; padding: 0px;}
div.nav-modele div.section div.superlabel h1 { font-family: 'Michroma', sans-serif; color:#fff;float: left; font-size: 24px;line-height: 24px; padding: 8px 0px;font-weight: bold; }

div.gc-images{width:100%;border:0px dotted #006080;margin:0 auto;padding:10px 0px;}
div.gc-images div.gc-title{text-align:center;line-height:15px;font-size:12px;font-family:Michroma,sans-serif;color:#676767;text-transform:uppercase;padding:10px 0;}
div.gc-images div.gc-thumbs img{cursor:pointer;margin:0 5px;}
div.gc-images div.gc-main {width: 360px;margin: 0 auto;}
div.gc-images div.gc-main img {width: 100%;}
div.gc-images div.gc-main,div.gc-images div.gc-thumbs{text-align:center;}

div.res_left { width: 49%;float:left; }
div.res_right { width: 49%;float:right; }

div.icolabel { background: #fff;font-size:12px;color:#454545;line-height: 13px;padding: 7px 0px;text-indent: 27px;margin: 0px 0px 5px 0px;border-bottom:1px solid #FAFAFA; }
div.icolabel.co2 {background:url(icons/co2.gif) 3px 4px no-repeat #fff;}
div.icolabel.consommation {background:url(icons/consommation.gif) 3px 4px no-repeat #fff;}
div.icolabel span { float: right; display: block;width:65%;text-align: left; }

div.modele_presentation { padding: 10px 5px; }

div.pres_content {padding: 10px; }
div.pres_images { width: 45%; float: left; padding: 10px; text-align: center; }
div.pres_slides { width: 45%; float: right; padding: 10px; background: #f2f2f2;margin-top: 10px;}

ul.tbz {text-align: left;border:0px;float:none !important;height: auto !important;}
ul.tbz li { float:none !important;height: auto !important;overflow: auto !important;display: block !important;background: none !important;}
ul.tbz li a.head { display: block; line-height:11px; height: 11px; padding: 8px 5px; background: #fff; border-bottom:1px solid #e4e4e4 !important; color:#454545;text-transform: uppercase;text-indent: 5px;font-size: 11px;font-weight: bold; margin:4px 0px 0px 0px !important; }
ul.tbz li a.head:hover { color:#000;}
ul.tbz li a.head.plus{background:url(images/plus.gif) right center no-repeat #fff;}
ul.tbz li a.head.minus{background:url(images/minus.gif) right center no-repeat #fff;}
ul.tbz li div.content { display: none;background: #fff;padding: 5px 10px; font-size: 11px; line-height: 15px;text-align: justify;}
ul.tbz li div.content ul.minilist { margin: 0px 0px 10px 0px; padding:0px 0px 0px 15px;}
ul.tbz li div.content ul.minilist li { margin: 2px 0px 2px 0px;padding:0px 0px 0px 0px;list-style-type: square;text-indent: 0px}
ul.tbz li div.content ul.minilist li a {color:#e10f21;}

div.accessoares-label{ color: #e10f21; text-align: center; padding: 5px 0 0 0;}
div.step3 div.accessoares-label{ color: #e10f21; text-align: left; padding: 5px 0 0 20px;}

div.cfg-eqs {padding: 0px;}
div.cfg-eqs table {font-size: 11px;text-indent: 5px;margin: 0px 0px 0px 0px;text-transform: uppercase;width:100%;}
div.cfg-eqs table tr td {border:1px solid #DADADA; padding: 3px 0;}
div.cfg-eqs table tr td ul {margin: 0px 0px 0px 10px;}
div.cfg-eqs table tr td ul li {margin: 0px 0px 0px 10px;list-style: square;}
div.cfg-eqs table tr.heading td {background: #DADADA;color:#000;}
div.sw-characteristiques{display: none;}

ul.sw{margin: 0px;padding: 0px;}
ul.sw li{width:calc( 50% - 1px );float: left;border-right:1px solid #E20F20;text-align: center;cursor: pointer;}
ul.sw li.active{color:#E20F20;}
ul.sw li.last{border:0px;}

/*	================================================================
*	page:	Actualités
*/
div.box-article {margin:0 auto;margin-bottom: 20px;border-bottom:1px solid #ccc;padding-bottom: 20px;}
div.box-article h3{text-transform: uppercase;font-size: 15px;color:#676767;margin: 0px 0px 0px 0px;}
div.box-article div.date {color:#E10F21;font-size: 12px;font-weight: bold;margin: 0px 0px 5px 0px;}
div.box-article a.image{display: block;width:100%;}
div.box-article a.image img {border:1px solid #ccc;background: #ff;padding: 10px;}
div.box-article a.link { color: #e10f21;text-indent: 10px;background:url(images/e1.gif) 2px 3px no-repeat;font-weight: bold;font-size: 12px;padding-left: 12px;}
div.box-article a.link:hover {background:url(images/e1.gif) 4px 3px no-repeat;color:#000;}

/*	================================================================
*	page:	Concessionnaires
*/
div.search-block {overflow: hidden;}
div.search-block div.sb-label {float:left;width: 250px;font-size: 17px;line-height:17px;color:#626262;padding: 10px 0px 10px 0px;overflow: hidden;}
div.search-block input.sb-input {float:right;width: 425px;font-size: 17px;line-height:17px;color:#a0a0a0;padding: 5px 0px 6px 0px;overflow: hidden;background: #ffffff;text-indent:10px;border:3px solid #f0efef;}
div.search-block div.sb-button {float:right;width: 175px;font-size: 17px;line-height:17px;color:#fff;padding: 7px 0px 7px 0px;overflow: hidden;background: #bebebe;text-align: center;cursor: pointer;border:3px solid #F2F2F2;}
div.search-block div.sb-button:hover {background: #B5B5B5; }
/*
div.search-block div.sb-label {background: red;}
div.search-block input.sb-input {background: green;}
div.search-block div.sb-button {background: blue;}
*/
div.results{width:auto;margin:0 auto;}
div.results div.rbox{min-height:175px;position:relative;margin:0 0 20px;background:url(concessionnaires/brand.jpg) bottom right no-repeat #f2f2f2;}
div.results div.rbox.over{background:url(concessionnaires/brand_over.jpg) bottom right no-repeat #f2f2f2;color:#fff;}
div.results div.rbox.over .d1 h2, div.results div.rbox.over .d1 h4,div.results div.rbox.over .d1 div { color:#fff !important;}
div.results div.rbox div.srvcs{width:32px;height:32px;position:absolute;right:5px;top:5px;}
div.results div.rbox div.srvcs em{display:block;width:32px;height:32px;margin: 3px 0px;}
div.results div.rbox div.srvcs em.t1{background:url(concessionnaires/t1.png) center center no-repeat;top:5px;}
div.results div.rbox div.srvcs em.t2{background:url(concessionnaires/t2.png) center center no-repeat;top:42px;}
div.results div.rbox div.srvcs em.t3{background:url(concessionnaires/t3.png) center center no-repeat;top:79px;}
div.results div.rbox div.srvcs em.t4{background:url(concessionnaires/t4.png) center center no-repeat;top:114px;}
div.results div.rbox a.photo{display:block;position:absolute;height:140px;width:140px;margin:0;background: red;left:5px;top:5px;z-index: 500;}
div.results div.rbox a.photo img{height:140px;width:140px;}
div.results div.rbox div.desc{/*position:absolute;right:0;*/bottom:0;min-height:auto;width:100%;margin:0;padding:5px 0 0 0px;z-index: 5;}
div.results div.rbox div.desc div.d1{margin:0px 0px 0px 0px;}
div.results div.rbox div.desc div.d2{margin:30px 0px 0px 0px;}
div.results div.rbox div.desc a.decouvrir{display:block;/*position:absolute;left:0;bottom:0;*/margin-top:5px;height:auto;line-height:13px;font-size:13px;width:100%;text-align:center;text-transform:uppercase;color:#fff;background:#989898;padding:5px 0;}
div.results div.rbox div.desc h4{font-size:16px;text-transform:uppercase;color:#5a5a5a;font-weight:400;font-weight: bold;text-indent: 10px;}
div.results div.rbox div.desc div.adresse{font-size:12px;text-transform:uppercase;color:#5a5a5a;margin:0px;text-indent: 10px;}
div.results div.rbox div.desc div.cp_ville{font-size:12px;text-transform:uppercase;color:#5a5a5a;margin:0px;text-indent: 10px;}
div.results div.rbox div.desc div.inf{width:50%;height:20px;float:left;text-indent:0px;line-height:20px;text-indent:3px;margin:0 0px 5px 0px;font-size: 12px;text-transform: uppercase;font-weight: bold;}
div.results div.rbox div.desc div.inf.ls{}
div.results div.rbox div.desc div.inf.rs{}
div.results div.rbox div.desc div.inf span{display:block;width:18px;height:18px;float:left;margin-left: 5px;}
div.results div.rbox div.desc div.inf span.phone{background:url(concessionnaires/phone.png) center center no-repeat;}
div.results div.rbox div.desc div.inf span{background:url(concessionnaires/rvav.png) center center no-repeat;}
div.results div.rbox div.desc div.inf span.route{background:url(concessionnaires/route.png) center center no-repeat;}
div.results div.rbox div.desc div.inf span.rue{background:url(concessionnaires/rue.png) center center no-repeat;}

/*	================================================================
*	page:	Concessionnaire
*/
div.concessionnaire{padding:0;}
div.concessionnaire div.conces-slider{width:500px;float:left;text-align:center;}
div.concessionnaire div.conces-slider div.bx-pager-item a{height:8px;width:8px;}
div.concessionnaire div.conces-info{width:420px;float:right;}
div.concessionnaire div.conces-info div.vcard{background:url(concessionnaire/logo.png) 10px 10px no-repeat #fff;min-height:125px;margin:0 0 10px;}
div.concessionnaire div.conces-info div.vcard div.conces-title{text-indent:85px;font-size:14px;font-weight:700;text-transform:uppercase;color:#000;margin:0 0 5px;padding:10px 0 0;}
div.concessionnaire div.conces-info div.vcard div.adresse,div.concessionnaire div.conces-info div.vcard div.cp_ville{text-indent:85px;font-size:12px;text-transform:uppercase;color:#000;margin:0;}
div.concessionnaire div.conces-info div.vcard div.call,div.services div.service div.call{border-bottom:2px solid #e10f21;background:url(concessionnaire/call.png) left center no-repeat #4f504f;line-height:17px;height:17px;text-indent:60px;font-size:17px;color:#fff;margin:10px 0 0;padding:12px 0;}
div.services{border:1px solid #e7eced;overflow:hidden;background:url(concessionnaire/sep_horizontal.jpg) center center no-repeat;min-height:206px;padding:20px 100px;}
div.services div.service{width:275px;}
div.services div.service.commercial{float:left;}
div.services div.service.appresvente{float:right;}
div.services div.service h5, div.services div.service h3{text-indent:20px;background:url(concessionnaire/case.jpg) 0px 5px no-repeat;font-size:17px;text-transform:uppercase;line-height:17px;margin:5px 0 40px;padding:0;font-weight: normal;}
#concessionnaire_form,#modele_form {display: none;}

/*	================================================================
*	page:	Réserver un essai
*/
div.step-block{margin-bottom:10px!important;color:#676767;/*background: #F0AD4E;*/}
div.step-block.onlybutton{height:50px!important;min-height:50px;}
div.step-left{width:450px;float:left;/*min-height:225px;*/}
div.step-right{width:450px;float:right;/*min-height:280px;*/}
div.step-label{height:45px;position:relative;margin:0px 0 10px;/*background: #5CB85C;*/}
div.step-label div.no{float:left;width:30px;height:45px;line-height:45px;font-size:45px;margin-right:5px;border-right:1px solid #4B4D51;position:absolute;top:0;left:0;}
div.step-label div.lbl{float:left;line-height:25px;height:25px;font-size:25px;width:100%;text-indent:35px;text-align:left;margin:0 0 5px;padding:0;}
div.step-label div.sublbl{float:left;line-height:13px;height:13px;font-size:13px;width:100%;text-indent:35px;text-align:left;margin:0;padding:0;}
div.step-select{margin:0 0 10px;}
div.step-select.bw{border:1px solid #FFF;}
div.step-input{margin:0 0 10px;}
div.step-input input.text{border:1px solid #dedede;color:#a4a4a4;text-indent:10px;line-height:14px;height:14px;width:100%;padding:8px 0;}
div.step-input input.half{border:1px solid #dedede;color:#a4a4a4;text-indent:10px;line-height:14px;height:14px;width:48%;padding:8px 0;}
div.step-input input.req{background:url(images/req.gif) top right no-repeat;}
div.step-input textarea.textarea{border:1px solid #dedede;color:#a4a4a4;line-height:14px;height:160px;width:100%;padding:8px 0;font-family:Arial;font-size:13px;}
div.step-info{font-size:12px;margin:0 0 10px;padding:5px 0;}
div.step-info.f10{font-size:10px;line-height:13px;}
div.step-radios{margin:0 0 10px;padding:5px 0;}
div.step-radios div.radio-label{float:left;height:22px;line-height:22px;font-size:13px;width:90px;margin:0 10px 0 0;}
div.step-radios div.radio-label div.radio{float:left;width:22px;height:22px;cursor:pointer;background:url(fields/radio.png) center center no-repeat;margin:0 5px;}
div.step-radios div.radio-label div.radio.on{background:url(fields/radio-on.png) center center no-repeat;}
div.step-radios.ddb_when_radios div.radio-label{width:135px;text-align:left;}
div.step-captcha{position:relative;height:50px;width:100%;margin:0 0 10px;padding:0;}
div.step-captcha img{position:absolute;top:0;left:0;cursor:pointer;}
div.step-captcha div{position:absolute;top:15px;line-height:15px;left:210px;font-size:11px;width:90px;text-align:center;}
div.step-captcha div span{cursor:pointer;color:#c00;text-transform:uppercase;}
div.step-captcha div span:hover{font-weight:700;}
div.step-captcha input{position:absolute;bottom:0;left:105px;width:100px;height:46px;line-height:46px;background:#efefef;font-size:25px;letter-spacing:1.5px;text-align:center;text-indent:0;border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,0.25) inset;margin:0;}
div.step-button{background:#e10f21;line-height:14px;font-size:12px;text-transform:uppercase;text-align:center;font-weight:700;cursor:pointer;color:#fff;padding:15px 0;position: relative;}
div.step-button.middle{max-width:350px;margin:0 auto;}
div.step-button.gray{background:#8b8b8b;color:#fff;}
div.step-button span{position: absolute;top:9px;left:9px;display: block;width:26px;height:26px;}
div.step-button span.on{background:url(buttons/on.png) center center no-repeat;}
div.step-button span.off{background:url(buttons/off.png) center center no-repeat;}
div.step-button:hover,div.step-button.gray:hover{color:#000;}
div.rue_modele_logo{text-align: center;}

div.concession-filter{/*height:40px;line-height:40px;*/position:relative;text-align:center;margin-bottom: 10px;}
div.concession-filter input{border:1px solid #ccc;line-height:14px height:14px;text-indent:10px;width:99%;z-index:0;color:#A4A4A4;font-size:14px;padding:8px 0;}
div.concession-filter div.concession-filter-button{position:absolute;top:1px;right:0;height:32px;width:40px;line-height:32px;text-align:center;text-transform:uppercase;color:#fff;font-size:14px;z-index:999;background:#787878;cursor:pointer;}
div.concession-filter div.concession-filter-button:hover{background:#666;}
div.concession-list{padding:0px;overflow-y: scroll;/*height: 450px;*//*background: #006080;*/}
div.concession-list div.concession{line-height:17px;text-align:left;text-transform:uppercase;border-bottom:2px solid #e10f21;position:relative;background:url(rue/concession_off.jpg) right bottom no-repeat;margin:0px 0px 5px 0px;padding:15px 10px;}
div.concession-list div.concession:hover,div.concession-list div.concession.selected{border-bottom:2px solid #e10f21;cursor:pointer;background:url(rue/concession_on.jpg) right bottom no-repeat;color:#fff;}
div.concession-list div.concession div.cname{font-size:14px;font-weight:700;}
div.concession-list div.concession em{display:block;width:16px;height:16px;position:absolute;right:5px;}
div.concession-list div.concession em.t1{background:url(concessionnaires/t1.png) center center no-repeat;top:5px;}
div.concession-list div.concession em.t2{background:url(concessionnaires/t2.png) center center no-repeat;top:24px;}
div.concession-list div.concession em.t3{background:url(concessionnaires/t3.png) center center no-repeat;top:42px;}
div.concession-list div.concession em.t4{background:url(concessionnaires/t4.png) center center no-repeat;top:58px;}
div.concession-list div.concession div.ccp,div.concession-list div.concession div.cadr{font-size:12px;}

/*	================================================================
*	page:	Offres spéciales AND goodies
*/
div.sbox{width:50%;float:left;padding: 0px 0px 0px 0px;margin-bottom: 20px;}
div.sbox div.sbox-holder{background: #F2F2F2;padding: 5px 5px 45px 5px;text-align: center;}
div.sbox div.sbox-holder-text{padding: 0px 0px 30px 20px;}
div.sbox div.sbox-holder-text h2, div.sbox div.sbox-holder-text h4{font-size: 13px;text-transform: uppercase;}
div.sbox div.sbox-holder-text a.demande {display: block;margin:0 auto;margin-top: 15px;margin-bottom: 5px;padding: 10px 0px; width:100%;color:#a6a6a6;font-size:14px;background:#545454;text-decoration: none;text-align: center;font-weight: bold;}
div.sbox div.sbox-holder-text a.demande:hover {background-color: #c4c4c4;color:#000;}
div.sbox div.sbox-holder img{}

div.bx {width:16.6%;/*background: #F2F2F2;*/float: left;margin: 10px 0px 10px 0px;}
div.bx div.bx-holder { /*background:#F2F2F2;*/padding: 0px 4px;}
div.bx div.bx-holder div.title { font-size: 14px;text-transform: uppercase;text-align: center;font-weight: bold;color:#9A9A9A; height: 14px;line-height: 14px;padding: 5px 0px 5px 0px;}
div.bx div.bx-holder a { display:block;border:1px solid #dddddd; padding: 4px 4px 20px 4px; text-align: center; background: #fff; }
div.bx div.bx-holder a img {  }
div.bx div.bx-holder h3, div.bx div.bx-holder div.acc-name{padding: 3px 0px;color:#9A9A9A;text-align: center;font-size: 11px;line-height: 12px;margin: 10px 0px 0px 0px;line-height: 17px;min-height: 34px;text-transform: uppercase;font-weight: bold;}
div.bx div.bx-holder div.info { font-size: 12px;color:#9A9A9A;line-height: 17px;padding: 5px 5px 5px 5px;min-height: 55px;text-align: center;}
/*div.bx div.bx-holder a.link { display:block;padding: 0px 0px 0px 0px;border:0px; color: #e10f21;text-indent: 10px;background:url(images/e1.gif) 2px 5px no-repeat;text-align: left;font-weight: bold;font-size: 11px;}*/

div.box_eye {width:25%;/*background: #fff;*/float: left;margin: 10px 0px 20px 0px;}
div.box_eye div.box_eye_name { font-size: 14px;text-transform: uppercase;text-align: center;font-weight: bold;color:#232323; height: 24px;line-height: 14px;padding: 5px 0px 5px 0px;}
div.box_eye div.box_eye_image { background:#fff;padding: 0px 4px;position: relative;}
/*div.box_eye div.box_eye_image div.in_cart_icon {width: 100%; height: 100%; position: absolute;top: 0; left: 0; background: url(/images/ico_added.png) 182px 10px no-repeat; z-index: 2;display: none;}*/
div.box_eye div.box_eye_image div.in_cart_icon {width: 40px; height: 34px; position: absolute;top: 10px; right: 12px; background: url(/images/ico_added.png) center center no-repeat; z-index: 10;display: none;}
div.box_eye div.in-cart div.in_cart_icon {display: block}
div.box_eye div.box_eye_image a { display:block;border:1px solid #dddddd; padding: 4px 4px 20px 4px; text-align: center; background: #fff; position: relative; min-height: 153px;}
div.box_eye div.box_eye_image a.goodie {padding: 0; min-height: 169px;}
div.box_eye div.in-cart a.goodie img {opacity: 0.2;filter: alpha(opacity=20);}
div.box_eye div.box_eye_image a span { display: block; height: 24px; width:100%; left:0px; right:0px;bottom:-11px; position: absolute;background: url(images/eye_off.jpg) bottom center no-repeat;}
div.box_eye:hover div.box_eye_image a span { background: url(images/eye_on.jpg) bottom center no-repeat;}
div.box_eye div.box_eye_image a img { width:100%;/*height: 140px;*/}
div.box_eye div.box_eye_title {padding: 3px 0px;text-align: center;font-size: 14px;line-height: 14px;margin: 10px 0px 10px 0px;font-weight: bold;/*min-height: 30px;*/min-height: 52px;}
div.box_eye div.box_eye_title div.subtitle{padding: 5px 0px;text-align: center;font-size: 12px; font-weight: normal;}
div.box_eye div.box_eye_resume { font-size: 13px;color:#9A9A9A;line-height: 17px;padding: 5px 10px 5px 10px;min-height: 45px;}
div.box_eye div.box_eye_link a { display:block;padding: 0px 0px 0px 0px;border:0px; color: #e10f21;text-indent: 20px;background:url(images/e1.gif) 12px 6px no-repeat;text-align: left;font-weight: bold;font-size: 11px;}
tr.goodie-totals td {border: none !important;line-height: 20px; padding-top: 10px;}

table.goodies-orders-table{}
table.goodies-orders-table tr td, table.goodies-orders-table tr th{border-color: #E10F21 !important; padding: 5px; vertical-align: middle;}
table.goodies-orders-table tr.gray td{background-color: #F2F2F2;}
table.goodies-orders-table tr.white td{background-color: #ffffff;}
table.pad5px tr td{padding: 5px;}

div.order-info{max-width: 500px; margin: 0 auto; padding: 15px 20px; background-color: #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;position: relative;}

.tooltip, .tooltip-box {display:none;position:absolute;z-index: 1500; :5px;box-shadow:2px 2px 3px rgba(0,0,0,.2);background-color:#CCC;border:1px solid #F7F7F7;text-shadow:-1px -1px 0 #F4F4F4;color:#666;font:bold italic 16px Tahoma, Geneva, sans-serif;padding:10px;}
.tooltip-box{box-shadow: none; border-radius: 5px;text-shadow: none; font-size: 12px; border-color: #E10F21; color: #E10F21; background-color: #F9F9F9; padding: 5px 10px;}
.tooltip-reg{margin-left: 5px; cursor: help;}
.tooltip img{width: 150px;}

/*	================================================================
*	page:	Find your match
*/
div.cfg-eqs table tr td a img {width: 100%;}
div.cfg-eqs a.red {text-transform: none; font-style: italic; cursor: pointer;}
div.cfg-eqs a.red:hover {text-decoration: underline;}
div.cfg-eqs table {line-height: 100%;}
div.cfg-eqs table tr td {vertical-align: middle;}
div.cfg-eqs table tr td.view-photo {text-indent: 0;}

/*	================================================================
*	page:	Find your match
*/
div.fym {background: #262626;padding: 25px 0px;}
div.fym_step {min-height:550px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 200px;}
div.fym_step.fs1 { background: url(fym/step_1.jpg) no-repeat center center fixed;background-size: 100%; background-position: 0px;}
div.fym_step.fs2 { background: url(fym/step_2.jpg) no-repeat center center fixed;background-size: 100%; background-position: 0px;display:none;}
div.fym_step.fs3 { background: url(fym/step_3.jpg) no-repeat center center fixed;background-size: 100%; background-position: 0px;display:none;}
div.fym_step.fs4 { background: url(fym/step_4.jpg) no-repeat center center fixed;background-size: 100%; background-position: 0px;display:none;}
div.fym_step.fs5 { background: url(fym/step_5.jpg) no-repeat center center fixed;background-size: 100%; background-position: 0px;display:none;}
div.fym_step.fs_final { background: url(fym/final.jpg) no-repeat center center fixed;display:none;}
div.fym_step.fs_final div.fym_title {color:#909090;}
div.fym_step div.fym_title {margin: 0 auto;font-size: 20px;text-align: center;color:#fff;}
div.fym_step div.fym_title span {color:#E10F21;}
div.fym_step div.fym_options {text-align: center;padding: 30px 0px 0px 0px;}
div.fym_step div.fym_options .fo-menu{margin:0 auto;padding:0;text-align: center;}
div.fym_step div.fym_options .fo-menu li{width:160px;height:160px;border:10px solid #f6f6f6;overflow:hidden;position:relative;background:#fff;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);box-shadow:1px 1px 2px rgba(0,0,0,0.2);-webkit-border-radius:90px;-moz-border-radius:90px;border-radius:90px;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;transition:all 400ms linear;margin:10px 3px;display:inline-block;opacity: 0.6;}
div.fym_step div.fym_options .fo-menu li:last-child{margin-right:0;}
div.fym_step div.fym_options .fo-menu li:hover{opacity: 1.0;}
div.fym_step div.fym_options .fo-menu li a{text-align:left;width:100%;height:100%;display:block;color:#333;position:relative;}
div.fym_step div.fym_options .fo-icon{font-family:WebSymbolsRegular, cursive;font-size:25px;color:#676767;line-height:25px;position:absolute;width:100%;height:25px;left:0;top:30px;text-align:center;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;transition:all 400ms linear;}
div.fym_step div.fym_options .icon{position:absolute;left:44px;top:20px;width:72px;height:64px;line-height:64px;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;transition:all 400ms linear;}

div.fym_step div.fym_options .icon.o1{background:url(fym/s1/o1.png) center center no-repeat;}
div.fym_step div.fym_options .icon.o2{background:url(fym/s1/o2.png) center center no-repeat;}
div.fym_step div.fym_options .icon.o3{background:url(fym/s1/o3.png) center center no-repeat;}
div.fym_step div.fym_options .icon.o4{background:url(fym/s2/o4.png) center center no-repeat;}
div.fym_step div.fym_options .icon.o5{background:url(fym/s2/o5.png) center center no-repeat;}
div.fym_step div.fym_options .icon.o6{background:url(fym/s2/o6.png) center center no-repeat;}
div.fym_step div.fym_options .icon.o7{background:url(fym/s3/o7.png) center center no-repeat;}
div.fym_step div.fym_options .icon.o8{background:url(fym/s3/o8.png) center center no-repeat;}
div.fym_step div.fym_options .icon.o9{background:url(fym/s3/o9.png) center center no-repeat;}
div.fym_step div.fym_options .icon.o10{background:url(fym/s4/o10.png) center center no-repeat;}
div.fym_step div.fym_options .icon.o11{background:url(fym/s4/o11.png) center center no-repeat;}
div.fym_step div.fym_options .icon.o12{background:url(fym/s4/o12.png) center center no-repeat;}
div.fym_step div.fym_options .icon.o13{background:url(fym/s5/o13.png) center center no-repeat;}
div.fym_step div.fym_options .icon.o14{background:url(fym/s5/o14.png) center center no-repeat;}
div.fym_step div.fym_options .icon.o15{background:url(fym/s5/o15.png) center center no-repeat;}

div.fym_step div.fym_options .fo-main{margin-top:0;font-size:13px;position:absolute;top:95px;height:60px;width:120px;left:50%;margin-left:-60px;opacity:0.8;text-align:center;}
div.fym_step div.fym_options .fo-sub{margin-top:0;text-align:center;color:#E10F21;font-size:13px;position:absolute;height:60px;width:120px;left:50%;margin-left:-60px;top:95px;opacity:0;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;transition:all 400ms linear;text-transform:uppercase;}
div.fym_step div.fym_options .fo-menu li:hover{background:#f7f7f7;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);border-color:#fff;}
div.fym_step div.fym_options .fo-menu li:hover .fo-icon{color:#E10F21;font-size:30px;}
div.fym_step div.fym_options .fo-menu li:hover .fo-main{display:none;}
div.fym_step div.fym_options .fo-menu li:hover .fo-sub{opacity:0.8;}

div.fym_step div.fym_back {background:#e10f21; margin: 0 auto; width: 150px;margin-top: 25px;text-align: center;color:#fff;font-size: 11px;line-height:11px;text-transform:uppercase;font-weight:bold;padding: 4px 0px;cursor: pointer;}
div.fym_step div.fym_back:hover{text-decoration: underline;}

div.fym_html { margin: 0 auto; max-width: 700px;padding:50px 0px;text-align: center;}
div.fym_modele {width: 302px;margin-bottom: 20px;}
div.fym_modele.unique { margin: 0 auto; }
div.fym_modele div.m_photo {text-align: center;}
div.fym_modele div.m_photo img { width: 100%;}
div.fym_modele div.m_name {border:1px solid #e8e8e8;background: #fff;padding: 5px 0px;text-align: left;font-size:15px;font-weight: bold;text-indent:10px;}
div.fym_modele div.m_pricing {border:1px solid #e8e8e8;border-top:0px;border-bottom:0px;background: #fff;padding: 5px 0px;text-indent: 10px;}
div.fym_modele div.m_pricing p.price {font-size:12px;}
div.fym_modele div.m_pricing p.price strong {font-size:18px;}
div.fym_modele div.m_pricing p.financement {font-size:15px;color:#e10f21;}
div.fym_modele a.configurer {border:1px solid #e8e8e8;padding: 5px 0px;text-indent: 10px;background: url(images/v_red.gif) repeat-x top left;display:block;text-align:center;color:#fff;font-size:12px;font-weight: bold;height:15px;line-height: 15px;}

/*	================================================================
*	page:	La gamme
*/
ul.list-modeles li{width:45%;text-align:center;border:1px dotted #BE001E;margin:0 0 15px;padding:10px;min-height: 250px;text-align: center;}
ul.list-modeles li a{color:#BE001E;font-size:13px;display: block;}
ul.list-modeles li a.decouvrir,
ul.list-modeles li a.configurer{padding:7px 10px;display: inline-block;width: 100px;height: 14px;line-height: 14px;font-size: 14px;color:#fff;text-align: center;background: #000;text-align: center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-bottom: 10px;margin-left: 10px;margin-right: 10px;}
ul.list-modeles li a.decouvrir:hover,
ul.list-modeles li a.configurer:hover {background: #e12424;}

ul.list-modeles li span {color:#be001e;font-weight: bold;}

/*  =======================
*   page: MODELE OUTLANDER PHEV
*/
div.image-section{border: solid 1px #d7d7d7; margin: 30px 0;}
div.image-section div.content-more{border-top: dashed 1px #d7d7d7; margin: 0; padding: 10px 0 0 0; display: none;}
div.image-section div.content-more.onlytext{padding: 20px;}
div.image-section div.box60pc{width: 60%; float: left; line-height: 0px;}
div.image-section div.box60pc img{width: 100%;}
div.image-section div.box40pc{width: 40%; float: left;}
div.image-section div.box40pc div.box40-content{padding: 20px;}
div.image-section div.box40pc div.box40-content p{font-size: 12px;}
div.image-section div.box40pc div.box40-content a{margin: 0 auto;}
div.image-section div.box40pc div.box40-content div.title{font-size: 16px; margin: 0 0 10px 0; color: #222;}

/*	================================================================
*	page:	Demande de brochure
*/
div.brochures a.modele{display:block;width:215px;height:170px;float:left;color:#626262;font-weight:700;text-decoration:none;text-transform:uppercase;text-indent:10px;background:url(images/e1.gif) 2px 5px no-repeat #F2F2F2;border:2px solid #F2F2F2;margin:10px 5px;}
div.brochures a.modele img{width:200px;height:144px;margin:0 0 0 10px;}
div.brochures a.modele:hover,div.brochures a.modele.selected{color:#E10F21;background-color:#fff;border:2px solid #ccc;}

/*	================================================================
*	page:	Recrutement
*/
div.positions div.cell {padding: 0px 0px 0px 0px;margin: 10px 0px 10px 0px;}
div.positions div.cell div.heading {background: #dadada;padding: 5px 0px;line-height: 15px;min-height: 30px;}
div.positions div.cell div.heading div.box-left {width: calc(50% - 10px);float: left;}
div.positions div.cell div.heading div.title {color: #000;font-size: 15px;text-transform: uppercase;font-weight: bold;padding: 0px 0px 0px 10px;}
div.positions div.cell div.heading div.date {color: #000;font-size: 13px;padding: 0px 0px 0px 10px;}
div.positions div.cell div.heading div.box-right {width: calc(50% - 10px);float: right;position: relative;}
div.positions div.cell div.heading div.box-right div.field {text-align: left;color: #000;}
div.positions div.cell div.heading div.box-right div.field span {font-weight: bold; color: #E10F21;}
div.positions div.cell div.heading div.box-right div.postuler {position: absolute;top: 0px;right: 5px;bottom: 5px;width: 100px;background: #B3B3B3;color: #fff;height: 100%; min-height: 30px;text-align: center;line-height: 30px;font-weight: bold;cursor: pointer;}

div.positions div.cell div.body {display: none;position: relative;border-bottom: 1px solid #ccc;margin-bottom: 30px;padding-bottom: 10px;}
div.positions div.cell div.body div.description {width: calc(50% - 10px);float: left;padding: 10px 0px;text-align: justify;}
div.positions div.cell div.body div.description p {text-indent: 0px;}
div.positions div.cell div.body div.form {width: calc(50% - 10px);float: right;padding: 10px 0px 0px 0px;}

div.positions div.container-file{padding: 5px 0 10px 0;}

div.positions div.step-label {height: 45px;position: relative;margin: 0px 0 10px;/* background: #5CB85C; */}
div.positions div.step-label div.lbl {float: left;line-height: 25px;height: auto;font-size: 25px;width: 100%;text-indent: 0px;text-align: center;margin: 0 0 5px;padding: 0;}
div.positions div.step-label div.sublbl {float: left;line-height: 13px;height: 13px;font-size: 13px;width: 100%;text-indent: 0px;text-align: left;margin: 0 0 10px 0;padding: 0;}
/*div.step-double {margin: 5px 0px 10px 0px;}
div.step-double div.container-left {width: calc(50% - 10px);float: left;line-height: 30px;}
div.step-double div.container-right {width: calc(50% - 10px);float: right;line-height: 30px;}
div.step-textarea {margin: 5px 0px 10px 0px;}
textarea {border: 1px solid #fff;color: #a4a4a4;line-height: 14px;height: 160px;width: calc(100% - 20px);padding: 8px;-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);box-shadow: 1px 1px 2px rgba(0,0,0,0.2);font-family: Arial;font-size: 13px;}*/
/*div.step-button {background: #e10f21;line-height: 14px;font-size: 12px;text-transform: uppercase;text-align: center;font-weight: 700;cursor: pointer;color: #fff;padding: 15px 0;position: relative;}*/
div.positions div.cell div.body span.fermer {position: absolute;bottom: -18px;left: 200px;background: #e10f21;color: #fff;display: inline-block;width: 120px;height: 30px;line-height: 30px;margin: 2px;text-align: center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;cursor: pointer;}

/*	================================================================
*	page:	unsubscribe
*/
div.unsubscribe {padding: 20px 0px; text-align: center;}
div.unsubscribe input{width: 310px;height: 35px;background: #FCFCFC;border: 1px solid #CECECE;line-height: 35px;padding: 0 10px;color: #666;font-size: 14px; -moz-border-radius: 5px; border-radius: 5px;}
div.unsubscribe #unsubscribe{font-size: 14px;color: #fff; cursor: pointer; display: inline-block; padding: 7px 20px; margin: 10px 0 0 0; background: #9C9C9C; -moz-border-radius: 5px; border-radius: 5px;}
div.unsubscribe #unsubscribe:hover{background: #E10F21;}

/*	================================================================
*	form:	itineraire
*/
form#itineraire {}
form#itineraire div.itin-title {margin: 0px 0px 10px 0px;font-size: 16px;text-transform: uppercase;border-bottom:2px solid #cccccc;text-align: center;font-weight: bold;}
form#itineraire em {display: block;width: 100%;}
form#itineraire div.locator{}
form#itineraire div.routedata{display:none;padding: 20px 0px 0px 0px;margin:0 auto;border-top:1px dotted #E10F21;}
form#itineraire input.location{border:1px solid #ccc;padding: 4px 5px;line-height: 17px;height: 17px;font-size: 13px;min-width: 200px;}
form#itineraire input.locate{display: block;width:auto;margin: 15px 0px 15px 0px;background: #E10F21;color:#fff;border:0px solid #fff;cursor:pointer; text-align: center;font-size: 12px;}
form#itineraire input.locate:hover{text-decoration: underline;}

/*	================================================================
*	form:	itineraire
*/
div.basket {display: inline-block;width: 96px;margin: 0 auto;height: 12px;line-height: 12px;background: url(/images/basket.png) left center no-repeat;padding-left: 16px !important;text-align: left !important;cursor: pointer;}
div.basket:hover {text-decoration: underline;}


/*	================================================================
*	block:	FOOTER
*/
a.remonter {display: block;margin:0 auto;margin-top: 5px;margin-bottom: 5px;padding: 15px 25px; width:300px;color:#9c9c9c;font-size:14px;background: url('footer/remonter.png') 310px 15px no-repeat #d3d3d3;text-decoration: none;}
a.remonter:hover {background-color: #dadada;}

#footer{background:url(footer/bg.gif) top left repeat;padding:0px 0px 0px 0px;overflow: hidden;}
#footer div.section{overflow: hidden;}
#footer div.fc{float: left;min-height: 140px;margin: 0px 0px 10px 0px;}
#footer div.fc_one{width:300px;padding: 0px 5px 0px 5px;}
#footer div.fc_two{width:290px;padding: 0px 5px 0px 5px;}
#footer div.fc_tree{width:155px;padding: 0px 5px 0px 5px;}
#footer div.fc_four{width:155px;padding: 0px 5px 0px 5px;}
#footer div.section-red{text-transform:uppercase;font-size:11px;font-weight:700;color:#fff;}
#footer ul{margin:0px 0 10px 0px;padding:0 0 5px;}
#footer ul li a,#footer ul li a:visited{color:#d4d4d4!important;font-size:11px;font-weight:700;}
#footer ul.modeles li{width:48%;}

/* MODELE CONFIGURATOR */
div.configurator-car{width: 100%; background: url(configurator/config_background.png) bottom left repeat-x;}
div.configurator-car div.no-padding{padding: 0px;}
div.configurator-car div.center-text{text-align: center; padding: 0 0 10px 0;}
div.configurator-car div.relative-box{position: relative;}
div.summary-box{width: 158px; background: #fff; color: #626262; border: solid 1px #e8e8e8; -moz-border-radius: 2px; border-radius: 2px; float: left;}
div.summary-box div.model{border-bottom: solid 1px #e8e8e8; font-size: 20px; padding: 10px 20px;}
div.summary-box div.content{padding: 10px 20px;color:#888; position: relative;}
div.summary-box div.content span.prix_question {display: block; width: 14px; height: 14px; background: url(images/question_gray.gif) center center no-repeat; float: right; cursor: pointer; margin: 2px 0 0 0;}
div.summary-box div.content div.s2-version {display: none;margin-bottom: 5px;}
div.summary-box div.content div.s2-version .vers {font-size: 13px; line-height:15px; color: #626262; font-weight:bold;}
div.summary-box div.content div.price{font-size: 19px; color: #232323; float: left; width: 103px;}
div.summary-box div.content div.financement {color:#E10F21;font-size: 15px;margin-top: 5px;}
div.summary-box div.content div.value{font-size: 15px; color: #232323;margin-bottom: 5px;}
div.summary-box a.action{display: block; border-top: 1px solid #e8e8e8; padding: 5px 10px; font-size: 13px; font-weight: bold; color: #626262;}
div.summary-box a.partager{background: url(configurator/partager_icon.png) center right 15px no-repeat; margin: 10px 0 1px 0;}
div.summary-box span.fin_question {display: block; width: 14px; height: 14px; background: url(images/question_red.gif) center center no-repeat; float: right; cursor: pointer; }
div.mw800{max-width: 800px !important;}
div.mw400{max-width: 400px !important; text-align: center !important; font-weight: bold;}
div.summary-box div.fin_details{display: none;}

div.configurator-form { background: #fff;margin: 10px 0px 0px 0px;padding: 10px; display: none; }

div.configurator-car div.view360{width: calc(100% - 160px); float: left; position: relative;}
div.configurator-car div.view360 div.images{width: 100%; min-height: 350px; text-align: center;}
div.configurator-car div.view360 div.images img{width: 75%; max-height: 350px;}
div.configurator-car div.view360 div.text360{width: 100%; text-align: center; font-size: 18px; padding: 0 0 10px 0;}
div.configurator-car div.view360 a.nav-left{display: block; width: 84px; height: 104px; background: url(configurator/nav_left.png) top left no-repeat; text-decoration: none; position: absolute; left: 5px; bottom: 10px; z-index: 10;}
div.configurator-car div.view360 a.nav-right{display: block; width: 84px; height: 104px; background: url(configurator/nav_right.png) top left no-repeat; text-decoration: none; position: absolute; right: 5px; bottom: 10px; z-index: 10;}

div.configurator-step{margin: 20px 0;}
div.white-box{background: #fff; color: #626262; border: solid 1px #e8e8e8; border-right: 2px solid #E20F20; -moz-border-radius: 2px; border-radius: 2px;}
div.white-box div.title{border-bottom: solid 1px #e8e8e8; font-size: 20px; padding: 10px 20px;}
div.white-box div.content{padding: 10px 10px;}
div.white-box div.nano{height: 350px;}
div.white-box div.nano .nano-pane{ width: 7px; background: #e4e4e4; }
div.white-box div.nano .nano-slider{ background: #b8b8b8; }
div.white-box div.content div.color-option{float: left;margin: 5px;padding: 5px 5px 10px 5px;text-align: center;width: calc(16.666667% - 20px);}
div.white-box div.content div.color-option label{cursor: pointer;font-size: 10px;font-style: normal;line-height: 11px;text-transform: uppercase;}
div.white-box div.content div.color-option div.img-holder{width: 80px; height: 80px; margin: 0 auto; position: relative;}
div.white-box div.content div.color-option div.img-holder img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; cursor: pointer;}
div.white-box div.content div.color-option div.img-holder img:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
div.white-box div.content div.color-option div.img-holder input[type=radio] {position: absolute; top: 34px; left: 34px; z-index: 5; margin: 0;}
div.white-box div.content div.color-option div.lable-option{ line-height: 12px;min-height: 42px;padding: 0;text-align: center;}

div.white-box div.radio {background:url(fields/radio.png) top left no-repeat;text-indent: 25px;min-height: 22px;line-height: 22px;margin: 3px 0px;cursor: pointer;}
div.white-box div.radio:hover {color:#000;font-weight: bold;}
div.white-box div.radio.on {background:url(fields/radio-on.png) top left no-repeat;color:#000;font-weight: bold;}

div.white-box ul.equipements {margin: 0px;padding: 0px;}
div.white-box ul.equipements li {margin: 5px 0px;padding: 0px 0px 0px 15px;line-height: 15px; font-size: 11px; color:#000;background: url(images/cross.gif) 2px 4px no-repeat;}
div.white-box ul.characteristiques {margin: 0px;padding: 0px;}
div.white-box ul.characteristiques li {margin: 5px 0px;padding: 0px 0px 0px 15px;line-height: 15px; font-size: 11px; color:#000;background: url(images/cross.gif) 2px 4px no-repeat;}
div.white-box ul.characteristiques li.group { font-size: 11px;color: #E10F21;font-weight: bold;}
div.white-box ul.characteristiques li span {font-weight: bold;}
div.white-box ul.options {margin: 0px;padding: 0px;}
div.white-box ul.options li {margin: 5px 0px;padding: 0px 80px 0px 20px;line-height: 20px; font-size: 12px; color:#000;position: relative;display: block;}
div.white-box ul.options li input { position: absolute; left:2px; top:3px; margin: 0px 0px 0px 0px; }
div.white-box ul.options li span { position: absolute; right:0px; top:3px; margin: 0px 0px 0px 0px;  display: block; width:70px; font-size: 13px; font-weight: bold;text-align: right;}
div.white-box ul.packs {margin: 0px;padding: 0px;}
div.white-box ul.packs li {margin: 5px 0px;padding: 0px 80px 0px 0px;line-height: 15px; font-size: 12px; color:#777;position: relative;display: block;}
div.white-box ul.packs li input { position: absolute; left:2px; top:3px; margin: 0px 0px 0px 0px; }
div.white-box ul.packs li span { position: absolute; right:0px; top:3px; margin: 0px 0px 0px 0px;  display: block; width:70px; font-size: 13px; font-weight: bold;text-align: right;}


div.step1{width: calc(100% - 3px);}
div.step2small{width: 300px; float: left;}
div.step2big{width: calc(100% - 323px); float: right;}
div.step3 { margin-bottom: 10px;}
div.step3, div.step4{width: calc(100% - 3px);}
div.white-box div.halfbox{width: 50%; float: left;}
div#configurator-s2,div#configurator-s3,div#configurator-s4{display: none;}
div.margin10-30{margin: 10px 30px;}
div.recapitulatif{width: calc(100% - 230px); padding: 0 0 0 10px; float: left;}
div.recapitulatif div.car-model{padding: 10px 0 20px 0; font-size: 20px;}
div.recapitulatif div.section-title{border-bottom: 1px solid #e8e8e8; font-size: 18px;}
div.recapitulatif div.section{padding: 5px 0 20px 0;}
div.recapitulatif div.section div.subtitle{font-weight: bold;}
div.recapitulatif div.section ul{margin: 0 0 10px 0;}
div.recapitulatif div.section ul li.dark{display: block; background: #e8e8e8; margin: 1px 0; padding: 2px 5px;}
div.version-error{color: #e10f21; display: none;}

div.demande-btn{width: 100%; margin: 20px 0 0 0; height: 48px; line-height: 48px; background: #E10F21; -moz-border-radius: 9px; border-radius: 9px; overflow: hidden; font-size: 17px; color: #fff; text-align: center; cursor: pointer;}
div.demande-btn-small{width: 100%; margin: 20px 0 0 0; height: auto; line-height: 20px; background: #E10F21; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; font-size: 14px; color: #fff; text-align: center; cursor: pointer;}

div.conf-navigation{width: 100%; height: 48px; background: url(configurator/nav_background.png) top left repeat; -moz-border-radius: 9px; border-radius: 9px; overflow: hidden; font-size: 14px;}
div.conf-navigation a.prev-inactive{display: block; height: 48px; line-height: 48px; width: 125px; float: left;  background: url(configurator/navleft_inactive.png) top left no-repeat; text-decoration: none; padding: 0 0 0 35px; color: #6C6A6B; cursor:default;}
div.conf-navigation a.prev{display: block; height: 48px; line-height: 48px; width: 125px; float: left;  background: url(configurator/navleft.png) top left no-repeat; text-decoration: none; padding: 0 0 0 35px; color: #fff;}
div.conf-navigation a.next{display: block; height: 48px; line-height: 48px; width: 125px; float: right;  background: url(configurator/navright.png) top left no-repeat; text-decoration: none; padding: 0 35px 0 0; color: #fff; text-align: right;}
div.conf-navigation a.next-inactive{display: block; height: 48px; line-height: 48px; width: 125px; float: right;  background: url(configurator/navright_inactive.png) top left no-repeat; text-decoration: none; padding: 0 35px 0 0; color: #6C6A6B; text-align: right; cursor:default;}
div.conf-navigation div.steps{width: calc(100% - 320px); float: left; height: 48px; line-height: 48px; text-align: center;}
div.conf-navigation div.steps li{display: inline-block; background: url(configurator/step_arrow.png) center right no-repeat; padding: 0 37px 0 15px;font-size: 15px;}
div.conf-navigation div.steps li.last{background: none !important; padding: 0 15px;}
div.conf-navigation div.steps li.active{background: url(configurator/step_arrow_active.png) center right no-repeat; color: #fff; cursor: pointer;}
div.conf-navigation div.steps li.action{cursor: pointer;}
div.conf-navigation div.steps li.action:hover{background: url(configurator/step_arrow_active.png) center right no-repeat; color: #fff;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/* for 1170px or less */
@media screen and (max-width: 1170px) {
	/*#header{background: url('header/x1170.gif') top center no-repeat;}*/
	#header #menu{width:100% !important;}
	.infoBlock{left:50px;}
	.infoLink{left:50px;}
}

/* for 940px or less */
@media screen and (max-width: 940px) {
	
	/*#header{background: url('header/x940.gif') top center no-repeat;}*/
	
	.infoBlock{left:20px;top:20px;height: 130px;padding: 10px 20px;width:220px;}
	.infoBlock h4{font-size:17px;}
	.infoBlock p{font-size:12px;line-height: 16px;}
	.infoLink{left:20px;top:180px;width:220px;}
	
	div.section div.section-heading h2, div.section div.section-heading h4 { font-size: 26px; }
	div.section div.section-heading h2.accessrapide, div.section div.section-heading h4.accessrapide { width: 200px; }
	div.section div.section-heading h2.galeriemedia, div.section div.section-heading h4.galeriemedia { width: 120px; }
	div.section div.section-heading h2.offresspeciales, div.section div.section-heading h4.offresspeciales { width: 260px; }
	div.section div.section-heading h2.explorateur, div.section div.section-heading h4.explorateur { width: 360px; }
	div.section div.section-heading h2.accessoires, div.section div.section-heading h4.accessoires { width: 210px; }
	div.section div.section-heading h2.configurer, div.section div.section-heading h4.configurer { width: 195px; }
	div.section div.section-heading h2.trouver, div.section div.section-heading h4.trouver { width: 440px; }
	div.section div.section-heading h2.horaires, div.section div.section-heading h4.horaires { width: 400px; }
	div.section div.section-heading h2.plan, div.section div.section-heading h4.plan { width: 200px; }
	div.section div.section-heading h2.reserver_un_essai, div.section div.section-heading h4.reserver_un_essai { width: 280px; }
	div.section div.section-heading h2.rendez_vous_sav, div.section div.section-heading h4.rendez_vous_sav { width: 400px; }
	div.section div.section-heading h2.telecharger, div.section div.section-heading h4.telecharger { width: 420px; }
	div.section div.section-heading h2.lagamme, div.section div.section-heading h4.lagamme { width: 420px; }
	div.section div.section-heading h2.mymitsubishi, div.section div.section-heading h4.mymitsubishi { width: 200px; }
	div.section div.section-heading h2.contactez, div.section div.section-heading h4.contactez { width: 240px; }
	div.section div.section-info { font-size: 16px;}
	
	ul.links li a { font-size: 11px;}
	
	#mobinav{display: block;}
	#navigation{display: none;}
	
	div.nav-modele div.section div.modico { margin: 0 auto; margin-top: 10px; float: none !important;}
	div.superlabel{font-size: 16px!important;}
	
	div.search-block {padding: 0px 5px;}
	div.search-block div.sb-label {width: 100%;text-indent: 5px;font-size: 13px;line-height: 13px;padding: 5px 0px;}
	div.search-block input.sb-input {width: 70%;float: left;margin: 0px 0px 0px 0px;font-size: 12px;line-height: 12px;}
	div.search-block div.sb-button {width: 20%;float: right;font-size: 12px;line-height: 12px;}
	
	div.services{padding: 20px 60px;}
	
	div.concessionnaire div.conces-slider{width:49%;float:left;}
	div.concessionnaire div.conces-info{width:49%;float:right;}
	
	div.step-left{width:49%;float:left;}
	div.step-right{width:49%;float:right;}
	
	div.bx {width:20%;}
	
	div.tabsAccessoires ul,
	div.tabsDesignOne ul{text-align:center;height:auto;/*border:0px !important;*/line-height: 15px;}
	div.tabsAccessoires ul li,
	div.tabsDesignOne ul li{display:inline-block;float:none;margin:0;border:0px !important;}
	div.tabsAccessoires ul li a,
	div.tabsDesignOne ul li a { padding: 0px 7px;font-size: 11px;text-transform: uppercase;}
	
	#footer div.section{padding:20px 10px;}
	#footer div.fc { border-bottom:2px solid #ccc;}
	#footer div.fc_one{width:48%;padding: 0px 5px 0px 5px;}
	#footer div.fc_two{width:48%;padding: 0px 5px 0px 5px;float: right;}
	#footer div.fc_tree{width:48%;padding: 0px 5px 0px 5px;}
	#footer div.fc_four{width:48%;padding: 0px 5px 0px 5px;float: right;}
	
	div.configurator-car div.summary-box{position: absolute; top: 0px; left: 5px;}
	div.configurator-car div.view360{width: 100%;}
	div.conf-navigation{width: 100%; height: auto;}
	div.conf-navigation a.prev-inactive{width: calc(100% - 35px); background: #494748 url(configurator/nav_arrow_left.png) center left 10px no-repeat;}
	div.conf-navigation a.prev{width: calc(100% - 35px); background: #E20F22 url(configurator/nav_arrow_left_white.png) center left 10px no-repeat;}
	div.conf-navigation a.next{width: calc(100% - 35px); background: #E20F22 url(configurator/step_arrow_active.png) center right 10px no-repeat;}
	div.conf-navigation div.steps{width: 100%; float: left; height: auto; line-height: normal; text-align: center;}
	div.conf-navigation div.steps li{display: block; background: url(configurator/step_arrow_down.png) bottom 5px center no-repeat; padding: 5px 0; height: 38px; width: 100%;}
	div.conf-navigation div.steps li.last{background: none !important; padding: 15px 0 0 0 !important; height: 33px !important;}
	div.conf-navigation div.steps li.active{background: url(configurator/step_arrow_down_active.png) bottom 5px center no-repeat; color: #fff; padding: 5px 0; height: 38px;}
	div.conf-navigation div.steps li.action:hover{background: url(configurator/step_arrow_down_active.png) bottom 5px center no-repeat; color: #fff;}
	
	div.step2small{width:calc(100% - 3px); margin: 0 0 20px 0;}
	div.step2big{width: calc(100% - 3px);}
	
	div.white-box div.content div.color-option {width: calc(20% - 20px)}
}

@media screen and (max-width:900px) {
	#header div.desktop a.partenaire{float: none !important;margin:0 auto;position: relative;width:100%;display: block;right:auto;left:auto;bottom:auto;top:auto;text-align:center;margin-bottom: 10px;}
}
/* for 768px or less */
@media screen and (max-width:768px) {
	/*#header{background: url('header/x768.gif') top center no-repeat;}*/
	#header h1{padding-top:70px;font-size: 25px;line-height: 25px;}
	#header div.desktop{display: none;}
	#header div.mobile{display: block;}
	
	#header div.mobile a.logo { margin: 0 auto;float: none !important; position: static;}
	#header div.mobile h1 { text-align: center;margin: 10px 0px;float: none !important;padding: 0px;font-size: 18px;line-height: 20px;}
	#header div.mobile a.partenaire{float: none !important;margin:0 auto;position: relative;width:100%;display: block;right:auto;left:auto;bottom:auto;top:auto;text-align:center;margin-bottom: 10px;}
	
	.royalSlider {height: 250px !important;}
	.infoBlock{left:10px;top:10px;height: 130px;padding: 5px 10px;width: 200px;}
	.infoBlock h4{font-size:15px;}
	.infoBlock p{font-size:11px;line-height: 17px;}
	.infoLink{left:10px;top:170px;font-size: 12px !important;width: 200px;padding: 5px 10px;}
	.rsBullets {right:50px !important;}
	
	div.section div.section-box-left{width: 100%;float: none !important;margin-bottom: 25px;padding: 0px;}
	div.section div.section-box-right{width: 100%;float: none !important;margin-bottom: 25px;padding: 0px;}
	div.section div.section-box-left img, div.section div.section-box-right img { }

	div.superlabel{ display:none !important;}
	
	div.offre div.offre_image {width: calc(100% - 20px);float: none !important;}
	div.offre div.offre_info {width: calc(100% - 20px);float: none !important;}
	
	div.res_left,div.res_right { width: 100%;margin: 0 auto;float: none !important; }
	
	div.nav-modele{height: auto;overflow: hidden;}
	ul.links{height: auto;text-align: center;float: none;}
	ul.links li{display: inline-block;float: none;width:100%;margin: 0px 0px 0px 0px; text-align: center;padding: 0px 0px 0px 0px;background: none;line-height: 25px;height: 25px;border-bottom:1px solid #676767;}
	ul.links li a {display: inline-block;line-height: 15px;font-size: 12px;padding: 3px 0 1px;}
	
	ul.list-modeles li{float: none !important;width:100%;padding: 10px 0px;border:0px;}
	ul.list-modeles li a img {width: 100%;max-width: 400px;}
	
	div.services{padding: 10px 20px;background:none;}
	div.services div.service {width: 100%;margin: 0 auto;float: none !important;}
	div.services div.service.commercial{margin-bottom: 30px;}
	div.services div.service h5{font-size: 17px;line-height: 15px;margin-bottom: 15px;}
	
	div.concessionnaire {padding: 0px 20px;}
	div.concessionnaire div.conces-slider{width: 100%;margin: 0 auto;float: none !important;}
	div.concessionnaire div.conces-info{width: 100%;margin: 0 auto;float: none !important;margin-bottom:20px;}
	div.concessionnaire div.conces-info div.vcard h4{font-size: 12px;}
	
	div.concession-list{padding:0px;overflow-y: scroll;height: 450px;max-height: 450px;height: auto;min-height: 100px;}
	
	div.step-label.empty{height: 0px;margin: 0px;line-height: 0px;}
	div.step-left,div.step-right{width: 100%;margin: 0 auto;float: none !important;}
	
	div.section div.section-heading h2.telecharger, div.section div.section-heading h4.telecharger { width: 320px;font-size: 20px; }
	
	div.results div.rbox div.desc div.inf.ls{width: 45%;}
	div.results div.rbox div.desc div.inf.rs{width: 55%;}
	
	div.box_eye {width:50%;}
	div.bx {width:25%;}
	
	div.gc-images {width: 360px; }
	div.gc-images div.gc-main {width: 300px; }
	div.gc-images div.gc-thumbs img { width: 24px; height: 24px;}
	
	#footer div.section{padding:20px 0px;}
	#footer div.fc{width: 100%;float: none !important;}
	#footer div.fc ul li {width: 100%;float: none !important;}

	div.pres_images { width: 100%;float: none !important;padding: 0px;text-align: center;}
	div.pres_slides { width: 100%;float: none !important;padding: 0px;background: none;}
	
	div.white-box div.halfbox{width: 100%; float: left; margin: 0 0 10px 0;}
	
	div.recapitulatif{width: calc(100% - 10px); padding: 0 5px 10px 5px;}
	div.margin10-30{width: calc(100% - 60px); margin: 10px 30px;}
	
	div.white-box div.content div.color-option {width: calc(25% - 20px)}
}

/* for 480px or less */
@media screen and (max-width:480px) {
	
	.bar .ui-nav ul li,.bar .ui-nav ul li.name{display: inline-block;float: none;width:100%;margin: 0px 0px 0px 0px; text-align: center;line-height: 20px;font-size: 12px;}
	.bar .ui-nav ul li a {display: inline-block;line-height: 20px;font-size: 12px;}
	
	/*#header{background: url('header/x480.gif') top center no-repeat;}*/
	
	.royalSlider {height: 200px !important;}
	.infoBlock{left:5px;top:130px;height: 50px;padding: 5px 10px;width: 345px;}
	.infoBlock h2, .infoBlock h4{font-size:12px;}
	.infoBlock p{font-size:11px;line-height: 17px;}
	.infoLink{left:5px;top:5px;font-size: 10px !important;width: 150px;padding: 3px 5px;}
	.rsBullets {bottom:-20px !important;right:30px !important;}
	
	div.search-block input.sb-input {width: 100%;margin: 0 auto;float: none;border:0px;border-bottom:1px solid #ccc;background: #efefef;font-style: italic;margin-bottom: 5px;}
	div.search-block div.sb-button {width:200px;margin: 0 auto;float:none;}
	
	div.box_eye {width:99%; margin-left: auto; margin-right: auto; float: none;}
	div.box_eye.height400px {height: auto;}
	div.bx {width:33%;}
	div.sbox {width:100%;}
	div.sbox div.sbox-holder-text{padding:0 0 30px 0px }
	
	div.int-section{ width:310px;}
	div.int-section .ui-form-label {width: 100px;}
	div.int-section .ui-form-input {width: 200px;}
	
	div.form-label{width: 100%;margin: 5px 0px 5px 0px;float: none;}
	div.form-input, form#formcl input[type=text], form#formcl input[type=email]{width: 100%;margin: 5px 0px 5px 0px;float: none;}
	form#formcl div.selectricWrapper{float: none; width: 100%;}
	
	div.results div.rbox{min-height: auto;}
	div.results div.rbox div.desc{min-height: auto;}
	div.results div.rbox a.photo{display: none;}
	.ml150{margin-left: 0px !important;}
	div.results div.rbox div.desc div.inf.ls{width: 100%;}
	div.results div.rbox div.desc div.inf.rs{width: 100%;}
	div.results div.rbox div.desc div.d2{margin-top: 0px;}
	div.results div.rbox div.desc a.decouvrir{font-size: 11px;font-weight: bold;}
	/*div.results div.rbox {height: 140px;}
	div.results div.rbox div.desc {height: 120px;}*/
	div.superlabel{ display:none !important;}
	
	div.concession-list div.concession{line-height: 13px;padding: 5px 20px 5px 5px;font-size: 10px;min-height: 70px;}
	div.concession-list div.concession div.cname{font-size: 12px;}
	div.concession-list div.concession div.cadr{font-size: 10px;}
	div.concession-list div.concession div.ccp{font-size: 10px;}
	
	a.remonter{padding: 15px 15px;width: 240px;font-size: 12px;}
	
	div.white-box div.content div.color-option {width: calc(33.3333334% - 20px)}
	
}

/* for 400px or less */
@media screen and (max-width: 400px) {
	
	#header a.logo { background-size:contain; width:270px; height:80px;}
	
	div.section div.section-heading h2, div.section div.section-heading h4 { font-size: 20px; line-height: 25px;}
	div.section div.section-heading h2.accessrapide, div.section div.section-heading h4.accessrapide { width: 160px; }
	div.section div.section-heading h2.galeriemedia, div.section div.section-heading h4.galeriemedia { width: 90px; }
	div.section div.section-heading h2.offresspeciales, div.section div.section-heading h4.offresspeciales { width: 200px; }
	div.section div.section-heading h2.explorateur, div.section div.section-heading h4.explorateur { width: 280px; }
	div.section div.section-heading h2.accessoires, div.section div.section-heading h4.accessoires { width: 160px; }
	div.section div.section-heading h2.configurer, div.section div.section-heading h4.configurer { width: 150px; }
	div.section div.section-heading h2.trouver, div.section div.section-heading h4.trouver { width: 350px; }
	div.section div.section-heading h2.horaires, div.section div.section-heading h4.horaires { width: 310px; }
	div.section div.section-heading h2.plan, div.section div.section-heading h4.plan { width: 150px; }
	div.section div.section-heading h2.reserver_un_essai, div.section div.section-heading h4.reserver_un_essai { width: 210px; }
	div.section div.section-heading h2.rendez_vous_sav, div.section div.section-heading h4.rendez_vous_sav { width: 300px; }
	div.section div.section-heading h2.telecharger, div.section div.section-heading h4.telecharger { width: 230px; }
	div.section div.section-heading h2.lagamme, div.section div.section-heading h4.lagamme { width: 330px; }
	div.section div.section-heading h2.mymitsubishi, div.section div.section-heading h4.mymitsubishi { width: 150px; }
	div.section div.section-heading h2.contactez, div.section div.section-heading h4.contactez { width: 190px; }
	div.section div.section-info { font-size: 14px;}
	
	div.bx {width:50%;}

	div.int-section{ width:280px;}
	div.int-section .ui-form-label {width: 90px;}
	div.int-section .ui-form-input {width: 180px;}
	
	div.white-box div.content div.color-option {width: calc(50% - 20px)}
}

/* for 320px or less */
@media screen and (max-width:320px) {
	/*#header{background: url('header/x320.gif') top center no-repeat;}*/
	#header h1 {font-size: 14px;}
	.royalSlider {height: 65px !important;}
	.infoBlock{display: none;}
	.infoLink{left:5px;bottom:5px;top:auto;font-size: 10px !important;}
	
	div.section div.section-heading h2, div.section div.section-heading h4 {width: auto !important;font-size: 13px !important;padding: 5px 0px;}
	
	a.remonter{ width: 160px; text-align: center;padding: 5px 15px;font-size: 12px;line-height: 20px;}
	div.superlabel{ display:none !important;}
	
	div.white-box div.content div.color-option {width: calc(50% - 20px)}
}
































@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.eot');
    src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
        url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.ca-menu{
    padding:0;
    margin:0 auto;
    text-align: center;
}
.ca-menu li{
    width: 150px;
    height: 150px;
    border: 10px solid #f6f6f6;
    overflow: hidden;
    position: relative;
    /*float:left;*/
   display:inline-block;
    background: #fff;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom:10px;
    margin-top:10px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 25px;
    color: #676767;;
    line-height: 25px;
    position: absolute;
    width: 100%;
    height: 25px;
    left: 0px;
    top: 30px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ar-icon {
	position: absolute;
    left: 44px;
    top: 20px;
	width: 72px;
	height: 64px;
	line-height: 64px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ar-icon.application {background: url('access/application.png') center center no-repeat;}
.ar-icon.download {background: url('access/download.png') center center no-repeat;}
.ar-icon.rendez {background: url('access/rendez.png') center center no-repeat;}
.ar-icon.essai {background: url('access/essai.png') center center no-repeat;}
.ar-icon.offres {background: url('access/offres.png') center center no-repeat;}
.ar-icon.pro {background: url('access/pro.png') center center no-repeat;}
.ar-icon.mamitsu {background: url('access/mamitsu.png') center center no-repeat;}
.ar-icon.itineraire {background: url('access/itineraire.png') center center no-repeat;}
.ar-icon.prochainement {background: url('access/prochainement.png') center center no-repeat;}
.ar-icon.contact {background: url('access/contact.png') center center no-repeat;}

.ca-main{
	margin-top:0px;
    font-size: 13px;
    position: absolute;
    top: 95px;
    height: 60px;
    width: 120px;
    left: 50%;
    margin-left: -60px;
    opacity: 0.8;
    text-align: center;
    color: #444137;
    font-weight: normal;
    text-transform: uppercase;
}
.ca-sub{
	margin-top:0px;
    text-align:center;
    color: #E10F21;
    font-size: 14px;
    position: absolute;
    height: 60px;
    width: 120px;
    left: 50%;
    margin-left: -60px;
    top: 95px;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
    text-transform: uppercase;
    font-weight: bold;
}
.ca-menu li:hover{
    background: #f7f7f7;
    border-color: #fff;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.ca-menu li:hover .ca-icon{
    color: #E10F21;
    font-size: 30px;
}
.ca-menu li:hover .ca-main{
    display: none;
}
.ca-menu li:hover .ca-sub{
    opacity: 0.8;
}






/*	================================================================
*	block:	Paginator
*/
.paginator{overflow:hidden;width:auto;margin:0 auto;padding:0;}
.paginator .page_num a{float:left;background:#f1f1f1;border:1px solid #fff;color:#E20F22;display:inline-block;text-decoration:none;font-weight:700;line-height:17px;margin:0 5px;padding:2px 7px;}
.paginator .page_num a:hover{border:1px solid #e5e5e5;background:#fff;}
.paginator .page_num a:active{border:1px solid #0078CE;}
.paginator .page a{color:#0078CE;float:left;text-transform:uppercase;font-size:12px;margin:5px 5px 0;}
.paginator .selected a{background:#f1f1f1;color:#000;}
.paginator .selected a:hover{background:#f1f1f1;border:1px solid #fff;cursor:default;}
.paginator .selected a:active{border:1px solid #f1f1f1;}
.total{text-indent:5px;line-height:17px;font-size:17px;margin:0 0 10px;padding:5px 0;}
.total span{color:#E20F22;}
.paginator .page a:hover,.paginator .page a:active{color:#000;}

/*	================================================================
*	plugin:	Sliders
*/
.contentSlider{width:100%;}
.contentSlider,.contentSlider .rsOverflow,.contentSlider .rsSlide,.contentSlider .rsVideoFrameHolder,.contentSlider .rsThumbs{background:#eee;color:#000;}
.contentSlider .rsBullets,.contentSlider .rsNav{display:block;}
.contentSlider .rsBullets{bottom:15px;height:auto;line-height:6px;overflow:hidden;padding-top:4px;position:absolute;right:250px;text-align:center;z-index:35;}
.contentSlider .rsSlide,.contentSlider .rsOverflow{background:#eee;}
.contentSlider h3{font-size:24px;line-height:31px;font-weight:700;margin:12px 0 8px;}
.contentSlider img{max-width:100%;height:auto;display:block;}
.content-slider-bg{width:86%;background:#eee;padding:24px 7%;}
.rsContent img {cursor: pointer;}
#sliderMitsubishi{width:100%;height:385px;color:#000;}
#sliderConcessionnaires{width:100%;height:385px;color:#000;}
#sliderModeleGalleryOne{width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
#sliderModeleGalleryOne .rsThumb {width: 120px;height: 45px;}
#sliderModeleGalleryOne .rsThumbsHor {height: 45px;}
#sliderModeleGalleryOne .rsThumbsVer {width: 120px;}
#sliderModeleGalleryTwo{width:100%;color:#FFF;}
#sliderModeleGalleryTwo .blockSample{left:20px;top:20px;background:#FFF;color:#000;padding:6px 8px;}

.rsContent .infoBlock,
.rsContent .infoLink{display: none !important;}

/*	================================================================
*	plugin:	jqueryMagnificPopup
*/
#jmp-response{background:#FFF;padding:10px 15px;text-align:left;max-width:500px;margin:10px auto;position:relative;border:2px solid #E10F21;}
#jmp-response div.title{border-bottom:2px solid #ccc;padding: 0px 0px 2px 0px;line-height: 14px; text-transform: uppercase;font-size: 11px;font-weight: bold;margin: 7px 0px 5px 0px;}
#jmp-response p {font-size: 12px;}
#jmp-response ul {list-style-type: square;margin: 0px 0px 0px 15px;}
#jmp-response.error{border:2px solid #E10F21;}
#jmp-response.warning{border:2px solid #D58512;}
#jmp-response.success{border:2px solid #fff;background: #EEF8DB;}
#jmp-response.error ul li {color:#E10F21;font-size: 11px;font-weight: bold;}

.jmp_content{display: none;line-height: 15px;}
.jmp_accessoire_popup .title { text-transform: uppercase; color:#E10F21; margin: 2px 0px 10px 0px;border-bottom:2px solid #d4d4d4; }
.jmp_accessoire_popup .param { border-bottom:1px dotted #d4d4d4;padding: 0px 5px 2px 5px; margin: 5px 0px 0px 0px;text-align: right; line-height: 12px;}
.jmp_accessoire_popup .param strong { float: left; }

.jmp_accessoire_popup {
	background: none repeat scroll 0 0 #FFFFFF;
    margin: 40px auto;
    max-width: 450px;
    padding: 10px 20px 25px 20px;
    position: relative;
    text-align: left;
    font-size:12px;
    opacity: 1;
    -webkit-transform: scale(1); 
    -moz-transform: scale(1); 
    -ms-transform: scale(1); 
    -o-transform: scale(1); 
    transform: scale(1); 
}
/* start state */
      .my-mfp-zoom-in .jmp_accessoire_popup  {
        opacity: 0;

        -webkit-transition: all 0.2s ease-in-out; 
        -moz-transition: all 0.2s ease-in-out; 
        -o-transition: all 0.2s ease-in-out; 
        transition: all 0.2s ease-in-out; 



        -webkit-transform: scale(0.8); 
        -moz-transform: scale(0.8); 
        -ms-transform: scale(0.8); 
        -o-transform: scale(0.8); 
        transform: scale(0.8); 
      }

      /* animate in */
      .my-mfp-zoom-in.mfp-ready .jmp_accessoire_popup  {
        opacity: 1;

        -webkit-transform: scale(1); 
        -moz-transform: scale(1); 
        -ms-transform: scale(1); 
        -o-transform: scale(1); 
        transform: scale(1); 
      }

      /* animate out */
      .my-mfp-zoom-in.mfp-removing .jmp_accessoire_popup  {
        -webkit-transform: scale(0.8); 
        -moz-transform: scale(0.8); 
        -ms-transform: scale(0.8); 
        -o-transform: scale(0.8); 
        transform: scale(0.8); 

        opacity: 0;
      }

      /* Dark overlay, start state */
      .my-mfp-zoom-in.mfp-bg {
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-out; 
        -moz-transition: opacity 0.3s ease-out; 
        -o-transition: opacity 0.3s ease-out; 
        transition: opacity 0.3s ease-out;
      }
      /* animate in */
      .my-mfp-zoom-in.mfp-ready.mfp-bg {
        opacity: 0.7;
        background: #000;
      }
      /* animate out */
      .my-mfp-zoom-in.mfp-removing.mfp-bg {
        opacity: 0;
      }

/*	================================================================
*	plugin:	jquerySelect
*/
.selectricWrapper { position: relative; /*margin: 0 0 10px;*/ /*width: 300px;*/ cursor: pointer; }
.selectricDisabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.selectricOpen { z-index: 9999; }
.selectricHideSelect { position: relative; overflow: hidden; }
.selectricHideSelect select { position: absolute; left: -100%; }
.selectric { border: 1px solid #DDD; background: #F8F8F8; position: relative; border-radius: 0px; }
.selectricOpen .selectric { border-color: #c4c4c4; background: #dfdfdf; z-index: 9999; }
.selectric .label { height: 18px; display: block; white-space: nowrap; overflow: hidden; margin: 0 30px 0 0; padding: 6px 6px; font-size: 12px; line-height: 18px; color: #A4A4A4; }
.selectric .button { position: absolute; right: 0; top: 0; color: #DDD; text-align: center; font: normal 18px/30px sans-serif; width: 30px; height: 30px; line-height: 30px; background: none; border-radius: 0px; }
.selectricHover .selectric { border-color: #c4c4c4; }
.selectricHover .selectric .button { color: #c4c4c4; }
.selectricTempShow { position: absolute !important; visibility: hidden !important; display: block !important; }
.selectricItems ul,
.selectricItems li { list-style: none; padding: 0; margin: 0; min-height: 20px; line-height: 20px; font-size: 12px; }
.selectricItems { display: none; position: absolute; overflow: auto; top: 100%; left: 0; background: #F9F9F9; border: 1px solid #CCC; z-index: 9998; box-shadow: 0 0 10px -6px; }
.selectricOpen .selectricItems { display: block; }
.selectricItems li { padding: 5px; cursor: pointer; display: block; border-bottom: 1px solid #EEE; color: #666; border-top: 1px solid #FFF; }
.selectricItems li.selected { background: #EFEFEF; color: #444; border-top-color: #E0E0E0; }
.selectricItems li:hover { background: #F0F0F0; color: #444; }

.als-container{position:relative;width:100%;margin:0 auto;}
.als-viewport{position:relative;overflow:hidden;margin:0 auto;}
.als-wrapper{position:relative;list-style:none;}
.als-item{position:relative;display:block;text-align:center;float:left;}
.als-prev,.als-next{position:absolute;cursor:pointer;clear:both;}
#als-scroller{margin-bottom:80px;}
#als-scroller .als-item{width:100%;vertical-align:middle;margin:10px 0;}
#als-scroller .als-item div.year{color:#E10F21;font-size:18px;font-weight:700;}
#als-scroller .als-item img{position:relative;display:block;vertical-align:middle;margin-bottom:8px;}
#als-scroller .als-prev,#als-scroller .als-next{left:459px;width:22px;height:15px;}
#als-scroller .als-prev{top:-25px;}
#als-scroller .als-next{bottom:-20px;}

/*	================================================================
*	map locator
*/
.ml_filters{line-height:15px;margin-bottom:20px;position:relative;padding:10px 0;margin: 0 auto;width: 1000px;text-align:center;}
.ml_filters p{font-style:italic;font-size:12px;color:#E10F21;line-height:11px;margin:0;padding:0 0 5px;}
.ml_filters_input{/*float:left;*/display:inline-block;border:1px solid #fff;line-height:15px;width:auto;min-width:320px;font-size:15px;-moz-box-shadow:inset 0 0 5px #ccc;-webkit-box-shadow:inset 0 0 5px #ccc;box-shadow:inset 0 0 5px #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:0 5px 10px 0;padding:5px 10px;}
.ml_filters_input:focus{border:1px solid #ccc;}
.ml_filters_select{/*float:left;*/display:inline-block;border:1px solid #fff;line-height:16px;width:auto;font-size:14px;-moz-box-shadow:inset 0 0 5px #ccc;-webkit-box-shadow:inset 0 0 5px #ccc;box-shadow:inset 0 0 5px #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:0 5px 10px 0;padding:3px 5px 4px;}
#locationSelect{visibility:hidden;width:200px;}
.ml_filters_button{float:left;cursor:pointer;border:1px solid #F4F3F0;background:#E10F21;line-height:15px;color:#fff;width:100px;text-align:center;font-weight:700;font-size:14px;margin:0 5px 10px 0;padding:4px 10px;}
.ml_filters_button:hover{background:#252525;color:#fff;}
.gmap_info{width:220px;line-height:15px;padding:5px;}
.gmap_info .gmap_info_concessionnaire{font-size:13px;font-weight:700;border-bottom:2px solid #E10F21;}
.gmap_info .gmap_info_phone{color:#E10F21;}
.gmap_info .gmap_info_here{border:2px solid #fefefe;background:#CADFAA;text-align:center;color:#4F7600;font-size:14px;line-height:14px;font-weight:700;padding:10px;}
.gmap_info .gmap_info_here em{color:#000;font-style:normal;font-weight:400;font-size:11px;}
.ml_filters div#autocomplete{position:absolute;z-index:100;top:53px;left:4px; text-align: left;height:auto;max-height:300px;overflow:auto;border:1px solid #CECECE;background:#fff;display:none;}
.ml_filters div#autocomplete_cp{position:absolute;z-index:100;top:53px;left:328px; text-align: left; height:auto;max-height:300px;overflow:auto;border:1px solid #CECECE;background:#fff;display:none;}
.ml_filters div#autocomplete div.option,.ml_filters div#autocomplete_cp div.option{border-bottom:1px solid #CECECE;background:#fff;min-width:300px;font-size:12px;color:#999;cursor:pointer;padding:5px 10px;}
.ml_filters div#autocomplete div.option:hover,.ml_filters div#autocomplete_cp div.option:hover{background:#efefef;}
.ml_filters div#autocomplete div.no-result{background:#fff;min-width:300px;font-size:12px;color:#999;font-style:italic;padding:5px 10px;}
.ml_filters div.option-ttl{color:#666;font-size:11px;font-weight:700;}
.ml_filters div.options{color:#666;font-size:11px;}
.ml_filters div.options label{display:inline-block;margin:0 15px 0 0;}
div.map-data{width:100%;height:700px;overflow:hidden;border-top:1px solid #D2CEC6;}
div.buttons{padding: 0; text-align: right;}
div.buttons a{display:inline-block;width:24px;height:24px;text-decoration:none;-moz-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-top-right-radius:5px;border-top-right-radius:5px;margin:0 1px 0 0;padding:0;}
div.buttons a.pointer{background:#F4F3F0 url(/map/pointer_icon.png) center center no-repeat;}
div.buttons a.pointer-active,div.buttons a.pointer:hover{background:#D2CEC6 url(/map/pointer_icon.png) center center no-repeat;}
div.buttons a.clist{background:#F4F3F0 url(/map/list_icon.png) center center no-repeat;}
div.buttons a.clist-active,div.buttons a.clist:hover{background:#D2CEC6 url(/map/list_icon.png) center center no-repeat;}
.whitebg{background:#fff!important;}
div#conc-data{width:0;height:100%;overflow:auto;background:#efefef;display:inline-block;}
div#conc-data div.concessioner{border-bottom:1px solid #ccc;margin:0;padding:10px 20px;}
div#conc-data div.concessioner div.image{width:205px;min-height:50px;border:2px solid #CCC;background:#fff;float:left;margin:10px 10px 0 0;}
div#conc-data div.concessioner div.image img {max-width: 205px;}
div#conc-data div.concessioner div.right-part{float:left;}
div#conc-data div.concessioner a.ctitle{font-size:16px;font-weight:700;display:block;color:#333;text-decoration:none;padding:10px 0;}
div#conc-data div.concessioner a.ctitle:hover{text-decoration:underline;}
div#conc-data div.concessioner div.address{font-size:13px;background:url(/map/concessionnaire_black_medium.png) center left no-repeat;line-height:16px;margin:3px 0 0;padding:0 0 0 20px;}
div#conc-data div.concessioner div.distance{font-size:11px;font-style:italic;}
div#conc-data div.concessioner div.phone{font-size:13px;background:url(/map/phone.png) center left no-repeat;line-height:15px;margin:8px 0 0;padding:0 0 0 20px;}
div.cleaner{clear:both;width:100%;height:0;overflow:hidden;}
div.gmap_more_data div.gmp-title{font-size:12px;border-bottom:1px solid #A0A0A0;margin:10px 0 5px;}
div.gmap_more_data div.gmp-opt{font-weight:700;}
div.gmap_more_data div.gmp-val{font-size:11px;}
div.gmap_info a{color: #E10F21; text-decoration: none; display: inline-block; margin: 5px 0 0 0;}
div.gmap_info a:hover{text-decoration: underline;}






.listing-article {margin-bottom:10px;border-bottom:1px solid #ccc;padding: 10px 0px 5px 0px;position: relative;}
.listing-article h2 { text-transform: uppercase;font-size: 12px; font-weight: bold; margin-bottom: 0;}
.listing-article h2 a{color:#000;}
.listing-article h2 a:hover{color:#e10f21;text-decoration: underline;}
.listing-article div.date {color:#E10F21;font-size: 12px;font-weight: bold;margin: 0px 0px 5px 0px;float:left;text-transform: uppercase;}
.listing-article a img { height: 100px; float:left; margin: 5px 10px 5px 0px;}
.listing-article a.link { color: #e10f21;text-indent: 10px;background:url(images/e1.gif) 2px 6px no-repeat;font-weight: bold;font-size: 12px;position: absolute;right:5px;bottom:10px;}
.listing-article a.link:hover {background:url(images/e1.gif) 4px 6px no-repeat;color:#000;}

/*	================================================================
*	table styles
*/
table.tarifs {margin: 0 auto;margin-bottom: 10px;width:100%;}
table.tarifs tr {}
table.tarifs tr.gray td {background: #f4f4f4;}
table.tarifs td {padding: 3px 5px;border:1px solid #cdcdcd;vertical-align: middle;}
table.tarifs td p {margin:0px !important;}

/*	================================================================
*	Vertical tabs
*/
.ui-tabs.ui-tabs-vertical {
    padding: 0;
    width: 42em;
}
.ui-tabs.ui-tabs-vertical .ui-widget-header {
    border: none;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
    float: left;
    width: 10em;
    background: #CCC;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid gray;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    margin: 0.2em 0;
    border: 1px solid gray;
    border-width: 1px 0 1px 1px;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
    position: relative;
    right: -2px;
    z-index: 2;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    width: 100%;
    padding: 0.6em 1em;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover {
    cursor: pointer;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0.2em;
    padding-bottom: 0;
    border-right: 1px solid white;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child {
    margin-bottom: 10px;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-panel {
    float: left;
    width: 28em;
    border-left: 1px solid gray;
    border-radius: 0;
    position: relative;
    left: -1px;
}