@charset "utf-8";
/* CSS Document */
/* Code couleur rouge = #FA000B */


 /* Navbar container */
.navbar { width:100%; max-width:1600px; margin:0 auto; display:block; padding:10px 0px; overflow: hidden; background-color:#FA000B; }

/* Links inside the navbar */
.navbar a { float: left; font-size:125%; /* 16px; */ color: white; text-align: center; padding: 18px 16px 14px 16px; text-decoration: none; }
	.navbar a i { padding-right:0.5vw; }
		.navbar a.selected { color:#000000; }

/* The dropdown container */
.dropdown { float: left; overflow: hidden; font-size:125%; }

/* Dropdown button */
.dropdown .dropbtn { font-size:125%;  /*16px; */ border: none; outline: none; color: white; padding: 18px 16px 14px 16px; background-color: inherit; font: inherit; /* Important for vertical align on mobile phones */   margin: 0; /* Important for vertical align on mobile phones */ }

#arrowDown { float:right; width:20px; height:20px; padding-left:10px; }
.arrowDownPict { width:0; height:0; border-right:7px solid transparent; border-left:7px solid transparent; border-top:10px solid #FFF; margin:5px auto; }

/* Add a background color styel to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn { background-color:#FA000B; color:#000000; }

/* Dropdown content (hidden by default) */
.dropdown-content { display: none; position: absolute; background-color:#FA000B; width: 100%; left:0; /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */ z-index: 1; }

/* Mega Menu header, if needed */
.dropdown-content .header { background: red; padding: 16px; color: white; }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content { display: block; }

.row { width:100%; max-width:1600px; margin:0 auto; }

/* Create three equal columns that floats next to each other */
.column { float: left; width: 33.33%; padding:10px; background-color:inherit; height:100%; font-size:75%; /* 250px; */ }

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

/* Add a background color on hover */
.column a:hover { background-color:#DDDDDD; }

/* Clear floats after the columns */
.row:after { content: ""; display: table; clear: both; } 

.navbarIcone { width:100px; min-height:100%; position:relative; float:right; }
	.navbarIconeBox { width:100%; height:50px; display:table; position:absolute; }
		.navbarIconeColumn { width:50%; padding:0 10px; display:table-cell; vertical-align:middle; }
			.navbarIconeColumn a { float:none; padding:0; }
				.navbarIconeColumn a img { max-width:25px; height:auto; }


/* MENU VERSION MOBILE */
.topnav {
	overflow: hidden;
	background-color:#FA000B;
	position: relative;
}

.topnav #myLinks {
	display: none;
}

.topnav a {
	color: white;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	display: block;
}

.topnav a i { padding-right:3vw; }

.topnav a.icon {
	background: black;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding-right:0;
}

.topnav a:hover {
	background-color:#DDD;
	color: black;
}

.active {
	background-color:#FA000B;
	color: white;
}


@media screen and (max-width: 640px) {
	
}