/* --------------------------------------------Acceuil---------------------------------------- */



main
{
    overflow-Y:scroll;
    grid-template-rows:var(--5b) 4fr 20%;
    gap:var(--b);
    justify-content:center;
    .main_band{
        height:var(--5b);
        width:var(--inner-b);
        margin:auto;
        grid-row:1;
        overflow:hidden;
        display:flex;
        justify-content:center;
        align-items:end;
        
        & img{
           /* padding:var(--b); */
            height:var(--5b);
        }
    }
    .main_apropos{
        height:calc(var(--10b));
        width:calc(2 * var(--10b));
        padding:var(--b);
        grid-column:1;
        grid-row:2;
        display:flex;
        gap:var(--b);
        flex-direction:column;
        justify-content:center;
        align-items:center;
        margin:0 auto 0 auto;
        
        & img{
            position:relative;
            top:var(--b);
            /* padding:var(--b); */
            width:100%;
        }
        & #Apropos_Titre{
            /* margin:var(--b); */
            
            min-width:372px;
        }
        & #Apropos_Infos{
            text-align:center;
            width:calc(2 * var(--10b));
            padding:var(--2b) 0 var(--2b) 0;
        }
    }

    .main_portail{
        max-height:var(--5b);
        width:var(--inner-b);
        margin:var(--b);
        grid-column:1;
        height:100%;
        grid-row:3;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        margin:var(--b);
        & a{
            *{
                text-align: center;
            }
            & img{
                width:var(--2b);
            }
        }

    }
}


/* ================================MEDIA-QUERIES=========================================*/
/* ================================MEDIA-QUERIES=========================================*/
/* ================================MEDIA-QUERIES=========================================*/