html {
  overflow: auto;
}

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

.conteneur {
  position: absolute;
  width: 99%;
  height: 97%;
}

.header {
}

.header .logo_univ {
  top: 0px;
  left: 0px;
  width: 200px;
  height: 150px;
  padding: 10px;
}

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

.header .title {
  position: absolute;
  left: 190px;
  top: 65px;
  font-family: serif, sans-serif, fantasy;
  font-weight: bold;
  font-size: 18pt;
}

.header .title2 {
  position: absolute;
  left: 200px;
  right: 200px;
  height: 300px;
  top: 0px;
  font-family: serif, sans-serif, fantasy;
  font-weight: bold;
  font-size: 18pt;
}

.header .title3 {
  position: absolute;
  left: 200px;
  right: 200px;
  height: 300px;
  top: 200px;
  font-family: serif, sans-serif, fantasy;
  font-weight: bold;
  font-size: 18pt;
}

.header .logo_labo {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 200px;
  height: 150px;
  padding: 10px;
}

.header .logo_labo img {
  height: 150px;
  width: 200px;
  border: 0px;
}

.menutop {
}

.menutop .menu {
  padding: 3px 0px;
  padding-left: 30px;
  margin-left: 0px;
  border-bottom: 1px solid #777788;
  font: bold 11pt 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 11pt serif, sans-serif;
}

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

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

.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: 11pt;
  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%;
}

.membres .ttitle {
  font-weight: bold;
}

table {
  font-size: 11pt;
  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;
}

div.nouvelle {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  border: solid red;
  padding: 5px;
}