nav {
background: #212184;
/*background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(62,62,62,1) 50%, rgba(0,0,0,1) 100%);*/
z-index:99999;
opacity:1;
}
#main-nav   {
    height: 40px; /* set to the height you want your menu to be */
    margin: 0 0 10px; /* just to give some spacing */
}
#main-nav ul    {
    margin: 0; padding: 0; /* only needed if you have not done a CSS reset */
}
#main-nav li    {
    display: inline-block;
    float: center;
    line-height: 40px; /* this should be the same as your #main-nav height */
    height: 40px; /* this should be the same as your #main-nav height */
    margin: 0; padding: 0; /* only needed if you don't have a reset */
    position: relative; /* this is needed in order to position sub menus */
	padding-top:0px;
	transition: all 0.5s ease;
}


#main-nav li:hover    {

background-color:#FDEB1B;
}


#main-nav li a  {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    margin-top:0px;
    color:#ffffff;
}
#main-nav li a:hover  {
    margin-top:0px;
    height: 40px;
    color:#333333;

}





#main-nav ul ul { /* this targets all sub menus */
    display: none; /* hide all sub menus from view */
    background:#212184;
    position: absolute;
    top: 40px; /* this should be the same height as the top level menu -- height + padding + borders */
}
#main-nav ul ul li { /* this targets all submenu items */
    float: none; /* overwriting our float up above */
    width: 250px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
}
#main-nav ul ul li a { /* target all sub menu item links */
    margin-top:0px;
	color:#FFFFFF;
	font-style:italic;
}

#main-nav ul ul li a:hover { /* target all sub menu item links */
background:#FDEB1B;
}




#main-nav ul li:hover > ul {
    display: block; /* show sub menus when hovering over a parent */
}

#main-nav ul ul li ul {
    /* target all second, third, and deeper level sub menus */
    left: 150px; /* this needs to match the sub menu width set above -- width + padding + borders */
    top: 0; /* this ensures the sub menu starts in line with its parent item */
}


 .current_page_parent{
	border-bottom: 3px solid #FDEB1B;
}

 .current_page_item {
	border-bottom: 3px solid #FDEB1B;
	background:#1e184d;

}

.current_page_item a {
color:#333333;
}

.children {
display:block;
}



#burger_opened {}
#burger_closed {}






/* @media all and (max-width: 1000px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
*/


@media all and (max-width: 990px){ 

#connexion_mobile {
display:none;
}

.burger_style {
transform: translate(0px,-1000px);
}


 #burger_opened { 
 display:block;
 position: absolute;
 width:10vw;
 height:10vw;
 right:10px;
 top:20px;
  background-image: url("burger_open.svg");

 z-index:100;
 }
  #burger_closed { 
 display:block;
 position: absolute;
 width:10vw;
 height:10vw;
 right:10px;
 top:20px;
  background-image: url("burger_close.svg");
 z-index:100;
 }
 
 .page_item_has_children {}
 
 

.children {
display:block;
position:absolute;
left:0px;
width:100vw;
z-index:100000;
}



#main-nav   {
	position:absolute;
	top:100;
	width:100%;
    margin: 0 0 10px; /* just to give some spacing */
    height:300px;
}

#main-nav ul    {
    margin: 0; padding: 0; /* only needed if you have not done a CSS reset */
    overflow: visible;
}


#main-nav li    {
    display: block;
    float: center;
    height: 100px; /* this should be the same as your #main-nav height */
    margin: 0; padding: 0; /* only needed if you don't have a reset */
    position: relative; /* this is needed in order to position sub menus */
	padding-top:0px;
	transition: all 0s ease;
	    overflow: visible;

}

#main-nav li a:hover  {
    margin-top:0px;
    height: auto;
    color:#333333;

}


#main-nav li a  {
	height:100px;
	line-height:100px;
	background:#FFFFFF;
    font-size:4vw;
    color:#333333;

}
#main-nav li a:hover  {
background:none;

}





#main-nav ul ul { /* this targets all sub menus */
    display: none; /* hide all sub menus from view */
    
    position: absolute;
    top: 100px; /* this should be the same height as the top level menu -- height + padding + borders */
     overflow: visible;

}


#main-nav ul ul li { /* this targets all submenu items */
    width: 100%; /* set to the width you want your sub menus to be. This needs to match the value we set below */

}

#main-nav ul ul li a { /* target all sub menu item links */
	color:#FFFFFF;
	font-style:italic;
	background:#212184;
	position:absolute;
	width:100%;
}

#main-nav ul ul li a:hover { /* target all sub menu item links */
    color:#333333;
	background:#FDEB1B;
}




#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {
    color: #333333;
}


#main-nav .current_page_item a {
color:#FFFFFF;
background:#212184;
}

 .current_page_item {
	border-bottom: 0px solid #98b835;
}





 
}