#paywall-offres {
    background-color: #29EBCE;
    padding: 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 600px;
    margin: 0 auto;
    font-family: "Inter", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

#paywall-offres .texte-paywall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #000000;

}

#paywall-offres .texte-paywall p strong {
    font-family: "Inter", sans-serif !important;
    font-size: 1.1rem;

}

#paywall-offres .texte-paywall p {
    font-family: "Inter", sans-serif !important;
    font-size: 0.9rem;

}

#paywall-offres .offres-container .offre-card {
    background-color: #ffffff;
    display: block;
    border: 2px solid gold;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px;
    margin:0 auto;
    margin-bottom: 20px;
    width: 80%;
    
}

#paywall-offres .offres-container .offre-card {
    background-color: #ffffff;
    display: block;
    border: 2px solid gold;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px;
    margin-bottom: 20px;
}#paywall-offres .offres-container .offre-card .offre-check-icon{
   margin-right: 10px;
}

#paywall-offres .offres-container .offre-card .offre-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content:flex-start;

        align-content: center;

            align-items: center;
     font-size: 0.75rem;
line-height: 0.9rem;
    color: #13100d;
}

#paywall-offres .offres-container .offre-card .offre-inner .offre-text{
    width: 60%
}
#paywall-offres .cta-abo {
    background-color: gold;
    text-decoration: none;
    color: #13100d;
    font-weight: bold;
    font-size: 1.5rem;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 10px;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    -webkit-transition: background-color 0.3s ease, color 0.3s ease;
    -o-transition: background-color 0.3s ease, color 0.3s ease;
    transition: background-color 0.3s ease, color 0.3s ease;
}

#paywall-offres .cta-abo:hover {
    background-color: #13100d;
    color: #FFFFFF;
    -webkit-transition: background-color 0.3s ease, color 0.3s ease;
    -o-transition: background-color 0.3s ease, color 0.3s ease;
    transition: background-color 0.3s ease, color 0.3s ease;
}

#paywall-offres .offres-container .offre-card .offre-inner .offre-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content:flex-start;
/*    width: 40%;*/
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}

#paywall-offres .offres-container .offre-card .offre-inner .offre-image span {
    font-weight: bold;
    font-size: 2rem;
    color: #ff003e;

}


/* Hide all by default */
.offre-check-icon .checkmark-checked,
.offre-check-icon .checkmark-unchecked {
  opacity: 0;
  position: absolute;
}

/* Show checked icon if its input is checked */
input[type="radio"]:checked + .offre-card .checkmark-checked {
  opacity: 1;
  position: relative;
}

/* Show unchecked icon if its input is NOT checked */
input[type="radio"]:not(:checked) + .offre-card .checkmark-unchecked {
  opacity: 1;
  position: relative;
}


#paywall-offres .cta-abo {
    opacity:0;
    display: block !important;
    position: absolute; 
    
}

#paywall-offres #offre-print:checked ~ .cta-abo-print {
    opacity : 1;
    position: relative;
}

#paywall-offres #offre-sante:checked ~ .cta-abo-sante {
    opacity : 1;
    position: relative;

}



#paywall-offres .offre-reco {
    position: relative
}

#paywall-offres .offre-reco:before {
    position: absolute;
    content: "Recommandé pour vous";
    background-color: gold;
    top: -15px;
    left: 42px;
    padding: 1px 5px;
    font-size: 14px;
}

@media only screen and (min-width:991px) and (max-width: 1280px) {

    #paywall-offres .offre-image,
    #paywall-offres .offre-image * {
        display: none;
    }

    #paywall-offres .offre-image,
    #paywall-offres .offre-image {
        display: none;
        width: 0px;
    }

    #paywall-offres .offres-container .offre-card .offre-inner .offre-image {

        width: 0%;

    }

    #paywall-offres .offre-image,
    #paywall-offres .offre-text {}

    #paywall-offres .offres-container .offre-card .offre-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-line-pack: center;
            align-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
            font-size: 0.75rem;
line-height: 0.9rem;
        color: #13100d;
        width: 100%;
    }

    #paywall-offres .offres-container .offre-card .offre-inner .offre-text {
        width: 80%;
    }

    #paywall-offres .cta-abo {
        background-color: gold;
        text-decoration: none;
        color: #13100d;
        font-weight: bold;
        font-size: 1.2rem;
        display: inline-block;
        padding: 10px 20px;
        border-radius: 10px;
        width: 70%;
        margin: 0 auto;
        text-align: center;
        -webkit-transition: background-color 0.3s ease, color 0.3s ease;
        -o-transition: background-color 0.3s ease, color 0.3s ease;
        transition: background-color 0.3s ease, color 0.3s ease;
    }
}

@media only screen and (min-width:622px) and (max-width: 990px) {

    #paywall-offres .offre-image,
    #paywall-offres .offre-image * {
        display: block;
    }

    #paywall-offres .offre-image,
    #paywall-offres .offre-image {
        display: block;
        width: 40%;
    }

    #paywall-offres .offres-container .offre-card .offre-inner .offre-image {

        width: 40%;

    }

    #paywall-offres .offre-image,
    #paywall-offres .offre-text {}

    #paywall-offres .offres-container .offre-card .offre-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-line-pack: center;
            align-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
           font-size: 0.75rem;
line-height: 0.9rem;
        color: #13100d;
    }

    #paywall-offres .offres-container .offre-card .offre-inner .offre-text {
        width: 50%;
    }
}

@media only screen and (max-width: 621px) {

    #paywall-offres .offre-image,
    #paywall-offres .offre-image * {
        display: none;
    }

    #paywall-offres .offre-image,
    #paywall-offres .offre-image {
        display: none;
        width: 0px;
    }

    #paywall-offres .offres-container .offre-card .offre-inner .offre-image {

        width: 0%;

    }

    #paywall-offres .offre-image,
    #paywall-offres .offre-text {}

    #paywall-offres .offres-container .offre-card .offre-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: flex-start;
            align-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
            font-size: 0.75rem;
line-height: 0.9rem;
        color: #13100d;
        width: 100%;
    }

    #paywall-offres .offres-container .offre-card .offre-inner .offre-text {
        width: 80%;
        text-align: left;
    }

    #paywall-offres .cta-abo {
        background-color: gold;
        text-decoration: none;
        color: #13100d;
        font-weight: bold;
        font-size: 1.2rem;
        display: inline-block;
        padding: 10px 20px;
        border-radius: 10px;
        width: 70%;
        margin: 0 auto;
        text-align: center;
        -webkit-transition: background-color 0.3s ease, color 0.3s ease;
        -o-transition: background-color 0.3s ease, color 0.3s ease;
        transition: background-color 0.3s ease, color 0.3s ease;
    }
    
    #paywall-offres .texte-paywall p {
  font-size: 0.9rem;
            line-height: 1.2rem;

}
  #paywall-offres .texte-paywall p strong{
  font-size: 1rem;
}
    #paywall-offres .offre-reco::before {
  position: absolute;
  content: "Recommandé pour vous";
  background-color: gold;
  top: -19px;
  left: 42px;
  padding: 1px 5px;
  font-size: 12px;
}
    #paywall-offres .offres-container{
   margin-top: 15px;
}
  #paywall-offres .texte-paywall p {
    font-size: 0.9rem;
    line-height: 1.2rem;
  }
    
}
input[type="radio"][hidden] {
  display: inline-block;
  width: 1px;
  height: 1px;
  position: absolute;
  opacity: 0;
}

#paywall-offres .couvs-assemblees{
    background-color: red;
    position: relative;
    height: 50px;
    width:90px;
}
#paywall-offres .couvs-assemblees img{
    display: block;
    position: absolute;
    top:-10px;
    left:0;
}#paywall-offres .couvs-assemblees img+img{
    display: block;
    position: absolute;
    top:-5px;
    left:40px;
}