/*.container {
  max-width: 600px;
  margin: 0 auto;
  padding: 2rem;
}*/




#navigation{
 background: transparent;
 height: auto;
	width: 100%;
 }

.fixNavigation{
 z-index: 9999;
 position: fixed;
 top: 0;
	background:#000000 !important;
 /* Mise en forme */
 width: 100%; /* <-- Largeur de votre site */
 }




.slideout {
	z-index: 6;
	width: 100%;
	height: auto;
	position: fixed;
	top: -100;
	left: 0;
	opacity: 0;
	padding-top: 0px;
	/*  background-color: #202A2E;
*/  text-align: left;
	-webkit-transition: 1s ease-in-out all;
	transition: 1s ease-in-out all;
	border-bottom: #fff solid 0px;
	box-shadow: 0px 1px 1px #4d4d4d;
	-webkit-box-shadow: 0px 1px 10px #000;
	color: #FFFFFF;
/*	-webkit-box-shadow: 2px 2px 6px #000000;
	border-bottom: #FFFFFF solid 1px;
	box-shadow: 1px 1px 1px #000000;

*/}


.slideout.active {
  opacity: 1;
    top: 0;

}