BODY {
    color: black;
    background-image: url(images/Util/enduit.jpg);
    font-family: "Times New Roman", Times, serif;
    font-size: 100%;
    margin: 0;
    padding: 10px
    }
#liseret {
    width: 803px;
    border: 5px solid #fff2cc;
    -border: 0;
    /* pour IE6 */
    margin-left: auto;
    margin-right: auto
    }
#haut {
    /* bandeau haut de page */
    background-color: #FFFFF2;
    position: relative;
    height: 100px
    }
#main {
    /* définition modèle de page */
    position: relative;
    width: 783px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFF2;
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 10px
    }
p {
    text-indent: 2em;
    text-align: justify
    }
img {
    border: 0
    }
h1, h2 {
    text-align: center
    }
ul {
    margin-left: 10px;
    padding-left: 30px
    }
li {
    margin-bottom: 2px
    }
A:link {
    text-decoration: none;
    color: rgb(0, 0, 255)
    }
A:visited {
    text-decoration: none;
    color: rgb(0, 0, 255)
    }
A:active {
    text-decoration: none;
    color: rgb(0, 0, 255)
    }
A:hover {
    text-decoration: none;
    color: rgb(255, 0, 0)
    }
div#terre A:link {
    text-decoration: none;
    color: rgb(153, 51, 0)
    }
div#terre A:visited {
    text-decoration: none;
    color: rgb(153, 51, 0)
    }
div#terre A:active {
    text-decoration: none;
    color: rgb(153, 51, 0)
    }
div#terre A:hover {
    text-decoration: none;
    color: rgb(255, 0, 0)
    }
.important {
    width: 75%;
    margin: auto;
    padding: 1em;
    border-style: double;
    border-width: 0.3em;
    border-color: red;
    background-color: #e0e0e0;
    text-align: center;
    font-size: 1.1em;
    clear: both
    }
div.important:hover {
    background-color: #FFF;
    color: red
    }
/* pour les tableaux de dates de stages pro */
table.stages_pro {
    width: 100%
    }
table.stages_pro td {
    vertical-align: top;
    text-align: center
    }
table.stages_pro tr {
    background-color: #F0F0F0
    }
table.stages_pro .gauche_gras {
    text-align: left;
    font-weight: bold
    }
/* pour les infobulles... */
a.tooltip {
    position: relative
    }
a.tooltip span {
    display: none
    }
a.tooltip:hover span {
    display: inline;
    position: absolute;
    top: 5em;
    left: -5em;
    width: 220px;
    padding: 0.2em 0.6em;
    border: 1px solid #963;
    background-color: #FF6;
    color: #000;
    font-size: 20%
    }