body
{
	margin: 0px 0 ;/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
	padding: 0 ;/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
	text-align: center ;/* On utilise text-align: center ; pour Internet Explorer, 
c'est la seule façon de centrer les éléments de type block avec ce navigateur */
	font: 1em Calibri, Verdana sans-serif ;
	
}

div#conteneur
{
	width: 1000px ;/* On définit la largeur de la division qui contient l'ensemble de la page à 770 pixels */
	margin: 0 auto ;/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type
 block (comme les divisions), nous centrons donc cette division */
	text-align: center ;/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */
	border: 4px solid white ;
	background: #ffffff ;
}

div#contenu p
{
	text-align: justify ;
	line-height: 1.6em ;
}

div#contenu p#title
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
	text-align: center ;
}

div#contenu span
{
	display:block;
	text-decoration: underline;
}

li
{
text-align: left;
}

/* On rend les paragraphes plus propre, alignement justifié,
 alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */

p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: center ;
	color: #003366 ;
	border-top: 1px solid white ;
	
}

img
{
border:0;
}

/* Commentaires */

a.infobulle span {
    display:none;
}

a.infobulle:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}

a.infobulle:hover span {
    font-style: normal;
	font-family:Calibri;
	font-size:11px; 
    display: block; 
    position: absolute; 
    top: -50px; 
    left: 100px; 
    padding: 5px; 
    color: #ffffff; 
    border: transparent; 
    background: #003366; 
    width:100px;
	}

/* Encadrer le texte autour d'une image à droite */

.rightimg
{
  border:1px solid #353131;
  background-color:#e9e9e9;
  padding:3px;
  margin-top: 5px;
/*  margin-right:5px;
  margin-bottom:15px;*/
  float:right;
}

.leftimg
{
  border:1px solid #353131;
  background-color:#e9e9e9;
  padding:3px;
  margin-right:5px;
  margin-top: 5px;
  margin-bottom:15px;
  float:left;
}
/* Menu Haut*/

#menu
{
 width: 1000px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 font-family:calibri,verdana;
 font-weight:bold;
}

#menu li
{
 float: left;
 width:333.33px;
 margin: 0;
 padding: 0;
 border: 0;
 text-align: center;
}

#menu li a:link, #menu li a:visited
{
 display: block;
 height: 1%;
 color: #003366;
 margin: 0;
 padding: 4px 8px;
 border-right: 1px solid #ffffff;
 border-bottom: 1px solid #ffffff;
 border-left: 1px solid #ffffff;
 text-decoration: none;
 background-color: #b3d9ff;
}

#menu li a:hover { background-color: #003366; color:#75E4EE;}