/*marges : t/b=4px; L/R=15px; GAP=8px*/

/*generic*/
.scrollable-gabarit{width:100%;overflow:hidden;overflow:none;}
.scrollable-overflow{width:calc( 100% + 50px );height:100%;height:100svh;overflow-y:auto;}
.scrollable-content{width:calc( 100% - 50px );}
.section-infos{height:100vh;height:100svh;}

/*nav*/
.nav{position:fixed;top:0;box-sizing:border-box;padding:7px;padding-left:15px;padding-right:15px;z-index:2000;}
.nav-ul{display:grid;grid-template-columns: repeat(16, 1fr);gap:8px;}
.nav-li-0{grid-column-start: 2;grid-column-end: span 11;}
.nav-li-1{grid-column-end: span 2;}
.nav-li-2{grid-column-end: span 1;display:flex;flex-direction:row;justify-content:flex-end;}
.nav-li-fermer h5{text-decoration:none!important;}
.body-index .nav-a-1 h5{text-decoration:underline;text-underline-offset:3px;}
.body-propos .nav-a-2 h5{text-decoration:underline;text-underline-offset:3px;}
.nav-li-0 .currentMenu h5{text-decoration:none;}
.nav-li-fermer{grid-column-start: 16;grid-column-end: span 1;}
.body-index .nav-li-fermer{display:none;}
.navBG{position:absolute;opacity:1;transition:.2s ease;height:0;}
.body-propos .navBG{opacity:1;height:100%;}

/*diap*/
.section-index{display:flex;flex-direction:row;height: 100vh;height: 100svh;}
.article-index{
    cursor: url('../imgs/logos/fleche.png')16 16, auto;  overflow:hidden; touch-action: pan-y;}
.diap-ul{position:absolute;left:0;top:0;display: flex;flex-direction: row;flex-wrap: nowrap;}
.diap-li{background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;top:0;left:0;height:100vh;height: 100svh;width:50vw;}
.diap-info-container{position:absolute;top:auto;bottom:0;box-sizing:border-box;padding:8px;padding-left:15px;padding-right:15px;padding-bottom:12px;display:grid;align-items: end;grid-template-columns: repeat(8, 1fr);gap:8px;}
.diap-article-0 .diap-info-container{padding-right:calc( 8px / 2 );}
.diap-article-1 .diap-info-container{padding-left:calc( 8px / 2 );}
.diap-pagina{grid-column-start: 2;grid-column-end: span 3;}
.diap-legende{grid-column-start: 5;grid-column-end: span 4;}
.diap-li-after{position:absolute;left:100%;}
.diap-li-before{position:absolute;left:auto;right:100%;}

/*infos*/
.background-info{position:absolute;opacity:.96;}
.section-infos{position:fixed;top:0vh;pointer-events: none;opacity:0;transition:.3s ease;}
.body-propos .section-infos{pointer-events:auto;opacity:1;}
.article-infos-content{display:grid;grid-template-columns: repeat(16, 1fr);gap:8px;}
.article-infos-content-ul{display:flex;flex-direction:column;gap:33px;}
.article-infos-content-ul-0 {grid-column: 2 / 6;}
.article-infos-content-ul-1  {grid-column: 7 / 11;}
.article-infos-content-ul-2{grid-column: 12 / 16;}
.article-infos-content-li{display:flex;flex-direction:column;gap:15px;}
.article-infos-content-li-titre{box-sizing:border-box;padding-left:calc( ( ( 100% - 24px ) / 4 ) + 8px );text-decoration: underline;text-underline-offset: 3px;}
.article-infos{box-sizing:border-box;padding:8px;padding-left:15px;padding-right:15px;padding-top:calc( 33px + 0px );display:flex;flex-direction:column;gap:33px;}
.article-infos-content-li-ul-li-mainContent{display:grid;grid-template-columns: repeat(8, 1fr);gap:8px;}
.info-date{grid-column: 1 / 3;}
.info-content{grid-column: 3 / 9;}
.info-content p{float:left;margin:0;padding:0;display:block;}
.info-type_date .article-infos-content-li-ul-li-mainContent{display:flex;flex-direction:row;gap:8px;}
.info-st-container{display:grid;grid-template-columns: repeat(4, 1fr);gap:8px;}
.info-st{grid-column: 2 / 5;}
.info-type_renseignement .info-date{grid-column: 1 / 4;}
.info-type_renseignement .info-content{grid-column: 4 / 9;}
.info-type_txt .info-content{grid-column: 1 / 9;}
.info-type_date .info-date{max-width:48px;}
.info-type_txt-contenu p{text-indent:calc( 48px + 8px );width:100%;}
.info-type_txt-contenu p:first-child{text-indent:0;}
.info-type_date .info-content{width:100%;}
.article-colophon-content{margin-top:33px;}

.noJustify{text-align:left!important;}
.noJustify-child *{text-align:left!important;}