@font-face {
    font-family: 'Freight Big Pro';
    src: url('fonts/FreightBigPro-Book.eot');
    src: url('fonts/FreightBigPro-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/FreightBigPro-Book.woff2') format('woff2'),
        url('fonts/FreightBigPro-Book.woff') format('woff'),
        url('fonts/FreightBigPro-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Freight Big Pro';
    src: url('fonts/FreightBigPro-Medium.eot');
    src: url('fonts/FreightBigPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/FreightBigPro-Medium.woff2') format('woff2'),
        url('fonts/FreightBigPro-Medium.woff') format('woff'),
        url('fonts/FreightBigPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

html{
    font-size:14px; font-family:"Montserrat", sans-serif;
}
body{
    text-align:center; font-size:1rem; margin:0;  font-size:1rem; font-weight:300;
}

a{text-decoration:none; -webkit-transition:all 0.2s ease;transition:all 0.2s ease; color:#e16b69;}
a:hover{color:#e16b69;}
img{height:auto; vertical-align:middle;}

h1, h2, h3{font-family:'Freight Big Pro', serif; font-weight:300; line-height:115%;}

a.bouton{ 
    display:inline-block;
    text-transform:uppercase;
    padding:2rem 4rem;
    background-color:#FFFFFF;
    margin:0 auto;
    font-weight:400;
    color:#000000;
    border:1px solid #000000;
}
a.bouton span{color:#e16b69; }
a.bouton.contour{ border:1px solid #000000; margin:3rem auto }
a.bouton.centrage{margin-left:auto; margin-right:auto}
a.bouton:hover{
    background-color:rgb(0,0,0) !important;
    color:#FFFFFF !important;
    box-shadow:0 0 0.75rem rgba(0,0,0,.35);
    border-color: rgb(0,0,0) !important;
}
button:hover{background-color:rgb(230,230,230);}
.bt-fleche{display:inline-block; text-transform:uppercase; }
.bt-fleche > span{display:inline-block; vertical-align:middle; margin-right:1rem; }
.bt-fleche.lowc{ text-transform:none;}
p, ul li, .extrait, .conseil .argu{line-height:190%;}

[data-ratio] {display: block; max-width: 100%; position: relative}
[data-ratio]:before {content: ''; display: block;}
[data-ratio] > * {display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}

[data-ratio='20:9']::before { padding-top: 47.5%; }
[data-ratio='16:9']::before { padding-top: 56.25%; }
[data-ratio='4:3']::before { padding-top: 75%; }
[data-ratio='3:4']::before { padding-top: 133.33%; }
[data-ratio='1:1']::before { padding-top: 100%; }

.gris{ background-color:rgb(240,238,234);}
.grisfonce{ background-color:rgb(213,217,228);}

.vs{overflow:hidden;}

.cover{background-size:cover; background-repeat:no-repeat; background-position:center;}
.picto.cover{height:auto;}
.contenu{margin:0 auto; overflow-x:hidden;}


.capitale{text-transform:uppercase !important;}

section{background-color:#FFFFFF;}
.home section, .marge{ padding:3rem 10%;}
section.top{margin-top:80px; padding-left:0; padding-right:0; padding-bottom:0; padding-top:0; height:90vh;}
section.top .video{width:100%; height:100%; position:absolute; left:50%; top:50%; width:100%; height:100%;-webkit-transform:translate( -50%, -50%); transform:translate( -50%, -50%); }
section.top .video video{position:absolute; left:50%; top:50%; width:100%; height:100%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
section.top .accroche{z-index:2; width:90%; text-align:center; margin:2rem auto; color:#000000; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); margin:0; color:#FFFFFF;}
section.top .accroche .sur-titre{padding-bottom:2rem; font-size: 1.75rem;}
section.top .accroche h1, .entetecat h1{ position:relative;font-weight:300;margin:0; padding:0.5em 0; font-size:1.75rem; text-transform:uppercase; letter-spacing:1px;}
section.top .accroche h1::before{content:""; display:block; width:96px; height:1px; background-color:#FFFFFF; position:absolute; left:50%; top:0.25em; margin-left:-48px;}
section.top .accroche a.bouton{ color:#000000; }
section.top .swiper-container{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
section.top .swiper-container .swiper-slide .cover{height:100%;}

/* style header  */
header{
    border-bottom: 1px solid rgb(200,200,200); height:80px;padding:0; position:fixed; top:0; left:0; width:100%;
    background-color:#FFFFFF; z-index:100;
}
header > .row{ top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); position:relative; margin-left:1px; margin-right:1px;}
header > .row > div{padding:0;}
header .logo img{ width:156px; margin-top:10px}

header ul{list-style:none; margin:0; padding:0;}
header ul li a{display:block; color:rgb(0,0,0);}
header ul li.pros a{border:1px solid rgb(180,180,180); border-radius:3rem; padding:0.5rem 1rem; display:inline-block;}
header ul li.compte a{border:1px solid rgb(0,0,0); width:27px; height:27px; border-radius:100%; padding:0; color:#000000; margin-right:1rem; background:url(img/cpt.svg) no-repeat center / cover}
header ul li.cart a{width:32px; height:32px; padding:0;color:#000000; border-radius:100%;background:url(img/panier.svg) no-repeat center / 80% ; position:relative;}
header ul li.cart a span.art{text-align:center;position:absolute; left:50%; top:60%; width:65%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); font-weight:700; font-size:0.75rem; color:#CC0000;}
header ul li.compte a:hover, header ul li.cart a:hover{background-color:rgb(240,240,240);}
header .icones ul li{display:inline-block !important; vertical-align:middle;margin:0 0.25rem;}

header ul li.mobile, header ul li.compte{position:relative; width:30px; height:30px; padding:0;}
header ul li.mobile .trt{position:absolute; left:50%; top:50%; width:75%; height:2px; background-color:#000000; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
header ul li.mobile .trt.un{margin-top:-6px;}
header ul li.mobile .trt.tr{margin-top:6px;}

header ul li.mobile.actif .trt.dx{ opacity:0; }
header ul li.mobile.actif .trt.un{ -webkit-transform:translate(-50%, -50%) rotate( -45deg );transform:translate(-50%, -50%) rotate( -45deg ); margin-top:0; }
header ul li.mobile.actif .trt.tr{ -webkit-transform:translate(-50%, -50%) rotate( 45deg );transform:translate(-50%, -50%) rotate( 45deg ); margin-top:0;}

header .nav, header .pro{display:none;}
header .icones ul li.compte{display:none;}

/*   */

.home section h3, .engagements h3{font-family:'Montserrat', sans-serif;}

.breadcrumbs span{padding:0 0.5rem 0 0; display:inline-block; vertical-align:middle; font-size:0.9rem; line-height:150%;}
.breadcrumbs span.sepa{width:4px; height:7px; background:url(img/sepa.svg) no-repeat center / 4px; margin-top:2px; margin-right:0.5rem;}
.breadcrumbs span:first-child{ padding-left:0}

.shared-counts-wrap.style-slim .shared-counts-button {
    border-radius: 2px !important;
    font-weight: 400 !important;
    font-family:'Montserrat', sans-serif !important;
    margin-right: 4px important;
}
.shared-counts-label{display:none !important}
.shared-counts-wrap.style-slim .shared-counts-button .shared-counts-count{ border:none !important;}
.shared-counts-wrap {
    margin: 0 0 0 0 !important;
}

section.heading{margin-top:80px; padding-left:0; padding-right:0; position:relative;}
.entetecat{ margin-top:80px;}
section.heading .back{height:85vh; position:relative;}
section.heading .back .cover {background-color:#000000; position:absolute; left:0; top:0; width:100%; height:100%;}
section.heading .accroche{position:relative; top:50%; left:50%; width:90%; transform:translate(-50%, -50%)}
section.heading .accroche .sur-titre{padding-bottom:2rem; font-size: 1.25em}
section.heading .accroche h1{position:relative;font-weight:300; margin:0; padding:0.5em 0; font-size:3rem; line-height:105%; text-transform:none; letter-spacing:1px; }
section.heading .accroche h1::before{content:""; display:block; width:96px; height:1px; background-color:#FFFFFF; position:absolute; left:50%; top:0.25em; margin-left:-48px;}
section.heading .chapo{ width:90%; margin:1rem auto; max-width:1024px; font-family:'Freight Big Pro', serif; font-size:1.5rem}
section.heading .filtre{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.6; background-color:rgba(0,0,0,.6);}



section.categories-produits{padding:3rem 5%;}
section.categories-produits .swiper-slide .vgn{ background-color:rgb(200,200,200); overflow:hidden;}
section.categories-produits .swiper-slide .categ{padding:1.5rem 1rem; font-size:0.93rem; text-align:left;}
section.categories-produits .swiper-slide .categ .ttlcat{font-weight:400; font-size:1.25rem; text-align:center;}
section.categories-produits .swiper-slide a{display:block; margin:0 30px; color:#000000;}
section.categories-produits .swiper-slide a:hover{color:#e16b69;}
section.categories-produits .swiper-slide a .detail{position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgb(0,0,0,.5); color:#FFFFFF; opacity:0;-webkit-transition: all 0.2s ease;  transition:all 0.2s ease;}
section.categories-produits .swiper-slide a:hover .detail{opacity:1;}
section.categories-produits .swiper-slide a .detail .typo{position:absolute; height:auto; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);text-transform:uppercase; font-size:0.8rem; border:1px solid; padding:0.75rem;}


.swiper-button-prev, .swiper-button-next{width:15px; height:30px; top:45%;}
.swiper-button-prev{background:url(img/prev.svg) no-repeat center / cover; left:0;}
.swiper-button-next{background:url(img/next.svg) no-repeat center / cover; right:0}
.swiper-button-prev::after, .swiper-button-next::after{display:none;}


section.mygem{background-color:rgb( 242,231,231 ); text-align:left; padding:0;}
section.mygem .argu{padding:2rem; text-align:left;}
section.mygem h2{ font-size:1.75rem; line-height:110%; text-transform:uppercase;}
section.mygem h2 a{color:#000000;}
section.mygem h2 a:hover{color:#e16b69;}
section.mygem h2 span{color:#F39b9b; display:block;}
section.mygem .surtitre{text-transform:uppercase; color:#F39b9b; font-weight:400;}
section.mygem .extrait{font-size:0.93rem;}
section.mygem a{color:#e16b69}
section.mygem a:hover{color:#000000;}
section.mygem .lien{margin:2rem 0 0 0;}

section.guides{background-color:#D5D9E4; text-align:left; padding:0;}
section.guides .argu{padding:2rem; text-align:left;}
section.guides h2{color:#174489; font-size:1.75rem; line-height:110%; text-transform:uppercase;}
section.guides h2 a:hover{color:#000000;}
section.guides .surtitre{text-transform:uppercase; color:#174489; font-weight:400;}
section.guides.extrait{font-size:0.93rem;}
section.guides a{color:#174489}
section.guides a:hover{color:#000000;}
section.guides .lien{margin:2rem 0 0 0;}

section.boutique{position:relative; background-color:#FFFFFF;}
section.boutique h3{ text-transform:uppercase; font-size:1.2rem; margin-bottom:0; padding-bottom:1em; position:relative;}
section.boutique h3::after{ content:""; display:block; width:55px; height:1px; background-color:#000000; position:absolute; left:50%; bottom:0; -webkit-transform:translateX(-50%); transform:translateX(-50%)}
section.boutique .chapo{width:92.5%; max-width:665px; text-align:center; margin:3rem auto; line-height:150%;}
section.boutique .product{ margin-bottom:2rem; color:#000000}
section.boutique .product:hover{ color:#e16b69; }
section.boutique .product .vignette{background-color:rgb(245,245,245); overflow:hidden;}
section.boutique .product .vignette .vs{height:100%;}
section.boutique .product > span{ display:block; }
section.boutique .product .intitule{padding:15px 0;}
section.boutique .product .intitule span{ display:inline-block; padding:0; }
section.boutique .product .intitule .price ins, section.boutique .product .intitule .price del{ display:inline-block; vertical-align:middle;}
section.boutique .product .intitule .price del span{text-decoration:line-through; color:rgb(180,180,180);}
section.boutique .product .intitule .nom{font-weight:400; text-align:left;}
section.boutique .product .intitule .nm{position:relative;}
section.boutique .product .intitule .nm::after{content:""; border-left: 1px solid; width:1px; height:100%; position:absolute; right:0; top:0;}
section.boutique .product video, .extrait-boutique video{display:none;}
section.boutique .product video.start, .extrait-boutique video.start{display:block;position:absolute; left:0; top:0; width:100%; height:100%;}
/* section.boutique .product .intitule .amount{border:1px solid;} */

video::-webkit-media-controls {
    display:none !important;
}

.engagements{padding:0 10%; position:relative; background-color:#FFFFFF;}
.engagements h3{font-size:1.2rem; font-weight:500; margin-bottom:0; padding-bottom:1em; position:relative}
.engagements h3::after{ content:""; display:block; width:55px; height:1px; background-color:#000000; position:absolute; left:50%; bottom:0; -webkit-transform:translateX(-50%); transform:translateX(-50%)}
.engagements .picto{width: 25px; margin:0 auto 2rem auto;}
.engagements .swiper-container{margin-top:3rem;}
.engagements .swiper-slide{border-right:1px solid #cccccc; text-align:center; min-height:100%;}
.engagements img{width: 100%;}
.engagements .swiper-slide .inner{padding:2rem 5%}
.engagements .swiper-slide .argu{ line-height:150%; font-size:0.93rem}
.engagements .swiper-container{padding-bottom:2rem;}
.engagements .swiper-container .swiper-button-prev, .engagements .swiper-container .swiper-button-next{ height:15px; }

section.blog{background-color:#FFFFFF; position:relative;}
section.blog h3{ font-size:1.2rem; margin-bottom:0; padding-bottom:1em; position:relative}
section.blog h3::after{ content:""; display:block; width:55px; height:1px; background-color:#000000; position:absolute; left:50%; bottom:0; -webkit-transform:translateX(-50%); transform:translateX(-50%)}
section.blog .chapo{width:92.5%; max-width:665px; text-align:center; margin:3rem auto; line-height:150%;}
section.blog .actus .ttl{ display:block; text-align:center; font-weight:400; padding:1.5rem 0 }
section.blog .swiper-slide a{display:block; margin:0 30px; color:#000000;}
section.blog .swiper-slide a:hover{color:#e16b69;}
section.blog .swiper-slide a .vgn{overflow:hidden;}
section.blog .swiper-slide a .cover{ -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
section.blog .swiper-slide a:hover .cover{ transform: scale(1.05)}

section.bandeau-redac{ background-color:rgb(247,247,247); position:relative }
section.bandeau-redac .row{margin-left:0; margin-right:0;}
section.bandeau-redac .texte{ width:90%;margin:2.5rem auto; line-height:150%; text-align:left;}

section.content-page{padding:0; position:relative; z-index:1; background-color:#FFFFFF; z-index:2;}
section.content-page .inner{padding:0 5%;}
section.content-page .texte{text-align:left;}
section.content-page h2{text-align:left; font-size:2rem; line-height:110%;}
section.content-page .introduction .vs{width:100%; max-width:400px;}

section.content-page .trois-col{padding:3rem 5%; margin:3rem 0; position:relative; margin-left:-5%; margin-right:-5%}
section.content-page .trois-col .texte{ text-align:left; padding:0 2.5%; line-height:150%;}
section.content-page .trois-col .vs{width:90%; margin:0 auto;}
section.content-page .story{background-color:#FFFFFF; overflow-x:hidden; position:relative;}
section.content-page .story .texte{padding:2rem 7.6%;}
section.content-page .story .texte .surtitre{font-weight:300; color:rgb(162,144,91); text-transform:uppercase;}
section.content-page .story .texte h2{font-size:2.5rem; margin:0.5em 0; text-transform:uppercase;}
section.content-page .story .texte h3{font-size:1.75rem; margin:0.5em 0}
section.content-page .story .texte ul{list-style:none; margin:1em 0; padding:0; }
section.content-page .story .texte ul li{margin:1em 0; padding-left:35px; background:url(img/fl-li.png) no-repeat left 5px;}

section.content-page .extrait-boutique{padding:3rem 7.5%; position:relative}
section.content-page .extrait-boutique h3{ font-size:1.2rem; margin-bottom:0; padding-bottom:1em; position:relative; font-family:'Montserrat', sans-serif; font-weight:400; }
section.content-page .extrait-boutique h3::after{ content:""; display:block; width:55px; height:1px; background-color:#000000; position:absolute; left:50%; bottom:0; -webkit-transform:translateX(-50%); transform:translateX(-50%)}
section.content-page .extrait-boutique .swiper-container{margin:2rem 0;}
section.content-page .extrait-boutique .swiper-slide a{ display:block; margin:0 30px; color:#000000;}
section.content-page .extrait-boutique .swiper-slide a:hover{color:#e16b69}
section.content-page .extrait-boutique .swiper-slide .vgn{ background-color:#000; overflow:hidden;}
section.content-page .extrait-boutique .swiper-slide .ttl{ display:block; padding:2rem 0; font-weight:400;}

section.content-page .info{ padding:2rem 7.5%; position:relative;}
section.content-page .info .picto{width:40px; margin:1rem auto;}
section.content-page .info a{color:rgb(23,68,137);}

section.content-page .deux-col{margin-bottom:3rem;}
section.content-page .trois-col{margin-bottom:3rem;}
section.content-page .quatre-col{margin-bottom:3rem;}

.content-page .lien{margin-top:0; margin-bottom:0; padding:2rem 0;}
.content-page .texte{text-align:left;}
.content-page .texte .surtitre{text-transform:uppercase; color:#e16b69; font-weight:400;}

.content-page .bandeau-actu{background-color:rgb(80,80,80); color:#FFFFFF; padding:3rem 7.5%; position:relative; text-align:left;}
.content-page .bandeau-actu .accroche{font-family:'Freight Big Pro', serif; font-weight:300; font-size:2rem; text-transform:uppercase; line-height:115%;}
.content-page .bandeau-actu .lienrezo{margin:3rem 0;}
.content-page .bandeau-actu .lienrezo a{color:#e16b69; text-transform:uppercase;}
.content-page .bandeau-actu .lienrezo a > span{display:inline-block; vertical-align:middle;}
.content-page .bandeau-actu .lienrezo a .icon{width:20px; margin-left:5px;}
.content-page .bandeau-actu .lienrezo a .icon img{width:100%;}
.content-page .bloc-intro{padding:3rem 0;}
.content-page .bloc-intro h1{position:relative;font-weight:300; margin:1em 0;font-size:3rem; line-height:105%; text-transform:none; letter-spacing:1px; text-transform:uppercase}
.content-page .bloc-intro .chapo{ font-family:'Freight Big Pro', serif; font-weight:300; font-size:1.25rem; }
.content-page .bloc-intro .chapo p{line-height:125%;}
.content-page .categ-filtres{border-top:1px solid rgb(203,203,203) ; position:relative;}
.content-page .categ-filtres::after{content:""; width:100%; height:1px; background-color:rgb(203,203,203); position:absolute; left:0; bottom:0;}
.content-page .categ-filtres{text-align:center; margin:2rem auto;}
.content-page .categ-filtres .swiper-slide{width:auto;}
.content-page .categ-filtres .swiper-slide a{display:inline-block; padding:2rem 0.5rem; white-space:nowrap; color:#000000;}
/* .content-page .categ-filtres .swiper-slide a:hover,.content-page .categ-filtres .swiper-slide.actif a { background-color:rgb(246,246,246);} */

.content-page .info-une{background:rgb( 242,231,231 );}
.content-page .info-une .texte{padding:1rem 5%;}
.content-page .info-une h2{font-size:2rem;}
.content-page .info-une .texte .extrait{display:none;}
.content-page .info-une .texte .date{font-size:0.8rem; margin:1rem 0;}
.content-page .info-une a{color:#000000; margin:1.5rem 0;}
.content-page .info-une a .vs .cover{transition:all 0.2s ease;}
.content-page .info-une a:hover .vs .cover{ -webkit-transform:scale(1.05); transform:scale(1.05); }

.content-page .bloc-3col{margin:2rem 0}
.content-page .bloc-3col .item  a span{display: block;}
.content-page .bloc-3col .item .textes{padding:2rem 0}
.content-page .bloc-3col .item .date{margin:1rem 0; font-size:0.8rem;}
.content-page .bloc-3col .item .categ{font-weight:700;}
.content-page .bloc-3col .item .ttl{margin:1rem 0; font-weight:400;}
.content-page .bloc-3col .swiper-slide{background-color:#FFFFFF;}

.content-page .bloc-3col .swiper-container{padding-bottom:3rem;}
.content-page .bloc-3col .swiper-pagination-bullet {border-radius:1px; width: 54px;height: 54px;text-align: center;line-height: 54px; color: #000; opacity: 1;background:rgb(242,231,231); margin:0 1px}
.content-page .bloc-3col .swiper-pagination-bullet-active{opacity:1; color:#FFFFFF; background-color:#e16b69}
.content-page .bloc-3col .swiper-slide .row{margin-left:0; margin-right:0;}

.content-page .vs{background:rgb(220,220,220) url(img/no-photo.svg) no-repeat center / 50%;}

.content-page .texte-wide .texte{line-height:170%; margin-bottom:3rem}
.content-page .image-wide img{width:100%;}
.content-page .image-wide a{display: block;}
.content-page .galerie{padding:3rem 0 0 0}
.content-page .galerie .legende{margin:2rem 0; font-weight:400;}
.content-page .bandeau {padding:3rem 5%; color:#FFFFFF; position: relative; transition: all 0.2s ease; }
.content-page .bandeau:hover{
    box-shadow: 0 0 1rem rgba(0,0,0,.3);
}
.content-page .bandeau .filtre {
    background-color: rgb(0,0,0);
    position: absolute;
    left:0; top:0;
    width:100%; height: 100%;
    opacity:0;
}
.relative{
    position: relative;
}
.content-page .bandeau .accroche {font-size:2rem; font-family:'Freight Big Pro'; font-weight:300; text-transform:uppercase; margin:2rem 0; }
.content-page .bandeau a{color:#FFFFFF;}
.content-page .conseil{ padding:3rem 5%;   }
.content-page .conseil .accroche{font-size:1.5rem; letter-spacing:1px; margin-bottom:3rem;font-family:'Freight Big Pro', serif; font-weight:300;}
.content-page .conseil .padder{padding:2rem;}
.content-page .conseil .picto{ margin-bottom:1.5rem;}
.content-page .conseil .picto img{ width:40px;}
.content-page .conseil .argu{margin-bottom:2rem;}

.content-page .accroche-centree{
    text-align:center; padding:3rem 0; font-family:'Freight Big Pro', serif; font-size:1.5rem;
}
.content-page .accroche-centree .wrap{
    width:90%; max-width:850px; margin:0 auto;
}
.content-page .informations{
    padding-left:1rem; padding-right:1rem;
}
.content-page .informations .lien{
    padding-bottom:0;
}
.content-page .informations .wrap{
    padding:3rem 20%
}
.content-page .informations .lien, .content-page .informations svg{
    margin:2rem 0;
}
.content-page .informations .lien a{
    text-transform:none; font-weight:700;
}

.content-page .liste-quest, .content-page .recherche{
    width:100%; max-width:1024px; margin:0 auto; text-align:left;
}
.content-page .liste-quest ul{margin:0; padding:0; list-style:none;}
.content-page .liste-quest ul li > span{display:block;}
.content-page .recherche{margin-bottom:2rem; }
.content-page .recherche input{ width:100%; padding:8px; font-family:'Montserrat', sans-serif; font-size:1.25rem; font-weight:700; border-radius:1px; border:1px solid rgb(200,200,200);}
.content-page .liste-quest ul li .titre{font-size:1.5rem; border-bottom:1px solid rgb(200,200,200); padding:1rem 0;}
.content-page .liste-quest ul li .reponse{display:none;}
.content-page .formulaire{margin:2rem auto;}

.content-page .infos-supp img{
    display:block; width:30px; margin:1rem auto;
}
.content-page .ventes-croisees{clear:both; padding-top:3rem;}
.content-page .ventes-croisees h3{text-align:center; font-family:'Montserrat', sans-serif; font-weight:400; margin-top:0; margin-bottom:2em;}
.content-page .ventes-croisees h3::after{content:""; width:50px; height:1px; background:#000000; display:block; margin:1em auto;}

.content-page li.product .vignette img{width:100%;}
.content-page li.product a{color:#000000; }
.content-page li.product a:hover{color:#e16b69; }
.content-page li.product .intitule{padding:10px 0; display:block;}
.content-page li.product .intitule span{ display:inline-block !important; padding:0 0.25rem; }
.content-page li.product .intitule .price{margin-bottom:0 !important;}
.content-page li.product a:hover .price{color:#e16b69;}

.content-page li.product .intitule .price ins, section.boutique .product .intitule .price del{ display:inline-block; vertical-align:middle;}
.content-page li.product .intitule .price del span{text-decoration:line-through; color:rgb(180,180,180);}
.content-page li.product .intitule .nom{font-weight:400; text-align:left;}
.content-page li.product .intitule .nm{position:relative;}
.content-page li.product video{display:none; position:absolute; left:0; top:0; width:100%; height:100%;}
.content-page .editorial{margin:3rem 0;}
.content-page .editorial .texte{ padding: 0 10%; }

.content-page .spaceur.desktop{display:none}

.vs-product{position:relative;}
.vs-product img{margin:0;}
.vs-product video{ display:none; position:absolute; left:0; top:0; width:100%; height:100%;}
video.start{ display:block !important; }

.content-page .filtres-shop{text-align:left; margin-bottom:3rem;}
.content-page .filtres-shop h3{
    font-family:'Montserrat', sans-serif; font-weight:300; border-top:1px solid rgb(230,230,230); padding:1.25rem 0; margin-bottom:0; text-transform:uppercase; }
.content-page .filtres-shop a{color:#000000;}
.content-page .filtres-shop ul{padding:0;}

.bapf_sfilter .bapf_clr_span{border-radius:100%;}
.bapf_sfilter.brchecked_shadow input:checked + label .bapf_clr_span{
    box-shadow: 0 0 8px rgba(0,0,0,.7); transform:scale(1.15); border:1px solid #FFFFFF;
}
.product_meta a{
    pointer-events:none; color:#000000;
}



.shared-counts-wrap.style-buttons a.shared-counts-button {
    border-radius: 100%;
    width:32px !important;
    margin-right: 8px !important;
}

.formulaire label{
    font-family:'Montserrat', sans-serif !important; font-weight:300 !important; font-size:0.9rem !important;
    display:block; text-align:left; padding-bottom:0.75rem !important;
}
.formulaire input, .formulaire textarea{
    font-family:'Montserrat', sans-serif !important; font-weight:300 !important;
    padding:1.75rem !important; border-radius:1px !important; border:1px solid rgb(200,200,200) !important;
    box-shadow:none !important; transition:all .2s ease;
}
.formulaire button.frm_button_submit{
    background:#FFFFFF !important; border:1px solid #000000 !important; color:#000000 !important;
    border-radius:1px !important; padding:1.75rem 4rem !important; text-transform:uppercase;
}
.formulaire button.frm_button_submit:hover{background:rgb(230,230,230) !important; }
.frm_form_field{margin:1.5rem 0;}

/* woocommerce  */

.wrap-wc{max-width:1180px; margin:0 auto;}
.woocommerce-MyAccount-content{
    text-align:left;
}
.woocommerce-MyAccount-content fieldset{
    border:none; padding:0;
}
.woocommerce-MyAccount-content legend{
    text-transform:uppercase; display:block; margin-top:2rem;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{display:none;}
/* .woocommerce-Price-amount{border:1px solid}; */
.price del{text-decoration:line-through; color:rgb(180,180,180)}
ins .woocommerce-Price-amount{color:#e16b69; font-weight:700;}

.return-to-shop a.button{
    display:inline-block; text-transform:uppercase; padding:2rem 4rem; background-color:#FFFFFF; margin:0 auto; font-weight:400;
    border:1px solid; border-radius:1px;
}
.return-to-shop a.button:hover{
    background-color:rgb(230,230,230);
}
.certificat{margin-bottom:1rem;}
.certificat a.download{
    display:inline-block; padding:0.5rem 0; color:#000000; font-weight:700;
}
.certificat a.download span{
    display:inline-block; vertical-align:middle; line-height:30px;
}
.certificat a.download span.ic{
   width:30px; height:30px; background:url(img/certif.svg) no-repeat center left; margin-right:5px;
}
.certificat a.download:hover{
    color:#e16b69;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, 
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
    display:inline-block; text-transform:uppercase; padding:1.5rem 2rem; background-color:#FFFFFF; margin:0 auto; font-weight:400;
    border:1px solid #000000; border-radius:1px; font-family:'Montserrat', sans-serif; color:#000000;
}
.woocommerce-billing-fields h3, .woocommerce-additional-fields h3{text-align:left; font-size:2rem;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: rgb(230,230,230); color:#000000;
}
.wc-proceed-to-checkout a.button{ width:90%; }
.woocommerce-MyAccount-navigation ul{
    margin:0; padding:0 15% 0 0; list-style:none;
}
.woocommerce-MyAccount-navigation ul li{
   text-align:left;
}
.woocommerce span.onsale {display:none !important;}
.woocommerce-MyAccount-navigation ul li a{
    display:block; padding:0.75rem 0; border-bottom:1px solid;
 }
.woocommerce-form-row input[type=text], .woocommerce-form-row input[type=email], .woocommerce-form-row input[type=password]{
    padding:0.5rem; font-family: "Montserrat", sans-serif; font-weight:400; font-size:1rem;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
    border-top:none; background-color:transparent; padding:0;
}
.woocommerce ul.products li.product .price {
    color:#000000; font-weight:300; font-size: 1rem;
}
.woocommerce ul.products li.product:hover .price {
    color:#e16b69;
}
.woocommerce div.product .product_title {
    font-size:2rem; margin-top: 0.5em; text-align:left;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #e16b69;
    font-weight:400;
}
.woocommerce-ordering select{ font-family:'Montserrat', sans-serif; font-size:1rem; padding:0.75rem 1.5rem; border:1px solid rgb(200,200,200); font-weight:300;}

.woocommerce-Tabs-panel h2{ font-family:'Montserrat', sans-serif; font-size:1rem !important; font-weight:400; display:none;}

.woocommerce-product-gallery__image img{ margin:0;}
.woocommerce div.product div.images .flex-control-thumbs{margin-top:1rem;}

.woocommerce-product-gallery .flex-viewport{z-index:2;}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { z-index:11; }
.woocommerce-product-gallery__image{ z-index:3 }
.woocommerce-product-gallery .video{
    position:absolute; left:0; top:0; width:100%; overflow:hidden; z-index:1; opacity:0;
}
.woocommerce-product-gallery .video.actif{
    z-index:4; opacity:1;
}
.woocommerce-product-gallery .video video{
    position:absolute; left:0; top:0;
}
#ship-to-different-address{
    margin-top:33px !important;
}
.woocommerce-product-details__short-description p{margin:0.5em 0;}
.woocommerce-product-gallery .control{
    position:absolute; left:0rem; top:0rem; z-index:999;height:auto; font-size:0;
}
.woocommerce-product-gallery .control .bt{display:inline-block; width:60px; cursor:pointer;}
.woocommerce-product-gallery .control .bt.vid{ background-image: url(img/video.png); margin-left:-1px; opacity:.8; }
.woocommerce-product-gallery .control .bt.pho{ background-image: url(img/photo.png); opacity:.8; };
.woocommerce span.onsale{display:none;}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: 0;
}
.woocommerce-product-details__short-description{margin-bottom:2rem;}
.summary p.stock{display:none;}
.sku_wrapper{display:none}

.woof_childs_list, .woof_list{margin:0; font-size:0;}
.woof_list li{width:48%; display:inline-block; font-size:0.9rem; margin:0;}
.woof_childs_list li{width:100%;}

.woocommerce-message, .woocommerce-error{text-align:left !important; font-weight:400;}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text{ width:45%; }
.product_meta{text-align:left; margin:2rem 0;};
section.related{clear:both !important;}

button.single_add_to_cart_button{background:#FFFFFF !important; border:1px solid #000000 !important; color:#000000 !important;}

.woocommerce table.shop_attributes th{text-align:left; font-weight:400; padding:0; width:130px;}
.woocommerce table.shop_attributes tr:nth-child(2n) td, .woocommerce table.shop_attributes tr:nth-child(2n) th {
    background: rgb(255,255,255);
}
.woocommerce table.shop_attributes td{font-style:normal}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: none;
    padding:0;
}
.woocommerce div.product div.summary {
    text-align: left;
}
.woocommerce div.product div.summary .libelle{
    background-color:#174489; color:#FFFFFF; text-transform:uppercase; display:inline-block; padding:1rem 1.5rem;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
    padding:1.5rem;
}
.woocommerce-product-attributes a{pointer-events:none; color:#000000;}
.term-description{display:none;}
.categ-description{font-family:'Freight Big Pro', serif; font-size:1.5rem;}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select{padding:.5rem !important; font-family:'Montserrat', sans-serif; text-align:left;} 
.woocommerce form .form-row label {
    text-align:left;
}

.inscription form{
    position:relative;
}
.inscription .label{margin:0;}
.inscription fieldset{border:none; padding:0;}
/* .inscription > .row{ width:100%; } */
.inscription .frm_fields_container{ position:relative; height:50px;}
.inscription .frm_form_field{width:60%; position:absolute; top:0; margin:0; }
.inscription .frm_fields_container input[type=email]{width:calc(100% - 2rem); margin:0; font-family:'Montserrat'; font-size:1rem; padding:1rem; border:1px solid rgb(150,150,150);}
.inscription .frm_submit{display:inline-block;width:40%; position:absolute; left:calc(60% + 1px); top:0;}
.inscription .frm_submit button{ width:calc(100% - 2rem); background:#ffffff; border:1px solid #000; padding:1rem; text-transform:uppercase; font-size:1rem; font-family:'Montserrat'; cursor:pointer; transition:all 0.2s ease; }
.inscription .frm_submit button:hover{ background:rgb(230,230,230);}
.inscription .frm_error_style{ position: absolute; left:0; -webkit-transform:translateY(30%);transform:translateY(-130%);font-size:0.8rem;}
.inscription .frm_error{ position: absolute; left:0; font-size:0.8rem; -webkit-transform:translateY(20%); transform:translateY(20%);}

.tnp-submit{
    background: #040404 !important;  
}

@media screen and (orientation:landscape){
    section.heading .back{height:90vh}
    section.heading.small .back{height:68vh}
    .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon{
        width:50%;
    }

    .inscription .frm_fields_container{ height:auto; }
    .inscription .frm_form_field{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
    .inscription .frm_submit{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
}

@media screen and (min-width:375px){
    header .icones ul li.compte{display:block;}
}

@media screen and (min-width:768px){
    header .pro, .icones ul li.compte{
        display: block;
    }
    section.mygem .argu{padding:2rem 4rem;}
    section.mygem .argu h2{font-size:3rem;}
    section.mygem .extrait{padding-right:30%; line-height:180%}
    section.top .accroche h1, section.heading .accroche h1, section.content-page .bloc-intro h1, .entetecat h1{font-size:3rem}
    section.content-page .bloc-intro h1.jrn{margin-bottom:0.5em;}
    section.content-page .bloc-intro{padding-bottom:0;}
    
    section.content-page .story .texte h2{font-size:3.25rem;}
    section.content-page .story .texte h3{font-size:2.5rem;}
    .content-page .bandeau-actu .accroche{ font-size:3rem;}
    .content-page .bandeau-actu .lienrezo{margin:5rem 0 0 0;}
    .content-page .info-une h2{font-size:2.5rem;}
    section.heading .chapo{font-size:2.286rem}
    .content-page .bandeau .accroche{font-size:2.5rem;}
    .content-page .conseil{ padding:5rem 2.5%;}
    .content-page .conseil .accroche{font-size:2.25rem; margin-bottom:5rem;}
}

@media screen and (min-width:1024px){
    header{-webkit-box-sizing:border-box; box-sizing:border-box; padding:0 1.075rem;}
    /* section.top .accroche{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); margin:0; color:#FFFFFF;} */
    section.mygem .argu h2{font-size:2.5rem;}
    section.content .texte{text-align:center;}
    section.content-page .introduction h2{font-size:2.25rem;}
    .content-page .categ-filtres .swiper-slide{width:25%; border-bottom:1px solid rgb(203,203,203); }
    section.content-page .trois-col{padding:3rem 2.5%;}
    section.content-page h2{font-size:2.5rem;}
    section.content-page .story .row > div{padding:0;}
    section.content-page .trois-col {margin:5rem 0 0 0;}
    section.content-page .extrait-boutique .swiper-slide .ttl{padding:2rem 5%;}
    section.content-page .introduction{max-width:80%; margin:3rem auto 0 auto;}
    .content-page .bloc-intro .chapo{ font-weight:300; font-size:1.5rem; max-width:800px; margin:0 auto;}
    .content-page .categ-filtres{max-width:690px; margin:2rem auto 0 auto; font-size:0.9rem;}
    .content-page .categ-filtres .swiper-slide a{display:inline-block; padding:2rem 2.5rem; position:relative;}
    .content-page .bloc-3col{margin:3rem -2.5%}
    .content-page .bloc-3col .item {padding:0 2.5%}
    .content-page .deux-col .texte{ padding:1rem 5%}
    .content-page .bandeau .accroche{text-align:left;}

    .content-page article.produit{
        width:80%; margin:0 auto;
    }
    .content-page .infos-supp .inner{padding:0 7.5%;}
    .home section, .marge, .engagements, section.content-page .inner{ padding:3rem 2.5% }
    .content-page .info-une h2 a{color:#000000; }

    .content-page li.product .intitule .nm::after{content:""; border-left: 1px solid; width:1px; height:100%; position:absolute; right:0; top:0;}
}

@media screen and (min-width:1280px){
    .content-page .spaceur.desktop{display:block}
    .content-page .spaceur.mobile{display:none;}
    @-webkit-keyframes decaleY{
        from{ -webkit-transform:translateY(0); opacity:1} to{ -webkit-transform:translateY(-30%); opacity:0.4; }
    }
    
    @keyframes decaleY{
        from{ transform:translateY(0); opacity:1} to{ transform:translateY(-30%);opacity:0.4; }
    }
    
    section.heading.smooth{
        -webkit-animation-name: decaleY; -webkit-animation-duration:2s; -webkit-animation-fill-mode:both; -webkit-animation-iteration-count:1;
        animation-name: decaleY; animation-duration:2s; animation-fill-mode:both; animation-iteration-count:1;
    }
    
    header{ height:110px;}
    header .nav{display:block;}
    header .nav ul{font-size:0;}
    header .nav ul li{display:inline-block; vertical-align:middle; position:initial; font-size:1rem; background:url(img/prisme.svg) no-repeat right center; }
    header .nav ul li:last-child{background:none;}
    header .nav{height:100%;}
    header .nav ul li a{display:block; padding:3rem 2rem;}
    header .nav ul li ul li{background:none;}
    header .nav ul li ul li a{padding:2rem 2rem;}
    header .pro{display:block; position:relative;}
    header .pro::after{content:""; display:block; width:1px; height:100%; position:absolute; right:0; top:0; background-color:rgb(0,0,0);}
    header .icones{text-align:left;}
    header .icones ul li.compte, header .icones ul li.cart{display:inline-block; margin:0;}
    header .icones li.mobile{display:none !important;}
    header ul li > ul.sub-menu{
        position:absolute; left:0; top:95%; width:100vw; padding:1.5rem 0; margin:0 -1.1rem; display:none; background-color:#FFFFFF;
        border-top:1px solid rgb(200,200,200); 
    }
    header ul.sub-menu li{vertical-align:top; margin:0 3rem; min-width:180px;}
    header ul.sub-menu li.upper{text-transform:uppercase; text-align:left}
    header ul.sub-menu li.upper > a{padding-left:0; padding-right:0; pointer-events:none; padding-bottom:0.5rem; padding-top:0rem;}
    header ul.sub-menu li ul{position:relative; border-top:1px solid #000000;font-size:0.8rem; width:auto; left:unset; top:unset; padding:0; margin:0; display:block !important}
    header ul.sub-menu li ul li{display:block; text-align:left; text-transform:none; margin:0;}
    header ul.sub-menu li ul li a{padding:0.25rem 0;}

    section.top{height:80vh; overflow:hidden; position:relative; margin-top:110px;}
    section.heading{margin-top:110px;}
    .entetecat{ margin-top:110px;}
    section.heading .back{height:85vh; position:relative;}
    section.top{margin-top:110px;}
    section.top .accroche h1, section.heading .accroche h1, section.content-page .bloc-intro h1, .entetecat h1{font-size:5rem}
    section.categories-produits{padding:2rem 2.5%}
    section.mygem{ padding:0 !important;}
    section.mygem .row{margin-left:0; margin-right:0;}
    section.mygem .row > div{padding-right:0; padding-left:0;}
    section.mygem .argu h2{font-size:3rem;}
    section.mygem .extrait{padding-right:40%;}

    section.content-page .introduction {
        max-width: 70%
    }

    section.guides{ padding:0 !important;}
    section.guides .row{margin-left:0; margin-right:0;}
    section.guides .row > div{padding-right:0; padding-left:0;}
    section.guides .argu h2{font-size:3rem;}
    section.guides .extrait{padding-right:40%;}

    .engagements .swiper-container{padding-bottom:0;}
    .engagements .swiper-container .swiper-button-prev, .engagements .swiper-container .swiper-button-next{ display:none; }

    section.content .texte{ width:70%;}
    /* section.content-page{padding:5rem 0 0 0;} */
    section.content-page .introduction{margin:5rem auto 0 auto;}
    section.content-page .trois-col {padding-left:7.5%; padding-right:7.5%;}
    section.content-page .trois-col .texte{ padding:0 5%}
    section.content-page .trois-col .vs{width:70%;}
    section.content-page h2{font-size:3rem;}

    section.content-page .story{position:relative;}
    section.content-page .story .texte{padding:0 15%;}
    section.content-page .extrait-boutique, section.content-page .info{padding-top:5rem; padding-bottom:5rem; margin-top:3rem;}
    .content-page .bandeau-actu{padding-top:5rem; padding-bottom:5rem;}
    .content-page .bloc-intro .chapo{ max-width:1024px; font-size:2rem}
    .content-page .categ-filtres{max-width:1024px;}
    .content-page .categ-filtres .swiper-slide a:hover::after, .content-page .categ-filtres .swiper-slide.actif a::after {
        content:""; width:100%; height:1px; background-color:#e16b69; position:absolute; left:0; top:100%; 
    }
    .content-page .categ-filtres .swiper-slide  a:hover{color:#e16b69;}
    .content-page .categ-filtres .swiper-slide.actif a{color:#e16b69;}

    .content-page .lien{padding:2.5rem 0;}
    .content-page .wrap-infos .row{margin-left:0; margin-right:0;}
    .content-page .info-une .texte{padding:1rem 10%;}
    .content-page .info-une .row > div{padding:0;}
    .content-page .info-une .texte .extrait{display:block; margin:1rem 0;}
    .content-page .bloc-3col{margin-top:5rem; margin-bottom:1rem;}
    .content-page .bloc-3col .item .ttl{padding:0 10%;}
    .content-page .bloc-3col .swiper-container{padding-bottom:5rem;}
    .content-page .texte-wide {max-width:1024px; margin:5rem auto}
    .content-page .texte-wide h2{margin-top:0;}
    .content-page .deux-col.nopad .row > div{padding-left:0; padding-right:0;}
    .content-page .deux-col .texte{ padding:1rem 10%}
    .content-page .deux-col .texte.g{ padding-left:0;}
    .content-page .deux-col.tleft .texte{ padding:1rem 10% 1rem 0}
    .content-page .bandeau .accroche{font-size:3rem; padding-left:10%; padding-right:10%;}
    .content-page .conseil .padder{padding-top:5rem; padding-bottom:4rem;}
    .content-page .conseil .argu{padding:0 10%;}
    .content-page .accroche-centree{
       padding:7rem 0 4rem 0; font-size:2.25rem; 
    }
    .content-page .liste-quest ul li .titre{cursor:row-resize;}
    .content-page .texte-wide.debord{max-width:80%}
    .content-page .formulaire{max-width:85%; margin:0 auto;}
    .content-page .infos-supp .inner{padding:0 15%;}
    .content-page .ventes-croisees{ padding-top:5rem;}
    .content-page .info-une h2 a:hover{color:#e16b69; }

    .content-page .filtres-shop{padding-right:15%;}
    .content-page .editorial{margin:6rem 0 3rem 0;}
    #actualites a{-webkit-transition:all 0.2s ease; transition:all 0.2s ease; display:block; color:#000000;}
    #actualites a:hover{ -webkit-transform:scale(1.05); transform:scale(1.05); color:#e16b69; }
    #actualites a .date{color:rgb(180,180,180)}
    .woocommerce div.product .product_title {
        font-size:3rem;
    }
    .categ-description{font-size:2rem;}
}

@media screen and (min-width:1440px){
    section.mygem .lien, section.guides .lien{margin:3.5rem 0 0 0;}
    section.mygem .argu, section.guides .argu{padding:2rem 6rem}
    /* section.content-page{padding:6rem 0 0 0;}  */
    section.content-page .introduction h2{font-size:3rem;}
    section.content-page .trois-col{padding-top:5rem; padding-bottom:5rem;}
    section.content-page .trois-col .texte{ line-height:170%; padding-left:10%; padding-right:10%;}
    .content-page .bandeau-actu .accroche{ font-size:3.5rem;}
    .content-page .info-une h2{font-size:2.8rem;}
    .content-page .galerie{padding-top:5rem}
    .content-page .bloc-intro .chapo{font-size:2rem}
    section.content-page .deux-col{margin-bottom:5rem;}
    .content-page .deux-col .texte{ padding:1rem 12.5%}
}

@media screen and (min-width:1680px){
    header .nav ul li a{padding:3rem 2rem;}
    header{padding:0 1.1rem;}
    .home section, .marge, .engagements, section.content-page .inner{ padding:3rem 3.5% }
    section.categories-produits{padding:3rem 5%}
    section.mygem .extrait, section.guides .extrait{font-size:1rem}
    .engagements .swiper-slide .inner{padding:2rem 10%}
    section.content-page .introduction img{max-width:450px;}
    .content-page .bandeau-actu .accroche{ font-size:3.75rem;}
    .content-page .info-une h2{font-size:3rem;}
    .content-page .texte-wide {margin:6rem auto}
    .content-page .conseil .argu{padding:0 15%;}
}

@media screen and (min-width:1920px){
    html{font-size:15px;}
    section.mygem .argu h2, section.guides .argu h2{font-size:3.65rem;}
    section.mygem .lien, section.guides .lien{margin-top:5rem}
    section.content-page .introduction h2{font-size:3.5rem;} 
}

@media screen and (min-width:2560px){
    header{ left:10%; width:calc(80%);}
    .contenu{padding:0 10%}
}