/* Add a black background color to the top navigation */
.nav_toute_largeur {
	border-top: 1px solid #5084BD;
	border-bottom: 1px solid #5084BD;
	background-color: #F1F1F1;
}

.topnav {
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
	float: left;
	display: block;
	color: #1E6CA0;
	text-align: center;
	padding: 14px 8px;
	text-decoration: none;
	font-size: 17px;
}

.topnav a:hover {
	color: #525252;
}

.topnav iconify-icon {
	font-size: 150%;
}

/* Add an active class to highlight the current page */
.active {
	font-weight: bold;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
	display: none;
}

/* menu_dropdown container - needed to position the menu_dropdown content */
.menu_dropdown {
	float: left;
	overflow: hidden;
}

/* Style the menu_dropdown button to fit inside the topnav */
.menu_dropdown .menu_dropbtn {
	font-size: 17px;
	border: none;
	outline: none;
	color: #1E6CA0;
	padding: 14px 10px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
}

/* Style the menu_dropdown content (hidden by default) */
.menu_dropdown_content {
	display: none;
	position: absolute;
	background-color: #F1F1F1;
	min-width: 160px;
	z-index: 1;
	border-radius: 0 0 10px 10px;
	border-left: 1px solid #5084BD;
	border-right: 1px solid #5084BD;
	border-bottom: 1px solid #5084BD;
	border-top: 0;
}

/* Style the links inside the menu_dropdown */
.menu_dropdown_content a {
	float: none;
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.menu_dropdown_content a:hover {
	background: none;
}

/* Add a dark background on topnav links and the menu_dropdown button on hover */
.menu_dropdown:hover .menu_dropbtn {
	color: #525252;
	cursor: pointer;
}

/* Add a grey background to menu_dropdown links on hover */
.menu_dropdown_content a:hover {
	color: #7b7b7b;
}

/* Show the menu_dropdown menu when the user moves the mouse over the menu_dropdown button */
.menu_dropdown:hover .menu_dropdown_content {
	display: block;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
	.topnav a:not(:first-child), .menu_dropdown .menu_dropbtn {
		display: none;
	}

	.topnav a.icon {
		float: right;
		display: block;
	}

	.topnav.responsive {
		position: relative;
	}

	.topnav.responsive a.icon {
		position: absolute;
		right: 0;
		top: 0;
	}

	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}

	.topnav.responsive .menu_dropdown {float: none;}
	.topnav.responsive .menu_dropdown_content {position: relative;}

	.topnav.responsive .menu_dropdown .menu_dropbtn {
		display: block;
		width: 100%;
		text-align: left;
	}

	/* Style the menu_dropdown content (hidden by default) */
	.menu_dropdown_content {
		border-radius: 0;
		border-left: 1px solid #EFEFEF;
		border-right: 1px solid #EFEFEF;
		border-bottom: 1px solid #EFEFEF;
	}
}

/* adapatation perso pour menu du bas */
.topnav .fa-exclamation-triangle {
	font-size: 100%;
}