.compWidgetAbonnementRenouvelable {
    position: absolute;
    top: 200px;
    z-index: 80;
    right: 40px;
}
.compWidgetAbonnementRenouvelable .dataContentComposants {
    background-color: white;
}
.compWidgetAbonnementRenouvelable .dataContentComposants .content {
    border: 2px solid black;
    border-radius: 5px;
    padding: 10px;
    text-align: left !important;
}
.compWidgetAbonnementRenouvelable .dataContentComposants .entete {
    font-size: 20px;
    cursor: pointer;
    height: 50px;
}
.compWidgetAbonnementRenouvelable .dataContentComposants .entete .entete-texte {
    float: left;
    margin-right: 10px;
}
.compWidgetAbonnementRenouvelable .dataContentComposants .entete .entete-icone {
    float: right;
}
.compWidgetAbonnementRenouvelable .dataContentComposants .entete .display-search,
.compWidgetAbonnementRenouvelable .dataContentComposants .entete .hide-search {
    display: block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
}
.compWidgetAbonnementRenouvelable .dataContentComposants .entete .display-search {
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-arrow-down-square" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm8.5 2.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293z"/></svg>');
}
.compWidgetAbonnementRenouvelable .dataContentComposants .entete .hide-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-arrow-up-square" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm8.5 9.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707z"/></svg>');
}
.compWidgetAbonnementRenouvelable .dataContentComposants .content-abo-search {
    display: none;
}
.compWidgetAbonnementRenouvelable .dataContentComposants .abo-search-fields {
    padding: 8px 0px;
}
.compWidgetAbonnementRenouvelable .dataContentComposants .numero-abonne {
    background-color: #fff;
    height: 35px;
    padding: 0 0 0 10px;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48.53 36.85'%3E%3Cpath fill='%23999999' d='M46.77,36.85h-.14c-.97,0-1.76-.79-1.76-1.76h0c0-4.87-3.95-8.83-8.82-8.83h-7.89c-4.87,0-8.83,3.95-8.83,8.82h0c0,.97-.79,1.76-1.76,1.76h-.14c-.97,0-1.76-.79-1.76-1.76h0c0-6.89,5.58-12.47,12.47-12.47h7.89c6.89,0,12.47,5.59,12.47,12.47h0c0,.97-.79,1.76-1.76,1.76Z'/%3E%3Cpath fill='%23999999' d='M32.11,19.7c-5.43,0-9.85-4.42-9.85-9.85S26.68,0,32.11,0s9.85,4.42,9.85,9.85-4.42,9.85-9.85,9.85ZM32.11,3.65c-3.42,0-6.2,2.78-6.2,6.2s2.78,6.2,6.2,6.2,6.2-2.78,6.2-6.2-2.78-6.2-6.2-6.2Z'/%3E%3Crect fill='%23999999' x='6.2' y='7.66' width='3.65' height='16.06' rx='1.76' ry='1.76'/%3E%3Crect fill='%23999999' x='0' y='13.87' width='16.06' height='3.65' rx='1.76' ry='1.76'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 7px center;
    background-size: 25px;
    border: 1px solid #999999;
}
.compWidgetAbonnementRenouvelable .dataContentComposants .nom-abonne,
.compWidgetAbonnementRenouvelable .dataContentComposants .prenom-abonne {
    background-color: #fff;
    height: 35px;
    padding: 0 0 0 10px;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.93 21.57'%3E%3Cpath fill='%23999999' d='M19.93,21.57h0c0-3.77-3.06-6.83-6.83-6.83h-6.27c-3.77,0-6.83,3.06-6.83,6.83h0s19.93,0,19.93,0Z'/%3E%3Cpath fill='%23999999' d='M16.71,6.75c0,3.73-3.02,6.75-6.75,6.75s-6.75-3.02-6.75-6.75S6.24,0,9.97,0s6.75,3.02,6.75,6.75Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 7px center;
    background-size: 15px;
    border: 1px solid #999999;
}
.compWidgetAbonnementRenouvelable .dataContentComposants .button-renew-seach {
    cursor: pointer;
    padding: 7px 15px;
    background: #272727;
    border-radius: 7px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    border: solid 3px #000000;
}

.compWidgetAbonnementRenouvelable .dataContentComposants .button-renew-seach::after {
    display: inline-flex;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    width: 21px;
    height: 10px;
    margin-left: 7px;
}
.compWidgetAbonnementRenouvelable .dataContentComposants .resultat-abo span {
    width: 100%;
    display: block;
}

.compWidgetAbonnementRenouvelable .dataContentComposants .resultat-abo .nom-abo {
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0;
}
.compWidgetAbonnementRenouvelable .dataContentComposants .resultat-abo .achat-abo,
.compWidgetAbonnementRenouvelable .dataContentComposants .resultat-abo .activation-abo,
.compWidgetAbonnementRenouvelable .dataContentComposants .resultat-abo .validite-abo {
    font-size: 16px;
    margin-left: 20px;
    margin-bottom: 5px;
    max-width: 700px;
}
.compWidgetAbonnementRenouvelable .dataContentComposants .resultat-abo .validite-abo {
    font-weight: bold;
}
.compWidgetAbonnementRenouvelable .dataContentComposants .resultat-abo .abo-valide {
    color: #219653;
}
.compWidgetAbonnementRenouvelable .dataContentComposants .resultat-abo .abo-non-valide {
    color: #CF4845;
}
.compWidgetAbonnementRenouvelable .dataContentComposants .aucun-resultat {
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    display: block;
    margin-top: 20px;
}
.compWidgetAbonnementRenouvelable .dataContentComposants .champ-vide {
    background-color: #CF4845;
}
.compWidgetAbonnementRenouvelable .dataContentComposants .connexion-mon-compte {
    font-size: 16px;
}