.modal-avis .modal-content {
    display: grid;
    grid-template-areas: 'header'
        'body'
        'footer';
    grid-template-rows: 2% 60% 50%;
    width: 43.75rem;
    height: 57.5rem;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    max-height: 80%;

}
.modal-avis .modal-header {
    display: none;
    grid-area: header;
}
.modal-body .header img{
    width: 45%;
}
.modal-avis p {
    font-family: Arial;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #4a4a4a!important;
    text-align: left;
}

.modal-avis .header {
    text-align: center;
}
.modal-avis .modal-body .header h3 {
    font-weight: 700!important;
    margin-top: .5rem;
    font-size: 25px;
    line-height: 1.7rem;
}

.modal-avis .modal-body {
    grid-area: body;
    overflow-y: scroll;
    padding: 1.75rem;
    max-height: 103%;
}
.modal-avis .modal-body .contenu {
    padding-left: 3rem;
    padding-right: 3rem;
}
.modal-avis .modal-body .contenu p {
    margin-top: .5em!important;
}

.modal-avis .modal-footer {
    grid-area: footer;
    display: grid;
    grid-template-areas: 'titre titre'
        'texte texte'
        'case case'
        'btnrefuser btnPoursuivre';
    border-radius: 0.25rem;
    border: 1px solid #E5E2E2;
    background: #F5F5F5;
    text-align: left;
    padding-right: 2rem;
    padding-left: 2rem;

    /* Shadow/shadow-lv03 */
    box-shadow: 0px 33px 9px 0px rgba(0, 0, 0, 0.00), 0px 21px 9px 0px rgba(0, 0, 0, 0.02), 0px 12px 7px 0px rgba(0, 0, 0, 0.06), 0px 5px 5px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.modal-avis .modal-footer h5 {
    grid-area: titre!important;
    font-family: museo!important;
}
.modal-avis .modal-footer-text {
    grid-area: texte !important;
}
.modal-avis .modal-footer .consentement {
    grid-area: case;
    display: grid;
    grid-template-areas: 'check label';

    align-items: center;
    gap: 0.75rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding-left: 1rem;
    padding-top: .5rem;
    justify-content: space-around;
    border-radius: 0.25rem;
    border: 1px solid #E5E2E2;
    background: #FFFFff;
}
.modal-avis .modal-footer .consentement input {
    grid-area: check;
}

.modal-avis .modal-footer .consentement #checklabel {
    grid-area: label;
    color: black;
    font-family: Arial;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
}


.modal-avis .modal-footer #retour{
    grid-area: btnrefuser;
    border: 1px solid rgba(255, 255, 255, 0.00);
    background: rgba(255, 255, 255, 0.00);
    color: #018849!important;
}
.modal-avis .modal-footer button.poursuivre {
    grid-area: btnPoursuivre;
}
.modal-avis .modal-footer button.modal-btn {
    border-radius: 0.25rem;

}
.modal-avis .modal-footer .disable {
    color: #BAB9B5!important;
    background-color: #F5F5F5;
}

.notes {
    color: #737373;
    clear: both;
    font-size: 1rem;
    margin: 1.25em 0 1.75em;
    padding: 1.5em;
    border: 1px #e5e2e2 solid;
    text-align: center;
}
.notes h5 {
    margin-top: .5em!important;
    color: #737373!important;

}
.modal-avis .modal-body h5 {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #4a4a4a;
    margin: 1em 0 0.15em 0;
    font-weight: 700;
    font-family: 'museo';
}
/*Section pour mobile*/

@media screen and (max-width: 1300px) {
    .modal-content {
        max-height: 75% !important;
        max-width: 75%!important;
    }
    .modal-content .modal-avis .modal-body .contenu {
        padding-right: 3rem;
        padding-left: 3rem;
    }
}

@media screen and (max-width: 960px) {
    .modal-content{
        grid-template-rows: 0 50% 50%;
        max-height: 75% !important;
        max-width: 75%!important;
    }
    .modal-avis .modal-body .contenu {
        padding:0;
    }
}

@media screen and (max-width: 500px) {
    .modal-content{
        grid-template-rows: 0 60% 30% !important;
        max-height: 75% !important;
        max-width: 75%!important;
    }
    .modal-avis .modal-body .contenu {
        padding: 0;
    }

    .modal-avis .modal-footer {
        display: grid;
        grid-template-areas: 'titre'
        'texte'
        'case'
        'btnrefuser'
        'btnPoursuivre';
        padding-bottom: .25rem;
    }
}