.landing-page{width:980px;margin:auto;position:relative;max-width:100%}
.landing-page a{outline:0}
.landing-page .grid-top .grid-element .title{font-size:26px;text-transform:uppercase;text-align:left;max-width:98%;font-weight:700;color:#494949}
.landing-page .grid-top .grid-element .img-top{width:100%}
.landing-page .grid-top .grid-element .description{width:90%;text-align:justify}
.landing-page .first-grid .grid-element .description{width:90%;text-align:left;margin-top:24px}
.landing-page .first-grid .grid-element{padding-top:20px}
.landing-page .categorie-grid .grid-element .description{text-align:justify}
.landing-page .categorie-grid:not(.reverse) .grid-element .description{padding-left:15px}
.landing-page .categorie-grid,.landing-page .categorie-list,.landing-page .grid-top{display:flex}
.landing-page .categorie-list{width:970px}
.landing-page .categorie-list .slide{display:flex!important}
.landing-page .categorie-list .next,.landing-page .categorie-list .previous{position:absolute;top:43%;z-index:2500;cursor:pointer;text-align:center}
.landing-page .categorie-list .previous{left:0}
.landing-page .categorie-list .next{right:0}
.landing-page .categories-title{text-transform:uppercase;font-weight:700;font-size:20px;text-align:left;margin-top:30px;margin-bottom:15px;color:#494949}
.landing-page .categorie-list .row,.landing-page .categorie-list .slide .row{width:calc(25% - 20px);margin-left:10px;margin-right:10px;height:auto;outline:0}
.landing-page .categorie-list .row img,.landing-page .categorie-list .slide .row img{max-width:100%}
.landing-page .bloc-best{margin-top:0}
.landing-page .categorie-grid .grid-element .cards{width:400px;max-height:350px}
.landing-page .categorie-grid .grid-element .je-decouvre{margin-top:15px}
.landing-page .categorie-grid .grid-element .je-decouvre a,.landing-page .grid-top.astuces .grid-element .je-decouvre a{text-transform:uppercase;border:2px solid #000;border-radius:50px;text-decoration:none;font-weight:700;font-size:14px;padding:3px 10px}
.landing-page .grid-top.astuces .grid-element .title{font-size:15px;text-transform:uppercase;text-align:center;margin:0}
.landing-page .grid-top.astuces .grid-element .textes,.landing-page .grid-top.astuces .grid-element .title{color:#242424;margin-top:10px;padding:0 10%}
.landing-page .grid-top.astuces .grid-element .je-decouvre{margin-top:20px}
.landing-page .grid-top.astuces .grid-element{width:50%}
.landing-page .grid-top.astuces .grid-element .img{width:100%}
.landing-page .newsletter{color:#262626;background-image:url(images/landing-newsletter.png)}
.landing-page .fidelite .title,.landing-page .newsletter .title{text-transform:uppercase;font-size:20px}
.landing-page .fidelite .recap .description,.landing-page .fidelite .recap .title,.landing-page .newsletter .recap .description,.landing-page .newsletter .recap .title{font-weight:700}
.landing-page .fidelite .recap,.landing-page .newsletter .recap{text-align:left}
.landing-page .fidelite .link,.landing-page .fidelite .recap,.landing-page .newsletter .form,.landing-page .newsletter .recap{align-self:center}
.landing-page .fidelite .description,.landing-page .newsletter .description{font-size:16px}
.landing-page .fidelite,.landing-page .newsletter,.landing-page .pres{text-align:left;margin-top:30px;min-height:141px}
.landing-page .newsletter .form #form_newsletter_landing .field-button{border:2px solid #000;border-radius:50px;font-weight:700;font-size:14px;background-color:#fff}
.landing-page .newsletter .form #form_newsletter_landing .field-button input{border-radius:50px}
.landing-page .newsletter .form #form_newsletter_landing .field-button .submit{border:solid #000 2px;background:#000;width:13%;border-radius:50px;margin-right:-10px;outline:0}
.landing-page .newsletter .form #form_newsletter_landing .field-button .submit span::before{border-style:solid;border-width:.25em .25em 0 0;content:'';display:inline-block;height:.45em;position:relative;top:.15em;vertical-align:top;width:.45em;left:0;transform:rotate(45deg);color:#fff}
.landing-page .newsletter .form #form_newsletter_landing .field-button #form_newsletter_landing_news_email{width:85%}
.landing-page .newsletter .form #form_newsletter_landing .field-checkbox{font-size:12px;font-weight:700;margin-top:5px}
.landing-page .newsletter .form #form_newsletter_landing .msgerr,.landing-page .newsletter .form #form_newsletter_landing .msgok{margin-top:10px;font-size:14px;font-weight:700}
.landing-page .newsletter .form #form_newsletter_landing .msgerr{color:red}
.landing-page .newsletter .form #form_newsletter_landing .msgok{color:#e86872}
.landing-page .newsletter .form #form_newsletter_landing .field-checkbox span input{width:15px;height:15px;background-color:#fff;border-radius:50%;vertical-align:middle;border:1px solid #818181;-webkit-appearance:none;outline:0;cursor:pointer}
.landing-page .newsletter .form #form_newsletter_landing .field-checkbox span input:checked{background-color:#000;border:5px solid #818181}
.landing-page .fidelite{background-color:#ef7f85}
.landing-page .fidelite .recap{color:#fff}
.landing-page .fidelite .link{border:2px solid #fff;border-radius:50px;font-size:14px;background-color:#fff}
.landing-page .fidelite .link a{font-weight:700;font-size:20px;color:#ef7f85;text-transform:uppercase;text-decoration:none;align-self:center;outline:0}
.landing-page .fidelite .link,.landing-page .newsletter .form #form_newsletter_landing .field-button{height:38px;display:flex;justify-content:center}
.landing-page .slick-next{right:-20px!important}
.landing-page .slick-prev{left:-20px!important}
.landing-page .slick-next::before{content:url(images/bt-right-small.png)}
.landing-page .slick-prev::before{content:url(images/bt-left-small.png)}
.landing-page .listing-pdt-light #sliderpdts_landing_best{display:flex!important;width:950px}
.landing-page .listing-pdt-light{padding:0 0!important;max-width:980px!important}
.landing-page .categorie-list .slick-list{width:950px;margin-left:auto;margin-right:auto}
.landing-page .categorie-grid .img-full-width{width:100%;margin-top:30px;position:relative}
.landing-page .categorie-grid .img-full-width .img{width:100%}
.landing-page .categorie-grid .img-full-width .link{position:absolute}
.landing-page .categorie-grid .img-full-width .link-1{top:2px;right:270px}
.landing-page .categorie-grid .img-full-width .link-2{top:10px;right:15px}
.landing-page .categorie-grid .img-full-width .link-3{top:45px;right:335px}
.landing-page .categorie-grid .img-full-width .link-4{top:65px;right:140px}
.landing-page .categorie-grid .img-full-width .link-5{top:115px;right:85px}
.landing-page .categorie-grid .img-full-width .link-6{right:220px;bottom:100px}
@media only screen and (min-width:320px){.landing-page .categorie-grid,.landing-page .grid-top{flex-direction:column}
.landing-page .categorie-grid .grid-element .cards{max-width:100%}
}
@media only screen and (max-width:768px){.landing-page .categorie-grid .img-full-width,.landing-page .grid-top.astuces .grid-element .je-decouvre,.landing-page .grid-top.astuces .grid-element .textes{display:none}
.landing-page .grid-top.astuces .grid-element{width:100%}
.landing-page .grid-top .grid-element .title{font-size:20px}
.landing-page .categories-title{font-size:15px}
.landing-page .newsletter .form #form_newsletter_landing .field-button #form_newsletter_landing_news_email{width:80%}
.landing-page{max-width:98%}
.landing-page .categorie-grid:not(.reverse) .grid-element .description{padding-left:0}
}
@media only screen and (max-width:479px){.landing-page{padding:0 15px;width:auto}
.landing-page .newsletter{padding:5% 10px}
.landing-page .fidelite{padding:5% 10px}
.landing-page .newsletter .form #form_newsletter_landing .field-button #form_newsletter_landing_news_email{width:85%}
.landing-page .fidelite .link{width:70%}
.landing-page .grid-top.first-grid .grid-element:last-child{display:none}
.tpl-main .bgofferright{display:none!important}
.landing-page .categorie-list .slick-list .slick-track{margin-left:45px}
.landing-page #sliderpdts_landing_best .slick-list .slick-track{margin-left:70px}
.landing-page .first-grid .grid-element .description{width:98%}
}
@media only screen and (min-width:480px){.landing-page .categorie-grid,.landing-page .grid-top{flex-direction:column}
.landing-page .categorie-grid .grid-element .cards{max-width:100%}
.landing-page .grid-top.astuces{flex-direction:row}
.landing-page .first-grid .grid-element:first-child{width:60%}
.landing-page .first-grid .grid-element:last-child{width:40%}
}
@media only screen and (min-width:768px){.landing-page .grid-top{flex-direction:row}
.landing-page .categorie-grid,.landing-page .fidelite,.landing-page .grid-top.astuces,.landing-page .newsletter{flex-direction:row}
.landing-page .categorie-grid.reverse{flex-direction:row-reverse}
.landing-page .categorie-grid .grid-element:first-child{width:50%}
.landing-page .categorie-grid .grid-element:last-child{width:50%}
.landing-page .categorie-grid.reverse .grid-element:last-child{padding-right:10px}
.landing-page .categorie-grid .grid-element .cards{width:100%}
.landing-page .newsletter{padding:0 8%}
.landing-page .fidelite{padding:0 8%}
.landing-page .fidelite .recap,.landing-page .newsletter .recap{width:70%}
.landing-page .fidelite .link,.landing-page .newsletter .form{width:40%}
.landing-page .grid-top.astuces .grid-element:first-child{padding-right:1%}
.landing-page .grid-top.astuces .grid-element:last-child{padding-left:1%}
.landing-page .categorie-list .slick-next{right:-15px!important}
.landing-page .categorie-list .slick-prev{left:-6px!important}
}
@media only screen and (min-width:992px){.landing-page .categorie-grid,.landing-page .categorie-list .slide,.landing-page .grid-top{flex-direction:row}
}
@media only screen and (min-width:1200px){.landing-page .categorie-grid,.landing-page .categorie-list .slide,.landing-page .grid-top{flex-direction:row}
.landing-page .categorie-grid.reverse{flex-direction:row-reverse}
}