/*todo cookie*/
@media all and (min-width: 576px) {
    .modal .btn-close {
        margin-bottom: 54px;
        margin-right: -21px;
        position: absolute;
        right: 0;
        background-color: white;
        opacity: 1;
        border-radius: 50%;
        width: 30px;
        height: 30px;
    }
}

.modal.custom .modal-dialog {
    width:100%;
    position:fixed;
    bottom:0;
    left:0;
    margin:10px;
}

.boutonCookie{
    background-color:var(--couleur1);
    color:var(--couleurB);
    padding:2px 12px;
    border-radius: 0.25rem;
    border:none;
}

.modal.custom .modal-dialog {
    width:100%;
    position:fixed;
    bottom:0;
    left:0;
    margin:10px;
}

.modal p{
    font-size:0.8rem;
}

.modal .d-inline-block{
    font-size:0.9rem;
}

.modal .getlaid{
    font-size:1.3rem;
    font-weight:800;
    color:var(--couleur1);
}

.btn-primary{
    background-color:var(--couleur1) !important;
    color:var(--couleurB);
    border:none;
}
.btn-primary:hover{
    background-color:var(--couleur1) !important;
    color:var(--couleurB);
    border:none;
}

.btn-secondary{
    background-color:var(--couleur2) !important;
    color:var(--couleurB);
    border:none;
}
.btn-secondary:hover{
    background-color:var(--couleur2) !important;
    color:var(--couleurB);
    border:none;
}

.boutonCookie{
    background-color:var(--couleur1);
    color:var(--couleurB);
    padding:2px 12px;
    border-radius: 0.25rem;
    border:none;
    width: 150px;
    height: 50px;
}

@media all and (max-width: 768px) {
    .modal.custom .modal-dialog {
        width:100%;
        margin: 0;
    }
}

@media all and (min-width: 576px) {
    .modal .btn-close
    {
        margin-bottom: 54px;
        margin-right: -21px;
        position: absolute;
        right: 0;
        background-color: white;
        opacity: 1;
        border-radius: 50%;
        width: 30px;
        height: 30px;
    }
}