/*********** WIDTH ***********/
@media screen and (max-width:1700px){
.form_reprise{
margin-top:50px;
padding:0 50px;
}

.form_reprise > img{max-width:50%;}
}

/**** 1630px ****/
@media screen and (max-width:1630px){
main.home section .diapo .controls, main.vehicule_detail section.selection .diapo .controls{right:25px;}

main.home section.actu .diapo .controls{right:15px;}
}

/**** 1580px ****/
@media screen and (max-width:1580px){
.superpose.liste > .right .bg_fond{
right:50px;
left:auto;
}

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

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

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

.simulateur_credit > ul > li, section.simulateur_financement > ul > li{width:calc(100% / 3);}

.simulateur_credit > ul > li > strong, section.simulateur_financement > ul > li > strong{
padding-bottom:5px;
padding-top:10px;
}

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

/**** 1480px ****/
@media screen and (max-width:1480px){
.titre_fixe{left:20px;}

.superpose{padding-left:50px;}

.superpose > .right .bg_img{
max-height:calc(100% + 60px);
top:-60px;
}

main.vehicule_detail .fiche .right .bg_img{
top:-60px;
max-height:calc(100% + 115px);
}

.superpose.liste > .right{top:-60px;}

.superpose > .right .bg_fond{height:calc(75% + 60px);}

.osUpp50{
font-size:40px;
line-height:44px;
}

.osUpp30{
font-size:27px;
line-height:32px;
}

.osUpp25{
font-size:22px;
line-height:26px;
}

.osUpp20{
font-size:18px;
line-height:22px;
}

body > header .left{padding-top:35px;}

main.home .moteur form .ti{padding-right:65px;}

main.home .moteur form .bt_noir{margin-top:20px;}

main.home section.selection, main.vehicule_detail section.selection{padding-top:60px;}

main.home section .diapo, main.home section.services .cont_pt ul, main.vehicule_detail section.selection .diapo{padding:0 60px;}

main.home section.selection .diapo #diapo_selection, main.vehicule_detail section.selection .diapo #diapo_selection{
margin-top:50px;
margin-bottom:50px;
}

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

main.contact .superpose .right .content .coords .map{width:370px;}

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

main.legal .articles, main.plan .articles{padding:0 100px 110px 100px;}
}

/**** 1380px ****/
@media screen and (max-width:1380px){
body > footer .centre > ul li{
padding: 20px 20px 0 0;
width: calc((100% - 20px)/4);
}

body > header{padding:20px 0 0 30px;}

body > header .left{min-height:auto;}

body > header .left, body > header .right{
vertical-align:middle;
padding-top:0;
}

body > header .left .logo{vertical-align:middle;}

body > header .left > nav{
padding-top:0;
vertical-align:middle;
}

body > header .right span, body > header .right a.maitre_only, body > header .right a.ancre_financement{padding:8px 0 0 0;}

.superpose > .right{padding-top:30px;}

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

.superpose > .right .bg_img{
max-height:100%;
top:0;
}

main.home{padding-top:20px;}

main.vehicule_detail .fiche .right .bg_img{
top:0;
max-height:calc(100% + 55px);
}

.superpose.liste > .right{top:0;}

main.home section.apropos .cont_pt .img + .txt{padding-left:120px;}

.superpose.liste > .right .bg_img{width:100%;}

.superpose.liste > .right .bg_fond{display:none;}

main.legal .articles, main.plan .articles{padding:0 125px 110px 125px;}

main.vehicules .superpose > .right .content{
width:calc(100% + 85px);
max-width:none;
}

main.vehicules .superpose > .right .bg_fond{display:none;}

main.vehicules .superpose > .right{min-height:700px;}
}

/**** 1300px ****/
@media screen and (max-width:1300px){
body > .rgpd{padding:10px 50px;}

body > .rgpd .close{right:15px;}

body > .rgpd span.txt{
width:100%;
padding-bottom:10px;
}

body > .rgpd span.txt + span.bt{margin-left:0;}

body > .rgpd span.bt{padding:5px 15px;}

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

main.home section.services .cont_pt ul li .img h3{
font-size:50px;
line-height:40px;
}

main.home section.apropos .cont_pt .img + .txt{margin-top:0;}

main.contact .superpose > .right .content{
width:100%;
max-width:none;
}

main.vehicules .superpose .right .content #liste li a .txt, main.vehicules .superpose .right .content #liste li a .txt + .txt{padding:15px;}

body > header .left > nav{padding-left:45px;}

body > header .left > nav > .ssmenu .liens{
left:15px;
padding:0 30px 40px 30px;
width:calc(100% - 15px);
}
}

/**** 1230px ****/
@media screen and (max-width:1230px){
main.contact .superpose .right .content .coords .map{width:320px;}

main.contact .superpose .right .content .coords .map + .adresse{width:calc(100% - 155px);}

main.actu .cont_pt > .intro{width:330px;}

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

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

main.pages section.liste .par:nth-child(even):after{width:50%;}

main.pages section.liste .par:nth-child(odd) figure:before{top:50px;}

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

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

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

/**** 1180px ****/
@media screen and (max-width:1180px){
body > header .left .logo{width:130px;}

body > header .left > nav{padding-left:25px;}

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

.superpose > .left{padding-right:0;}

body > header .left > nav > .ssmenu .liens{
left:0;
padding:0 25px 40px 25px;
width:100%;
}

body > header .left > nav > .ssmenu .liens li {
width:250px;
padding:20px 20px 0 0;
line-height:20px;
}

.superpose > .right .content{margin-left:0;}

.superpose > .right .bg_fond{
width:85%;
left:10%;
}

.osUpp50{
font-size:30px;
line-height:35px;
}

.osUpp30{
font-size:22px;
line-height:26px;
}

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

main.home .moteur form .ti{padding-right:30px;}

.bt_noir span{padding:10px 45px;}

.bt_noir.pt span, a.bt_noir.pt span{padding:10px 25px;}

main.home .moteur form{width:100%;}

main.home .moteur form .nb{padding:20px 0 0 0;}

main.home .moteur form .ligne + .ligne{margin-top:0;}

main.home section.apropos .cont_pt .img{width:45%;}

main.home section.apropos .cont_pt .img img{
top:-40px;
left:40px;
}

main.home section.apropos .cont_pt .img + .txt{
width:55%;
padding-left:75px;
}

main.contact .superpose > .right .bg_img{display:none;}

main.contact .superpose > .left, main.contact .superpose > .right{width:100%;}

main.contact .superpose{padding:0;}

main.contact .superpose > .right{padding:50px 50px 0 50px;}

main.contact .superpose > .left .content{
width:100%;
padding:30px 50px 0 50px;
}

.superpose.intro > .left .content .centre{
width:500px;
margin:0 auto;
}

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

main.contact .superpose .right .content .coords .map{
margin-left:0;
bottom:0;
width:50%;
}

main.contact .superpose .right .content .coords .map + .adresse{width:50%;}

main.contact .superpose .right .content{padding:50px;}

main.espace_pro .liste .articles article{width:calc(100% / 3);}

main.vehicules .superpose > .left{width:37%;}

main.vehicules .superpose > .left .content{padding:45px 0 0 0;}

main.vehicules .superpose > .right{width:63%;}

main.vehicules .superpose > .right .content{
width:100%;
padding-right:30px;
}

.form_reprise > img{display:none;}
}

/**** 1080px ****/
@media screen and (min-width:1081px){
main.vehicules .moteur form .rech{display:block !important;}
}

@media screen and (max-width:1080px){
body > footer .centre > ul li{
width: 300px;
}

main.actu .cont_pt #liste li .txt{padding:20px 20px 50px 20px;}

main.plan .articles article ul li{width:50%;}

main.vehicules .superpose{padding:0 100px;}

main.vehicules .superpose > .left{
position:absolute;
top:0;
left:100px;
width:calc(100% - 200px);
background-color:#fff;
z-index:200;
}

main.vehicules .superpose > .left .content, main.vehicules .moteur form{width:100%;}

main.vehicules .superpose > .left .content{padding:0;}

main.vehicules .moteur form .ti{
padding:30px 0 10px 0;
border-bottom:1px solid #000;
margin-bottom:0 !important;
}

main.vehicules .moteur form .ti .osUpp20{display:none;}

main.vehicules .moteur form .ti .responsive{display:block;}

main.vehicules .moteur form .ti .alerte_mail{
bottom:auto;
transform:translateY(-50%);
top:50%;
margin-top:9px;
}

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

main.vehicules .moteur form .mention_financement{
padding:15px 0 5px 0;
text-align:right;
}

main.vehicules .moteur form .rech{
display:none;
padding:30px 20px;
}

main.vehicules.fixed .moteur form{
position:static;
top:0;
}

main.vehicules.fixed .superpose > .left{position:fixed;}

main.vehicules.fixed.bottom .superpose > .left{top:auto;}

main.vehicules .superpose > .right{
width:100%;
padding-top:75px;
padding-bottom:0;
}

main.vehicules .superpose > .right .bg_img{display:none;}

main.vehicules .superpose > .right .content{padding-right:0;}

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

main.vehicule_detail .fiche > .left, main.vehicule_detail .fiche > .right, main.vehicule_detail > section > .left .content, main.vehicule_detail .fiche > .left .content .centre, main.vehicule_detail .infos .right .content{width:100%;}

main.vehicule_detail .fiche > .left{padding:0 50px;}

main.vehicule_detail .fiche > .right{padding:50px 50px 0 50px;}

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

main.vehicule_detail > section > .left.hidden + .right, main.vehicule_detail > section > .left.hidden + .right .content form{width:100%;}

main.vehicule_detail .fiche > .right .content{
width:100%;
margin-left:0;
padding-right:105px;
}

section.simulateur_financement_iframe{
margin-left:0;
padding:0;
}

main.vehicule_detail .fiche .right .bg_img{display:none;}

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

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

main.vehicule_detail > section > .left .content .carac, main.vehicule_detail > section > .left .content .frais{
display:inline-block;
vertical-align:bottom;
width:calc(50% - 20px);
margin-top:20px;
}

main.vehicule_detail > section > .left .content .frais{margin-left:40px;}

main.vehicule_detail .infos > .left{padding-right:0;}

main.vehicule_detail .infos .right .content{margin-left:0;}

.superpose > .right{min-height:auto !important;}

.simulateur_credit, section.simulateur_financement{
margin-left:0;
width:100%;
}
}

/**** 1020px ****/
@media screen and (max-width:1020px){
body > header .left .logo{width:90px;}

.superpose > .left .content{padding-left:30px;}

main.home section.services .cont_pt ul li{
font-size:15px;
line-height:20px;
}

main.home section.services .cont_pt ul li .img img{
max-width:100%;
width:100%;
height:auto;
}

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

/**** 980px ****/
@media screen and (max-width:980px){
.form_reprise .cont_pt{padding:50px;}

body > header{
position:relative;
padding:20px 0 20px 50px;
}

body > header .left > nav{padding-left:30px;}

body > header .right{font-size:11px;}

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

main.home .superpose.moteur{
padding:50px 150px;
overflow:hidden;
}

main.home .superpose.moteur > .left, main.home .superpose.moteur > .left .content, main.home .superpose.moteur > .right, main.home .superpose.moteur > .right .content{width:100%;}

main.home .superpose.moteur > .left .content{padding:0;}

main.home .superpose.moteur > .right, main.home .superpose.moteur > .right .content{
position:absolute;
top:0;
left:0;
z-index:-1;
height:100%;
}

main.home .superpose.moteur > .right .content > img{
height:100%;
max-width:none;
}

main.home .superpose.moteur > .right:after{
position:absolute;
content:'';
top:0;
left:0;
width:100%;
height:100%;
background:rgba(255, 255, 255, 0.8);
}

main.home .superpose.moteur > .right .bg_fond, main.home .superpose.moteur > .right .bg_img{display:none;}

main.home .superpose.moteur .selectric-faux_select .selectric .button{right:15px;}

main.home .superpose.moteur .selectric-faux_select .selectric .label{padding:10px 40px 10px 15px;}

main.home .moteur form .ligne + .ligne{margin-top:10px;}

.backtop{
background-position:16px 5px;
background-size:20px auto;
width:50px;
height:25px;
}

.chat{
background-position:16px 5px;
background-size:20px auto;
width:50px;
height:25px;
}

main.home section .diapo, main.home section.services .cont_pt ul, main.vehicule_detail section.selection .diapo{padding:0 50px;}

main.home section.services, main.home section.apropos, main.home section.actu{padding-top:60px;}

main.home section.services .cont_pt ul:before{display:none;}

main.home section.services .cont_pt ul{margin:0 auto 30px auto;}

main.home section.services .cont_pt ul li{margin-top:30px;}

main.home section.services .cont_pt ul li .img{
height:auto !important;
background-color:transparent;
margin-bottom:15px;
}

main.home section.services .cont_pt ul li .img h3{
font-size:25px;
line-height:30px;
position:static;
transform:none;
padding-top:15px;
text-align:center;
}

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

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

main.vehicule_detail .infos{padding-bottom:60px;}

main.home section.actu .diapo #diapo_actu{padding:40px;}

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

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

.superpose.intro > .left .content{padding-left:0;}

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

.superpose.liste > .right{display:none;}

main.actu .superpose{padding-left:0;}

main.actu .cont_pt{padding:30px 50px 60px 50px;}

main.actu .cont_pt #liste{margin-top:40px;}

.superpose.intro > .left .content .back{top:10px;}

.superpose.intro > .left .content .partage{top:35px;}

main.actu_detail .detail{padding:60px 50px 0 50px;}

main.actu_detail .detail .img, main.actu_detail .detail .editor, main.contact{padding-bottom:60px;}

main.espace_pro .liste{padding-top:60px;}

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

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

main.legal .articles, main.plan .articles{padding:0 50px 60px 50px;}

main.legal .articles article{padding-top:60px;}

main.vehicules .superpose{padding:0 50px;}

main.vehicules .superpose > .left{
left:50px;
width:calc(100% - 100px);
}

main.vehicule_detail .infos{padding-top:60px;}

main.home section .diapo .controls, main.vehicule_detail section.selection .diapo .controls{
top:auto;
transform:none;
bottom:15px;
}

.selectric-faux_select .selectric-items .selectric-scroll{max-height:160px;}

main.home .moteur form .selectric-faux_select .selectric-items li{padding:5px 20px;}

main.home .moteur form .selectric-faux_select.selectric-multiple .selectric-items li{padding:5px 20px 5px 30px;}

.lg-toolbar{padding:20px 10px 0 0;}

.lg-toolbar .lg-icon{
height:20px !important;
width:20px !important;
}

.lg-actions{right:10px;}

main.actu .cont_pt > .intro{width:100%;}

main.pages section.liste .par{padding:0 50px !important;}

main.pages section.liste .par:nth-child(odd) figure:before, main.pages section.liste .par:nth-child(even):after{display:none;}

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

main.pages section.liste .par figure, main.pages section.liste .par article{width:50%;}

main.pages section.liste .par figure img{
width:100% !important;
right:0 !important;
top:0 !important;
}

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

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

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

/**** 850px ****/
@media screen and (max-width:850px){
.superpose.intro{
display:flex;
flex-flow:column-reverse;
padding:0 50px;
}

main.contact .superpose.intro{display:block;}

.superpose.intro > .left, .superpose.intro > .right{width:100%;}

.superpose.intro > .right{padding:0;}

.superpose.intro > .right .bg_fond, .superpose > .right .bg_img{display:none;}

.superpose.intro > .left .content{
padding:40px 0 0 0;
width:100%;
}

.superpose.intro > .left .content .partage{right:0;}

main.actu_detail .superpose.intro > .left .content{padding-right:50px;}

.superpose.intro > .left .content .centre{width:100%;}

main.actu .cont_pt #liste li{width:calc(50% - 15px);}

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

main.actu .cont_pt #liste li:nth-child(even){margin-left:30px;}

main.actu .cont_pt #liste li .txt{padding:20px 0 50px 0;}

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

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

main.actu_detail .detail .video{padding:0 30px 30px 30px;}

main.vehicule_detail > section > .left .content{padding:20px 25px 0 25px;}

main.vehicule_detail > section > .left .content .back{
top:35px;
left:-25px;
}

main.vehicule_detail > section > .left .content .partage{
top:35px;
right:-25px;
}
}

/**** 830px ****/
@media screen and (max-width:830px){
section.simulateur_financement > ul > li, .simulateur_credit > ul > li{
width:calc((100% - 30px) / 3);
padding-right:0;
}

section.simulateur_financement > ul > li + li, .simulateur_credit > ul > li + li{margin-left:15px;}

section.simulateur_financement > ul > li:last-child, .simulateur_credit > ul > li:last-child{
width:100%;
padding-right:0;
padding-top:20px;
margin-left:0;
}

main.vehicule_detail .infos > .left, main.vehicule_detail .infos > .right{width:100%;}

main.vehicule_detail .infos > .left .content{padding:0 25px 30px 0;}

main.vehicule_detail .infos .options .liste{
width:100%;
max-height:320px;
}

main.vehicule_detail .infos .options .liste .mCSB_container div{
padding-right:50px;
display:inline-block;
width:50%;
vertical-align:top;
}

main.vehicule_detail .infos .right .content form{width:100%;}

main.pages section.liste .par .cont_pt{flex-flow:column !important;}

main.pages section.liste .par figure, main.pages section.liste .par article{width:100%;}

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

/**** 765px ****/
@media screen and (min-width:766px){
.header_resp{left:-100% !important;}
}

@media screen and (max-width:765px){
.form_reprise .cont_pt .champs{flex-flow:column;}

.form_reprise .cont_pt .champs .ligne{width:100%;}

body > header{
position:fixed;
top:0;
left:0;
width:100%;
padding:15px 0 15px 50px;
background-color:#fff;
z-index:4000;
-webkit-box-shadow:0px 10px 10px -10px rgba(0,0,0,0.5);
-moz-box-shadow:0px 10px 10px -10px rgba(0,0,0,0.5);
box-shadow:0px 10px 10px -10px rgba(0,0,0,0.5);
display:flex;
flex-flow:row-reverse;
align-items:flex-start;
}

body > header .left > nav, body > header .right span, body > header .right a.maitre_only, body > header .right a.ancre_financement{display:none;}

body > header .left .logo img{max-height:60px;}

body > header .left .burger{display:inline-block;}

main, main.home{padding-top:90px;}

body > footer{padding:30px 30px 60px 30px;}

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

body > footer .newsletter form input[type="text"], body > footer .newsletter form button{
height:40px;
line-height:40px;
}

body > footer .newsletter .alerte, body > footer .newsletter .mentions{padding-top:15px;}

body > footer .centre > ul{
flex-flow:row wrap;
justify-content:center;
text-align:center;
}

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

body > footer .centre > ul li a, body > footer .centre > ul li span{margin:0 auto;}

.popin .content .centre{padding:30px;}

.popin .content .intro{width:100%;}

.popin .content .rappel .intro{
background-size:auto 40px;
padding:50px 0 30px 0;
}

.popin .content .rappel form ul{font-size:12px;}

.bt_noir span{
font-size:16px;
line-height:18px;
}

main.home section.selection, main.vehicule_detail section.selection{padding-top:40px;}

main.home section.selection .diapo #diapo_selection, main.vehicule_detail section.selection .diapo #diapo_selection{
margin-top:40px;
margin-bottom:40px;
}

main.home section.services .cont_pt ul{display:block;}

main.home section.services .cont_pt ul li{
padding:0;
margin:0;
width:100%;
}

main.home section.services .cont_pt ul li + li{margin-top:30px;}

main.home section.services .cont_pt ul li .img{position:static;}

main.home section.services .cont_pt ul li .img:before{display:none;}

main.home section.services .cont_pt ul li .img h3{
position:static;
padding:15px 0;
}

main.home section.apropos .cont_pt > .osUpp30{margin-bottom:40px;}

main.home section.apropos .cont_pt .img, main.home section.apropos .cont_pt .img + .txt{width:100%;}

main.home section.apropos .cont_pt .img:before{display:none;}

main.home section.apropos .cont_pt .img img{
left:0;
top:0;
}

main.home section.apropos .cont_pt .txt{padding:0 40px;}

main.home section.apropos .cont_pt .img + .txt{padding:40px 40px 0 40px;}

main.vehicules .superpose > .left{
top:90px;
}

main.vehicules .superpose .right .content #liste li a{
display:block;
padding:0 15px 0 230px;
}

main.vehicules .superpose .right .content #liste li a .img{
position:absolute;
top:0;
left:0;
height:100%;
}

main.vehicules .superpose .right .content #liste li a .txt{
display:block;
width:100%;
padding:15px 0;
}

main.vehicules .superpose .right .content #liste li a .txt + .txt{
width:100%;
border-left:0;
border-top:1px solid #000;
padding:15px 0;
}

main.vehicules .superpose .right .content .top .nb{width:60%;}

main.vehicules .superpose .right .content .top .tri{width:40%;}

main.vehicules .superpose .right .content .top .tri .selectric-faux_select .selectric .label, main.vehicules .superpose .right .content .top .tri .selectric-faux_select .selectric-items li, main.vehicules .superpose .right .content .top .tri .selectric-faux_select .selectric-items ul{font-size:12px;}

main.vehicules .superpose .right .content #liste li a .txt .mensualite > br{display:none;}

main.vehicules .superpose .right .content #liste li a .txt .mensualite .info > div{
top:auto;
right:0;
bottom:12px;
left:12px;
}
}

/**** 700px ****/
@media screen and (max-width:700px){
main.contact .superpose .right .content .coords .map, main.contact .superpose .right .content .coords .map + .adresse{width:100%;}

main.contact .superpose .right .content .coords .map + .adresse{padding:20px 0 0 0;}

main.espace_pro .liste .articles article{
width:50%;
padding-bottom:30px;
}

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

main.plan .articles article ul li{
width:100%;
padding:40px 0 0 0;
}

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

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

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

main.vehicule_detail > section > .left .content .frais{margin-left:0;}

main.vehicule_detail .fiche > .right .content{padding-right:0;}

main.vehicule_detail .fiche .right .miniatures li{width:calc(25% - 10px);}

main.vehicule_detail .fiche .right .diapo:after{display:none;}

main.vehicule_detail .fiche .right .diapo .controls{
right:-50px;
width:50px;
}

main.vehicule_detail .fiche .right .diapo .controls .pager{margin:0 auto 60px auto;}

main.vehicule_detail .fiche .right .diapo .controls .pager:after{display:none;}

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

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

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

main.vehicule_detail .fiche .right .miniatures{display:none;}

.slick-slide{height:auto !important;}

main.vehicule_detail > section > .left .content .carac, main.vehicule_detail > section > .left .content .frais{display:none;}

main.vehicule_detail .caracMobile{
width:100%;
margin-top:20px;
display:block;
}

main.vehicule_detail .caracMobile .frais{
margin-top:20px;
width:100%;
max-width:100%;
}

main.vehicule_detail .fiche > .right{padding:25px 50px 0 75px;}

.simulateur_credit, section.simulateur_financement{margin-top:60px;}
}

/**** 640px ****/
@media screen and (max-width:640px){
main.home .superpose.moteur{padding:40px 60px;}

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

main.home section.selection .diapo #diapo_selection li a .osUpp20:before, main.vehicule_detail section.selection .diapo #diapo_selection li a .osUpp20:before{
left:0;
width:40px;
}

main.home section.selection .diapo #diapo_selection li a .txt, main.vehicule_detail section.selection .diapo #diapo_selection li a .txt {height:auto !important;}

main.vehicules .superpose .right .content #liste li a{padding:0;}

main.vehicules .superpose .right .content #liste li a .img{
position:static;
width:100%;
height:auto;
overflow:auto;
}

main.vehicules .superpose .right .content #liste li a .txt, main.vehicules .superpose .right .content #liste li a .txt + .txt{
margin:0 15px;
width:calc(100% - 30px);
}

main.home section .diapo + .bt_noir{margin-top:20px;}

main.home section .diapo .controls, main.vehicule_detail section.selection .diapo .controls{right:15px;}

main.home section .diapo .controls, main.vehicule_detail section.selection .diapo .controls{
bottom:-30px;
left:0;
right:auto;
width:100%;
text-align:center;
}

main.home section .diapo .controls:after, main.vehicule_detail section.selection .diapo .controls:after{display:none;}

main.home section .diapo .controls .slick-arrow, main.vehicule_detail section.selection .diapo .controls .slick-arrow{
display:inline-block;
vertical-align:middle;
}

main.home section .diapo .controls .slick-arrow.slick-prev, main.vehicule_detail section.selection .diapo .controls .slick-arrow.slick-prev{
margin-bottom:0;
margin-right:20px;
}

.lg-actions{
bottom:10px;
top:auto;
transform:none;
right:0;
width:100%;
text-align:center;
}

.lg-actions:after{display:none;}

.lg-actions .lg-next, .lg-actions .lg-prev{display:inline-block !important;}

.lg-actions .lg-prev{
margin-bottom:0 !important;
margin-right:20px;
}

main.vehicule_detail section.selection{padding-bottom:40px;}
}

/**** 550px ****/
@media screen and (max-width:550px){
.form_reprise{
margin-top:0px;
padding:0 20px;
}

.form_reprise .cont_pt{padding:40px 20px;}

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

main.pages section.liste .par{padding:0 20px !important;}

main.pages section.liste .par + .par{margin-top:50px !important;}

body > header{padding:15px 0 15px 20px;}

body > footer .centre > ul li{width:100%;}

.popin .content .rappel form ul{display:none;}

.popin .content .rappel form ul + ul{
display:block;
text-align:left;
}

.popin .content .rappel form ul li + li{
max-width:none;
width:100%;
}

.popin .content .rappel form ul li label.checkbox{
padding-left:30px;
width:auto;
height:auto;
min-height:16px;
line-height:16px;
background-size:12px auto;
font-size:12px;
}

.popin .content .rappel form ul + ul li:first-child{
display:block;
width:100%;
max-width:100%;
margin:10px 0 5px 0;
padding:5px;
background-color:rgba(0, 0, 0, 0.2);
text-align:center;
}

.popin .content .rappel .intro{padding-bottom:15px;}

.titre_fixe{
position:static;
transform:none;
margin-top:0 !important;
padding:20px;
font-size:10px;
display:block;
white-space:normal;
}

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

main.home .titre_fixe{display:none;}

main.vehicules .titre_fixe{
position:relative;
z-index:1000;
top:0;
left:0;
padding-top:10px;
padding-bottom:0;
}

main.vehicules .superpose > .left{padding-top:10px;}

main.vehicules .moteur form .rech{padding:10px 0 30px 0;}

main.vehicules .moteur form .rech .selectric-faux_select .selectric .label{padding:8px 25px 5px 0;}

main.vehicules .moteur form .rech .moteur form .ligne input[type="text"]{padding:8px 0 5px 0;}

section.simulateur_financement > ul > li, .simulateur_credit > ul > li{width:100%;}

section.simulateur_financement > ul > li + li, .simulateur_credit > ul > li + li{
margin-left:0;
padding-top:20px;
}

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

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

main.home section.actu .diapo #diapo_actu:before{display:none;}

.superpose.intro, main.espace_pro .liste .articles{padding:0 40px;}

main.actu .cont_pt, main.actu_detail .detail, main.contact .superpose > .left .content, main.contact .superpose > .right, main.legal .articles, main.plan .articles{
padding-left:40px;
padding-right:40px;
}

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

main.actu .cont_pt #liste li:nth-child(even){margin-left:0;}

main.actu_detail .superpose.intro > .left .content{padding-right:0;}

.superpose.intro > .left .content .partage{
top:10px;
width:70%;
text-align:right;
}

.superpose.intro > .left .content .partage a, .superpose.intro > .left .content .partage span{
display:inline-block;
vertical-align:middle;
}

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

main.actu_detail .detail .video{padding:0 0 30px 0;}

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

main.contact .superpose .right .content{padding:30px 20px;}

main.vehicules .superpose .right .content .top{padding-top:0;}

main.vehicules .superpose{padding:0 20px;}

main.vehicules .superpose > .left{
left:20px;
width:calc(100% - 40px);
}

main.vehicule_detail .fiche > .left{padding:0 20px;}

main.vehicule_detail > section > .left .content .back{left:-5px;}

main.vehicule_detail > section > .left .content .partage{right:-5px;}

main.vehicule_detail .fiche > .right{padding:40px 20px 0 20px;}

main.vehicule_detail .fiche .right .diapo{padding-right:30px;}

main.vehicule_detail .fiche .right .diapo .controls{right:-20px;}

main.vehicule_detail .fiche .right .miniatures{margin-top:20px;}

main.vehicule_detail .infos .options .liste .mCSB_container div{
padding-right:0;
width:100%;
}

main.vehicule_detail > section > .left{padding-left:40px;}

main.vehicule_detail .infos .right .content{padding:40px;}

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

.popin .content .alerte_email form .ligne.moitie{width:100%;}

.popin .content .alerte_email form .ligne.moitie:nth-child(odd){margin-left:0;}

.popin .content .financement > ul > li + li{margin-bottom:10px;}

.popin .content .financement > ul > li{width:100%;}

main.vehicules .superpose .right .content .top .nb, main.vehicules .superpose .right .content .top .tri{width:100%;}

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

/**** 470px ****/
@media screen and (max-width:470px){
main.home section.actu .diapo #diapo_actu li .img, main.actu .cont_pt #liste li .img{height:250px;}

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

.popin .content form .captcha{text-align:left;}

.g-recaptcha #rc-imageselect, .g-recaptcha{
transform:scale(0.65) !important;
-webkit-transform:scale(0.65) !important;
transform-origin:0 0 !important;
-webkit-transform-origin:0 0 !important;
}

main.vehicules .superpose .right .content #liste li a .txt .mensualite .info > div{
bottom:6px;
left:-100px;
}

main.vehicule_detail > section > .left .content .mensualite .info > div{
left:auto;
right:0;
}
}

/**** 400px ****/
@media screen and (max-width:400px){
body > .rgpd .close{
top:15px;
margin-top:0;
width:15px;
height:15px;
}

body > .rgpd span.bt{width:calc(50% - 10px);}

body > .rgpd a{
margin-left:0;
margin-top:10px;
}

.popin{padding:20px;}

.popin .content .centre{padding:30px 20px;}

main.home .superpose.moteur{padding:40px 20px;}

main.home section.apropos .cont_pt .txt{padding:0 20px;}

main.home section.apropos .cont_pt .img + .txt{padding:20px 20px 0 20px;}

section.simulateur_financement, .simulateur_credit{padding:20px;}

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

.superpose.intro, main.espace_pro .liste .articles{padding:0 20px;}

main.actu .cont_pt, main.actu_detail .detail, main.contact .superpose > .left .content, main.contact .superpose > .right, main.legal .articles, main.plan .articles{
padding-left:20px;
padding-right:20px;
}

main.espace_pro .liste .articles article{
width:100%;
padding:0 0 30px 0;
}

main.vehicules .superpose{padding:0 20px;}

main.vehicules .superpose > .left{
left:20px;
width:calc(100% - 40px);
}

main.vehicule_detail > section > .left .content .frais .montants, main.vehicule_detail > section > .left .content .frais .total{padding:10px;}

main.vehicule_detail > section > .left .content{padding:50px 0 0 0;}

main.vehicule_detail > section > .left .content .back{
top:20px;
left:0;
}

main.vehicule_detail > section > .left .content .partage{
top:20px;
right:0;
}

main.vehicule_detail > section > .left .content .partage a, main.vehicule_detail > section > .left .content .partage span{
display:inline-block;
vertical-align:middle;
}

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

main.vehicule_detail .fiche .right .miniatures li{width:calc(50% - 10px);}

main.vehicule_detail > section > .left{padding-left:20px;}

main.vehicule_detail .infos .right .content{padding:40px 20px;}

main.home section .diapo, main.home section.services .cont_pt ul, main.vehicule_detail section.selection .diapo{padding:0 20px;}

.titre_fixe{padding:20px;}

main.vehicules .superpose .right .content .top > h1.osUpp30{
font-size:16px;
line-height:18px;
}

main.vehicules .superpose .right .content .top .nb .osUpp20{
font-size:14px;
line-height:16px;
}

.moteur form .bt_noir{width:100%;}

.moteur form .reset{margin:15px 0 0 0;}

.moteur form .ligne .selectric-faux_select .selectric .label, .moteur form .ligne input[type="text"]{font-size:12px;}
}

/**** 300px ****/
@media screen and (max-width:300px){
body > .rgpd{padding:10px 40px;}

body > .rgpd span.bt{width:100%;}

body > .rgpd span.bt + span.bt{
margin-left:0;
margin-top:10px;
}

.header_resp .content .liens a, .header_resp .content .liens span{font-size:16px;}
}

/*********** HEIGHT ***********/
/**** 450px ****/
@media screen and (max-height:450px){
.header_resp .content{padding:20px;}

.header_resp .content .liens a, .header_resp .content .liens span{font-size:15px;}

.header_resp .content .sociaux{padding-top:20px;}
}

/**** 820px ****/
@media screen and (max-height:820px){
.backtop{bottom:20%;}

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

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

/**** 760px ****/
@media screen and (max-height:760px){
main.vehicules .moteur form .ti{
padding-right:25px;
margin-bottom:15px;
padding:10px 0;
}

main.vehicules .moteur form .ti .osUpp30{
font-size:20px;
line-height:22px;
}

main.vehicules .moteur form .ti .alerte_mail{margin-top:0;}

main.vehicules .moteur form .ligne + .ligne{margin-top:0;}

main.vehicules .moteur form .bt_noir{margin-top:15px;}

}

/**** 660px ****/
@media screen and (max-height:660px){
main.vehicules .superpose > .left .content{padding-top:15px;}

main.vehicules .moteur form, main.vehicules .moteur form .selectric-faux_select .selectric .label, main.vehicules .moteur form .ligne input[type="text"]{font-size:13px;}
}

/**** 820px ****/
@media screen and (max-height:700px){
main.vehicules .moteur form .ti{
margin-bottom:10px;
padding:0;
}
}