*{box-sizing:border-box}body,input,select,textarea{font-family:Montserrat,Arial,Helvetica,sans-serif}body{background-color:#4ae;height:100%;margin:0;overflow:hidden}body.index{overflow:unset;background-image:url(fond.jpg);background-size:cover}h1,.jours{font-family:Lobster,cursive}h1{text-align:center;background-color:unset;padding:0;font-size:72px}body.index h1{background-color:#f55;border-radius:20px;width:700px;margin:0 auto 20px}@media screen and (width<=500px){body.index h1{width:350px}}body.mode-nuit h1{color:#eee}@media screen and (width<=500px){h1{font-size:28px}.index h1{font-size:42px}}h1 .fleche,h1 .fleche:before,h1 .fleche:after{background-color:#000}body.mode-nuit h1 .fleche,body.mode-nuit h1 .fleche:before,body.mode-nuit h1 .fleche:after{background-color:#eee}h1 .fleche{--taille:1em;width:var(--taille);height:calc(var(--taille)/8.75);border-radius:calc(var(--taille)/17.5)}h1 .fleche:before,h1 .fleche:after,.plein-ecran .fleche:before,.plein-ecran .fleche:after{top:calc(50% - var(--taille)/16);width:calc(var(--taille)/1.6);height:calc(var(--taille)/8);border-radius:calc(var(--taille)/16);transform-origin:calc(100% - var(--taille)/16)50%}h1 .fl-gauche:before,h1 .fl-gauche:after{transform-origin:calc(var(--taille)/16)50%}a{color:#000}main{height:100vh;margin:8px}.popup{user-select:none;background-color:#f88;border-radius:.4em .4em 0 0;padding:.2em .5em;font-family:Lobster,cursive;font-size:36px;animation:4s ease-in-out popup;position:fixed;bottom:0;left:50%;transform:translate(-50%)translateY(100%)}@keyframes popup{0%,to{transform:translate(-50%)translateY(100%)}15%,85%{transform:translate(-50%)translateY(0%)}}main .progress:before{animation:2s ease-in-out infinite progress}main .progress:after{content:unset}@keyframes progress{0%{transform-origin:0 100%;transform:scaleX(0)}49.999%{transform-origin:0 100%}50%{transform-origin:100% 100%;transform:scaleX(1)}to{transform-origin:100% 100%;transform:scaleX(0)}}.jours{grid-gap:20px;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;max-width:700px;margin:0 auto;display:grid}@media screen and (width<=500px){.jours{grid-gap:10px;grid-template-columns:repeat(4,1fr);max-width:350px}}.jours+.jours{justify-content:center;margin-top:70px;display:flex}.jours a{text-align:center;color:#000;background-color:#7ee836;border:5px solid #0d860d;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:64px;text-decoration:none;transition:background-color .4s,border-color .4s;display:flex}@media screen and (width<=500px){.jours a{border-width:4px;width:80px;height:80px;font-size:50px}}body.mode-nuit .jours a{color:#222}.jours+.jours a{background-color:#ffd54f;border-color:#f57f17;position:relative}.jours+.jours a:before,.jours+.jours a:after{content:"";border:4px solid red;width:60px;height:40px;position:absolute;bottom:100%}.jours+.jours a:before{border-radius:20% 80%;right:calc(50% - 2px)}.jours+.jours a:after{border-radius:80% 20%;left:calc(50% - 2px)}.jours a.ajd{background-color:#ff8a7e;border:5px solid #b00f0f;animation:2s ease-in-out infinite clignoter}@keyframes clignoter{0%,to{background-color:#ff6e40}50%{background-color:#ffea00}}.page{font-size:20px}.page.trop-tot{text-align:center;font-size:42px;line-height:1.5em}img{max-width:100%;max-height:calc(100vh - 150px);margin:auto;display:block}@media screen and (width<=500px){img{max-height:calc(100vh - 35px)}}