/* ================================MAIN=========================================*/
/* ================================MAIN=========================================*/
/* ================================MAIN=========================================*/

/* ----------------------------------------------------@import-------------------------------------------------------- */

@import "./Templates.css";

*{
    /* ----------------------------------------------------reset-CSS-------------------------------------------------------- */    margin:0;
    padding:0;
    margin:0;
    list-style-type:none;

    body{
        background-color: var(--BG-color);
        overflow:hidden;
    }

/* ================================CONTENU GLOBAL=========================================*/
    main{
        background-color: var(--BG-color);
        z-index:23;
        position:relative;
        height:calc(var(--abs-innerH-nav) - var(--b));
        width:100vw;
        display:grid;
        overflow-x:hidden;
        overflow-y:scroll;

        /* FRAME pour déploiement des menus escamotable */
        grid-template-columns:1fr 3em;
        grid-template-rows:auto;

    }


    #Current_tab{
    display:none;
    height:0;
    width:0;
    }

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

    @media screen AND (max-width:740px){
            main {
            margin-top:var(--nav);
            margin-bottom:var(--nav);
            height:var(--abs-innerH-nav);
            grid-template-columns: 1fr;
            padding:0;
            align-items:center;
            grid-template-columns: 100%;

        }
    
        
    }
}