﻿:root{--color: #007e8b;--light: #f5f5f5;--dark: rgb(33, 33, 33);--dark-color: #3aebfe;--contrast: #e8e8e8;--force-light: none;--accueil-portrait-size: 250px;--accueil-portrait-delay: 486400s;--img-hover-size: 200px;--modale-display: none;--single-zoom-phrase: "Appuyez pour zoomer"}.btn:hover{cursor:pointer}::selection{background-color:#95a6bd}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-thumb{background-color:var(--color);border-radius:2px}@font-face{font-family:Montserrat;src:url("../Montserrat-SemiBold.ttf")}@font-face{font-family:Montserrat-classic;src:url("../Montserrat-Regular.ttf")}html,body{margin:0;font-family:sans-serif;color:var(--dark)}*{border-radius:5px}.img-hover img{display:none}.link{display:none}body{background-color:var(--light);display:flex;flex-direction:column;min-height:100vh !important;height:auto !important;box-sizing:border-box}header{position:fixed;opacity:.95;z-index:10;width:fit-content;height:100%;right:-120%;background-color:var(--light);transition:right .3s ease-in-out;display:flex;align-items:center;flex-direction:row-reverse;padding:0 20px}header #ico-menu{position:fixed !important;height:100px;width:100px;top:0 !important;right:0 !important;margin:10px}header #ico-menu #bandeau{position:absolute;background-color:var(--color);background-image:url("../menu-border.png");background-size:contain;height:100%;width:100%;border-radius:50%;animation:tourne 30s linear infinite}@keyframes tourne{100%{transform:rotate(360deg)}0%{transform:rotate(0deg)}}header #ico-menu #btn-menu{background-color:rgba(0,0,0,0) !important;position:absolute;height:50px;width:50px;border-radius:50%;transform:translate(50%, 50%);background-size:50%;background-repeat:no-repeat;background-position:center}header #ico-menu #btn-menu.close{background-image:url(../close.png)}header #ico-menu #btn-menu.open{background-image:url(../menu-ico.png)}header .mode{height:75px;width:75px;position:absolute;top:0;right:150px;margin:20px;border-radius:50%;background-size:50%;background-repeat:no-repeat;background-position:center}header .mode.clair{background-image:url(../clair.png)}header .mode.sombre{background-image:url(../sombre.png)}header .mode:hover{background-color:var(--contrast)}header nav{display:inline-block;font-family:Montserrat,sans-serif}header nav ul{list-style:none;margin:auto;padding:0;margin-top:5%}header nav ul li{transform-origin:right;transition:transform .3s ease;margin-bottom:50px;text-align:right}header nav ul li:hover a{color:var(--color)}header nav ul li a{text-stroke:2px var(--color);-webkit-text-stroke:2px var(--color);font-size:4rem;color:var(--light)}header nav ul li a::before{content:"←"}header nav ul li.current_page_item a{color:var(--color)}main{margin:20px;border-radius:5px;opacity:.98;flex-grow:1}h2{margin:0;padding:0}.defilement{max-width:98vw}.defilement .defil{text-transform:uppercase;display:flex;white-space:nowrap;overflow-x:hidden}.defilement .defil h2,.defilement .defil h3{margin-right:5px;animation:defilement 100s linear infinite;text-stroke:2px var(--color);-webkit-text-stroke:2px var(--color);color:rgba(0,0,0,0);font-size:3rem}.defilement .defil.oppose{display:none}.defilement .defil.oppose h2,.defilement .defil.oppose h3{animation-name:defilement-oppose}#single .defilement .defil h2,#single .defilement .defil h3{animation-duration:200s}@keyframes defilement{0%{transform:translateX(0%)}100%{transform:translateX(-100%)}}@keyframes defilement-oppose{0%{transform:translateX(-100%)}100%{transform:translateX(0%)}}h1{font-family:Montserrat,Sans-serif}h1>span,p>span{color:var(--color)}.container{display:grid}h1::after{content:".";color:var(--color);font-family:Montserrat,sans-serif}p{word-wrap:break-word;padding:10px;z-index:4}.anim{opacity:.05;transition:opacity 1s ease-in-out}.anime{opacity:1}#page #retour{font-size:6rem;-webkit-text-stroke:1px var(--color);color:rgba(0,0,0,0)}#page #retour:hover{color:var(--color)}footer{opacity:.98;text-align:center;bottom:30px;color:var(--color);z-index:6;margin:20px 20px 20px 20px;display:grid;grid-template-columns:40% calc(60% - 20px);row-gap:20px;column-gap:20px}footer #citation{background-color:var(--color);padding:10px}footer div:nth-of-type(2){color:var(--light);background-color:var(--color);padding:10px}footer #steve{display:none !important}footer p{padding:0;font-weight:bold}footer a{color:var(--light);transform:color 1s linear}footer a:hover{color:var(--dark)}footer q{font-weight:bold;color:var(--light)}footer q::before,footer q::after{color:var(--dark)}footer cite{display:block;color:var(--light)}.contrast{color:var(--light)}a{text-decoration:none}.contrast a{color:var(--light);border-radius:5px}.contrast a:hover{color:var(--dark)}@media screen and (min-width: 1008px){.imgHover{opacity:1 !important}#souris{transition:opacity 2s ease-out,transform .1s ease-out;position:fixed;z-index:30;top:0;left:0}.curseur{border:2px solid var(--dark);height:24px;width:24px;position:absolute;transition:margin .4s ease-out,transform 86400s linear,opacity 1s ease,border-color 4s linear,height 1s ease,width 1s ease;pointer-events:none;left:-14px;top:-14px;z-index:20;opacity:1;transform-origin:center}.curseur:nth-of-type(2){opacity:0;border-color:var(--dark)}.curseur.hover{opacity:.6;height:40px;width:40px;margin-left:-7px;margin-top:-7px}#pointer.hover{opacity:.5;background-color:var(--dark)}#pointer{background-color:var(--color);position:absolute;height:10px;width:10px;left:-5px;top:-5px;border-radius:100%;pointer-events:none;transition:opacity 2s ease,background-color 2s ease;z-index:20;opacity:1}#pointer.contrasted{background-color:var(--light)}.curseur:first-of-type.contrasted{border-color:var(--light)}.curseur.contrasted{border-color:#acacac}#souris #img{height:fit-content;width:fit-content;position:absolute;left:40px;top:20px;border-radius:0px !important;background-size:contain;transform:scale(0);background-repeat:no-repeat;transition:transform .3s ease-out,height .5s ease-out,width .5s ease-out;transform-origin:left top;opacity:.95}#souris #img img{height:auto;width:var(--img-hover-size);display:none}#souris #img.active{transform:scale(1)}#souris #img.active.imgHovProjets{transform:scale(1) rotate(-5deg)}html,body{position:relative;align-items:center;margin:0}html,body{height:calc(100% - 20px)}h1{font-size:5rem}}@media screen and (max-width: 1007px){header .mode{top:100px;right:0}header #img>img{display:none !important}nav ul{margin-top:150px !important}nav ul li{margin-bottom:75px !important}nav ul li a{font-size:5rem !important}h1{font-size:5rem}.img-hover img{display:block;width:100%}img{width:100%}#portrait-hov,#steve{display:none !important}:root{--accueil-portrait-size: 200px}}@media screen and (max-width: 640px){nav ul li a{font-size:4rem !important}header{width:100vw}header .mode{top:0;left:20px}header #img>img{display:none !important}.defil h2{font-size:3rem !important}h1{font-size:5vh}footer{grid-template-columns:100%}}