h1{font-size:3rem;margin:2.5rem 0;color:var(--title-font-color)}.section-mdp-oublie{max-width:800px;margin:3rem auto}.section-mdp-oublie p{text-align:center;margin:2rem 0}.formulaire-connection{text-align:center;margin-top:5rem}.textMdpEnvoye{display:none}.mdpoublie{font-size:1.2rem;margin-top:3rem;text-decoration:underline}.container-spt{height:100%;width:100%;text-align:center;overflow:hidden;position:relative;min-height:140vh}.container-spt:before{content:"";position:absolute;height:200rem;width:200rem;top:-10%;right:48%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-image:-o-radial-gradient(circle,#474747,#4d485b,#56496e,#61477f,#70448e,#7b4298,#883fa2,#953bab,#a03bb4,#aa3bbd,#b63ac5,#c138ce);background-image:radial-gradient(circle,#474747,#4d485b,#56496e,#61477f,#70448e,#7b4298,#883fa2,#953bab,#a03bb4,#aa3bbd,#b63ac5,#c138ce);-webkit-transition:1.8s ease-in-out;-o-transition:1.8s ease-in-out;transition:1.8s ease-in-out;border-radius:50%;overflow:hidden;z-index:6}.social-text{padding:1.2rem 0}.lien-rsx{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.icon-rsx{height:4.6rem;width:4.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 .45rem;color:#333;border-radius:50%;border:1px solid #333;text-decoration:none;font-size:1.7rem;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.icon-rsx:hover,.icon-rsx:hover g,.icon-rsx:hover path{color:var(--button-color-light);fill:var(--button-color-light);border-color:var(--button-color-light)}.forms-container{position:absolute;width:100%;height:100%;top:0;left:0}.signin-signup{position:absolute;top:45%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:75%;width:50%;-webkit-transition:1s .7s ease-in-out;-o-transition:1s .7s ease-in-out;transition:1s .7s ease-in-out;display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;z-index:5}form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 5rem;-webkit-transition:all .2s .7s;-o-transition:all .2s .7s;transition:all .2s .7s;overflow:hidden;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}form.sign-up-form{opacity:0;z-index:1;position:relative}form.sign-in-form{margin-top:6rem;z-index:2;max-height:50rem}.transparent{background-color:transparent;border:2px solid #fff}#sign-in-btn.transparent:active,#sign-in-btn.transparent:focus,#sign-in-btn.transparent:hover,#sign-up-btn.transparent:active,#sign-up-btn.transparent:focus,#sign-up-btn.transparent:hover{background-color:#fff;color:var(--button-color)}.panels-container{position:absolute;height:100%;width:100%;top:0;left:0;display:-ms-grid;display:grid;overflow:hidden;grid-template-columns:repeat(2,1fr)}.panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;z-index:6}.left-panel{pointer-events:all;padding:3rem 17% 20% 12%}.right-panel{pointer-events:none;padding:0 12% 20% 17%}.image{width:100%;-webkit-transition:-webkit-transform .9s ease-in-out;transition:-webkit-transform .9s ease-in-out;-o-transition:transform .9s ease-in-out;transition:transform .9s ease-in-out;-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}.panel .content{color:#fff;-webkit-transition:-webkit-transform .9s ease-in-out;transition:-webkit-transform .9s ease-in-out;-o-transition:transform .9s ease-in-out;transition:transform .9s ease-in-out;transition:transform .9s ease-in-out,-webkit-transform .9s ease-in-out;-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}.panel h3{font-weight:300;line-height:1.5;font-size:2.4rem;margin:0}.panel p{padding:.7rem 0}.right-panel .content,.right-panel .image{-webkit-transform:translateX(80rem);-ms-transform:translateX(80rem);transform:translateX(80rem)}.container-spt.sign-up-mode:before{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);overflow:hidden;right:52%}.container-spt.sign-up-mode .left-panel .content,.container-spt.sign-up-mode .left-panel .image{-webkit-transform:translate(-80rem,0);-o-transform:translate(-80rem,0);-ms-transform:translate(-80rem,0);transform:translate(-80rem,0)}.container-spt.sign-up-mode .signin-signup{left:25%}.container-spt.sign-up-mode form.sign-up-form{opacity:1;z-index:2}.container-spt.sign-up-mode form.sign-in-form{opacity:0;z-index:1}.container-spt.sign-up-mode .right-panel .content,.container-spt.sign-up-mode .right-panel .image{-webkit-transform:translate(0);-ms-transform:translate(0,0);transform:translate(0,0)}.container-spt.sign-up-mode .left-panel{pointer-events:none}.container-spt.sign-up-mode .right-panel{pointer-events:all}.backConnection{opacity:0;visibility:hidden;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}#caracteres-obligatoire{font-size:1.3rem;text-decoration:underline;color:#3b3b3a;margin-top:1rem}#rgpd-news{margin-top:.5rem;margin-bottom:3rem}#rgpd-news span{font-size:1.4rem}#validpass{height:1rem;width:100%}.acces-coordonnees-login{color:#3b3b3a;text-decoration:underline}.genre{margin-bottom:1rem}#detail-produit-responsive2{width:100%;max-width:60rem;height:auto;margin:3rem auto;display:none;padding:3rem}#retour-pop>img{float:right;width:2.4rem;padding-top:1.25rem;margin-right:1rem}#text-mdp-oubli{font-size:2.4rem;color:#000;text-align:center}#loginperdu{display:block;margin:auto}.textMdpEnvoye{margin:2rem auto}.lien-inscription-pro{text-align:center;cursor:pointer;margin-bottom:2rem;color:var(--button-color-light);font-weight:500}#coordonnees{text-align:center;font-size:1.4rem;margin-bottom:1rem}@media screen and (max-width:54.375em){.signin-signup{width:100%;top:25%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:1s .8s ease-in-out;-o-transition:1s .8s ease-in-out;transition:1s .8s ease-in-out}.title{font-size:1.5rem}.container-spt.sign-up-mode .right-panel{pointer-events:none;display:none}.container-spt.sign-up-mode .signin-signup,.signin-signup{left:50%}.panels-container{-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr 2fr 1fr;grid-template-rows:1fr 2fr 1fr}.panel{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2.5rem 8%;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2}.right-panel{-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3/4}.left-panel{-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}.image{width:30rem;-webkit-transition:-webkit-transform .9s ease-in-out;transition:-webkit-transform .9s ease-in-out;-o-transition:transform .9s ease-in-out;transition:transform .9s ease-in-out;-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}.panel .content{padding-bottom:10%;-webkit-transition:-webkit-transform .9s ease-in-out;transition:-webkit-transform .9s ease-in-out;-o-transition:transform .9s ease-in-out;transition:transform .9s ease-in-out;-webkit-transition-delay:.8s;-o-transition-delay:.8s;transition-delay:.8s}form.sign-in-form{margin-top:3rem}.panel h3{font-size:1.92rem}.panel p{font-size:1.3rem;padding:.5rem 0}.btn.transparent{width:11rem;height:3.5rem;font-size:1.2rem}.container-spt:before{width:150rem;height:150rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:30%;bottom:78%;right:initial;top:initial;-webkit-transition:2s ease-in-out;-o-transition:2s ease-in-out;transition:2s ease-in-out}.backConnection{font-size:2.4rem;position:absolute;top:1rem;left:3rem;cursor:pointer;opacity:1;visibility:visible}.container-spt.sign-up-mode:before{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);bottom:0;left:50%}.container-spt.sign-up-mode .left-panel .content,.container-spt.sign-up-mode .left-panel .image{-webkit-transform:translate(0,-30rem);-ms-transform:translate(0,-30rem);-o-transform:translate(0,-30rem);transform:translate(0,-30rem)}.container-spt.sign-up-mode .right-panel .content,.container-spt.sign-up-mode .right-panel .image{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.right-panel .content,.right-panel .image{-webkit-transform:translateY(30rem);-ms-transform:translateY(30rem);transform:translateY(30rem)}.container-spt.sign-up-mode .signin-signup{top:0;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}}@media screen and (max-width:35.625em){form{padding:0 1.5rem}.signin-signup{top:28%}.image{display:none}.panel .content{padding:.5rem 1rem}.container-spt{padding:1.5rem}.container-spt:before{bottom:75%;left:50%}.container-spt.sign-up-mode{min-height:260vh}form.sign-in-form{max-height:43rem}}@media screen and (any-hover:hover){.mdpoublie:hover{color:var(--button-color)}}@media screen and (min-width:54.438em){.container-spt.sign-up-mode .right-panel .image{-webkit-transform:translate(0,-15rem);-ms-transform:translate(0,-15rem);-o-transform:translate(0,-15rem);transform:translate(0,-15rem)}.container-spt:not(.sign-up-mode) .left-panel .image{-webkit-transform:translate(0,-15rem);-o-transform:translate(0,-15rem);-ms-transform:translate(0,-15rem);transform:translate(0,-15rem)}.left-panel,.right-panel{height:134rem}}