.header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 58px;
	margin: 0;
	padding: 0;
	background: rgb(0, 118, 189);
  background-color: #192841;
	z-index: 1000;
}
.titre_menu_p{
	background: green;
}
.btn_index{
	position:fixed;
	margin:0;
	padding:0;
	top:10px;
	left:10px;
	height:45px;
	width:45px;
	text-align:center;
border-radius:3px;
	cursor:pointer;
	transition:left .4s ease;
	display:flex;
	align-items:center;
	background:rgb(0, 118, 189);
   background-color: #192841;
border-left:1px solid #fff;
	z-index:2000;
}

.btn_index span.btn_toggle,.btn_index span.btn_toggle:before,.btn_index span.btn_toggle:after{
	position:absolute;
	width:80%;
margin:0 auto;
	padding:0 5px;
	height:2px;
	transition:all .8s ease-in-out;
	background:#fff;
	z-index:1001;
}
.btn_index span.btn_toggle:before{
	content:'';
	top:10px;
	left:0;
}
.btn_index span.btn_toggle:after{
	content:'';
	top:-10px;
	left: 0;
}
.btn_index span.btn_toggle.rotate{
	transform:rotate(120deg);
}
.btn_index span.btn_toggle.rotate:before,.btn_index span.btn_toggle.rotate:after{
	top:0;
	transform:rotate(120deg);
transition: all .8s ease-in-out;
}
.btn_index.click{
	left:260px;
}
.btn.click span:before{content: '\f00d';}
.sidebar{
	position:fixed;
	top: 0;
	height:100%;
	width:260px;
	left:-260px;
	background:#000;
	transition:left 0.4s ease;
	z-index:1000;
}
.sidebar.show{
	left:0;
}
.sidebar .text{
	color:#fff;
	font-size:20px;
	font-weight:600;
	line-height:65px;
	text-align:center;
	background:rgb(0, 118, 189);
   background-color: #192841;
letter-spacing:1px;
}
nav ul{
	background:rgb(0, 118, 189);
   background-color: #192841;
	height:100%;
	width:100%;
	list-style:none;
	
}
nav ul li{
	list-style:none;
	line-height: 30px;
	border-bottom:1px solid rgba(255,255,255,0.1);
}
nav ul li a:hover{

	color:#fff;
	text-decoration:none;
}
/*nav ul li:last-child{border-bottom:1px solid rgba(255,255,255,0.5);}*/
nav ul li a{
	font-family: 'Roboto',sans-serif;
	position:relative;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	padding-left:10px;
	font-weight:500;
	display:block;
width: 100%;
	border-left:3px solid transparent;
}
nav ul li.active a{
	color: #fff;
	border-left-color:darkblue;
}
nav ul ul{
	position: static;
	display:none;
}
nav ul .div-show1.show1,
nav ul .div-show2.show2,
nav ul .div-show3.show3,
nav ul .div-show4.show4,
nav ul .div-show5.show5,
nav ul .div-show6.show6,
nav ul .div-show7.show7
{
display: block;
}


nav ul ul li{
	list-style:none;
	line-height:30px;
	border-bottom:none;
	border-left:3px solid transparent;
}
nav ul ul li a{
	text-decoration:none;
	font-size:12px;
	color:#e6e6e6;
	padding-left:20px;
	border-left:3px solid transparent;
}
nav ul li.active ul li a{
	text-decoration:none;
	color:#e6e6e6;
	background:rgb(0, 118, 189);
   background-color: #192841;
	border-left:6px solid transparent;
}
nav ul li ul li a:hover{
	text-decoration:none;
	color:darkblue;
	background:#1b1b1b;
	border-right-color:darkorange;
	background: #e6e6e6;
letter-spacing: 1px;}
nav ul li a span{
	position:absolute;
	top:50%;right:20px;
	transform:translateY(-50%);
	font-size: 16px;
	transition:transform 0.4s;}
nav ul li a span.rotate{
	transform:translateY(-50%)rotate(-180deg);
}
/****DEBUT NAV 2****/
.menu2{
	width: 100%;
	margin: 0 ;
	position: fixed;
	top: 0;
	left: 0;
	line-height: 58px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	align-content: flex-end;
	padding:0;
	z-index: 100;
	background: rgb(0, 118, 189);
   background-color: #192841;
}
.menu2_right{
	margin:0;
	padding:0;
	z-index:-1;
	
}

.menu2_right ul{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	list-style:none;
	margin:0 ;
	padding:0;
	border-bottom:1px solid transparent;
	cursor:pointer;
}
.menu2_right ul li{
	padding:0;
	margin: 0;
	list-style: none;
}
.menu2_right  ul li a.active_aside{
	border-bottom: 3px solid orange;
}
.menu2_right ul li a{
	display:block;
	padding:3px 6px;
	border-bottom:1px solid transparent;
	text-decoration: none;
	color: #fff;
	font-family:'Roboto',sans-serif;
}
.menu2_right ul li a:hover{
	border-bottom-color:#fff;
	transition:all .3s ease-in-out;
	text-decoration: none;
}

/****FIN NAV 2****/
.menu2_left{
	position: relative;
	top: 36px;
	width:100%;
	margin:16px auto 0 auto;
	font-size:12px;
	
}
.menu2_left p{
	color:black;
	margin:4px 40px 0 0;
	padding:0;
	font-weight:200;
	font-family:monospace;
	font-size:13px;
}
.messageFlash{
	position: absolute;
	top: 16px;
	width:100%;
	margin:16px auto 0 auto;
	font-size:12px;
}
@media screen and (max-width: 769px) {
.menu2{

	line-height: 30px;

}
	.menu2_right{
		width: 100%;
	margin:0;
	padding:0;
	z-index:-1;
	
}
	.menu2_right ul{
		width: 100%;
display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;

	list-style:none;
	padding:0 0 0 10%;
	margin:0;
	border-bottom:1px solid transparent;
	cursor:pointer;
	
}
	.menu2_right ul li{
	padding:0;
	margin: 0;
	list-style: none;
}
	.menu2_right ul li a{
	display:block;
	padding: 0 3px 0 3px;
	border-bottom:1px solid transparent;
	text-decoration: none;
	color: #fff;
	font-family:'Roboto',sans-serif;
		font-size: .7em;
		
}
}