body {
  font-family: sans-serif;
  background-color: #0099CC; 
  color: #333333; /* #666666; */
  /* font-size: 90%; */
  font-size: small;
}

a { color: #006699; background-color: inherit; }

#contenu {
  font-size: inherit;
  position: absolute;
  background-color: white;
  color: inherit;
  left: 20%;
  right: 0%;
  top:0%;
  width: 80%;
  padding-bottom: 10em;
}

#grand-titre {
  /* font-size: larger; */
  /* color: #666666; */
  /* margin-top: 1em; */
/*  position: absolute;
  left: 3%;
  right: 2%;
*/
  width: 40%;
  padding-left: 5em;
  padding-right: 1em;
}

#photo {
    position: absolute;
    right: 4%;
    top: 0;
    padding-left: 4px;
    margin-right: 2%;
    margin-top: 1em;
}

#logopps {  
  position: absolute;
  width: 155px;
  height: 140px;
  background: white; /* #C6C6C4; */
  padding-top: 12px;
  padding-left: 12px;
  border: 2px solid #C6C6C4;
}

#logos {
  position: absolute;
  top:0;
  right:0;
  padding-left: 4px;
  padding-right: 4px;
/*  width: 15em;*/
  margin-right: 2%;
  margin-top: 1em;
}

#logos table { 
  text-align: center;
}


#informations {
  background: inherit;
  position: absolute; 
  top: 12em;
}

#grand-titre p { font-size: inherit; }

p, h1, h2, h3 { font-size: inherit; }

#grand-titre h1 {
  font-size: 200%; 
  color: black;
  margin-top: 2em;
  color: #666666;
/*
  padding: 1em;
  border: 4px solid #B0B0B0;
*/
}

#maj {
  position: absolute;
  top:0;
  left: 0;
  padding-left: 3%;
} 

#maj p {   
  color: inherit;
  font-size: 80%;
}

table { font-size: inherit; }
tr { font-size: inherit; }
td { font-size: inherit; }


#menu {
/*  position: fixed; */
  position: absolute;
  left:10px;
  top: 180px;
/*  right: 3%; */
  right: 82%;
}

#logo {
  position: absolute;
  left: 4em;
  top: 2em;
}

h3 { padding-top: 1em; }

#menu dt {
  color: white; /*black; //#333333;*/
  font-weight: bold;
  margin-left: 0.5em;
  padding-top: 1em;
  margin-bottom: 2px;
}

#menu dd {
  background: #0099CC;
  margin-bottom: 2px;
  margin-left:0em;
  padding-top: 0em;
  padding-bottom: 0em;
}

#menu dd a {
  color: blue; /*#0099CC;*/
  background: #ccffcc;
  width: 100%;
  display: block;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-top: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
}


#menu dd a:hover {
  background-color: #99ffcc;
}


a {
  color: blue;
  text-decoration: none;
}

h3 {
/*  padding-left: 1em; */
  color: black;
  font-size: 110%;
}

h2 {
  background-color: #ccffcc;
  padding-bottom: 1em;
  padding-top: 1em;
  padding-left: 1em;
  margin-top: 2em;
  color: black;
  text-align: left;
  font-size: 120%;
}

#general, #projets, #publications, #enseignement {
/*  position: absolute; */
  margin-left: 3%;
  margin-right: 2%;
  margin-top: 3em;
/*  top: 55em; */
}

em.projet, em.conseil, p.professeurs em { 
  /* color: black; */
  font-style: normal;
  font-weight: bold;
  color: black;
}

#contenu em {  
  font-style: normal;
  font-weight: bold;
  color: black;
}

p.biblio { color: black; }
ul.biblio { list-style-type: circle; }

table.navigation {
  position: fixed;
  width: 100%;
  font-size: inherit;
}

table.navigation td {
  background: #ccffcc;
/*  margin-top: 20px;
  margin-bottom: 2px;
  margin-left: 0;
  margin-right: 4px;
  padding-top: 20px;
  padding-bottom: 1px;
  padding-right: 2px; */
  line-height: 2em;
}

table.navigation td a {
  color: blue; 
  display: block;
  height: 100%;
  padding-left: 1em;
  padding-right: 1em;
}

table.navigation td a:hover {
  background-color: #99ffcc;
}

.biblio .author {
  color: #666666;
  font-weight: bold;
  font-style: normal;
}

.biblio .title {
  color: black;
  font-style: italic;
}

.biblio 
.journal, .year, .note, .booktitle, .conference, 
.publisher, .series, .description  {
  color: black;
  font-style: normal;
}