/* Feuille de style - Grand Bois | La Résidence de Tourisme - Agence itiConseil 2008 */

@import url("css/contact.css");
@import url("css/sIFR-screen.css");
@import url("css/thickbox.css");

* {
	margin:0;
	padding:0;
}
img {
	border:0;
}
.spacer {
	clear:both;
}
.dn {
	display:none;
}
.centrer {
	text-align:center;
}
.top15 {
	padding-top:15px;
}

body {
	background:#47651d url(images/fond.jpg) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

#master {
	position:relative;
	width:950px;
	padding:0;
	margin:0 auto;
}

#entete {
	position:absolute;
	top:0;
	left:0;
	width:950px;
	height:162px;
	background:url(images/entete.jpg) no-repeat;
}
#entete .e_nav {
	position:absolute;
	top:3px;
	left:90px;
	font: bold 11px/20px Arial, Helvetica, sans-serif;
	width:250px;
}
#entete .e_nav img {
	float:left;
}
#entete .e_nav a {
	float:left;
	display:block;
	width:auto;
	height:21px;
	color:#9d9d9d;
	text-decoration:none;
}
#entete .e_nav a:hover {
	text-decoration:underline;
}
#entete .e_home {
	position:absolute;
	top:20px;
	left:280px;
	width:278px;
	height:128px;
}
#entete .e_home a {
	display:block;
	width:278px;
	height:138px;
	background:transparent;
}

#corps {
	position:absolute;
	top:192px;
	left:0;
	width:950px;
}

#contenu {
	background:#FFFFFF;
	padding:5px 0 20px 0;
}
#chemin {
	padding:0 30px 10px 30px;
	font-size:10px;
	color:#868686;
}
#chemin span {
	color:#b3c32f;
}
#chemin a {
	color:#868686;
	text-decoration:none;
}
#chemin a:hover {
	text-decoration:underline;
}

#pied {
	position:relative;
	width:950px;
	height:49px;
	background:url('images/pied.png') ;
	_background:0 ;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pied.png', sizingMethod='scale');
	color:#004b22;
	text-align:center;
	font-weight:bold;
	font-size:10px;
}
#pied div.pied {
	position:absolute;
	top:0;
	left:231px;
	width:499px;
	height:17px;
	padding:15px 0 0 0;
	background:url(images/pied-fond.gif) no-repeat;
}
#pied div.pied a {
	color:#004b22;
	text-decoration:none;
}
#pied div.pied a:hover {
	text-decoration:underline;
}
#xiti-logo {
	padding:20px 0 0 0;
}

/*************************************************************************************************************
										CONTENU DES PAGES DU SITE
*************************************************************************************************************/

/**
  GENERAL
**/
#contenu .bloc_gauche {
	float:left;
	width:570px;
	padding:0 30px 0 30px;
}
#contenu .bloc_droite {
	float:left;
	width:300px;
	padding:0 20px 0 0;
}
#contenu h1 {
	font-weight:bold;
	font-size:16px;
	color:#004b22;
	margin:0 0 10px 0;
}
a.bd_block {
	display:block;
	float:right;
	width:auto;
	padding:2px 5px;
	margin:0 10px 0 0;
	font-weight:normal;
	font-size:10px;
	color:#004b22;
	text-decoration:none;
	border:#004b22 1px solid;
	background:#c1d706;
	text-align:center;
}
a.bd_block:hover {
	background:#004b22;
	color:#FFFFFF;
}
.gras {
	font-weight:bold;
	color:#008000;
}
.stitre {
	font-weight:bold;
	color:#008000;
	font-size:14px;
}
a.lien {
	color:#008000;
	text-decoration:none;
}
a.lien:hover {
	text-decoration:underline;
}

/**
  COLONNE DE DROITE
**/

.bloc_droite .resa_1 {
	display:block;
	width:300px;
	height:149px;
	text-decoration:none;
	background:url(images/fr/accueil/module_resa.jpg);
}
.bloc_droite .promo_1 {
	display:block;
	width:300px;
	height:72px;
	text-decoration:none;
	margin:20px 0;
	background:url(images/fr/offres.gif);
}
.bloc_droite .contact_1 {
	display:block;
	width:300px;
	height:89px;
	text-decoration:none;
	background:url(images/fr/contact.gif);
}
.bloc_droite .visitez_1 {
	margin:20px 0 0 0;
	display:block;
	width:300px;
	height:106px;
	text-decoration:none;
	background:url(images/fr/accueil/module_visitez.jpg);
}
.bloc_droite .activites_1 {
	margin:20px 0 0 0;
	display:block;
	width:300px;
	height:150px;
	text-decoration:none;
	background:url(images/fr/accueil/module_activites.jpg);
}

/* UK */
.bloc_droite .resa_2 {
	display:block;
	width:300px;
	height:149px;
	text-decoration:none;
	background:url(images/uk/accueil/module_resa.jpg);
}
.bloc_droite .gallery_2 {
	display:block;
	width:300px;
	height:72px;
	text-decoration:none;
	margin:20px 0;
	background:url(images/uk/gallery.gif);
}
.bloc_droite .contact_2 {
	display:block;
	width:300px;
	height:89px;
	text-decoration:none;
	background:url(images/uk/contact.gif);
}
.bloc_droite .visitez_2 {
	margin:20px 0 0 0;
	display:block;
	width:300px;
	height:106px;
	text-decoration:none;
	background:url(images/uk/accueil/module_visitez.jpg);
}
.bloc_droite .activites_2 {
	margin:20px 0 0 0;
	display:block;
	width:300px;
	height:150px;
	text-decoration:none;
	background:url(images/uk/accueil/module_activites.jpg);
}

/* NL */
.bloc_droite .resa_3 {
	display:block;
	width:300px;
	height:149px;
	text-decoration:none;
	background:url(images/nl/accueil/module_resa.jpg);
}
.bloc_droite .gallery_3 {
	display:block;
	width:300px;
	height:72px;
	text-decoration:none;
	margin:20px 0;
	background:url(images/nl/gallery.gif);
}
.bloc_droite .contact_3 {
	display:block;
	width:300px;
	height:89px;
	text-decoration:none;
	background:url(images/nl/contact.gif);
}
.bloc_droite .visitez_3 {
	margin:20px 0 0 0;
	display:block;
	width:300px;
	height:106px;
	text-decoration:none;
	background:url(images/nl/accueil/module_visitez.jpg);
}
.bloc_droite .activites_3 {
	margin:20px 0 0 0;
	display:block;
	width:300px;
	height:150px;
	text-decoration:none;
	background:url(images/nl/accueil/module_activites.jpg);
}

/**
  CONTENU GENERAL
**/
.bloc_contenu {
	position:relative;
	border:#efefef 3px solid;
	padding:0 0 15px 0;
	height:auto ;
	min-height:429px ;
	_height:429px ;
}
.bloc_contenu .titre_tarifs {
	width:329px; /* 570 -3 -3 -235 */
	height:24px;
	background:#c2d805;
	padding:3px 0 0 235px;
	/*border:#000 1px solid;*/
}
.bloc_contenu .img_top {
	position:absolute;
	top:0;
	left:0;
}
.bloc_contenu .img_bottom {
	position:absolute;
	top:166px;
	left:0;
}
.bloc_contenu .texte_contenu {
	padding:15px 20px 0 235px;
}

/**
  ACCUEIL
**/
/* FR */
.bloc_gauche .sejours_1 {
	float:left;
	display:block;
	width:275px;
	height:150px;
	margin:20px 0 0 0;
	text-decoration:none;
	background:url(images/fr/accueil/module_sejours.jpg);
}
.bloc_gauche .lastmin_1 {
	float:left;
	display:block;
	width:275px;
	height:150px;
	margin:20px 0 0 20px;
	text-decoration:none;
	background:url(images/fr/accueil/module_lastmin.jpg);
}

/* UK */
.bloc_gauche .sejours_2 {
	float:left;
	display:block;
	width:275px;
	height:150px;
	margin:20px 0 0 0;
	text-decoration:none;
	background:url(images/uk/accueil/module_sejours.jpg);
}
.bloc_gauche .lastmin_2 {
	float:left;
	display:block;
	width:275px;
	height:150px;
	margin:20px 0 0 20px;
	text-decoration:none;
	background:url(images/uk/accueil/module_lastmin.jpg);
}
.bloc_gauche .presentation_2 {
	float:left;
	display:block;
	width:275px;
	height:150px;
	margin:20px 0 0 0;
	text-decoration:none;
	background:url(images/uk/accueil/module_presentation.jpg);
}
.bloc_gauche .concept_2 {
	float:left;
	display:block;
	width:275px;
	height:150px;
	margin:20px 0 0 20px;
	text-decoration:none;
	background:url(images/uk/accueil/module_concept.jpg);
}

/* NL */
.bloc_gauche .presentation_3 {
	float:left;
	display:block;
	width:275px;
	height:150px;
	margin:20px 0 0 0;
	text-decoration:none;
	background:url(images/nl/accueil/module_presentation.jpg);
}
.bloc_gauche .concept_3 {
	float:left;
	display:block;
	width:275px;
	height:150px;
	margin:20px 0 0 20px;
	text-decoration:none;
	background:url(images/nl/accueil/module_concept.jpg);
}

/**
  TARIFS
**/
.tarifs_telech {
	padding:15px 0;
}
.tarifs_gauche {
	float:left;
	width:230px;
	font-size:10px;
	padding:0 0 0 49px;
}
.tarifs_droite {
	float:right;
	width:230px;
	font-size:10px;
	padding:0 49px 0 0;
}
.tarifs_completments {
	padding:0 49px;
	font-size:10px;
}
.t_pair {
	background:#faffea;
}
a.btn_plaquette {
	float:right;
	display:block;
	margin:0 10px 0 0;
	width:142px;
	height:22px;
	background:url(images/btn-plaquette.gif) no-repeat;
}
a.btn_plaquette_uk {
	float:right;
	display:block;
	margin:0 10px 0 0;
	width:135px;
	height:22px;
	background:url(images/uk/tarifs/download.gif) no-repeat;
}
a.btn_plaquette_nl {
	float:right;
	display:block;
	margin:0 10px 0 0;
	width:215px;
	height:22px;
	background:url(images/nl/tarifs/download.gif) no-repeat;
}

/**
  PROMOS
**/
.bloc_contenu .liste_promo {
	float:left;
	width:191px;
	text-align:left;
	padding:70px 0 0 28px;
}
.bd_titre {
	width:171px;
	height:29px;
	background:url(images/promo-nos-offres.gif) no-repeat;
}
ul.bd_list {
	margin:0 0 0 0;
	padding:0;
	list-style-type:none;
}
ul.bd_list li.sejour {
	display:block;
	width:154px;
	height:33px;
	margin:0;
	padding:6px 0 0 17px;
	background:url(images/mnu-offres-off.gif) no-repeat;
}
ul.bd_list li.lastmin {
	display:block;
	width:154px;
	height:33px;
	margin:0;
	padding:6px 0 0 17px;
	background:url(images/mnu-offres-lastmin-off.gif) no-repeat;
}
ul.bd_list li.selected {
	display:block;
	width:154px;
	height:34px;
	margin:0;
	padding:5px 0 0 17px;
	background:url(images/mnu-offres-on.gif) no-repeat;
}
.t_lastmin {
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
}
.t_sejour {
	color:#10562e;
	font-size:12px;
	font-weight:bold;
}
a.l_promo {
	font-size:10px;
	color:#000000;
	text-decoration:none;
}
a.l_promo:hover {
	text-decoration:underline;
}

.chapo_p {
	color:#919191;
	font-weight:bold;
	font-size:12px;
	padding:0 0 15px 0;
}

.promo_bandeau {
	position:relative;
	width:312px;
	height:88px;
	margin:0 0 15px 0;
}
.promo_bloc {
	float:left;
	width:91px;
	height:88px;
	background:url(images/bloc-date.gif) no-repeat;
	overflow:hidden;
}
.promo_dates {
	position:absolute;
	top:20px;
	left:10px;
	width:70px;
	height:30px;
	overflow:hidden;
	font-size:10px;
	color:#FFFFFF;
	line-height:9px;
	text-align:right;
}
.promo_tarifs {
	position:absolute;
	top:64px;
	left:10px;
	width:70px;
	height:30px;
	overflow:hidden;
	font-size:10px;
	color:#FFFFFF;
	line-height:9px;
	text-align:right;
}
.promo_image {
	float:left;
	width:221px;
	height:88px;
	overflow:hidden;
}
.s3 {
	font-weight:bold;
	font-size:20px;
}

a.btn_resa {
	float:right;
	display:block;
	margin:0 10px 0 0;
	width:117px;
	height:22px;
	background:url(images/btn-resa.gif) no-repeat;
}
a.btn_resa_uk {
	float:right;
	display:block;
	margin:0 10px 0 0;
	width:61px;
	height:22px;
	background:url(images/uk/btn-resa.gif) no-repeat;
}

.bloc_contenu .texte_promo {
	float:left;
	width:300px;
	padding:15px 20px 0 20px;
}
.bloc_contenu .texte_promo img {
	float:left;
	margin:0 10px 0 0;
}
a.promo_lien {
	display:block;
	padding:5px 10px 5px 10px;
	color:#004b22;
	background:#c2d805;
	border-bottom:#004b22 1px dotted;
	text-decoration:none;
}
a.promo_lien:hover {
	background:#ffffff;
}
.promo_selected {
	padding:5px 10px 5px 15px;
	background:#004b22 url(images/promo-fleche.gif) no-repeat right;
	color:#c2d805;
	border-bottom:#c2d805 1px dotted;
}
.chapo {
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	color:#004b22;
	padding:0 0 10px 0 ;
}
.duree {
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	color:#4d4d4d;
	padding:0 0 10px 0 ;
}
.prix {
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#004b22;
	padding:15px 0 10px 0 ;
	text-align:right;
}

/**
  INVESTISSEUR
**/
a.btn_resort {
	float:right;
	display:block;
	margin:0 10px 0 0;
	width:190px;
	height:22px;
	background:url(images/btn-resort.gif) no-repeat;
}

/** 
  LES DRAPEAUX
**/
a.drp_fr {
	display:block;
	float:left;
	width:27px;
	height:26px;
	background:url(images/drp-fr.gif) no-repeat;
	background-position:0 -26px;
}
a.drp_fr:hover {
	background-position:0 0;
}
a.drp_uk {
	display:block;
	float:left;
	width:27px;
	height:26px;
	background:url(images/drp-uk.gif);
	background-position:0 -26px;
}
a.drp_uk:hover {
	background-position:0 0;
}
a.drp_nl {
	display:block;
	float:left;
	width:27px;
	height:26px;
	background:url(images/drp-nl.gif);
	background-position:0 -26px;
}
a.drp_nl:hover {
	background-position:0 0px;
}

a.drp_selected {
	background-position:0 0px;
}

.legende_tarifs {
	text-align:left;
	font-size:10px;
	padding:0 15px;
}