body {
	background: black;
	margin: 20px 0 0 0;
	font-size: 11px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
}



	/*------------------------ HEADER ------------------------------*/



#header {
	margin: auto;
	width: 1030px;
	height: 210px;
	position: relative;
	z-index: 1;
}

#logo_visite {
	position: absolute;
	top:0;
	right: 2px;
	border: none;
	z-index: 100;
	outline: none;
	cursor: pointer;
}

#logo_visite img{
	border: none;
	outline: none;
	cursor: pointer;
	position: relative;
	z-index: 100;
}

#developpement {
	margin: O auto;
	padding: 100px 0 0 300px;
	color: #DDD
	font-size: 20px;
}


	/*------------------------- CORPS -------------------------------*/
									
									



#corps {	/* commun */
	position: relative;
	margin: auto;
	padding: 0px 130px 0 130px;
	width: 770px;
	height: 363px;
	background: black url(image_final/fond_test_corps.jpg) bottom no-repeat;
}

#conteneur_fond {	/* commun */
	height: 355px;
	width: 725px;
	padding: 5px 20px 0 20px;
	background: transparent url(image_final/fond_index.png) top no-repeat;
}

#intro_bienvenue {	/* index */
	width: 705px;
	height: 95px;
	margin: 0 0 10px 0;
	padding: 22px 10px 10px 10px;
	background: transparent url(image_final/cadre2.png) top no-repeat;
	text-indent: 20px;
	text-align: justify;
}

#intro_bienvenue_2 {	/* index */
	width: 160px;
	height: 175px;
	margin: 0;
	padding: 20px 10px 10px 10px;
	text-indent: 20px;
	text-align: justify;
	background: transparent url(image_final/cadre.png) top no-repeat;
	float: left;
}

#intro_bienvenue_3{	/* index */
	width: 160px;
	height: 175px;
	margin: 0;
	padding: 20px 10px 10px 10px;
	text-indent: 20px;
	text-align: justify;
	background: transparent url(image_final/cadre.png) top no-repeat;
	float: right;
}

#diapo_photo {	/* index */
	width: 330px;
	height: 185px;
	margin: 10px 18px 10px 0;
	padding: 0;
	background: white;
	float: right;
}

#conteneur_descriptif {
	width: 330px;
	height: 340px;
	margin: 0;
	padding: 0;
	float: left;
}

#descriptif_chalet {	/* chalet */
	width: 295px;
	height: 105px;
	margin: 0 0 10px 0;
	padding: 22px 15px 15px 15px;
	background: transparent url(image_final/cadre3.png) top no-repeat;
	text-align: justify;
}

#disposition_chalet {	/* chalet */
	width: 390px;
	height: 340px;
	margin: 0;
	padding: 0;
	float: right;
}

#disposition_chalet ul {	/* chalet */
	margin: 0;
}

#disposition_chalet li {	/* chalet */
	margin: 0 0 0 18px;
	padding: 3px 0 0 0;
	list-style-type: none;
}

#liste_1 {	/* chalet */
	height: 170px;
	width: 360px;
	margin: 0;
	padding: 15px 15px 0 25px;
	background: transparent url(image_final/cadre4.png) top no-repeat;
}

#liste_2 {	/* chalet */
	height: 155px;
	width: 360px;
	margin: 0;
	padding: 15px 15px 0 25px;
	background: transparent url(image_final/cadre5.png) top no-repeat;
}
	
#photo_chalet {	/* chalet */
	height: 188px;
	width: 320px;
	margin: auto;
	margin-top: 10px;
	padding: 0;
	background-color: #FFF;
}

#phototheque {	/* phototheque */
	height: auto;
	width: 720px;
	padding: 0;
	margin: auto;
}

#phototheque h1 {
	margin: 0 0 13px 0;
}

#phototheque a {
	margin: 0;
	padding: 0;
}

#phototheque img {
	border: white solid 2px;
}

#photo_ligne1 {
	width: 560px;
	height: 86px;
	margin: 0 0 0 0;
	padding: 18px 80px 10px 85px;
	background: transparent url(image_final/cadre17.png) top no-repeat;
}

#photo_ligne1 img {
	height: 50px;
	margin: 0 10px 5px 10px;
}

#photo_ligne2 {
	width: 675px;
	height: 86px;
	margin: 0 0 0 0;
	padding: 18px 20px 10px 30px;
	background: transparent url(image_final/cadre17.png) top no-repeat;
}

#photo_ligne2 img {
	height: 50px;
	margin: 0 10px 5px 10px;
}

#photo_ligne3 {
	width: 650px;
	height: 86px;
	margin: 0 0 0 0;
	padding: 18px 30px 10px 45px;
	background: transparent url(image_final/cadre17.png) top no-repeat;
}

#photo_ligne3 img {
	height: 50px;
	margin: 0 10px 5px 8px;
}

#tarifs {	/* tarifs */
	width: auto;
	height: 230px;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	overflow: auto;
	
}

#form_tarifs {	/* tarifs */
	width: 525px;
	height: 300px;
	padding: 22px 10px 0 10px;
	float: left;
	background: transparent url(image_final/cadre6.png) top no-repeat;
}

#choix_defaut {	/* tarifs */
	width: 145px;
	height: 40px;
	margin: 8px 0 18px 0;
	padding: 0 10px 0 10px;
	float: right;
	text-align: center;
	background: transparent url(image_final/cadre8.png) top no-repeat;
}
	

#info_tarifs {	/* tarifs */
	width: 145px;
	height: 245px;
	margin: 0;
	padding: 22px 10px 0 10px;
	float: right;
	text-align: center;
	background: transparent url(image_final/cadre7.png) top no-repeat;
	
}

	
#tableau_tarifs {	/* tarifs */
	width: 500px;
	height: auto;
	line-height: 37px;
	border-collapse: collapse;
	
}

#tableau_tarifs td {	/* tarifs */
	border-top: white solid 1px;
	border-bottom: white solid 1px;
	padding: 0;
	margin: 0;
	
}

.tableau_cellule_box {		/* tarifs */
	width: 30px;
	text-align: center;
}

.tableau_cellule {		/* tarifs */
	width: 20px;
	text-align: center;
}

.tableau_cellule_semaine {		/* tarifs */
	width: 160px;
	text-align: center;
}

.tableau_cellule_Loue {		/* tarifs */
	width: 55px;
	text-align: center;
	font-weight: bolder;
	background: url(image_final/bouton_rouge.png) center no-repeat;
}

.tableau_cellule_Dispo {	/* tarifs */
	width: 55px;
	text-align: center;
	font-weight: bolder;
	background: url(image_final/bouton_vert.png) center no-repeat;
}

.tableau_cellule_prix {		/* tarifs */
	width: 55px;
	text-align: center;
	font-weight: bold;
	color: #069;
	background: url(image_final/bouton_blanc.png) center no-repeat;
}

#form_validation_choix {	/* validation_choix */
	padding: 100px 20px 20px 20px;
}

#conteneur_validation_choix {	/* validation_choix */
	margin: auto;
	padding: 0;
	width: 370px;
}

#validation_choix {	/* validation_choix */
	width: 335px;
	height: auto;
	margin: 0;
	padding: 15px 0 15px 35px;
	background: transparent url(image_final/fond_validation_choix.png) bottom no-repeat;
}

#form_resa_client {	/* reservation */
	width: 290px;
	height: 320px;
	margin: 0 0 12px 0;
	padding: 22px 15px 0 15px;
	float: left;
	background: transparent url(image_final/cadre9.png) top no-repeat;
	
}

td.champ_manquant {	/* reservation */
	padding: 0 0 0 10px;
	color: red;
	font-weight: bolder;
}


#form_resa_personne {	/* reservation */
	width: 320px;
	height: 130px;
	margin: 0 5px 0 0;
	padding: 16px 15px 0 15px;
	float: right;
	background: transparent url(image_final/cadre10.png) top no-repeat;
}

#form_resa_details {	/* reservation */
	width: 320px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0 15px 0 15px;
	float: right;
	background: transparent url(image_final/cadre10bas.png) bottom left no-repeat;
}

#form_resa_details p {
	margin: 0 0 5px 0;
	padding: 0;
}

#champ_manquant {	/* validatio_reservation */
	width: 375px;
	height: 110px;
	margin: auto;
	padding: 30px 0 0 0;
	background: transparent url(image_final/fond_champ_manquant.png) bottom no-repeat;
}

#form_champ_manquant {	/* validation_reservation */
	padding: 100px 0 0 0;
}

#validation_resa_client {	/* validatio_reservation */
	width: 365px;
	height: 310px;
	margin: 0;
	padding: 22px 15px 10px 15px;
	float: left;
	text-align: justify;
	background: transparent url(image_final/cadre11.png) top left no-repeat;
}

#validation_resa_client p {
	margin: 8px 10px 8px 10px;
}

#validation_resa_acompte {	/* validatio_reservation */
	width: 285px;
	height: 120px;
	margin: 0 0 7px 0;
	padding: 22px 15px 0 15px;
	float: right;
	background: transparent url(image_final/cadre12.png) top left no-repeat;
}

#validation_resa_acompte td {	/* validatio_reservation */
	margin: 0;
	padding: 5px 40px 0 0;
}

#validation_resa_details {	/* validatio_reservation */
	width: 285px;
	height: 170px;
	margin: 0;
	padding: 22px 15px 0 15px;
	float: right;
	text-align: center;
	background: transparent url(image_final/cadre13.png) top left no-repeat;
	
}

#validation_resa_details table {	/* validatio_reservation */
	margin: auto;
	padding: 0 0 5px 0;
	border: white solid 1px;
	border-collapse: collapse;
	text-align: center;
}

#validation_resa_details caption {	/* validatio_reservation */
	margin: 5px 0 10px 0;
	padding: 0;
}

#validation_resa_details th {	/* validatio_reservation */
	margin: 0;
	padding: 5px;
}

#validation_resa_details td {	/* validatio_reservation */
	margin: 0;
	padding: 5px;
}

#mot_de_passe { /* mot_de_passe */
	width: 330px;
	height: 180px;
	margin: auto;
	padding: 20px 0 0 0;
	background: transparent url(image_final/fond_mot_de_passe.png) top left no-repeat;
	
}

#mot_de_passe table {	/* mot_de_passe */
	margin: auto;
	margin-top: 10px;
	font-size: 12px;
	
}

#form_mot_de_passe {	/* mot_de_passe */
	padding: 50px;
}

#form_admin {	/* tarifs */
	width: 525px;
	height: 260px;
	padding: 10px 10px 0 10px;
	float: left;
	background: transparent url(image_final/fond_tarifs.png) top no-repeat;
}

#tableau_admin {	/* tarifs */
	width: 500px;
	height: auto;
	line-height: 37px;
	border-collapse: collapse;
	
}

#tableau_admin td {	/* tarifs */
	border-top: white solid 1px;
	border-bottom: white solid 1px;
	padding: 0;
	margin: 0;
	
}

#admin { /* administration */
	width: auto;
	height: 230px;
	margin: 0 0 20px 0;
	padding: 5px 0 0 0;
	overflow: auto;
	
}

#admin_trie_defaut {	/* administration */
	width: 215px;
	height: 55px;
	margin: 0 0 11px 0;
	padding: 0;
	float: right;
	text-align: center;
	background: transparent url(image_final/fond_choix_defaut.png) top no-repeat;
	
}

#admin_insertion {	/* administration */
	width: 550px;
	height: 90px;
	padding: 10px 0 0 0;
	margin: 0;
	text-align: center;
	background: transparent url(image_final/fond_admin_inserer.png) top left no-repeat;
	clear: both;
	

}

#admin_insertion table {	/* administration */
	margin: auto;
}

#admin_modification {	/* administration */
	width: 205px;
	height: 120px;
	float: right;
	margin: 0 0 11px 0;
	padding: 10px 0 0 10px;
	background: transparent url(image_final/fond_admin_modifier.png) top no-repeat;
}

#admin_modification table {	/* administration */
	margin: auto;
	padding: 0 30px 0 0;
}

#admin_suppression {	/* administration */
	width: 215px;
	height: 40px;
	margin: 0;
	padding: 15px 0 0 0;
	float: right;
	background: transparent url(image_final/fond_choix_defaut.png) top no-repeat;
}

#admin_suppression table {	/* administration */
	margin: 0 0 0 15px;
}

#contact {	/* nous_contacter */
	width: 245px;
	height: 320px;
	margin: 0 0 12px 100px;
	padding: 22px 10px 0 25px;
	float: left;
	background: transparent url(image_final/cadre14.png) top no-repeat;
}

#contact_adresse {	/* nous_contacter */
	width: 195px;
	height: 275px;
	margin: 50px 100px 0 0;
	padding: 22px 0 0 0;
	float: right;
	text-align: center;
	background: transparent url(image_final/cadre15.png) top no-repeat;
}

#contact_adresse h6 {
	margin: 0 0 22px 0;
	padding: 0;
	text-align: center;
}
	

#conteneur_validation_message {	/* nous_contacter */
	padding: 100px 20px 20px 20px;
}
	
	

#validation_message {	/* validation_choix */
	width: 336px;
	height: auto;
	margin: auto;
	padding: 2px 15px 15px 15px;
	background: transparent url(image_final/fond_validation_choix.png) bottom left no-repeat;
}



	/*---------------------------- ANIMATION CHAMOI ---------------------------------*/
	
#animation_chamoi {
	margin: auto;
	padding: 0;
	width: 1030px;
	height: 70px;
	background: black url(image_final/fond_test_animation.jpg) bottom no-repeat;
}




	/*---------------------------- MENU ---------------------------------*/





#menu {
	margin: auto;
	padding: 2px 0 0 115px;
	width: 915px;
	height: 73px;
	background: black url(image_final/fond_test_pied.jpg) bottom no-repeat;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu li {
	display: inline;
	margin: 0 100px 0 0;
	padding: 0;
}

#menu a {
	text-decoration: none;
	color: #432C16;
	font-size: 14px;
}

#menu a:hover, #menu a:focus, #menu a:active {
	color: #069;
}







	/*------------------------------ GENERAL --------------------------------*/
	
#conteneur {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 1030px;
}
							
h1 {
	margin: 0 0 18px 0;
	padding: 0;
	text-align: center;
	font-size: 15px;
}

h3 {
	width: 329px;
	height: 35px;
	margin: 0;
	padding: 20px 15px 0 15px;
	text-align: center;
	font-size: 11px;
	float: right;
	background: transparent url(image_final/cadre10haut.png) top no-repeat;
}

h4 {
	margin: 0;
	padding: 15px 0 0 0;
	height: 25px;
	font-size: 11px;
	text-align: center;
	background: transparent url(image_final/fond_validation_choix_haut.png) top no-repeat;
}

h5 {
	width: 325px;
	margin: 0 20px 0 0;
	padding: 10px 0 0 0;
	height: 25px;
	float: right;
	font-size: 11px;
	text-align: center;
	background: transparent url(image_final/fond_form_resa_details_haut.png) top no-repeat;
}

h6 {
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 11px;
	text-align: center;
}

li.no_image {
	list-style-image: none;
	text-decoration: none;
}

p {
	margin: 10px 0 0 10px;
	padding: 0;
}

ul { 
	margin: 0;
	padding: 0;
}

li { 
	margin: 0;
	padding: 0;
}

div {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #333;
}

.text_gros {
	font-size: 14px;
}

.text_center {
	text-align: center;
}

.text_droit {
	text-align: right;
}

.bouton_gauche {
	display: block;
	float: left;
	margin: 50px 5px 0 20px;
}

.bouton_droit {
	display: block;
	float: right;
	margin: 50px 0 0 0;
}

.bouton {
	display: block;
	margin: auto;
}

.text_rouge {
	font-size: 12px;
	color: red;
}

.text_bleu {
	font-size: 12px;
	color: #069;
}

.text_gras {
	font-weight: bold;
}

.text_footer {
	text-align: center;
	font-size: 10px;
	color: #333;
}

.text_gras_souligne {
	font-weight: bold;
	text-decoration: underline;
	margin-right: 10px;
}
	
.stop_float {
	clear: both;
	text-align: center;
}

strong {
	font-size: 11px;
	font-weight: bold;
}

#visite_virtuelle {
	width: 720px;
	height: 360px;
	margin: auto;
}

a#google_maps {
	position: absolute;
	top:30px;
	right: 280px;
	color: white;
	font-size: 14px;
}

a#google_maps:hover {
	text-decoration: underline;
}