#nav{
	position : fixed;
	top : 0;
	left : -255px;
	/* left : 0; */
	z-index : 20000000056;
	box-sizing: border-box;
	background : #fff;
	width : 250px;
	height : 100%;
	box-shadow : -2px 2px 15px rgba(0, 0, 0, .5);
	padding : 0 20px;
	background : #fff url('../images/vagues.png') no-repeat;
	background-position : bottom right;
}
#btn-menu{
	position : fixed;
	top : 0;
	left : 0;
	background: #111e6d;
	color : #fff;
    width: 60px;
    height: 60px;
    transform: rotate(90deg);
    font-size: 36px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 3px 14px;
	cursor : pointer;
	z-index : 20000000057;
	box-shadow : -2px 2px 15px rgba(0, 0, 0, .5);
	font-family : 'Source Sans 3', sans-serif;
}
#fermer-menu{
	position: absolute;
    right: 0;
    top: 0;
    font-size: 50px;
    width: 50px;
    color: #91b50b;
    cursor: pointer;
    height: 50px;
	font-family : 'Source Sans 3', sans-serif;
}
#fermer-menu:after{
	content: "+";
    transform: rotate(45deg);
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: 32px;
    font-size: 70px;
	font-family : 'Source Sans 3', sans-serif;
}
#menu{
	list-style : none;
	margin-top : 50px;
	padding : 0;
	font-family : 'Capriola', sans-serif;
	text-align : center;
}
#menu li{
	text-transform: uppercase;
	font-size : 16px;
}
#menu .n2{
	border-bottom : 1px solid silver;
	padding : 10px 0;
}
#menu .n1{
	padding : 10px 0;
}
#menu a{
	text-decoration : none;
	display : block;
	line-height: 19px;
}
#menu a:hover{
	text-shadow : 0 0 3px rgba(0, 0, 0, .2);
}
.color0{
	color : #000;
}
.color1{
	color : #0c256e;
}
.color2{
	color : #005fab;
}
.color3{
	color : #169188;
}
.color4{
	color : #91b50b;
}
.t2{
	font-size : 12px;
}

#menu-bas{
	list-style : none;
	position : absolute;
	bottom : 30px;
	padding : 0;
	font-size : 12px;
	font-family: "Capriola", Impact, "Franklin Gothic Bold", sans-serif;
}
#menu-bas a{
	text-decoration : none;
	color : #515151;
}
#menu-bas li{
	margin-top : 10px;
}