@import url('general.css');
/* CSS Document */
@font-face {
font-family: 'eurostile';
src: url('../font_/eurostile/eurostileltstdex2.eot');
src: url('../font_/eurostile/eurostileltstdex2.eot?#iefix') format('embedded-opentype'),
url('../font_/eurostile/eurostileltstdex2.woff') format('woff'),
url('../font_/eurostile/eurostileltstdex2.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
#contenu{color:#666666; /*background: url(../images/form_left.png) 13% 50% no-repeat, url(../images/form_bottom.png) 75% bottom no-repeat;*/ padding-bottom:3em; position:relative}
#confirm #contenu{background: none; background: #ffffff; margin: 0 auto;}
#confirm #contenu .head{width: 100%;background: rgba(0, 0, 0, 0) url("../images/menu_bg.png") repeat-x scroll left top; height: 45px; line-height: 45px;}
#confirm #contenu h1{width: 100%; text-align: center; color: #ffffff; font-family: "RobotoLight";}
#confirm #contenu > #contentForm{margin: 0 auto; display: block; width: 94%;}
#content header{/*! background-color: #ffffff; */}
/*#content header .contentLogo{ width:100%}*/
#content header .contentLogo figure{/*! width: 50%; */ top: 0; margin: 0 auto; display: block;}
#content header .contentLogo .head{ width:80%; /*! text-align:center */margin-left: 1em;}
#content header .contentLogo .head h1{ font-size:2.5em;}
#content header .contentLogo .head h1 span{ color:#0476BD}
#contentForm{ width:77.5em; margin:0; padding:3em; text-align:left; position:relative; /*z-index:9999;*/
/*background: #FFFFFF url(../images/form_top.png) top right no-repeat;*/
/*-moz-border-radius: .5em;
-webkit-border-radius: .5em;
-o-border-radius: .5em;
border-radius: .5em;*/
}
#contenu > *{ display:inline-block; vertical-align:middle}
#contenu header{display: block; text-align: center; font-size: 13px; color: #0476bd;padding:3em; text-decoration: underline;}
#confirm #contenu header .contact span a{color: #0476bd;}
#contenu aside{ width:11.5em; padding-right:2em; position:relative;}
#contenu aside span{ display:block; font-family:'RobotoLight'; font-size:31px; writing-mode: lr-tb; position:absolute; left:-1em; right:0; bottom:25%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/*#contenu aside span a{ position:relative}*/
#contenu aside span pre{font-family:'RobotoLight'; font-size:2em; color:#000000}
#contenu aside span img{ width:7.5em; max-width:none}
#contentForm span{font-size: 16px; line-height: 150%;}
#contentForm p{ margin:2em 0}
#contentForm p > *{ display:inline-block; vertical-align:middle; margin-right:1em; font-size:1.5em; color:#999999}
#contentForm p label{ width:15em; font-size:16px; color:#000000; font-family:'RobotoLight'}
#contentForm p label span{ color:red;/*color:#0476BD*/}
#contentForm p select{ padding:.2em 0 .1em}
#country, #vehicle, #rate{ width:16.2em;}
#contentForm p span.addMore{ font-size:1.3em; font-weight:bold; color:#0476BD; padding-left:1.5em; background:url(../images/plus.png) center left no-repeat; cursor:pointer;}
#contentForm p span.addMore:hover{ opacity:0.8}
#contentForm p span.contentChoice{ width:30em}
#contentForm p span.contentChoice span{ width:10em; display:inline-block; margin-bottom:.5em;}
#contentForm p span.contentChoice span input{ margin-right:1em}
#contentForm p span.tcheckIt input{ margin-right:1em}
#contentForm p span.submitIt input{ margin:0; padding:0; border:0; background:none; background:url(../images/btt_submit.png) top left no-repeat; cursor:pointer; width:140px; /*! text-align:left; */ font-size:14px; text-transform:uppercase; color:#FFFFFF; padding:12px 0; cursor:pointer; height:42px}
#contentForm p span.submitIt{ text-align:right; width:50em; margin:0}
#contentForm p span.submitIt input:hover{ background-position:bottom left;}
#contentForm p input.court{ width:51px}
#contentForm p input.moyen{ width:167px}
#quote #contentForm p input.input_date_picker,#quote #contentForm p input.hasDatepicker{width: 208px;}
#contentForm p input.long{ width:237px;}
#message{max-width: 240px;}
#contentForm p select.court{ width:51px}
#contentForm p select.moyen{ width:167px}
#contentForm p select.long{ width:237px;}
/******* LP *******************/
.landing-page .lp-main-bloc{background: url('../images/bg-lp.png') no-repeat center top / 100%; padding-top: 50px;}
header .contentLogo .head h2 {padding: 0 5px !important;width: 94%;}
/* Debut Modif Tolotra*/
/* Debut Zurich*/
.lp-main-bloc.zurich{background: url('../images/bg-zurich.png') no-repeat center top / 100%; padding-top: 50px;}
.zurich header .contentLogo .head h1 span{color:#83cfff !important;}
.zurich .lp-aside-content .lp-liste{color: black;padding: 10px 5px;background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;}
.zurich .lp-aside-content .lp-liste li{background: rgba(0, 0, 0, 0) url("../images/lp-puce-blk.png") no-repeat scroll left 3px !important;}
/*resp*/
.landing-page .lp-main-bloc.zurich .lp-contenu-bloc .lp-aside .lp-aside-content .lp-liste,
.landing-page .lp-main-bloc.courchevel .lp-contenu-bloc .lp-aside .lp-aside-content .lp-liste ,
.landing-page .lp-main-bloc.geneva .lp-contenu-bloc .lp-aside .lp-aside-content .lp-liste {padding: 10px 2%;width: 96% !important;}
/*resp*/
/* fin Zurich*/
/* Debut courchevel*/
.lp-main-bloc.courchevel{background: url('../images/bg-courchevel.png') no-repeat center top / 100%; padding-top: 50px;}
.courchevel .lp-aside-content p{color: black}
.courchevel .lp-aside-content .lp-liste{color: black;padding: 10px 0;background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;}
.courchevel .lp-aside-content .lp-liste li{background: rgba(0, 0, 0, 0) url("../images/lp-puce-blk.png") no-repeat scroll left 3px !important;}
/* fin courchevel*/
/* Debut GENEVA*/
.lp-main-bloc.geneva{background: url('../images/bg-geneva.png') no-repeat center top / 100%; padding-top: 50px;}
.geneva header .contentLogo .head h1 span{color:#189df0 !important;}
.geneva .lp-aside-content p{color: white}
.geneva .lp-aside-content .lp-liste{color: black;padding: 10px 0;background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;}
.geneva .lp-aside-content .lp-liste li{background: rgba(0, 0, 0, 0) url("../images/lp-puce-blk.png") no-repeat scroll left 3px !important;}
/* fin GENEVA*/
/* Fin Modif Tolotra*/
.landing-page .lp-main-bloc .contentLogo{padding-bottom: 7px; margin-bottom:40px;}
.landing-page .lp-main-bloc .contentLogo figure{width:980px; margin: 0 auto;}
.landing-page .lp-main-bloc .contentLogo figure img{display: block; margin: 0 auto;max-width: 95%;}
.landing-page #content header.lp-header .contentLogo .head{width: 100%;}
.landing-page #content header.lp-header .contentLogo .head h1{font-size: 4.5em;}
.landing-page #content.lp-main-bloc .lp-header{background-color: transparent !important; width: 100%;}
.landing-page .lp-main-bloc .lp-header h1{color: #fff;}
.landing-page .lp-main-bloc .lp-contenu-bloc{margin-top: 75px;}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-aside{width: 50% !important; height: auto !important;}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-aside .lp-aside-content{font-size: 16px; padding: 15px; color:#fff;/* margin-top: 150px;*/}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-aside .lp-aside-content p{font-size: 21px; font-family: 'eurostile';}
/*.landing-page .lp-main-bloc .lp-contenu-bloc .lp-aside .lp-aside-content p{margin: 15px auto;}*/
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-aside .lp-aside-content .lp-liste{width: 100%; margin: 60px auto 0;}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-aside .lp-aside-content .lp-liste ul li{display: block; float: none; margin: 15px auto; background: rgba(0, 0, 0, 0) url("../images/lp-puce.png") no-repeat scroll left 3px; padding-left: 20px; font-family: 'RobotoLight'; font-size: 18px;}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-contentForm{width: 45% !important; vertical-align: middle !important; padding: 25px 10px !important; background: rgba(0, 0, 0, 0) url('../images/moteur_home1.png') repeat scroll left top; border: 1px solid #d6d6d6;}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-contentForm p span.submitIt input{background: #05588a url("../images/lp-puce.png") no-repeat scroll 130px center !important; width: 160px !important; border: 1px solid #fff !important; border-radius: 5px; line-height: 100%;}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-contentForm p span.submitIt input:hover{opacity: 0.7;}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-contentForm .lp-section-title{color: #080a09; font-family: 'RobotoLight'; text-align: center; font-size:21px; font-weight: bold;}
.landing-page .lp-main-bloc .contentList{margin-bottom: 35px;}
.landing-page .lp-main-bloc .contentList .lp-list-title{width: 980px; margin: 0 auto; background: transparent !important;}
.landing-page .lp-main-bloc .contentList .lp-list-title h2{color: #080a09; font-family: 'RobotoLight'; font-size: 2.7em; font-weight: normal;}
.landing-page .lp-main-bloc .contentList .lp-list{width: 980px; margin: 0 auto;}
.landing-page .lp-main-bloc .contentList .lp-list li{display: inline-block; width: 300px;vertical-align: top;padding: 11px;}
.landing-page .lp-main-bloc .contentList .lp-list li figure p{position: relative; height: 164px; overflow: hidden;margin-bottom: 15px;}
.landing-page .lp-main-bloc .contentList .lp-list li figure .offre{bottom: 0 !important;left: 2px;position: absolute;top: auto !important;}
.landing-page .lp-main-bloc .contentList .lp-list li figcaption{color: #000; font-size: 14px;height: 110px;}
.landing-page .lp-main-bloc .contentList .lp-list li span a{ background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #0075ba 0%, #004d7b 100%) repeat scroll 0 0;
border: 1px solid #02466d;
border-radius: 0.3em;
box-shadow: 0 0 0.2em rgba(50, 50, 50, 0.5);
color: #ffffff;
display: inline-block;
font-size: 11px;
height: 2em;
line-height: 2em;
margin-top: 0.5em;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.landing-page .lp-main-bloc .contentList .ask-button, .title-request{
text-align: center;
background: url("../../images/picto_fleche2.png") no-repeat scroll 20.5em 1.1em, rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #0277bd 0%, #014b78 100%) repeat scroll 0 0;
border: 1px solid #02466d;
border-radius: 0.4em;
box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8);
color: #fff;
display: block;
font-family: "RobotoLight";
font-size: 1.5em;
height: 3em;
line-height: 3em;
text-align: center;
text-decoration: none;
width: 28%;
margin: 25px auto;
}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-contentForm .submitIt{text-align: center !important;}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-contentForm .submitIt #submit_quote{margin-left: 15px; margin-right: 0 !important;}
.landing-page .lp-main-bloc .lp-footer{padding-bottom: 0 !important;}
.landing-page .lp-main-bloc .lp-footer .footer {margin: 0 auto;}
.landing-page .lp-main-bloc .lp-footer .footer aside{display: block; margin: 0 auto;}
.landing-page #contentForm.lp-contentForm p label{width: 10em; margin: 0; color: #fff;}
.landing-page #contentForm.lp-contentForm p > *:not(.lp-name-input){margin: 0;}
.landing-page #contentForm.lp-contentForm p .lp-checkbx{width: 15px !important;}
.landing-page .lp-aside{height: auto !important;}
.remove_car{color: #222 !important;}
@media (max-width: 992px){
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-aside{width: 80% !important; display: block !important; margin: 0 auto;}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-contentForm{width: 588px !important; display: block !important; margin: 0 auto !important;}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-contentForm form{width: 470px; margin: 0 auto;}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-contentForm .submitIt{text-align: center !important;}
.landing-page .lp-main-bloc .contentList .lp-list, .landing-page .lp-main-bloc .contentList .lp-list-title{width: 100%;}
.landing-page .lp-main-bloc .contentList .lp-list li{width: 30%;}
.landing-page .lp-main-bloc .contentLogo figure{width: 100%;}
.landing-page #contentForm.lp-contentForm p textarea{width: 240px;}
.landing-page .lp-main-bloc .contentList .lp-list-title h2{text-align: center;}
}
@media (max-width: 768px){
.landing-page .lp-main-bloc .contentList .lp-list li{width: 29%;}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-aside .lp-aside-content{margin-top: 0;}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-aside .lp-aside-content .lp-liste ul li{background: rgba(0, 0, 0, 0) url("../images/lp-puce-blk.png") no-repeat scroll left 3px; color: #000;}
}
@media (max-width: 640px){
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-aside{width: 100% !important; display: block !important; margin: 0 auto; padding: 0 !important;}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-contentForm{width:auto !important; display: block !important; margin: 0 auto !important;}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-contentForm form{width: 480px; margin: 0 auto;}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-contentForm .submitIt{text-align: center !important;}
.landing-page .lp-main-bloc .contentList .lp-list li{width: 75%; display: block; margin: 0 auto; border: none !important;}
.landing-page .lp-main-bloc .contentList .lp-list li figcaption{text-align: left;}
.landing-page .lp-main-bloc .contentList .lp-list li figcaption, .landing-page .lp-main-bloc .contentList .lp-list li figure p{height: auto;}
.landing-page #contentForm.lp-contentForm p label{width: 178px !important;}
}
@media (max-width: 480px){
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-aside .lp-aside-content p{color: #0476bd;}
.landing-page .lp-main-bloc .lp-contenu-bloc .lp-contentForm form{width: 320px; margin: 0 auto;}
.landing-page #contentForm.lp-contentForm p label:not(.notfull), .landing-page #contentForm.lp-contentForm p input:not(.notfull), .landing-page #contentForm.lp-contentForm p textarea{width: 100% !important;}
.landing-page #contentForm.lp-contentForm .submitIt{text-align: center !important;}
.landing-page #contentForm.lp-contentForm p .hasDatepicker{width: 284px !important;}
.landing-page #contentForm.lp-contentForm p select:not(.lp-name-input){width: 293px !important;}
.landing-page #contentForm.lp-contentForm p #nom{width: 245px !important;}
}
@media (max-width: 360px){
.landing-page #contentForm.lp-contentForm p label:not(.notfull), .landing-page #contentForm.lp-contentForm p input:not(.notfull), .landing-page #contentForm.lp-contentForm p textarea{width: 93% !important;}
.landing-page #contentForm.lp-contentForm p #nom{width: 225px !important;}
}
.bottomCar{ position:absolute; bottom:3em; left:1em; z-index:9999}
#contentForm p label.error{ display:block; font-size: 11px; font-weight: bold;color: #0476BD;/*float:right;*/width:11em; margin-left:23.5em; margin-top:5px}
#contentForm1{ width:93%; margin:0 auto; display: block; padding:3em; text-align:left; position:relative; font-size: 13px;line-height: 150%;}
#contentForm1 h2{text-align: center; color: #000000; font-family: "RobotoLight";}
#contentForm1 h3{text-decoration: underline; color: #000000; margin-top: 10px;}
#contentForm1 ul li span {border-bottom: 5px solid transparent; border-left: 5px solid #424a55; border-top: 5px solid transparent; display: inline-block;
height: 0; width: 0;}
header,#contenu{
width: 98em
}
#content header .contentLogo figure,header .head{
display: inline-block
}
#content header .contentLogo {
margin: 0 auto;
display: block;
width: 98em;
}