/*
	CSS pour FT
	2007-06-22
*/

body {
	background: #FFF;
	font-size: 69%;
	line-height: 1.1em;
	font-family: Verdana, Arial, sans-serif;
	margin: 0;
	color: #2F1F17;
}


a {
	cursor: pointer;
	color: #5B8115;
	outline: 0;
	text-decoration: none;
}

a:hover, #langue_inverse a:hover, a.plus_infos:hover, #bas a:hover, a.recommencer:hover, a.plus_infos:hover {
	text-decoration: none;
	color: #92462F;
}

img {
	border: 0;
}

/*
	GENERAL
*/

#wrapper {
	width: 930px;
	margin: 0 auto 0 auto;
	padding: 10px;
	background-color: #F2F2E8;
}

#entete {
	position: relative;
	width: 910px; /*930*/
	height: 130px; /*150*/
	padding: 20px 0 0 20px;
	background: url(../images/ul/tuiles/entete.jpg) top left no-repeat;
}

#langue_inverse {
	position: absolute;
	top: 4px;
	right: 0;
	padding: 4px 16px 0 35px;
	height: 16px;
	background: url(../images/ul/tuiles/langue_inverse.gif) top left no-repeat;
}

#langue_inverse a {
	color: #FFF;
}

#navig {
	height: 35px;
	padding: 0 5px;
	border-top: 4px solid #F2F2E8;
	background: url(../images/ul/tuiles/navig.gif) top left repeat-x;
}

#navig a {
	display: block;
	float: left;
	padding: 11px 15px;
	font-size: 1.09em;
	line-height: 1.1em;
	font-weight: bold;
	color: #FFF;
}

#navig a:hover, #navig a.selected {
	color: #2F1F17;
	text-decoration: none;
}

#sous_navigation {
	width: 918px; /*930*/
	background-color: #E3E3CE;
	border-top: 1px solid #8F8682;
	padding: 5px 6px 0 6px;
}

#sous_navigation a {
	display: block;
	float: left;
	font-size: 1.09em;
	line-height: 1em;
	padding: 4px 8px;
	margin: 0 6px;
	color: #5B8115;
}

#sous_navigation a:hover, #sous_navigation a.selected {
	background-color: #F2F2E8;
	color: #92462F;
}

#bas {
	height: 10px;
	border-top: 4px solid #F2F2E8;
	font-size: 0.9em;
	line-height: 1em;
	color: #FFF;
	padding: 10px 18px;
	background: url(../images/ul/tuiles/bas.gif) top left repeat-x;
}

#bas a {
	color: #FFF;
}

.boutons_img:hover, .boutons_img.bouton_selected {
	background: transparent;
	visibility: hidden;
}

.boutons_img .over {
	position: absolute;
	visibility: hidden;
}

.boutons_img:hover .over, .boutons_img.bouton_selected .over {
	visibility:visible;
}

#contenu {
	width: 930px;
}

.texte {
	padding: 10px;
}

.texte ul {
	padding: 0 0 0 10px;
	margin: 0;
	
}

.gauche {
	float: left;
	width: 622px;
}

.droite {
	float: right;
	width: 308px;
}

span.vert {
	color: #5B8115;
}

span.sous_titre {
	display: block;
	padding: 8px 0 0 0;
	font-size: 1.18em;
	font-weight: bold;
	line-height: 1.1em;
	color: #92462F;
}

.texte ul li {
	padding: 12px 0 0 0;
	color: #2F1F17;
	line-height: 1.2em;
}

input, select {
	width: 250px;
	font-size: 1em;
	height: 13px;
	padding: 2px;
	border: 1px solid #A3BBD0;
}

select {
	width: auto;
	height: 20px;
}

textarea {
	border: 1px solid #A3BBD0;
	font-size: 12px;
	padding: 5px;
}

input.radio {
	width: auto;
	border: none;
}

.actions_formulaires {
	width: 542px;
}

.bloc_radios {
	width: 520px;
	height: 31px;
}

.bloc_radios_msie {
	height: 33px;
}

label {
	display: block;
	padding-bottom: 2px;
	color: #92462F;
	font-size: 1.18em;
	line-height: 1em;
}

label span {
	color: #2F1F17;
}

.formulaire {
	padding: 6px 20px 25px 20px;
}

.form_gauche {
	float: left;
	width: 288px;
}

.form_droite {
	float: left;
	width: 265px;
}

form {
	margin: 0;
	padding: 0;
}

.message_erreur, .message_succes {
	width:450px;
	margin:10px auto;
	padding:8px;
	text-align:center;
	background-color:#FFFFD9;
	border:2px solid #FF0000;
}

.message_succes {
	border:2px solid #3D8A43;
}

.erreur, .requis {
	color:#D92525;
}

/*
	ACCUEIL
*/

.section_1 #contenu {
	border-top: 4px solid #F2F2E8;
}

.section_1 .texte {
	padding: 3px 28px 12px 26px;
}

.accueil_gauche {
	float: left;
	width: 620px; /*620*/
	border-right: 4px solid #F2F2E8;
}

.accueil_droite {
	float: left;
	width: 306px; /*306*/
}

/*
.accueil_infos_chalets {
	width: 308px;
	float: left;
	border-top: 4px solid #F2F2E8;
}
*/

.accueil_infos_chalets {
	width: 620px;
	border-top: 4px solid #F2F2E8;
}

a.plus_infos {
	display: block;
	float: left;
	height: 13px;
	padding: 2px 8px;
	margin-top: 16px;
	background: url(../images/ul/boutons/plus_infos.gif) top left no-repeat;
	border: 1px solid #547D2B;
	color: #2F1F17;
}

.accueil_promo {
	width: 294px; /*306*/
	height: 176px; /*191*/
	padding: 15px 0 0 12px;
	background-color: #463730;
}

.accueil_contact {
	width: 253px; /*306*/
	padding: 12px 39px 19px 14px;
	background-color: #E3E3CE;
	border-top: 4px solid #F2F2E8;
}

.accueil_contact span, .note {
	color: #92462F;
}

.accueil_contact a {
	text-decoration: underline;
}

/*
	LES CHALETS
*/

.section_2 .texte {
	padding: 25px 20px;
}

.section_2 .gauche .texte {
	padding: 25px 36px 25px 20px;
}

.section_2 .droite {
	padding-top: 4px;
}

.section_2 ul {
	padding-left: 18px;
}

.index_bloc_chalet {
	float: left;
	width: 308px;
	border-right: 2px solid #F2F2E8;
}

.index_boutons {
	width: 308px;
	height: 51px;
	border-bottom: 4px solid #F2F2E8;
}

.index_photos {
	width: 308px;
	height: 230px;
	border-bottom: 4px solid #F2F2E8;
}

.chalet_nom {
	width: 158px;
	height: 40px;
}

#photos_cachees {
	display: none;
}

#photos a {
	display: block;
	width: 50px;
	float: left;
	margin: 1px 13px 3px 0;
	border-left: 1px solid #F2F2E8;
	text-align: center;
}

#photos a.derniere_photo {
	margin-right: 0;
}

#photos a.photo_selected, #photos a.derniere_photo_selected {
	border: 1px solid #5B8115;
	margin: 0 12px 2px 0;
}

#photos a.derniere_photo.derniere_photo_selected {
	margin-right: 0;
}

#photos_conteneur {
	position: relative;
	width: 308px;
	height: 231px;
	border-bottom: 4px solid #F2F2E8;
}

#photo {
	position: absolute;
	top: 0;
	left: 0;
}

#photo_cachee {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}

.texte table tr {
	vertical-align: middle;
}

.texte table tr.entete {
	background-color: #ADC2D4;
	font-weight: bold;
}

.texte table tr.paire {
	background-color: #CFDADD;
}

.texte table tr.paire td.paire {
	background-color: #D6E0E2;
}

.texte table tr.paire td.impaire {
	background-color: #CFDADD;
}

.texte table tr.impaire {
	background-color: #FFFFFF;
}

.texte table tr td {
	height: 40px;
	width: 97px;
	padding: 5px;
	text-align: center;
	border: 1px solid #ADC2D4;
}

.texte table tr td.titre {
	text-align: left;
}

/*
	RESERVATION
*/

.section_3 .conteneur_centre, .section_4 .conteneur_centre, .section_5 .conteneur_centre, .section_6 .conteneur_centre, .section_7 .conteneur_centre {
	border-top: 4px solid #F2F2E8;
	background-color: #E3E3CE;
}

.section_3 .texte, .section_4 .texte, .section_5 .texte, .section_6 .texte, .section_7 .texte {
	padding: 25px 20px;
}

.section_3 .droite .texte, .section_4 .droite .texte {
	padding: 0;
}

.section_3 .gauche, .section_4 .gauche, .section_5 .gauche, .section_6 .gauche, .section_7 .gauche {
	background-color: #F2F2E8;
}

.section_3 .droite, .section_4 .droite, .section_5 .droite, .section_6 .droite, .section_7 .droite {
	width: 265px; /*308*/
	/*background-color: #E3E3CE;*/
	padding: 13px 18px 13px 25px;
}

.section_3 ul, .section_5 ul, .section_6 ul, .section_7 ul {
	padding-left: 15px;
}

a.recommencer {
	display: block;
	float: right;
	height: 13px;
	padding: 2px 8px;
	margin-top: 12px;
	background: url(../images/ul/boutons/recommencer.gif) top left no-repeat;
	border: 1px solid #92462F;
	color: #2F1F17;
}

span.requis_variable {
	display: none;
}

/*
	INFORMATION
*/

.section_4 .conteneur_centre {
	background: #E3E3CE url(../images/ul/tuiles/section_4.jpg) 627px 4px no-repeat;
}

/*
	ACTIVITES
*/

.section_5 .conteneur_centre {
	background: #E3E3CE url(../images/ul/tuiles/section_5.jpg) 627px 4px no-repeat;
}

.choix_chalet {
	float: right;
	padding-top: 6px;
	font-weight: bold;
}

.choix_chalet select {
	width: 120px;
}

/*
	A PROXIMITE
*/

.section_6 .conteneur_centre {
	background: #E3E3CE url(../images/ul/tuiles/section_6.jpg) 627px 4px no-repeat;
}

.section_6 .choix_chalet {
	padding-top: 12px;
}

/*
	POUR S'Y RENDRE
*/

.section_7 .conteneur_centre {
	background: #E3E3CE url(../images/ul/tuiles/section_7.jpg) 627px 4px no-repeat;
}

.section_7 .droite {
	padding-left: 0;
	width: 290px;
	position: relative;
}

.section_7 .droite .texte {
	padding-top: 10px;
}


#map {
	position: relative;
	width: 560px;
	height: 345px;
}

#directions {
	display: none;
	position: absolute;
	top: 88px;
	right: 49px;
	width: 187px;
	height: 295px;
	background: #fff;
	overflow: auto;
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
	border-top: 0;
}

#fermer_directions {
	display: none;
	position: absolute;
	top: 89px;
	right: 142px;
	width: 100px;
}

#fermer img {
	display: block;
	float: left;
	margin-right: 3px;
}

#fermer span {
	display: block;
	float: left;
/*	margin-top: -1px;*/
}

.infos_chalets {
	position: absolute;
	display: none;
	width: 265px;
	top: 185px;
	left: 20px;
}

.infos_chalets span.sous_titre {
	padding-bottom: 5px;
}

.infos_chalets ul li {
	padding-top: 8px;
}