.toggle,
[id^=drop]{display:none;}
nav{margin:0;padding:0;position:fixed;top:0px;left:0px;border:1px solid grey;background-color:white;width:100%;z-index:999;}
nav:after{content:"";display:table;clear:both;}
nav ul{text-align:center;padding:0;margin:0;list-style:none;position:relative;background-color:white;}
nav ul li{margin:0px;display:inline-block;background-color:white;padding-bottom:6px;}
#btn_accueil{background-image:url('../../image/home.png');background-size:25px 25px;background-repeat:no-repeat;background-position:-0.3% 35%;float:left;margin-left:5px;}
#btn_quitter{background-image:url('../../image/Exit.png');background-size:25px 25px;background-repeat:no-repeat;background-position:-0.3% 35%;float:right;}
#btn_suivi_demande{background-image:url('../../image/kiosque.png');background-size:25px 25px;background-repeat:no-repeat;background-position:0% 35%;padding-right:5px;}
nav a{display:block;padding:14px 20px;font-size:17px;text-decoration:none;}
#version_kiosque{display:block;padding:0 10px;float:left;font-size:20px;line-height:20px;}
nav ul ul{display:none;position:absolute;top:52px;border-left:1px solid grey;border-right:1px solid grey;border-bottom:1px solid grey;text-align:left;margin-left:-180px;}
nav ul li:hover > ul{display:inherit;margin-top:-2px;max-height:calc(100vh - 52px);overflow-y:auto;overflow-x:hidden;}
nav ul li ul li a{padding:7px 20px;}
nav ul ul li{width:360px;float:none;display:list-item;position:relative;}
nav ul ul ul li{position:relative;top:-60px;left:300px;}
li > a:after{content:'+';width:20px;display:inline-block;}
li:hover > a:after{content:'-';}
li > a:only-child:after{content:'';display:none;}
@media all and (max-width:768px){#logo{display:block;padding:0;width:100%;text-align:center;float:none;}
nav{margin:0;}
.toggle + a,
.menu{}
.toggle{display:block;padding:14px 20px;font-size:17px;text-decoration:none;border:none;}
[id^=drop]:checked + ul{display:block;}
nav ul li{display:block;width:100%;}
nav ul ul .toggle,
nav ul ul a{padding:0 40px;}
nav ul ul ul a{padding:0 80px;}
nav ul ul{float:none;position:static;}
nav ul ul li:hover > ul,
nav ul li:hover > ul{display:none;}
nav ul ul li{display:block;width:100%;}
nav ul ul ul li{position:static;}
}
@media all and (max-width:330px){nav ul li{display:block;text-align:left;width:94%;}
}
.accueil_admin{padding:54px 0px;}
.connexion_admin{padding:0px;}