nav{
font-family: "Raleway-Regular";
display:-webkit-box;
display:-ms-flexbox;
display:flex;
text-align:left;
-webkit-box-align:baseline;
    -ms-flex-align:baseline;
        align-items:baseline;
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
margin:auto;
padding:0;
max-width:1280px;

}

.navigation{
font-family: "Raleway-Regular";
display:-webkit-box;
display:-ms-flexbox;
display:flex;
text-align:left;
list-style:none;
-webkit-box-align:baseline;
    -ms-flex-align:baseline;
        align-items:baseline;
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
margin:auto;
padding:0;
margin-top:-50px;
margin-bottom:50px;
font-size:0.8em;
}


#navigation{
-webkit-box-flex:1;
    -ms-flex-positive:1;
        flex-grow:1;

}

#navigation2{
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: flex-end;

}

#menu_contact a{
border-right:none;
}

#menu_de a{
border-right:none;
}

#menu_mobile{
display:none;
}

.navigation a {
  text-decoration: none;
  padding:2em;
  padding-top:0;
  padding-bottom:0;
  color:grey;
  border-right:1px solid grey;
}



#menu_en_cours{
 background: grey;
   color:white;
     text-decoration: none;
  
   padding-top:1em;
  padding-bottom:1em;
}



.navigation a:hover {
  background: grey;
   color:white;
   padding-top:1em;
  padding-bottom:1em;
}


@media all and (orientation:portrait), all and (max-width:960px) {

#menu_mobile{display:block;}
.navigation a{

padding:2em;
}
.navigation a:hover{

padding:2em;
}
.navigation.menu{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
   -webkit-box-pack:baseline;
       -ms-flex-pack:baseline;
           justify-content:baseline;
-webkit-box-align:start;
    -ms-flex-align:start;
        align-items:flex-start;

}



 .navigation.menu  a{display:none;}
 .navigation.menu a.icon{display:block;}

.navigation.menu.responsive {position: relative;}
 .navigation.menu.responsive a.icon{
display:block;
}
.navigation.menu.responsive a{
display:block;
text-align:left;
border-top: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

#menu_en  {
 border-left:1px solid grey;
}
 
.navigation  a{
   border-right:none;
}

}