/* Tag Body */
body {
	margin: 8px 0 0 0;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	background-image: url(img/bg2.gif);
	background-repeat: repeat-x;
	background-color: #557722;
}

/* Creation de la zone de contenu avec l'effet d'ombre */
*>div#shadow {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(img/bg/shadow_background2.png);
	background-position: center;
	background-repeat: repeat-y;
}

/* Le div header contenant la navigation, l'image principale, le logo et les bouttons de langue */
div#header {
	position: relative;
	margin: 0px auto;
	width: 729px;
	height: 240px;
	padding-top: 10px;
	padding-bottom: 0;
	background-color: #fff;
}

div#header img {
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
	}

	div#configBar {
		float: right;
		top: 10px;
		width: 188px;
		height: 30px;
		padding-left: 5px;
		padding-right: 5px;
	}
	
		div#textConfig {
			float: right;
			width: 200px;
			text-align: right;
			height: 30px;
		}
		
			div#textConfig img {
				position: relative;
				display: inline;
				border: 1px solid #ccc;
				top: 8px;
				background-color: #fff;
			}
			
			div#textConfig img:hover {
				border: 1px solid #447711;
				background-color: #fff;
			}
			
	div#navBar {
		position: absolute;
		top: 50px;
		width: 729px;
		height: 24px;
		border-bottom: 1px solid #557722;
		background-color: #FFF;
	}
	
		div#navmenu ul {
			margin: 0px;
			padding: 0px;
			white-space: nowrap;
		}
		
		div#navmenu ul li {
			display: block;
			float: left;
			width: 104px;
			list-style-type: none;
			line-height: 24px;
			font-size: 11px;
			text-transform: uppercase;
			text-align: center;
			margin: 0px;
			padding: 0px;
			background-color: #DEB;
		}
		
		div#navmenu ul li a:link,  div#navmenu ul li a:active, div#navmenu ul li a:visited {
			display: block;
			text-decoration: none;
			color: #000;
			}
		
		div#navmenu ul li a:hover {
			font-weight: bold;
			background-color: #fff;
			}
			
			#currentMenu {
			font-weight: bold;
			background-color: #fff;
			}
		
/* Le conteneur div qui contient le contenu principal et la sidebar */

div#container {
	position: relative;
	margin: 0px auto;
	width: 729px;
	border-bottom: 10px solid #333;
	background-image:  url(img/bg/container_div_background2.jpg);
	background-repeat: repeat-y;
}

div#mainColumn {
	width: 516px;
	padding-top: 10px;
	padding-bottom: 20px;
	/*overflow-x: hidden;*/
}

div.mainColumnContent {
	padding: 0 5px 0 15px;
}
	
	div#mainColumn table {
		border: 0;
		width: auto;
		}
		
div#mainColumn th {
	border: 0;
	background-color: #557722;
	text-align: center;
	font-weight: bold;
	}
	
	div#mainColumn td {
	border: 1px solid #9CCE63;
	background-color: #fff;
	text-align: center;
	font-size: 11px;
	padding: 3px;
	}
	
div#mainColumn table.inscription, div#mainColumn table.inscription td {
	border: 0;
	text-align: left;
	background-color: #EEFFD3;
	}
	
div#mainColumn table.inscription th {	
	color: #FFF;
	}


	/* mise en forme du tableau des tarifs 700_model */
	div#mainColumn table.tarif {
		border: 0;
		background-color: #fff;
		width: 480px;
		margin-bottom: 10px;
		border-collapse: collapse;
		}
		
	div#mainColumn input, textarea, select {
	border: 1px solid #557722;
	margin: 3px 0;
	font-weight: normal;
	font-size: 8pt;
	}
	
	div#mainColumn input.submit {
	width: 55px;
	background-color: #DAECFD;
	cursor: pointer;
	font-size: 9pt;
	font-weight: bold;
	color: #000;
	border: 1px solid #557722;
	}

	div#mainColumn ul {
	margin: 0 0 10px 0;
	padding-left: 10px;
	}
	
	div#mainColumn ul li {
	list-style-type: none;
	line-height: 150%;
	}
	
	div#mainColumn ul li.bg {
		text-indent: 20px;
		background-image: url(img/li_bg.gif);
		background-position: left center;
		background-repeat: no-repeat;
		}
		
/* mise en forme du tableau description du parcours */
div#mainColumn table.parcours {
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #9CCE63;
	}
	
div#mainColumn table.parcours img.sponsor {
	float: right;
	border: 0;
	margin: 0;
	}
	
div#mainColumn table.parcours td, div#mainColumn table.parcours tr {
	border: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	vertical-align: middle;
	text-align: left;
	}

span.blanc {
	color: #ffffff;
	}
	
span.jaune {
	color: #FFFF00;
	}
	
span.bleu {
	color: #0000FF;
	}

span.rouge {
	color: #FF0000;
	}

div#mainColumn table.parcours td.c11 {
	background-color: #037E00;
	text-align: center;
	padding-right: 10px;
	border-right: 1px solid white;
	}
	
div#mainColumn table.parcours td.c12 {
	padding: 10px 0 0 10px;
	font-size: 14px;
	vertical-align: top;
	border-right: 1px solid white;
	background-color: #557722;
	color: #fff;
	}
	
div#mainColumn table.parcours td.c21 {
	text-align: center;
	}
	
	
div#mainColumn table.parcours tr.c2 {
	background-color: #E7F7D4;
	}
	
p.parcours {
	border-left: 2px solid #668833;
	padding-left: 10px;
	}
	
/* mise en forme du formulaire */
div#mainColumn .inscription {
	border: none;
	margin: 0;
	padding: 0;
	width: 40em;	/*** Largeur du formulaire ***/
}
div#mainColumn .piedForm {	/*** Mise en forme du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: #000;
	margin: 0;
	padding: .3em;
}
div#mainColumn .piedForm {
	text-align: center; /*** Les boutons sont alignés à droite ***/
}
div#mainColumn .piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
div#mainColumn .corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 0;
	color: black;
	margin: 0;
	padding: 1em;
}
div#mainColumn .corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
div#mainColumn .corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
div#mainColumn .corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
div#mainColumn .corpForm fieldset.coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
div#mainColumn .corpForm label:hover, .piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
div#mainColumn .corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
div#mainColumn .corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	font-size: 12px;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
div#mainColumn .corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
div#mainColumn .corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
div#mainColumn .corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
div#mainColumn .corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #E7F7D4;
	color: black;
}
div#mainColumn .corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

/*** Mise en forme des messages d'erreur ***/

div#mainColumn .corpForm .alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
}
div#mainColumn .corpForm .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('icon_alert.gif') no-repeat left center;
}
/* fin de la mise en forme du formulaire */
	
		
/* Début de la sidebar */

div#sidebar {
	float: right;
	width: 178px;
	padding: 10px;
}

div#sidebar #news p{
	color: #fff;
	font-size: 10px;
	}

div#sidebar a:link, div#sidebar a:visited, div#sidebar a:active {
	color: #E7F7D4;
}

div#sidebar a:hover {
	color: #E7F7D4;
	border: 0;
	text-decoration: none;
}

div#sidebar ul {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	list-style: none;
	background-color: #557722;
	border-top: 1px solid #990000 /*#779933*/;
	border-bottom: 1px solid #990000 /*#779933*/;
	}
	
	div#sidebar ul li {
	line-height: 100%;
	margin: 15px 0 15px 25px;
	list-style-image: url(img/li_bg.gif);
	}
	
	div#sidebar ul li a:link, div#sidebar ul li a:visited, div#sidebar ul li a:active {
		color: #E7F7D4;
		}
		
		div#sidebar ul li a:hover {
			color: #E7F7D4;
			text-decoration: underline;
			}
	
	div#sidebar p {
		color: #fff;
		text-align: left;
		line-height: 1.2em;
	}
	
	div#sidebar p.adr, span.adr {
		background-image: url(img/icon_adr.gif);
		background-position: 0 4px;
		background-repeat: no-repeat;
		text-align: left;
		margin-top: 20px;
		padding-left: 30px;
		color: #fff;
		font-size: 10px;
		line-height: 120%;
		}
		
	div#sidebar p.tel, span.tel {
		background-image: url(img/icon_tel.gif);
		background-position: 0 4px;
		background-repeat: no-repeat;
		text-align: left;
		color: #fff;
		padding-left: 30px;
		margin-bottom: 20px;
		font-size: 10px;
		line-height: 120%;
		}
	
	div#sidebar img {
		display: block;
		border: none;
		margin: 0 auto;
	}
	
/* Définition generale des tags HTML */

h1 {
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.4em;
	margin-top: 10px;
	color: #351; /* ou #6F98E7 ou #4477CC*/
	clear: left;
}


h2 {
	font-size: 14px;
	font-weight: normal;
	color: #000;
	line-height: 1.4em;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
	margin-top: 15px;
}

h2.news {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	border: 0;
	margin: 10px 0 0 0;
	}
	
 hr {
  height: 1px;
  margin: 0;
	padding: 0;
	color: #ddd;
	background-color: #ddd;
	border: 0;
	width: 50%;
	text-align: center;
	}

h3 {
	font-size: 15px;
	margin: 15px 0 0 0;
	font-weight: bold;
	color: #fff;
	line-height: 1.4em;
	}

h3.replace {
	font-size: 9px;
	margin: 15px 0 0 0;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

h4 {
	font-size: 12px;
	color: #333;
	line-height: 1.4em;
}

h5 {
	font-size: 12px;
	font-weight: normal; 
	color: #333;
	line-height: 1.4em;
	margin-top: 0px;
	margin-bottom: 1em;
	border-bottom: 1px solid #ddd;
}

strong {
	font-weight: bold;
}


p { 
	text-align: justify;
	line-height: 1.7em;
	margin: 10px 0;
}

#copyright {
	position: absolute;
	background-color: transparent;
	width: 195px;
	font-size: .8em;
	color: #572;
	bottom: 0;
	right: 0;
	}
	
#copyright a:link span, #copyright a:active span, #copyright a:visited span {
	color: #572;
	text-decoration: none;
	}

#copyright a:hover span{
	color: #572;
	border: 0;
	text-decoration: none;
	}

p.actu {
	margin: 10px 0 0 50px;
	}

p.float {
	float: left;
	margin-right: 137px;
	}
	
p.float2 {
	float: left;
	}
	
p.pro {
	float: left;
	margin-right: 15px;
	font-size: 11px;
	}
	
p.pro2 {
	font-size: 11px;
	padding-top: 10px;
	}

	
p.right {
	text-align: right;
	}
	
p.center {
	text-align: center;
	}

a, a:link, a:active, a:visited {
	color: #572;
	border-bottom: none;
	text-decoration: none;
}

a:hover {
	color: #572;
	border: 0;
	text-decoration: underline;
}

fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}

.clear {
	clear: both;
	font-size: 0;
	}
/* patch by Alain */
div#mainColumn table.calendar {
	border: 0;
	width: auto;
	}

div#mainColumn table.calendar td {
	text-align: center;
	background-color: #DDD;
	border: 0;
	}
	
div#mainColumn table.calendar th {
	border: 0;
	padding: 5px;
	background-color: #557722;
	color: #fff;
	}
	
p.small {
	font-size: 8pt;
	}
	
img.parcours {
	float: right;
	margin-left: 15px;
	border: 1px solid #9CCE63;
	}
div#para {
	text-align: justify;
	line-height: 1.7em;
	margin: 10px 0;
	}