html {
  overflow: auto;
}



body
{
  color: black;
  background-color: #eeeeee;
  overflow: auto;
}



.conteneur {
  position: absolute;
  width: 100%;
  height: 100%;
}



.header {


}



.header .logo_univ {
  width: 150px;
  height: 110px;
  padding: 10px;
}



.header .logo_univ img {
  width: 119px;
  height: 85px;
  border: 0px;
}



.header .title {
  position: absolute;
  left: 260px;
  top: 90px;
  font-family: serif, sans-serif, fantasy;
  font-weight: bold;
  font-size: 25pt;
}



.header .logo_fbf {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100px;
  height: 110px;
  padding: 10px;
}



.header .logo_fbf img {
  width: 83px;
  height: 80px;
  border: 0px;
}

.header .logo_ief {
  position: absolute;
  top: 0px;
  right: 420px;
  width: 100px;
  height: 110px;
  padding: 10px;
}



.header .logo_ief img {
  width: 189px;
  height: 48px;
  border: 0px;
}

.menutop {
}



.menutop .menu {
  padding: 3px 0px;
  padding-left: 30px;
  margin-left: 0px;
  border-bottom: 1px solid #777788;
  font: bold 10pt serif, sans-serif;
}



.menutop .menu li {
  list-style: none;
  margin: 0px;
  display: inline;
}



.menutop .menu li span.item {
  padding: 3px 0.5em;
  border: 1px solid #777788;
  color: black;
  background: #ffffdd;
  text-decoration: none;
  margin-left: 0px;
  margin-right: 3px;
}



.menutop .menu li span.unactive {
  color: black;
  background: #ffffdd;
  border-bottom: none;
}



.menutop .menu li span.active {
  color: black;
  background: #eeeeee;
  border-bottom: 1px solid #eeeeee;
}



.menutop .menu li span.active a:link {
  color: #444488;
}



.menutop .menu li span.active a:visited {
  color: #666677;
}



.menutop .menu li span.active a:hover {
  color: #000000;
  background-color: #aaaaee;
  border-color: #222277;
}



.menuleft {
  position: absolute;
  margin-top: 20px;
  padding: 10px;
  width: 15%;
}







.menuleft .menu {
  list-style-type: none;
  margin: 0px;
  padding: 10px;
  border: 1px solid #777788;
  
  color: black;
  background: #ffffdd;
  font: bold 10pt serif, sans-serif;
}



.menuleft .menu li span.unactive {
  color: black;
  background: #ffffdd;
  
}



.menuleft .menu li span.active {
  color: black;
  background: #ffffdd;
  
}



.menuleft .menu li span.active a:link {
  color: #444488;
}



.menuleft .menu li span.active a:visited {
  color: #666677;
}



.menuleft .menu li span.active a:hover {
  color: #000000;
  background-color: #aaaaee;
  border-color: #222277;
}





.menuleft .menu {
  margin-bottom: 5px;
}



.main {
  position: absolute;
  margin-top: 20px;
  margin-left: 17%;
  width: 82%;
  height: 79.5%;
  font-size:10pt;
}



.main .header {
  font-weight: bold;
  color: #555555;
}



.main .header .nom {
}



.main .header .situation {
  position: absolute;
  left: 25%;
}



.main .header .laboratoire {
  position: absolute;
  left: 50%;
}



.main .header .contact {
  position: absolute;
  left: 75%;
}



.membre {
  font-size: 10pt;
  color: #666666;
  min-width: 60%;
}



.membre .nom {
  color: #555555;
  font-weight: bold;
  min-width: 45%;
}



.membre .fonction {
  position: absolute;
  left: 25%;
  min-width: 45%;
}



.membre .equipe {
  position: absolute;
  left: 50%;
  min-width: 45%;
}



.membre .mail {
  position:absolute;
  left: 75%;
  min-width: 45%;
}



.membre .tel {
  margin-left: 25%;
  min-width: 45%;
}



.membre .domaine {
  position: absolute;
  left: 50%;
  min-width: 45%;
}



.membre .bureau {
  margin-left: 25%;
  min-width: 45%;
}



table {
  font-size: 10pt;
  color: #666666;
  width: 100%;
  min-width: 800px;
}



table .header {
  font-weight: bold;
  color: #555555;
  text-align: left;
}



table .name {
  color: #555555;
  font-weight: bold;
}

li p .date {
  font-weight: bold;
}

li p .date_highlight {
  font-weight: bold;
  color: red;
  text-decoration: blink;
}

li p .prenom {
}

li p .nom {
  color: blue;
}

li p .universite {
}

li p .titre {
  font-style: italic;
}