/*********************** MAX WIDTH 1800px **********************/
@media screen and (max-width: 1800px) {
#ct_accueil .slick-slider .slick-prev{left:-30px;}

#ct_accueil .slick-slider .slick-next{right:-30px;}
}

/*********************** MAX WIDTH 1750px **********************/
@media screen and (max-width: 1750px) {
body > header .ssmenu{padding-right:20px;}
}

/*********************** MAX WIDTH 1730px **********************/
@media screen and (max-width: 1730px) {
.exbold.s135{
font-size:115px;
line-height:115px;
}

.exbold.s100{
font-size:90px;
line-height:90px;
}

.exbold.s70{
font-size:60px;
line-height:60px;
}

.exbold.s40{
font-size:35px;
line-height:35px;
}
}

/*********************** MAX WIDTH 1530px **********************/
@media screen and (max-width: 1530px) {
#ct_contact .intro .txt h1{
left:-15%;
padding-bottom:30px;
}

#ct_contact .intro .txt{padding-left:50px;}

#ct_contact .formulaire{padding:120px 0 0 0;}

#ct_contact .formulaire form{padding:40px 50px 0 50px;}

#ct_qui .intro, #ct_rea .intro{
position:relative;
overflow:hidden;
padding-left:50%;
}

#ct_qui .intro .img, #ct_rea .intro .img{
position:absolute;
bottom:0;
left:0;
width:auto;
max-width:45%;
}

#ct_qui .intro .txt, #ct_rea .intro .txt{
position:relative;
z-index:500;
width:100%;
padding:0;
}

#ct_qui .intro .txt h1, #ct_rea .intro .txt h1{left:0;}

#ct_qui .paragraphe .img, #ct_qui .paragraphe .txt{vertical-align:top;}

#ct_qui .paragraphe .txt{
width:50%;
padding:0 50px;
}

#ct_qui .paragraphe .img{width:50%;}

#ct_rea_detail section.fiche_detail .txt{padding:0 0 0 60px;}

section.fiche_detail .txt .bt_back + h1{padding-top:20px;}
}

/*********************** MIN WIDTH 1441px **********************/
@media screen and (min-width: 1441px) {
aside.nav_produits ul li .ssrub{display:none !important;}

aside.nav_produits ul li.open .ssrub{display:block !important;}
}

/*********************** MAX WIDTH 1440px **********************/
@media screen and (max-width: 1440px) {
.global{
padding-left:90px;
padding-right:90px;
}

.exbold.s135{
font-size:95px;
line-height:95px;
}

.exbold.s100{
font-size:80px;
line-height:80px;
}

.exbold.s70{
font-size:50px;
line-height:50px;
}

.exbold.s40{
font-size:30px;
line-height:30px;
}

body > header .ssmenu.produits a, body > header .ssmenu.rea .left a, body > header .ssmenu.rea .right .visu{font-size:14px;}

#ct_accueil .rea > ul{
width:840px;
max-width:100%;
margin:0 auto;
}

#ct_accueil .slick-slider .slick-prev{left:-50px;}

#ct_accueil .slick-slider .slick-next{right:-50px;}

body.page_produits > header .logo, aside.nav_produits{background:none;}

main.catalogue{display:block;}

aside.nav_produits, aside.nav_produits + section{
display:block;
width:100%;
}

aside.nav_produits > .s30{display:none;}

aside.nav_produits ul, aside.nav_produits .separ{
padding:0;
display:inline-block;
vertical-align:top;
}

aside.nav_produits ul{width:calc(100% - 120px);}

aside.nav_produits .separ{
width:120px;
text-align:right;
}

aside.nav_produits .separ:before{display:none;}

aside.nav_produits ul li{
display:inline-block;
vertical-align:top;
padding-top:0;
position:relative;
width:25%;
padding-right:30px;
}

aside.nav_produits ul li + li{margin-left:0;}

aside.nav_produits ul li > .s25{
font-size:22px;
line-height:22px;
}

aside.nav_produits ul li > .s25.underscore:before{display:none;}

aside.nav_produits ul li.isrub > .s25{display:none;}

aside.nav_produits ul li.isrub > .s22{display:inline-block;}

aside.nav_produits ul li .s25{
font-size:22px;
line-height:22px;
}

aside.nav_produits ul li.isrub > .s22{
cursor:pointer;
padding-right:30px;
background-image:url(../img/fleche_bottom.svg);
background-position:right bottom 5px;
background-size:11px 6px;
background-repeat:no-repeat;
}

aside.nav_produits ul li.isrub > .s22.on{background-image:url(../img/fleche_top.svg);}

aside.nav_produits ul li .ssrub, aside.nav_produits ul li.open .ssrub{
display:none;
padding:30px 25px;
background-color:#fff;
position:absolute;
top:99%;
left:0;
-moz-box-shadow:5px 5px 5px 0px #eaeaea;
-webkit-box-shadow:5px 5px 5px 0px #eaeaea;
-o-box-shadow:5px 5px 5px 0px #eaeaea;
box-shadow:5px 5px 5px 0px #eaeaea;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#eaeaea, Direction=134, Strength=5);
z-index:200;
}

aside.nav_produits ul li .ssrub div{
white-space:nowrap;
padding-top:5px;
}

aside.nav_produits .separ .s22{
font-size:19px;
line-height:19px;
}

aside.nav_produits + section.fiche_detail{padding:0 0 120px 0;}

#ct_produits section.fiche_detail .cross{text-align:center;}

#ct_accueil .bureau{margin:0 15%;}

#ct_contact .intro .txt h1{left:0;}

#ct_contact .intro .txt h1.underscore:before{
position:static;
transform:none;
}

#ct_contact .intro .txt .coords li{
padding:0 20px 0 0;
width:calc(100% / 3) !important;
}

#ct_contact .intro .txt .coords li + li{padding-left:20px;}

#ct_contact .intro .txt #gmap{height:270px;}

#ct_rea .rea > ul li, #ct_rea_detail .rea > ul li{
display:block;
width:800px;
max-width:100%;
margin:5px auto 0 auto;
}

aside.nav_produits + section.produits_rub, aside.nav_produits + section.produits_liste{padding:0 0 90px 0;}
}

/*********************** MAX WIDTH 1400px **********************/
@media screen and (max-width: 1400px) {
section.produits_rub ul li a .titre{
height:50px;
line-height:30px;
}
}

/*********************** MAX WIDTH 1230px **********************/
@media screen and (max-width: 1230px) {
.exbold.s135{
font-size:70px;
line-height:70px;
}

.exbold.s100{
font-size:55px;
line-height:55px;
}

.exbold.s70{
font-size:45px;
line-height:45px;
}

body > header nav > a + a{margin-left:40px;}

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

body > header nav .reseaux a + a{margin-left:15px;}

#ct_accueil .bureau{
width:800px;
max-width:100%;
margin:0 auto;
}

#ct_legal .bandeau img + h1, #ct_plan .bandeau img + h1{bottom:-20px;}
}

/*********************** MAX WIDTH 1200px **********************/
@media screen and (max-width: 1200px) {
.global{
padding-left:50px;
padding-right:50px;
}

body > header .ssmenu .img{
width:150px;
height:150px;
}

body > header .ssmenu.rea .right .visu{width:30%;}

body > header .ssmenu.rea .right .txt{width:70%;}

body > header .ssmenu.rea .right .txt .s22{
font-size:19px;
line-height:19px;
}

body > header .ssmenu.rea .right .txt p{
padding:10px;
font-size:13px;
}

body > header .ssmenu.rea .right .txt a.bt_lien{font-size:15px;}

#ct_accueil{
padding-top:80px;
padding-bottom:80px;
}

#ct_accueil .slick-slider .slick-prev{left:-40px;}

#ct_accueil .slick-slider .slick-next{right:-40px;}

body > footer .link{text-align:left;}

body > footer .link a{
position:relative;
padding-left:25px;
width:25%;
}

body > footer .link a + a{margin-left:0;}

body > footer .link a:before{
display:inline-block;
content:'_';
position:absolute;
bottom:0;
left:0;
}
}

/*********************** MAX WIDTH 1160px **********************/
@media screen and (max-width: 1160px) {
#ct_contact .intro{position:relative;}

#ct_contact .intro .img{
position:absolute;
top:0;
left:0;
width:40%;
}

#ct_contact .intro .txt{
width:100%;
padding-left:0;
}

#ct_contact .intro .txt h1{margin-left:45%;}

#ct_contact .intro .txt .coords{padding-left:45%;}

#ct_qui .paragraphe .txt{width:65%;}

#ct_qui .paragraphe .img{width:35%;}
}

/*********************** MAX WIDTH 1130px **********************/
@media screen and (max-width: 1130px) {
#ct_qui .intro, #ct_rea .intro{padding:70px;}

#ct_qui .intro .img, #ct_rea .intro .img{
top:0;
bottom:auto;
max-width:100%;
width:100%;
}

#ct_qui .intro .txt, #ct_rea .intro .txt{
padding:30px;
background-color:rgba(255, 255, 255, 0.8);
}

#ct_qui .intro .txt .editor, #ct_rea .intro .txt .editor{width:100%;}

#ct_rea .rea{padding-top:50px;}

aside.nav_produits ul li.isrub > .s22, aside.nav_produits ul li .s25, aside.nav_produits .separ .s22{font-size:17px;}
}

/*********************** MAX WIDTH 1030px **********************/
@media screen and (max-width: 1030px) {
.exbold.s135{
font-size:60px;
line-height:60px;
}

.exbold.s100{
font-size:45px;
line-height:45px;
}

.exbold.s70{
font-size:35px;
line-height:35px;
}

#ct_rea .accroche{padding-top:50px;}

#ct_rea .accroche img{margin-bottom:30px;}

#ct_rea .accroche img + h2{
padding:0;
position:static;
}

#ct_rea .accroche h2{text-align:center;}
}

/*********************** MAX WIDTH 970px **********************/
@media screen and (max-width: 970px) {
aside.nav_produits ul li{
width:50%;
margin-top:5px;
}
}

/*********************** MAX WIDTH 950px **********************/
@media screen and (max-width: 950px) {
body > header .logo{
width:100%;
padding:30px 0;
text-align:center;
}

body > header nav{
width:100%;
padding-top:0;
text-align:left;
}

body > header nav .reseaux{
padding-left:0;
float:right;
}

section.fiche_detail .diapo, section.fiche_detail .txt{width:100%;}

#ct_rea_detail section.fiche_detail .txt, #ct_produits section.fiche_detail .txt{padding:30px 0 0 0;}
}

/*********************** MAX WIDTH 900px **********************/
@media screen and (max-width: 900px) {
.exbold.s135, .exbold.s100{
font-size:40px;
line-height:40px;
}

.exbold.s35, .exbold.s70{
font-size:30px;
line-height:30px;
}

body > header .ssmenu .img{
width:150px;
height:150px;
}

body > header .ssmenu.rea .left, body > header .ssmenu.rea .right{width:50%;}

body > header .ssmenu.rea .right .visu{width:100%;}

body > header .ssmenu.rea .right .txt{display:none;}

#ct_accueil{
padding-top:50px;
padding-bottom:50px;
}

#ct_accueil .intro{padding:0;}

#ct_accueil .intro h1{
position:static;
text-align:center;
margin:0 auto 30px auto;
width:550px;
max-width:100%;
}

#ct_accueil .intro h1 br{display:none;}

#ct_accueil .bureau, #ct_accueil section.produits_rub, #ct_accueil .rea, #ct_accueil .marques{padding-top:80px;}

#ct_accueil .bureau .txt{
vertical-align:middle;
width:65%;
padding:20px;
}

#ct_accueil .bureau .img{
vertical-align:middle;
width:35%;
}

section.produits_rub ul li{width:calc(50% - 14px);}

#ct_accueil .rea > ul{padding-bottom:45px;}

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

#ct_showroom, #ct_contact{
padding-top:50px;
padding-bottom:50px;
}

#ct_showroom h1{padding-bottom:50px;}

#ct_contact .intro .img{display:none;}

#ct_contact .intro .txt h1{margin-left:0;}

#ct_contact .intro .txt .coords{padding-left:0;}

#ct_contact .formulaire{padding:50px 0 0 0;}

#ct_contact .formulaire form{padding:30px 0 0 0;}

#ct_contact .formulaire form input[type=text]{width:calc(50% - 20px);}

#ct_contact .formulaire form input.left{margin-right:20px;}

#ct_contact .formulaire form input.right{margin-left:20px;}

#ct_qui .intro, #ct_rea .intro{padding:30px;}

#ct_qui, #ct_rea, #ct_qui .marques, #ct_rea_detail{
padding-top:50px;
padding-bottom:50px;
}

#ct_qui .marques .rub ul li{
padding:20px;
max-width:20%;
}

#ct_qui .paragraphe .txt{
width:100%;
padding:0 0 30px 0;
}

#ct_qui .paragraphe .img{width:100%;}

#ct_qui .paragraphe .txt .s40 br{display:none;}

#ct_qui .paragraphe .txt .bt_lien{margin-left:30px;}

#ct_produits .produits_liste .lien_showroom a span, #ct_produits .produits_liste .lien_showroom a img + span{
background-position:right 50px center;
padding-left:50px;
padding-right:50px;
}

section.fiche_detail .txt .editor + .bt_lien{display:none;}
}

/*********************** MAX WIDTH 850px **********************/
@media screen and (max-width: 850px) {
body > footer .link a{width:calc(100% / 3);}
}

/*********************** MAX WIDTH 800px **********************/
@media screen and (max-width: 800px) {
section.rea > ul li .txt{
height:auto !important;
padding:0 !important;
}

section.rea > ul li .txt .img{
position:static;
width:100%;
height:auto;
max-height:400px;
}

section.rea > ul li .txt .img img{
width:100% !important;
height:auto !important;
}

section.rea > ul li .txt .s22{padding:20px;}

section.rea > ul li .txt p{
margin-top:0;
padding:0 20px;
}

section.rea > ul li .txt .bt_lien{
position:relative;
margin:20px 0 20px 50px;
left:auto !important;
bottom:0;
}

#ct_produits .produits_liste > a{
width:100%;
height:250px;
}

#ct_produits .produits_liste > a.pair{margin-left:0;}

#ct_produits .produits_liste > a .info{
height:250px;
line-height:250px;
}
}

/*********************** MAX WIDTH 760px **********************/
@media screen and (max-width: 760px) {
.menu_resp{display:block;}

body > header{display:none;}

body{padding-top:60px;}

.global{
padding-left:20px;
padding-right:20px;
}

header.global{
padding-left:0;
padding-right:0;
}

body > header .logo{padding:70px 0 30px 0;}

#ct_accueil .slick-slider .slick-arrow{
width:10px;
height:18px;
}

#ct_accueil .slick-slider .slick-prev{left:-15px;}

#ct_accueil .slick-slider .slick-next{right:-15px;}

#ct_legal, #ct_plan{
padding-top:20px;
padding-bottom:50px;
}

#ct_legal .bandeau, #ct_plan .bandeau{text-align:center;}

#ct_legal .bandeau img + h1, #ct_plan .bandeau img + h1{
position:static;
margin-top:30px;
}

#ct_legal .bandeau .underscore:before, #ct_plan .bandeau .underscore:before{
position:static;
transform:none;
}

#ct_legal .paragraphes, #ct_plan .plan{padding-top:0;}

#ct_legal .paragraphes article, #ct_plan .erreur{padding-top:30px;}

#ct_plan .plan article{
padding-top:30px;
width:100%;
padding-right:0;
text-align:center;
}

#ct_plan .plan article + article{padding-left:0;}

aside.nav_produits{padding-top:20px;}
}

/*********************** MAX WIDTH 700px **********************/
@media screen and (max-width: 700px) {
#ct_qui .marques .rub + .rub{margin-top:10px;}

#ct_qui .marques .rub{padding-top:70px;}

#ct_qui .marques .rub ul li{max-width:25%;}

#ct_produits .produits_liste .lien_showroom a span, #ct_produits .produits_liste .lien_showroom a img + span{
background-position:right 20px center;
padding-left:20px;
padding-right:20px;
}
}

/*********************** MAX WIDTH 630px **********************/
@media screen and (max-width: 630px) {
.exbold.s135, .exbold.s100{
font-size:30px;
line-height:30px;
}

.exbold.s70, .exbold.s40, .exbold.s35, .exbold.s30, .exbold.s28, .exbold.s25{
font-size:22px;
line-height:22px;
}

#ct_accueil, #ct_rea_detail{padding-top:20px;}

#ct_accueil .intro h1{width:450px;}

#ct_accueil .bureau .txt{
padding:0;
width:100%;
}

#ct_accueil .bureau .txt .underscore:before{
position:static;
transform:none;
}

#ct_accueil .bureau .txt .bt_lien{margin-left:30px;}

#ct_accueil .bureau .img{display:none;}

#ct_accueil .bureau .txt .editor, #ct_accueil .bureau h2{width:100%;}

#ct_accueil .bureau h2 br{display:none;}

#ct_showroom, #ct_contact{padding-top:20px;}

#ct_contact .intro .txt{text-align:center;}

#ct_contact .intro .txt .coords, #ct_contact .intro .txt .coords li{display:block;}

#ct_contact .intro .txt .coords li{
width:100% !important;
padding:0;
}

#ct_contact .intro .txt .coords li + li{
padding-left:0;
padding-top:20px;
margin-top:20px;
border-top:2px solid #000;
border-left:0;
}

#ct_qui, #ct_rea{padding-top:20px;}

#ct_produits section.fiche_detail .cross{padding-top:40px;}

aside.nav_produits + section.fiche_detail{padding-bottom:50px;}

#ct_produits .produits_liste .lien_showroom{background-color:transparent;}

#ct_produits .produits_liste .lien_showroom a span, #ct_produits .produits_liste .lien_showroom a img + span{
background-image:url(../img/fleche_right.svg);
background-size:17px 30px;
padding-left:0;
background-position:right center;
}

#ct_produits .produits_liste .lien_showroom a img + span{
position:static;
color:#000;
transform:none;
padding-top:20px;
font-size:17px;
line-height:17px;
}

body > footer .link a{width:50%;}
}

/*********************** MAX WIDTH 580px **********************/
@media screen and (max-width: 580px) {
aside.nav_produits ul, aside.nav_produits .separ{width:100%;}

aside.nav_produits .separ{
padding-top:10px;
margin-top:20px;
text-align:left;
border-top:3px solid #000;
}

#ct_produits section.fiche_detail .cross ul li{
width:calc(50% - 3px);
margin-top:1px;
}

section.produits_rub h2{padding-bottom:10px;}

#ct_accueil .rea > ul{
padding-top:25px;
padding-bottom:25px;
}

#ct_rea .accroche{padding-top:0;}

#ct_rea .rea h2, #ct_rea_detail .rea h2{padding-bottom:20px;}

#ct_rea .accroche img{margin-bottom:10px;}

#ct_rea .rea{padding-top:70px;}
}

/*********************** MAX WIDTH 550px **********************/
@media screen and (max-width: 550px) {
body > footer .link a{
padding:0 10px !important;
text-align:center;
}

body > footer .link a:before, body > footer .link a + a:before{display:none;}

#ct_contact .formulaire form input[type=text]{width:100%;}

#ct_contact .formulaire form input.left{margin-right:0;}

#ct_contact .formulaire form input.right{margin-left:0;}

#ct_contact .formulaire form input[type=text], #ct_contact .formulaire form textarea{padding:10px;}
}

/*********************** MAX WIDTH 470px **********************/
@media screen and (max-width: 470px) {
#ct_qui .intro, #ct_rea .intro{padding:0;}

#ct_qui .intro .img, #ct_rea .intro .img{position:static;}

#ct_qui .intro .txt, #ct_rea .intro .txt{padding:30px 0;}

#ct_qui .marques .rub ul li{max-width:50%;}
}

/*********************** MAX WIDTH 440px **********************/
@media screen and (max-width: 440px) {
section.produits_rub ul li{
width:100%;
margin-left:0;
margin-right:0;
}
}

/*********************** MAX WIDTH 420px **********************/
@media screen and (max-width: 420px) {
body > footer .link a{
width:100%;
padding:0 !important;
}

aside.nav_produits ul li{
width:100%;
padding-right:0;
}

aside.nav_produits ul li.isrub > .s22{
padding-right:0;
padding-left:30px;
background-position:left bottom 5px;
}

aside.nav_produits ul li .s25, aside.nav_produits .separ{padding-left:30px;}
}

/*********************** MAX WIDTH 400px **********************/
@media screen and (max-width: 400px) {
#ct_accueil .catalogue{display:block;}

#ct_accueil .catalogue a{
display:block;
width:100%;
padding-right:0;
}

#ct_accueil .catalogue a + a{
padding-left:0;
margin-top:1px;
}
}

/*********************** MAX WIDTH 320px **********************/
@media screen and (max-width: 320px) {
.menu_burger a{font-size:20px;}

#ct_produits section.fiche_detail .cross ul li{width:calc(100% - 3px);}
}

/*********************** MAX HEIGHT 430px **********************/
@media screen and (max-height: 430px) {
.menu_burger{padding:20px;}

.menu_burger a{
font-size:22px;
margin:5px 0;
}
}

/*********************** MAX HEIGHT 350px **********************/
@media screen and (max-height: 350px) {
.menu_burger{padding:10px;}

.menu_burger a{font-size:18px;}

.menu_burger .reseaux{margin-top:10px;}
}

/* RGPD MediaQ */
@media screen and (max-width: 1550px){
    /* RGPD */
    .rgpdContainer .rgpdDisplay{
        justify-content: start;
    }
    .rgpdDisplay p{
        font-size: 10px;
        margin: 0 50px 0 25px;
    }
}

@media screen and (max-width: 1160px){
    /* RGPD */
    .rgpdDisplay p{
        margin: 0 25px 0 25px;
    }
    .rgpdContainer .rgpdDisplay .generalButton{
        font-size: 10px;
        padding: 0 10px;
    }
    .rgpdDisplay a{
        font-size: 10px;
    }
}

@media screen and (max-width: 1040px){
    /* RGPD */
    .rgpdDisplay p{
        padding: 0;
        margin: 0 25px 0 25px;
        width: 300px;
        line-height: 11px;
    }
}

@media screen and (max-width: 700px){
    /* RGPD */
    .rgpdContainer{
        height: 120px;
    }
    .rgpdContainer img{
        top: 10px;
        right: 20px;
        width: 10px;
    }
    .rgpdContainer .rgpdDisplay{
        padding: 30px 0;
        justify-content: center;
    }
    .rgpdDisplay p{
        padding: 0;
        margin: 0 auto 15px;
        width: 90%;
        text-align: center;
    }
}

@media screen and (max-width: 400px){
    /* RGPD */
    .rgpdContainer{
        height: initial;
    }
    .rgpdContainer .rgpdDisplay .generalButton{
        font-size: 10px;
        padding: 5px 10px;
        margin: 0 15px 15px;
    }
    .rgpdContainer .rgpdDisplay .generalButton:nth-child(2){
        margin: 0 15px 15px;
    }
    .rgpdContainer .rgpdDisplay .generalButton:nth-child(3){
        margin: 0 15px 15px;
    }
    .rgpdDisplay a {
        padding: 3px 0 0;
        height: 23px;
    }
}