/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#conteneur { /*Contient tous les div*/
position: absolute;
width: 100%;

}
#header { /*contient le logo d'Eduthès et les liens en haut à gauche*/
height: 100px;
}

#centre { /*Le contenu y est placé*/
margin-left: 150px;
background-color: #f0f8f8;
}

#gauche { /*le menu*/
position: absolute;
left:0;
width: 150px;
padding-left: 10px;
font-size: 1.2em;
font-family:Trebuchet, sans-serif;

}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}

.menugras {
list-style-type: none;
margin: 0;
padding:0;
font-weight: bold;
}

.menugauche li {
margin-bottom: 5px;
}

.menugauche a {
margin: 0 2px;
color: #H0033ff;
text-decoration: underline;
}

.menugauche a:hover {
text-decoration: none;
}

#pied { /*Contient les droits liés au texte ainsi que les éléments de navigation*/
height: 30px;
}

img { /*centre les images*/
  display: block;
   margin-left: auto;
   margin-right: auto }
}

p {margin: 0 0 10px 0;
}

.texte {
text-align: justify;
}

h1 {
font-size: 1.5em;
font-weight: normal;
padding-left: 20px;
}

h2 {
font-size: 1.1em;
padding-left: 20px;
}

h3 {
font-weight: normal;
font-size: 1.1em;
padding-left: 20px;
}

th {
text-align: left;
}

sup {
font-size: 0.8em;
}

.droite { /*Utilisé pour les éléments de navigation en haut et en bas de chaque page*/
  text-align: right;
  margin: 0 10px 0 0;
}

.corps {
  text-align: justify;
  padding: 0 20px 20px 20px;
}

.footer {
font-size: 0.8em;
text-align: center;

}
.exemple {
text-decoration: underline;
padding-left: 20px;
}

.descripteur {
font-weight: bold;
margin-left: 50px;
}

.explication {
font-style:italic;
vertical-align: bottom;
}

.biblio {
padding-left:20px;
padding-right:20px;
}

.gras {
font-weight: bold;
}

.note {
padding-left: 20px;
}

.haut { /*Utilisé pour la flèche permettant d'atteindre le haut de la page*/
display: block;
   margin-left: auto;
   margin-right: auto;
   border: 0;
}