@font-face{
font-family: 'robotoregular';
src: url('../fonts/roboto-regular-webfont.eot');
src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
url('../fonts/roboto-regular-webfont.woff') format('woff'),
url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face{
font-family: 'robotobold';
src: url('../fonts/roboto-bold-webfont.eot');
src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
url('../fonts/roboto-bold-webfont.woff') format('woff'),
url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face{
font-family: 'robotobold_italic';
src: url('../fonts/roboto-bolditalic-webfont.eot');
src: url('../fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto-bolditalic-webfont.woff2') format('woff2'),
url('../fonts/roboto-bolditalic-webfont.woff') format('woff'),
url('../fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face{
font-family: 'robotoitalic';
src: url('../fonts/roboto-italic-webfont.eot');
src: url('../fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto-italic-webfont.woff2') format('woff2'),
url('../fonts/roboto-italic-webfont.woff') format('woff'),
url('../fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face{
font-family: 'oswaldregular';
src: url('../fonts/oswald-regular-webfont.eot');
src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/oswald-regular-webfont.woff2') format('woff2'),
url('../fonts/oswald-regular-webfont.woff') format('woff'),
url('../fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face{
font-family: 'oswaldlight';
src: url('../fonts/oswald-light-webfont.eot');
src: url('../fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/oswald-light-webfont.woff2') format('woff2'),
url('../fonts/oswald-light-webfont.woff') format('woff'),
url('../fonts/oswald-light-webfont.svg#oswaldlight') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'oswaldbold';
src: url('../fonts/oswald-bold-webfont.eot');
src: url('../fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/oswald-bold-webfont.woff2') format('woff2'),
url('../fonts/oswald-bold-webfont.woff') format('woff'),
url('../fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
outline:none;
}

html, body{height:100%;}

html{overflow-x:hidden;}

body{
font-family: 'robotoregular', Arial, sans-serif;
font-size:15px;
color:#000;
background-color:#fff;
width:100%;
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
}

input[type=text],input[type=file], input[type=password], button, select, textarea{
font-family: 'robotoregular', Arial, sans-serif;
font-size:15px;
color:#000;
border:none;
}

textarea{
resize:none;
overflow:auto;
}

::-webkit-input-placeholder{
color:#000;
opacity:1;
}

:-moz-placeholder{
color:#000;
opacity:1;
}

::-moz-placeholder{
color:#000;
opacity:1;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder{
color:#000;
opacity:1;
}

button, a{cursor:pointer;}

button{
background:transparent;
border:none;
}

a, a:hover{
border:0;
text-decoration:none;
color:#000;
}

video{
max-width:100%;
height:auto;
}

table{border-collapse:collapse;}

img{
border:none;
max-width:100%;
}

ul{list-style-type:none;}

ul, ol{list-style-position:inside;}

label{display:block;}

canvas{-ms-touch-action:double-tap-zoom;}

h1, h2, h3, h4, h5{
font-weight:normal;
display:block;
}

header, nav, footer, section, article, aside, figure, figcaption, mark, time{display:block;}

sup, sub{text-transform:none;}

.clrb{clear:both;}

input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;}


/**************************************/
/*************** GÉNÉRAL **************/
/**************************************/

/**** PRÉVISUALISATION ****/
.previsualisation{
text-align:center;
background-color:#000;
color:#FFF;
padding:5px 0;
font-size:11px;
position:fixed;
z-index:500;
bottom:0;
left:0;
width:100%;
}

.previsualisation a{
text-decoration:underline;
color:#FFF;
}

.previsualisation.hidden{display:none;}

/**** CKEDITOR ****/
.editor a{
text-decoration:underline;
color:#FF825C;
}

.editor h1, .editor h2, .editor h3{
font-weight:normal;
display:block;
font-size:inherit;
}

.editor em, .editor i{
font-family: 'robotoitalic';
font-style:normal;
}

.editor b, .editor strong{
font-family: 'robotobold';
font-weight:normal;
}

.editor em strong, .editor i strong, .editor em b, .editor i b, .editor b i, .editor strong i, .editor b em, .editor strong em{
font-family: 'robotobold_italic';
font-style:normal;
font-weight:normal;
}

.editor .color{color:#FF825C;}

/**** TITRES ET TEXTES ****/
.osUpp50, .osUpp30, .osUpp25, .osUpp20, .osUpp15{
font-family: 'oswaldregular';
text-transform:uppercase;
}

.osUpp50{
font-size:50px;
line-height:54px;
}

.osUpp30{
font-size:30px;
line-height:36px;
}

.osUpp25{
font-size:25px;
line-height:30px;
}

.osUpp20{
font-size:20px;
line-height:24px;
}

.osUpp15{
font-size:15px;
line-height:25px;
}

/**** STYLES SPÉCIFIQUES SITES ****/
.maitre_only{display:none !important;}

.ancre_chat, .ancre_rappel{cursor:pointer;}

/**** PICTOS BACKGROUND IMAGE ****/
.bgimg{
display:inline-block;
background-repeat:no-repeat;
background-position:center center;
background-size:100% auto;
}

.bgimg.fb{
width:7px;
height:15px;
background-image:url(../img/sociaux_facebook_000.png);
}

.bgimg.tw{
width:18px;
height:15px;
background-image:url(../img/sociaux_twitter_000.png);
}

.bgimg.in{
width:15px;
height:15px;
background-image:url(../img/sociaux_instagram_000.png);
}

.bgimg.pi{
width:12px;
height:15px;
background-image:url(../img/sociaux_pinterest_000.png);
}

.bgimg.close{
width:12px;
height:12px;
background-image:url(../img/close_000.png);
}

.bgimg.alerte_mail{
width:18px;
height:19px;
background-image:url(../img/alerte_mail.png);
cursor:pointer;
}

.bgimg.back{
width:7px;
height:13px;
background-image:url(../img/arrow_prev_000.png);
}

.bgimg.print{
width:19px;
height:16px;
background-image:url(../img/print.png);
cursor:pointer;
}

.bgimg.email{
width:18px;
height:14px;
background-image:url(../img/email.png);
}

.bgimg.burger{
width:30px;
height:25px;
background-image:url(../img/menu_burger.png);
}

.bgimg.loupe{
width:16px;
height:21px;
background-image:url(../img/loupe_000.png);
}

/**** FAUX RADIO ET CHECKBOX ****/
label.radio, label.checkbox{
display:inline-block;
padding-left:28px;
cursor:pointer;
background-repeat:no-repeat;
background-position:left center;
min-height:18px;
}

label.checkbox{
background-image:url(../img/checkbox_off.png);
background-size:16px auto;
}

label.checkbox.active{background-image:url(../img/checkbox_on.png);}

label.radio{
background-image:url(../img/radio_off.png);
background-size:18px auto;
}

label.radio.active{background-image:url(../img/radio_on.png);}

/**** FAUX SELECT ****/
.selectric-faux_select .selectric{
background-color:#fff;
border:none;
border-bottom:1px solid #000;
}

.selectric-faux_select.erreur .selectric{border-bottom:1px solid #FF825C;}

.selectric-faux_select .selectric .label{
margin:0;
font-size:15px;
color:#000;
padding:10px 25px 8px 0;
height:auto;
line-height:normal;
}

.selectric-faux_select .selectric .label .placeholder{color:#b6b6b6;}

.selectric-faux_select .selectric .button{
line-height:normal;
width:11px;
height:7px;
background:url(../img/select_off.png) no-repeat center center;
background-size:100% auto;
top:auto;
bottom:12px;
}

.selectric-faux_select .selectric .button:after{display:none;}

.selectric-faux_select.selectric-open .selectric .button{background-image:url(../img/select_on.png);}

.selectric-faux_select .selectric-items{
background-color:#fff;
border:1px solid #000;
box-shadow:none;
width:100% !important;
}

.selectric-faux_select .selectric-items .selectric-scroll{
height:auto;
max-height:250px;
overflow:auto;
}

.selectric-faux_select .selectric-items li, .selectric-faux_select .selectric-items ul{
font-size:15px;
line-height:normal;
min-height:auto;
}

.selectric-faux_select .selectric-items li{padding:8px 20px;}

.selectric-faux_select .selectric-items li:hover, .selectric-faux_select .selectric-items li.highlighted, .selectric-faux_select .selectric-items li.selected{background:rgba(0, 0, 0, 0.1);}

.selectric-faux_select.selectric-multiple .selectric-items li{
padding:8px 20px 8px 30px;
background:url(../img/checkbox_off.png) no-repeat 5px center;
background-size:16px auto;
}

.selectric-faux_select.selectric-multiple .selectric-items li:hover, .selectric-faux_select.selectric-multiple .selectric-items li.highlighted{
background:url(../img/checkbox_off.png) no-repeat 5px center;
background-color:rgba(0, 0, 0, 0.1);
background-size:16px auto;
}

.selectric-faux_select.selectric-multiple .selectric-items li.selected{
background:url(../img/checkbox_on.png) no-repeat 5px center;
background-color:rgba(0, 0, 0, 0.1);
background-size:16px auto;
}

.selectric-faux_select.selectric-multiple .selectric-items{padding-top:30px;}

.selectric-faux_select.selectric-multiple .selectric-items:before{
position:absolute;
top:0;
left:0;
width:calc(100% - 30px);
background-color:#000;
color:#fff;
text-transform:uppercase;
content:'Fermer';
height:30px;
line-height:30px;
font-family: 'oswaldregular';
text-transform:uppercase;
font-size:12px;
padding-left:30px;
letter-sapcing:1px;
}

.selectric-faux_select.selectric-multiple .selectric-items li.vide, .selectric-faux_select.selectric-multiple .selectric-items li.vide:hover, .selectric-faux_select.selectric-multiple .selectric-items li.vide.highlighted, .selectric-faux_select.selectric-multiple .selectric-items li.vide.selected{
font-family: 'robotoitalic';
background:none;
cursor:default;
text-align:center;
}

/**** AUTOCOMPLETE ****/
.ui-widget{
font-family: 'robotoregular', Arial, sans-serif !important;
font-size:15px !important;
}

.ui-widget.ui-widget-content{
border:1px solid #000 !important;
color:#000 !important;
max-height:200px;
overflow:auto;
}

.ui-menu .ui-menu-item-wrapper{
padding:5px 10px !important;
border:none !important;
}

.ui-menu .ui-menu-item-wrapper.ui-state-active{
background:rgba(0, 0, 0, 0.1) !important;
color:#000 !important;
border:none !important;
padding:5px 10px !important;
margin:0 !important;
}

/**** INPUT AVEC UNITE ****/
.input_info{position:relative;}

.input_info input{
display:block;
width:100%;
}

.input_info span{
display:inline-block;
position:absolute;
right:0;
top:10px;
}

/**** BOUTON NOIR ****/
.bt_noir, a.bt_noir{
position:relative;
display:inline-block;
}

.bt_noir:after{
position:absolute;
content:'';
width:100%;
height:100%;
right:-5px;
bottom:-5px;
background-color:#000;
transition:background-color 0.3s;
}

.bt_noir span{
position:relative;
display:block;
border:1px solid #000;
background-color:#fff;
padding:14px 60px;
font-family: 'oswaldregular';
text-transform:uppercase;
font-size:18px;
line-height:19px;
color:#000;
transition:color 0.3s, border 0.3s;
z-index:1;
}

.bt_noir.pt span, a.bt_noir.pt span{padding:14px 35px;}

/**** CONTENEURS ****/
main > section{position:relative;}

.cont_gd, .cont_pt, .superpose{
max-width:100%;
margin:0 auto;
}

.cont_gd, .superpose{width:1920px;}

.cont_pt{width:1366px;}

/**** TITRES FIXES ****/
.titre_fixe{
position:fixed;
transform:rotate(-90deg);
transform-origin:top left;
top:35%;
left:80px;
text-transform:uppercase;
letter-spacing:1px;
font-family:'oswaldlight';
font-size:12px;
z-index:10;
white-space:nowrap;
}

main.home .titre_fixe{
position:absolute;
top:60%;
}

.titre_fixe > span{
display:inline-block;
vertical-align:top;
}

.titre_fixe .separ{margin:0 8px;}

.titre_fixe > span:last-child a span{
max-width:170px;
overflow:hidden;
text-overflow:ellipsis;
display:inline-block;
}

/**** BACK TOP ****/
.backtop, .chat{
position:fixed;
right:0;
background-repeat:no-repeat;
background-color:#005757;
width:100px;
height:50px;
cursor:pointer;
z-index:100;
}

.backtop{
display:none;
background-position:22px 8px;
background-image:url(../img/backtop_fff.png);
background-size:40px auto;
bottom:15%;
}

.chat{
background-position:22px 8px;
background-image:url(../img/chat_fff.png);
background-size:49px auto;
bottom:5%;
}

.backtop:before, .chat:before{
content:'';
position:absolute;
top:-25px;
left:0;
width:0;
height:0;
border-left:100px solid transparent;
border-bottom:25px solid #005757;
}

.backtop:after, .chat:after{
content:'';
position:absolute;
bottom:-25px;
left:0;
width:0;
height:0;
border-right:100px solid transparent;
border-top:25px solid #005757;
}

/**** BLOC INTRO SUPERPOSE ****/
.superpose{position:relative;}

.superpose > .left, .superpose > .right{
display:inline-block;
vertical-align:top;
width:50%;
}

.superpose > .left{padding-right:105px;}

.superpose > .right{
position:relative;
padding-bottom:75px;
padding-right:75px;
}

.superpose.liste > .right{
position:absolute;
padding-bottom:0;
padding-right:0;
top:-85px;
right:0;
z-index:-1;
}

.superpose > .right .bg_img{
position:absolute;
width:75%;
max-height:calc(100% + 85px);
top:-85px;
right:0;
background-color:#E0E0E0;
overflow:hidden;
}

.superpose.liste > .right .bg_img{
position:static;
margin-left:auto;
max-height:none;
height:auto;
}

.superpose > .right .bg_img img{
display:block;
width:100%;
}

.superpose > .right .bg_fond{
position:absolute;
width:788px;
max-width:85%;
height:calc(75% + 85px);
bottom:0;
left:0;
background-color:#005757;
}

.superpose > .left .content, .superpose > .right .content{
position:relative;
max-width:100%;
}

.superpose > .left .content{
width:578px;
padding:45px 75px 0 75px;
margin-left:auto;
}

.superpose.intro > .left .content .centre{
width:370px;
max-width:100%;
}

.superpose.intro > .left .content .centre > .osUpp30{padding-bottom:25px;}

.superpose.intro > .left .content .centre > .bt_noir{margin-top:45px;}

.superpose.intro > .left .content .back{
position:absolute;
top:55px;
left:0;
}

.superpose.intro > .left .content .partage{
position:absolute;
top:45px;
right:25px;
display:inline-block;
}

.superpose.intro > .left .content .partage a, .superpose.intro > .left .content .partage span{
display:block;
margin:0 auto;
cursor:pointer;
}

.superpose.intro > .left .content .partage a + a, .superpose.intro > .left .content .partage a + span{margin-top:15px;}

.superpose.intro > .left .content .partage .bgimg.fb{
width:9px;
height:20px;
}

.superpose > .right .content{
width:788px;
margin-left:-105px;
}

.superpose > .right .content > img{
display:block;
width:100%;
}

/**** MOTEUR DE RECHERCHE (ACCUEIL + LISTE VÉHICULES) ****/
.moteur form{
width:340px;
max-width:100%;
}

.moteur form .ti{
position:relative;
padding-right:30px;
margin-bottom:25px;
}

.moteur form .ti .alerte_mail{
position:absolute;
bottom:3px;
right:0;
}

.moteur form .ligne + .ligne{margin-top:5px;}

.moteur form .ligne.moitie{
width:calc(50% - 5px);
display:inline-block;
vertical-align:middle;
}

.moteur form .ligne.moitie + .ligne.moitie{margin-left:10px;}

.moteur form .ligne.moitie.hidden{display:none;}

.moteur form .ligne.moitie.hidden + .ligne.moitie{
width:100%;
margin-left:0;
}

.moteur form .ligne > label{margin:0 15px 5px 0;}

.moteur form .ligne input[type="text"]{
background-color:#fff;
border-bottom:1px solid #000;
padding:10px 0 8px 0;
display:block;
width:100%;
}

.moteur form .ligne .input_info input[type="text"]{padding-right:35px;}

.moteur form ::-webkit-input-placeholder{color:#b6b6b6;}

.moteur form :-moz-placeholder{color:#b6b6b6;}

.moteur form ::-moz-placeholder{color:#b6b6b6;}

.moteur form input:-ms-input-placeholder{color:#b6b6b6;}

.moteur form .nb{padding:30px 0 10px 0;}

.moteur form .nb span{color:#FF825C;}

.moteur form .bt_noir{margin-top:30px;}

.moteur form .reset{
display:inline-block;
vertical-align:middle;
margin-left:20px;
font-size:11px;
text-decoration:underline;
color:#FF825C;
}

/**** SIMULATEUR DE FINANCEMENT (ACCUEIL + LISTE VÉHICULES + DÉTAIL VÉHICULE) ****/
section.simulateur_financement_iframe{
margin-top:100px;
width:100%;
margin-left:-105px;
padding-right:60px;
}

.no_photo section.simulateur_financement_iframe{margin-top:100px;}

section.simulateur_financement, .simulateur_credit{
background-color:#005757;
color:#fff;
-moz-box-shadow:inset 0 -1px 10px -10px #fff;
-webkit-box-shadow:inset 0 -1px 10px -10px #fff;
-o-box-shadow:inset 0 -1px 10px -10px #fff;
box-shadow:inset 0 -1px 10px -10px #fff;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#fff, Direction=90, Strength=10);
width:calc(100% + 105px);
margin-left:-105px;
margin-top:130px;
padding:30px 40px;
background-color:#FF825C;
}

section.simulateur_financement > ul, .simulateur_credit > ul{padding-top:30px;}

section.simulateur_financement > ul > li, .simulateur_credit > ul > li{
display:inline-block;
vertical-align:top;
width:calc((100% - 270px) / 3);
padding-right:15px;
}

section.simulateur_financement > ul > li:last-child, .simulateur_credit > ul > li:last-child{
width:270px;
padding-right:15px;
}

section.simulateur_financement > ul > li > strong, .simulateur_credit > ul > li > strong{
display:block;
font-weight:normal;
padding-bottom:15px;
}

section.simulateur_financement > ul > li .input_info input, .simulateur_credit > ul > li .input_info input{
padding:10px 45px 10px 20px;
background-color:#fff;
color:#005757;
}

section.simulateur_financement > ul > li .input_info span, .simulateur_credit > ul > li .input_info span{
font-family: 'robotobold';
top:8px;
right:20px;
color:#005757;
font-size:18px;
}

section.simulateur_financement .selectric-faux_select .selectric, .simulateur_credit .selectric-faux_select .selectric{
background-color:#fff;
border:none;
}

section.simulateur_financement .selectric-faux_select .selectric .label, .simulateur_credit .selectric-faux_select .selectric .label{
color:#005757;
padding:10px 45px 10px 20px;
}

section.simulateur_financement .selectric-faux_select .selectric .button, .simulateur_credit .selectric-faux_select .selectric .button{
right:20px;
top:19px;
bottom:auto;
}

section.simulateur_financement .selectric-faux_select .selectric-items, .simulateur_credit .selectric-faux_select .selectric-items{
background-color:#fff;
border:1px solid #005757;
}

section.simulateur_financement .selectric-items li, .simulateur_credit .selectric-items li{color:#005757;}


section.simulateur_financement > ul > li .result, .simulateur_credit > ul > li .result, .simulateur_credit > ul > li .result_vide{
padding:25px;
text-align:center;
background-color:#fff;
color:#005757;
line-height:30px;
}

.simulateur_credit > ul > li .result{
padding:25px 15px;
font-size:11px;
line-height:14px;
}

section.simulateur_financement > ul > li .result strong, .simulateur_credit > ul > li .result strong, .simulateur_credit > ul > li .result_vide{
font-family: 'robotobold';
font-weight:normal;
font-size:25px;
}

.simulateur_credit > ul > li .result strong{
line-height:30px;
display:inline-block;
margin-bottom:10px;
}

.simulateur_credit > ul > li .result_vide{font-size:19px;}

.simulateur_credit > ul > li .result_vide .pt{
font-size:14px;
font-family:'robotoregular';
}

section.simulateur_financement > ul > li .result strong sup, .simulateur_credit > ul > li .result strong sup{
font-size:50%;
text-transform:uppercase;
}

section.simulateur_financement > ul > li .conditions, .simulateur_credit > ul > li .conditions{
font-family: 'robotoitalic';
font-size:11px;
display:block;
margin-top:8px;
}

section.simulateur_financement > ul > li .conditions span, .simulateur_credit > ul > li .conditions span{
font-family: 'robotoregular';
font-size:12px;
text-decoration:underline;
cursor:pointer;
display:block;
margin-top:5px;
}

.simulateur_credit > ul > li .result.hidden, .simulateur_credit > ul > li .conditions.hidden, .simulateur_credit > ul > li .result_vide{display:none;}

.simulateur_credit > ul > li .conditions.hidden + .result_vide{display:block;}

.simulateur_credit .mentions{
display:none;
font-family: 'robotoitalic';
padding-top:40px;
font-size:14px;
line-height:20px;
}

/**** POP IN ****/
.popin{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.8);
z-index:5000;
display:none;
padding:50px;
}

.popin .bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.6);
cursor:pointer;
}

.popin .content{
position:relative;
margin:0 auto;
width:725px;
max-width:100%;
top:50%;
transform:translateY(-50%);
}

.popin .content.gd{width:1200px;}

position:absolute;
top:10px;
left:10px;
width:100%;
height:100%;
content:'';
background-color:#FF825C;
z-index:-1;
}

.popin .content .close{
position:absolute;
top:20px;
right:20px;
cursor:pointer;
width:12px;
height:12px;
background-image:url(../img/close_000.png);
z-index:1;
}

.popin .content .centre{
position:relative;
padding:50px;
overflow:auto;
background-color:#fff;
}

.popin .content .intro{
text-align:center;
margin:0 auto;
width:540px;
max-width:100%;
padding:75px 0 40px 0;
background-repeat:no-repeat;
background-position:center top;
}

.popin .content .intro .osUpp25{padding-bottom:20px;}

.popin .content .rappel .intro{
background-image:url(../img/picto_rappel.png);
width:280px;
background-size:auto 53px;
}

.popin .content .alerte_email .intro{
background-image:url(../img/alerte_mail.png);
padding:40px 0 20px 0;
background-size:auto 30px;
}

.popin .content .partage_mail .intro{
background-image:url(../img/email.png);
padding:40px 0 20px 0;
background-size:auto 30px;
}

.popin .content form .ligne + .ligne{margin-top:5px;}

.popin .content form .ligne.moitie{
width:calc(50% - 10px);
display:inline-block;
vertical-align:bottom;
}

.popin .content form .ligne.moitie:nth-child(even){margin-right:20px;}

.popin .content form .ligne input[type="text"], .popin .content form .ligne textarea{
background-color:#fff;
border-bottom:1px solid #000;
padding:10px 0 8px 0;
display:block;
width:100%;
}

.popin .content form .ligne textarea{height:150px;}

.popin .content form .ligne .input_info input[type="text"]{padding-right:35px;}

.popin .content form .captcha{
margin-top:20px;
text-align:center;
}

.popin .content form .g-recaptcha{display:inline-block;}

.popin .content form .g-recaptcha > div{max-width:100%;}

.popin .content form .g-recaptcha #rc-imageselect, .popin .content form .g-recaptcha{
transform:scale(0.8);
-webkit-transform:scale(0.8);
transform-origin:center center;
-webkit-transform-origin:center center;
}

/**** POP IN ETRE RAPPELE ****/
.popin .content .rappel{text-align:center;}

.popin .content .rappel form{padding-bottom:30px;}

.popin .content .rappel form ul{
margin-bottom:15px;
width:100%;
}

.popin .content .rappel form ul + ul{margin-bottom:5px;}

.popin .content .rappel form ul li{
display:inline-block;
vertical-align:middle;
width:100px;
max-width:20%;
padding:0 10px;
}

.popin .content .rappel form ul li:first-child{
text-align:right;
text-transform:uppercase;
font-size:12px;
padding:0 50px 0 0;
}

.popin .content .rappel form ul li label.checkbox{
padding-left:0;
width:20px;
height:16px;
min-height:16px;
background-size:100% auto;
font-size:0;
}

.popin .content .rappel form input[type="text"]{
margin:35px auto 0 auto;
width:210px;
max-width:100%;
display:block;
border-bottom:1px solid #000;
padding-bottom:8px;
text-align:center;
}

.popin .content form .alerte, .popin .content .message_envoye{
display:none;
font-family: 'robotobold';
letter-spacing:1px;
color:#FF825C;
}

.popin .content .rappel form .alerte, .popin .content .rappel form .bt_noir, .popin .content .rappel .message_envoye{margin-top:30px;}

/**** POP IN ALERTE EMAIL ET PARTAGER PAR MAIL ****/
.popin .content .alerte_email .bt, .popin .content .partage_mail .bt, .popin .content .alerte_email form .alerte, .popin .content .alerte_email .message_envoye, .popin .content .partage_mail form .alerte, .popin .content .partage_mail .message_envoye{
text-align:center;
padding-top:30px;
}

.popin .content .alerte_email form, .popin .content .alerte_email .message_envoye{padding-bottom:30px;}

.popin .content .alerte_email form .input_info span{color:#b6b6b6;}

.popin .content .alerte_email form ::-webkit-input-placeholder{color:#b6b6b6;}

.popin .content .alerte_email form :-moz-placeholder{color:#b6b6b6;}

.popin .content .alerte_email form ::-moz-placeholder{color:#b6b6b6;}

.popin .content .alerte_email form input:-ms-input-placeholder{color:#b6b6b6;}

/**** POP IN CONDITIONS FINANCEMENT ****/
.popin .content .financement .intro{padding:0;}

.popin .content .financement > ul{
width:100%;
margin-bottom:1px;
}

.popin .content .financement > ul > li{
width:50%;
padding:5px 15px;
display:inline-block;
vertical-align:middle;
}

.popin .content .financement > ul > li:first-child{background-color:#f0f0f0;}

.popin .content .financement > ul > li.nopad{padding:0 15px;}

.popin .content .financement > ul > li input[type="text"]{
background-color:#fff;
padding:0;
display:block;
width:100%;
border-bottom:1px solid #000;
}

.popin .content .financement > ul > li .selectric-faux_select .selectric .label{padding:5px 25px 5px 0;}

.popin .content .financement > ul > li.input_info span{
right:15px;
top:5px;
}

.popin .content .financement .mentions{
padding:20px 0;
font-size:12px;
font-family: 'robotoitalic';
}

/**** POP IN MENTIONS FINANCEMENT ****/
.popin .content .legal_financement font{font-size:15px !important;}

.popin .content .legal_financement p + p{margin-top:10px;}

.popin .content .legal_financement table{margin:20px 0;}

.popin .content .legal_financement table caption{
font-family: 'robotoitalic';
font-size:13px;
padding-bottom:10px;
}

.popin .content .legal_financement table td{padding:5px;}


/************************************/
/*************** INDEX **************/
/************************************/

/**** HEADER ****/
body > header{
padding-left:80px;
font-family:'robotobold';
font-size:12px;
letter-spacing:1px;
}

body > header .left{
display:flex;
padding-top:20px;
align-items:center;
width:100%;
}

body > header .left .burger{
display:none;
cursor:pointer;
margin-right:20px;
}

body > header .left .logo{width:170px;}

body > header .left .logo img{
display:block;
max-height:120px;
}

body.nav_chrome > header .left .logo img{image-rendering: -webkit-optimize-contrast;}

body > header .left > nav{
display:flex;
top:-8px;
padding-left:95px;
text-transform:uppercase;
flex:1;
position:relative;
}

body > header .left > nav > a, body > header .left > nav .ssmenu{margin-left:25px;}

body > header .left > nav > a:first-child, body > header .left > nav .ssmenu:first-child{margin-left:0;}

body > header .left > nav > .ssmenu .liens{
display:none;
position:absolute;
top:100%;
background-color:#fff;
z-index:1000;
width:calc(100% - 55px);
padding:0 40px 60px 40px;
left:55px;
border-bottom:4px solid #000;
font-size:13px;
letter-spacing:0;
font-family:'robotoregular', Arial, sans-serif;
}

body > header .left > nav > .ssmenu .liens.open{
display:flex;
flex-flow:row wrap;
}

body > header .left > nav > .ssmenu .liens li{
width:290px;
padding:40px 40px 0 0;
text-transform:none;
line-height:24px;
}

body > header .left > nav > .ssmenu .liens li a.ti{
text-transform:uppercase;
color:#FF825C;
display:inline-block;
margin-bottom:5px;
font-family:'robotobold';
line-height:15px;
}

body > header .right{
display:flex;
align-items:flex-end;
padding:7px 25px 0 0;
justify-content:flex-end;
}

body > header .right > span{cursor:pointer;}

body > header .menu{
display:inline-block;
padding-top:8px;
position:relative;
cursor:pointer;
}

body > header .menu:before{
position:absolute;
content:'';
width:0;
height:1px;
background-color:#000;
top:0;
left:50%;
margin-left:-10px;
-webkit-transition:width 0.2s ease-in-out;
-moz-transition:width 0.2s ease-in-out;
-o-transition:width 0.2s ease-in-out;
transition:width 0.2s ease-in-out;
}

body > header .menu.active:before{width:20px;}

body > header .right > span, body > header .right > a{margin-left:30px;}

body > header .right > span:first-child, body > header .right > a:first-child{margin-left:30px;}

/**** HEADER RESPONSIVE ****/
.header_resp{
position:fixed;
top:0;
left:-100%;
width:100%;
height:100%;
z-index:6000;
overflow:auto;
background:#fff;
padding:60px 40px 40px 40px;
transition:left 1s;
}

.header_resp.open{left:0;}

.header_resp .close{
position:absolute;
top:20px;
right:40px;
width:20px;
height:20px;
cursor:pointer;
z-index:7000;
}

.header_resp > div > a, .header_resp > div > span{
display:block;
padding:10px 0;
font-family:'robotobold';
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
border-bottom:1px solid rgba(0, 0, 0, 0.2);
cursor:pointer;
}

.header_resp > div > a.active, .header_resp > div > span.active{color:#FF825C;}

.header_resp > div > .menu{
position:relative;
padding-right:30px;
}

.header_resp > div > .menu > span{
content:'';
position:absolute;
top:50%;
transform:translateY(-50%);
right:0;
width:20px;
height:18px;
background:url(../img/arrow_next_000.png) no-repeat center center;
background-size:auto 100%;
}

.header_resp > .ssmenu{
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
z-index:6200;
overflow:auto;
background:#fff;
padding:60px 40px 40px 40px;
transition:left 1s;
}

.header_resp > .ssmenu.open{left:0;}

main{
position:relative;
z-index:100;
}

/**** FOOTER ****/
body > footer{
position:relative;
padding:70px 50px 80px 50px;
background-color:#005757;
color:#fff;
font-size:12px;
z-idnex:50;
}

body > footer a, body > footer a:hover{color:#fff;}

body > footer .centre{
width:1200px;
max-width:100%;
margin:0 auto;
}

body > footer .newsletter.hidden{display:none;}

body > footer .newsletter{text-align:center;}

body > footer .newsletter .osUpp20{padding-bottom:25px;}

body > footer .newsletter form{
position:relative;
text-align:center;
width:400px;
max-width:100%;
margin:0 auto;
}

body > footer .newsletter form:after{
position:absolute;
content:'';
width:100%;
height:100%;
right:-5px;
bottom:-5px;
background-color:#FF825C;
}

body > footer .newsletter form input[type="text"], body > footer .newsletter form button{
display:inline-block;
vertical-align:middle;
background-color:#fff;
height:50px;
line-height:50px;
position:relative;
z-index:5;
}

body > footer .newsletter form input[type="text"]{
width:calc(100% - 40px);
padding:0 20px;
}

body > footer .newsletter form button{
width:40px;
text-align:center;
font-family: 'oswaldregular';
text-transform:uppercase;
}

body > footer .newsletter form ::-webkit-input-placeholder{opacity:0.3;}

body > footer .newsletter form :-moz-placeholder{opacity:0.3;}

body > footer .newsletter form ::-moz-placeholder{opacity:0.3;}

body > footer .newsletter form input:-ms-input-placeholder{opacity:0.3;}

body > footer .newsletter .alerte{
padding-top:25px;
display:none;
font-family: 'robotobold';
letter-spacing:1px;
color:#FF825C;
}

body > footer .newsletter .mentions{
padding-top:25px;
opacity:0.3;
}

body > footer .centre > ul{
width:100%;
display:flex;
flex-flow:row wrap;
justify-content:space-between;
}

body > footer .centre > ul li{
padding:40px 40px 0 0;
width:300px;
}

body > footer .centre > ul li .osUpp20{
white-space:nowrap;
padding-bottom:20px;
}

body > footer .centre > ul li a, body > footer .centre > ul li span.ancre_rappel, body > footer .centre > ul li span.ti{
display:block;
font-family: 'robotobold';
letter-spacing:1px;
text-transform:uppercase;
}

body > footer .centre > ul li a.osUpp20{
font-family:'oswaldregular';
letter-spacing:0;
}

body > footer .centre > ul li a + a, body > footer .centre > ul li span + a, body > footer .centre > ul li a + span.ancre_rappel{margin-top:10px;}

body > footer .centre > ul li.coords{
font-size:14px;
line-height:16px;
}

body > footer .centre > ul li.coords strong{
font-family: 'robotobold';
letter-spacing:1px;
font-weight:normal;
font-size:12px;
text-transform:uppercase;
}

body > footer .centre > ul li.coords strong.ti{font-size:15px;}

body > footer .centre > ul li.sociaux{
width:100%;
text-align:center;
padding:50px 0 0 0;
}

body > footer .centre > ul li.sociaux .osUpp20{padding-bottom:0;}

body > footer .centre > ul li.sociaux .osUpp20, body > footer .centre > ul li.sociaux a{
display:inline-block;
vertical-align:middle;
}

body > footer .centre > ul li.sociaux a{margin:0 0 0 20px;}

body > footer .centre > ul li.hidden{display:none;}

body > footer .bgimg.fb{background-image:url(../img/sociaux_facebook_fff.png);}

body > footer .bgimg.tw{background-image:url(../img/sociaux_twitter_fff.png);}

body > footer .bgimg.in{background-image:url(../img/sociaux_instagram_fff.png);}

body > footer .bgimg.pi{background-image:url(../img/sociaux_pinterest_fff.png);}

body > footer a.nash{
position:absolute;
display:inline-block;
width:100px;
bottom:30px;
right:30px;
}

/**** RGPD ****/
body > .rgpd{
position:fixed;
bottom:0;
left:0;
width:100%;
padding:20px 50px;
background-color:rgba(0, 0, 0, 0.85);
color:#fff;
font-size:12px;
font-family: 'robotobold';
letter-spacing:1px;
text-align:center;
z-index:100;
}

body > .rgpd.hidden{display:none;}

body > .rgpd span, body > .rgpd a{
display:inline-block;
vertical-align:middle;
}

body > .rgpd .close{
position:absolute;
top:50%;
margin-top:-10px;
right:30px;
cursor:pointer;
width:20px;
height:20px;
background-image:url(../img/close_fff.png);
}

body > .rgpd span.bt{
background-color:#fff;
color:#000;
padding:10px 15px;
cursor:pointer;
margin-left:20px;
}

body > .rgpd a{
font-family: 'robotoregular';
text-decoration:underline;
margin-left:20px;
color:rgba(255, 255, 255, 0.6);
}


/**************************************/
/*************** ACCUEIL **************/
/**************************************/

main.home{
padding-top:40px;
padding-bottom:100px;
}

/**** SERVICES ****/
main.home section.services{padding-top:110px;}

main.home section.services.hidden{display:none;}

main.home section.services .cont_pt{text-align:center;}

main.home section.services .cont_pt ul{
margin:0 0 55px 0;
position:relative;
display:flex;
flex-flow:row wrap;
justify-content:center;
padding:0 65px;
}

main.home section.services .cont_pt ul:before{
position:absolute;
content:'';
width:100%;
height:170px;
background-color:#005757;
top:165px;
left:0;
z-index:-1;
}

main.home section.services .cont_pt ul li{
margin:55px 7px 0 7px;
font-size:17px;
width:calc((100% / 3) - 14px);
line-height:20px;
display:flex;
flex-flow:column;
justify-content:space-between;
}

main.home section.services .cont_pt ul li .img{
position:relative;
background-color:#E0E0E0;
overflow:hidden;
margin-bottom:30px;
height:500px;
display:block;
}

main.home section.services .cont_pt ul li .img a{
display:block;
height:100%;
}

main.home section.services .cont_pt ul li .img img{
display:block;
max-width:none;
height:100%;
transform:translateX(-50%);
left:50%;
position:relative;
}

main.home section.services .cont_pt ul li .img h3{
position:absolute;
transform:rotate(-90deg) translate(100%, 0%);
transform-origin:bottom right;
bottom:-5px;
right:0;
text-transform:uppercase;
font-family:'oswaldbold';
font-size:80px;
z-index:10;
color:#000;
white-space:nowrap;
line-height:64px;
}

main.home section.services .cont_pt ul li .img img + h3, main.home section.services .cont_pt ul li .img a + h3{color:#fff;}

main.home section.services .cont_pt ul li .bt_noir.pt{
display:block;
margin:50px auto 0;
width:max-content;
width:moz-max-content;
}

/**** A PROPOS ****/
main.home section.apropos{padding-top:110px;}

main.home section.apropos.hidden{display:none;}

main.home section.apropos > .osUpp30{text-align:center;}

main.home section.apropos .cont_pt{padding-top:100px;}

main.home section.apropos .cont_pt .txt{
display:block;
margin:0 auto;
padding:0 75px;
position:relative;
}

main.home section.apropos .cont_pt .img, main.home section.apropos .cont_pt .img + .txt{
display:inline-block;
vertical-align:top;
}

main.home section.apropos .cont_pt .img{
position:relative;
width:58%;
}

main.home section.apropos .cont_pt .img img{
display:block;
width:100%;
position:relative;
top:-55px;
left:75px;
z-index:5;
}

main.home section.apropos .cont_pt .img:before{
position:absolute;
content:'';
top:0;
left:0;
width:100%;
height:100%;
background-color:#005757;
z-index:-1;
}

main.home section.apropos .cont_pt .img + .txt{
width:42%;
padding:0 75px 0 170px;
text-align:left;
margin-top:35px;
}

main.home section.apropos .cont_pt .txt .bt_noir{margin-top:30px;}

/**** DIAPO SELECTION ET ACTU ****/
main.home section.actu, main.home section.selection, main.vehicule_detail section.selection{
padding-top:100px;
text-align:center;
}

main.vehicule_detail section.selection{padding-top:0}

main.home section.actu.hidden, main.vehicule_detail section.selection.hidden{display:none;}

main.home section.actu > .osUpp30{margin-bottom:55px;}

main.home section .diapo, main.vehicule_detail section.selection .diapo{
text-align:left;
position:relative;
}

main.home section .diapo .controls, main.vehicule_detail section.selection .diapo .controls{
position:absolute;
top:50%;
transform:translateY(-50%);
right:80px;
width:10px;
}

main.home section .diapo .controls:after, main.vehicule_detail section.selection .diapo .controls:after{
position:absolute;
content:'';
left:50%;
top:50%;
width:2px;
height:60px;
background-color:#000;
margin:-30px 0 0 -1px;
}

main.home section .diapo .controls .slick-arrow, main.vehicule_detail section.selection .diapo .controls .slick-arrow{
display:block;
font-size:0;
width:10px;
height:18px;
background-repeat:no-repeat;
background-position:center center;
background-size:100% auto;
}

main.home section .diapo .controls .slick-arrow.slick-prev, main.vehicule_detail section.selection .diapo .controls .slick-arrow.slick-prev{
background-image:url(../img/arrow_prev_000.png);
margin-bottom:95px;
}

main.home section .diapo .controls .slick-arrow.slick-next, main.vehicule_detail section.selection .diapo .controls .slick-arrow.slick-next{background-image:url(../img/arrow_next_000.png);}

/**** SELECTION ****/
main.home section.selection .diapo #diapo_selection, main.vehicule_detail section.selection .diapo #diapo_selection{
margin-top:90px;
margin-bottom:90px;
}

main.home section.selection .diapo #diapo_selection li, main.vehicule_detail section.selection .diapo #diapo_selection li{padding-right:70px;}

main.home section.selection .diapo #diapo_selection li a, main.vehicule_detail section.selection .diapo #diapo_selection li a{
position:relative;
display:block;
}

main.home section.selection .diapo #diapo_selection li a .osUpp20, main.vehicule_detail section.selection .diapo #diapo_selection li a .osUpp20{
position:relative;
padding-top:12px;
margin-bottom:20px;
}

main.home section.selection .diapo #diapo_selection li a .osUpp20:before, main.vehicule_detail section.selection .diapo #diapo_selection li a .osUpp20:before{
position:absolute;
bottom:-3px;
left:0;
z-index:-1;
content:'';
background-color:#FF825C;
height:2px;
width:45px;
transform:rotate(-45deg);
transform-origin:left bottom;
}

main.home section.selection .diapo #diapo_selection li a .txt .mensualite, main.vehicule_detail section.selection .diapo #diapo_selection li a .txt .mensualite{
font-size:13px;
text-align:right;
opacity:0.6;
padding-top:15px;
}

main.home section.selection .diapo #diapo_selection li a .txt .mensualite .info, main.vehicule_detail section.selection .diapo #diapo_selection li a .txt .mensualite .info{
display:inline-block;
vertical-align:top;
width:12px;
height:12px;
position:relative;
cursor:pointer;
background:url(../img/info.png) no-repeat center center;
background-size:100% auto;
margin-left:5px;
}

main.vehicule_detail section.selection .diapo #diapo_selection li a .txt strong{
font-family: 'robotobold';
font-weight:normal;
}

main.vehicule_detail section.selection .diapo #diapo_selection li a .txt strong sup{
font-size:10px;
top:0;
position:relative;
padding-left:3px;
}

main.home section.selection .diapo #diapo_selection li a img{
margin:15px auto 0 auto;
display:block;
}

main.vehicule_detail section.selection .diapo #diapo_selection li a .photo{padding-top:15px;}

main.vehicule_detail section.selection .diapo #diapo_selection li a .photo img{
display:block;
width:100%;
}

/**** ACTU ****/
main.home section.actu .diapo #diapo_actu{padding:95px 70px 55px 70px;}

main.home section.actu .diapo #diapo_actu:before{
position:absolute;
content:'';
left:0;
top:0;
width:100%;
height:265px;
background-color:#005757;
z-index:-1;
}

main.home section.actu .diapo #diapo_actu li{padding:0 7px;}

main.home section.actu .diapo #diapo_actu li a{display:block;}

main.home section.actu .diapo #diapo_actu li .img{
overflow:hidden;
max-height:350px;
background-color:#E0E0E0;
}

main.home section.actu .diapo #diapo_actu li .img img{
display:block;
width:100%;
}

main.home section.actu .diapo #diapo_actu li .txt{padding:40px 50px 0 50px;}

main.home section.actu .diapo #diapo_actu li .txt .osUpp20{margin-bottom:20px;}


/****************************************/
/*************** VÉHICULES **************/
/****************************************/

main.vehicules.fixed .moteur form{
position:fixed;
top:50px;
}

main.vehicules.fixed.bottom .moteur form{top:auto;}

main.vehicules .moteur form .ti .responsive{
display:none;
font-family:'oswaldregular';
text-transform:uppercase;
font-size:18px;
background:url(../img/select_off.png) no-repeat left center;
background-size:11px auto;
padding-left:20px;
cursor:pointer;
}

main.vehicules .moteur form .ti .responsive.open{background-image:url(../img/select_on.png);}

main.vehicules .moteur form .mention_financement{
font-size:10px;
padding-top:30px;
}

main.vehicules .moteur form .mention_financement.hidden{display:none;}

main.vehicules .moteur form .mention{
font-family: 'robotobold';
padding-top:15px;
}

main.vehicules .moteur form .mention.hidden{display:none;}

main.vehicules .superpose > .right{margin-bottom:100px;}

main.vehicules .superpose > .right .bg_img{
width:100%;
background-color:transparent;
}

main.vehicules .superpose > .right .bg_img .img{
position:absolute;
top:0;
right:0;
width:75%;
height:100%;
background-color:#E0E0E0;
}

main.vehicules .superpose > .right .bg_fond{height:75%;}

main.vehicules .superpose .right .content .top{padding-bottom:5px;}

main.vehicules .superpose .right .content .top > h1{padding-bottom:15px;}

main.vehicules .superpose .right .content .top .nb{
display:inline-block;
vertical-align:middle;
font-size:15px;
width:70%;
padding-right:30px;
}

main.vehicules .superpose .right .content .top .nb .osUpp20 span{color:#FF825C;}

main.vehicules .superpose .right .content .top .tri{
display:inline-block;
vertical-align:middle;
width:30%;
}

main.vehicules .superpose .right .content .top .tri .selectric-faux_select .selectric{background:transparent;}

main.vehicules .superpose .right .content #liste li{
background-color:#f0f0f0;
margin-top:10px;
}

main.vehicules .superpose .right .content #liste li.vide{padding:50px;}

main.vehicules .superpose .right .content #liste li a{
width:100%;
display:flex;
flex-flow:row;
position:relative;
}

main.vehicules .superpose .right .content #liste li a .img{
position:relative;
width:215px;
}

main.vehicules .superpose .right .content #liste li a .img img{
display:block;
width:100%;
}

main.vehicules .superpose .right .content #liste li a .txt{
padding:0 30px 0 35px;
margin:20px 0;
width:calc(100% - 360px);
}

main.vehicules .superpose .right .content #liste li a .txt h3.osUpp20{margin-bottom:20px;}

main.vehicules .superpose .right .content #liste li a .txt + .txt{
width:145px;
border-left:1px solid #000;
font-family: 'robotobold';
padding:15px 20px 15px 25px;
}

main.vehicules .superpose .right .content #liste li a .txt .prix{
color:#FF825C;
margin-top:10px;
line-height:20px;
}

main.vehicules .superpose .right .content #liste li a .txt .prix .barre{
display:block;
font-size:15px;
color:#000;
font-family: 'robotoregular';
text-transform:none;
text-decoration:line-through;
}

main.vehicules .superpose .right .content #liste li a .txt .mensualite{
font-family: 'robotoregular';
font-size:13px;
padding-top:3px;
}

main.vehicules .superpose .right .content #liste li a .txt .mensualite sup{font-size:10px;}

main.vehicules .superpose .right .content #liste li a .txt .mensualite .info{
display:inline-block;
vertical-align:top;
width:12px;
height:12px;
position:relative;
cursor:pointer;
background:url(../img/info.png) no-repeat center center;
background-size:100% auto;
margin-left:5px;
}

main.vehicules .superpose .right .content #liste li a .txt .mensualite .info > div{
position:absolute;
width:200px;
top:5px;
right:5px;
background-color:#fff;
border:1px solid #000;
font-size:10px;
padding:10px;
z-index:100;
display:none;
max-height:200px;
overflow:auto;
}

main.vehicules .superpose .right .content .more{
padding-top:50px;
text-align:center;
font-family: 'robotobold';
text-decoration:underline;
font-size:12px;
letter-spacing:1px;
}

main.vehicules .superpose .right .content .more.hidden{display:none;}

main.vehicules .superpose .right .content .more span{cursor:pointer;}

main.vehicules .superpose .right .content .more.loading{background:url(../img/loading.gif) no-repeat center bottom;}

main.vehicules .superpose .right .content .more.loading span{visibility:hidden;}

main.vehicules .superpose .right .content .num_pages{
padding-top:50px;
text-align:center;
font-family: 'robotobold';
font-size:16px;
letter-spacing:1px;
}

main.vehicules .superpose .right .content .num_pages.hidden{display:none;}

main.vehicules .superpose .right .content .num_pages > a, main.vehicules .superpose .right .content .num_pages > span{
display:inline-block;
vertical-align:middle;
}

main.vehicules .superpose .right .content .num_pages > span.hidden{visibility:hidden;}

main.vehicules .superpose .right .content .num_pages .num{margin:0 5px;}

main.vehicules .superpose .right .content .num_pages > span.num{
font-family: 'robotoregular';
color:#FF825C;
}

main.vehicules .superpose .right .content .num_pages .prev, main.vehicules .superpose .right .content .num_pages .next{
width:8px;
height:14px;
background-repeat:no-repeat;
background-position:center center;
background-size:100% auto;
}

main.vehicules .superpose .right .content .num_pages .prev{
background-image:url(../img/arrow_prev_000.png);
margin-right:20px;
}

main.vehicules .superpose .right .content .num_pages .next{
background-image:url(../img/arrow_next_000.png);
margin-left:20px;
}

main.vehicules .superpose .right .content .texte_seo{padding-top:80px;}

main.vehicules .superpose .right .content .texte_seo.hidden{display:none;}

/**********************************************/
/*************** VÉHICULE DETAIL **************/
/**********************************************/

main.vehicule_detail > section > .left, main.vehicule_detail > section > .right{
display:inline-block;
vertical-align:top;
width:50%;
position:relative;
}

main.vehicule_detail > section > .left{
padding-right:105px;
padding-left:50px;
}

main.vehicule_detail > section > .left.hidden{visibility:hidden;}

main.vehicule_detail > section > .left .content, main.vehicule_detail > section > .right .content{
position:relative;
max-width:100%;
}

main.vehicule_detail > section > .left .content{
width:578px;
padding:45px 75px 0 75px;
margin-left:auto;
}

main.vehicule_detail > section > .right .content{
width:788px;
margin-left:-105px;
}

main.vehicule_detail > section > .left .content .back{
position:absolute;
top:55px;
left:0;
}

main.vehicule_detail > section > .left .content .partage{
position:absolute;
top:45px;
right:25px;
display:inline-block;
}

main.vehicule_detail > section > .left .content .partage a, main.vehicule_detail > section > .left .content .partage span{
display:block;
margin:0 auto;
cursor:pointer;
}

main.vehicule_detail > section > .left .content .partage a + a, main.vehicule_detail > section > .left .content .partage a + span{margin-top:15px;}

main.vehicule_detail > section > .left .content .partage .bgimg.fb{
width:9px;
height:20px;
}

main.vehicule_detail > section > .left .content .centre, main.vehicule_detail .caracMobile{
font-size:13px;
width:370px;
max-width:100%;
}

main.vehicule_detail > section > .left .content .centre > .osUpp30{
position:relative;
padding-top:12px;
padding-bottom:0;
}

main.vehicule_detail > section > .left .content .centre > .osUpp30:before{
position:absolute;
bottom:1px;
left:-6px;
content:'';
background-color:#FF825C;
height:2px;
width:45px;
transform:rotate(-45deg);
transform-origin:left bottom;
z-index:-1;
}

main.vehicule_detail > section > .left .content > .osUpp20{padding-bottom:5px;}

main.vehicule_detail > section > .left .content .prix{margin-top:25px;}

main.vehicule_detail > section > .left .content .prix .barre{
text-decoration:line-through;
font-size:15px;
}

main.vehicule_detail > section > .left .content .prix .osUpp30 sup{font-size:17px;}

main.vehicule_detail > section > .left .content .mensualite{margin-bottom:35px;}

main.vehicule_detail > section > .left .content .mensualite.hidden{display:none;}

main.vehicule_detail > section > .left .content .mensualite .info{
display:inline-block;
vertical-align:top;
width:12px;
height:12px;
position:relative;
cursor:pointer;
background:url(../img/info.png) no-repeat center center;
background-size:100% auto;
margin-left:5px;
}

main.vehicule_detail > section > .left .content .mensualite .info > div{
position:absolute;
width:200px;
top:5px;
left:5px;
background-color:#fff;
border:1px solid #000;
font-size:10px;
padding:10px;
z-index:100;
display:none;
max-height:200px;
overflow:auto;
}

main.vehicule_detail > section > .left .content .mensualite .mention{
font-family: 'robotoitalic';
font-size:10px;
padding-top:10px;
}

main.vehicule_detail > section > .left .content .mensualite.hidden + .carac{margin-top:35px;}

main.vehicule_detail > section > .left .content .carac div + div{margin-top:5px;}

main.vehicule_detail .caracMobile{
display : none
}

main.vehicule_detail > section > .left .content .carac div strong, main.vehicule_detail .caracMobile .carac div strong{
font-family: 'robotobold';
font-weight:normal;
}

main.vehicule_detail > section > .left .content .frais,  main.vehicule_detail .caracMobile .frais{
margin-top:20px;
width:300px;
max-width:100%;
}

main.vehicule_detail > section > .left .content .frais .montants,  main.vehicule_detail .caracMobile .frais .montants{
border:1px solid #000;
padding:20px;
}

main.vehicule_detail > section > .left .content .frais .montants ul + ul,  main.vehicule_detail .caracMobile .frais .montants ul + ul{margin-top:10px;}

main.vehicule_detail > section > .left .content .frais ul li, main.vehicule_detail .caracMobile .frais ul li{
display:inline-block;
vertical-align:top;
}

main.vehicule_detail > section > .left .content .frais ul.gras li, main.vehicule_detail > section > .left .content .frais ul.economie li, main.vehicule_detail .caracMobile .frais ul.gras li, main.vehicule_detail .caracMobile .frais ul.economie li{font-family: 'robotobold';}

main.vehicule_detail > section > .left .content .frais ul.economie li, main.vehicule_detail .caracMobile .frais ul.economie li{color:#FF825C;}

main.vehicule_detail > section > .left .content .frais ul li, main.vehicule_detail .caracMobile .frais ul li {width:65%;}

main.vehicule_detail > section > .left .content .frais ul li + li, main.vehicule_detail .caracMobile .frais ul li + li{
width:35%;
text-align:right;
}

main.vehicule_detail > section > .left .content .frais .total, main.vehicule_detail .caracMobile .frais .total{
padding:20px;
border:1px solid #000;
border-top:none;
position:relative;
background-color:#fff;
}

main.vehicule_detail > section > .left .content .frais .total:after, main.vehicule_detail .caracMobile .frais .total:after{
position:absolute;
content:'';
width:100%;
height:100%;
right:-5px;
bottom:-5px;
background-color:#000;
transition:background-color 0.3s;
z-index:-1;
}

main.vehicule_detail > section > .left .content .frais .total li, main.vehicule_detail .caracMobile .frais .total li{text-transform:uppercase;}

main.vehicule_detail > section > .left .content .frais .total li + li, main.vehicule_detail .caracMobile .frais .total li + li{
font-family: 'oswaldregular';
color:#FF825C;
font-size:18px;
line-height:20px;
}

main.vehicule_detail > section > .left .content .frais .mentions, main.vehicule_detail .caracMobile .frais .mentions{
font-size:10px;
padding-top:30px;
}

main.vehicule_detail > section > .left .content .frais.hidden, main.vehicule_detail > section > .left .content .frais .mentions.hidden, main.vehicule_detail .caracMobile .frais .mentions.hidden{display:none;}

main.vehicule_detail .fiche .right .first{position:relative;}

main.vehicule_detail .fiche .right .bg_img{
position:absolute;
width:75%;
height:800px;
top:-85px;
right:0;
background-color:#bfc8cd;
overflow:hidden;
max-height:calc(100% + 160px);
}

main.vehicule_detail .fiche .right .bg_img img{
display:block;
min-height:100%;
min-width:100%;
max-width:none;
}

main.vehicule_detail .fiche .right .diapo{position:relative;}

main.vehicule_detail .fiche .right .diapo:after{
position:absolute;
content:'';
top:75px;
right:-105px;
background-color:#005757;
width:100%;
height:100%;
}

main.vehicule_detail .fiche .right .diapo #diapo_vehicule{
width:100%;
position:relative;
z-index:2;
}

main.vehicule_detail .fiche .right .diapo .slick-slide img{margin:0 auto;}

main.vehicule_detail .fiche .right .diapo .controls{
position:absolute;
bottom:0;
right:-105px;
width:105px;
text-align:center;
padding-bottom:25px;
z-index:2;
}

main.vehicule_detail .fiche .right .diapo .controls .pager{
position:relative;
display:block;
width:10px;
margin:0 auto 115px auto;
}

main.vehicule_detail .fiche .right .diapo .controls .pager:after{
position:absolute;
content:'';
left:50%;
top:50%;
width:2px;
height:60px;
background-color:#fff;
margin:-30px 0 0 -1px;
}

main.vehicule_detail .fiche .right .diapo .controls .slick-arrow{
display:block;
font-size:0;
width:10px;
height:18px;
background-repeat:no-repeat;
background-position:center center;
background-size:100% auto;
}

main.vehicule_detail .fiche .right .diapo .controls .pager .slick-arrow.slick-prev{
background-image:url(../img/arrow_prev_fff.png);
margin-bottom:95px;
}

main.vehicule_detail .fiche .right .diapo .controls .pager .slick-arrow.slick-next{background-image:url(../img/arrow_next_fff.png);}

main.vehicule_detail .fiche .right .diapo .controls .loupe{
background-image:url(../img/loupe_fff.png);
cursor:pointer;
}

main.vehicule_detail .fiche .right .miniatures{
width:670px;
max-width:100%;
margin-left:auto;
display:flex;
flex-flow:row wrap;
justify-content:start;
margin-top:35px;
position:relative;
z-index:2;
}

main.vehicule_detail .fiche .right .miniatures li{
width:calc((100% / 6) - 10px);
margin:5px;
}

main.vehicule_detail .fiche .right .miniatures li img{
display:block;
width:100%;
cursor:pointer;
}

main.vehicule_detail .fiche .right.one_photo .diapo .controls .pager, main.vehicule_detail .fiche .right.one_photo .miniatures, main.vehicule_detail .fiche .right.no_photo .diapo .controls, main.vehicule_detail .fiche .right.no_photo .miniatures{display:none;}

main.vehicule_detail .infos{padding:80px 0 110px 0;}

main.vehicule_detail .infos .options .osUpp30{padding-bottom:20px;}

main.vehicule_detail .infos .options .liste{
max-height:580px;
font-size:13px;
width:300px;
max-width:100%;
padding-bottom:15px;
}

main.vehicule_detail .infos .options .liste .mCSB_container div{
padding-left:10px;
position:relative;
}

main.vehicule_detail .infos .options .liste .mCSB_container  div:before{
position:absolute;
content:'•';
top:0;
left:0;
}

main.vehicule_detail .infos .options .liste .mCSB_container  div + div{margin-top:5px;}

main.vehicule_detail .infos .options .liste .mCSB_scrollTools{
width:6px;
opacity:1;
filter:none;
-ms-filter:none;
}

main.vehicule_detail .infos .options .liste .mCSB_scrollTools .mCSB_dragger{
width:4px;
right:0;
min-height:99px;
}

main.vehicule_detail .infos .options .liste .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color:#000;
width:100%;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}

main.vehicule_detail .infos .options .liste .mCSB_scrollTools .mCSB_draggerRail{
background-color:#000;
width:1px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}

main.vehicule_detail .infos .right .content{
max-width:none;
width:calc(100% + 105px);
margin-left:-105px;
background-color:#E0E0E0;
color:#000;
padding:40px 60px 65px 60px;
}

main.vehicule_detail .infos .right .content form{
width:300px;
max-width:100%;
display:block;
}

main.vehicule_detail .infos .right .content form .osUpp20{padding-bottom:30px;}

main.vehicule_detail .infos .right .content form .ligne{margin-top:5px;}

main.vehicule_detail .infos .right .content form .osUpp20 + .ligne{margin-top:0;}

main.vehicule_detail .infos .right .content form .ligne > span{
display:block;
padding-bottom:5px;
}

main.vehicule_detail .infos .right .content form input[type="text"]{
display:block;
width:100%;
padding:10px;
border:1px solid #fff;
}

main.vehicule_detail .infos .right .content form .ligne .selectric-faux_select .selectric{border:1px solid #fff;}

main.vehicule_detail .infos .right .content form .ligne input[type="text"].erreur, .form_reprise .cont_pt .col .ligne .selectric-faux_select.erreur .selectric{border:1px solid #FF825C;}

main.vehicule_detail .infos .right .content form .selectric-faux_select .selectric .label{padding:10px 40px 10px 10px;}

main.vehicule_detail .infos .right .content form .selectric-faux_select .selectric .button{
right:15px;
bottom:15px;
}

main.vehicule_detail .infos .right .content form .ligne .input_info input[type="text"]{padding-right:30px;}

main.vehicule_detail .infos .right .content form .ligne .input_info span{right:15px;}

main.vehicule_detail .infos .right .content form .ligne.labels{padding-top:20px;}

main.vehicule_detail .infos .right .content form .ligne.labels span, main.vehicule_detail .infos .right .content form .ligne.labels label{
display:inline-block;
vertical-align:middle;
}

main.vehicule_detail .infos .right .content form .ligne.labels label{margin-left:10px;}

main.vehicule_detail .infos .right .content form .ligne.labels label.radio{padding-left:22px;}

main.vehicule_detail .infos .right .content form .hidden{display:none;}

main.vehicule_detail .infos .right .content form .captcha{margin-top:20px;}

main.vehicule_detail .infos .right .content form .oblig{
padding-top:15px;
opacity:0.5;
font-size:12px;
}

main.vehicule_detail .infos .right .content form .bt_noir{margin-top:5px;}

main.vehicule_detail .infos .right .content form .bt_noir.preview{
display:none;
margin:10px 0;
width:100%;
text-align:center;
}

main.vehicule_detail .infos .right .content form .bt_noir.preview.aff{display:inline-block;}

main.vehicule_detail .infos .right .content form .bt_noir.preview.aff + .bt_noir{
width:100%;
text-align:center;
}

main.vehicule_detail .infos .right .content form .alerte{
margin:20px 0;
display:none;
font-family: 'robotobold';
letter-spacing:1px;
color:#FF825C;
}

main.vehicule_detail .infos .right .content .message_envoye{
font-family: 'robotobold';
letter-spacing:1px;
color:#FF825C;
display:none;
padding:30px 0;
}

.lg-backdrop{opacity:0.85 !important;}

.lg-toolbar{
background:none !important;
padding:20px 30px 0 0;
}

.lg-toolbar .lg-icon{
font-size:0 !important;
height:25px !important;
padding:0 !important;
width:25px !important;
background:url(../img/close_fff.png) no-repeat center center;
background-size:100% auto;
}

.lg-outer .lg-img-wrap{top:2% !important;}

.lg-outer .lg-item, .lg-outer .lg-img-wrap{height:96% !important;}

.lg-outer .lg-image{
max-width:90% !important;
-moz-box-shadow:10px 10px 0 0 #FF825C;
-webkit-box-shadow:10px 10px 0 0 #FF825C;
-o-box-shadow:10px 10px 0 0 #FF825C;
box-shadow:10px 10px 0 0 #FF825C;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#FF825C, Direction=134, Strength=0);
}

.lg-actions{
position:absolute;
top:50%;
right:40px;
transform:translateY(-50%);
display:inline-block;
z-index:6080;
}

.lg-actions:after{
position:absolute;
content:'';
left:50%;
top:50%;
width:2px;
height:60px;
background-color:#fff;
margin:-30px 0 0 -1px;
}

.lg-actions .lg-next, .lg-actions .lg-prev{
width:10px !important;
height:18px !important;
background-color:transparent !important;
background-repeat:no-repeat !important;
background-position:center center !important;
background-size:100% auto !important;
border-radius:0 !important;
margin-top:0 !important;
padding:0 !important;
position:static !important;
transition:none !important;
transform:none !important;
opacity:1 !important;
}

.lg-actions .lg-prev{
background-image:url(../img/arrow_prev_fff.png) !important;
margin-bottom:95px !important;
}

.lg-actions .lg-next{background-image:url(../img/arrow_next_fff.png) !important;}

.lg-actions .lg-prev:after, .lg-actions .lg-next:before{display:none !important;}


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

.form_reprise{
position:relative;
margin-bottom:50px;
}

.form_reprise > img{
position:absolute;
max-width:75%;
max-height:calc(100% + 85px);
top:-85px;
right:0;
z-index:1;
}

.form_reprise .cont_pt{
position:relative;
background-color:#E0E0E0;
color:#000;
padding:60px;
z-index:2;
width:1214px;
}

.form_reprise .cont_pt .osUpp20{padding-bottom:15px;}

.form_reprise .cont_pt .osUpp20 + div{padding-bottom:30px;}

.form_reprise .cont_pt .champs{
display:flex;
flex-flow:row wrap;
justify-content:space-between;
align-items:flex-start;
}

.form_reprise .cont_pt .champs .ligne{
margin-top:5px;
width:calc(50% - 10px);
}

.form_reprise .cont_pt .champs .ligne > span{
display:block;
padding-bottom:5px;
}

.form_reprise .cont_pt .champs .ligne input[type="text"]{
display:block;
width:100%;
padding:10px;
border:1px solid #fff;
}

.form_reprise .cont_pt .champs .ligne .selectric-faux_select .selectric{border:1px solid #fff;}

.form_reprise .cont_pt .champs .ligne input[type="text"].erreur, .form_reprise .cont_pt .champs .ligne .selectric-faux_select.erreur .selectric{border:1px solid #FF825C;}

.form_reprise .cont_pt .champs .ligne .selectric-faux_select .selectric .label{padding:10px 40px 10px 10px;}

.form_reprise .cont_pt .champs .ligne .selectric-faux_select .selectric .button{
right:15px;
bottom:15px;
}

.form_reprise .cont_pt .captcha{margin-top:20px;}

.form_reprise .cont_pt .oblig{
padding-top:15px;
opacity:0.5;
font-size:12px;
width:100%
}

.form_reprise .cont_pt .alerte, .form_reprise .cont_pt .bt_noir{margin-top:20px;}

.form_reprise .cont_pt .alerte{
width:100%
display:none;
font-family: 'robotobold';
letter-spacing:1px;
color:#FF825C;
}

.form_reprise .cont_pt.message_envoye{
font-family: 'robotobold';
letter-spacing:1px;
color:#FF825C;
display:none;
position:absolute;
top:0;
left:0;
width:100%;
padding:60px 100px 60px 60px;
}

.form_reprise + section.liste .par:first-child{margin-top:90px;}

main.pages section.liste{padding:30px 0 100px 0;}

main.pages section.liste .par{position:relative;}

main.pages section.liste .par .cont_pt{
display:flex;
flex-flow:row;
justify-content:center;
align-items:center;
}

main.pages section.liste .par + .par{margin-top:90px;}

main.pages section.liste .par:nth-child(even) .cont_pt{flex-flow:row-reverse;}

main.pages section.liste .par figure, main.pages section.liste .par article{width:calc(50% - 75px);}

main.pages section.liste .par figure{position:relative;}

main.pages section.liste .par.no_img figure{display:none;}

main.pages section.liste .par:nth-child(odd) figure{margin-bottom:90px;}

main.pages section.liste .par:nth-child(odd) figure:before{
position:absolute;
content:'';
width:100%;
height:100%;
top:90px;
left:0;
background-color:#005757;
z-index:-1;
}

main.pages section.liste .par:nth-child(even):after{
position:absolute;
top:0;
right:0;
width:calc(50% + 105px);
background-color:#005757;
content:'';
height:100%;
z-index:-1;
}

main.pages section.liste .par.no_img:nth-child(even):after{display:none;}

main.pages section.liste .par:nth-child(even) figure img{
width:calc(100% - 70px);
top:-105px;
}

main.pages section.liste .par figure img{
display:block;
width:calc(100% - 50px);
margin-left:auto;
right:-15px;
position:relative;
}

main.pages section.liste .par article{padding-left:220px;}

main.pages section.liste .par article > .osUpp30{padding-bottom:20px;}

main.pages section.liste .par:nth-child(even){margin-top:240px;}

main.pages section.liste .par.no_img:nth-child(even){margin-top:90px;}

main.pages section.liste .par:nth-child(even) .cont_pt article{
padding-left:0;
padding-right:270px;
}

main.pages section.liste .par.no_img{padding:0 70px;}

main.pages section.liste .par.no_img article{
max-width:100%;
padding:0 !important;
margin:0 auto;
width:1100px;
}

main.pages section.liste .par article .bt_noir{margin-top:40px;}

/*****************************************/
/*************** ACTU LISTE **************/
/*****************************************/

main.actu .cont_pt{padding:30px 75px 110px 75px;}

main.actu .cont_pt > .intro{
width:450px;
max-width:100%;
}

main.actu .cont_pt > .intro .editor{padding-top:20px;}

main.actu .cont_pt > .intro .liste_rub{
margin-top:30px;
width:100%;
text-align:center;
cursor:pointer;
}

main.actu .cont_pt > .intro .liste_rub.bt_noir span{
padding:14px 45px;
background-image:url(../img/select_off.png);
background-position:right 20px center;
background-repeat:no-repeat;
background-size:12px auto;
}

main.actu .cont_pt > .intro .liste_rub ul{
position:absolute;
top:100%;
left:0;
width:100%;
background-color:#fff;
padding:10px 20px 20px 20px;
border:1px solid #000;
font-family:'oswaldregular';
text-transform:uppercase;
font-size:15px;
display:none;
}

main.actu .cont_pt > .intro .liste_rub ul li{
display:block;
padding-top:10px;
}

main.actu .cont_pt > .intro .liste_rub ul li a.on{color:#FF825C;}

main.actu .cont_pt > .intro .liste_rub.hidden{display:none;}

main.actu .cont_pt #liste{
display:flex;
flex-flow:row wrap;
justify-content:start;
width:100%;
margin-top:70px;
}

main.actu .cont_pt #liste li{
width:calc((100% - 30px) / 3);
background-color:#fff;
}

main.actu .cont_pt #liste li:nth-child(3n+2){margin:0 15px;}

main.actu .cont_pt #liste li a{display:block;}

main.actu .cont_pt #liste li .img{
overflow:hidden;
max-height:310px;
background-color:#E0E0E0;
}

main.actu .cont_pt #liste li .img img{
display:block;
width:100%;
}

main.actu .cont_pt #liste li .txt{padding:40px 40px 65px 40px;}

main.actu .cont_pt #liste li .txt .osUpp20{margin-bottom:20px;}

main.actu .cont_pt #liste li.vide{
width:100%;
height:450px;
}

main.actu .cont_pt .more{
padding-top:50px;
text-align:center;
font-family: 'robotobold';
text-decoration:underline;
font-size:12px;
letter-spacing:1px;
}

main.actu .cont_pt .more.hidden{display:none;}

main.actu .cont_pt .more span{cursor:pointer;}


/******************************************/
/*************** ACTU DETAIL **************/
/******************************************/

main.actu_detail .superpose > .left .content .centre > .osUpp15{padding-bottom:20px;}

main.actu_detail .detail{padding:80px 80px 0 80px;}

main.actu_detail .detail .img, main.actu_detail .detail .editor{
display:inline-block;
vertical-align:top;
padding-bottom:115px;
}

main.actu_detail .detail .img{padding-right:60px;}

main.actu_detail .detail .img img{display:block;}

main.actu_detail .detail .editor{
width:950px;
max-width:100%;
}

main.actu_detail .detail .img, main.actu_detail .detail .img + .editor{width:50%;}

main.actu_detail .detail .video{
position:relative;
padding:0 80px 80px 80px;
}

main.actu_detail .detail .video.hidden{display:none;}

main.actu_detail .detail .video:before{
content:'';
position:absolute;
z-index:-1;
background-color:#E0E0E0;
width:100%;
height:63%;
bottom:0;
left:0;
}

main.actu_detail .detail .video .resizeVideos{
width:848px;
max-width:100%;
margin:0 auto;
}


/**************************************/
/*************** CONTACT **************/
/**************************************/

main.contact .superpose > .right .content{
width:683px;
margin-left:0;
}

main.contact .superpose > .right{padding-bottom:0;}

main.contact{padding-bottom:95px;}

main.contact .superpose .left .message_envoye{
width:340px;
max-width:100%;
display:none;
font-family: 'robotobold';
letter-spacing:1px;
color:#FF825C;
}

main.contact .superpose .left form > .osUpp30{margin-bottom:15px;}

main.contact .superpose .left form .ligne + .ligne{margin-top:5px;}

main.contact .superpose .left form .ligne input[type="text"], main.contact .superpose .left form .ligne textarea{
display:block;
width:100%;
padding:10px 0 5px 0;
border-bottom:1px solid #000;
}

main.contact .superpose .left form .ligne input[type="text"].erreur, main.contact .superpose .left form .ligne textarea.erreur{border-bottom:1px solid #FF825C;}

main.contact .superpose .left form .ligne textarea{height:260px;}

main.contact .superpose .left form .ligne.news{
margin-top:20px;
font-size:12px;
}

main.contact .superpose .left form .ligne.news label.checkbox{background-position:left 2px;}

main.contact .superpose .left form .ligne.hidden{display:none;}

main.contact .superpose .left form ::-webkit-input-placeholder{color:#b6b6b6;}

main.contact .superpose .left form :-moz-placeholder{color:#b6b6b6;}

main.contact .superpose .left form ::-moz-placeholder{color:#b6b6b6;}

main.contact .superpose .left form input:-ms-input-placeholder, main.contact .superpose .left form textarea:-ms-input-placeholder{color:#b6b6b6;}

main.contact .superpose .left form .captcha{margin-top:20px;}

main.contact .superpose .left form .oblig{
padding-top:5px;
opacity:0.5;
font-size:12px;
}

main.contact .superpose .left form .alerte, main.contact .superpose .left form .bt_noir{margin-top:25px;}

main.contact .superpose .left form .alerte{
display:none;
font-family: 'robotobold';
letter-spacing:1px;
color:#FF825C;
}

main.contact .superpose .right .content{
background-color:#E0E0E0;
color:#000;
padding:60px 60px 0 60px;
margin-right:auto;
}

main.contact .superpose .right .content.hidden{display:none;}

main.contact .superpose .right .content > .osUpp20{padding-bottom:25px;}

main.contact .superpose .right .content > .osUpp20 span{color:#FF825C;}

main.contact .superpose .right .content .coords{margin-top:10px;}

main.contact .superpose .right .content .coords .map, main.contact .superpose .right .coords .adresse{
display:inline-block;
vertical-align:middle;
}

main.contact .superpose .right .content .coords .map{
margin-left:-165px;
width:415px;
bottom:-20px;
position:relative;
}

main.contact .superpose .right .content .coords .adresse{
font-size:14px;
line-height:16px;
padding-bottom:40px;
}

main.contact .superpose .right .content .coords .map + .adresse{
width:calc(100% - 250px);
padding:20px 0 0 40px;
}

main.contact .superpose .right .content .coords .adresse h3{
font-size:15px;
text-transform:uppercase;
font-family: 'robotobold';
letter-spacing:1px;
}

main.contact .superpose .right .content .coords .adresse strong, main.contact .superpose .right .content .coords .adresse a{
font-family: 'robotobold';
font-weight:normal;
letter-spacing:1px;
font-size:12px;
}

main.contact .superpose .right .content .coords .adresse a{text-decoration:underline;}


/*****************************************/
/*************** ESPACE PRO **************/
/*****************************************/

main.espace_pro{padding-bottom:100px;}

main.espace_pro .intro .cont_pt .left > .osUpp30{padding-bottom:25px;}

main.espace_pro .intro .cont_pt .left > .bt_noir{margin-top:45px;}

main.espace_pro .liste{
padding-top:100px;
text-align:center;
}

main.espace_pro .liste > .osUpp30{padding-bottom:55px;}

main.espace_pro .liste > .osUpp30 span{color:#FF825C;}

main.espace_pro .liste .articles{padding:0 15px;}

main.espace_pro .liste .articles article{
display:inline-block;
vertical-align:top;
width:20%;
padding:0 10px 60px 10px;
}

main.espace_pro .liste .articles article .img{margin-bottom:30px;}

main.espace_pro .liste .articles article .img img{
display:block;
width:100%;
}


/***********************************************/
/*************** MENTIONS LEGALES **************/
/***********************************************/

main.legal .articles{padding:0 75px 110px 75px;}

main.legal .articles article{
width:950px;
max-width:100%;
padding-top:80px;
}

main.legal .articles article h2.osUpp30{padding-bottom:25px;}


/*******************************************/
/*************** PLAN DU SITE **************/
/*******************************************/

main.plan .superpose .left .centre{line-height:30px;}

main.plan .superpose .left .centre .txt{
padding-bottom:30px;
line-height:20px;
}

main.plan .superpose .left .centre a{
text-transform:uppercase;
letter-spacing:1px;
font-family:'oswaldregular';
line-height:18px;
}

main.plan .superpose .left .centre a.maitre_only + br{display:none !important;}

main.plan .articles{padding:0 80px 110px 80px;}

main.plan .articles article{padding-top:80px;}

main.plan .articles article.hidden{display:none;}

main.plan .articles article ul{
display:flex;
flex-flow:row wrap;
}

main.plan .articles article ul li{
display:inline-block;
vertical-align:top;
padding:40px 60px 0 0;
width:calc(100% / 3);
}

main.plan .articles article.font11 ul li{font-size:11px;}

main.plan .articles article ul li a{
display:inline-block;
line-height:18px;
padding-left:10px;
position:relative;
}

main.plan .articles article ul li a:before{
position:absolute;
top:0;
content:'•';
left:0;
}

main.plan .articles article ul li a.pt{
margin-left:20px;
font-size:11px;
}

main.plan .articles article ul li a strong{
font-family: 'robotobold';
font-weight:normal;
}


/*******************************************/
/********* SUPPRESSION ALERTE EMAIL ********/
/*******************************************/

main.alerte_mail_suppr{padding-bottom:60px;}

main.alerte_mail_suppr .liste_criteres ul{
width:600px;
max-width:100%;
margin:15px auto 0 auto;
}

main.alerte_mail_suppr .liste_criteres ul + ul{margin-top:15px;}

main.alerte_mail_suppr .liste_criteres ul li{
display:inline-block;
vertical-align:top;
width:30%;
text-align:left;
}

main.alerte_mail_suppr .liste_criteres ul li + li{width:70%;}

main.alerte_mail_suppr .liste_criteres ul li:first-child{
padding-right:10px;
font-family: 'robotobold';
}

.mention_credit{
padding:60px 20px 60px 20px;
text-align:center;
}

main.vehicule_detail .mention_credit{padding-top:0;}

main.home .mention_credit{
padding-top:40px;
padding-bottom:0;
}

form input.pot{
opacity:0;
position:absolute;
top:-10px;
left:-10px;
height:0;
width:0;
z-index:-1;
}

.grecaptcha-badge{z-index:8000;}

main.vehicules .superpose > .right .content{
display:flex;
flex-flow:column nowrap;
}
main.vehicules .superpose .right .content .top{order:1;}
main.vehicules .superpose .right .content #liste{order:2}
main.vehicules .superpose .right .content .num_pages{order:3}
main.vehicules .superpose .right .content .texte_seo{order:4}

.fcaptchaform{
position:relative;
margin:10px 0;
width:100%;
padding-bottom:10px;
font-size:12px;
text-align:left;
opacity:0.5;
}

.fcaptchaform .frc-container{min-height:auto;}

.fcaptchaform .frc-icon{width:20px;}