body {
background-image: url("fond.jpg"); 
color:#990000; 
margin-left:1em;
margin-right:1em;
}
 
h1 {
color: rgb(0, 102, 0);
 font-size: 2em;
font-family:  georgia,"Times New Roman", times, serif; 
text-align:center;
}
/* le grand titre */
h2 {
 font-size:  2em; 
font-family: Helvetica,Arial,sans-serif;
text-align:center;
}
/*titre intermédiaire*/
h3 {
 font-size: 1.2em;
font-family: Helvetica,Arial,sans-serif;
font-weight:normal;
}

/* texte normal  gras*/
h4 {
 font-size:1em;
font-family: Helvetica,Arial,sans-serif;
font-weight:bold;
}

h5 {
font-size: 1.1em; 
font-family: Helvetica,Arial,sans-serif; 
font-style: italic; 
text-align:right; 
 color: rgb(0, 102, 0);
}

h6 {
 font-size: 1em;
font-family: Helvetica,Arial,sans-serif;
font-style: italic; 
}

/* notes */
p {
 font-size: 1.1em;
font-family: Helvetica,Arial,sans-serif;
line-height:120%; 
}

em {
 font-size: 1.1em;
font-family: Helvetica,Arial,sans-serif;
font-weight:bold;
font-style:italic;
line-height:120%; 
}

a:link { color:#990000; }       /* lien non-visité */
a:hover {color:#990000; text-decoration:none; }
a:visited {color:#990000;  }   /* lien visité */
a:active { color:#990000; }    /* lien activé */

.titre {
position: relative;
bottom: 0.7em;
background-color: #990000;
color:white;
}

.center {
text-align:center ; 
}

.droite{
margin-right:1em;
text-align:right;
}

.rel {
position: relative; 
top:0.8em; 
}

.colonnegauche {
margin-left:0em;
position:absolute;
width:50%;
top:0em;
}

.colonnedroite {
position:absolute;
top:0em;
left:50%;
width:50%;
}

.photos {
position:relative;
left: 5em;
bottom: 0.5em;
}