/**************************TESTING*********************/

    .abonnement.tester {background: linear-gradient(#4e559b, #c36656);display: flex; flex-direction: column;  min-height: 100vh;}
    .abonnement.tester > div.justify-content-center { height: 100%;padding: 3rem 0;}
    .abonnement.tester #corpus {width: 100%; }
    .abonnement.tester .descriptions-testing {padding: 0 1rem; margin: auto 0;}
    .abonnement.tester .form-testing { padding-right: 1rem;}
    .abonnement.tester .form-freemium {background: #fff; border-radius: 2rem; padding: 3rem 4rem;}
    .abonnement.tester .text-test > h2 {font-size: 30px;font-weight: 800;}
    .abonnement.tester .text-test > h3 {font-size: 18px;font-weight: 400; margin: 1.5rem auto 2rem;max-width: 703px;}
    .abonnement.tester .text-test > h3:last-child {margin-top: 2rem;}
    .abonnement.tester .text-test > div { margin: 0 auto; max-width: 35rem;}
    .abonnement.tester .text-test .descriptionjuridiques { font-size: 17px; margin: 0 1rem 1.5rem; padding: 0 0.5rem; text-indent: -0.75rem;}
    .abonnement.tester .text-test .descriptionjuridiques .fa {color: #4ca97c; margin-right: 0.5rem;}
    .abonnement.tester .textform > h3 {font-size: 26px; font-weight: 800;}
    .abonnement.tester .textform > p {font-size: 13px; max-width: 22rem; margin: 0 auto 1.5rem;}
    .abonnement.tester #form .required:after { content: " *"; color: red;}
    .abonnement.tester form input{-webkit-box-shadow: inset 0px 0px 4px rgba(35, 35, 35, 0.3); border: none;border-radius: 6px; padding: 5px 12px;}
    .abonnement.tester form input:focus-visible,.abonnement.tester form input:hover {outline: #d2d2d2 solid 1px;}
    .abonnement.tester form #identity > div {width: 48%;display: flex; flex-direction: column;}
    .abonnement.tester form {max-width: 24rem; width: 100%; margin: 0 auto;}
    .abonnement.tester form .fullPlace > div {display: flex; flex-direction: column; width: 100%;}
    .abonnement.tester form label { margin-bottom: 0.25rem;}
    .abonnement.tester form #city > div {display: flex; flex-direction: column;}
    .abonnement.tester form #city > div:first-child {width: 60%;}
    .abonnement.tester form #city > div:last-child {width: 35%;}
    .abonnement.tester form #telephone-form > div > div > div > label {display: none;}
    .abonnement.tester form #form_telephone > div:first-child {width: 44%; display: flex; flex-direction: column;} 
    .abonnement.tester form #form_telephone > div:last-child {width: 51%; display: flex; flex-direction: column;}
    .abonnement.tester form #telephone-form > div {width: 100%;}
    .abonnement.tester form #telephone-form > div > div {display: flex; justify-content: space-between;}
    .abonnement.tester form #form_telephone_country, .abonnement.tester form #profession-user div #form_profession {-webkit-box-shadow: inset 0px 0px 4px rgba(35, 35, 35, 0.3);border: none;border-radius: 6px;background: #fff; -webkit-appearance: none; appearance: none; -moz-appearance: none;}
    .abonnement.tester form #form_telephone_country {padding: 7px 17px 7px 12px;}
    .abonnement.tester form #profession-user div #form_profession {padding: 7px 30px 7px 12px;}
    .abonnement.tester form .code_activation {font-size: 11px; text-align: end;}
    .abonnement.tester form #profession-user div {display: flex; flex-direction: column; max-width: 268px; width: 100%; position: relative;}
    .abonnement.tester form #profession-user div::after {content: "\25BC";position: absolute;margin-top: 2.35rem;right: 5%; font-size: 12px;}
    .abonnement.tester form .termform > div #form_termofuse {-webkit-appearance: none;background-color: #FFFFFF;border: 1px solid rgba(35, 35, 35, 0.07);;-webkit-box-shadow: inset 0px 0px 4px rgba(35, 35, 35, 0.3);padding: 9px;border-radius: 3px;display: inline-block;margin-right: 9px;position: relative; cursor: pointer; -webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;}
    .abonnement.tester form .termform > div #form_termofuse:active, .abonnement.tester form .termform > div #form_termofuse:checked {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); background-color: #000000;}
    .abonnement.tester form .termform > .term {font-size: 12px;}
    .abonnement.tester form .termform > .term a {color: #000000 !important; text-decoration: underline;}
    .abonnement.tester button#form_submit {  margin-top: 2rem;color: #ffffff;background: #FFBD27; border: 2px solid #FFBD27; max-width: 16.8rem;line-height: 2.5rem;height: auto;border-radius: 10px;font-size: 20px;font-weight: 500;  -webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear; width: 100%;}
    .abonnement.tester button#form_submit:hover {color: #232323; background: #fff; border: 2px solid #232323;}

/**************************ABONNEMENT*********************/
    .abonnement.formule > .corpus-abonnement, .abonnement > .corpus-abonnement {background: #f6f6f6; height: 100%;}
    .abonnement.formule > .corpus-abonnement #pack, .abonnement > .corpus-abonnement form {box-shadow: 0px 0px 12px rgba(0,0,0,0.2); max-width: 25rem;margin: 0 auto;background: #fff;padding: 2rem 2.5rem; border-radius: 1rem;}
    .abonnement.formule > .corpus-abonnement #pack h2, .abonnement > .corpus-abonnement .code_lbl {border-bottom: 1px solid #d3d3d3;font-weight: 700;font-size: 25px;margin-bottom: 3rem; line-height: 1.3;}
    .abonnement > .corpus-abonnement .code_lbl { text-align: center; padding-bottom: 1rem !important; }
    .abonnement.formule > .corpus-abonnement #pack h2 + span {max-width: 11rem;margin: 0 auto;line-height: 1.2;}
    .abonnement.formule > .corpus-abonnement #price {font-size: 28px; color: #FFBD27;line-height: 1.5; }
    .abonnement.formule > .corpus-abonnement #price strong {font-weight: 800; margin-right: 8px;}
    .abonnement.formule > .corpus-abonnement #price span {color: #aaa; font-size: 13px; font-weight: 500;}
    .abonnement.formule > .corpus-abonnement #pack h3 {font-size: 20px; font-weight: 600;}
    .abonnement.formule > .corpus-abonnement #advantages > li {list-style: none;font-weight: 500;}
    .abonnement.formule > .corpus-abonnement #advantages > li > .fa {margin-right: 0.5rem;color: #4ca97c;}
    .abonnement.formule > .corpus-abonnement #access_contactForm, .abonnement > .corpus-abonnement #form_submit {background-color: #FFBD27;border-radius: 5px; box-shadow: 0px 0px 12px rgba(0,0,0,0.2); color: #232323;font-size: 18px;font-weight: 600;padding: 0.28rem 1rem; cursor: pointer; margin: 1.5rem auto; border: 2px solid #FFBD27; -webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;}
    .abonnement.formule > .corpus-abonnement #access_contactForm {max-width: 12rem;}
    .abonnement > .corpus-abonnement #form_submit {max-width: 16rem;}
    .abonnement > .corpus-abonnement form > div {text-align: center;}
    .abonnement.formule > .corpus-abonnement #access_contactForm:hover, .abonnement > .corpus-abonnement #form_submit:hover {background-color: #fff; border: 2px solid #232323;}
    .abonnement.formule > .corpus-abonnement #disclaimer-abonnement, .abonnement > .corpus-abonnement #resend_sms {border-top: 1px solid #d3d3d3;font-size: 13px;line-height: 1.3; font-weight: 500;}
    .abonnement.formule > .corpus-abonnement #pack + div {max-width: 21rem;margin: 1.5rem auto 0 auto;line-height: 1.2;}
    .abonnement > .corpus-abonnement #resend_sms {color: #000; display: flex;}
    .abonnement > .corpus-abonnement #resend_sms:hover {text-decoration: underline;}
    .abonnement > .corpus-abonnement #form_code {height: 2.8rem;width: 100%;padding: 0.75rem 5rem 0.75rem 1.8rem;border: 1px solid #d2d2d2;border-radius: 2.7rem;}
    .abonnement > .corpus-abonnement #form_code:focus-visible {outline: none;}
    .abonnement > .corpus-abonnement #form_code:focus {outline: #d2d2d2 solid 1px;}
    .abonnement > .corpus-abonnement .erreur_code {color: red;}