html{font-size:16px}
body,button,input,textarea{font-family:"Raleway",sans-serif;color:#2c292d}
header{max-width:1000px;margin:auto;padding:10px}
.logo-header{max-width:100%;margin-right:auto}
a.liensansdecosombre{color:#212529;text-decoration:none}
a.lienfasansdeco{color:#e40b18;text-decoration:none}
.liendesactive{pointer-events:none;background:#ccc!important}
.lien-rouge{color:#e40b18;text-decoration:none}
.lien-rouge:hover{text-decoration:underline}
.wrap,#ventre{margin:auto;margin-bottom:auto;max-width:1000px}
.page-title{font-size:2rem;font-weight:400;line-height:1.25;margin:15px 0 10px}
.header{margin-bottom:10px;padding:20px}
.header-inner{text-align:center}
.back-link{color:#888686;display:inline-block;font-size:.8rem;margin-bottom:20px;text-decoration:none}
.back-link:before{content:"<";margin-right:.2em}
h1.page-title{font-family:"Roboto Condensed",sans-serif;font-size:1.5rem;font-weight:400;color:#000;line-height:1.62em;margin:.8077em 0 0}
button{border:0;background:none;padding:0;margin:0;margin-bottom:0;cursor:pointer}
.main-form{border-top-left-radius:15px;border-top-right-radius:0;border-bottom-right-radius:15px;border-bottom-left-radius:0;background:#f5f5f5;margin:0 auto 40px;max-width:800px;padding:20px;text-align:center}
.bloc-title{line-height:1.25;margin-bottom:20px;margin-top:0;padding-bottom:5px;position:relative}
h2.bloc-title{font-family:"Roboto Condensed",sans-serif;font-weight:600;font-size:2rem;color:#000;line-height:1.75em}
h2.bloc-title::after{background:#e2001a;bottom:0;content:"";height:2px;left:50%;position:absolute;width:100px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.form-item label{display:block;font-size:.9rem}
.main-form .form-item,.main-form .civility-form-item{margin-left:auto;margin-right:auto;max-width:300px}
.form-item,.civility-form-item{margin-bottom:15px}
.item-bloc{position:relative}
.item-bloc input[type="password"]{position:relative}
input[type="text"],input[type="number"],input[type="password"],input[type="tel"],input[type="email"]{background:#fff;border:1px solid #e1e1e1;padding:8px 10px;width:100%}
.btn-voir{background:#fff url(../img/pwd-hide.png) center -22px no-repeat;border:0;position:absolute;top:13px;right:6px;width:20px;height:22px;padding:0;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.btn-voir:hover,.btn-voir:focus{background-position:center 3px}
.btn-voir.show{background-image:url(../img/pwd-show.png)}
.main-form .submit-bloc{display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:300px}
.main-form .submit-bloc .remember-item{color:#888686;cursor:pointer;display:inline-block;font-size:.9rem;margin:0 0 20px}
.main-form .submit-bloc .forgot-bloc{font-size:.9rem;margin:0 0 20px}
.forgot-link{color:#e2001a;text-decoration:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.main-form .submit-bloc .submit-btn{width:100%;margin-bottom:10px}
.submit-bloc .submit-btn:focus,.no-account-btn:focus{background-color:#e2001a;color:#fff}
.btn{display:inline-block;background:#2c292d;color:#fff;padding:10px 15px;font-size:1rem;line-height:1.2em;border:none;cursor:pointer;text-align:center;border-radius:10px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.btn:hover{background:#e2001a;color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.splitter{color:#e2001a;font-size:2rem;font-style:italic;font-weight:700;margin-bottom:20px}
.no-account-btn{max-width:300px;width:100%}
.check-bloc{margin:20px auto}
.cgv-item,.offre-item{padding:5px}
.cgv-item{background:#e6e6e6}
.cgv-text a{color:#f90000;text-decoration:none}
.cgv-text a:hover{text-decoration:underline}
.check-bloc label{margin-bottom:.5em}
.legal-text{color:#888686;font-size:.75em}
.texte-formulaire{text-align:left;font-size:1rem;margin-bottom:20px}
span{font-size:.8rem}
.listing { text-align: left; list-style-image: url(../img/check.png); }
h2{text-align:center;font-size:1em;margin:0;font-weight:700}
.row-bloc{margin-bottom:60px}
.infos-loi{background:#e6e6e6;font-style:italic;font-weight:500;padding:5px 10px;font-size:.785em;margin-left:0;display:block}
.offres-anchor{display:inline-block;text-decoration:none;color:unset;background-color:rgba(31,32,31,0.9);text-align:center;width:100%;padding:10px 0}
.offres-anchor h3{color:#fff;font-size:16px;padding:0 15px}
h3 .offre-desc{text-decoration:none;color:#ffca00}
.offre-centre{border-left:3px solid #ffca00;border-right:3px solid #ffca00}
.contner-ancre{width:75%;margin-top:-45px}
.card{background-color:#fff;height:100%}
.titre-entete{text-align:center;margin:0;font-weight:800;font-size:1.4em}
.titrecontacteznous{font-size:1.5em;font-weight:800}
.page-abo .titleblack{font-size:1.5em;padding-top:10px;color:#212529;text-transform:uppercase;font-weight:900}
.page-abo.formule-abo .recap .infos-formule-abo{font-size:1.285em;margin:30px auto;text-align:center;list-style:none;padding:10px;border:3px #ffebd2 solid;border-radius:10px;width:fit-content}
.header-bloc h2{text-align:center;font-size:1.9em;margin:0;font-weight:400;text-transform:uppercase}
.offrir-un-abonnement h1{font-size:2em;font-weight:900;text-transform:uppercase}
.lien{text-decoration:none;color:#000}
.card-header{background-color:transparent;border:none;min-height:90px}
.card-header h4,h4.card-title{padding-top:10px;font-size:1.2rem;color:#e20612;text-transform:uppercase;font-weight:900}
.titre-section-form{padding-top:10px;font-size:1.2rem;text-transform:uppercase;font-weight:900}
.prixoffre{font-weight:900;color:#303030;font-size:1.6rem;text-decoration:none}
.argus{height:50px;vertical-align:middle;display:flex;align-items:center;justify-content:center;font-size:.875em}
.frequenceprix{font-size:.8rem;margin-bottom:5px;font-weight:600}
.prixdeloffre{min-height:50px}
.card-body h1{margin:0!important}
.prixoffre2{font-weight:900;color:#303030;font-size:2.2rem}
.card-body{padding:25px}
#offre-num .card-body{text-align:center;padding:0 15px 15px}
.header-bloc{margin:20px auto 30px;text-align:center}
.header-bloc h2{font-size:1.5em;margin-bottom:20px}
h3.card-title{background-color:#ffca00;width:max-content;padding:0 10px;margin:auto;margin-top:-25px;font-weight:700;position:relative;max-width:100%}
.card{border:1px #e4b46a solid;border-radius:15px 15px 0 0}
.card-img-top{border-bottom:2px solid #ffca00;width:100%}
.card a.btn.btn-primary{background-color:#ffca00;color:#303030;border-radius:10px;font-weight:800;font-size:20px;text-decoration:none;display:block;margin:30px auto;border:none}
.card a.btn.btn-primary:active{background-color:#ffca00;color:#303030;border-radius:10px;font-weight:800;font-size:20px;text-decoration:none;display:block;margin:30px auto;border:none;text-decoration:underline}
.card-recommande{border:1px solid #2f2f2f;border-radius:0 15px 0 0}
.card-nouveau{border-radius:0 15px 0 0}
.soustitre-offre{font-size:.7rem}
.card-recommande:before{content:"Recommandé pour vous";background:#2f2f2f;border-radius:5px 5px 0 0;width:auto;padding:0 .5em;position:absolute;top:-18px;left:-1px;color:#fff;font-size:9pt}
.card-nouveau:before{content:"Nouveau";background:#e20612;border-radius:5px 5px 0 0;width:50%;position:absolute;top:-18px;left:-1px;color:#fff;font-size:9pt;z-index:9999}
.offrir-un-abonnement a.btn.btn-primary{background-color:#ffca00;color:#303030;border-radius:10px;font-weight:800;font-size:20px;text-decoration:none;display:block;border:none}
.header-abo .visu-abo h3{font-size:1.5em;padding-top:10px;color:#2f2f2f;text-transform:uppercase;font-style:normal;font-weight:900;line-height:normal}
.colonne-contact h3{font-weight:700;font-size:1rem}
.offrir-un-abonnement a.btn.btn-primary :active{text-decoration:underline}
.s-abonner-a-france-antilles h2{font-size:1.5em;text-transform:uppercase;font-weight:800}
.s-abonner-a-france-antilles,.s-abonner-a-france-antilles h2{text-align:left}
.comparaison-offres a.btn.btn-primary{background-color:#ffca00;color:#303030;border-radius:10px;font-weight:700;font-size:11px;text-decoration:none;display:block;border:none;text-transform:initial}
.comparaison-offres a.btn.btn-primary :active{text-decoration:underline}
.comparaison-offres tr{text-align:center}
.comparaison-offres td{background:#fff;border:1px solid #bba99d}
.comparaison-offres thead{border:1px solid #bba99d}
.comparaison-offres thead th{border:0}
td.td-color,th.td-color{background:#ffebd3}
.comparaison-offres th{font-weight:700;color:#e20411;text-transform:uppercase;border:1px solid #bba99d}
.comparaison-offres h2{font-size:1.4em}
.titre-section h2{font-size:11pt}
.s-abonner-a-france-antilles p{margin-top:0!important}
.colonne-contact{background:url(../img/fond-bloc-contact.png) no-repeat center;background-size:cover;border-radius:10px;padding:35px 0 25px;font-size:.8rem;height:100%}
.colonne-contact a{color:#df060f}
p.card-price.text-center{font-weight:700;font-size:26px;line-height:28px}
span.price{font-size:60px;font-style:italic;font-family:"Raleway",sans-serif}
.period{vertical-align:middle;font-size:24px}
b.period-light{font-size:20px}
b.period-light-petit{font-weight:400;font-size:18px;line-height:15px}
p.card-text{font-size:16px;margin:0}
span.price-pass{font-size:110px;font-style:italic;vertical-align:middle;font-family:"Raleway",sans-serif;line-height:95px}
.papier ul{font-weight:700;max-width:500px;font-size:15px;margin:30px auto 10px}
.popup{position:relative;cursor:pointer;margin-bottom:20px;text-align:center}
.popup .popuptext{visibility:hidden;width:100%;background-color:#55555585;text-align:center;border-radius:6px;padding-top:100px;position:fixed;z-index:999;top:0;left:0;height:100vh}
.popup-content{background-color:#fff;max-width:700px;text-align:center;margin:auto}
.offrir-un-abonnement{background:url(../img/Bkg_middle.png) no-repeat;background-position:left 11% bottom 45%;padding:47px 27px 47px 110px}
.besoin-d-un-conseil{background:url(../img/Bkg_bottom.png) no-repeat center;padding:30px 20px}
.besoin-d-un-conseil h1{text-transform:uppercase!important}
.besoin-d-un-conseil a{color:#df060f}
h1.reassurance{font-size:11pt}
.popup .show{visibility:visible;-webkit-animation:fadeIn 1s;animation:fadeIn 1s}
@-webkit-keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
.popup-promo{background:url(../img/corner_promo.png) no-repeat;background-color:#fff;background-position:top left;border:2px solid #ffca02;background-size:18%;padding:30px}
.popup-card-content{background-color:#fff}
.popup-card-head{background-color:#ffca00;text-align:center;padding:20px}
.popup-card-head h3{font-weight:700}
.popup-subtitle{background-color:#000;color:#fff;width:max-content;padding:5px;margin:auto}
.popup-card-body{padding:20px 20px 40px}
.popup-desc{font-weight:700;margin:30px auto}
.popup-list{text-align:left;width:max-content;margin:auto;font-weight:600;line-height:25px}
.popup-note{width:max-content;margin:20px auto;border:dashed 2px #000;padding:5px;border-radius:5px}
p.popup-info{background:none;color:#000}
.popup-promo h3{font-weight:700;margin:0}
.popup-promo p.text-center{font-weight:600}
.popup-promo p{font-weight:500}
#navbarbi{display:flex;align-items:center!important;font-size:.9em;text-align:center}
#navbarbi a,#navbarbi i{padding:0 .4em}
.pastille-1:before,.pastille-2:before,.pastille-3:before,.pastille-4:before,.pastille-5:before{content:"1";background:no-repeat center url(../img/pastille.png);background-size:contain;color:#fff;padding:8px;margin-right:.2em;font-size:1.2em}
.pastille-2:before{content:"2"}
.pastille-3:before{content:"3"}
.pastille-4:before{content:"4"}
.pastille-5:before{content:"5"}
@media screen and (max-width: 600px) {
.page-abo.header-abo .type-abo .prix-abo{font-size:6.429rem;color:#2f2f2f;line-height:.85em;display:flex;justify-content:center;align-items:center}
.pastille{background:#2f2f2f;border-radius:5px 5px 0 0;width:60%;position:absolute;top:-18px;color:#fff;font-size:9pt}
}
#navbarbi a{text-decoration:none}
#entete{background:url(../img/Bkg_top.png) no-repeat center;background-size:cover;padding:15px 0;text-align:center;background-position-y:-3px}
#main-content{max-width:1000px;margin:auto;width:100%;font-family:"Raleway",sans-serif}
#main-content p{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;font-size:1em}
p.accro{margin:0;text-align:center}
#bas-page h3{text-decoration:underline;font-weight:500;margin-bottom:10px}
#bas-page{background-color:#f5f5f7;padding-bottom:15px}
#bas-page img{max-width:74px!important}
.card img{width:100%;max-width:250px;margin-right:auto!important;margin-left:auto!important}
.card-img{text-align:center}
.listing li{font-size:0.85em}
.abo-pro img{width:70px}
.abo-pro{font-size:1.5em;font-weight:700;padding:10px;text-align:center}
.abo-pro p{margin:0!important}
.row{margin-left:0;margin-right:0}
#main-content table{height:100%;width:100%}
#main-content table td{vertical-align:middle}
.header-bloc p{margin:0!important}
.card-body p{text-align:center}
.pribarre{text-decoration:line-through}
.mentionslegales{color:#a3a3a3;text-align:center;width:60%;margin:auto;text-align:justify}
.exposant{font-size:.5em;top:-9px}
.card-body{padding:10px}
h1.reassurance{display:inline}
.reassurance-icon{width:35px;margin-right:4px}
h2.titre-section{font-size:2.5em}
.besoin-d-un-conseil h1{font-size:1.5em;font-weight:700}
p{font-size:.9em}
#ventre{margin-top:0}
.field-icon{float:right;margin-left:-25px;margin-top:-25px;position:relative;z-index:2}
i.fa.fa-angle-right{font-size:4em;color:#e10512}
.table-offre{border:0}
.table-titre{color:#000;text-transform:none}
.option{text-align:left}
.bouton{display:inline-block;color:#2c292d;background:#ffca00;padding:10px 15px;font-size:1rem;line-height:1.2em;cursor:pointer;text-align:center;border-radius:5px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-decoration:none}
.bouton:hover{background:#e2001a;color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.splitter{color:#e2001a;font-size:2rem;font-style:italic;font-weight:700;margin-bottom:20px}
.no-account-btn{max-width:300px;width:100%}
@-webkit-keyframes effetdopacite {
0%{opacity:0;-webkit-transform:translateY(0)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
.hide{-webkit-animation:effetdopacite .5s ease-out;-moz-animation:effetdopacite .5s ease-out;display:none;opacity:0}
.show{-webkit-animation:effetdopacite .9s ease-out;-moz-animation:effetdopacite .9s ease-out;display:block;opacity:1}
.radio-buttons{width:100%;margin:0 auto;text-align:left}
.custom-radio input{display:none}
.radio-btn{margin:10px;width:100%;height:auto;border:3px solid transparent;display:block;border-radius:10px;position:relative;text-align:left;box-shadow:0 0 20px #c3c3c367;cursor:pointer}
.radio-btn > i{color:#ffca00;font-size:3em;position:absolute;top:8px;right:0;transform:translateX(-50%) scale(2);border-radius:50px;padding:0;transition:.5s;pointer-events:none;opacity:0}
.radio-btn .hobbies-icon{position:relative}
.radio-btn .hobbies-icon img{display:block;width:100%;margin-bottom:20px}
.radio-btn .hobbies-icon i{color:#ffdae9;line-height:80px;font-size:60px}
.radio-btn .hobbies-icon h3{font-weight:600;color:#303030;font-size:1.2rem;text-decoration:none}
.custom-radio{display:block}
.custom-radio input:checked + .radio-btn{border:2px solid #ffca00}
.custom-radio input:checked + .radio-btn > i{opacity:1;transform:translateX(-50%) scale(1)}
.customer-success-login-show p,.page-confirmation-show p{margin:0!important}
.deconnexion-btn{width:200px;margin:auto}
.valide-btn{background-color:#ffca00;width:300px;margin:auto;border:none}
.valide-btn:hover{background:#e2001a;color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.selection{display:inline-block;margin:0 0 1em;padding:.4em .2em;border-radius:5.5em;background-color:#ececec;font-size:.9em;box-sizing:border-box}
.selection a{margin:0;text-decoration:none;color:#777;border-radius:5.5em;padding:.5em}
.selection a:hover{background-color:#e20612;color:#fff}
.picto:before{content:"\f007"}
.picto-offre:before{content:"\f06b"}
.picto-pro:before{content:"\f085"}
.picto-pro:before,.picto-offre:before,.picto:before{font-family:FontAwesome;margin-right:.5em;color:#e40b18}
.picto-pro:hover:before,.picto-offre:hover:before,.picto:hover:before{color:#fff}
a.choisi,a.choisi:before{background-color:#e20612;color:#fff}
@media screen and (max-width: 790px) {
#bas-page{text-align:center}
.block-bas-milieu{border-left:none!important;border-right:none!important;border-top:2px dotted #000;border-bottom:2px dotted #000;margin:20px 0!important}
}
@media only screen and (max-width: 790px) {
.card{background-color:#fff;height:auto}
.offrir-un-abonnement{background:#ffebd3;padding:20px}
}
.create-account{font-size:.9em}
#indication.ok:after{content:"\f00c";font-family:FontAwesome;color:#198754;margin-left:.5em}
#indication.attention:after{content:"\f00d";font-family:FontAwesome;color:#dc3545;margin-left:.5em}
.info{font-size:.7em}
.offre-stick .detail{font-size:.7em}
@media (max-width: 768px) {
h2.bloc-title{font-size:1.8em}
}
.tabs{margin-top:50px;font-size:15px;padding:0;list-style:none;background:#777;display:inline-block;border-radius:50px;position:relative}
.tabs a{text-decoration:none;color:#fff;text-transform:uppercase;padding:10px 20px;display:inline-block;position:relative;z-index:1;transition-duration:.6s}
.tabs a.active{color:#fff;background:#f90000;border-radius:50px}
.tabs a i{margin-right:5px}
.tabs .selector{height:100%;display:inline-block;position:absolute;left:0;top:0;z-index:1;border-radius:50px;transition-duration:.6s;transition-timing-function:cubic-bezier(0.68,-0.55,0.265,1.55);background:#f90000;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#05abe0',endColorstr='#8200f4',GradientType=1)}
.mentions{margin-top:2em;padding:2em;font-size:.8em}
.customer-success-login-show{position:relative}
.userconnected::before{content:"";width:100%;height:100%;left:0;position:absolute;background:no-repeat center url(../img/userconnectfond.png);background-size:155px;opacity:50%;z-index:-1}
.userconnected{font-size:1.2em;padding:1em;padding:2em;text-align:center}
li.listeoptions{font-size:.845em}
li.listeoptions > i::before{font-weight:900;font-size:1.1em}
.smalltext,.detailprixoffre{font-size:.7em}
.offre-stick .soustitre-offre{color:#000}
.offre-stick .titre-offre{font-size:1.2em;font-weight:900;color:#e10512}
.offre-stick .prixoffre{font-size:1em}
#messageBeneficiaire{height:10rem}
.offre-mobile:active,.offre-mobile:focus{border-radius:0;box-shadow:none;background-color:transparent;color:#000}
.input__error{color:#e20714}
.global__error{border:2px solid #e20714;padding:2rem;text-align:center;color:#e20714;list-style:none}
.row.code-promotionnel #codepromo{margin-left:10px}
.row.code-promotionnel .global__container{margin-left:10px}