ul ul 
{
display: none;
} 
li:hover ul.niveau2 
{
display:block;
list-style-type: none;
}
ul.niveau1
{

top: 0%; 
margin: 0%; 
padding: 0%;
list-style-type: none;
}
ul.niveau1:hover
{
top: 0%; 
margin: 0%; 
padding: 0%;
}
ul.niveau2
{
top: 0%; 
margin: 0%; 
padding: 0%;
}
ul.niveau2:hover
{
top: 0%; 
margin: 0%; 
padding: 0%;
}


header
{
width: 100%;
height:255px;
text-align: center;
margin-top : -5%;
background-color : white;
top:0%;
z-index:10;
position : fixed;
}


br.small
{
content: "";
display: block;
margin-bottom:2em;
}

h1
{
line-height: 125%;
margin-top : 5%;
}

a.legende
{
color: teal;
text-align: center;
}

a.select
{
color: #008B8B;
text-align: center;
}

a
{
font-size: 0.74vw;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
text-decoration: none;
background-color: white;
color: black;
}

a.ref:hover
{
font-size: 0.74vw;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
text-decoration: none;
color: #008B8B;
}

a.titre
{
font-size: 1.9vw;
font-family: 'Roboto', sans-serif;
font-weight: 100;
text-decoration: none;
color:  grey;
text-align: center;
line-height: 100%;
}

a.titre:hover
{
font-size: 1.9vw;
font-family: 'Roboto', sans-serif;
font-weight: 100;
text-decoration: none;
color: #008B8B;
text-align: center;
line-height: 100%;
}


div.diapoG
{
display: inline-block;
position : absolute;
width:33%;
overflow: hidden; 
background-color:white;
top:22%;
}

div.diapoC
{
display: inline-block;
margin-left: 33%;
float: center;
position : absolute;
width:33%;
top:22%;
z-index:3;
}

div.diapoD
{
display: inline-block;
position : absolute;
margin-left: 66%;
width:33%;
background-color:white;
top:22%;
}

img.dialarge
{
max-width: 90%;
position:relative;
margin-left:5%;
margin-bottom:2%;
}


img.dia
 {
margin : 1%;
max-width: 45%;
float:center;
  }
img.dialarge
 {
margin : 1%;
max-width: 92.5%;
float:center;
  }
div.diapoC
{
display: inline-block;
margin-left: 33%;
float: center;
position : absolute;
width:33%;
top:22%;
z-index:3;
}

div.diapoD
{
display: inline-block;
position : absolute;
margin-left: 66%;
width:33%;
background-color:white;
top:22%;
}
 div.diapoG
{
display: inline-block;
position : absolute;
width:33%;
overflow: hidden; 
background-color:white;
top:22%;
}
 div.diapoCbio
{
display: inline-block;
margin-left: 25%;
float: center;
position : absolute;
width:45%;
top:22%;
z-index:3;
}
 div.diapoDbio
{
display: inline-block;
position : absolute;
margin-left: 75%;
width:20%;
background-color:white;
top:22%;
}
img.gr
 {
margin : 1%;
max-width: 84%;
float:center;
  }
img.pe
 {
 margin:1%;
 max-height: 20%;
float:center;
  }
img.pe1
 {
 margin:1%;
 margin-top: 2%;
 margin-left: 2%;
 max-width: 60%;
float:center;
  }
  img.p1
{
   margin:1%;
 max-width: 42%;
float:center;

  }
  img.p2
  {
 margin:1%;
 max-height: 5%;
float:center;

  }

footer
{
position: absolute;
margin-top:100%;
font-size: 0.74vw;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-decoration: none;
color: grey;
text-align: center;
position: -webkit-sticky;
position: sticky;
bottom:0%;
z-index:9;
}



div.contact
{
display: inline-block;
margin-left: 33.33%;
float: center;
position : fixed;
width:33%;
background-color:white;
top:20%;
}
.mail:hover
{ color :#008B8B;}

.adresse
{
font-size: 0.87vw;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-decoration: none;
color: #008B8B;
text-align: center;
}
img.profilebis
{
position:relative;
float:center;
margin-left: 3%;
margin-top: 11%;
margin-left:25%;
width: 50%;
z-index:1;
}


 div.diapoCdomicile_index
{
display: inline-block;
margin-left: 45%;
float: center;
position : absolute;
background-color:white;
width:50%;
top:40%;
z-index:3;
}
 div.diapoGdomicile_index
{

display: inline-block;
position : absolute;
width:50%;
overflow: hidden; 
background-color:white;
top:18%;
font-family: 'Open Sans', sans-serif;
margin-left: 5%;
}

 p.biotexte
  {
font-size: 1.1vw;
color:#008B8B;
font-weight: 400;
text-align: justify;
font-family: 'Open Sans', sans-serif;

 }
p.nom
 {
font-weight: 700;
font-size: 1.5vw;
text-align: left;
color:#008B8B; 
font-family: 'Roboto', sans-serif;
  }
 
h3
{
font-size: 12px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-decoration: none;
color: black;
text-align: center;
z-index:3;
}
a.list:hover
{
color:#483D8B;
}

img.monde
 {
max-width:90%;
position:fixed;
margin-left:1%;
margin-top:0%;
z-index:1;
 }