/* SECTION_MENU Debut */
 /* Fixed To Top menu Debut */
.f-nav { z-index: 99; position: fixed; left: 0; top: 0; width: 100%; }
.padmenu { height: 2.8em; display: none; background: #2A2A65; } /* doit etre ajuste avec .ancre et la hauteur du menu .nav a */
/* Fixed To Top menu Fin */

.menu_container {  width: 100%;  font-size: 0.9em; }
.menu_fit {	display: block; width: 100%; text-align: center; }
.menu_fit .toggleMenu, .menu_fit li { text-align: left; }
.toggleMenu {
    display:  none;
    background: url(../img/menuico.svg) no-repeat center center;
	background-size: 2.1em;
	background-position: 97%;
	padding: 1.2em 0 1.2em 0;
	width: 100%;
	text-decoration: none;
	text-indent: 1.5em;
	font-family: 'font_black', Arial, Helvetica, sans-serif;
-webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; }
.nav { list-style: none; font-family: 'font_black', Arial, Helvetica, sans-serif; }
.nav:before,
.nav:after {   content: " ";  display: table; }
.nav:after {  clear: both; }
.nav ul { list-style: none; min-width: 11.5em; text-align: left; } /* Largeur sous-menus */
.nav a {  padding: 0.85em 2.5em; color: #FFF;  -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out;	-ms-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; }
.nav li {   position: relative; }
.nav > li {	display: inline-block;  border-right: 1px solid rgba(80,80,190,0.5); }
.nav > li a:hover {  background: rgba(0,0,0,0.25); }
.nav > li > .parent { text-decoration: none; }
.nav > li > a { display: block;	text-decoration: none; }
.nav li  ul { position: absolute; left: -9999px; }
.nav > li.hover > ul { left: 0; }
.nav li li.hover ul { left: 100%; top: 0; }
.nav li li a {
	color: #2A2A65;
	font-size: 0.85em;
	padding: 0.9em 1em;
	text-transform: none;
	font-family: 'font_light', Arial, Helvetica, sans-serif;
    display: block;
    position: relative;
    z-index:100;
    border-top: 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
	text-decoration: none;
	opacity: 0.95;
}

.nav li span, .nav li li span { display: none;
	position: relative;
	top: 50%;
    width: 0.5em;
    height: 0.5em;
    border-right: 0.2em solid #FFC500;
    border-top: 0.2em solid #FFC500;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg); /* IE 9 */
	-moz-transform: rotate(45deg); /* Firefox */
	-o-transform: rotate(45deg); /* Safari and Chrome */
	-ms-transform: rotate(45deg); /* Opera  */
	left: -0.6em; 
}
/* Fleche Debut */
.nav li li span {
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
}
.nav li li li a { font-size: 0.85em;
    z-index:200;
    border-top: 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
	opacity: 0.95;
}
/* Fleche Fin */

.nav li li a:hover, .nav li li li a:hover {	opacity: 1; }
.nav li li a, .nav li li li a, .nav li li a:hover, .nav li li li a:hover { background-color: #FFF; }
.nav li li a:hover, .nav li li li a:hover {background-color: #2A2A65; color: #FFF; }

@media screen and (max-width: 1023px) {
.menu_container {  width: 100%;  }
.active { display: block; background: url(../img/menuico.svg) no-repeat center center;	background-size: 2.1em;	background-position: 97%; padding: 1.2em 0 1.2em 0;	width: 100%; }
.nav  {  min-width: 100%;}
.nav li a { background: rgba(255,255,255,1) !important; padding: 1em 0 1em 0.75em; opacity: 1; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 0; color: #2A2A65; }
.nav li li a { opacity: 1;  background: rgba(255,255,255,0.9) !important; border-top: 1px solid rgba(0,0,0,0.15) !important; border-bottom: 0; }
.nav li li li a {  opacity: 1; background: rgba(255,255,255,0.95) !important; border-top: 1px solid rgba(255,255,255,0.15); border-bottom: 0; }
.nav li a:hover, .nav li li a:hover, .nav li li li a:hover  {  background-color: rgba(0,0,0,0.15) !important; color: #FFF; }
.nav li li a, .nav li li li a {  border-top: 1px solid rgba(255,255,255,0.15); border-bottom: 0; }
.nav > li {	display: block; border-right: none; }
.nav ul { display: block; width: 100%; }
.nav > li.hover > ul , .nav li li.hover ul { position: static; 	}

/* Fleche Debut */
.nav li span, .nav li li span {	position: relative;  display: inline-block; width: 0.5em; height: 0.5em;  transform: rotate(45deg); left: -0.5em; }
/* Fleche Fin */

/* Fixed To Top menu Debut */
.f-nav { position: static; }
.padmenu { height: 0; display: none; }
/* Fixed To Top menu Fin */
}
/* SECTION_MENU Fin */