@font-face{font-family:'jost';src:url(../fonts/static/Jost-Regular.ttf)}@font-face{font-family:'jost-bold';src:url(../fonts/static/Jost-Bold.ttf);font-weight:bold}body{padding:0 0 2em;margin:0;font-family:"jost",sans-serif;background-color:#f5f5f5}body::before{content:"eSUITE - Libérer la bureautique à l'Eurométropole";background-color:#9ec54d;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:space-between;align-items:center;color:white;font-size:1.5em}@media only screen and (min-width: 800px){body::before{background-image:url("../img/ems_logo.svg");background-repeat:no-repeat;background-size:200px;background-position:10px 5px;padding-left:230px;height:50px}}@media only screen and (max-width: 800px){body::before{padding:1em}}body::after{content:"Eurométropole de Strasbourg - 2023";background-color:#f0f0f0;width:100%;height:2em;display:flex;align-items:center;align-content:center;justify-content:space-around;font-size:0.75em;position:fixed;bottom:0;left:0}div.categories{display:flex;flex-wrap:wrap}@media screen and (min-width: 800px){div.categories{flex-wrap:nowrap}}div.categories div{margin:1em}div.categories div h3{text-align:center}div.categories div img.background{float:right;height:100px;opacity:0.25}@media only screen and (min-width: 1300px){div.container{display:grid;grid-template-columns:1fr 500px;gap:1rem}}div.container div.info{background-color:#f0f0f0;box-shadow:2px 2px 3px rgba(0,0,0,0.1)}@media screen and (max-width: 800px){div.container div.info{display:none}}@media screen and (min-width: 800px){div.container div.info{float:right;border-radius:0 0 0 25px;font-size:0.8rem;margin-left:1em;margin-bottom:1em;padding:1em}}@media screen and (min-width: 1300px){div.container div.info{grid-row:1;grid-column:2;font-size:1rem;padding:2em}}div.container div.info img{max-width:100%}div.container main{padding:2em;background-color:white;margin-left:auto;margin-right:auto;box-shadow:0 0 5px rgba(0,0,0,0.1);font-size:1.2em;max-width:100%}@media only screen and (min-width: 1300px){div.container main{grid-column:1;grid-row:1;max-width:80em;min-width:40em}}div.container main div.toc{position:fixed;opacity:0.5;border-radius:.5em 0 0 0;box-shadow:3px 3px 5px rgba(0,0,0,0.2);background-color:#dcdcdc;transition:opacity 0.25s ease-out;height:2em;padding:.5em;bottom:.5em;right:.5em;margin:0}div.container main div.toc:before{content:"Table des matières";align-items:center}div.container main div.toc:hover{height:auto;opacity:1}img{max-width:100%}img.logo{float:right;max-width:200px;margin:10px}img.logo.small{max-width:100px}img.icon{max-height:3em;float:right}h1,h2{color:#5d752e;font-family:"jost-bold",sans-serif}h1:first-child{background-color:#9ec54d;color:white;padding:0.25em;margin:0;text-align:center;border-radius:15px;text-shadow:0 0 5px #5d752e}blockquote{position:relative;background-color:#f5f5f5}blockquote p{font-size:1rem;margin-left:40px;padding:1em;text-align:center}blockquote::before{position:absolute;top:0;left:0;content:"💡";font-size:40px;color:rgba(0,0,0,0.25)}table{width:100%;border-spacing:0;border-collapse:collapse;border:1px solid}table thead{background-color:#9ec54d;color:white;height:2em}table thead tr th{vertical-align:middle;padding:10px}table tbody tr{height:4em}table tbody tr td{border-right:solid 1px black;padding:10px}table tbody tr td.title{font-weight:bold}table tbody tr div.illus{background-image:url("../img/snapshot.png");background-repeat:no-repeat;min-width:64px;min-height:64px}table tbody tr div.illus img{display:none}table tbody tr:hover div.illus{position:absolute;margin-left:-350px;box-shadow:3px 3px 5px rgba(0,0,0,0.2)}table tbody tr:hover div.illus img{display:block;position:fixed;top:0;right:15px;left:auto}table tbody tr:nth-child(even){background-color:lightgray}nav{position:relative}nav ul{list-style-type:none;margin:0;padding:0;background-color:#f0f0f0;overflow:hidden;box-shadow:3px 3px 5px rgba(0,0,0,0.2)}nav ul li{float:left;display:block;padding:14px 16px}nav ul li>ul{display:none;flex-direction:column;position:absolute;z-index:99;margin-top:13px;margin-left:-16px;transition:all 0.5s ease-out;opacity:0;border-radius:0 0 5px 5px}nav ul li>ul>li{width:100%}nav ul li>ul>li.active{background-color:#9ec54d}nav ul li>ul>li.active>a{color:white}nav ul li>ul>li:hover{background-color:#9ec54d}nav ul li.active{background-color:#9ec54d}nav ul li.active>a{color:white;width:100%}nav ul li:hover ul{display:flex;align-items:flex-start;opacity:1}nav ul li a{color:#333;text-decoration:none}select{border:none;padding:10px 20px;border-radius:5px}select:focus{outline:none}option{background-color:lightgray}#language{background-color:lightgray;border:solid #9ec54d}#zone-filtre{background-color:#f0f0f0;border:solid #9ec54d;border-radius:30px;right:50%;padding-left:20px;padding-top:8px;padding-bottom:15px;margin-bottom:15px;width:400px;margin-left:60px;margin-top:-60px}#alphab button{border:none;background:none;cursor:pointer;padding:0}#alphab button img{width:20px;height:auto;vertical-align:middle}video{max-width:100%}button.triBtn{border:none;display:flex;padding:0.2rem 1rem;background-color:#9ec54d;color:#ffffff;font-size:0.75rem;line-height:1rem;font-weight:700;text-align:center;text-transform:uppercase;vertical-align:middle;align-items:center;border-radius:0.5rem;user-select:none;gap:0.75rem;box-shadow:0 4px 6px -1px #9ec54d,0 2px 4px -1px #9ec54d;transition:transform 0.5s ease;margin-bottom:15px}button.triBtn.active{transform:rotate(-90deg) translate(-25px, -35px)}button.triBtn:focus,button.triBtn.active{opacity:.85;box-shadow:none}button.triBtn svg{width:1.25rem;height:1.25rem}button.triBtn img.filtreImg{width:3em;height:auto}pre{color:white;background-color:#000000a6;padding:1em;font-family:'Courier New', Courier, monospace;border-radius:15px}pre code.language-javascript::before{content:"Code JavaScript";float:right;padding-bottom:10px;font-family:Arial, Helvetica, sans-serif}