@media (max-width:1400px)
{
    body { font-size:90%;  }

    aside { font-size:90%; }
    article>div { padding:.5em; }
    menu,nav { font-size:65%; }
    div.huge { font-size:80%; }
    article.map_header>div { font-size:80%; }
}


@media (orientation: portrait)
{
    body { font-size:0.80em; flex-direction:column; }

	menu { display:flex; margin:0; padding:2px; }
    nav { display:flex; margin:0; padding:2px; }
    menu>a, nav>a { border:1px solid var(--line); margin:0; margin-right:.2em; overflow:visible; background-color:transparent; }
    sub { z-index:40; font-size:25%; /* déjà 50% de base */ }

    main { padding:0 5% 0 0; }
    nobr { white-space:normal; }

    /* --- chan */
    aside
    {   position:fixed;
        top:0px; right:-65%;
        max-width:70%; 
        width:100%;
        background-color:var(--theme);
        box-shadow:0 0 1em RGBA(0,0,0,.5);
        transition:right .15s ease;
        overflow-y:scroll;
        /*min-height:auto; height:auto; max-height:auto;*/
    }

    aside>div { overflow-y:visible; flex-shrink:1 ;/*max-height:auto; min-height:auto; height:auto; */ }
    aside.focus { right:0; }

    /* mise en page */

    article { flex-wrap:wrap; }

    div.mini { flex-grow:.1; }
    div.half { flex-grow:.25; }
    div.huge { font-size:60%; }

    /* body.mode_2 article>div { flex-basis:100%; } */
    article>div.image { flex-basis:0; flex-shrink:1 !important; }
    article>div.wall { flex-basis:0; }

    /* seulement utilisé pour l'en tête de la carte */
    article.map_header>div { flex-basis:auto; min-width:auto; }


}