.nav-button:before, .nav .nav-submenu > a:after, .nav > ul > .nav-submenu > a:after {font-family:"Font Awesome 5 Free"; font-weight:900;}
.nav{width:100%; min-height:50px; color:#fff; font-family:'Trebuchet MS'; font-size:19.5px; text-shadow: -1px 2px 1px rgba(0, 0, 0, 0.8); box-sizing:border-box; border-bottom:3px solid #fff;
	background:linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); line-height:50px; vertical-align:middle; z-index:10; transition:none; z-index:1000}
.nav-button{display:none;}

.nav ul ul{background:#fff; z-index:10; border-radius:0 0 5px 5px}
.nav ul ul li:hover{background:#c8e1ff;}
.nav li {cursor: pointer;  z-index:10}
.nav li:hover > a, .nav li.nav-active > a {color:#fff; background:rgba(255,255,255,.35);}
.nav a, .nav a:hover, .nav a:active, .nav a:visited{padding:0 11px 1px; color:#fff; text-decoration:none;}
.nav .nav-submenu > a:after {content:"\00A0\f107";}
.nav > ul > li {border-top: none;}
.nav li > ul {box-shadow:-1px 1px 2px 0 rgba(0,0,0,0.3);}
.nav .nav-submenu li{min-width: 110px;}
.nav .nav-submenu li a{height:30px; line-height:30px; font-size:15px; color:#3885e2; text-shadow:none; padding-left:7px; font-weight:bold}
.nav .nav-submenu li a:hover{color:#135db6;}
.nav > ul > .nav-submenu > a:after {content: "\00A0\f107";}
.nav .dossierGame{display:none;}
.nav .dossierSite{display:block;}

.nav-lock-scroll{overflow: hidden;}
.nav{display: none; position: fixed; top: 0; bottom: 0;	left: 0; right: 0; z-index: 900; overflow-x: hidden; overflow-y: auto;}
.nav ul {display: block; position: relative; zoom: 1; list-style-type: none; margin: 0; padding: 0;}
.nav a, .nav a:hover, .nav a:active, .nav a:visited {display: block;position: relative;}

/*.nav ul input[type=text], .nav ul input[type=password]{max-width:100%; margin:5px 5px; font-family:Century Gothic, "Font Awesome 5 Free"; font-weight:900;}
.nav ul input[type=submit]{position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); margin-bottom:5px;}*/
.nav .connexion{line-height:30px;}
.nav .connexion li{padding:0 5px; box-sizing:border-box}
.nav ul label{font-size:15px; text-shadow:none; color:#539bf1} .nav ul label:hover{color:#135db6;}

@media only screen and (min-width: 801px) {
	.nav {display: block; position: relative; bottom: auto; overflow: visible;}
	.nav li {position: relative; white-space: nowrap;}
	.nav > ul > li {display: inline-block;}
	.nav ul { display:-webkit-flex; display:flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between;}
	.nav ul ul {display: none; position: absolute; top: 100%; left: 0; z-index: 901;}
	.nav ul ul ul {top: 5px; left: 95%; z-index: 902;}
	.nav ul ul li.nav-left > ul {left: auto; right: 95%;}
	.nav-no-js .nav li:hover > ul {display: block;}
}

@media screen and (max-width:800px){
	.nav-button {display:block;}
	.nav-button{position:fixed; top:0; width:100%; height:40px; overflow:hidden; z-index:902; cursor:pointer; text-decoration:none; line-height:40px; background:linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); color:#fff; display: block; right:0; font-size:30px;}
	.nav-button:before{display:block; text-align:center;}
	.nav-button:before {content: "\f0c9";}
	.nav{background:rgba(40,40,40,0.83); min-height:40px; /*line-height:30px;*/ border-bottom:none; top:40px}
	.nav ul ul{background:rgba(255,255,255,0.72); border-radius:0}
	.nav .dossierGame{display:block;}
	.nav .dossierSite{display:none;}
	.nav-no-js .nav-button:hover + .nav,
	.nav-no-js .nav:hover,
	.nav-no-js .nav-button:hover + .nav + .nav-close,
	.nav-no-js .nav:hover + .nav-close {display: block;}
	.nav ul ul a{margin-left:5%;}
	.nav ul ul ul a{margin-left:10%;}
	.nav ul ul, .nav ul ul ul{box-shadow:none;}
	.nav a, .nav a:hover, .nav .nav-submenu a{height:auto; line-height:normal; padding:8px 0}
	.nav .nav-submenu li a{height:auto; padding:4px 0}
	.nav .nav-submenu li ul li a{height:auto; padding:4px 0}
}