/* Tag Body */

body {
	margin: 0;
	padding: 0;
	font: normal 80%/1em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #000;
	background-color: #EFEDDE; /*#AEAEAE #f3f3f3*/
	text-align: center;
	}

/* Creation du conteneur général */

#page {
	width: 794px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	color: #000;
	}

/* Le div header contenant la navigation, l'image principale, le logo et les bouttons de langue */

#header {
	width: 794px;
	margin: 0;
	background: url(img/headerbg.png) #F1EFE2 no-repeat 0 0;
	}
	
	#navmenu {
		position: relative;
		width: 794px;
		background: url(img/menubg.png) #F1EFE2 repeat-y 0 0;
		height: 25px;
		}

		#navmenu ul {
			position: absolute;
			right: 12px;
			margin: 6px 0 0 0;
			padding: 0;
			}
		
		#navmenu li {
			float: left;
			margin: 0 1.7em 0 0;
			padding: 0;
			list-style-type: none;
			}
		
		#navmenu ul li a {
			font-weight: bold;
			color: #fff;
			}
		
		#navmenu ul li a:hover {
			text-decoration: none;
			border-bottom: 1px solid #875;
			}
	
		/* styles pour le point de menu actif */

		#navmenu ul li #currentMenu {
			font-weight: bold;
			border-bottom: 1px solid #875;
			}
	
/* Le conteneur div qui contient le contenu principal et la sidebar */

#container {
	width: 794px;
	background: url(img/fondpresentation.jpg) repeat-y 0 0;
	line-height: 1.3;
	padding: 0;
	}

	#mainColumn {
		width: 590px;
		padding: 0 0 10px 0;
		}

		/* division supplémentaire afin de donner des "marges" au à la partie contenu du site */

		.mainColumnContent {
			width: 250px;
			padding: 0 10px 0 35px;
			float: left;
			}
			
		.middleColumnContent {
			width: 250px;
			padding: 0 10px 0 20px;
			float: left;
			}

/* diverses classes d'images et types */

dl {   /* positionnement du cadre, que vous pouvez modifier */
width: 200px;  /* largeur du cadre, selon votre image de fond */
}
 
dl, dt, dd {   /* suppression de toutes les marges */
margin: 0;
padding: 0;
}
 
dl {   /* image qui sera fixée en bas du cadre */
background: url(img/dl_footer.gif) bottom left no-repeat;
padding-bottom: 20px; /* pour que le texte ne s'affiche pas sur l'arrondi du bas */
}
 
dt {   /* définitions du titre du cadre */
height: 26px;
font-size: 1em;
background: url(img/dl_header.gif) top left no-repeat;
font-weight: bold;
color: #333;
margin: 1em 0 0 0;
padding: 0;
}
 
dd {
padding: 0; /* gestion des espaces internes du cadre */
text-align: center;
height: 147px;
background: url(img/dl_middle.gif) repeat-y top left;  /* arrière-plan intérieur qui va se répéter */
}

dl span {
	display: block;
	padding: .3em 0 0 .7em;
	}
	
dl img {
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	}
		
a:link, a:visited, a:active {
	text-decoration: none;
	color: #875;
	}
	
a:hover {
	text-decoration: underline;
	}
		
#mainColumn a:link, #mainColumn a:visited, #mainColumn a:active {
	color: #B17D03;
	font-weight: bold;
	text-decoration: none;
	}

#mainColumn a:hover {
	color: #B17D03;
	text-decoration: underline;
	}
		
#mainColumn img {
	border: 1px solid #BEB998;
	margin: 0;
	}
	
#mainColumn img.noborder {
	border: 0;
	margin: 10px 0 0 35px;
	}
	
#mainColumn ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none;
	} 
	
#mainColumn ul li {
	font-size: .9em;
	background: url(img/puce.png) no-repeat 0 2px;
	padding: 0 0 0 15px;
	margin: 0 0 5px 15px;
	}

/* mise en forme du formulaire */
#inscription {
	border: 0;
	margin: 40px 0 0 0;
	padding: 0;
}
#piedForm {	/*** Mise en forme du pied de formulaire ***/
	color: #000;
	padding: .3em 5em .3em .3em;
	text-align: right; /*** Les boutons sont alignés à droite ***/
}

#piedForm input {
	margin-left: .8em;
	border: 1px solid #C5C0A2;
}

#corpForm input {
	font-size: .7em;
	margin-left: 0.2em;
	border: 1px solid #C5C0A2;
}

#corpForm input#noborder {
	border: 0;
	}

#corpForm textarea {
	border: 1px solid #C5C0A2;
	}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	color: #000;
}

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 0;
	margin: 0 0 .4em 0;
}

#corpForm label {	/*** Mise en forme des intitulés de champs ***/
	margin: 0;
	padding: 0 0 0 .5em;
	font-size: .9em;
}

#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background-color: #F1EFE2;
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

/* fin de la mise en forme du formulaire */	
	
/* Début de la sidebar */

#sidebar {
	float: right;
	width: 160px;
	padding: 0 35px 0 0;
	}
	
	#sidebar ul {
		margin: 5px 0 0 0;
		padding: 0;
		list-style-type: none;
		}

	#sidebar ul li {
		margin: 0 0 .6em 1em;
		padding: 0;
		}
	
#sidebar ul li a {
			color: #875;
			text-decoration: none;
			}
		
#sidebar ul li a:hover {
			text-decoration: underline;
			}
		
	#footer {
		background: url(img/footerbg.png) #F1EFE2 -1px 0 no-repeat;
		width: 794px;
		height: 4em;
		margin: 0;
		padding: 5px 0 0 0;
		}
		
		#footer p {
			font-size: .95em;
			color: #fff;
			font-weight: bold;
			padding: 0 0 0 40px;
			margin: 0;
			}
			
			#footer a {
				color: #000;
				text-decoration: none;
				}
				
			#footer a:hover {
				text-decoration: underline;
				}

/* Définition generale des tags HTML */

h1 {
	font-weight: bold;
	padding: 0 0 0 5px;
	margin: 20px 0 0 0;
	color: #fff;
	}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #999;
	margin: 1em 0 0 0;
	padding: 0;
	}

h3 {
	font-size: .9em;
	margin: 15px 0 2px 10px;
	color: #000;
	}

h3.replace {
	font-size: 1em;
	margin: 18px 0 0 0;
	padding: 0;
	}

h4 {
	margin: 0;
	color: #000;
	font-weight: bold;
	}

strong {
	font-weight: bold;
	}

p { 
	text-align: justify;
	margin: 8px 0 8px 0;
	}
	
p.espace {
	margin: 73px 0 8px 0;
	}

table {
	border: 0;
	margin: 10px 0 0 0;
	}
	
th {
	text-align: center;
	padding: 5px;
	border: 0;
	vertical-align: top;
	}
	
td {
	text-align: left;
	padding: 3px;
	border: 0;
	vertical-align: middle;
	}

.clear {
	clear: both;
	font-size: 0;
	}