/* ========================================================
	corps.css - Stylesheet

	Divers
	Accueil
	Reception - évènements
	Contact
	Legal

======================================================== */
/*---------------------------------------------------------
	1. Divers
*/
#corps {
	position: relative;
	float: left;
	margin-left: 5px;
	text-align: justify;
	width: 490px;
}

.content { clear:both; padding:5px; }
.content a {	text-decoration: underline; }
.content hr {	border: 1px #9e0000 solid; margin: 3px 0; }
.content ul { margin-left: 30px; }
.content h1, .content h2, .content h3, .content h4 { margin: 0.8em 0 0; }
.content h1, .content h2 { text-align: center; font-size:1.3em; }
.content img { display:block; margin:0 auto; }
.content p {
	font-size: 95%;
	margin: 0.6em 0;
}

#construction {
	text-align: center;
	width: 900px;
	margin: auto;
}

#illu {
	/*height: 218px;*/
	display: block;
	margin: 0 auto 10px;
	width: 462px;
}
#diapos {
	display: block;
	margin: 0 auto;
	width: 462px;
}

/*---------------------------------------------------------
	2. Accueil
*/
#accueil {}

	#accueil #diapos {
		background: transparent url(../images/site/encadre-central.gif) no-repeat;
		height: 230px;
		margin: 0 auto;
		padding: 5px 0;
		width: 475px;
	}

	#accueil ul.metiers {
		background: transparent url(../images/site/poivriere.png) no-repeat top right;
		height: 230px;
		margin-top: 15px;
		width: 490px;
	}
		#accueil ul.metiers li {
			float: left;
			margin: 10px 8px 15px 3px;
			text-align: center;
			width: 135px;
		}
			#accueil ul.metiers li h4 {
				font-size: 16px;
				font-weight: bold;
				line-height: 17px;
				height: 35px;
			}
			#accueil ul.metiers li p {
				margin-top: 10px;
			}

/*---------------------------------------------------------
	3. formules
*/
.menu-image {
	float: left;
	height: 111px;
	margin: 10px 2px 0 7px !important;
	margin: 10px 2px 0 2px;
	position: relative;
	width: 236px;
}
	.menu-image span {
		bottom: 2px !important;
		bottom: 5px;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		position: absolute;
		right: 10px;
	}

/*---------------------------------------------------------
	4. Contact
*/
div#contact{}

	#contact .content {
		clear: none;
		float: right;
		width: 200px;
	}
	#contact #map {
		float: right;
		height: 300px;
		margin: 20px 0 0;
		width: 480px;
	}
	#reception-hebergement #map {
		height: 300px;
		width: 495px;
	}

#form-contact {
	float: left;
	padding-top: 5px;
	width: 258px;
}
	#form-contact select, #form-contact input, #form-contact textarea { border: 1px solid #b3b3b3; }
	#form-contact li {
		clear: both;
		font-size: 15px;
		list-style-type: none;
		padding: 5px 0 5px 10px;
	}
	
		#form-contact p {
		}
		#form-contact p span {
			color: red;
			position: absolute;
		}
		#form-contact p input, #form-contact p textarea {
			margin-left: 10px;
		}
		#form-contact p.label {
			float: left;
			width: 90px;
		}

/*---------------------------------------------------------
	5. Visite virtuelle
*/
#reception-visite-virtuelle-360 #flashcontent,
#reception-visite-virtuelle-360 #flashcontent2 {
	height: 300px;
	margin: 15px auto;
	width: 490px;
}
#reception-visite-virtuelle-360 #flashcontent { background: #fff url(../images/site/bouton-viewer2.jpg) no-repeat; }
#reception-visite-virtuelle-360 #flashcontent2 { background: #fff url(../images/site/bouton-viewer.jpg) no-repeat; }

	#reception-visite-virtuelle-360 #flashcontent embed {
		margin-left: -1px;
	}

#reception-temoignages table tr td {
	padding: 10px;
}

#reception-hebergement .content table {
	text-align: left;
}

/*---------------------------------------------------------
	6. Legal
*/
div#legal .content,
div#erreur404 .content {
	float: left;
}