:root{--Primary-white:#fff;--Primary-black:#080808;--Primary-black66:rgba(8, 8, 8, 0.4);--Font-Family-Main:Magneta-Thin;--Cards-Width:48%;--cards-Mobile-Width:auto;--Cards-Tall-Height:59.5vw;--Cards-Tall-Mobile-Height:450px;--Cards-Djo-Mobile-Height:372px;--Cards-Small-Height:29.75vw;--Cards-Small-Mobile-Height:200px;--Titles-Cards-Margin:4px;--Titles-Cards-Font-Size-Titles:1.2rem;--Titles-Cards-Font-Size-Subtitles:1.05rem}html{width:100vw}html body{background:var(--Primary-white);font-family:var(--Font-Family-Main);font-weight:400;font-size:62.5%;margin:0;display:flex;justify-content:center}html body .navbar .navbarContent .navbarContentSections .navbarContentSectionsLinks div:first-child{font-style:italic;text-decoration:underline}html body main{width:100%;height:fit-content;display:flex;justify-content:center;margin-top:110px;margin-bottom:10vh}html body main .container{width:80%;display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:10vh}html body main .container .belleyme,html body main .container .federation,html body main .container .fenetre,html body main .container .grotto,html body main .container .marais,html body main .container .neuilly{display:flex;width:var(--Cards-Width);height:var(--Cards-Tall-Height);flex-direction:column;position:relative}html body main .container .belleyme .belleymeImage,html body main .container .federation .federationImage,html body main .container .fenetre .fenetreImage,html body main .container .grotto .grottoImage,html body main .container .marais .maraisImage,html body main .container .neuilly .neuillyImage{width:100%;height:100%}html body main .container .belleyme .belleymeTitles,html body main .container .eliseDjoBourjoie .eliseDjoBourjoieTitles,html body main .container .federation .federationTitles,html body main .container .fenetre .fenetreTitles,html body main .container .grotto .grottoTitles,html body main .container .haos .haosTitles,html body main .container .hermes .hermesTitles,html body main .container .maje .majeTitles,html body main .container .marais .maraisTitles,html body main .container .neuilly .neuillyTitles{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-decoration:none;color:var(--Primary-white);font-family:var(--Font-Family-Main);background-color:var(--Primary-black66);opacity:0;transition:1.2s}html body main .container .belleyme .belleymeTitles .belleymeTitlesMain,html body main .container .eliseDjoBourjoie .eliseDjoBourjoieTitles .eliseDjoBourjoieTitlesMain,html body main .container .federation .federationTitles .federationTitlesMain,html body main .container .fenetre .fenetreTitles .fenetreTitlesMain,html body main .container .grotto .grottoTitles .grottoTitlesMain,html body main .container .haos .haosTitles .haosTitlesMain,html body main .container .hermes .hermesTitles .hermesTitlesMain,html body main .container .maje .majeTitles .majeTitlesMain,html body main .container .marais .maraisTitles .maraisTitlesMain,html body main .container .neuilly .neuillyTitles .neuillyTitlesMain{margin:var(--Titles-Cards-Margin);font-size:var(--Titles-Cards-Font-Size-Titles)}html body main .container .belleyme .belleymeTitles .belleymeTitlesSubtitles,html body main .container .eliseDjoBourjoie .eliseDjoBourjoieTitles .eliseDjoBourjoieTitlesSubtitles,html body main .container .federation .federationTitles .federationTitlesSubtitles,html body main .container .fenetre .fenetreTitles .fenetreTitlesSubtitles,html body main .container .grotto .grottoTitles .grottoTitlesSubtitles,html body main .container .haos .haosTitles .haosTitlesSubtitles,html body main .container .hermes .hermesTitles .hermesTitlesSubtitles,html body main .container .maje .majeTitles .majeTitlesSubtitles,html body main .container .marais .maraisTitles .maraisTitlesSubtitles,html body main .container .neuilly .neuillyTitles .neuillyTitlesSubtitles{margin:var(--Titles-Cards-Margin);font-size:var(--Titles-Cards-Font-Size-Subtitles);font-style:italic}html body main .container .belleyme .belleymeTitles:hover,html body main .container .eliseDjoBourjoie .eliseDjoBourjoieTitles:hover,html body main .container .federation .federationTitles:hover,html body main .container .fenetre .fenetreTitles:hover,html body main .container .grotto .grottoTitles:hover,html body main .container .haos .haosTitles:hover,html body main .container .hermes .hermesTitles:hover,html body main .container .maje .majeTitles:hover,html body main .container .marais .maraisTitles:hover,html body main .container .neuilly .neuillyTitles:hover{opacity:1;transition:1.2s}html body main .container .hermes{width:var(--Cards-Width);height:fit-content;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;position:relative}html body main .container .eliseDjoBourjoie,html body main .container .maje{height:var(--Cards-Tall-Height);flex-direction:column;display:flex;width:var(--Cards-Width);position:relative;overflow:hidden}html body main .container .haos .haosImage,html body main .container .hermes .hermesImages{width:100%}html body main .container .eliseDjoBourjoie{justify-content:center;align-items:center}html body main .container .eliseDjoBourjoie .eliseDjoBourjoieImage{width:124.6%}html body main .container .maje{justify-content:center;align-items:center}html body main .container .maje .majeImage{width:126%}html body main .container .haos{display:flex;width:var(--Cards-Width);height:var(--Cards-Small-Height);flex-direction:column;position:relative;justify-content:center;overflow:hidden}html body main .container div:nth-child(2n+4){margin-top:calc(-29.75vw + 30px)}html body main .container div:nth-child(2n+3){margin-top:calc(-0vw + 30px)}@media all and (max-width:910px){html body{width:100%;display:flex;justify-content:center}html body main .container{width:80%;flex-direction:column;align-items:center;margin-bottom:5vh}html body main .container .belleyme,html body main .container .federation,html body main .container .fenetre,html body main .container .grotto,html body main .container .maje,html body main .container .marais,html body main .container .neuilly{width:var(--Cards-Mobile-Width);height:var(--Cards-Tall-Mobile-Height)}html body main .container .haos,html body main .container .hermes{width:var(--Cards-Mobile-Width);height:var(--Cards-Small-Mobile-Height)}html body main .container .eliseDjoBourjoie{width:var(--Cards-Mobile-Width);height:var(--Cards-Djo-Mobile-Height)}html body main .container div:nth-child(1n+1){margin-top:30px}}