/* Mise en page globale */
body
{
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, helvetica, sans-serif;
	font-size: 0.8em;
	background: #ffffff;
	background-color: #909076;
	height: 100%;
}
/* On définit les marges haute et basse à 0 et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* 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 */

div#conteneur
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #000000 ;
	background: #ffffff;
}
/* Une bordure autour de l'ensemble de la page, et couleur "chair" pour le fond de celle-ci */

div#header
{	
	height: 213px;
}
/* Une image de fond correspondant aux 213 pixels de l'entête */

div#contenu
{
	padding: 1em 1em 1em 1em;
}
/* On ajoute un petit élément décoratif sur le côté de la page et on crée un espace à gauche et à droite du contenu */

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* Mise en page du texte : PAO */

p#footer
{
	margin: 0 ;
	line-height: 1.4em;
	text-align: center;
	font-family:Verdana;
	color: #ffffff;
	font-size:.8em;
}
/* Mise en place des photos centrées */


div#contenu h2
{
	text-align: center;
	line-height: 1.4em;
	font-size: 1.4em;
	font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif;
	color: #33A02C;
	border-bottom: 3px solid #33A02C;
	padding-bottom: 0.2em;
}
/* Mise en forme du titre de page, texte noir Arial Bold et on met une bordure basse */

div#contenu h3
{
	text-align: justify;
	font-family: Verdana, Tahoma, arial;
	font-size: 1em;
	line-height: 1.3em;
}
/* De même que pour le titre h2, à ceci près qu'on ne donne pas d'image décorative cette fois ci */

.mot
{
	text-align: justify;
	font-family: "Comic sans MS", georgia, verdana, arial;
	font-size: 1.3em;
	line-height: 1.5em;
	margin-bottom: .5em;
}
/* Mot du "président" */

.mottitre
{
	text-align: center;
	font-family: "Comic sans MS", georgia, verdana, arial;
	font-weight:bold;
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 1em;
	margin-top: 2em;
}
/* TITRE Mot du "président" */


.Manu {LINE-HEIGHT: 1.4em; font-size: 1em; FONT-FAMILY: Verdana,Arial
}
.Manu_Gras {LINE-HEIGHT: 1.6em; font-size: 1em; font-weight: bold; FONT-FAMILY: Verdana,Arial
}
.Manu_Titre_1_Italique {
	FONT-WEIGHT: bold;
	FONT-SIZE: 1.4em;
	FONT-FAMILY: Arial, Verdana;
	text-align: center;
}
.Manu_Titre_2 {
	FONT-FAMILY: Arial, Verdana;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.6em;
}
.Manu_Titre_Italique {
	FONT-WEIGHT: bold;
	FONT-SIZE: 1.6em;
	FONT-FAMILY: Arial, Verdana;
	font-style: italic;
	margin-bottom: 0px;
}
.Manu_h3_vert
{
	color: #33A02C;
}

div#contenu p
{
	text-align: justify ;
	line-height: 1.5em;
}
/* On rend les paragraphes plus propre, alignement justifié, alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */

div#contenu a
{
	color: #33A02C;
	text-decoration: none;
}

div#contenu a:hover
{
	color: #165829;
	font-weight:bold;
}
/* On met en forme les liens contenu dans la page */


pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}
/*une couleur de fond, une bordure, la taille de police et un léger espace entre le texte et les bords du pre */

* html pre
{
	width: 636px ;
}

pre span
{
	color: #560 ;
}
/* Couleur de texte des éléments compris dans des span eux mêmes compris dans un pre */

pre span.comment
{
	color: #b30000 ;
}
/* Couleurs différentes pour les span.comment, les span utilisés pour les commentaires */


#navcontainer ul
{
	padding-left: 0;
	margin-left: 0;
	margin-top: 0;
	background-color: #165829;
	color: White;
	float: left;
	width: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.5em 1em;
background-color: #165829;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #ABDA4D;
color: #000;
}

/*current Link*/
#navcontainer ul a#current,
#navcontainer ul a#current:link,
#navcontainer ul a#current:visited 
{ 
background-color: #ABDA4D;
color: #000;
font-weight: bold;
}
		

.imagegauche
{
	float : left;
}
.imagedroite {

	float : right;
}