body
{
	margin: 0px 0 ;/* On définit les marges haute et basse à 0px 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 ;
	background: #A4DC5B;
}

div#conteneur
{
	width: 1000px ;/* On définit la largeur de la division qui contient l'ensemble de la page à 1000 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: left ;/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */
	border: 2px solid green ;
}

div#conteneur img
{
	top:100px;
}

div#header
{
	height: 212px ;/* On définit la hauteur de la partie header, contenant le titre du site */
	border-bottom: 1px solid green ;
	border-bottom-style: dashed ;
	text-align: center;
	background: url("images/bandeau_haut.png") no-repeat center 27px;
}

div#contenu p
{
	font-size: 1.3em;
	text-align: justify ;
	text-indent: 2em ;
	line-height: 2em ;
	margin-right: 10px ;
	margin-left: 10px ;
	margin-top: 15px ;
	margin-bottom: 15px ;
}

div#contenu p.text_arrange
{
	font-size: 1em;
	text-indent: 2em ;
	line-height: 1em ;
	margin-right: 10px ;
	margin-left: 10px ;
	margin-top: 15px ;
	margin-bottom: 15px ;
}

span.ligne
{
	display: block ;
	font-weight: normal ;
}


div#contenu p.text_arrange span.ligne
{
	display: block ;
	font-weight: normal ;
}

div#contenu p span
{
font-weight: bold ;
}

span.italic
{
font-style: italic ;
font-weight: normal ;
}


div#contenu p span.italic
{
font-style: italic ;
font-weight: normal ;
}

div#contenu p a
{
	color: green;
	text-decoration:none;
}

div#contenu p a:hover
{
	color: yellow;
	text-decoration:none;
}

div#contenu img
{
float:right;
vertical-align:text-top;
border: 0 ;
}

div#contenu span img
{
float:left;
vertical-align:text-top;
border: 0 ;
}

/* 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 ;
	margin-bottom:5px;
	line-height: 30px ;
	text-align: center ;
	color: green ;
	border-top: 1px solid green ;
	border-top-style: dashed ;
	background-image: url("images/bas.png");
	background-repeat: no-repeat;
}

p#footer>span
{
font-weight:bold;
}

/* Menu Haut*/
 
#menu
{
 width: 1001px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 position: relative;
 font-family:calibri,verdana;
 font-weight:bold;
}

#menu li
{
 float: left;
 width:166.66px;
 margin: 0;
 padding: 0;
 border: 0;
}

#menu li a:link, #menu li a:visited
{
 display: block;
 height: 1%;
 color: yellow;
 margin: 0;
 padding: 4px 8px;
 text-decoration: none;
 background: url("images/fond2.png") repeat;
}

#menu li a:hover { background-color: green; color:white;}

#menu .sousmenu
{
 list-style-type: none;
 display: none;
 margin: 0;
 padding: 0;
 border: 0;
}

#menu .sousmenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 166.67px;
 border-top: 1px solid transparent;
}

#menu .sousmenu li a:link,
#menu .sousmenu li a:visited
{
 display: block;
 color: yellow;
 margin: 0;
 border: 0;
 text-decoration: none;
}

#menu .sousmenu li a:hover
{
 background-color:#047479;
 color:#ADE8AA;
}

#menu li:hover > .sousmenu { display: block; }

/* 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: 0px; 
    left: 97px; 
    color: #ffffff; 
    border: transparent; 
    background: transparent;
	filter:Alpha(opacity=70);
    width:70px;
	}

a.infobulle2 span {
    display:none;
}

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

a.infobulle2:hover span {
    font-style: normal;
	font-family:Calibri;
	font-size:11px; 
    display: block; 
    position: absolute; 
    top: 0px; 
    left: 97px; 
    color: #ffffff; 
    border: transparent; 
    background: transparent;
	filter:Alpha(opacity=70);
    width:70px;
	}