/* Tag Body */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	background: url(img/bg_body.jpg) #fff no-repeat 749px 140px; /* image du demi tournesol */
	}

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

#header {
	width: 100%;
	padding: 0;
	background-color: #FFF;
	}
	
	#header h1 {
		display: none;
		}

	#header img {
		border: 0;
		}
		
	#header img.logo {
		margin: 10px 0 0 0px;
		}
	
	#configBar {
		position: absolute;
		top: 130px;
		left: 660px;
		}
			
		#configBar img {
			position: relative;
			background-color: #FFF;
			}
			
		#configBar a:hover {
			text-decoration: none;
			}
			
	#navmenu {
		width: 100%;
		height: 1.3em;
		margin: 0 0 0 0;
		border-top: 1px solid #AF2327;
		border-bottom: 1px solid #AF2327;
		/*background-color: #ffed99;*/
		}

		#navmenu ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			}
		
		#navmenu ul li {
			display: inline;
			line-height: 1.3em;
			margin: 0 0 0 20px;
			}
		
		#navmenu ul li a {
			font-size: .75em;
			font-weight: bold;
			color: #40171B;
			}
		
		#navmenu ul li a:hover {
			text-decoration: none;
			border-bottom: 4px solid #AF2327;
			}
	
		/* styles pour les points de menu actifs */

		#navmenu ul li #currentMenu {
			color: #AF2327;
			border-bottom: 4px solid #AF2327;
			}
	
/* Le conteneur div qui contient le contenu principal et la sidebar */

#container {
	height: auto !important; /* hack pour contourner le min-height non compris par IE */ 
	height: 430px;
	width: 749px;
	min-height: 430px;
	/*background: url(img/bg_container.png) #fff no-repeat bottom right;*/
	background: url(img/bg_sidebar.jpg) #fff no-repeat bottom right;
	border-right: 1px solid #AF2327;
	}

	#mainColumn {
		width: 538px;
		padding: 10px 0 20px 0;
		}

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

		.mainColumnContent {
			padding: 0 10px 0 20px;
			}
			
			#photo {
				float: left;
				width: 172px;
				margin: 15px 10px 0 0;
			}
			
			#text {
				margin: 0 0 0 185px;
				}

/* diverses classes d'images et types */
		
a:link, a:visited, a:active {
	text-decoration: none;
	color: #990000;
	}
	
a:hover {
	text-decoration: underline;
	}
		
#mainColumn a:link, #mainColumn a:visited, #mainColumn a:active {
	color: #990000;
	text-decoration: none;
	}
	
#mainColumn a:hover {
	text-decoration: underline;
	}

#mainColumn img {
	margin: 5px 0 5px 0;
	border: 1px solid #AF2327;
	padding: 2px;
	}
	
#mainColumn img.situation {
	float: left;
	margin: 5px 15px 0 0;
	}
	
#mainColumn a:hover img {
	border: 1px solid #40171B;
	}
	
#mainColumn img.gauche {
	float: left;
	margin: 10px 15px 0 0;
	}

#mainColumn ul, #mainColumn ol {
	margin: 10px 0 15px 0;
	padding: 0;
	width: 100%;
	}
	
#mainColumn ul li {
	background: url(img/bg_h3.png) no-repeat 0 3px;
	font-size: .7em;
	padding: 0 0 0 15px;
	margin: 0 0 8px 40px;
	line-height: 1.3em;
	list-style-type: none;
	}
	
#mainColumn ol li {
	font-size: .7em;
	padding: 0 0 0 15px;
	margin: 0 0 8px 40px;
	line-height: 1.2em;
	}
	
/* mise en forme de la page zoom d'image */
#photoZoom {
	width: 100%;
	text-align: center;
	padding: 10px 0 20px 0;
	}
	
#photoZoom img {
	margin: 25px 0 10px 0;
	border: 1px solid #C0D2DC;
	padding: 2px;
}

ul.back li {
	list-style-type: none;
	list-style-image: url(img/backgrounds/back.png);
	font-size: .7em;
	padding: 0;
	margin: 0;
	line-height: 1.2em;
	}
	
/* mise en forme du formulaire */
#inscription {
	font-size: .7em;
	border: 0;
	margin: 0;
	padding: 0;
	width: 30em;	/*** Largeur du formulaire ***/
}
#piedForm {	/*** Mise en forme du pied de formulaire ***/
	font: bold .7em arial, hevetica, sans-serif;
	color: #000;
	margin: 0;
	padding: .3em;
	text-align: right; /*** Les boutons sont alignés à droite ***/
}

#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
	border: 1px solid #666;
}

#corpForm input {
	margin-left: 0.8em;
	border: 1px solid #666;
}

#corpForm input#noborder {
	border: 0;
	}

#corpForm textarea {
	border: 1px solid #666;
	width: 100%;
	}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	color: black;
	margin: 0;
	padding: 0;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 25px 0 10px 0;
	border: 0;
	font-style: normal;
	padding: 0;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #333;
	background: transparent;
	text-align: justify;
	margin: 0 0 10px 0;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset#coordonnees label, #corpForm fieldset#reservation label{	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 45%;	/*** 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;
	font-size: 1.3em;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	font-size: 12px;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#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: #EEE;
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

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

#corpForm .alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
}
#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 */

#sidebar {
	float: right;
	width: 190px;
	padding: 22px 10px 0 0;
	}
	
	#sidebar ul {
		font-size: .8em;
		margin: 0 0 10px 0;
		background-color: #fff;
		padding: 0;
		list-style: none;
		background-color: transparent;
			} 
		
		#sidebar ul li {
			margin: 0 0 10px 15px;
			line-height: 140%;
			padding: 0;
			}

		#sidebar ul li a {
		color: #AF2327;
		background-color: transparent;
		text-decoration: none;
		}

	#sidebar ul li a:hover {
		border: 0;
		border-bottom: 1px solid #AF2327;
		}
		
	/* mise en forme du scroller */
	
	#scrol {
		background-color: #fff;
		margin: 0 0 10px 0;
		}
	
	#scrol hr {
		background-color: #ccc;
		margin: 5px 0 5px 15px;
		padding: 0;
		width: 90%;
		border: 0;
		color: #ccc;
		height: 1px;
		}

	#scrol p {
		font-family: Arial, Helvetica, sans-serif;
		color: #333;
		margin: 0;
		padding: 0 0 0 8px;
		}
		
	#footer {
		padding: 0 0 0 20px;
		border-top: 1px solid #AF2327; /*#40171B*/
		}

/* Définition generale des tags HTML */

h1 {
	font-size: 1.2em;
	font-weight: normal;
	padding: 0;
	margin: 20px 0 0 0;
	color: #40171B;
	}

h2 {
	font-size: .8em;
	width: 99%;
	font-weight: normal;
	color: #000;
	margin: 25px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #AF2327;
	}

h3 {
	font-size: .7em;                                                  
	margin: 15px 0 0 15px;
	color: #333;
	line-height: 150%;
	}

h3.replace {
	margin: 10px 0 10px 0;
	padding: 0 0 0 6px;
	background: url(img/bg_h3.png) #fff no-repeat 60% 50%;
	}

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

strong {
	font-weight: normal;
	color: #b90000;
	}

p { 
	text-align: justify;
	font-size: .7em;
	line-height: 160%;
	margin: 18px 0 12px 0;
	}

p.situation {
	margin: 25px 0 0 0;
	line-height: 180%;
	}
	
p.credit {
	font-size: .55em;
	margin: 5px 0 0 0;
	}
	
p.right {
	text-align: right;
	}

p.actu { margin: 12px 0 12px 40px; }
	
p.adresse {
	font-size: .55em;
	color: #990000;
	text-align: center;
	}

table {
	width: 90%;
	border: 0;
	line-height: 180%;
	margin: 1.2em 0 1.5em 0;
	font-size: .70em;
	font-family: Arial, Helvetica, sans-serif;
	}
	
th {
	text-align: left;
	padding: 3px;
	border: 0;
	width: 35%;
	border-bottom: 1px solid #000;
	vertical-align: top;
	}
	
td {
	text-align: justify;
	padding: 3px;
	border: 0;
	border-bottom: 1px solid #000;
	vertical-align: top;
	}
	
span.devise {
	font-weight: bold;
	margin: 0 0 0 220px;
	color: #b90000;
	font-size: .75em;
	}

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