body {
	text-align:center; /* centrage pour IE */
	width:800px;	/* et pour firefox et autres */
	margin-left:auto;
	margin-right:auto;
	margin-top:25px; /* pour avoir un peu d'espace en haut */
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:14px;
	color:black;
	border:0;
	padding:0;
	background-image:url(./images/fond_degrade.jpg); /* image de fond */
	background-repeat:repeat-x; /* l'image de fond ne doit etre affichee qu'une fois */
	/*background-position:center 150px; /* centree, et decallee vers le bas de 150px */
	/*background-attachment:fixed; /* ne bouge pas quand on défile sur la page */
	line-height:17px; /* espace entre les lignes */
}

#titre { /* le conteneur de l'image et du titre */
	width:800px; /* prend toute la largeur du body */
	height:94px; /* la hauteur (c'est la hauteur de l'image) */
}	


#menu { /* conteneur du menu */
	font-size:14px;
	color:#007f00; /* darkgreen */
	width:800px; /* toute la largeur du body */
	text-align:center;
	margin-top:10px; /* décaler vers le bas */
}

#menu table { /* classe pour chaque bouton du menu du haut */
	margin:0;
	padding:0;
	border:0;
	height:20px;
	width:130px;
	cursor:pointer;
	background-image:url(./images/menu_haut_milieu.jpg);
	background-repeat:repeat-x;
	background-position:0px 0px;
	text-align:center;
	display:inline-table; /* pour que chaque table soit considere comme ligne et non block ! */
}

#menu table tr td {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	color:white;
	text-align:center;
	vertical-align:middle;
}

#menu table tr td.debut, td.fin {
	width:3px;
}


#menu a:link {
	text-decoration:none;
	color:white;
}

#menu a:hover {
	text-decoration:none;
	color:white;
}

#menu a:active {
	text-decoration:none;
	color:white;
}

#menu a:visited {
	text-decoration:none;
	color:white;
}

#menu a:visited:hover {
	text-decoration:none;
	color:white;
}



#bloc_gauche { /* le bloc de liens à gauche... */
	float:left; /* pour que le prochain (contenu) soit a cote */
	margin-top:30px; /* décaler du haut */
	margin-bottom:10px; /* au cas ou il soit le plus bas, pour avoir un peu d'espace! */
	padding:5px; /* un brin d'espace ne fait jamais de mal */
	width:170px;
	border:1px solid #007f00; /* darkgreen */ /* un petit contour */
	text-align:left; /* alignement du texte */
}

#bloc_gauche li {
	margin-bottom:20px;
}

#bloc_gauche ul { /* le style de la liste */
	list-style-type:square; /* petit carre devant chaque ligne */
	color:#006633;
}

#bloc_gauche a:link { /* les liens du menu */
	text-decoration:none;
	color:#006633; /* darkgreen */
}

#bloc_gauche a:hover { /* les liens du menu */
	text-decoration:underline;
	color:#006633; /* darkgreen */
}

#bloc_gauche a:active { /* les liens du menu */
	text-decoration:none;
	color:red;
}

#bloc_gauche a:visited { /* les liens du menu */
	text-decoration:none;
	color:#006633; /* darkgreen */
}

#bloc_gauche a:visited:hover { /* les liens du menu */
	text-decoration:underline;
	color:#006633; /* darkgreen */
}


#contenu { /* le gros bloc de texte */
	float:left; /* se colle au precedent (bloc_gauche) */
	margin-top:30px; /* on decalle du haut */
	margin-left:30px; /* on l'ecarte de 30 pixels */
	margin-bottom:10px; /* pour avoir un peu d'espace en bas */
	padding:10px; /* un peu d'espace a l'interieur */
	border:1px solid #006633;
	width:566px; /* 800px - (largeur du bloc_gauche+bordure, + marge+bordure de celui-ci) */
	text-align:justify;
}


#contenu h1 { /* les titres */
	font-size:18px;
}

#contenu .justifier {
	text-align:justify;
}

#contenu a:link { /* les liens du contenu */
	text-decoration:none;
	color:darkblue; /* darkgreen */
}

#contenu a:hover { /* les liens du contenu */
	text-decoration:underline;
	color:darkblue; /* darkgreen */
}

#contenu a:active { /* les liens du contenu */
	text-decoration:none;
	color:red;
}

#contenu a:visited { /* les liens du contenu */
	text-decoration:none;
	color:darkblue; /* darkgreen */
}

#contenu a:visited:hover { /* les liens du contenu */
	text-decoration:underline;
	color:darkblue; /* darkgreen */
}



#messages { /* la petite boite de messages de la page contact */
	display:none;
	background-color: #CC6633; /* couleur un peu rouge */
	margin-top:10px; /* marge du haut pour avoir un peu d'espace */
	width:500px; /* on fixe la largeur */
	margin-left:auto; /* pour centrer */
	margin-right:auto;
	margin-bottom:15px; /* pour avoir un peu d'espace en bas */
	text-align:center;
	padding:5px;
	color:white;
}

img { /* s'applique a toutes les images */
	border:0;
}