/* Ici les styles pour la popin */
#modal-popin-just-one-time {
    z-index:9999999999;
}

#modal-popin-just-one-time .modal-dialog {
    max-width: 1100px !important;
}

#modal-popin-just-one-time .modal-body button.close {
    z-index: 3 !important;
}

#modal-popin-just-one-time .bg,
#modal-popin-just-one-time .bg-mobile {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

#modal-popin-just-one-time .bg-mobile {
    display: none !important;
}

#modal-popin-just-one-time .inner {
    position: relative !important;
    text-align:center;
}

#modal-popin-just-one-time .inner>* {
    position: relative !important;
    z-index: 2 !important;
}

#modal-popin-just-one-time .col-md-7{
    display:flex;
    align-items:center;
}

#modal-popin-just-one-time .colright{
    display:flex;
    align-items:center;
}

#modal-popin-just-one-time .colright img{
    max-width:275px;
}

@media(max-width: 767px) {

    #modal-popin-just-one-time .col-md-7{
        margin-block-end:  1rem;
    }

    #modal-popin-just-one-time .bg,
    #modal-popin-just-one-time .inner:before {
        display: none !important;
    }

    #modal-popin-just-one-time .bg-mobile {
        height: 320px !important;
        display: block !important;
    }

    #modal-popin-just-one-time .inner {
        padding-top: 20px !important;
    }
}