*{margin:0;overflow:visible;box-sizing:border-box}
:root{--font-color:#434343;--primary-color:#077b3e;--primary-cl-color:#068742;--secondary-color:#50b84f;--third-color:#757575;--bg-grey-cl:#f8f8f8;--bg-grey-fc:#f5f5f5;--bg-grey-a:#d7d9dc;--bg-grey-br:#BFC4CA;--white:#fff;--red-danger:#ac0505;--green-success:#339900;--orange-warning:#ec942c}
.formError{padding:0;color:var(--red-danger);text-align:center;display:block}
html,body{height:100%}
#wrap{min-height:calc(100% - 222px)}
.vh1{height:100vh}
.m0{margin:0 auto !important}
.p-30{padding:30px}
.m-30{margin:30px}
.p-15{padding:15px}
.p-25{padding:25px}
.m-15{margin:15px}
.mx-10{margin:0 10px}
.mx-15{margin:0 15px}
.mx-20{margin:0 20px}
.mx-25{margin:0 25px}
.mx-30{margin:0 30px}
.my-10{margin:10px 0}
.my-15{margin:15px 0}
.my-20{margin:20px 0}
.my-25{margin:25px 0}
.my-30{margin:30px 0}
.p-10{padding:10px}
.m-10{margin:10px}
.px-25{padding:0 25px}
.px-15{padding:0 15px}
.px-10{padding:0 10px}
.py-30{padding:30px 0}
.py-25{padding:25px 0}
.py-15{padding:15px 0}
.py-10{padding:10px 0}
.py-5{padding:5px 0}
.ligne{border:1px solid var(--bg-grey-fc);width:600px;margin:30px auto;max-width:100%}
.center{text-align:center}
.flex-center{display:flex;flex-direction:column;align-items:center}
.flex-row{display:flex;flex-direction:row;align-items:center}
.height_vh{height:100vh}
@font-face{font-family:open-regular;src:url(../fonts/Open_Sans/static/OpenSans-Regular.ttf)}
@font-face{font-family:open-bold;src:url(../fonts/Open_Sans/static/OpenSans-Bold.ttf)}
@font-face{font-family:open-semiBold;src:url(../fonts/Open_Sans/static/OpenSans-SemiBold.ttf)}
@font-face{font-family:open-medium;src:url(../fonts/Open_Sans/static/OpenSans-Medium.ttf)}
@font-face{font-family:open-light;src:url(../fonts/Open_Sans/static/OpenSans-Light.ttf)}
body{font-family:"open-regular",sans-serif;color:var(--font-color)}
input,select,textarea{font-size: 10pt;font-family:"open-regular",sans-serif;}
img{border:0;max-width:100%;-ms-interpolation-mode:bicubic}
a{text-decoration:none;color:inherit}
ul{list-style-type:none;padding-inline-start:0}
.breadcrumb{padding:10px 0 0 100px;font-size:13px;font-weight:600}
.breadcrumb a{text-decoration:underline;font-weight:400}
.breadcrumb a:hover{text-decoration:none}
.btn{padding:10px 15px;margin:10px 0;font-family:open-bold;letter-spacing:1px;font-size:14px;cursor:pointer;border-radius:8px;border:none;white-space:nowrap;text-align:center}
.btn:disabled{cursor:default}
a.btn{display:inline-block}
.btn.btn-ac{background-color:var(--secondary-color);color:var(--white);align-self:center}
.btn.btn-ad{background-color:var(--primary-cl-color);color:var(--white);align-self:flex-start;padding:7px 5px;min-width:155px}
.btn.btn-ad:disabled,.btn.btn-ad:disabled:hover{cursor:not-allowed;background-color:var(--bg-grey-br)}
.btn.btn-ligne{background-color:transparent;color:var(--font-color);border:1px solid transparent}
.btn.btn-ligne:hover{background-color:var(--bg-grey-fc);color:var(--font-color);border:1px solid var(--secondary-color)}
.btn.btn-ac{background-color:var(--secondary-color);color:var(--white)}
.btn.btn-ac:disabled{cursor:not-allowed;background-color:var(--bg-grey-br)}
.btn.btn-ac:not([disabled]):hover{background-color:var(--primary-color)}
.btn.btn-ad:not([disabled]):hover{background-color:var(--secondary-color)}
.container-btn-navig .btn{width:200px}
.btn.btn-cont{border:1.5px solid var(--primary-color);color:var(--primary-color);background-color:transparent}
.btn.btn-cont:hover{color:var(--white);background-color:var(--primary-color);border:1.5px solid var(--primary-color)}
.btn.btn-cont-gry{border:1.5px solid var(--third-color);color:var(--third-color);background-color:transparent}
.btn.btn-cont-gry.active{border:1.5px solid var(--primary-color);color:var(--primary-color);background-color:transparent}
.btn.btn-cont-gry:not([disabled]):hover{color:var(--white);background-color:var(--primary-color);border:none}
a.btn-line{text-decoration-line:underline;cursor:pointer}
a.btn-line:hover{text-decoration-line:none}
a.btn-line-gr{font-size:inherit;color:var(--primary-color);text-decoration-line:underline;cursor:pointer;font-family:open-medium}
a.btn-line-grey{font-family:open-medium;color:var(--font-color);text-decoration-line:underline;cursor:pointer}
a.btn-line-grey:hover{color:var(--primary-color)}
.switch input[type="checkbox"]{position:relative;width:46px;height:25px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--bg-grey-br);outline:none;border-radius:20px;box-shadow:inset 0 0 5px #000;transition:.5s}
.switch input:checked[type="checkbox"]{background-color:var(--secondary-color)}
.switch input[type="checkbox"]::before{content:'';position:absolute;width:22px;height:22px;border-radius:22px;top:1px;left:0;background-color:var(--white);transform:scale(1.1);box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.5s}
.switch input:checked[type="checkbox"]::before{left:23px}
.switch p.active{font-weight:bold}
input[type="date" i]{padding:10px 25px;border:2px solid var(--bg-grey-br);border-radius:5px;background-color:#f9f9f9;font-size:16px;color:var(--font-color);margin:15px;transition:border-color .3s ease}
input[type="date" i]:hover{border-color:var(--primary-color)}
input[type="date" i]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 5px var(--primary-color)}
input[type="date" i]:invalid{border-color:red;background-color:#ffe6e6}
input[type="date" i]::-webkit-calendar-picker-indicator{filter:invert(1)}
input:focus-visible{outline:none}
.toggle-password{position:absolute;right:10px;top:10px;cursor:pointer;user-select:none;width:22px;height:22px;background-size:cover;}
.toggle-password.coordonnees {position:absolute;right:10px;top:14px;cursor:pointer;user-select:none;width:22px;height:22px;background-size:cover}
.password-wrapper{position:relative;display:flex;flex-direction:column}
.password-wrapper .icon-eye{width:21px;filter:grayscale(100%);fill:gray}
.open-eye{background-image:url("/javax.faces.resource/magellanweb/img/src/eye-svgrepo-com.svg.xhtml");filter:grayscale(100%) brightness(50%) contrast(25%)}
.close-eye{background-image:url("/javax.faces.resource/magellanweb/img/src/eye-slash-svgrepo-com.svg.xhtml");filter:grayscale(100%) brightness(50%) contrast(25%)}
.ligne-top{border-top:1px solid var(--bg-grey-br)}
.list-magazines-separateur{border-top:1px solid var(--bg-grey-br);margin-top:50px}
.block-title-ligne-left h4.text-block.list-magazines-titre{font-size:24px}
.bl-abonne{display:flex;justify-content:space-evenly;align-items:center;margin:0 0 15px}
.bl-abonne .inputs-radio{margin-left:15px} 
.btns-line{display:flex;justify-content:space-between;align-items:center}
.ttite-seconde{font-size:30px;font-weight:700;font-family:open-bold;color:var(--primary-color)}
h3.text-block{font-family:open-medium;line-height:28px;font-weight:700;font-size:21px}
.ttite-seconde::after{content:url(../img/icons/icone_active.svg);transform:rotate(180deg);margin-bottom:-20px;padding:8px 0 0;display:flex;flex-direction:column;align-items:center}
.bl-input input::placeholder{color:var(--bg-grey-br)}
.bl-input input{background-color:var(--bg-grey-cl);color:var(--font-color);font-family:open-medium;border:2px var(--bg-grey-br) solid;border-radius:3px;height:auto;width:450px;padding:10px 0 10px 10px}
.bl-input input:hover,.bl-input input:focus-visible{border:2px var(--secondary-color) solid;outline:var(--secondary-color)}
.bl-input{margin:25px 15px;text-align:right}
.content-center{display:flex;flex-direction:column;align-items:center}
.block-title-ligne-left h4.text-block{font-size:18px;font-family:'open-medium';text-align:center;margin-top:25px}
.navbar{width:100%;height:70px;background-color:#fff;z-index:50;position:relative}
.navbar::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background-color:var(--bg-grey-cl)}
.container-navbar{width:100%;height:100%;display:flex;flex-direction:row;justify-content: space-between;align-items:center;color:var(--font-color);font-family:open-bold}
#mobile-navbar{display:none}
.navbar .cont-logo{flex:1;justify-content:center;padding:0 0 0 50px;margin:2px 20px 0 0;max-height:68px}
.navbar .cont-logo a{display:flex;}
.navbar .cont-logo a img{max-height:58px}
.navbar .cont-menu{-js-display:flex;display:inline-flex;white-space:nowrap;align-items:center;flex-wrap:wrap;align-content:center;height:100%;justify-content: center;}
.navbar .cont-menu > ul{display:flex;align-self:center;list-style:none;align-items:center}
.navbar .cont-menu li.pg-menu{line-height:70px;z-index:1;width: 100%;}
.navbar .cont-menu .list-menu li a, .navbar .cont-menu .list-menu .sous-menu a{padding:0 20px;cursor:pointer}
.navbar .cont-menu .list-menu li a:hover, .navbar .cont-menu .list-menu .sous-menu a:hover{font-weight:700}

.navbar .cont-special-offer .btnValidSpecialOffer{width:20px;background-size:contain;background-color:transparent;border:none;padding:0;cursor:pointer}
.navbar .cont-special-offer .icon-special-offer{height:20px;width:20px;margin-right:6px}
.navbar .cont-special-offer{display:block;border-radius:50px;padding:4px 10px;display:inline-flex;align-items:center;position:relative;border:1px solid var(--font-color)}
.navbar .cont-special-offer input[type="text"]{padding:0;border:0;width:100px;background-color:transparent}
.icon-btn-inside{width:20px;height:20px;vertical-align:bottom}
.formError.growl{top:70px;right:10px;position:absolute;width:400px;max-width:calc(100vw - 20px);background:#fff;box-shadow:0 8px 30px 0 rgba(0, 0, 0, 0.15);padding:25px 15px 15px;z-index:1;font-size: 14px;font-family:open-regular}
.formError.growl .close{content:"";background-image:url(../img/icons/icone-close-mobil.svg);width:18px;height:18px;background-size:contain;background-color:transparent;background-repeat:no-repeat;background-position:center;border:none;padding:0;cursor:pointer;position:absolute;right:5px;top:5px;font-weight:bold}
.navbar .cont-special-offer .formError.growl{position:fixed}

.navbar .cont-search{flex:2;margin:0 18px;display:flex;justify-content:center;position:relative}
.navbar img.icon-search{position:absolute;right:4px;border:none;bottom:0;height:100%;padding:8px 0;}
.navbar .cont-search input{margin-right:24px;width:0;padding-right:0;height:33px;border:none;background-color:transparent;color:var(--font-color);font-family:open-medium;transition: all 0.5s ease-in-out;border-bottom:1px #434343 solid;opacity:0}
.navbar .cont-search .btnValidRech{display:none;width:24px;background-color:transparent;border:none;position:absolute;right:0;top:7px;cursor:pointer}
.navbar .cont-search.deploy input{width:calc(100% - 4px);opacity:1;margin-right:0;padding-right:24px}
.navbar .cont-search.deploy .btnValidRech{display:initial}
.navbar .cont-search.deploy .btnRech{display:none}
.navbar .cont-search input::placeholder{color:var(--bg-grey-br)}
.navbar .cont-info{display:flex;align-items:center;justify-content:flex-end;}
.navbar .cont-lang{border:2px solid var(--font-color);text-align:center;margin:0 10px;padding:0px 3px;text-transform:uppercase;border-radius:4px}
.navbar .cont-info li.pg-menu {line-height:70px;z-index:1}
.navbar .cont-info li.pg-menu a{cursor:cursor}
.navbar .cont-info .list-menu li a:hover,.navbar .cont-info .list-menu .sous-menu a:hover{cursor: pointer;font-weight:700}
.navbar .cont-info .list-menu .has-sous-menu a.inactive{color:var(--bg-grey-a);cursor:default;font-weight:700}
.navbar .cont-profil{display:flex;align-items:center;flex-wrap:nowrap;flex-direction:row}
.navbar .cont-profil p{align-self:flex-end;font-family:open-medium;font-size:14px}
.navbar .icon-profil{margin:0 5px;width:20px;height:20px}
.navbar .icon-panier{width:20px;height:20px}
.navbar .block-count{background-color:var(--primary-color);width:15px;height:15px;border-radius:50%;display:flex;justify-content:center;align-items:center}
.navbar p.count{font-family:open-bold;color:#fff;font-size:10px}
.navbar .cont-panier{display:flex;margin:0 50px 0 15px}
.navbar .pg-menu{position:relative;overflow:initial;}
.navbar .sous-nav{display:none;line-height:35px;list-style:none;position:absolute;white-space:normal;top:70px;left:0;background-color:#fff;width:fit-content;border-bottom:3px solid var(--primary-color);border-left:2px solid var(--bg-grey-cl);border-right:2px solid var(--bg-grey-cl);}
.navbar .has-sous-menu:hover .sous-nav{display:block;padding:10px 5px;color:var(--font-color);width:200%;transform:translatex(-10px)}
.navbar .has-sous-menu:hover .sous-nav .sous-menu a:hover,.navbar .has-sous-menu:hover .sous-nav .sous-menu.active{color:var(--primary-color)}
.navbar .pg-menu:hover::after{width:calc(100% - 10px)}
.navbar .pg-menu.active::after{width:calc(100% - 10px)}
.navbar .pg-menu.active{color:var(--primary-color)}
.navbar .pg-menu::after{content:"";padding:0;display:flex;flex-direction:column;align-items:center;border-bottom:2px solid var(--primary-color);position:absolute;bottom:0;left:5px;width:0;transition:width .5s}
.btn-open-menu{width:30px;margin:15px;font-size:14px;display:none;background-color:transparent;border:none;cursor:pointer}
.btn-open-menu-mobile{background-color:transparent;border:none;cursor:pointer}
.btn-open-menu-mobile > svg,.btn-open-menu > svg{width:25px;height:30px}
.mobile-menu{position:fixed;inset:0;background-color:var(--primary-color);color:#fff;transform:translateX(-100vh);transition:all 500ms ease-in-out;opacity:0;z-index:1000;overflow-x:scroll}
.mobile-menu.show{transform:translateX(0vh);opacity:1}
#mobile-menu svg{fill:#434343}
.mobile-menu.show svg{fill:#fff}
#mobile-menu-close{display:none}
.left-navbar-elements{display:flex;align-items:center;}
.cont-search{cursor:pointer}
.mobile-search{display: flex;align-items: center;border: 1px var(--white) solid;border-radius:14px;margin:15px 29px 20px 29px;padding:5px;;width:auto}
.icon-search-mobile{width:20px;height:20px}
.textRech{width: 90%;display: inline-flex}
.inputs-radio label{white-space:nowrap}
#specialOfferCodeMobile,#inputSearchMobile{flex: 1;background-color: transparent;border: none;color: var(--white);}
.icon-valid{width: 16px;height: 16px;}
.icon-deplier{width: 16px;height: 13px;margin-top: 4px;}
.icon-deplier-container{cursor: pointer;}
.container-mobile-navbar{display:flex;justify-content: center;flex-direction: column;}
.logoRech{width: 8%;display: flex;align-items: center;justify-content: center;}
#btnValidSpecialOfferMobile,#btnRechMobile{display: flex;align-items: center;justify-content:center;background:transparent;border:none;padding:0}
.titreMobile{display: flex;flex-direction: row;justify-content: space-between;width: 100%;padding-bottom:8px;font-family: open-semiBold;}
.titreMobile + .titreMobile{margin-top:15px}
.block-slider{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.block-slider .slider{width:100%;height:100%;background-size:cover;background-position:center;position:relative}
.block-slider .text-slider{position:absolute;width:90%;font-size:30px;font-family:open-bold;color:#fff;text-align:center}
.container-title{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:40px}
.categoriers{padding:0.5rem 0}
.categoriers .container-categoriers{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:25px}
.categoriers .block-titre{max-width:300px;position:relative;margin: 0 2rem;}
.categoriers .block-btn{padding: 15px} 
.categoriers .block-btn a{font-size: 18px;font-weight: bold;}
.categoriers .block-titre .block-image { display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.categoriers .block-titre .block-image .img-offre{height: 350px;width: auto;}
.categoriers .block-titre p{font-size:24px;font-family:open-bold;margin:15px;text-align: center;}
.btn-decouv{display:block;background-color:var(--secondary-color) !important;border:1px solid var(--secondary-color) !important;color:white !important;padding: 10px 0; width:100%;font-family: open-bold;letter-spacing: 1px;font-size: 14px;cursor: pointer;border-radius: 8px;border: none;white-space: nowrap;text-align: center;margin-top:1rem}
.btn-decouv:hover{background-color:white !important;border:1px solid var(--secondary-color) !important;color:var(--secondary-color) !important;}
.accueil-title .text-block{padding:40px 30px;font-size:30px;font-family:open-bold;width:50%;text-align:center}
.block-title-ligne{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;margin:30px 15px 15px}
.block-title-ligne-left{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;margin:0 5px 45px 0}
.block-title-ligne-left .text-block{font-size:30px;font-family:open-bold;text-align:center}
.block-title-ligne .text-block{font-size:30px;font-family:open-bold;text-align:center}
.container-static-page{margin:30px auto;max-width:1200px;padding:0 100px}
.static-page .container-static-page ul{list-style:disc;padding-left:25px}
.numeros .container-numeros{display:flex;flex-direction:row;padding:30px;justify-content:center;flex-wrap:wrap}
.numeros{padding:1rem 0}
.numeros .container-numeros .block-numero{padding:30px;display:flex;flex-direction:column;justify-items:center;align-items:center;width:calc(100% - 20px);max-width:300px}
.numeros .container-numeros .info-numero{width:100%;margin:10px 0;padding-bottom:10px;border-bottom:1.8px solid var(--font-color);font-size:14px;font-family:open-bold}
.numeros .container-numeros .info-numero #typeNumero {padding: 2px;font-size: 14px;color: var(--font-color);border: 1px solid var(--third-color);;border-radius: 3px;}
.numeros .container-numeros .info-numero #typeNumero option {background-color: var(--white);color: var(--third-color);}
.numeros .container-numeros .info-numero #typeNumero option:hover, 
.numeros .container-numeros .info-numero select#typeNumero:focus-visible{outline: 1px solid var(--secondary-color);}
.numeros .container-numeros .img-numero img{max-width:250px;max-height:320px;border-radius:3px}
.numeros .container-numeros .descri-numero{font-size:16px;font-family:open-regular;padding:10px 0;}
.numeros .container-numeros .descri-numero .numero-parution:after{display:block;content:''}
.magazines-numeriques .voir-plus{text-align:center;margin-top:20px}
.title-filter{text-align:center;margin-bottom:30px}
.title-filter select{max-width:400px;font-size:18px}
.articles .container-articles{display:flex;flex-direction:row;padding:30px;justify-content:center;flex-wrap:wrap}
.articles{padding:30px 0}
.articles .container-articles .block-article{padding:30px;display:flex;flex-direction:column;justify-items:center;align-items:center;width:250px}
.articles .container-articles .info-article{width:100%;display:flex;flex-direction:column;margin:10px 0;padding-bottom:10px;border-bottom:1.8px solid var(--font-color);font-size:14px;font-family:open-bold}
.articles .container-articles .info-article p{text-align:center}
.articles .container-articles .info-article p.price-article{font-size:25px;margin-bottom:14px}
.articles .container-articles .info-article #typearticle {padding: 2px;font-size: 14px;color: var(--font-color);border: 1px solid var(--third-color);;border-radius: 3px;}
.articles .container-articles .info-article #typearticle option {background-color: var(--white);color: var(--third-color);}
.articles .container-articles .info-article #typearticle option:hover, 
.articles .container-articles .info-article select#typearticle:focus-visible{outline: 1px solid var(--secondary-color);}
.articles .container-articles .img-article img{max-width:250px;max-height:320px;border-radius:3px}
.articles .container-articles .descri-article{font-size:16px;font-family:open-regular;padding:10px 0;}
.container-search {display: flex;align-items: center; background-color: #fff;padding: 20px;justify-content: center;}
.container-search .dropdown, .search {display: flex;flex-direction: column;}
.container-search .dropdown label, .search label {font-size: 14px;color: var(--font-color);margin-bottom: 5px;}
.select-wrapper {position: relative;width: 130px;}
.container-search .dropdown .select-wrapper select {font-size: 16px;color: var(--secondary-color);border: none;border-bottom: 2px solid var(--third-color);padding: 5px 0;background-color: transparent;appearance: none;width: 100%;position: relative;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
.container-search .dropdown select:focus {outline: none;}
.container-search .dropdown .select-wrapper::after{content: "▼";  position: absolute;top: 50%; right: 10px;transform: translateY(-50%);color: var(--secondary-color); pointer-events: none; font-size: 12px;}
.container-search .divider {width: 1px;height: 40px;background-color: var(--bg-grey-a);margin: 0 20px;}
.container-search .search-bar {display: flex;align-items: center;border-bottom: 2px solid var(--third-color);justify-content: space-between;}
.container-search .search-bar input {font-size: 16px;color: var(--third-color);border: none;padding: 5px;background-color: transparent;}
.container-search .search-bar input::placeholder {color: var(--secondary-color);}
.container-search .search-bar input:focus {outline: none;}
.container-search .search-bar button {background-color: transparent;border: none;cursor: pointer;padding: 5px;}
.engagements{padding:5px 0 25px 0;background-color:var(--primary-color)}
.engagements .container-engagements{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}
.engagements .container-engagements.nbcol4{grid-template-columns:1fr 1fr 1fr 1fr}
.engagements .container-engagements.nbcol3{grid-template-columns:1fr 1fr 1fr}
.engagements .container-engagements.nbcol2{grid-template-columns:1fr 1fr}
.engagements .container-engagements .block-engage{display:flex;flex-direction:column;align-items:center}
.engagements .container-engagements .block-engage:not(:last-child){border-right:1px solid #fff}
.engagements .container-engagements .block-engage .block-text{width:200px;margin:15px}
.engagements .container-engagements .block-engage p{text-align:center;color:var(--white);font-family:open-bold}
.engagements .block-title-ligne{margin:30px 0;color:var(--white)}
.engagements .container-engagements .block-engage .blocl-icone{height:70px;width:70px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:var(--primary-color)}
.information{padding:30px}
.information .container-information{display:flex;flex-direction:row;justify-content:space-around;gap:50px;margin:30px}
.information .block-contact{background-color:var(--secondary-color);flex:1;min-height:250px;padding:45px;margin:25px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.information .block-contact .contact{display:flex;align-items:center;flex-direction:row;color:var(--white)}
.information .block-contact .blocl-icone{height:70px;width:70px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--secondary-color);margin:15px 30px}
.information .block-emailing{background:url(../img/bg-emalling.svg) right no-repeat,var(--primary-color);flex:1;min-height:250px;padding:45px;margin:25px;color:var(--white);text-align:center}
.information .block-emailing .bl-title h3{font-size:28px;margin:25px;padding:10px;font-weight:700;font-family:open-bold}
.information .block-emailing .bl-text p{font-size:16px;margin:25px;line-height:18px;font-family:open-regular}
.information .block-emailing .bl-emailing{display:flex;align-items:center;max-width:75%;margin:0 auto}
.information .block-emailing .bl-emailing form{display:flex;align-items:center;width:100%;margin:0 auto}
.information .block-emailing .bl-emailing input[type=text],.information .block-emailing .bl-emailing input[type=email]{flex:1;padding:10px;border:2px solid var(--secondary-color);border-right:none;border-top-left-radius:5px;border-bottom-left-radius:5px}
.information .block-emailing .bl-emailing .input-mailing:focus-visible{outline:var(--secondary-color) auto 1px}
.information .block-emailing .btn{padding:10px 20px;border:none;border-left:none;border-radius:0 5px 5px 0;background-color:var(--secondary-color);color:#fff;cursor:pointer;border:1px solid var(--secondary-color)}
.information .block-emailing .formError{padding:0;font-weight:700;background:#fff;padding:15px;display:inline-block}
.formError .formValid{color:var(--secondary-color)}
.footer{background-color:var(--font-color);padding:25px 0 2px;color:var(--white);position:relative;bottom:0;width:100%}
.footer-container{display:grid;grid-template-columns:1fr 2fr 2fr 2fr;max-width:1200px;margin:0 auto;padding:5px 20px}
.footer-column {border-right: 1px solid #fff;padding:0 15px}
.footer-column:first-child{border:none;padding-left:0}
.footer-column:last-child{border:none;padding-right:0}
.footer-column ul{list-style:none;padding:0;margin:auto;display:block;width:fit-content}
.footer-column ul li{margin-bottom:5px}
.footer-column ul li a{text-decoration:none;color:var(--white);font-size:14px}
.footer-column ul li a:hover{text-decoration:underline}
.bottom-footer{color:var(--white);border-top:1px solid var(--white);text-align:center;margin:25px 0 5px;padding:5px 5px 0;font-size:12px}
.slider-items{display:flex;transition:transform .5s ease;overflow-x:visible;min-width:100%}
.slider .slider-items .slider-item{display:flex;align-items:center;justify-content:center;min-width:100%;box-sizing:border-box;position:relative}
.slider .slider-items .slider-item a.sliderLink{position:absolute;width:calc(100% - 160px);left:80px;top:0;height:100%;z-index:1}
.slider.slider-numeros .slider-items .slider-item{padding:30px}
.slider-numero .liste-numero .block-info{margin:25px}
.slider-numero .liste-numero .info-numero{width:100%;display:flex;justify-content:space-between;margin:10px 0;padding-bottom:10px;border-bottom:1.8px solid var(--font-color);font-size:14px;font-family:open-bold}
.slider-numero .liste-numero .descri-numero{font-size:14px;font-family:open-regular;padding-bottom:10px}
.slider-numero .liste-numero .block-btn{display:flex;justify-content:space-between;margin:5px 0}
.slider.slider-articles .slider-items .slider-item{padding:30px}
.slider-article .liste-article .block-info{margin:25px}
.slider-article .liste-article .info-article{width:100%;display:flex;justify-content:space-between;margin:10px 0;padding-bottom:10px;border-bottom:1.8px solid var(--font-color);font-size:14px;font-family:open-bold}
.slider-article .liste-article .descri-article{font-size:14px;font-family:open-regular;padding-bottom:10px}
.slider-article .liste-article .block-btn{display:flex;justify-content:space-between;margin:5px 0}
.slider .prev-btn,.slider .next-btn{position:absolute;width:42px;height:42px;top:50%;background:transparent;border:none;padding:10px;cursor:pointer;z-index:10;background-size:contain;transform:translate(0,-50%);border-radius:22px;background-color:#fff;border:1px solid #fff}
.slider .prev-btn{left:10px;background-image:url(../img/icons/icone-prev-btn-3.svg)}
.slider .next-btn{right:10px;background-image:url(../img/icons/icone-next-btn-3.svg)}
.slider .dot-btns{display:flex;gap:10px;justify-content:center}
.slider .dot-btn{margin-top:10px;font-size:0;line-height:0;display:block;width:10px;height:10px;padding:0;cursor:pointer;color:transparent;border:0;outline:none;background:var(--secondary-color);overflow:hidden;border-radius:10px}
.slider .dot-btn.active{background:var(--primary-color)}
.slider-titre{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;margin:auto;overflow:hidden;padding: 0 16rem;}
.slider-titre .block-titre-une{display:flex;flex-direction:row;margin:30px;justify-content:space-evenly;align-items:center;width:100%}
.slider-titre .block-titre-une .block-info{flex:1;margin:15px;padding:30px}
.slider-titre .block-titre-une .block-info .description-product{border-bottom:1.8px solid var(--bg-grey-br);margin-bottom:20px}
.slider-titre .block-titre-une .block-info .description-title{padding:30px;background-color: var(--bg-grey-fc)}
.slider-titre .block-titre-une .block-info .description-title ul{margin-left:12px;list-style-type:disc}
.slider-titre .block-titre-une .block-img{flex:1;text-align:center;overflow:hidden;position:relative}
@media(max-width:1200px){
.slider-titre{padding: 0 1rem;}
}
@media(max-width:810px){
.slider-titre .block-titre-une .block-img{-webkit-box-flex: 0;flex: 0 0 100%;max-width: 100%;}
}
.slider-titre .block-titre-une .info-titre{width:100%;display:flex;flex-direction:column;margin:10px 0;padding-bottom:10px;font-size:14px;font-family:open-bold;color:var(--primary-color)}
.slider-titre .block-titre-une .info-titre p{font-size:24px;font-family:open-bold}
.slider-titre .block-titre-une .info-titre p.release-date{font-size:18px;color:var(--third-color)}
.slider-titre .block-titre-une .descri-titre{padding-bottom:10px;display:flex;flex-direction:column;justify-content:space-between;justify-items:center;gap:20px}
.slider-titre .block-titre-une .descri-titre .bl-advantage li{margin-bottom:10px;background-image: url('../img/icons/icone-done.svg');background-repeat:no-repeat;background-size:19px;padding-left:41px}
.slider-titre .block-titre-une .descri-titre .bl-advantage li:last-child{margin:0}
.slider-titre .block-titre-une .descri-titre .bl-delevry{padding-bottom:10px;display:flex;flex-direction:column;justify-items:center;gap:10px}
.slider-titre .block-titre-une .descri-titre .bl-delevry .bl{display:flex;flex-direction:row;align-items:center;font-size:14px;font-family:open-regular;margin-bottom: 0.5rem;}
.slider-titre .block-titre-une .descri-titre .bl-price h4{font-size:28px;font-family:open-bold}
.slider-titre .block-titre-une .descri-titre .bl-price h4 span{font-size:14px}
.slider-titre .block-titre-une .descri-titre .bl-price p.price-crossed{font-size:14px}
.slider-titre .block-titre-une .descri-titre .bl-price p.price-crossed span{font-size:11px}
.slider-titre .block-titre-une .descri-titre .bl img{margin-right:15px}
.slider-titre .block-titre-une .descri-titre .bl.stock img{margin-right:19px}
.slider-titre .block-titre-une .descri-titre .reduction-message{font-size:12px;font-style:inherit}
.slider-titre .container-btn-navig{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin:25px auto;align-items:center;}
.description-titles{margin:0 0 60px}
.description-title{padding:60px 0}
.description-title:nth-child(2n+1){background-color:var(--bg-grey-fc)}
.description-title .container-desc-title{display:grid;grid-template-columns: 2fr 1fr;gap:30px;max-width:1200px;margin:auto}
.description-title:nth-child(2n) .container-desc-title{grid-template-columns: 1fr 2fr}
.description-title:nth-child(2n) .container-desc-title .block-image{order:-1}
.description-title .block-texte{padding:0 30px;align-content:center}
.description-title .block-image{padding:0 30px;align-content:center;text-align:center}
.description-title .block-image img{width: 250px}
.description-title .container-desc-title .bl-titre{text-align:justify;font-family:open-semiBold;font-size:20px;padding-bottom:20px}
.description-title .container-desc-title .bl-content{text-align:justify}
.description-title .container-desc-title .bl-content ul{list-style:disc;padding-left:15px;margin:10px 0}
.abonnement .container-offres .offres{padding:30px;display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:45px 25px}
.abonnement .container-offres .offres .card{width:350px;display:flex;justify-content:center;position:relative}
.abonnement .container-offres .offres .box-offre{border:1px solid var(--bg-grey-cl);border-radius:5px;padding:15px 10px;box-shadow:3px 4px 4px -2px #80808036;position:relative;justify-content:space-between;min-width: 330px;}
.abonnement .container-offres .offres .box-offre .block-offre{margin:0 10px 10px}
.abonnement .container-offres .offres .box-offre .block-offre .bl-price .price{font-size:35px;font-weight:700;font-family:open-bold;color:var(--secondary-color)}
.abonnement .container-offres .offres .box-offre h3{font-size:26px;font-weight:700;font-family:open-bold;text-align:center;line-height:28px;margin:20px 0 15px}
.abonnement .container-offres .offres .box-offre .block-offre .bl-price .price span{font-size:22px;font-weight:700;font-family:open-bold}
.abonnement .container-offres .offres .box-offre .block-offre .bl-price .price-crossed{font-size:16px;font-weight:700;font-family:open-bold;line-height:18px;color:var(--font-color);text-align:center}
.abonnement .container-offres .offres .box-offre .block-descr ul.liste-descr{width:85%}
.abonnement .container-offres .offres .box-offre .block-descr{margin:10px}
.block-descr-2 a{margin-top:15px;text-decoration:underline}
.block-descr-2 a:hover{margin-top:15px;text-decoration:none}
.abonnement .container-offres .offres.abo1 .box-offre .block-descr{margin:10px 0}
.abonnement .container-offres .offres .box-offre .block-descr .container-liste-descr ul li{line-height:18px;font-size:14px;font-family:open-medium;padding:5px}
.abonnement .container-offres .offres .box-offre .block-descr img{margin:20px}
.abonnement .container-offres .offres.abo1 .box-offre .block-bas-offre{display:flex;flex-direction:column;align-content:center;align-items:center;width:100%}
.abonnement .container-offres .offres.abo2 .box-offre .block-bas-offre{display:flex;flex-direction:column;align-items:center}
.abonnement .container-offres .offres .box-offre .block-bas-offre .reduction-message{font-size:12px;font-style:inherit;text-align:center}
.abonnement .container-offres .offres .offre-recommended{margin:0!important;border:2px solid var(--secondary-color)!important}
.abonnement .container-offres .offres .card .bestOffre{font-size:16px;font-family:open-medium;background:var(--secondary-color);border-radius:0 0 5px 5px;position:absolute;padding:3px 6px;top:0;color:#fff}
.abonnement .container-offres .offres.abo2{padding:30px;display:flex;justify-content:center;flex-direction:column;flex-wrap:wrap;gap:25px;align-items:center}
.abonnement .container-offres .offres .card.abo2{width:90%;display:flex;position:relative;align-items:center;flex-direction:row;justify-content:center;margin:15px 0}
.abonnement .container-offres .offres .box-offre .block-descr.abo2 img{margin:5px}
.abonnement .periode{display:flex;gap:25px;justify-content:center;align-items:center}
.abonnement .periode p{font-family:open-medium;font-size:16px;cursor:pointer}
.abonnement .desciption{display:grid;grid-template-columns:30% 1fr;align-items:center;gap:10px;width:calc(100% - 23%);margin:0 auto;padding: 35px 0;}
.abonnement .desciption.no-img{display:block}
.abonnement .desciption .desc-mag h1{margin:15px 0}
.reduction{background:var(--red-danger);border-radius:50px;width:50px;height:50px;text-align:center;padding:13px 6px;font-weight:700;color:#fff;position:absolute;right:-8px;top:-8px}
.cart{width:400px;background-color:var(--primary-color);color:var(--white);position:fixed;inset:0 -400px 0 auto;display:grid;grid-template-rows:50px 1fr 40px 40px;z-index:111;transition:transform .5s;margin:70px 0 0;}
.cart.show-cart{inset:0 0 0 auto;box-shadow: -4px 0px 3px rgba(0, 0, 0, 0.3);}
.cart h2{margin:0;padding:15px;font-weight:500}
.cart .cont-total{margin:0;padding:0 0 0 15px;font-weight:bolder;display:flex;justify-content:space-around;align-items:center;font-size:18px}
.cart .btn-cart{display:grid;grid-template-columns:repeat(2,1fr)}
.cart .btn-cart button{background-color:var(--font-color);color:var(--white);font-weight:700;border:none;cursor:pointer}
.cart .btn-cart .close{border-right:1px solid var(--primary-color)}
.cart .btn-cart button:hover{background-color:var(--secondary-color)}
.cart .list-cart .item-cart img{width:100%}
.cart .list-cart .item-cart{display:grid;grid-template-columns:50px 150px 50px 1fr;gap:5px;text-align:center;align-items:center;margin:10px}
.cart .list-cart .quantity span{display:inline-block;width:25px;height:25px;background-color:var(--white);color:var(--primary-color);border-radius:50%;cursor:pointer}
.cart .list-cart .quantity span:nth-child(2){background-color:transparent;color:var(--white)}
.cart .list-cart .quantity span a{display:block}
.cart .list-cart .item-cart:nth-child(even){background-color:var(--secondary-color)}
.cart .list-cart{overflow:auto}
.cart .list-cart::-webkit-scrollbar{width:0}
.cart .cont-total .bl-txt span{font-size:14px}
.monPanier .container-panier{width:80%;margin:0 auto}
.monPanier .container-panier .table-title{display:grid;grid-template-columns:3fr 1fr 1fr 1fr; padding: 0px 38px;}
.monPanier .container-panier .table-title .title{padding:0 0 0 5px}
.monPanier .container-panier .items-panier{display:flex;flex-direction:column}
.monPanier .container-panier .item-panier{display:grid;grid-template-columns:3fr 1fr 1fr 1fr;border:1px solid var(--secondary-color);border-radius:5px;margin:15px 0;align-items:center}
.monPanier .container-panier .item-panier .info{display:flex;align-items:center;gap:15px;padding:15px}
.monPanier .container-panier .item-panier .info .descr{font-family:open-regular;font-weight:100;font-size:14px}
.monPanier .container-panier .item-panier .info .delete{font-size:20px;color:var(--red-danger);font-weight:700;font-family:open-bold}
.monPanier .container-panier .item-panier .item{font-size:16px;font-weight:700}
.monPanier .container-panier .item-panier .item select{padding:10px 0 10px 10px;border:1px solid var(--bg-grey-br);border-radius:4px;background-color:var(--bg-grey-cl);height: auto;margin-left:5px}
.monPanier .container-panier .item-panier .item.sousTotal,.monPanier .container-panier .item-panier .item.price{font-size:20px;font-family:'open-bold';font-weight:700}
.monPanier .container-panier .item-panier .image{width:100px}
.monPanier .container-panier .item-panier .text{display:flex;flex-direction:column;justify-content:space-around;gap:10px}
.monPanier .container-panier .item-panier .quantite>*:not(.line-title){display:inline-block;width:25px;height:24px;background-color:var(--secondary-color);color:var(--bg-grey-cl);border-radius:50%;cursor:pointer;text-align:center}
.monPanier .container-panier .item-panier .quantite .count-quantity{background-color:transparent;color:var(--font-color)}
.monPanier .container-options{display:flex;flex-direction:row;width:80%;margin:0 auto;justify-content:flex-end}
.monPanier .container-options .block-content{width: 630px;}
.monPanier .container-options .section-Livraison,.monPanier .container-options .section-promo{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative;margin:25px 0}
.monPanier .section-Livraison .bl-select{flex-grow:2;right:19%;display:flex;flex-direction:row;align-items:center}
.monPanier .section-Livraison .bl-select select,.monPanier .section-Livraison .bl-select .select2-container{flex-grow:1}
.monPanier .section-Livraison .bl-select span.frais-livraison{flex-grow:1;text-align:right}
.monPanier .block-content label{font-family:open-bold; width:248px}
.monPanier .section-promo .bc-input{flex-grow:0;right:19%;display:flex;flex-direction:row;align-items:center}
.monPanier .section-Livraison select,.monPanier .section-promo input{background-color:transparent;color:var(--font-color);font-family:open-medium;border:1px var(--secondary-color) solid;border-radius:3px;height:30px;margin:0 25px 0 0;width:200px;padding:0 5px;box-sizing:border-box}
.monPanier .container-options .section-total .block-text{display:flex;justify-content:space-between;align-items:center;margin:25px 0;font-size:21px;font-family:open-bold}
.monPanier .container-options .section-total .text-total{display:flex;flex-direction:column}
.monPanier .container-options .section-total .text-total span{font-size:12px;font-family:open-regular}
.monPanier .container-options .section-total .block-text .price-total{color:var(--red-danger);font-size:24px}
.monPanier .container-options .section-reduction .block-text{display:flex;justify-content:space-between;align-items:center;margin:25px 0;font-family:open-bold}
.monPanier .container-options .section-reduction .text-reduction{display:flex;flex-direction:column}
.monPanier .container-options .section-reduction .text-reduction span{font-size:12px;font-family:open-regular}
.monPanier .section-promo input:focus-visible{background-color:var(--bg-grey-fc);border:2px var(--primary-color) solid;outline:var(--primary-color)}
.monPanier .section-Livraison select:focus-visible{background-color:var(--bg-grey-fc);border:2px var(--primary-color) solid;outline:var(--primary-color)}
.monPanier .container-btn-navig{display:flex;flex-direction:row;justify-content:space-between;width:77%;margin:25px auto;align-items:center}
.container-btn-navig .btn{width:200px}
.identification .container-btn-navig { width: 80%; margin: 0 auto;}
.identification .content-identif{display:grid;grid-template-columns:65% 35%;align-items:start;max-width:100%;overflow-x:hidden}
.identification .block-cart-side .content-cart,.identification .block-cart-side .content-liv{border:1px solid var(--secondary-color);border-radius:5px;padding:15px;margin-bottom:35px}
.identification .block-cart-side .block-commande{display:flex;flex-direction:row;justify-content:space-between;margin:15px 0}
.identification .block-cart-side .bl-item img{width:100px;margin:10px 0}
.identification .block-cart-side .bl-item{display:flex;flex-direction:row;justify-content:space-between}
.identification .block-cart-side .bl-item .info-item{padding:25px 5px;width:70%}
.identification .block-cart-side .bl-item .info-item .title-item{font-weight:700;margin:10px 0}
.identification .block-cart-side .bl-item .info-item .price-item{display:flex;flex-direction:row;justify-content:space-between}
.identification .block-cart-side .bl-amount span:nth-child(1){font-family:open-bold}
.identification .block-cart-side .content-cart .bl-livraison,.identification .block-cart-side .content-cart .bl-total{display:flex;justify-content:space-between}
.identification .block-cart-side .content-cart .bl-amount{padding:10px 0}
.identification .block-connexion{display:flex;flex-direction:column;align-items:flex-start;max-width:540px}
.identification .block-connexion .info-block{display:flex;flex-direction:column;align-items:center;margin:30px 0}
.identification .block-connexion .info-block p{font-size:14px;width:380px}
.identification .content-identif .block-identif{margin: 0 auto;}
.identification .content-identif .block-identif .bl-title{margin-bottom:30px}
.block-identif .creation-form{width:550px}
.field-link{text-align:right;margin-top: 5px;}
<!--.identification .content-identif .block-identif .bl-input{display:flex;flex-direction:column; margin: 25px 0;}-->
.identification .content-identif .block-creation{margin:40px 0;padding:40px 0;border-top:1px solid var(--bg-grey-br)}
.identification .block-creation .bl-abonne{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
.identification .block-creation .bl-abonne .btns-line{display:flex;justify-content:space-between}
.identification .block-creation .bl-abonne label{font-family:open-medium}
.identification .block-creation .bl-inputs .btns-line{display:flex;justify-content:space-between}
input[type="radio"]:checked{background-color:var(--secondary-color);color:#50b84f;cursor:pointer;appearance:auto;box-sizing:border-box;padding:initial;border:initial}
select ~ .legend,input ~ .legend{margin:0 0 0 5px;font-size:12px}
.special-offer .block-special-offer-code{display:flex;flex-direction:column;align-items:flex-start;max-width:540px;box-shadow:0 8px 30px 0 rgba(0, 0, 0, 0.15);padding:20px 30px}
.special-offer .block-special-offer-code .info-block{display:flex;flex-direction:column;align-items:center;margin:30px 0}
.special-offer .block-special-offer-code .info-block p{font-size:14px;width:380px}

.creation-form .formError{text-align:left}
.creation-form{width:590px;max-width:100%;margin:0 auto}
.creation-form .form-group{margin-bottom:20px;text-align:left}
.creation-form .form-action{margin:20px 0;text-align:center}
.creation-form input[type="text"],.creation-form input[type="email"],.creation-form input[type="password"],.creation-form input[type="tel"],.creation-form select,.select2-selection,.creation-form textarea{width:100%;padding:10px 0 10px 10px;border:1px solid var(--bg-grey-br);border-radius:4px;background-color:var(--bg-grey-cl);height: auto}
.radio-group{margin-bottom:20px}
.radio-group>label{margin-right:25px}
.select2-selection{margin:0}
.creation-form .select2-container{width:100%!important}
.creation-form input::placeholder{padding:10px}
.creation-form select#pays{padding:10px;color:inherit;width:555px}
.creation-form input[type="submit"]{text-align:center;width:200px}
.creation-form input:focus-visible,.creation-form select#pays:focus-visible{border:2px solid var(--primary-color);outline:none}
.creation-form input[type="submit"]{text-align:center;width:200px}
.creation-form .block-moi-amie .bl-btn{display:flex;flex-direction:row;justify-content:center;gap:20px;align-items:center}
.creation-form .block-moi-amie .bl-btn .btn.btn-cont-gry{min-width:270px;font-family:open-medium}
.creation-form .block-moi-amie .bl-btn .btn.btn-cont-gry:disabled{cursor:default;font-weight:700}
.creation-form .form-group .inline-input{display:inline-flex;width:100%;gap:18px}
.creation-form .form-group .field-wrapper{width:100%}
.creation-form .form-group p{font-size:12px;text-align:center}
.identification .container-identif{margin:0 auto;}
.identification .select-paiement{display:flex;justify-content:space-evenly;align-items:baseline;gap:15px;flex-wrap: wrap;}
.identification .select-paiement .item-radio{background-color:var(--bg-grey-fc);border:1px solid var(--bg-grey-br);border-radius:5px;padding:24px 45px}
.identification .select-paiement .item-radio:hover{border:1px solid var(--secondary-color);color:var(--secondary-color)}
.identification .select-paiement .item-radio input[type="radio"]:checked{border:1px solid var(--secondary-color);color:var(--secondary-color)}
.identification .select-paiement .bl-cb{display:flex;flex-direction:column;align-items:flex-end;gap:5px;height: 100%;}
.identification .select-paiement .bl-autre{ height: 100%;display: flex; align-items: center;}
.identification .block-paiement .bl-adress-fact{display:flex;flex-direction:column;align-items:center;position:relative}
.identification .block-paiement .item-choise{position:absolute;left:18%}
.identification .block-paiement .bl-adress-fact .item-checkbox{width:85%;margin:15px auto}
.identification .block-paiement .bl-coord-bancaire{display:flex;flex-direction:column;align-items:center;width:100%}
.identification .block-paiement .frame-cb,.identification .block-paiement .frame-sepa{display:none;border:1px solid var(--secondary-color);border-radius:5px;padding:10px;margin-top:10px}
.bl-adress-fact #frame-fact{margin-top:20px}
.connexion .content-connexion{display:grid;grid-template-columns:1fr 1fr;align-items:baseline}
.content-connexion .creation-form{width:450px}
.connexion .content-connexion .sign-in,.connexion .content-connexion .sign-up{display:flex;flex-direction:column;align-items:center;padding:10px}
.connexion .content-connexion .bl-input{display:flex;flex-direction:column}
.connexion .content-connexion .sign-up{border-left:1px solid var(--bg-grey-br)}
.content-faq{display:grid;grid-template-columns:30% 1fr;justify-items:center}
.content-faq li.cat-item{cursor:pointer}
.content-faq collapse-item h3{cursor:pointer}
.question .liste-cat{padding:15px 10px}
.section-categorie{width:100%}
.question .liste-cat li{padding:5px 0;margin:15px 0}
li.cat-item.active{border-bottom:3px solid var(--primary-color);font-weight:700}
.question .liste-cat li.active::before{content:"";background-image:url(../img/icons/icone_active_h.svg);background-size:contain;background-repeat:no-repeat;vertical-align:middle;display:inline-block;width:16px;height:16px}
.section-question{width:calc(100% - 10%);height:100%;background-color:#fff;border-radius:5px;border:1px solid var(--bg-grey-a);padding:15px;display:none}
.section-question.active{display:block}
.section-question .bl-question{border-bottom:1px solid var(--bg-grey-a);padding:15px 25px}
.section-question .bl-question .title-item.active{color:var(--primary-color)}
.section-question .answer-item.active{display:block}
.section-question .answer-item{display:none;margin:25px 15px;text-align:justify;line-height:24px}
@media(min-width:576px) and (max-width:767.999px){
.breadcrumb{padding-left:30px}
.monPanier .container-panier{width: 90%;}
.monPanier .section-promo .bc-input{flex-direction: column;}
.monPanier .container-options .section-Livraison, .monPanier .container-options .section-promo{flex-direction: column;}
.container-offres .block-title-ligne{margin:15px}
.abonnement .container-offres .offres{padding:0}
.abonnement .container-offres .offres .card{width:450px;margin:25px 0}
.numeros{padding:15px 0}
.numeros .container-numeros{display:grid;grid-template-columns:repeat(2,1fr);padding:15px;justify-content:center;justify-items:center}
.articles{padding:15px 0}
.articles .container-articles{display:grid;grid-template-columns:repeat(2,1fr);padding:15px;justify-content:center;justify-items:center}
.information{padding:15px}
.information .container-information{gap:15px;margin:5px}
.information .block-emailing,.information .block-contact{min-height:100%;padding:5px;margin:5px}
.information .block-emailing .bl-emailing{max-width:95%}
.engagements{padding:15px}
.abonnement .offres.abo2 .card.abo2 .box-offre.flex-row{display:flex!important;flex-direction:column!important;align-items:center}
.abonnement .offres.abo2 .card.abo2 .block-offre.flex-row{display:flex!important;flex-direction:column!important}
.abonnement .desciption{display:flex;align-items:center;gap:10px;flex-direction:column}
.slider-titre .block-titre-une{width:100%}
.identification.p-30{padding:5px}
.container-identif.p-25{padding:5px}
.identification .content-identif{display:grid;grid-template-rows:repeat(2,auto);grid-template-columns:auto;justify-content:center}
.connexion.p-30{padding:0}
.container-connexion.p-25{padding:10px}
.connexion .content-connexion{display:grid;grid-template-columns:1fr;justify-content:center}
.connexion .content-connexion .bl-title.my-25{margin:15px 0}
.connexion .content-connexion .sign-up{border-top:1px solid var(--bg-grey-br);border-left:none;margin:35px 0 0}
}
@media(max-width:600px){
.navbar .cont-logo img {max-width: 135px;}
}
@media(min-width:768px) and (max-width:992.999px){
.engagements .container-engagements .block-engage:not(:last-child){ padding: 0;}
.block-slider .text-slider{font-size:35px;margin:15px 35px}
.accueil-title .container-title{height:200px}
.accueil-title .container-title .text-block{width:75%}
.categoriers .container-categoriers{justify-content:center;flex-wrap:wrap;gap:50px}
.information .container-information .block-emailing{padding:15px;margin:5px}
.information .container-information .block-contact{padding:15px;margin:5px}
.information .container-information{gap:15px;margin:10px}
.information .block-emailing .bl-emailing{max-width:100%}
.information .block-emailing .bl-title h3{margin:5px 0}
.engagements .container-engagements{flex-wrap:nowrap;padding:0 15px}
.engagements .container-engagements .block-engage .block-text{width:auto;margin:10px 5px}
.abonnement .offres.abo2 .card.abo2 .box-offre.flex-row{display:flex!important;flex-direction:column!important;align-items:center}
.abonnement .offres.abo2 .card.abo2 .block-offre.flex-row{display:flex!important;flex-direction:column!important}
.abonnement .desciption{display:flex;align-items:center;gap:10px;flex-direction:column}
.abonnement .desciption .desc-mag{text-align:center;padding:5px 15px}
.slider-titre .block-titre-une{width:100%}
.identification.p-30{padding:5px;width: 80%;margin: 0 auto;}
.container-identif.p-25{padding:5px}
.identification .content-identif{display:grid;grid-template-rows:repeat(2,auto);grid-template-columns:auto;justify-content:center}
.connexion.p-30{padding:0}
.container-connexion.p-25{padding:10px}
.connexion .content-connexion{display:grid;grid-template-columns:1fr;justify-content:center}
.connexion .content-connexion .bl-title.my-25{margin:15px 0}
.connexion .content-connexion .sign-up{border-top:1px solid var(--bg-grey-br);border-left:none;margin:35px 0 0}
.container-btn-navig{margin:15px}
}
@media(min-width:993px){
.abonnement .container-offres .offres .card.abo2 .box-offre{width:1000px;max-width:100%}
.abonnement .container-offres .offres .card.abo2 .block-offre .bl-abonne{flex-grow:2}
.abonnement .container-offres .offres .card.abo2 .block-offre .block-descr{flex-grow:2}
.identification .content-identif{width:93%;margin:auto}
}
@media(min-width:993px) and (max-width:1199.999px){
.numeros .container-numeros{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;gap:5px}
.articles .container-articles{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;gap:5px}
.identification.p-30{padding:5px}
.container-identif.p-25{padding:5px}
/* .identification .content-identif{display:grid;grid-template-rows:repeat(2,auto);grid-template-columns:auto;justify-content:center} */
.container-btn-navig{margin:15px}
.content-connexion .creation-form{width:360px}
.bl-abonne.bl-abonne{max-width:360px}
}
@media(max-width:992.999px) {
.navbar .sous-nav{border:none}
.navbar .cont-menu{height:auto}
.navbar .cont-menu li.pg-menu{line-height:initial}
.navbar .has-sous-menu:hover .sous-nav{transform:none}
.navbar .cont-logo img {max-width: 200px;}
.container-navbar .cont-menu,.container-navbar .cont-search,.navbar .cont-special-offer{display:none}
.btn-open-menu{display:block;margin:15px 16px 15px 9px;}
.navbar li.pg-menu{padding:5px;font-family:open-semiBold}
.navbar .cont-info li.pg-menu{padding:0}
#mobile-navbar .cont-menu > .list-menu{display:flex;list-style:none;align-items:baseline;flex-direction:column;margin: 25px 30px 25px 30px;padding:0;width: 100%;}
.navbar .cont-logo{flex:none;margin:0;padding:0;}
.navbar .cont-profil p {display:none}
#mobile-navbar .cont-search{flex:2;margin:0 20px;display:flex;justify-content:center}
#mobile-navbar .cont-search input{padding: 0 10px;color: var(--white); border: 1px var(--white) solid;border-radius: 5px;margin: 15px 0;}
#mobile-navbar img.icon-search{padding: 4px 0;border-bottom: none;width: 24px;margin: 0 5px;}
#mobile-navbar .cont-search input::placeholder,.mobile-search input::placeholder{color:var(--white)}
#mobile-navbar .bl-info{display:flex}
#mobile-navbar .cont-profil{margin:20px}
#mobile-navbar .cont-panier{margin:20px 30px 20px 20px}
#mobile-navbar .cont-info{flex:none;display:flex;align-items:flex-end;justify-content:center;margin:0 20px;flex-direction:column}
#mobile-navbar .cont-info p.count{font-family:open-bold;color:var(--white);font-size:11px}
#mobile-navbar .cont-info .block-count{background-color:var(--secondary-color)}
#mobile-navbar .pg-menu.has-sous-menu > .sous-nav{padding:inherit;}
.navbar .has-sous-menu:hover .sous-nav .sous-menu a:hover,.navbar .has-sous-menu:hover .sous-nav .sous-menu.active{color:var(--bg-grey-fc)}
#mobile-navbar .has-sous-menu:hover .sous-nav{border:none;border-radius:unset;color:var(--bg-grey-fc)}
#mobile-navbar .has-sous-menu:hover::after{content:"";padding-bottom:16px}
#mobile-navbar .sous-nav{display:block;list-style:none;position:relative;white-space:normal;top:initial;left:initial;background-color:transparent;width:fit-content;font-size:14px;line-height:1}
#mobile-navbar .sous-nav .sous-menu::before{content:"";position:absolute;margin:0 5px}
#mobile-navbar .sous-nav .sous-menu{font-family:open-regular; border-left: 1px solid #fff;}
#mobile-navbar .cont-menu .list-menu .pg-menu.active::after{content:""}
#mobile-navbar .cont-menu .list-menu .pg-menu.active{color:var(--white);margin:8px 0 0}
.sous-nav .sous-menu{padding-bottom: 1rem;}
.sous-nav .sous-menu:last-child {padding-bottom: 0;margin-bottom:1.5rem}
.navbar .cont-panier {display: flex;margin: 0 16px 0 12px;}
}
@media(min-width:1200px){
.numeros .container-numeros{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center}
.articles .container-articles{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center}
.block-cart-side{height:100%}
.block-cart-side .sticky{position:sticky;top:40px}
.identification .content-identif{width:83%;margin:auto}
}
.mobile-menu{position:relative}
.monPanier .container-panier .item-panier .line-title{display:none}
@media (max-width:810px){
.container-static-page{padding:0;margin:0}
.slider-titre .block-titre-une{flex-direction:column;width:100%;margin:30px 5px}
.slider-titre .block-titre-une .block-info{flex:1;margin:15px;padding:5px 30px;width:100%}
.engagements .container-engagements,.engagements .container-engagements.nbcol4,.engagements .container-engagements.nbcol3,.engagements .container-engagements.nbcol2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;justify-items:center}
.engagements .container-engagements .block-engage:not(:last-child){padding: 0; border-right: none;}
.monPanier .container-panier .table-title{display:none}
.monPanier .container-panier .item-panier{display:block}
.monPanier .container-panier .item-panier .line-title{display:inline-block;width:90px;font-weight:400;font-size:16px}
.monPanier .container-panier .item-panier .info{padding:25px}
.monPanier .container-panier .item-panier .image{width:80px;height:70px}
.monPanier .container-panier .item-panier .image{max-height:100%}
.monPanier .container-panier .item-panier .item.price,.monPanier .container-panier .item-panier .item.quantite,.monPanier .container-panier .item-panier .item.sousTotal{padding: 0 25px 25px 57px}
.monPanier .container-options .section-Livraison, .monPanier .container-options .section-promo{flex-direction:column;text-align:center}
.monPanier .block-content label{margin-bottom:10px}
.monPanier .section-Livraison .bl-select{flex-direction:column}
.monPanier .section-promo .bc-input{flex-direction:column;width:100%}
.monPanier .section-promo .bc-input .btn{margin:10px auto}
.monPanier .section-Livraison select, .monPanier .section-promo input{margin:0;width:100%}
.monPanier .section-Livraison select, .monPanier .section-promo input{max-width:200px}
}
@media(max-width:610px){
.engagements .container-engagements,.engagements .container-engagements.nbcol4,.engagements .container-engagements.nbcol3,.engagements .container-engagements.nbcol2{grid-template-columns:1fr}
.engagements .container-engagements .block-engage .block-text{width:100%;margin:0 0 10px}
.section-total{margin:auto;padding:0 25px;max-width:400px}
form#creationform input[type="text"], form#creationform input[type="email"], form#creationform input[type="password"]{width:100%}
.content-center{display:block}
.monPanier .container-panier{width:auto;margin:0;padding:0}
.monPanier .container-options{width:auto}
.monPanier .container-options .block-content{width:100%}
.monPanier .container-btn-navig{flex-direction: column-reverse;}
.container-btn-navig .btn{margin:0 auto 10px}
.identification .container-identif{width:auto}
.identification .block-connexion .info-block p{width:100%}
.special-offer .block-special-offer-code .info-block p{width:100%}
.slider-numero .liste-numero .block-numero-une{flex-direction:column}
.slider-article .liste-article .block-article-une{flex-direction:column}
.block-slider .text-slider{position:absolute;font-size:24px;font-family:open-bold;margin:10px;text-align:center;color:#fff}
.abonnement .container-offres .offres .card{width:100%!important}
.abonnement .container-offres .offres.abo2,.abonnement .container-offres .offres{padding:0}
.abonnement .desciption{display:flex;align-items:center;gap:10px;flex-direction:column}
.abonnement .desciption .desc-mag{text-align:center;padding:5px 15px}
.accueil-title .container-title{margin:0 10px}
.accueil-title .text-block{padding:30px;font-size:28px;font-family:open-bold;width:100%;text-align:center}
.numeros .container-numeros{display:flex;flex-direction:column;padding:15px;align-items:center}
.articles .container-articles{display:flex;flex-direction:column;padding:15px;align-items:center}
.information{padding:15px}
.information .container-information{display:flex;flex-direction:column;gap:25px;margin:5px;align-items:stretch}
.information .block-emailing,.information .block-contact{min-height:330px;padding:15px;margin:5px;display:flex;flex-direction:column;justify-content:space-around;align-items:center}
.information .block-emailing .bl-title h3{padding:5px;margin:5px}
.information .block-emailing .btn.btn-emailing{padding:10px}
.information .block-emailing .bl-emailing{max-width:90%;width:100%}
.information .block-emailing .bl-text p{margin:20px 10px}
.description-title .container-desc-title{display:flex;flex-direction:column;padding:5px;align-items:center}
.description-title .container-desc-title .block-description .bl-titre p{border-right:none}
.description-title .container-desc-title .block-livraison{margin:0 auto;display:contents}
.description-title .container-desc-title .block-description{margin:10px;border-bottom:1px solid var(--font-color)}
.footer-container{grid-template-columns:1fr;justify-items:start}
.footer-column{padding:15px;border-right:none;width:100%;text-align:center}
.logo-footer{max-width:100%;text-align:center}
.footer-column:first-child{padding:15px}
.abonnement .offres.abo2 .card.abo2 .box-offre.flex-row{display:flex!important;flex-direction:column!important;align-items:center}
.abonnement .offres.abo2 .card.abo2 .block-offre.flex-row{display:flex!important;flex-direction:column!important}
.slider-numero .liste-numero .block-info{margin:0 auto;width:30%}
.slider-numero .prev-btn,.slider-numero .next-btn{top:35%}
.slider-article .liste-article .block-info{margin:0 auto;width:30%}
.slider-article .prev-btn,.slider-article .next-btn{top:35%}
.identification.p-30{padding:5px}
.container-identif.p-25{padding:5px}
.inscription.p-30{padding:5px}
.container-inscription.p-25{padding:5px}
.monPanier.p-30{padding:5px}
.container-options.p-25{padding:5px}
.identification .content-identif{display:block}
.identification .select-paiement{flex-direction: column;}
.identification .select-paiement .item-radio{width: 280px;}
.creation-form .block-moi-amie .bl-btn{display:flex;flex-direction:column;align-items:center}
.creation-form form{width:auto;margin:0 auto}
.inscription .creation-form .form-group .inline-input{flex-direction:column}
.creation-form .form-group .inline-input{display:block;width:100%}
.creation-form .form-group .inline-input .field-wrapper{width:100%}
.creation-form .form-group .inline-input .field-wrapper input{width:100%!important}
.content-main select#pays{width:calc(290px + 22px)!important}
.creation-form .form-group{text-align:center}
.creation-form .form-group,.field-wrapper:not(:last-child){margin-bottom:20px}
.creation-form h3.text-block,.creation-form .radio-group{text-align:center}
.creation-form .radio-group label{margin:0 10px}
.connexion.p-30{padding:0}
.container-connexion.p-25{padding:10px}
.connexion .content-connexion{display:block}
.connexion .content-connexion .bl-title.my-25{margin:15px 0;padding:0 15px;text-align:center}
.connexion .content-connexion .sign-up{border-top:1px solid var(--bg-grey-br);border-left:none;margin:35px 0 0}
.bl-input{margin:25px 0}
.bl-input input{width:100%}
form{width:100%}
.creation-form form{padding:20px 0}
.creation-form .block-moi-amie .bl-btn{gap:0}
.btns-line{display:flex;flex-direction:column;align-items:flex-end}
.bl-abonne{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}
.identification .block-creation .bl-abonne label{margin-top:10px}
.question.p-30{padding:15px 0 40px}
.question .container-question.p-25{padding:0}
.question .block-title-ligne-left{margin:15px 5px}
.question .liste-cat li{padding:5px 0}
.question .content-faq{display:grid;grid-template-columns:1fr;justify-items:center}
.container-btn-navig{margin:15px 0;text-align:center}
}
.password-checklist{font-size:12px;line-height:14px;text-align:left;margin:10px auto 0;max-width:100%}
.inline-input .password-checklist{margin-bottom:25px}
.password-checklist ul{padding:0;margin-top:5px}
.password-checklist li.valid{color:#20A72B}
.password-checklist li{position:relative;padding-left:20px;list-style:none}
.password-checklist li::marker{content:""}
.password-checklist li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:100%!important;background:#878787;position:absolute;left:0;top:3px}
.password-checklist li.valid::before{background:#20A72B}

.sidebar{height:100%;width:100%;position:sticky;z-index:1;top:70px;left:0;overflow-y:auto;transition:.5s;padding:10px 0;box-shadow:2px 0 3px 0 rgb(0 0 0 / 11%);box-sizing:border-box}
.sidebar-content a.closebtn{display:none}
.sidebar .client-name{padding:10px}
.sidebar .client-name h2{font-family:'open-bold'}
.list-item a{color:inherit;text-decoration:none}
.sidebar ul.list-side{padding:10px}
.sidebar li.list.title{font-size:16px;font-family:'open-bold';margin:20px 0 10px}
.sidebar .item{margin:10px 0;font-family:'open-medium';font-size:15px;margin-left:17px}
.sidebar .item.active{color:var(--primary-color);font-family:'open-bold';position:relative}
.sidebar .item.active::before{content:"";background-image:url(../img/icons/icone_active_h.svg);background-size:contain;background-repeat:no-repeat;vertical-align:middle;display:inline-block;width:16px;height:16px;position:absolute;left:-12px;top:3px}
form .form-group p{font-size:12px;text-align:center;width:55%;margin:0 auto}
.content-main input[type="text"],.content-main input[type="email"],.content-main input[type="password"],.content-main input[type="tel"],.content-main select,.content-main textarea{width:100%;padding:10px;border:1px solid var(--bg-grey-br);border-radius:4px;background-color:var(--bg-grey-cl)}
.content-main input:disabled[type="text"],.content-main input:disabled[type="email"],.content-main input:disabled[type="password"],.content-main input:disabled[type="tel"]{color:var(--font-color);border-style:dashed;cursor:not-allowed}
.content-main input::placeholder{padding:10px}
.content-main select#pays{padding:10px;color:inherit;width:calc(550px + 5px);max-width:100%}
.content-main input[type="submit"]{text-align:center;width:220px}
.content-main input:focus-visible,.ccontent-mainselect#pays:focus-visible{border:2px solid var(--primary-color);outline:none}
.container-client .client-number{position:absolute;right:0;margin:15px}
.container-client h3.num-client,.container-client h3.nom-client{font-size:17px}
.client-container .notification{text-align:center;padding:15px 30px;background-color:var(--bg-grey-fc);border-radius:5px;margin:35px auto;color:var(--third-color);width:80%}
.client-container .notification.error{color:var(--red-danger)}
.client-container .notification.warning{color:var(--orange-warning)}
.client-container .notification.success{color:var(--green-success)}
.client-container .notification p{font-size:14px;line-height:21px}
.client-space{display:flex;width:100%}
.client-space .content-client{width:100%;position:relative}
.client-space .creation-form{margin:0 0 0 60px}
.sidebar-container{flex:1}
.client-space .content-main{margin:35px auto;width:100%}
.content-client .content-info{display:flex;justify-content:space-between;margin:20px 20px 50px}
.content-client .content-info h3{font-size:16px}
.content-client .content-info h2{font-size:18px}
.client-space .client-container{flex:4;width:100%;margin:0 auto;transition:margin-left .5s;padding:0}
.client-space .container-abo{width:85%;margin:0 auto}
.client-space .container-abo.resiliation,.client-space .container-abo.contact{max-width:750px;margin-left:60px}
.client-space .container-abo .empty-abo,.client-space .container-abo .find-abo{text-align:center;padding:5px 15px;border:1px solid var(--bg-grey-br);border-radius:5px;margin:35px 0 5px}
.client-space .container-abo .find-abo{display:flex;justify-content:space-between;align-items:center}
.client-space .container-abo .empty-abo p,.client-space .container-abo .find-abo p{padding:15px;font-family:'open-bold';font-size:16px}
.client-space .container-abo .find-abo .bl-text{display:flex;align-items:center}
.client-space .container-abo .find-abo .bl-text img{height:42px}
.client-space .container-abo .find-abo p{text-align:left}
.client-space .container-abo .find-abo .btn.btn-ad{padding:11px;min-width:180px;text-transform:uppercase}
.client-space .container-abo .bl-info-abo{display:flex;flex-direction:row;justify-content:center;margin:10px 0}
.client-space .container-abo .item-abo:not(:last-child){border-bottom: 1px solid var(--bg-grey-br)}
.client-space .container-abo .abo-switch{display:flex;gap:25px;justify-content:center;align-items:center}
.client-space .container-abo .abo-switch p{font-family:open-medium;font-size:16px;cursor:pointer}
.client-space .bl-atous{display:flex;flex-direction:row;margin:5px 35px;justify-content:center}
.client-space .btn-trans{cursor:pointer;padding:15px;margin:5px 15px 5px 0;display:flex;align-items:center;flex-direction:row}
.client-space .btn-trans:hover{color:var(--primary-color);font-weight:700;background-color:var(--bg-grey-fc);border-radius:5px}
.client-space .btn-trans img.icone{margin:0 15px}
.client-space .btn-trans svg.icone{margin:0 15px;width:45px;height:34px;fill:var(--bg-grey-br)}
.client-space .btn-trans a{width:150px;font-family:"open-bold";color:var()}
.client-space .ligne svg.icone{width:25px;height:25px;fill:var(--bg-grey-br)}
.client-space .ligne.status.error svg.icone{fill:var(--red-danger)}
.client-space .ligne.status.success svg.icone{fill:var(--green-success)}
.client-space .ligne.status.warning svg.icone{fill:var(--orange-warning)}
.client-space .status.error{color:var(--red-danger)}
.client-space .status.success{color:var(--green-success)}
.client-space .status.warning{color:var(--orange-warning)}
.container-abo .bl-info-abo .bl-detail-title{display:flex;align-items:center;border-right:1px solid var(--bg-grey-br);flex-direction:row}
.container-abo .bl-info-abo .bl-detail-info,.container-abo .bl-info-abo .bl-detail-title{margin:5px;padding:15px;flex:1}
.container-abo .bl-info-abo .bl-detail-title .detail{display:flex;flex-direction:column;justify-content:space-evenly;gap:30px;margin:0 10px}
.container-abo .bl-info-abo .bl-detail-title img{width:150px}
.bl-info-abo .bl-detail-title .detail p{font-size:14px;font-family:'open-medium'}
.bl-info-abo .bl-detail-title .detail h4{font-size:22px;font-family:'open-bold';text-transform:uppercase;font-weight:bolder}
.bl-info-abo .bl-detail-title .detail h4 small{font-size:14px;font-family:"open-regular",sans-serif;text-transform:none}
.bl-info-abo .bl-detail-title .detail h5,.bl-info-abo .bl-detail-info .title h5{font-size:16px;font-family:'open-bold'}
.bl-info-abo .bl-detail-info .title{display:flex;flex-direction:row;gap:5px;align-items:center;padding:10px 5px}
.bl-info-abo .bl-detail-info .ligne{display:grid;grid-template-columns:1fr 220px;gap:5px;align-items:center;padding:10px 5px;justify-content:space-between}
.bl-detail-info p{font-family:'open-medium'}
.client-container .bl-info-bank,.client-container .bl-facture-comm{display:flex;flex-direction:column;align-items:center;margin:20px 5px}
.client-container .bl-info-bank .list-sepa,.client-container .bl-info-bank .list-cb,.client-container .bl-facture-comm .list-facture .ligne-facture{width:calc(100% - 10%);height:100%;background-color:#fff;border-radius:5px;border:1px solid var(--bg-grey-a);padding:15px;margin-bottom:30px}
.client-container .bl-facture-comm .list-facture{width:100%}
.client-container .title-item{position:relative;display:flex;justify-content:space-between;align-items:center}
.client-container .title-item h3{margin:0 10px}
.client-container .title-item h3:nth-child(2){margin-right:40px;white-space:nowrap}
.client-container .title-item.collapse-item{cursor:pointer}
.client-container .title-item.collapse-item.active::after{transform:rotate(360deg)}
.client-container .title-item.collapse-item::after{content:"";display:inline-block;width:20px;height:20px;background-image:url(../img/icons/icone_up_arrow.svg);background-size:contain;background-repeat:no-repeat;position:absolute;right:0;cursor:pointer;transform: rotate(-180deg);}
.client-container .content-item{margin:15px 0;border-top:1px solid var(--bg-grey-a);display:none}
.client-container .content-item .ligne-title,.client-container .content-item .ligne-content{display:grid;grid-template-columns:1fr 1fr 1fr 30px;justify-items:center;border-bottom:1px solid var(--bg-grey-a);padding:15px 0;margin:0 15px}
.client-container .content-item .ligne-content div{display:flex;align-self:center}
.client-container .ligne-facture .content-item .ligne-title,.client-container .ligne-facture .content-item .ligne-content{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;border-bottom:1px solid var(--bg-grey-a);padding:15px 0;margin:0 15px}
.client-container .ligne-facture .content-item .ligne-content .line-title{display:none}
.client-container .title-item h3 .line-title{display:none}
.client-container .ligne-facture .content-item .ligne-content:last-child{border-bottom:none}
.bl-newslettres .content-titre{display:block;background:#f5f5f5;padding:20px}
.bl-newslettres .content-titre .bl-titre{padding: 20px 20px;width:100%}
.bl-newslettres .content-titre .bl-titre label{padding-left:30px;position:relative;display:block;cursor:pointer;color:var(--primary-color)}
.bl-newslettres .content-titre .bl-titre .optin-desc{margin-top:10px;padding-left:30px;text-align:left;font-size:14px}
.bl-newslettres .content-titre .bl-titre .optin-title{text-align:left}
.bl-newslettres .content-titre .bl-titre input[type=checkbox]{height:20px;width:20px;position:absolute;left:0;top:50%;transform:translatey(-50%);}
.bl-newslettres .content-titre .bl-titre:not(:last-child){border-bottom:1px dashed var(--font-color);padding-bottom:20px}
.bl-newslettres .content-titre .bl-titre:not(:first-child){padding-top:20px}
.bl-newslettres .content-titre .logo-title{display:flex;flex-direction:row;align-items:flex-end;gap:15px;margin:15px 0}
.bl-newslettres .content-titre .logo-title img.logo-news{border:1px solid var(--bg-grey-br);border-radius:3px}
.bl-newslettres .content-titre .logo-title h5{font-size:16px}
.bl-newslettres .content-titre .bl-titre p{text-align:left;font-size:14px;padding-right:0}
.bl-magazines .list-magazines{display:grid;grid-template-columns:repeat(4,1fr);gap:80px}
.bl-magazines .list-magazines .block-mag{text-align:center;position:relative;display:inline-block}
.bl-magazines .list-magazines .block-mag img{width:300px;display:block;transition:opacity .5s ease}
.bl-magazines .list-magazines .block-mag .numero{margin-top:5px}
.bl-magazines .list-magazines .block-mag .date{text-transform:capitalize;font-weight:400;}
.bl-magazines .list-magazines a.block-mag::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.6);opacity:0;transition:opacity .5s ease}
.bl-magazines .list-magazines a.block-mag:hover::after{opacity:1}
.bl-magazines .list-magazines a.block-mag button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .5s ease;z-index:999}
.bl-magazines .list-magazines a.block-mag:hover button{opacity:1}
.bl-reabo .offres{padding:30px;display:flex;justify-content:space-evenly;flex-direction:row;gap:15px;flex-wrap:wrap;}
.bl-reabo .offres .card{width:350px;display:flex;justify-content:center;position:relative}
.bl-reabo .offres .box-offre{border:1px solid var(--bg-grey-cl);border-radius:5px;padding:15px 25px;box-shadow:3px 4px 4px -2px #80808036;justify-content:space-between}
.bl-reabo .offres .box-offre .bl-price .price{font-size:25px;font-weight:700;font-family:open-bold;color:var(--secondary-color)}
.bl-reabo .offres .box-offre .bl-price .price-crossed{font-size:16px;font-weight:700;font-family:open-bold;line-height:18px;color:var(--font-color);text-align:center}
.bl-reabo .offres .box-offre .block-descr ul.liste-descr li.item-descr{line-height:18px;font-size:14px;font-family:open-medium;padding:5px}
.bl-reabo .offres .box-offre .block-offre .bl-title h3{font-size:26px;font-weight:700;font-family:open-bold;text-align:center;line-height:28px;margin:15px 0}
.bl-reabo .offres .box-offre .block-descr ul.liste-descr{width:85%}
.bl-reabo .offres .box-offre .block-descr img{margin:20px}
.bl-reabo .offres .box-offre .block-descr ul.liste-descr li.item-descr{line-height:18px;font-size:14px;font-family:open-medium;padding:5px}
.bl-reabo .offres .box-offre .block-bas-offre{display:flex;flex-direction:column;align-content:center;align-items:center;width:100%}
.bl-reabo .offres .box-offre .block-bas-offre .reduction-message{font-size:12px;font-style:inherit;text-align:center}
.bl-suivre-abo .selectTitle{display:block;padding:7px 15px;margin:10px 0;font-family:open-medium;font-size:14px;letter-spacing:1px;cursor:pointer;border-radius:3px;border:none;white-space:nowrap;background:var(--third-color);color:#fff}
.bl-suivre-abo .selectTitle.active{background:var(--secondary-color)}
.bl-suivre-abo .selectCat{display:block;border:1px solid var(--bg-grey-br);border-radius:5px;width:150px;padding:10px;margin:15px 0}
#selectTout:checked{background-color:red}
.bl-suivre-abo .list-magazines{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:25px}
.bl-suivre-abo .list-magazines .bl-mag{text-align:center}
.bl-suivre-abo .list-magazines .bl-mag h4{font-size:16px;font-family:"open-bold";text-transform:uppercase}
.bl-suivre-abo .selectTime{display:flex;justify-content:space-around;border:1px solid var(--bg-grey-br);border-radius:5px;width:80%;padding:25px;margin:15px auto}
.bl-suivre-abo .selectMagazin{width:80%;margin:auto}
.bl-suivre-abo .selectTime .dateSince,.bl-suivre-abo .selectTime .dateUntil{text-align:center}
.bl-suivre-abo h5,.bl-resilier-abo h5{font-size:20px;margin-bottom:15px}
.bl-suivre-abo .adressProvisional,.bl-resilier-abo .monAbo,.bl-resilier-abo .perso,.bl-resilier-abo .dateResil{width:80%;padding:25px;margin:15px auto}
.bl-suivre-abo .selectMagazin .list-magazines .mag{height:150px}
.bl-resilier-abo .mesInfos,.bl-resilier-abo .mesAbos{border:1px solid var(--bg-grey-br);border-radius:5px;padding:10px 25px 30px;margin:15px auto}
.bl-resilier-abo h6{font-size:17px;margin:15px 0;font-family:open-light;color:var(--third-color)}
.bl-resilier-abo .mesInfos p,.bl-resilier-abo .mesAbos p{font-size:16px;font-family:open-bold;color:var(--font-color)}
.bl-resilier-abo .dateResil .mesDate{width:500px;margin:0 auto;text-align:center}
.bl-resilier-abo input[type="date" i]{width:70%}
.bl-resilier-abo .dateResil .mesDate p{font-size:13px;width:70%;margin:0 auto;text-align:center}
.bl-resilier-abo .perso .title{display:flex;flex-direction:row;justify-content:space-between}
.desabonnement .dateResil h4{font-family:open-medium;line-height:28px;font-weight:700;font-size:21px;text-align:left}
.desabonnement .dateResil #dateUntil{width:550px;padding:8px 10px;max-width:100%}
.desabonnement .dateResil p{font-size:14px}
.desabonnement .ps-info{text-align:center;padding:45px;margin:25px 15px;border-radius:5px;width:450px;background:var(--secondary-color)}
.desabonnement .ps-info p{font-size:24px;line-height:35px;font-family:open-bold;font-weight:700;color:#fff}
.desabonnement .ps-demande{text-align:center;padding:45px;margin:25px 15px;border-radius:5px;width:450px;background:rgb(80 184 79 / 40%)}
.desabonnement .ps-demande p{font-size:16px;line-height:35px;font-family:open-medium;font-weight:700}
.unsubscription{text-align:left;padding:25px;border:1px solid #ccc;border-radius:8px;background-color:#fff;margin:0 5px}
.desabonnement h1{margin-bottom:20px;font-family:open-bold;font-size:30px}
.unsubscription form{padding:15px;}
.unsubscription label{display:flex;align-items:center;margin-bottom:10px;font-size:14px;font-family:open-medium}
.unsubscription input[type="checkbox"],.unsubscription input[type="radio"]{padding:0 30px;margin:10px 15px}
.unsubscription textarea{width:100%;height:120px}
.unsubscription p{font-family:open-bold;text-align:center}
.unsubscription button{margin:5px auto;padding:10px 20px;border:none;border-radius:5px;background-color:#28a745;color:#fff;cursor:pointer;font-size:16px}
.unsubscription .reason-item{display:flex;align-items:center;margin:5px}
.unsubscription button:hover{background-color:#218838}
.menu-sidbar{display:none;width:30px;margin:5px 10px;cursor:pointer}
.content-client .content-info .identity{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 15px}
@media(min-width:768px) and (max-width:992.999px){
.block-title-ligne-left{margin:20px}
.client-container .bl-facture-comm .list-facture{padding:0 15px!important}
}
@media (max-width:1499.999px){
.container-abo .bl-info-abo .bl-detail-title{flex-direction:column;justify-content:center}
.bl-info-abo .bl-detail-title .detail h4{text-align:center}
}
@media (max-width:1199.999px) {
.client-space .container-abo{width:100%;padding:0 20px 1px}
.sidebar-container .sidebar{position:fixed;background-color:var(--bg-grey-cl);height:calc(100% - 70px)}
body.sidebar-open .sidebar{display:block}
body.sidebar-open{overflow:hidden}
body.sidebar-open::after{content:"";position:absolute;width:100%;height:100%;background-color:#000;top:0;left:0;opacity:0.3}
.block-title-ligne-left{margin:30px}
.client-space .creation-form{margin:0 auto}
.client-space .container-abo.resiliation, .client-space .container-abo.contact{margin:0 auto}
}
@media (max-width:992.999px) {
	.client-space .container-abo .bl-info-abo{flex-direction:column}
	.container-abo .bl-info-abo .bl-detail-title{border:none;flex-direction:row}
	.bl-info-abo .bl-detail-title .detail h4{text-align:left}
	.bl-info-abo .bl-detail-info .ligne{margin:0 auto 20px}
	.bl-info-abo .bl-detail-info .ligne:last-child{margin-bottom:0}
	.container-abo .bl-info-abo .bl-detail-info{margin-top:0;padding-top:0}
	.container-abo .bl-info-abo .bl-detail-title img{width:auto;height:150px}
}
@media(max-width:767.999px){
.bl-info-abo .bl-detail-info .ligne{grid-template-columns:1fr 200px}
.client-space .btn-trans{margin:0;width:245px}
.client-space .bl-atous{display:flex;flex-direction:row;margin:5px 35px;flex-wrap:wrap;justify-content:space-between}
.bl-suivre-abo .selectTime{flex-direction:column;width:590px;max-width:100%}
}
@media (max-width:575.999px){
.bl-info-abo .bl-detail-info .ligne{grid-template-columns:1fr;justify-items:center}
.client-space .bl-atous{display:flex;flex-direction:column;margin:5px 35px;align-items:center}
.breadcrumb{padding-left:30px}
.client-space{display:block}
.sidebar-container .sidebar{display:none;position:fixed;background-color:var(--bg-grey-cl)}
.sidebar-content a.closebtn{display:block;margin:5px 15px}
.sidebar-content a.closebtn img{width:10%}
.sidebar li.list.title{margin:10px 0}
.sidebar ul.list-side{padding:5px 10px}
.client-space .container-abo .creation-form .form-group .inline-input{width:auto}
.sidebar-container .content-client .content-info h2,.sidebar-container .content-client .content-info h3{font-size:12px}
.content-client .content-info{margin:5px 10px 5px 0;align-items:center}
.content-client .content-info h3,.content-client .content-info h2{font-size:14px}
.menu-sidbar{display:block}
.content-main .creation-form form,.client-space .client-container{padding:0}
.client-container .content-item .ligne-title,.client-container .content-item .ligne-content{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.client-container .content-item .ligne-title .title{font-weight:bolder}
.client-container .bl-facture-comm .list-facture .ligne-facture{width:100%}
.client-container .bl-facture-comm .list-facture{width:100%;padding:0 5px}
.client-container .title-item h3:nth-child(2){margin-right:30px;font-weight:400;font-size:16px}
.bl-magazines .list-magazines{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.bl-newslettres .content-titre{gap:10px;margin:20px 0}
.block-title-ligne-left{margin:30px 0}
.client-container .notification{width:100%}
.bl-reabo .offres{flex-direction:column;padding:0}
.bl-reabo .offres .card{width:100%}
.bl-resilier-abo .mesInfos,.bl-resilier-abo .mesAbos{width:100%;padding:25px}
.bl-suivre-abo .adressProvisional,.bl-resilier-abo .monAbo,.bl-resilier-abo .perso,.bl-resilier-abo .dateResil{width:100%;padding:25px 0}
.bl-resilier-abo .dateResil .mesDate{width:100%;padding:0}
.bl-resilier-abo .dateResil .mesDate p{width:100%}
.bl-resilier-abo input[type="date" i]{width:100%;margin:15px 0}
.bl-suivre-abo .list-magazines{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0}
.bl-suivre-abo .selectMagazin{width:100%}
.bl-suivre-abo .selectTime{flex-direction:column}
.bl-suivre-abo .selectCat{margin:0 40px}
.desabonnement{padding:5px}
.desabonnement .ps-info,.desabonnement .ps-demande{padding:25px!important;width:100%!important}
.desabonnement .block-title-ligne-left{align-content:center}
.unsubscription{padding:15px}
.desabonnement .dateResil #dateUntil{width:290px}
.client-container .title-item.collapse-item{flex-direction:column;align-items:start}
.client-container .ligne-facture .content-item .ligne-title{display:none}
.client-container .ligne-facture .content-item .ligne-content{grid-template-columns:1fr;justify-items:start}
.client-container .ligne-facture .content-item .ligne-content .line-title{display:inline-block}
.client-container .title-item h3 .line-title{display:inline-block}
}
@media(min-width:576px) and (max-width:1199.999px){
.client-space{display:block}
.sidebar-container .sidebar{display:none;background-color:var(--bg-grey-cl)}
.sidebar-content a.closebtn{display:block;margin:5px 15px}
.sidebar-content a.closebtn img{width:10%}
.menu-sidbar{display:block}
.content-client .content-info{margin:5px 10px 5px 0;align-items:center}
.client-container .content-item .ligne-title,.client-container .content-item .ligne-content{display:flex;flex-direction:column;align-items:flex-start;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.client-container .content-item .ligne-title .title{font-weight:bolder}
.client-container .bl-facture-comm .list-facture .ligne-facture{width:100%}
.client-container .bl-facture-comm .list-facture{width:100%;padding:0 5px}
.client-container .title-item h3:nth-child(2){margin-right:30px}
.bl-newslettres .content-titre{gap:10px;margin:20px 0}
.bl-reabo .offres{flex-direction:column;padding:0}
.bl-reabo .offres .card{width:100%}
.bl-resilier-abo .mesInfos,.bl-resilier-abo .mesAbos{width:100%}
.bl-suivre-abo .adressProvisional,.bl-resilier-abo .monAbo,.bl-resilier-abo .perso,.bl-resilier-abo .dateResil{width:100%}
.bl-resilier-abo .dateResil .mesDate{width:100%}
.bl-suivre-abo .list-magazines{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 40px}
.bl-suivre-abo .selectCat{margin:0 40px}
.desabonnement{padding:5px}
.desabonnement .ps-info,.desabonnement .ps-demande{padding:25px!important;width:100%!important}
.desabonnement .block-title-ligne-left{align-content:center}
.unsubscription{padding:15px!important}
.desabonnement .dateResil #dateUntil{width:290px}
}
.container-listpayment{display:block;margin:2rem 6rem 2rem 1rem;text-align: center;}
.item-radio input[type="radio"] {margin-right:1rem}
.paymentform.content-form {background-color: #f7f7f7;position: relative;padding: 2.5rem 2rem 1.25rem;margin-bottom: 2rem;}
.container-listpayment hr {border: none;background-color: #d5cfcf;height: 1px;display: inline-block;width: 80%;margin:1rem 0}
.labelTypePaiement{text-align: left;display: inline-block;width: 100%;margin: 1.25rem auto 1.875rem;}
.labelTypePaiement label{font-weight:bold; font-size:large; cursor:pointer}
.content-form p {padding-bottom:2rem}
.subtext-radio{padding-top:5px}
.texte-paiement-explicatif {text-align:left;}
.nocentered{text-align:left;}
.card-icons img {max-width: 45px;max-height: 34px;vertical-align: middle;margin: 0 .1875rem;margin: .3125rem;}
.subtext-radio{color:gray;font-size:15px}
#frame-sepa{width: max-content;margin: auto;}
@media(max-width:1200px){
.container-listpayment{display:block;margin:2rem 2rem 2rem 2rem;text-align: center;}
}
@media(max-width:1450px){
#frame-sepa{width: auto;margin: auto;}
}
.banniere-img{width:100%;height:auto;margin:auto}
.banniere-prev-btn{position: absolute;width: 42px;height: 42px;top: 50%;background: transparent;border: none;padding: 10px;cursor: pointer;z-index: 10;background-size: contain;transform: translate(0, -50%);border-radius: 22px;background-color: #fff;border: 1px solid #fff;left: 10px;background-image: url(../img/icons/icone-prev-btn-3.svg);}
.banniere-next-btn{position: absolute;width: 42px;height: 42px;top: 50%;background: transparent;border: none;padding: 10px;cursor: pointer;z-index: 10;background-size: contain;transform: translate(0, -50%);border-radius: 22px;background-color: #fff;border: 1px solid #fff;right: 10px;background-image: url(../img/icons/icone-next-btn-3.svg);}
.banniere-text{color:white; font-weight:bold;position: absolute;top: 43%;padding-left: 7%;color: white;font-size: 46px;}
.slider{position: relative;}
.content-slider{text-align:center;position:relative}
.text-slider{font-size:30px;font-family:open-bold;color:white;text-align:center;position:absolute;bottom:1px;width:100%;background-color:rgba(50, 50, 50, 0.5);padding:5px}
.desktop{display:block!important}
.mobile{display:none!important}
@media(max-width:767.999px){
.desktop{display:none!important}
.mobile{display:block!important}
.text-slider, .text-slider h1, .text-slider h2, .text-slider h2, .text-slider h4 {font-size:16px}
}
.mandadory-fields{font-style:italic}
.container-img-cells-offre{display: flex;align-items: center;justify-content: center;}
.container-img-cells-offre img{ margin-left: auto; margin-right: auto;}
.filter-detail{padding: 0 5rem;text-align: right;}
.pagination-container{text-align:center;margin-bottom:2rem}
.pagination-link{padding:1rem}
.pagination-btn{padding:1rem}
span.pagination-link{border-bottom: 2px solid gray}
.radiopaper{display: flex;justify-content: space-between;margin-bottom:15px}
.radiodigital{display: flex;justify-content: space-between;margin-bottom:15px}
.info-numero label{padding-left: 5px;}
.info-numero .radiotext{display:flex; align-items:center;}
.info-numero .inexistant{opacity:0.5}
.info-numero .inexistant label, .info-numero .inexistant input{cursor: not-allowed;}
.priceAncienNumero{font-family: Interstate-Regular;font-weight: 500;font-size: 28px;}
#numericDetail .bl.version img{height: 58px;}
@media(max-width:400px){
.container-search{display:block}
.container-search .divider {display:none}
.container-search .search-bar {display:inline-block;width:fit-content}
.container-search #searchform2 {margin-top:1.5rem}
.filter-detail {margin-top:1rem;padding: 0 2rem;text-align: right;}
}
svg.icon-deplier{transform: rotate(180deg);}
.container-btn-navig .btn.btn-cont{margin-right: 1rem;}
.show-cart .title-cart{text-align:left !important}
.block-content2{text-align: center;}
.block-content2 h2{padding-bottom:2rem}
.block-btn{display: flex;margin: auto;justify-content: center;padding-bottom:3rem}
input[type="file"]{color:var(--bg-grey-br);padding:8px 12px;background-color:#fff;border:1px solid var(--bg-grey-br);width:300px}
input[type=file]::file-selector-button{margin-right:8px;border:none;background:var(--primary-color);padding:8px 12px;color:var(--white);cursor:pointer}
.drop-container{display:flex;flex-direction:column;justify-content: center;align-items: center;gap: 10px;height: 200px;padding: 20px;border: 2px dashed var(--bg-grey-br);cursor: pointer;transition: background .2s ease-in-out, border .2s ease-in-out;background-color:var(--bg-grey-cl)}
.drop-container.drag-active{background-color:var(--bg-grey-cl);box-shadow:0 0 10px -5px var(--primary-cl-color);border-color:var(--primary-cl-color)}
.drop-subtitle{color:var(--bg-grey-br);font-size:0.9rem}
.attachment-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:20px;border:2px dashed var(--bg-grey-br);background-color:var(--bg-grey-cl)}
.attachment-container>div{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}
.attachment-container svg.check{fill:var(--green-success);width:30px;height:30px}
.attachment-container svg.trash{fill:var(--primary-cl-color);width:30px;height:30px}