/* MENU MOBILE */
@media screen and (max-width: 768px){
	
  .menu_display{
      display: none;
  }

  .navigation_display{
    display: flex;
    justify-content: space-between;
    background-color: white;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    top: 0px;

    padding-bottom: 1em;

  }

  .navigation_mobile{
      display: block;
  }

#menuToggle
{
 display: block;
 margin-left: 1em;
 margin-top: 1em;
 position: relative;
 
 z-index: 2 ;

 -webkit-user-select: none;
 user-select: none;
}

#menuToggle input
{
 display: block;
 width: 40px;
 height: 32px;
 position: absolute;
 
 cursor: pointer;
 
 opacity: 0;
 z-index: 2; 
 
 -webkit-touch-callout: none;
}

#menuToggle span
{
 display: block;
 width: 33px;
 height: 4px;
 margin-bottom: 5px ;
 position: relative;
 
 background: rgb(255, 69, 41);;
 border-radius: 0px 3px 0px 3px;
 
 z-index: 1;
 
 transform-origin: 4px 0px;
 
 transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
             background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
             opacity 0.55s ease;
}

#menuToggle span:first-child
{
 transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
 transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
 opacity: 1;
 transform: rotate(45deg) translate(-2px, -1px);
 background: #04818E;
}

#menuToggle input:checked ~ span:nth-last-child(3)
{
 opacity: 0;
 transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
 transform: rotate(-45deg) translate(0, -1px);
}

#menu
{
 background: white;
 position: absolute;
 margin: -100px 0 0 -60px;
 padding-left: 70px;
 padding-top: 125px;
 box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);

 

 list-style-type: none;
 -webkit-font-smoothing: antialiased;
 /* to stop flickering of text in safari */
 
 transform-origin: 0% 0%;
 transform: translate(-100%, 0);
 
 transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
 padding: 10px 0;
 font-size: 22px;
 float: none;
}

#menuToggle input:checked ~ #menu
{
 transform: none;
}

#menu ul li:hover ul {
position: relative;
}

#menu li a{
font-size: 0.8em;
text-align: left;
}

#menu ul li ul li a{
font-size: 0.6em;
}

.logo_mobile{
margin-top: 1em;
}

.logo_mobile img{
height: 1.3em;
}

.reseaux_mobile {
margin-right: 2em;
margin-top: 1em;
display: flex;
}

.mod-languages{
  margin-right: 0em;
  margin-top: 0.2em;
  margin-left: 0.4em;

}

.linkedin{
  margin-right: 2em;
}

.lang-inline a img{
  height: 1em;
}

}

@media screen and (max-width: 427px){
.lang-inline a img{
    height: 1.7em;
}

}