#navigation
{
	background-color:rgba(62,31,10,1);
  font-family: Open Sans Condensed;
}

#onglet_ee_ordi
{
		display: none;
}

#pull{
	display:inline-block;
	position:fixed;
	right:5px; top: 10px;
	border:none;
	z-index:100;
	opacity: 0.6;
}

nav ul
{
	z-index:100;
	position:fixed;
	top:-20px;
	right:0px;
	bottom:0px;
	list-style-type: none;
	padding-left: 0;
	background-color:rgba(62,31,10,1);
	padding:30px;
	min-height:auto;
	padding-bottom:150px;
	padding-top:50px;
	padding-right:50px;
	display: none;
}

nav li
{
	right:5px;
	list-style-type: none;
	padding:7px;
	margin-bottom:10%;
	padding-bottom:15%;
	border-bottom:solid 1px rgba(82,51,30,1);
}

nav a
{

	font-weight: 900;
	font-size: 1.3em;
	color: white;
	text-decoration: none;
}

nav a:hover
{
	color: grey;
}


#onglet_ee
{
	display:inline-block;
	position: fixed;
	top:0px;
	z-index:3;
	margin: 10px;
}


#logo_accueil
{
	display:block;
	position:absolute;
	left:5px;
	top:3px;
	z-index:3;
}

#logo_panier
{
	display: flex;
	margin: auto;
	filter: brightness(200%) saturate(0);
}

.alert
{
  color: red;
}

.pied-de-page
{
	margin:auto;
	text-align: center;
	max-height:40px;
	padding: 40px;
	background-color: white;
}