:root{font-size:16px;--chumbo: #dad4d4}@font-face{font-family:Now;src:url(./now.regular-778aac0d.otf)}@font-face{font-family:Now Bold;src:url(./now.bold-e1b2b020.otf)}*{box-sizing:border-box;margin:0;padding:0;font-family:JetBrains Mono,sans-serif;cursor:url(./cursor-7fbcf03f.svg) 10 10,auto}body,html{width:100%;overflow:hidden;background-color:#dad4d4;text-align:justify;background-image:url(./nnnoise-9b8f154e.svg);background-size:contain;color:#013}#cursor{position:absolute;z-index:9999;margin:0;padding:0;visibility:hidden;width:32px}#Calque_1{position:fixed;z-index:2}.st1{fill:transparent;stroke:transparent;stroke-width:1}.st1:hover{animation:fillStroke .8s forwards}@keyframes fillStroke{0%{stroke:transparent}to{stroke:#9f9c9c}}.st1:not(:hover){animation:fillStroke-out 5s forwards}@keyframes fillStroke-out{0%{stroke:#9f9c9c}to{stroke:transparent}}.navbar{color:#ea3546;width:15vw;font-size:1vmax;background-color:#dad4d4;background-size:contain;opacity:.98;height:100vh;right:0;position:fixed;z-index:3;transition:width .7s ease}.navbar:hover{width:15vw}.navbar ul{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;align-items:center;height:100%}.navLi{width:100%;margin-left:auto;margin-right:auto}.navbar ul li:last-child{margin-top:auto;height:auto;margin-bottom:2%;padding-left:5%;padding-right:5%}.navbar ul li a{display:grid;grid-template-columns:1fr 1fr;align-items:center;text-decoration:none;padding-left:2%;padding-right:2%;color:#ea3546;font-family:Now Bold,sans-serif;height:95%}.navbar ul li:last-of-type a{display:block;font-size:.8vmax;width:95%;margin-left:auto;margin-right:auto;text-align:center;border:1px solid #ea3546;padding:5%;border-radius:5px;transition:font-size .5s,color .5s,background-color .5s}.navbar:hover ul li:last-of-type a{font-size:.9vmax;transition:font-size .5s}.navbar:hover ul li:last-of-type a:hover{color:#dad4d4;background-color:#ea3546;transition:color .5s,background-color .5s}.navbar:hover ul li:hover,.active{border-left:3px solid #001133}.navIcon{width:75px;height:75px;min-width:75px;margin-left:auto;margin-right:auto}#navMain{position:fixed;z-index:4;display:flex;background:none;background-clip:unset;height:100%;padding-bottom:1%;padding-top:1%;width:5%;margin-left:45%;margin-right:auto;align-items:center;flex-direction:column;justify-content:space-between}.arrow{width:90%}.cls-1,.cls-3{fill:#dad4d4;stroke:#013;stroke-miterlimit:10;stroke-width:2px;stroke-dasharray:360;stroke-dashoffset:360;transition:stroke-dashoffset .8s linear}.cls-4{stroke:#013;stroke-width:1px}.arrow:hover .cls-1{stroke-dashoffset:0;transition:stroke-dashoffset .8s ease-out}#arrowPrevious{transform:rotate(180deg)}.cls-2{fill:none}.cls-2,.cls-3{stroke:#013;stroke-linecap:round;stroke-linejoin:bevel;stroke-width:4px}.cls-3{fill:#013}.part-content article .lienClickable{color:#ea3546}.part-content article .lienClickable:hover{color:#013;transition:color .5s}.bold{font-family:Now Bold,sans-serif}.bold:hover{color:#ea3546;transition:color .2s}hr{border:1px solid #001133;width:100%;margin:1% auto 3%}#root{width:100%;height:100vh;position:fixed;z-index:1;outline:none;top:0;left:0}#logo-div h1{font-size:2vmax;font-family:Now Bold,sans-serif;text-align:center;margin-top:30%}.btnLang{display:none}.btnLang:hover{color:#ea3546;transition:color .5s}#logo-CharlyLab{width:100%;float:left;shape-outside:url(./LogoNB-9383e7ce.svg)}.st0{fill:transparent;stroke:#013;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10}.st0:hover{animation:fill .5s forwards}@keyframes fill{0%{fill:transparent}to{fill:#ea3546}}.st0:not(:hover){animation:fill-out 2s forwards}@keyframes fill-out{0%{fill:#ea3546}to{fill:transparent}}.part-content{width:50vw;position:relative;z-index:3;left:0;background-color:#dad4d4;background-size:contain;opacity:.98}.part-content article{width:85%;margin-left:auto;margin-right:auto;height:200vh;padding-left:2%;padding-right:2%;position:relative;z-index:5}.part-content article:not(:first-of-type) h2:first-of-type{display:flex;font-size:2vmax;font-family:Now Bold,sans-serif;align-items:center}#tier-lieu h2{padding-top:5vh;padding-bottom:2vh}.part-content article h2{display:flex;align-items:center;padding-top:2vh;text-align:justify;font-size:1.7vmax}.part-content article a{text-decoration:none;color:#013;font-family:Now Bold,sans-serif}.part-content article a:hover{color:#490101;transition:color .5s}.part-content article p{padding-top:2%;font-size:1.3vmax}.part-content article ul{padding-top:2%;padding-left:5%;font-size:1.3vmax}.part-content .part-slider .sliderImg{max-width:700px;margin-left:auto;margin-right:auto;height:325px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.part-content .part-slider .sliderImg .fleche{font-size:3vmax;transition:color .5s}.part-content .part-slider .sliderImg .fleche:hover{color:#ea3546;transition:color .5s}.part-content .part-slider .sliderImg .carrousel{margin-top:5%;overflow:hidden;flex-direction:row;justify-content:flex-start;align-items:center;margin-right:auto;margin-left:auto;width:70%;max-height:300px}.part-content .part-slider .sliderImg .carrousel .carrousel-item{filter:grayscale(100%) sepia(10%) contrast(100%) hue-rotate(-48deg) saturate(1000%) blur(.02px);text-align:center;display:none;opacity:0;transition:filter .5s,opacity .5s ease-in-out}.part-content .part-slider .sliderImg .carrousel .carrousel-item:first-of-type{display:block;opacity:1;transition:opacity .5s ease-in-out}.fade-slider{animation:fade 1s ease-in-out}@keyframes fade{0%{opacity:0}to{opacity:1}}.part-content .part-slider .sliderImg .carrousel .carrousel-item img{object-fit:contain;max-height:300px;width:auto}.part-content .part-slider .sliderImg .carrousel .carrousel-item:hover{filter:grayscale(0%);transition:filter .5s}.part-content .part-slider .choiceImg{text-align:center;margin-top:3%;width:100%}.part-content .part-slider .btnChoiceImg{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;width:20px;height:20px;border:2px solid #999;transition:.2s all linear;position:relative}.part-content .btnChoiceImg:checked{border:6px solid #ea3546}.part-content .labelImg{color:#dad4d4}#accueil{display:flex;flex-direction:column;justify-content:space-around;height:100vh}.icon{width:15%;height:auto}#collabs>hr{margin-bottom:0}#collabs>a{display:flex;flex-direction:column;width:100%;height:50vh;margin-top:5%;border:2px solid #001133;border-radius:10px;padding:2%}#collabs>a:hover{color:#ea3546;border:2px solid #ea3546}.morphSvg{stroke-width:.5px}.morphSvg:not(:first-of-type){visibility:hidden}.closeBtn{position:absolute;top:75%;left:5%;width:10%;height:10%;z-index:11;font-size:1.2em;background-color:transparent;outline:none;border-radius:50px;transition:color .3s,border-color .3s,background-color .3s}.closeBtn:hover{color:#ea3546;border-color:#ea3546;background-color:#d2cece;transition:color .3s,border-color .3s,background-color .3s}@keyframes fullScreen{0%{width:256px;height:32vh}to{width:95vw;height:100vh}}@keyframes fullScreenReverse{0%{width:95vw;height:100vh}to{width:256px;height:32vh}}#contacts{width:85vw;height:100vh;background-color:#a8a3a3;position:relative;text-align:center;opacity:.98;z-index:2;display:flex;align-items:center}form,fieldset{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:70%;width:90%;margin-left:auto;margin-right:auto}fieldset{width:100%;height:100%;border:2px solid #001133;padding:5%}legend{font-size:1.5vmax;font-family:Now Bold,sans-serif;color:#013;padding:2%;border:2px solid #001133;width:50%;margin-left:auto;margin-right:auto;text-align:center}form input{width:50%;height:10%;border:none;border-bottom:1px solid #001133;background-color:transparent;font-family:Now Regular,sans-serif;font-size:1.5vmax;color:#013;text-align:center;outline:none;transition:border .3s ease-in-out}form input:hover,form textarea:hover{border:1px solid #ea3546;transition:border .5s ease-in-out}form input:focus,form textarea:focus{border-bottom:1px solid #ea3546}form input::placeholder{color:#013;font-family:Now Regular,sans-serif;font-size:1.5vmax;text-align:center}form textarea{width:50%;height:30%;border:none;border-bottom:1px solid #001133;background-color:transparent;font-family:Now Regular,sans-serif;font-size:1.5vmax;color:#013;text-align:center;outline:none}#envoyer{width:20%;margin-left:80%}#position{width:10px;height:10px;font-size:0;position:fixed;z-index:20}@media screen and (orientation: portrait){body{display:grid;height:100vh;grid-template-rows:93vh 7vh}header{grid-row:2}#Calque_1{display:none}.active{border-left:unset}.navbarMin{position:fixed;width:100vw;height:50px;bottom:0;display:flex;z-index:5;justify-content:center;align-items:center;background-color:#e1dede}.navbarMin ul{display:flex;width:100vw;justify-content:space-between}.navbarMin ul li{list-style:none;position:relative;width:50px;height:50px;z-index:1}.navbarMin ul li:last-of-type{display:none}.navbarMin ul li a{position:relative;display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;text-decoration:none;height:100%;width:100%;font-weight:500;color:#013}.navbarMin ul li a .navIconMin{position:relative;display:block;line-height:55px;font-size:1.5em;text-align:center;transition:.5s}.navbarMin ul li.active a .navIconMin{transform:translateY(-22px)}.navbarMin ul li a .navText{position:absolute;font-weight:400;font-size:1.3vmax;letter-spacing:.05em;opacity:0;transform:translateY(20px);transition:.5s}.navbarMin ul li.active a .navText{opacity:1;transform:translateY(10px)}.navIcon{margin:0}.zdog-svg{width:25px;height:25px}.indicator{position:absolute;top:-50%;left:0;width:50px;height:50px;background:#a6a6a6;border-radius:50%;border:4px solid var(--chumbo);transition:.5s}.indicator:before{content:"";position:absolute;top:50%;left:-20px;width:20px;height:20px;background:transparent;border-top-right-radius:20px;box-shadow:1px -10px 0 0 var(--chumbo)}.indicator:after{content:"";position:absolute;top:50%;right:-20px;width:20px;height:20px;background:transparent;border-top-left-radius:200px;box-shadow:-1px -10px 0 0 var(--chumbo)}#bar-color{position:absolute;top:-25%;background-color:#dad4d4;width:100vw;height:2vh}main{display:grid;grid-template-rows:76% 24%;overflow:scroll}.part-content{width:100vw;grid-row:2;border-top:2px solid #a8a3a3}.part-content article{width:100%;height:auto;padding:7%;background-color:#dad4d4;z-index:unset}.part-content article:first-child{z-index:7}.part-content article:not(:nth-child(2)){padding-top:10vh}.part-content:not(:first-child) h2:first-of-type{font-size:5vmin}.part-content article h2{font-size:unset}.part-content article p{font-size:4vmin}#logo-div{position:fixed;display:flex;justify-content:space-around;align-items:center;z-index:7;top:0;left:0;width:100%;height:10vh;background-color:#e1dede;flex-direction:row-reverse}.btnLang{display:block;background-color:#e1dede;border:2px solid #001133;border-radius:5px;padding:2%;z-index:7}#logo-div h1{margin-top:0;margin-left:5%;margin-right:5%}#logo-div #logo-CharlyLab{max-width:20%;height:100%}#root{grid-row:1}#accueil{display:grid;grid-template-rows:25% 49% 24%;height:30vh}#accueil h2{padding-top:2vh;font-size:4vmin;text-align:center}.part-content .part-slider .sliderImg .carrousel img{height:30vh}.scroll-top{scroll-margin-top:100vh}#contacts{width:100vw}form input,form textarea{width:70%}form textarea{height:20vh}#envoyer{margin-left:unset}.arrow{display:none}}
