nav, #conteneur
{
display: block;
vertical-align: top;
}




nav
{
position: fixed;
width: 13%;
margin-top: 8em;
margin-right: 2em;
overflow: hidden;
font-variant: small-caps;
font-size:18px;
text-align: right;
}

nav ul
{
list-style: none;
}

#conteneur
{
width: 70%;
height: 100%;
margin-left: 15%;
background-color: white;
}

#research, #teaching, #contact, #CV, #liens
{
padding: 12px;
margin: 15px 0;
}

#menu_accueil, #menu_research, #menu_teaching, #menu_CV, #menu_liens, #menu_contact
{
color: black;
text-decoration: none;
padding-right: 3px;
border-right: 5px solid  white;
}

#menu_contact:hover, #menu_accueil:hover
{
border-right: 5px solid black;
}

#menu_research:hover
{
border-right: 5px solid  #FFDA6C;
}

#research
{
background-color: #FFDA6C;
}


#menu_teaching:hover
{
border-right: 5px solid  #88E5FF;
}

#teaching
{
background-color: #88E5FF;
}

#menu_CV:hover
{
border-right: 5px solid  #79FFB0;
}


#CV
{
background-color: #79FFB0;
}

#menu_liens:hover
{
border-right: 5px solid  #FF84D6;
}

#liens
{
background-color: #FF84D6;
}

#menu_contact:hover
{
border-right: 5px solid  #DEDEDE;
}

#contact
{
background-color: #DEDEDE;
}


a , a:visited
{
color : blue;
}

ul
{
line-height: 140%;
}


h1
{
font-size: 24px;
}

h2
{
font-size: 20px;
}

h3
{
font-size: 16px;
}


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

nav, #conteneur
{
display: block;
vertical-align: top;
}


nav
{
position: static;
width: 100%;
margin-top: 2em;
overflow: hidden;
align-self: center;
}

#conteneur
{
width: 100%;
height: 100%;
margin-left: 0%;
background-color: white;
}

}