body{background-color:#fff;font-size:min(.8em + 1vw,1.4em);font-family:"DM Sans",sans-serif,sans-serif;font-weight:500;margin:0;padding:0}nav{width:98%;font-family:"Funnel Display",sans-serif,sans-serif;font-size:calc(.5em + 2vw);display:flex;flex:1;position:sticky;top:.2em;margin-right:1%;margin-left:1%;right:1em;z-index:100;padding:0;font-weight:bold;justify-content:space-between}nav a{background-color:#afa;color:#000;border:solid 4px #afa;text-decoration:none;padding:0 .2em 0 .2em;margin:0;border-radius:1em}nav a:hover{border:solid 4px #000}#cie{line-height:1em;text-align:center;font-size:calc(2em + 2vw);font-weight:bold;font-family:"Funnel Display",sans-serif;margin:0;margin-bottom:.4em;margin-top:.4em;padding:0}#cie a{font:"Funnel Display",sans-serif;color:#a29;text-decoration:none}#agenda{padding:0;margin:0;max-width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}#agenda a{text-decoration:none}#agenda a .representation{color:#000;background-color:#afa;border-radius:1em;border:4px solid #afa;padding:1em;margin:.2em;width:300px;height:200px;text-align:center;vertical-align:middle;display:flex;flex-direction:column}#agenda a .representation div{flex-grow:1;flex:1}#agenda a .representation .jour div{display:inline-block;border-radius:1em;margin:0 0 .4em 0;padding:4px 10px 4px 10px;background-color:#fff;color:#a29;border:2px solid #fff}#agenda a .representation .titre{font-family:"Funnel Display",sans-serif;font-size:1.3em;font-weight:bold;color:#000}#agenda a .representation:hover{border-color:#000}#agenda .hidden{display:none}div#text{padding:0 1em 2em 1em;padding-left:1em;padding-right:1em;max-width:500px;margin-left:auto;margin-right:auto}div#text p{text-align:left;padding:.2em 0 .2em 0;margin:0;margin-left:auto;margin-right:auto}div#text a{color:#000;text-decoration:underline}.titre-projet{text-wrap:nowrap;font-size:calc(1em + 2vw);color:#a29;font-weight:bold;text-align:center;margin-top:0;margin-bottom:.3em;padding:0;position:sticky;bottom:0;text-align:center}.titre-projet span.titre{text-wrap:nowrap;padding:0 1em 0 1em;background-color:#fff;border-top-left-radius:1em;border-top-right-radius:1em}.titre-projet:after,.titre-projet:before{text-wrap:nowrap;overflow:hidden;content:"▼ ▼ ▼";color:#fff;opacity:.4;padding:0 .4em 0 .4em}.titre-projet:after{margin-right:-100%}.titre-projet:before{margin-left:-100%}h1{font-family:"Funnel Display",sans-serif;font-size:1.3em;color:#000;background-color:#afa;border-radius:1em;padding:2px 8px 2px 8px;margin:2em 0 1em 0;flex-shrink:0;text-align:center;font-weight:bold}#project-list{width:100%;margin:0;padding:0;justify-content:center;gap:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(600px, 100%), 1fr))}#project-list .project,#project-list a,#project-list span,#project-list img,#project-list div{padding:0;margin:0}#project-list .project{width:100%;height:100%;aspect-ratio:2/1;position:relative;text-align:center;background-color:#afa;display:inline}#project-list .project img{width:100%;height:100%;aspect-ratio:2/1;object-fit:cover;opacity:1}#project-list .project div.project-text{z-index:100;vertical-align:middle;position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%, -50%);margin:0;font-weight:bold;font-family:"Funnel Display",sans-serif,sans-serif;font-size:1.2em}#project-list .project div.project-text span{padding:4px 12px 4px 12px;border-radius:1.2em;background:#fff;color:#a29;border:3px solid #fff}#project-list .project:hover img{opacity:.4}#logo{opacity:.1;position:absolute;z-index:-10;margin-left:auto;margin-right:auto;text-align:center;align:center;left:50%;top:50%;width:100%;transform:translate(-50%, -50%)}.embla{overflow:hidden;width:100%;aspect-ratio:3/2;background-color:#000}.embla__container{display:flex;width:100%;aspect-ratio:3/2}.embla__slide{width:100%;aspect-ratio:3/2;flex:0 0 100%;min-width:0}.embla__slide .slide{width:100%;aspect-ratio:3/2;object-fit:cover}