body

{
width: 95%;
margin: auto;
margin-top: 20px;
margin-bottom: 110px;
background-color: rgb(248,244,129);
font-size: 15px;
font-family: Georgia, Times New Roman, Times, seri;
color: black;
}

a
{
text-decoration: none;
color: black;
text-decoration: underline;
}

a:hover
{
color: blue;
text-decoration: underline;
}


#en_tete 

{
width: 760px;
height:100px;
margin-bottom: 10px;
}

.comite
{
position: fixed;
left: -12%;
top: -6%;
}

/* Menu*/

/* menu déroulant*/

#menu 
{
width: 100px;
position: fixed;
top: 10%;
left: 2%
}

/* fond blanc pour le menu */ 
#menu a {color:#000000}
#menu ul {padding: 0; width: 120px; border:1px solid; margin:0px; background: white}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
#menu li:hover {background: #EDD}
#menu li.sousmenu:hover {background: #EBB;}

/* Rajout d'une petite fleche pour les sous menu */ 
#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;}

#menu ul li {position:relative; list-style: none; border-bottom:1px solid;}
#menu ul ul {position: absolute; top: -1px; left: 120px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
#menu li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 0px solid #BBB; width:84px}
#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
#menu li a:hover {border-left-color: red;}
#menu ul ul li a:hover {border-left-color: #00FF00;}
#menu ul ul ul li a:hover {border-left-color: #0000FF;}


.arbre_brockwood

{
position: fixed;
left: 0px;
top: 55%;
}

.ligne

{
position: fixed;
left: 265px;
top : 20%;
}

#corps


{
font-size: 15px;
color: black;
text-align:justify;
margin-left: 32%;
margin-bottom: 20px;
text-indent: 15px;
}

.noindent
{
text-indent: 0px;
}

.retrait
{
margin-left: 15px;
margin-right: 25px;
}

.retraitpuces
{
list-style-position: outside;
}

.centre
{
text-align: center;
}

.encadre
{
border: 1.5px solid black;
text-indent: 0px;
padding: 5px;
}

.g
{
font-weight: bold;
}

.s
{
text-decoration: underline; 
}
.i
{
font-style: italic;
}

.gs
{
font-weight: bold;
text-decoration: underline;
}

.gi
{
font-weight: bold;
font-style: italic;
}

.si
{
text-decoration: underline;
font-style: italic;
}

.cg
{
text-align: center;
font-weight: bold;
}

.ci
{
text-align: center;
text-decoration: underline;
}

.cgs
{
text-align: center;
font-weight: bold;
text-decoration: underline;
}

.cgi
{text-align: center;
font-weight: bold;
font-style: italic;
}



.photo
{
position: fixed;
left: 40%;
top:250px;
}

.titre_ens
{
text-decoration: underline;
font-weight: bold;
}

.liens

{
margin-left: 10%;
text-indent: 0px;
}

.autres_textes
{
font-size: 15px;
bottom: -5%;
left: 80%;
position: relative;
font-size: 100%;
}


.citation 
{
font-size: 15px;
position: fixed;
top: 170px;
left: 62%;
font-size: 100%;
}

.citation_titre

{
text-decoration: underline;
font-family:  Times New Roman, times, georgia, serif;
font-variant: small-caps;
position: fixed;
top: 140px;
left: 60%;
font-size: 120%;
font-weight: bold;
}

#pied_de_page

{
color: black;
}