@media screen and (max-width: 980px) 
{
    #menuMaquette #menuTrigger
    {
        margin-right: 0;
    }
    #Lexique, #partMaquette .texte-section, #partMaquette .formWrap
    {
        padding: 20px;
    }
    .colDir
    {
        flex-direction: column;
    }
    body
    {
        font-size: 16px;
    }
    #partMaquette section:not(#header):not(#menu):not(#pied-de-page):not(#agence) 
    {
        padding:10px;
    }
    #menu
    {
        flex-direction: column;
    }
    .changementContainer {
        font-size: 19px;
    }
    #changements {
        flex-direction: column;
    }
    #onePage {
        height: calc(100vh - 320px);
        min-height: initial;
    }
    #onePage.tablette {
        height: calc(100vh - 390px);
    }
    #onePage.mobile {
        height: calc(100vh - 390px);
    }
    .categorie .navdown, #changements .changementContainer.mainContainer, #changements
    {
        grid-template-columns: 1fr;
    }

    .mainContainer>.titleCat, #changements .changementContainer.mainContainer, #changements .changementContainer.ImageContainer
    {
        grid-column: span 1;
    }
    .hidden.return
    {
        display: none;
    }
    #mapAgence
    {
        min-height: 300px;
    }
}



@media screen and (max-width: 736px) 
{
    #partMaquette
    {
        padding: 0;
    }
}

@media screen and (max-width: 480px) 
{
    #Maquette #LogoDiv, #Lexique #LogoDiv
    {
        padding-top: 90px;
        padding-bottom: 10px;
    }
    #ZoneTexteParent #wrapZone
    {
        max-width: 85%;
        max-height: 60%;
        overflow-y: scroll;
    }
}