@font-face {
    font-family:'Futura Std';
    src: url('../font/FuturaStd-Book.woff2') format('woff2'),
        url('../font/FuturaStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'Bebas Neue';
    src: url('../font/BebasNeue-Regular.woff2') format('woff2'),
        url('../font/BebasNeue-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
:focus-visible {
    outline:none;
}
html {min-height:100%;height:100%;}
body {font-family:'Futura Std';margin:0;display:flex;align-items:center;justify-content:center;}
body.page-home {display:flex;align-items:center;justify-content:center;min-height:100%;}
header nav {position:fixed;top:0;left:0;width:100%;z-index:2;}
main[role="single"] {margin-top:4rem;}
article {max-width:1200px;padding:20px;margin-bottom:30px;}
article:nth-child(even) {background:#f5f5f5;}
article[role="adminsite"] div.col-12 {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
article[role="adminsite"] div.col-12 h3 {flex:1 0 100%;text-align:center;}
article[role="adminsite"] div.col-12 p {padding:20px;}
article span {cursor:pointer;position:relative;color:#000;}
article span:hover::after {position:absolute;top:-2px;right:-25px;background:#00d3be;display:flex;align-items:center;justify-content:center;border-radius:50%;width:20px;height:20px;font-family:"Font Awesome 5 Free";font-size:.8rem;content:'\f328';z-index:1;color:#000;}
h1, h2, h3 {font-family:'Bebas Neue';font-weight:normal;margin:0;line-height:1.5;}
h2, h3 {color:#00d3be;}
h1 {font-size:1.8em;text-align:center;margin-bottom:30px;}
h2 {font-size:1.5em;text-align:center;}
h3 {font-size:1.2em;}
p {font-size:.9em;color:#808080;margin:0 0 1rem 0;}
a, article span:hover {color:#00d3be;}
.italic {font-style:italic;}
.access-list {list-style-type:none;margin:0;text-align:center;padding:0;line-height:2;}
.search-form form, .login-form form {display:flex;align-items:center;justify-content:center;margin:0 auto;flex-direction:column;}
.search-form form #search, .login-form form input[type="text"], .login-form form input[type="password"] {width:300px;border:2px #00d3be solid;line-height:2;padding:0 1rem;font-size:1rem;}
.login-form form input[type="submit"] {width:300px;background:#00d3be;line-height:2;padding:0 1rem;font-size:1.1rem;border:0;}
label {display:block;text-align:center;}
.logbar {background:#eee;padding:15px;box-sizing:border-box;}
.logbar .row {flex-direction:row;flex-wrap:nowrap;}
.logbar .col-4 {display:flex;flex-direction:row;flex:1 0 calc(100%/3);}
.logbar .col-4:nth-child(2) {justify-content:center;}
.logbar .col-4:last-of-type {justify-content:flex-end;}
/* STATS */
.statistiques {flex-direction:column;}
.statistiques h1, .statistiques h2 {font-size:1.5em;text-align:center;color:#00d3be;}
.statistiques h2 {cursor:pointer;}
.statistiques .send-email {display:block;text-align:center;}
.statistiques .send-email i {font-size:2rem;}
.statistiques .email-sent {display:block;text-align:center;}
.statistiques .email-sent i {font-size:2rem;}
#stats {width:100%;display:block;height:280px;}
.stats {display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;height:0;transition:all .5s ease-in-out;}
.stats.active {overflow:hidden;height:130px;}
.stats > div {display:flex;align-items:center;justify-content:center;text-align:center;padding:0 20px;flex-direction:column;}
.stats h2, .stats h3 {font-size:1rem;}
.stats h2 + p, .stats h3 + p {border-radius:50%;width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:#00d3be;font-weight:bold;font-family:'Bebas Neue';font-size:1.5rem;color:#fff;}