.header_content{
  border-bottom: 10px solid #006064;
  height: 103px;
  width: -webkit-fill-available;
}
.header_content_blue{
	border-bottom: 10px solid #428399;
  	height:103px;
  	width: -webkit-fill-available;
}
.info_page{
  height: 37px;
  background-color: #fff;
  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.87);
  position: relative;
  box-sizing: border-box;
  z-index: 1;
}
#logo{
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  z-index: 1;
  box-sizing: border-box;
  padding: 10px 10px;
}
#logo::before{
  	content: "";
    background: url("/javax.faces.resource/images/bg-logo.png.xhtml?ln=chorus") no-repeat scroll left top transparent;
    position: absolute;
    width: 300px;
    height: 110px;
    top: 0;
    left: 0;
    z-index: -1
}
#logo a{
  text-decoration: none;
  position: relative;
}

/*--------------------NAVIGATION----------------------------*/
#nav{
  height:103px;
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
 }
#nav .mediaNav{
  height:110px;
  width:100%;
  position:relative;
}
#nav .content_nav {
  box-sizing: border-box  ;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-left: 240px;
  display: flex;
}

#nav .content_nav li{
    display: inline-block;
    position: relative;
    cursor: pointer;
}
#nav .content_nav li:hover .subnav{
  display: block;
}
#nav .content_nav li:first-child a{
  padding-left: 70px;
}
#nav a{
    font-size: 16px;
    color: #292929; 
    font-weight: bold;
    display: inline-block;
    box-sizing: border-box;
    padding: 30px 35px 10px;
    height: 75px;
    margin-bottom: -10px;
    text-decoration: none;
    transition: color, background-color, 300ms;
    cursor: pointer;
}

#nav a label {
	cursor: pointer;
}

#nav .content_nav li a:hover, #nav .content_nav li .selected{
  color:#fff;
  background: none repeat scroll 0 0 #006064;   
  text-decoration:none;
  -moz-transition: background, color, 300ms;
}

/*--------------------------Navigation bleue-------------------------------------*/

#nav .content_nav_blue {
  box-sizing: border-box  ;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-left: 240px;

}

#nav .content_nav_blue li{
    display: inline-block;
    position: relative;
}
#nav .content_nav_blue li:hover .subnav{
  display: block;
}
#nav .content_nav_blue li:first-child a{
  padding-left: 70px;
}
#nav .content_nav_blue li a:hover, #nav .content_nav_blue li .selected{
  color:#fff;
  background: none repeat scroll 0 0 #428399;   
  text-decoration:none;
  -moz-transition: background, color, 300ms;
}

#nav .selected .navblue{
  color:#fff;
  background: none repeat scroll 0 0 #428399;   
  text-decoration:none;
} 

/*----------------------------------------------------------------------------------------*/

#nav  a.first{
  border-bottom-left-radius: 20px;
}
#nav li a.after:after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
  display: inline-block;
  margin-left: 15px;
}
#nav li.selected a.after:after,
#nav li a.after:hover:after
{
  border-color: #fff transparent transparent transparent;

}
#nav .selected a{
  color:#fff;
  background: none repeat scroll 0 0 #006064;   
  text-decoration:none;
} 
#nav .subnav{
  position: absolute;
  top: 75px;
  width: 100%;
  display: none;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
#nav .subnav li{
  display: block;
  position: relative;
  border-top: 1px solid #ccc;
  width: 100%;
  background-color: #fff
}
#nav .subnav li a{
  height: auto;
  width: 100%;
  padding: 15px;
  margin: 0;
}
#nav .subnav li:first-child{
  border-top-color: #a97613;
}
#nav .subnav li a:first-child{
  padding-left: 25px;
}
#nav .selected .subnav li{
  border-top: 1px solid #f2aa26;
}
#nav .selected .subnav li a{
  background-color: #006064;
  color: #fff;
}
#nav .selected .subnav li a:hover{
  background-color: #d77514;
}