/*
GRID- marge exterieurs : 15px 
- goutiere : 8px 
- marge haut bas : 4px
- middlemarge : 4px;
- nbre goutiere : 16
- taille d'une goutiere : calc( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 1 )
goutiere : width: calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 1 ) + ( 0 * 8px ) + ( 0 * 15px ) );
block-right:width: calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 4 ) + ( 4 * 8px ) + ( 1 * 15px ) );
block-left:width: calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 12 ) + ( 11 * 8px ) + ( 1 * 15px ) );

*/
.grid{position:fixed;z-index:3000;width:100vw;height:100vh;}
.col-border{width:15px;background-color:rgba(0,0,255,.3);}
.col-col{width:calc( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 1 );}
.bord-1{width:14px;}
.col-gout{width:8px;background-color:rgba(255,0,0,.3);}
.col-line{height:4px;position:absolute;top:0;background-color:rgba(0,255,0,.3);}
.col-line-1{height:4px;position:absolute;top:auto;bottom:0;}
.col-middle{width: 8px;position:absolute;background-color:rgba(255,255,0,.5);}
.col-middle-0{left:calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 1.5 ) + 15px + 4px );}
.col-middle-1{left:calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 2.5 ) + 15px + 4px + 8px );}
.col-middle-2{left:calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 6.5 ) + 15px + 4px + ( 8px * 5 ) );}
.col-middle-3{left:calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 10.5 ) + 15px + 4px + ( 8px * 9 ) );}
.col-middle-4{left:calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 12.5 ) + 15px + 4px + ( 8px * 11 ) );}
.changingEfface{text-decoration:none!important;}
.changingAppear{text-decoration:underline!important;}
/*generic*/
body{background-color:#101010;overflow:hidden;}
.mix-difference{mix-blend-mode: difference;}
.doubleCustomSpace{min-width:20pt;display:inline-block;}
.quartSpace{min-width:1pt;display:inline-block;}
.spacer-archive-image{min-width:10pt;}
/*nav*/
.main-menu-content,.headerResp{box-sizing:border-box;position:fixed;display:flex;flex-direction:row;gap:0;z-index:2000;mix-blend-mode: difference;padding-top:4px;padding-right:15px;padding-left:15px;text-transform:uppercase;}
.currentMenu{text-decoration:underline;}
.legende-home a, .legende-home p{clear:both;width:auto;max-width:100%;}
.main-menu-content *,.legende-home,.home-custom-cursor{color:#E8E8E8;}
.headerResp{position:fixed;z-index:2000;}
.colophon-container{top:auto;text-transform:none;bottom:calc( 35pt + 4px );position:fixed;z-index:4;box-sizing:border-box;padding-left:15px;padding-right:15px;color:#E8E8E8;mix-blend-mode: difference;}
.menu-index-archives-container{position:fixed;top:0;z-index:100;left:auto;right:0;box-sizing:border-box;padding:4px;top:-30px;transition:.25s ease;width: calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 4 ) + ( 4 * 8px ) + ( 1 * 15px ) );padding-left:8px;}
.changing-index-to-post .menu-index-archives-container{top:0;}

/*home*/
.body-index{height:100vh;overflow:hidden;background-color:#FFFFFF;}
.diapHome-ul-wrapper{display:inline-block;height:100%;width:100%;cursor:none!important;flex-wrap:nowrap;/*cursor: url('../inc/svgs/previous.svg') 36 5, auto;*/}
.diapHome-ul-container{position:absolute;height:100%;width:auto;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:visible;}
.diapHome-li{height:100vh;width:auto;flex:0 0 auto;display:flex;align-items:center;}
.diapHome-ul-2{position:absolute;top:0;left:calc( 100% + 0px );}
.diapHome-ul-0{position:absolute;top:0;left:auto;right:calc( 100% + 0px );}
/*.hoverRight{cursor: url('../inc/svgs/next.svg') 19 5, auto;}*/
.diapHome-ul{display:flex;flex-direction:row;height:100%;width:auto;flex-wrap:nowrap;transition:opacity .5s ease;opacity:0;transition-delay:1s;gap:0px;}
.legende-home{position:fixed;z-index:100;display:flex;flex-direction:row;mix-blend-mode: difference;left:50%;transition:opacity .5s ease;opacity:0;transition-delay:1s;top:0;width:auto;max-width:50%;padding:4px;}
.legende-home a{margin:0;padding:0;display:block;}
.custom-cursor {position: fixed;top: 0;left: 0;transform: translate(-50%, -50%);pointer-events: none;color: white;opacity: 0;transition: opacity 0.2s ease;z-index: 3000;white-space: nowrap;}
.respDiapHome-li{background-position:center;background-size:cover;position:absolute;display:inline-block;left:0;top:0;width:100%;height:100%;z-index:1;transition:opacity .3s ease;opacity:0;}
.respDiapHome{position:absolute;left:0;top:0;width:100%;height:100%;}
.respDiapHome-li-activ{display:inline-block;z-index:3;opacity:1;}
.respDiapHome-li-prevActiv{display:inline-block;z-index:2;opacity:1;}
.changing-index-to-post .home-custom-cursor{display:none;}
.changing-index-to-post .diapHome-ul-wrapper{opacity:0;transition:.25s;}
.diapHome-ul-wrapper,.diapHome-ul-wrapper * {user-select: none;/* Empêche la sélection du texte */-webkit-user-drag: none; /* Empêche le drag sur Safari/Chrome */-moz-user-select: none;  /* Pour Firefox */-ms-user-select: none;   /* Pour IE/Edge */}
/*when transition home to post*/
.bodyindex-open .legende-home{opacity:1;}
.changing-index-to-post .home-custom-cursor{display:none;opacity:0;}
.changing-index-to-post .legende-home{transition:.5s ease;opacity:0;}
.changing-post-to-index .all-archives-ul,.changing-post-to-index .section-images-archives-container,.changing-post-to-index .menu-index-archives-container{transition:.2s; opacity:0;}
.body-with-index-image-archive .menu-index-archives-container{transition:opacity 0.3s;}
/*articles*/
.image-archive-content .menu-index-archives-container{top:0;}
.section-all-archives{width:110vw;height:100vh;overflow:hidden;overflow-y:auto;}
.all-archives-ul{width: calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 12 ) + ( 11 * 8px ) + ( 1 * 15px ) );box-sizing:border-box;padding-left:15px;margin-bottom:4px;}
.all-archives-li{box-sizing:border-box;padding-top:calc( 11pt + 4px );padding-bottom:calc( 11pt - 4px );display:flex;flex-direction:column;gap:0px;}
.all-archives-ul .all-archives-li:nth-last-child(3){padding-bottom:0!important;}
.liste-archives-li-content{display:flex;flex-direction:column;gap:8px;margin-top:4px;}
.archive-info-container{margin-top:4px;display:flex;flex-direction:row;}
.archive-info-bouton-container{width:calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 1 ) + ( 1 * 8px ) );}
.lazyblock-line-forcedHeight .lazyblock-image{height:100%;width:auto!important;flex:0 0 auto;display:flex;}
.lazyblock-line{overflow:hidden;gap:8px;box-sizing:border-box;opacity:0;}
.archive-info-bouton-p{text-decoration:underline;color:#E8E8E8;opacity:0.4;cursor:pointer;}
.archive-info-li{display:flex;flex-direction:row;}
.archive-info-li-p-titre{width: calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 1.5 ) + ( 1.5 * 8px ) + ( 0 * 15px ) );}
.lazyblock-line-forcedHeight .lazyblock-contenu-imagevideo{width:auto!important;height:100%!important;flex:0 0 auto;display:inline-block;}
.lazyblock-line-customWidth{box-sizing:border-box;}
.lazyblock-line-customWidth .lazyblock-contenu-imagevideo{flex:0 0 auto;}
.archive-info-ul-container{height:0;overflow:hidden;width: calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 11 ) + ( 10 * 8px ) + ( 0 * 15px ) );flex:1 1 auto;}
.archive-info-li-p-txt{width: calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 9.5 ) + ( 9 * 8px ) + ( 0 * 15px ) );}
.bodyindex-open .diapHome-ul{opacity:1;}
.archive-info-open .archive-info-bouton-p-more,.archive-info-bouton-p-less{display:none;}
.archive-info-open .archive-info-bouton-p-less{display:inline-block;}
.back-to-top{cursor:pointer;margin-top:calc( 50vh - 4px - 11pt );}
.body-with-index-image-archive{height:100vh;}
.all-archives-ul{opacity:1;transition:opacity .4s;}
.body-archiveLoading .all-archives-ul,.body-archiveLoading .section-images-ul{opacity:0;}
.wp-block-lazyblock-space{height:calc( 22pt - 16px );}

/*article-images*/
.section-images-ul{opacity:.2;transition:.5s ease;padding-top:11pt;}
.image-archive-content:hover .section-images-ul{opacity:1;}
.section-images-li{margin-top:calc( 11pt + 0px );}
.section-images-archives-container{width:100vw;height:100vh;overflow:hidden;overflow-y:auto;position:fixed;left: calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 12 ) + ( 12 * 8px ) + ( 1 * 15px ) );top:0;}
.image-archive-content{width: calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 4 ) + ( 3 * 8px ) + ( 0 * 15px ) );margin-bottom:4px;margin-top:4px;}
.uneImageArchives{opacity:.9;filter:grayscale(1);min-width:1px;flex:1 1 auto;}
.ellipisText{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.section-image-zone-up{display:flex;flex-direction:row;gap:0;margin-bottom:4px;}
.section-image-zone-up p{flex:0 0 auto;margin-top:11pt;}
.menu-index-archives-images{text-decoration:underline;}
.lazyblock-line-forcedHeight .lazyblock-video{height:100%;width:auto;}
/*.lazyblock-line-forcedHeight .lazyblock-video{width:100%;height:auto;}*/
/*popups*/
.popup-container{position:fixed;z-index:2500;opacity:0;box-sizing:border-box;padding:0px;padding-left:15px;padding-right:15px;}
.popup-right{width: calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 4 ) + ( 4 * 8px ) + ( 1 * 15px ) );position:fixed;box-sizing:border-box;left:auto;right:0;padding:4px;padding-right:15px;}
.popup-left{width: calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 12 ) + ( 11 * 8px ) + ( 0 * 15px ) );height:100%;}
.popup-left-container{width:105vw;overflow-x:hidden;overflow-y:auto;height:100%;}
.popup-container *{color:#E8E8E8;mix-blend-mode: difference;}
.body-index .body-propos-background{background-color:#ffffff;opacity: 0.97;}
.body-index .popup-container *{color:#E8E8E8;mix-blend-mode: difference;}

/*POPUP propos*/
.body-propos-background{background-color:#101010;opacity: 0.96;position:fixed;height: 110vh;width: 110vw;left: -5vw;top: -5vh;}
.bodypopup-open .blurable{filter: blur(2px);}
.popup-propos{z-index:200;display:none;}
.propos-content{min-height:100%;flex-direction: column;justify-content: space-between;display: flex;}
.body-propos .popup-container{opacity:1;}
.wp-block-lazyblock-contact{width:100%;position:relative;height:auto;margin:0;padding:0;display:flex;}
.lazyblock-3-colonnes-container{margin-top:calc( 4px + 33pt);display:flex;flex-direction:row;gap:8px;margin-bottom:22pt;}
.lazyblock-contact-container{display:flex;flex-direction:row;gap:8px;}
.lazyblock-contact-container p{width:100%;}
.block-contact-titre{width:calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 1.5 ) + 4px );}
.block-contact-content{width:1px;flex-grow:1;}
.alinea{text-indent: calc( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 0.5 );}
.signature-propos-container{display:flex;flex-direction:row;gap:8px;margin-bottom:4px;}
.signature-propos-0{width:auto;white-space:nowrap;}
.signature-propos-1{position:absolute;left:auto;right:0;width:calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 8 ) + ( 7 * 8px ) );}
  

/*popup liste*/
.popup-liste{display:none;width:100vw;height:100vh;z-index:2500;}
.liste-archives-li p{color:#E8E8E8;opacity:0.4;}
.liste-archives-li a p{color:#ffffff;opacity:1;}
.liste-archives-li-ul-li{flex:0 0 auto;}
.liste-archive-ul{margin-top:11pt;}
.popup-liste .popup-left{margin-top:4px;margin-bottom:4px;height:auto;}
.liste-archives-titre-p{width:auto;overflow:hidden;}
.liste-archives-titre{width:calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 6.5 ) + 0px - 4px + ( 8px * 6 ) );display:flex;flex-direction:row;gap:0;}
.liste-archives-titre-p{flex:0 0 auto;}
.liste-archives-titre-p-titre{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;}
.liste-archives-titre-p-ref{width:29px;overflow:visible;}
.liste-archives-cat{width:calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 1.5 ) - 4px + ( 8px * 1 ) );}
.liste-archives-ref{width:calc( 15px + 26px );}
.liste-archives-authors{width:calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 2.5 ) - 4px + ( 8px * 2 ) );}
.liste-archives-annee{width:calc( ( ( ( 100vw - ( 2 * 15px ) - ( 15 * 8px ) ) / 16 ) * 1.5 ) - 4px + ( 8px * 1 ) );}
.liste-archives-ul{display:flex;flex-direction:column;}
.liste-archive-ul{padding-bottom:33pt;}
.liste-archives-li-ul{display:flex;flex-direction:row;gap:8px;}
.selectable-hover .popup-left:hover p{color:#E8E8E8;opacity:0.4;}
.selectable-hover .popup-left:hover a:hover p{color:#ffffff;opacity:1;}
.no-selectable-hover a p,.no-selectable-hover .liste-archive-index-ul p{color:#ffffff!important;opacity:1!important;}
.body-popup-firstground-propos{cursor:pointer;}
.popup-list-hover-receptor .section-images-li{margin-top:11pt;}

/*classic*/
.classic-page-container{box-sizing:border-box;min-height:100vh;padding:15px;padding-top:calc( 4px + 22pt );padding-bottom:calc( 4px + 22pt );}

img {
  min-height: 1px; /* Force le recalcul de hauteur */
}


/*gestion safari*/
.lazyblock-line-forcedHeight .lazyblock-contenu-imagevideo {
  min-width: 10px;
  min-height: 10px;
  flex-shrink: 0; /* Empêche le rétrécissement inopiné */
}
.lazyblock-contenu-imagevideo {
  will-change: transform, width, height;
}

/*partout - lazyload*/
.lazyblock-contenu-imagevideo img {
  opacity: 0;
}

/*.changing-post-to-index .lazyblock-contenu-imagevideo img {opacity: 1;}*/
img.lazyloaded {animation: fadein .7s ease forwards;}
.body-index img.lazyloaded {animation:none;}
.popup-list-hover-receptor img.lazyloaded {animation:none;opacity: 1; transform:translateY(0px);}
  @keyframes fadein {
    from { opacity: 0; transform:translateY(100px);}
    to   { opacity: 1; transform:translateY(0px);}
  }