html{
    font-size: 62.5%;
}
body {
    margin: 0;
    font-size:  1.4em;
    font-family: 'Raleway', sans-serif;
}
a.liensansdecosombre{
    color: #212529;
text-decoration: none;
}
a.lienfasansdeco {
    color: #E40B18;
}
.liendesactive{
    pointer-events: none;
    background: #ccc !important;
}
h2 {
    text-align:  center;
    font-size:  2em;
    margin:  0;
    font-weight:  bold;
}
.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:  white;
    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.5em;
   /*  line-height: 1em; */
}
.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: normal;
    text-transform: uppercase;
}
.offrir-un-abonnement h1{
    font-size: 2em;
    font-weight: 900;
    text-transform: uppercase;

}
.lien {
    text-decoration: none;
    color: black;
}
.card-header {
    background-color: transparent;
    border: none;
    height: 70px;
}
.card-header h4 {
    /* 
    font-size:  1.2rem; 
    line-height: 2px;
    */
    padding-top: 10px;
    font-size:  1.8rem; 
    color: #e20612;
    text-transform: uppercase;
    font-weight: 900;
}
.prixoffre{
    font-weight: 900;
    color: #303030;
    font-size: 2.7rem;
}
.card-body h1 {
    margin : 0 !important;
    /* font-size: 1.5rem; */
}
.prixoffre2{
    font-weight: 900;
    color: #303030;
    font-size: 2.2rem;
}
.call-to-action-arrow{
    font-size:4em;
    color:#E10512;
    /* position:absolute;
    bottom:0;
    right: 2px; */
}
.card-body  {
    padding:  25px;
}
#offre-num .card-body {
    text-align: center;
    padding: 0 15px 15px;
}
.header-bloc {
    margin-bottom:  20px;
}
h3.card-title  {
    background-color:  #ffca00;
    width:  max-content;
    padding:  0 10px;
    margin:  auto;
    margin-top:  -25px;
    font-weight:  bold;
    position:  relative;
    max-width:  100%;
}
.card  {
    border :  1px #e4b46a solid;
    border-radius: 15px 15px 0px 0px;
}
.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;
}
.soustitre-offre{
    font-size: 1rem;
}
.smalltext{
    /* font-size: 0.7rem; */
}
.pastille  {
    background: #2f2f2f;
    border-radius:  5px 5px 0 0;
    width: 50%;
    position: absolute;
    top: -18px;
    color: white;
    font-size: 9pt;
}

.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;
}
.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;
}
.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: white;
}
.comparaison-offres table thead th,  td  {
    border:  1px solid #bba99d;
}
td.td-color, th.td-color {
    background: #ffebd3;
}
.comparaison-offres th  {
    font-weight: bold;
    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:  0px !important;
}
.colonne-contact {
    background: url('../../img/offres/fond-bloc-contact.png') no-repeat center;
    border-radius:  10px;
    padding: 35px 0px 25px 0px;
    height: 100%}
.colonne-contact a {
    color: #df060f;
}
p.card-price.text-center  {
    font-weight:  bold;
    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:  normal;
    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:  bold;
    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:  white;
    max-width:  700px;
    text-align:  center;
    margin:  auto;
}
.offrir-un-abonnement {
    background: url('../../img/offres/Bkg_middle.png') no-repeat;
    background-position:  left 11% bottom 45%;
    padding :  47px 27px 47px 110px;
}
.besoin-d-un-conseil {
    background: url('../../img/offres/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(https://www.guadeloupe.franceantilles.fr/images/ftp/abonnement-fa/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:  black;
    color:  #fff;
    width:  max-content;
    padding:  5px;
    margin:  auto;
}
.popup-card-body  {
    padding:  20px 20px 40px;
}
.popup-desc {
    font-weight: bold;
    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 black;
    padding:  5px;
    border-radius:  5px;
}
p.popup-info {
    background: none;
    color: black;
}
.popup-promo h3  {
    font-weight:  bold;
    margin:  0;
}
.popup-promo p.text-center  {
    font-weight:  600;
}
.popup-promo p  {
    font-weight:  500;
}
@media screen and (max-width: 600px) {
    #navbarbi {
        display: block !important;
        text-align: center;
    }
    .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: white;
        font-size: 9pt;
    }
}

#navbarbi a {
    padding: 10px;
   /*  font-size: 1rem; */
}
#entete {
    background :  url('../../img/offres/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:  0px;
    margin-inline-end:  0px;
    font-size: 1em;
}
p.accro {
    margin: 0px;
    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: 500px;
}
.card-img {
    text-align: center;
}

.listing li {
    font-size:  1.0em;
    /* margin:  10px 20px */
 }
.abo-pro img {
    width: 70px;
}
.abo-pro {
    font-size: 1.5em;
    font-weight: bold;
    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: 0.5em;
    top:  -9px;
}
@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 black;
    border-bottom: 2px dotted black;
    margin: 20px 0!important;
}
}
@media only screen and (max-width: 790px) {
    .card {
    background-color:  #fff;
    height: auto;
}
.card-header {
    height: auto;
}
.titre-entete {
    text-align: center;
    font-size: 1.8em;
    margin: 0;
    line-height: 1em;
    font-weight: bold;
  }
  .offrir-un-abonnement {
    background: #ffebd3;
    padding: 20px 20px;
}
}
.card-body  {
    padding:  10px;
}
/* .offrir-un-abonnement {
    background: #ffebd3;
    background-position:  left 1% bottom 45%;
    padding :  20px 20px }
.besoin-d-un-conseil {
    background: #ffebd3;
    padding :  30px 20px;
} */
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:  0.9em;
}
#ventre  {
    margin-top:  0px;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
  }