/* CSS Document */

#quickSearch #PubetMoteur{background:#ffff;width:1000px;clear:both;padding:0px;height:90px;margin-top:15px;*margin-top:25px;}

#quickSearch #PubetMoteur div{float:left; margin-bottom:3px;}

#quickSearch #moreInfosH{width:260px;clear:both;padding:10px;height:90px;}
#quickSearch #moreInfosH div{margin-right:5px;float:left}
#quickSearch #moreInfosH select{width:180px ; height:30px;}
#quickSearch #moreInfosH .selectModel{width:180px}
#quickSearch #moreInfosH .submitInput{height:22px;border:0;width:22px;cursor:pointer;padding:0;margin-top: -11px;background: #00779B url('img/sprite.png') no-repeat -302px -291px;}
#quickSearch #moreInfosH .submitInput:hover{background: #00556f url('img/sprite.png') no-repeat -302px -291px;}

.modelPage#content #theCar form .jqTransformSelectWrapper{margin-right:20px;width:220px}

#quickSearch #moreInfosH .jqTransformSelectWrapper{width:170px;position:relative;height:30px;background:#fff;float:left;border:1px solid #d9d9d9;font-family:'Arial'}
#quickSearch #moreInfosH .jqTransformSelectWrapper div span{font-size:12px;float:none;position:absolute;white-space:nowrap;height:30px;line-height:30px;padding-left:5px;overflow:hidden;cursor:pointer;width:120px;font-family:'Arial';font-weight:bold;color:#5a5e61}




#quickSearch #moreInfosH .jqTransformSelectWrapper ul {top:30px;z-index:21;}
#quickSearch #moreInfosH .jqTransformSelectWrapper a.jqTransformSelectOpen{margin-top: -5px;}




/* colonne avec pub */

#sidebar2 #socialNetworks a{color:#18222d;font-size:16px;text-transform:uppercase;font-family:'hb';line-height:33px;display:block;margin-bottom:5px}
#sidebar2 #socialNetworks a i{display:block;height:33px;width:33px;float:left;margin-right:10px}
#sidebar2 #socialNetworks .facebook{color:#35779B;}
#sidebar2 #socialNetworks .facebook i{background:url('../img/pictos/medias-mini.jpg') no-repeat 0px 0px}
#sidebar2 #socialNetworks .twitter{color:#14D4F9;}
#sidebar2 #socialNetworks .twitter i{background:url('../img/pictos/medias-mini.jpg') no-repeat 0px -32px}
#sidebar2 #socialNetworks .youtube{color:#000;}
#sidebar2 #socialNetworks .youtube i{background:url('../img/pictos/medias-mini.jpg') no-repeat 0px -64px}
#sidebar2 #socialNetworks .appstore{color:#3F4891;}
#sidebar2 #socialNetworks .appstore i{background:url('../img/pictos/medias-mini.jpg') no-repeat 0px -96px}
#sidebar2 #socialNetworks .android{color:#8CCA25;}
#sidebar2 #socialNetworks .android i{background:url('../img/pictos/medias-mini.jpg') no-repeat 0px -163px}
#sidebar2 #socialNetworks .google_mini{color:#B93526;}
#sidebar2 #socialNetworks .google_mini i{background:url('../img/pictos/medias-mini.jpg') no-repeat 0px -200px}


/*colonne version LP */
#sidebar2{float:right;width:300px;margin-top:45px;}
#sidebar2 section {margin-bottom:0px;}
#newsletter form{height: 26px;}
#newsletter form .textInput{height:23px;line-height:23px;}
#newsletter form .submitInput{padding: 0 5px;height: 28px;}
#sidebar2 section {margin-top: 10px; margin-bottom:19px;}
#sidebar2 #socialNetworks ul {padding: 5px 20px 5px 20px;}
#sidebar2 #socialNetworks a { margin-bottom:3px;line-height:28px;}
#sidebar2 #socialNetworks a i {height:30px;width:30px;}
#gammeList {margin-top: 0px;}

/*pages guides 2024*/
.mm h1, .mm h2, .mm h3, .mm h4 {background-color:#dde1e3;padding:0.5em;text-align:center;display:block;color:#498ea5;font-weight:bold;line-height:1.10em;}
.mm h1 {font-size:29px;margin:1em 0 0.5em 0;}
.mm h2 {font-size:25px;margin:1em 0;}
.mm h3 {font-size:18px;margin:1em 0;}
.mm h4 {font-size:14px;margin:1em 0;}
.mm p, .mm ul, .mm li {text-align:justify;font-size:0.9rem;padding:0.3em 1em;}
.mm p.pvt, .mm ul.pvt {display:inline-block;width:79%;}
.mm p.pvi {display:inline-block;width:19%;vertical-align:top;}
.mm p.pfa {position:absolute;top:70px;left:46%;padding:0.2em 0;}
.mm h3.hco {position:fixed;top:140px;left:85%;width:180px;height:60px;background:rgba(9, 120, 147, 0.9);color:white;}
.mm p.pco {position:fixed;top:218px;left:85%;width:180px;height:80px;background:rgba(128, 128, 128, 0.9);color:white;text-align:center;}
.mm a.aco {color:white;text-decoration:underline;}
.mm table, .mm tr, .mm td {border:1px solid #dde1e3;}
.mm table, .mm ul {margin:15px auto;width:90%;}
.mm td {padding:0.2em;}
.mm p img.top5{width:19%;}
.mm img.intro{margin-top:1em;padding-bottom:0;opacity:0.7;}
#hamburger, #hamburger-logo{display:none;}
@media only screen and (max-width:80em) {
.mm {margin-bottom:250px;}
.mm h3.hco{top:380px;left:initial;right:1%;width:155px;}
.mm p.pco{top:458px;left:initial;right:1%;width:155px;height:100px;}
}
@media only screen and (max-width:61.938em) {
.mm p.pfa {top:50px;}
.titresommaire{display:none !important;}
.spansommaire{display:none;}
.menusommaire{position:fixed;bottom:0px;right:0px;margin:0;z-index:99;}
#hamburger-logo{cursor:pointer;font-size:28px;background:rgba(128, 128, 128, 0.9);display:block;color:white;text-align:left;padding:5px 10px;margin:0;transform:translate(140px,290px);}
.navsommaire{display:flex;flex-direction:column;background:rgba(128, 128, 128, 0.9);overflow:hidden;margin:0 !important;transform:translate(195px,270px);}
#hamburger:checked ~ #hamburger-logo{transform:translate(0);}
#hamburger:checked ~ .navsommaire{transform:translate(0);width:100%;}
#hamburger:checked ~ #hamburger-logo .spansommaire{display:inline !important;}
.navsommaire a{color:white;text-decoration:none;padding:10px;}
.navsommaire a:hover{background:#444;}
}
@media only screen and (max-width:45em) {
.mm p.pvt, .mm ul.pvt {display:block;width:100%;}
.mm p.pvi {display:block;width:100%;text-align:center !important;}
}
@media only screen and (max-height:30em) {
.mm h3.hco{top:110px;z-index:99;}
.mm p.pco{top:188px;z-index:99;}
}