.slicknav_menu {
	display:none;
	background-color: #171717;
}
li#retour{
	display: none;
}
#header{
	margin:auto;
	}
#menu{
	width: 300px;
	background-image:url(images/menu.png);
	background-repeat: no-repeat;
	background-size: 100%;
	margin-top: 100px;
	padding: 30px 30px 0px 70px;
}
#menu li{
	list-style: none;
	float: left;
	font-family: 'Shadows Into Light', cursive;
	text-transform: capitalize;
	font-size: 1em;
}
#menu li a{
	text-decoration: none;
	color: #777;
}
#menu li a:hover, .menuActif{
	background-color: #FDCB68;
	color: #000000;
}
#menu li .menuActif{
	background-color: #B5D16D;
	color: #000000;
}
#menu li .menuActifDetail{
	background-color: #bdf0ff;
	color: #000000;
}
@media only screen and (max-width: 770px){
	#menu{
		display:none;
		}
	.slicknav_menu {
			display:block;
		}
	.slicknav_nav li{
		display: inline-block;
	}
	.slicknav_nav li a{
		display: inline-block;
	}
	
}
/*------------------------------ champ recherche -------------------------------*/
button, html [type="button"], [type="reset"], [type="submit"] {
	font: bold 1em;
	font-family: 'Amatic SC', cursive;
  border: none;
	text-transform: capitalize;
}
#menu form{
	clear: both;
}
.inputnav, .submitnav{
	width: 80%;
	font-family: 'Amatic SC', cursive;
	font-size: 1.5em;
	color: #AAA;
	text-align: center;
	margin-top: 20px;
	background-color: #F1E8F9;
	box-shadow: 0 0 0 0px #333 inset;
	border:  solid 2px #AF87BC;
	border-radius: 5px;
}
.submitnav{
	width: 15%;
	background-color: #FFFFFF;
	border:  solid 2px #AAA;
	border-radius: 5px;
	color: #333;
	font-size: 1.5em;
	padding: 0;
	margin: 10 0 0 0;
}