@media screen and (max-width:1330px){
#header{padding:60px 20px;}
}

@media screen and (max-width:1260px){
#footer > nav{margin-bottom:15px;}

#accueil .banner > .title > h1{font-size:100px;}

#panier .content .left .list_produits li .prix .prix_promo{display:block;}

#panier .content .left .list_produits li .prix{width:80px;}

#compte .content aside .liens a{
padding:15px;
font-size:13px;
line-height:16px;
}

#compte .content section{padding:60px 30px;}

#compte .content section .contenu .title{
font-size:16px;
line-height:18px;
padding-bottom:20px;
}

.liste_cde_compte > ul.titres > li{
padding:0 0 10px 10px;
font-size:13px;
}

.liste_cde_compte .details{padding:30px 15px;}

.liste_cde_compte .details .bloc ul{padding:10px 0;}

#produit .selectric-wrapper{width:calc(100% - 80px);}
}

@media screen and (max-width:1180px){
#header > .navHeader .navigation a{font-size:11px;}

#header > .navHeader .navigation a.collection{margin-right:10px;}

#header > .navHeader .navigation a + a{margin-left:10px;}

#footer{
flex-flow:column;
align-items:center;
}

#footer .nash{margin-right:auto;}

#accueil section.accueil > article.txt{
order:1;
width:100%;
margin-bottom:50px;
margin-left:0;
padding:50px;
}

#accueil section.accueil > article.rub{
width:calc(50% - 50px);
order:2;
}
}

@media screen and (max-width:1080px){
main#accueil{padding-top:90px;}

#header > .menu-icon{display:block;}

#header > .navHeader .pictos{margin-right:20px;}

#header > .navHeader .navigation{
position:fixed;
top:0;
right:-200px;
width:0;
opacity:0;
height:100%;
background-color:#FFF;
z-index:500;
display:flex;
flex-flow:column nowrap;
align-items:center;
justify-content:center;
padding-right:0;
-webkit-box-shadow:-11px 0px 31px -6px rgba(0, 0, 0, 0.75);
-moz-box-shadow:-11px 0px 31px -6px rgba(0, 0, 0, 0.75);
box-shadow:-11px 0px 31px -6px rgba(0, 0, 0, 0.75);
transition:all 0.7s ease-in-out;
}

#header > .navHeader .navigation.open{
opacity:1;
right:0;
width:auto;
text-align:center;
padding:0 50px;
}

#header > .navHeader .navigation a{font-size:14px;}

#header > .navHeader{width:calc(100% - 275px);}

#header > .navHeader .navigation a + a{
margin-left:0;
margin-top:15px;
}

#header{height:90px;}

main{padding-top:90px;}

#header > .navHeader .navigation a.collection{margin:0;}

#produit .fiche > .left, #produit .fiche > .right{
width:100%;
padding:0;
}

#produit .fiche > .right{padding-bottom:50px;}

#produit .fiche > .right > .infos .content{padding:0;}

#produit .fiche > .left .align{margin:25px auto 50px;}

#produit .fiche .ti_produit.resp{display:block;}

#produit .fiche .infos .ti_produit{display:none;}

#produit .fiche{padding:0 25px;}

#produit .selectric-wrapper{width:calc(50% - 15px);}

#produit .fiche > .left .align .images .vignettes{padding:25px 25px;}

#produit .fiche > .left .align .images .slick-arrow.slick-prev{left:0;}

#produit .fiche > .left .align{padding-top:0;}

#produit .fiche > .left .align .images .slick-arrow.slick-next{right:0;}

#panier .content .left{padding:0 25px;}

#panier.tunnel .content .left{padding:50px 25px;}

#panierIndex .header_panier{padding:25px;}

#panier .content .right{padding-right:25px;}

#login .content > section{padding:25px;}

#login .content section.first{padding-right:24px;}

.liste_cde_compte > ul.titres{display:none;}

.liste_cde_compte > ul{
padding:10px 0 30px 0;
background-position:center bottom 15px;
}

.liste_cde_compte > ul > li{width:100% !important;}

.liste_cde_compte > ul > li{padding:5px 10px;}

.liste_cde_compte > ul > li.statut{padding-right:10px;}

.liste_cde_compte > ul > li .lab{
display:inline-block;
text-align:left;
}

.liste_cde_compte > ul > li .val{
display:inline-block;
vertical-align:middle;
width:50%;
text-align:right;
word-wrap:break-word;
}
}

@media screen and (max-width:980px){
#catalogue .title_catalogue{
font-size:25px;
padding:15px 25px 50px;
margin-top:50px;
}

#panier .title{
padding:0;
margin:0 0 50px;
}

#accueil .banner .collection.btn{font-size:18px;}

#footer .top{
flex-flow:column nowrap;
align-items:center;
}

#footer .top .logo{margin-bottom:20px;}

#footer .bottom{
flex-flow:column nowrap;
align-items:center;
}

#footer .bottom .secure{margin-top:10px;}

#header > .navHeader .navigation a::after{display:none;}

#panier .content{
flex-flow:column nowrap;
padding:50px 0 80px;
}

#panier.tunnel .right .infos.fixed{
position:relative;
top:0 !important;
left:0 !important;
width:100% !important;
}

#panier.tunnel .content .right .infos{padding:0 25px 25px;}

#panier.tunnel .right .infos{padding:25px;}

#panier.tunnel .content .right{padding:0;}

#panier.tunnel .content{flex-flow:column-reverse nowrap;}

#panier.tunnel .right .cart_resp{display:block;}

#panier.tunnel .right .infos{display:none;}

#panier .content .left .list_produits li{padding:15px 0;}

#panier .content .left, #panier .content .right{width:100%;}

#panier .content .right{padding:35px 0 0;}

#panier .content .right .infos > div, #panier .content .right .mention{max-width:none;}

#panier .right .reduc .promo .field{width:100%;}

#panier .content .left .list_produits li .prix.prix_u{display:none;}

#panier .content .right .infos{
padding:15px 25px 35px;
background-color:#EFEFEF;
}

#panier .right .reduc .field-input{border:1px solid #B2B2B2;}

#panier .right .infos > div.btns{padding:0;}

#panier .right .infos > div.btns a{margin-bottom:0;}

#login .content{flex-flow:column nowrap;}

#login .content > section{width:100%;}

#login .content section.first{
border:none;
padding-right:25px;
}

#compte .content{flex-flow:column nowrap;}

#compte .content aside, #compte .content section{width:100%;}

#compte .content aside{
padding-top:0;
padding-bottom:0;
}

#compte .content aside .liens.fixed{
position:relative;
top:0 !important;
left:0 !important;
width:100% !important;
}

#compte .content aside .resp{
display:block;
background-color:#EFEFEF;
color:#000;
font-family:'Josefin SemiBoldItalic';
padding:15px 35px 15px 15px;
font-size:13px;
line-height:16px;
text-transform:uppercase;
letter-spacing:1px;
position:relative;
}

#compte .content aside .resp::after{
content:"";
border:solid #000;
border-width:0 3px 3px 0;
display:inline-block;
padding:3px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transition:tranform 0.5s;
position:absolute;
top:20px;
right:15px;
}

#compte .content aside.open .resp::after{
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
}

#compte .content aside .liens{display:none;}

#compte .content aside .liens a.active{display:none;}

#compte .content aside .liens a{border-bottom:1px solid #B2B2B2;}

#compte .content section{padding:50px 25px;}
}

@media screen and (max-width:800px){
#catalogue .collection{
position:relative;
overflow:hidden;
flex-flow:column nowrap;
}

#catalogue .collection > .texte{
width:100%;
background-color:rgba(255, 255, 255, 0.5);
max-width:none;
padding:25px;
}

#catalogue .collection > figure img{
min-width:100%;
min-height:100%;
max-width:none;
width:50%;
}

#accueil .banner > .img_scroll .mobile{display:block;}

#accueil .banner > .img_scroll .desk{display:none;}

#footer{padding:25px;}

#footer > nav a + a{margin-left:0;}

#footer > nav{
flex-flow:column;
align-self:initial;
}

#footer > nav a::before{display:none;}

#catalogue .wrap{margin:25px auto;}

#catalogue .list .list_produits{margin-top:0;}

#catalogue .title_catalogue{
margin:50px 0 0 0;
padding-bottom:0;
}
}

@media screen and (max-width:650px){
#panier.tunnel .adr_panier > .form .field, #panier.tunnel .adr_panier > .form .field.half{width:100%;}

#header > .navHeader .navigation.open{
opacity:1;
right:0;
padding:25px;
width:100%;
}

#accueil .banner .collection.btn{max-width:none;}

#catalogue .list .list_produits{grid-template:1fr/repeat(2, 1fr)}

#accueil .banner > .title > h1{font-size:75px;}

#panier .content .left .list_produits .action_btns{flex-flow:row wrap;}

#panier .content .left .list_produits li .details{order:1;}

#panier .content .left .list_produits .action_pdt .qte{
order:3;
width:calc(100% - 40px);
max-width:200px;
margin:10px 0 0 -10px;
}

#panier .content .left .list_produits li .prix{order:2;}

#panier .content .left .list_produits li .remove_item{
order:4;
margin-top:10px;
}

#compte .content section .contenu .formulaire{
width:100%;
padding-right:0;
}

#compte .content section .contenu .formulaire.is_pass{padding-top:50px;}

#compte.adresses .liste{
flex-flow:column nowrap;
justify-content:flex-start;
}

#compte.adresses .liste .aff, #panier.tunnel #compte.adresses .facturation .liste .aff{width:100%;}

.liste_cde_compte .details .bloc ul li.tot{width:55px;}

.liste_cde_compte .details .bloc ul li.qte, .liste_cde_compte .details .bloc ul li.qte_lot{width:75px;}

.liste_cde_compte .details .bloc ul li.img{display:none;}

.liste_cde_compte .details .bloc ul li.ti{
width:calc(100% - 205px);
font-size:11px;
padding-left:0;
}

.liste_cde_compte .details .bloc ul li{
font-size:13px;
padding-left:10px;
}

#compte .content section .contenu .liste_cde_compte .details .bloc .title{font-size:12px;}

.liste_cde_compte .details .bloc .adr_livr, .liste_cde_compte .details .bloc .adr_fact{
padding-top:30px;
width:100%;
}

#accueil section.accueil > article.txt{padding:20px;}

#accueil section.accueil > article.txt .ti_accueil{font-size:25px;}

#accueil section.accueil > article.rub .ti{
font-size:20px;
letter-spacing:2px;
}

#accueil section.accueil > article.rub{width:calc(50% - 25px);}

#catalogue .list .list_produits li:nth-of-type(10n+1), #catalogue .list .list_produits li:nth-of-type(10n+4), #catalogue .list .list_produits li:nth-of-type(10n+7), #catalogue .list .list_produits li:nth-of-type(10n+10){width:100%}

#catalogue .list .list_produits li:nth-of-type(10n+5){margin-right:0;}

#catalogue .list .list_produits li:nth-of-type(10n+8){margin-left:0;}

#catalogue .list .list_produits li:nth-of-type(10n+2), #catalogue .list .list_produits li:nth-of-type(10n+3), #catalogue .list .list_produits li:nth-of-type(10n+5), #catalogue .list .list_produits li:nth-of-type(10n+6), #catalogue .list .list_produits li:nth-of-type(10n+8), #catalogue .list .list_produits li:nth-of-type(10n+9){width:calc(50% - 20px);}

#accueil section.accueil > article.txt .ckeditor{padding:20px}
}

@media screen and (max-width:500px){
nav.ariane a.back{
width:100%;
margin-bottom:10px;
margin-right:0;
}

nav.ariane{font-size:10px;}

#produit .fiche .filtres .option.radio{
width:100%;
margin-right:0;
}

#produit .fiche .prix{font-size:25px;}

main#produit{padding-bottom:0;}

#produit .selectric-wrapper{width:calc(100% - 80px);}

#produit .fiche .ti_produit.resp{
font-size:20px;
letter-spacing:2px;
}

#panierIndex .header_panier .centre .back{font-size:12px;}

#panierIndex .header_panier .centre .logo{
width:150px;
max-width:calc(100% - 150px);
}

nav.ariane{padding:15px 25px 10px 25px;}

#login .field.half{width:100%;}

.field.half:nth-child(odd){padding-left:0;}

.field.half:nth-child(even){padding-right:0;}

#contact > section .link{
font-size:16px;
letter-spacing:2px;
}

#contact > section h1{
font-size:20px;
letter-spacing:2px;
text-transform:uppercase;
margin-bottom:25px;
}

#contact > section{padding:35px 25px;}

#panier .title{
padding:0;
margin:0 0 50px;
}

#panier .content .left .list_produits .action_btns{
flex-flow:column nowrap;
justify-content:flex-start;
align-items:flex-start;
}

#panier .content .left .list_produits .action_pdt .qte{
order:3;
margin:0;
}

#panier .content .left .list_produits li .prix{
order:2;
width:auto;
margin:0;
font-size:12px;
font-family:'Josefin SemiBold';
}

#panier .action_pdt .qte .moins, #panier .qte .plus{font-size:35px;}

#panier .content .left .list_produits .action_pdt .qte{max-width:120px;}

#panier .content .left .list_produits li .remove_item{
position:absolute;
bottom:20px;
right:0;
}

#panier .content .left .list_produits li h2{margin:0;}

#panier .content .left .list_produits li .details{font-size:13px}

#compte .content section .contenu .coords .aff > ul > li{width:100%;}

#catalogue .bandeau{padding:0;}

#lightboxes{padding:25px;}

#lightboxes img{margin:0 auto;}
}

@media screen and (max-width:450px){
.field.half{width:100%;}

main{padding-top:75px;}

#header > .menu-icon{
position:absolute;
right:25px;
top:50%;
transform:translateY(-50%);
}

#header > .navHeader{
width:100%;
margin-right:0;
}

#header{
justify-content:center;
padding:0 25px;
height:60px;
z-index:1000;
}

#header.fixed{height:60px;}

#header > .logo{max-width:187.5px;}

#header > .navHeader{justify-content:flex-end;}

#header > .navHeader .pictos{
position:fixed;
width:100%;
height:50px;
padding:0 50px;
align-items:center;
bottom:0;
left:0;
margin-right:0;
background-color:#FFF;
justify-content:space-between;
z-index:600;
-webkit-box-shadow:0px -10px 36px -18px rgba(0, 0, 0, 0.67);
-moz-box-shadow:0px -10px 36px -18px rgba(0, 0, 0, 0.67);
box-shadow:0px -10px 36px -18px rgba(0, 0, 0, 0.67);
}

#header > .navHeader .pictos li{padding:20px;}

#header .cart-hover{
position:fixed;
top:initial;
bottom:50px;
max-width:100%;
}

#footer{
position:relative;
z-index:500;
padding:25px 25px 75px;
}

#footer > nav{align-items:center;}

#footer > .right{text-align:center;}

#footer .nash{margin-right:auto;}

#accueil .banner > .title h1{
font-size:50px !important;
}

#accueil .banner > .title{padding:25px;}

#catalogue .collection > .texte h1{font-size:35px;}

#accueil .banner .collection.btn{font-size:16px;}

#catalogue .title_catalogue{
font-size:20px;
letter-spacing:2px;
padding:15px 25px 25px;
}

#panier .title{
font-size:20px;
letter-spacing:2px;
}

#panier .empty_cart{font-size:17px;}

#login .content > section h2{letter-spacing:2px;}

#catalogue .filtres .option{
font-size:15px;
width:100%;
padding:7px;
}

#accueil .banner{height:auto;}

#catalogue .wrap{padding:0 50px;}

#catalogue .wrap .arrow.forward{right:0;}

#catalogue .wrap .arrow.backward{left:0;}

#header .cart-hover{right:0;}

#panier .content .left .list_produits li .img{max-width:75px;}

#panier .content .left .list_produits li .info_produit{width:calc(100% - 90px);}

#panier .content .left .list_produits li h2{font-size:14px;}

#panier .content .left .list_produits li .details{width:80px;}

#accueil section.accueil > article.rub{
width:100%;
margin-left:0;
}

#accueil section.accueil > .rub + .rub{margin-top:25px;}
}

@media screen and (max-width:380px){
#catalogue .list .list_produits{grid-gap:25px 10px;}
}