body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../img/rayures.png); /* Image fond d'écran */
	background-repeat: repeat;
	margin-top: 5px;
	margin-bottom: 5px;
}

#global {
	width: 770px; /* Largeur des pages du site */
	height: auto;
	background-color: #F1F2F7;
	text-align: justify;
	margin: auto;
	position: relative; /* Positionnement central des pages par rapport à l'écran */
	border-bottom: 2px solid #999999;
}

#global img {
	border:none; /* Images sans bordures */
}

/* Zone de navigation (menu + sous-menu) */
#navigation {
	width: 768px;
	height: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F1F2F7;
	border-left-color: #F1F2F7;
}

#menu {
	width: 768px;
	height: 35px;
}

/* Bande blanche sous le menu (les images du sous-menu viennent se positionner sur cette bande) */
#sousmenu {
	width: 768px;
	height: 50px;
	background-color: #FFFFFF;
	margin-top: -3px; /* marge négative pour combler un espace vide sous IE */
}

/* <dl> = "conteneur" de la liste de définitions utilisée pour le menu */
#menu dl {
	margin: 0px;
	float: left; /* alignement des images du menu sur la même ligne */
}

/* Liste des rubriques de sous-menu */
#menu li {
	width: 770px;
	height: 35px;
	display: inline; /* Alignement des images du sous-menu */
	list-style-type: none;
}

/* Affichage du sous-menu de la rubrique "Présentation" et du sous-menu de la rubrique "Activités" (id appliqué à <dd> = "description de définition" de la liste de définitions) */
#smenu2, #smenu4 {
	width: 770px;
	height: 35px;
	text-align: left; /* Positionnement des images */
	position: absolute;
	margin: -5px auto 0px;
	left: 0px;
}

/* Affichage du sous-menu de la rubrique "S'inscrire" */
#smenu7 {
	width: 770px;
	height: 35px;
	text-align: right; /* Positionnement des images */
	position: absolute;
	margin: -5px auto 0px;
	left: 0px;
}

/* Miettes (Fil d'Ariane) */
#miettes {
	font-size: 12px;
	color: #999999;
	padding-top: 10px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBECF3;
}

#miettes a {
	color: #4F72A5;
	text-decoration: none;
}

#miettes a:hover {
	color: #4F72A5;
	text-decoration: underline;
}

/* Contenu de la page */
#contenu {
	width: 770px;
	font-size: 12px;
}

#contenu a {
	color: #4F72A5;
	text-decoration: none;
}

#contenu a:hover {
	color: #4F72A5;
	text-decoration: underline;
}

#contenu p {
	color: #353535;
	text-align: justify;
	padding: 0px 20px 0px 20px;
}

#contenu li {
	color: #353535;
	list-style-image: url(../img/fleche.jpg); /* Insertion d'une puce (flèche) */
	padding-right: 20px;
	padding-bottom: 10px;
}

/* Titre de la page */
.titre {
	font-size: 16px;
	font-weight: bold;
	color: #59A91C;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 20px;
}

/* Sous-titre dans le contenu */
.soustitre {
	font-size: 12px;
	font-weight: bold;
	color: #59A91C;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 20px;
}

/* Barre horizontale en dessous des sous-titres */
.barre {
	text-align: center;
}

/* Images du contenu à gauche du texte */
.gauche {
	float: left;
	margin: 3px 15px 3px 0px;
}

/* Images du contenu à droite du texte */
.droite {
	float: right;
	margin: 3px 0px 3px 15px;
}

/* Images centrées dont la largeur=500px dans "hebergement.php" */ 
.centre {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

/* Images centrées dont la largeur=250px dans "hebergement.php" */
.centre2 {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}

/* Tableaux */
table {
	color: #353535;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 35px;
}

/* Cellules des tableaux avec bordures dans "tarifs.php" */
.tableau1 {
	background-color: #E2E4EF;
	text-align: justify;
	vertical-align: middle;
	padding: 20px 20px 10px 30px;
	border-bottom: 1px solid #FFFFFF;
}

/* Cellules des tableaux sans bordures dans "tarifs.php" */
.tableau2 {
	background-color: #E2E4EF;
	text-align: justify;
	vertical-align: middle;
	padding: 20px 20px 10px 30px;
}

/* Formulaires */
form {
	color: #353535;
	padding-bottom: 5px;
	padding-left: 20px;
}
/* Etiquettes des formulaires d'inscription*/
.formlabel {
	width: 250px; /* Largeur de l'étiquette */
	clear: left;
	float: left;
	padding-right: 2px;
	text-align: right;
}

/* Etiquette du formulaire d'identification de l'administrateur dans "identification.php" */
.formlabel_id {
	width: 150px; /* Largeur de l'étiquette */
	text-align: left;
	clear: left;
	float: left;
	margin-left: 100px;
}

/* Séparation du formulaire en différentes parties */
fieldset {
	margin-right: 20px;
}

/* Noms des différentes parties (fieldset) du formulaire */
legend {
	color: #999999;	
}

/* Zone de saisie des formulaires (champ de texte + zone de texte) */
input, textarea {
	color: #353535;
	background-color: #FFFFFF;
	border: 1px solid #8080FF;	
}

/* Boutons radio des formulaires et du quiz*/
.radio {
	background-color: transparent; /* Transparence de l'arrière-plan des boutons radio */
	margin-right: 5px;	
	margin-left: 20px;
	border: none;
}

/* Questions du quiz */
.questions_quiz{
	color: #59A91C;
	margin-left: 20px;
}

/* Réponses du quiz ("bonne réponse + "il fallait répondre..." + commentaire) */
.quiz {
	margin-left: 20px;
}

/* Mauvaises réponses du quiz */
.quiz_faux {
	color: #FF0000; /* rouge */
	margin-left: 20px;
}

/* Affichage du résultat du quiz */
.resultat_quiz {
	font-size: 14px;
	font-weight: bold;
	color: #353535;
	background-color: #FFDD53;
	text-align: center;
	margin-right: 40px;
	margin-bottom: 20px;
	margin-left: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #333333;
}

/* Coordonnées du centre sur la page "contact.php" */
.contact_texte {
	color: #353535;
	text-align: justify;
	padding: 0px 20px 0px 70px;
}

/* Image lien vers le formulaire de contact dans "contact.php" */
.contact {
	float: right;
	margin: 3px 50px 3px 15px;
}

/* Retrait du texte pour les sous-rubriques dans "plan_site.php" */
.retrait {
	padding: 0px 0px 0px 12px;
}

/* Titre de la zone "Actualités" de la page d'accueil */
.titre_actus {
	font-size: 16px;
	font-weight: bold;
	color: #59A91C;
	margin-bottom: 15px; /* Espace entre le titre "Actualités" et le texte qui défile */
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 20px;
}

/* Zone "Actualités" de la page d'accueil */
.actualites{
	background-color: #E2E4EF;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 30px;
	padding-bottom: 30px; /* Espace entre le texte et le bas du cadre */
}

.actualites p {
	font-size: 12px;
	color: #353535;	
}

/* Retour haut de page */
#haut {
	font-size: 12px;
	text-align: right;
	margin-right: 20px;
	margin-top: 10px;
}

#haut a {
	color: #4F72A5;
	text-decoration: none;
}

#haut a:hover {
	color: #4F72A5;
	text-decoration: underline;
}

/* Pied de page - Menu horizontal inférieur */
#footer {
	width: 770px;
	height: 20px;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	margin-top: 15px;
}

#footer a {
	font-weight: bold;
	color: #5BB326;
	text-decoration: none;
}

#footer a:hover {
	font-weight: bold;
	color: #3D7724;
	text-decoration: underline;
}

/* A supprimer !!! */
.style1 {
	font-weight: bold;
	color: #FF0000;
}