/*
 * @autor : teknopop
 * @date : 2020
 */

/* ---------------------------- */
/*	   Mise en page générale	*/
/* ---------------------------- */
body {min-height: 100vh; min-height: -webkit-fill-available;}
#global, #global > .container, #slider_miss, .slick-list, .slick-track, .item {height:100%;}
.container { position:relative; margin: 0 auto; max-width: 980px; width:100%;}
#global > .container {padding:0; overflow: hidden; height:100%;}
.item {position:relative; width:100%; overflow: hidden; height:100%; min-height:100vh; min-height: -webkit-fill-available; /*background:none!important;*/ outline: none;}
.item .infos {position:absolute; bottom:0; left:0; min-width:180px;}
.titre-infos {height:30px;}
.item .infos .num {background:#000; font-size:20px; width:30px; height:100%; text-align:center; padding-top:5px; font-weight:600;}
.item .infos .region {background:#ee222e; font-size:24px; width:100%; height:100%; padding:3px 15px; text-transform:uppercase; font-weight:600; text-align:center;}
.profil {padding:15px 10px; font-weight:600; font-size:20px; background:rgba(0,0,0,0.5);}
.profil .nom {padding-bottom:10px;}
.item .form {position:absolute; bottom:0; right:0; width:125px; height:110px; text-align:center; background:rgba(0,0,0,0.5);}
.titre-note {background:#ee222e; font-size:24px; height:30px; width:100%; padding-top:4px; font-weight:600;}
select.form-control {background:transparent; border:none; border-radius:0; color:#fff; font-size:20px; width:100%; text-align:center; padding:0; line-height:1; height:80px;}
.result {position:absolute; top:30px; left:0; width:100%; height:80px; background:#000; pointer-events:none; font-size: 60px; padding-top: 8px; font-weight:600;}

.login {display:none;}

.slick-next {right:5px;}
.slick-prev {left:5px;}
.slick-arrow {z-index: 2;}

#people {position: absolute; left:0; top:290px; width:200px; height:30%; /*background:rgba(255,255,255,0.2);*/ /*padding:10px;*/ overflow: hidden; opacity:0.8;}
#people .ct {position: absolute; bottom:0; left:0; width:100%; padding:5px;}

#top {position: absolute; top:0; left:0; width:80px;}
.item-top {position:relative; height:90px; width:100%;}
.item-top .region {position:absolute; bottom:0; left:0; background:#ee222e; font-size:12px; color:#fff; text-align:center; width:100%; line-height:1; height:20px; padding-top:4px; max-width:80px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.item-top .note {position:absolute; background:#000; font-size:10px; right:-20px; bottom:0; width:20px; height:20px; text-align:center; padding-top:4px;}

.form-note {display: block; width: 100px; height: 110px; padding: 15px; font-size: 90px; font-weight:600; color: #495057; background:transparent; border:none;}

#mytop {position:absolute; right:0; top:0; width:80px;}
#mytop .ct {position: absolute; right:-80px; top:20px; width:80px; transition: all 350ms ease;}
#mytop.active .ct {right:0;}

.btPerso {position: absolute; right:0; top:0; cursor:pointer;}
.btPerso:after {content:''; position:absolute; height:50px; width:80px; display:block;}

.titre-top {font-size:20px; line-height:1; background:#000; text-align:center; width:100%; font-weight:600;}

#menu {position:absolute; z-index:100; top:0; left:-320px; width:100%; height:100vh; background:#ee222e; max-width:300px; transition:all 350ms ease;}
.menuactive #menu {left:0;}
.btmenu {position:absolute; right:10px; bottom:130px; width:20px; height:20px; cursor:pointer;}
.btmenu span {position:relative; display:block; top:calc(50% - 1px); width:100%; height:3px; background:#ee222e; transition:all 350ms ease; opacity:1;}
.btmenu:before {content:''; position:absolute; top:1px; left:0; width:100%; height:3px; background:#ee222e; transition:all 350ms ease;}
.btmenu:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#ee222e; transition:all 350ms ease;}
.item-menu {padding:2px 0; cursor:pointer;}

.menuactive .btmenu span {opacity:0;}
.menuactive .btmenu:before {transform:rotate(45deg); top:13px;}
.menuactive .btmenu:after {transform:rotate(-45deg); bottom:4px;}

.titre-popup {color:#000; margin-bottom:20px; font-weight:600; font-size:24px;}

.error {color:red; padding-top:10px;}

.menu-bas {display:none;}