/*********************************************************************************/
/* RESET CSS*/
/*********************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend
, caption, tbody, tfoot, thead, th  { /*table td tr*/
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}


/*********************************************************************************/
/* Général */
/*********************************************************************************/
body {
	margin: 0;
	padding: 0;
	color: #666;
				background: #666;
				
	
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

#positionnementSite{
	position:relative;
	height:auto;
	margin-left: auto;
	margin-right: auto;	
	background-repeat:no-repeat;
	
				width:1040px;
			margin-top:10px;	
					

}

#positionnementSiteCMS {
	position:relative;
	width:1040px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
		
}

#conteneur { /* contient uniquement partie site (sans prendre en compte la zone de pub à droite)*/
	position:relative;
	width: 800px;	
				float:left;
			background: #fff;
		}

/*******************************************************/
/* Coin arrondi pour le site */
/********************************************************/

	#coinHautGauche{
		position:absolute;
		top:31px;
		left:0;
		width:6px;
		height:6px;
		background:url("../../images/coins/coin-hg.png");
		background-repeat:no-repeat;
		z-index:100;
	}
	#coinHautDroite{
		position:absolute;
		top:31px;
		right:0;
		width:6px;
		height:6px;
		background:url("../../images/coins/coin-hd.png");
		background-repeat:no-repeat;
		z-index:100;
	}
	#coinBasGauche{
		position:absolute;
		bottom:0;
		left:0;
		width:6px;
		height:6px;
		background:url("../../images/coins/coin-bg.png");
		background-repeat:no-repeat;
		z-index:100;
	}
	#coinBasDroite{
		position:absolute;
		bottom:0;
		right:0;
		width:6px;
		height:6px;
		background:url("../../images/coins/coin-bd.png");
		background-repeat:no-repeat;
		z-index:100;
	}
	

.endCol{
	clear:both;
}
a img {
	border: none;
}
a{
	text-decoration:none;
	color:#666;
}
a:hover{
	text-decoration:none;
	color:#996633;
}

hr{
	height: 1px;
	padding: 0;
	color:#ccc;
	background-color: #ccc;
	border: 0;
}
.poutre{
	padding: 0;
	color: #996633;
	background-color: #996633;
	border: 0;
				height: 2px;
				
}

input{
	height:16px;
	font-size:10px;
	color:#996633;
				border:1px solid #ccc;
				
}

select{
	height:16px;
	font-size:10px;
	color:#996633;
				color:#996633;
			border:1px solid #ccc;
				
}


.noBorder{
	border:none;
}
.left{
	float:left;
}



/*********************************************************************************/
/* En-tête */
/*********************************************************************************/

	#header {
		position:relative;
		background:#666;
		height:188px;
	}
		#header #posDivH1{
			position:relative;
			float:left;
			width:400px;
			height:31px;
			color:#ccc;
			margin:0px;
			font-size:9px;
			font-weight:normal;
		}
		#header h1 {
			float:left;
			margin:0px;
			color:#ccc;
			font-size:9px;
			font-weight:normal;
		}
		#header .titreHeader{
			position:absolute;
			bottom:5px;
		}
		#header #blocPosTitre {
			position:relative;
			float:left;
			width:265px;
			height:162px;
			background-color:#222;
			margin:0px;
			padding:0px;
		}
		#header #blocPosTitreDegrader {
			position:absolute;
			width:265px;
			height:162px;
			left:0px;
			top:0px;
			background-image:url(../../images/banner-degrade.png);
			background-repeat:no-repeat;
		}
		#header #logo{
			position:absolute;
			top:15px;
			left:17px;
			width:67px;
			height:85px;
			border-right:1px solid #777;
	
		}
		/*titre*/
		#header #titreSiteHome {
			position:absolute;
			top:107px;
			left:17px;
			width:240px;
			color:#fff;
			font-size:11px;
			vertical-align:text-top;
			line-height:20px;
		}
		#header #titreSite {
			position:absolute;
			top:107px;
			left:17px;
			width:240px;
			color:#fff;
			font-size:25px;
			vertical-align:text-top;
			font-weight:bold;
			line-height:40px;
		}
	
		#header #sousTitreSite {
			position:absolute;
			top:45px;
			left:95px;
			width:190px;
			color:#FFFFFF;
			font-size:9px;
			font-family:Verdana, Geneva, sans-serif;
		}
		
		#header #villeTelephone {
			color:#996633;
			font-size:11px;
			font-weight:bold;
			line-height:20px;
		}
		
		#header #detailTelephone {
			color:#FFFFFF;
			font-size:9px;
		}
		#header #telephone {
			color:#FFFFFF;
			font-size:12px;
		}
	
	
		/*image sur la droite*/
		#header #imgSite {
			position:absolute;
			right:0;
			width:535px;
			height: 162px;
			color:#FFFFFF;
		}
	
		#header #blocChampSearch input{
			float:left;
			border:0px;
			width:135px;
			height:14px;
			font-size:10px;
			margin:0px;
		}
		#header #blocChampSearch {
			float:right;
			margin-top:10px;
			width:160px;
			height: 16px;
			background-color: #fff;
			padding:0px 5px 0px 5px;
		}
	
		#header #blocChampSearch #boutonChampSearch {
			float:right;
			width:11px;
			height:12px;
			border:0px;
			margin-top:2px;
		}
		#header #boutonQuiSommesNous {
			float:right;
			border-right:1px solid #ccc;
			text-align:right;
			padding: 0 10px 0 10px;
			margin:10px 10px 0 0;
		}
	
		#boutonLangue{
			float:right;
			margin:10px 10px 0 0;
			padding: 0 10px 0 0;
			border-right:1px solid #ccc;
		}
		#boutonLangue a, #boutonQuiSommesNous a  {
			color:#ccc;
		}
	
	/*********************************************************************************/
	/* Header coin arrondi */
	/*********************************************************************************/
	/* Bordure */
	#header div.bordure-arrondie {
		/* Couleur de la bordure */
		background: #CECECE;
	}

	/* Conteneur */
	#header div.conteneur-arrondi{
		/* Fond de l'element formulaire : doit $etre le même que celui du champs */
		background-color: #FFFFFF;
	}

	/* Champs Input */
	#header input.arrondi{
		border:0;
		background-color: #FFFFFF;
		color:#969696;
	}

	/* Champs Input submit */
	#header input[type=submit].arrondi{
		border:0;
		color:#none;
		font-weight:bold;
		font-size:11px;
		cursor:pointer;
		background:none;
	}

	/* Meme chose mais au passage de la souris */
	#header input[type=submit].arrondi:hover{
		border:0;
		background:none;
		color:#F90;
		font-size:11px;
		font-weight:bold;
		cursor:pointer;
	}




/*********************************************************************************/
/* Naviguation */
/*********************************************************************************/
#nav{
	margin:0px 17px 0px 17px;
	/*background: #ffffff; A remettre peut être sur site 1/2/3/4*/
}
	#nav .titre {
		float:left;
		padding-right:50px;
		margin-top:25px;
		font-size:18px;
		line-height:22px;
		color: #666;
						line-height:22px;
					
	}

	#nav #btMonDEvis{
		float:right;
		margin-top:10px;
	}
	/*********************************************************************************/
	/* Menu de Destination */
	/*********************************************************************************/
				
			#nav #menuDestination {
				padding:0px;
				list-style: none;
				text-align:left;
			}
			

	#nav #menuDestination li {
		display: inline;
		padding-right: 36px;
						text-transform:uppercase;
				font-weight:bold;
				}
	#nav #menuDestination li a.select{
		color:#996633;
	}

	/*********************************************************************************/
	/* Menu Séjour */
	/*********************************************************************************/
	/* Le hover sur les pictos se fait dans le fichier include/js/config.js en ajax*/
	ul#menuSejour {
		float:left;
		width:500px;
		height: 30px;
		margin: 23px 0 0 0;
		padding : 0;
		list-style-type : none;
	}

	ul#menuSejour li.lien {
		padding : 0 0.2em; /*espace entre les li qui contienne chacun un div avec l'image et un div avec le texte*/
		float : left;
		width:115px;
	}

	ul#menuSejour .txtMenu{
		margin-left:42px;
	}
	ul#menuSejour .posImgMenu{
		float:left;
	}

	/*********************************************************************************/
	/* Menu de Rubrique */
	/*********************************************************************************/
	#nav #menuRubrique {
		text-align:left;
		margin-top:7px;
	}
	#nav #menuRubrique li {
		display: inline;
		background-image:url(../../images/pictos/puce.png);
		background-position:0 5px;
		background-repeat:no-repeat;
		list-style-type:none;
		padding-left:15px;
	}
	.lienRubrique{
		width:135px;
		float:left;
	}
	/*********************************************************************************/
	/* Menu Lieu Secondaire */
	/*********************************************************************************/
	#posSsMenuLieuSecondaire{
		position:relative;
		width:765px;
		
						margin-top:7px;
				border-bottom:1px solid #ccc;
					
	}
	#divLieuSecondaire{
		width:765px;
	}
	#divLieuSecondaire.remarque{
		float:left;
		width:450px;
	}
	
			
	#menuLieuSecondaire li {
		display: inline;
		background-repeat:no-repeat;
		list-style-type:none;
		padding-left:15px;		
						background-image:url(../../images/pictos/puce.png);
				background-position:0 8px;
				line-height:22px;
							
	}
	#titreLieuSecondaire{
		float:left;
		width:150px;
		font-size:11px;
		font-weight:bold;
		line-height:20px;
	}
	.lienLieuSecondaire{
		float:left;
		margin-right:25px;
	}	
	/*********************************************************************************/
	/* Menu Region */
	/*********************************************************************************/
	#posSsMenuRegion{
		position:relative;
		width:765px;
		margin-bottom:7px;
		border-bottom:1px solid #ccc;
	}
	#divRegion{
		width:765px;
	}
	#divRegion.remarque{
		float:left;
		width:450px;
	}
	#menuRegion li {
		display: inline;
		background-image:url(../../images/pictos/puce.png);
		background-position:0 5px;
		background-repeat:no-repeat;
		list-style-type:none;
		padding-left:15px;
		line-height:16px;
	}
	.lienRegion{
		width:135px;
		float:left;
	}

	.divRemarques{
		float:right;
		border:1px solid #ccc;
		padding:7px;
		margin-bottom:5px;
		font-size: 10px;
		line-height:12px;
		text-align:left;
		width:290px;
	}

	/*********************************************************************************/
	/* Menu Hotel */
	/*********************************************************************************/
	#nav #posMenu{
		width:765px;
		height:19px;
		clear:both;
	}
	/*Style appliquer dans bloc-menu javascipt*/
	.TitlelowText {  /* appliquer au texte du menu*/
		color: #666; font-size: 9px;  font-weight: bold ; text-align: left; text-decoration: none; margin-left: 4px; padding-right: 9px;
	}
	.TitlehighText, a.TitlehighText:link, a.TitlehighText:visited, a.TitlehighText:active, a.TitlehighText:focus { /* appliquer au texte du menu quand on passe dessus*/
		color: #996633 ; font-size: 9px; font-weight: bold ; text-align: left; text-decoration: none; margin-left: 4px;
	}
	.lowText, a.lowText:link, a.lowText:visited, a.lowText:active, a.lowText:focus {  /*appliquer au texte sous menu*/
		color: #666; font-size: 10px; text-decoration: none; margin-left: 10px;
	}
	.highText, a.highText:link, a.highText:visited, a.highText:active, a.highText:focus { /*appliquer au texte sous menu quand on passe dessus*/
		color: #996633; font-size: 10px;  font-weight: bold ; text-align: left; text-decoration: none; margin-left: 10px;
	}
	.ItemlowText, a.ItemhighText:link, a.ItemhighText:visited, a.ItemhighText:active, a.ItemhighText:focus { /*appliquer au titre du sous menu*/
		color: #666; font-size: 10px; font-weight: bold ; text-align: left; text-decoration: none; margin-left: 10px;
	}
	.itemBorder{
		padding:0px;
		border: 1px solid #ccc;
	}

/****************************************************/
/* Recherche */
/****************************************************/

/*Poutre Recherche*/
#afficheRecherche{
	float:right;
	margin-top:30px;
	text-align:right;
	width:160px;
	color:#666;
	font-size:10px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	cursor:pointer;
}

	#imgAfficheRecherche{
		float:right;
		width:13px;
		height:13px;
		margin-left:5px;
		cursor:pointer;
	}

#posRecherche{
	width:764px;
	height:45px;
	border-bottom:1px solid #ccc;
}
	#posRecherche input{
		height:12px;
	}
	/*#posRecherche select {
		vertical-align:top;
		-moz-appearance:menulist;
		-moz-box-sizing:border-box;
		-moz-user-select:none;
		-x-system-font:-moz-list;
		background-color:-moz-field;
		cursor:default;
		font-family:-moz-use-system-font;
		font-size-adjust:-moz-use-system-font;
		font-stretch:-moz-use-system-font;
		font-style:-moz-use-system-font;
		font-variant:-moz-use-system-font;
		font-weight:-moz-use-system-font;
		line-height:normal !important;
		margin:0;
		overflow:-moz-hidden-unscrollable;
		text-align:start;
		text-indent:0;
		text-shadow:none;
		white-space:nowrap !important;
		word-wrap:normal !important;
				
		
	}*/

	#divMotCleSearch{
		float:left;
		width:180px;
	}
	#divNbAdultesSearch{
		float:left;
		width:65px;
		vertical-align:top;
	}
	#divPictoInfoAdultes{
		float:left;
		width:25px;
		height:15px;
		margin-top:12px;
	}
	#divNbEnfantSearch{
		position:relative;
		float:left;
		width:90px;
		height:15px;
	}
	#divSearchDateDebut{
		float:left;
		width:120px;
		vertical-align:top;
	}

	#divSearchDateFin{
		float:left;
		width:100px;
		vertical-align:top;
	}
	#divSearchDateDebut input, #divSearchDateFin input{
		margin-right:3px;
	}
	#divBoutonAfficheAvance{
		float:right;
		width:72px;
		margin-top:13px;
		margin-right:20px;
	}
	#divBoutonSearch{
		float:right;
		margin-top:7px;
	}

	/* menu age enfant */
	.dropdown {
		position:relative;
	}
	.dropdown_link{
	}
	.dropdown INPUT{
		position:relative;
		width:59px;
		z-index:100;
	}
	.dropdown div.options {
		position:relative;
		border:1px solid #996633;
		background:#FFFFFF;
		width:170px;
		left:0;
		display:none;
		
	}
	.ageEnfantTitreContent{
		position:relative;
		background:#996633;
		text-align:center;
		height:25px;
		line-height:25px;
		margin-bottom:10px;
		font-size:11px;
		font-family: Verdana,Arial, Helvetica, sans-serif;
		color:#ffffff;
	}
	.ageEnfantContent{
		position:relative;
		float:left;
		height:20px;
	}
	.ageEnfantDelete{
		position:relative;
		float:left;
		width:12px;
		margin:2px 10px 0px 20px;
		z-index:10;
	}
	select.ageEnfant{
		position:relative;
		width:100px;
		z-index:10;
	}
	.ageEnfantBtn{
		position:relative;
		width:100%;
		text-align:center;
		margin:10px 0px 10px 0px;
	}
	#btnAdd{
		float:left;
		width:75px;
		margin-left:8px;
	}
	#btnValid{
		float:right;
		width:75px;	
	}	
	.closeAgeEnfant{
		position:relative;
		float:right;
		top:-30px;
		margin-right:10px;
		display:none;
		width:10px;
		height:10px;
	}
	.linkAgeEnfant{
		height:14px;
		font-size:10px;
		margin:0px 5px 5px 0px;
		color:#996633;
						border:1px solid #ccc;
						
	}
	/* recherche avancé*/
	#posRechercheAvance{
		width:765px;
		margin-bottom:15px;
	}
		#posRechercheAvance #categorie{
			float:left;
			width:180px;
			margin-top:5px;
		}
		#posRechercheAvance #formule{
			float:left;
			width:180px;
			margin-top:5px;
		}
		#posRechercheAvance #promoSpecial{
			float:left;
			margin-top:5px;
		}
		#posRechercheAvance #serviceDisponible{
			float:left;
			width:670px;
		}
		#posRechercheAvance #serviceDisponible #titreServiceDisponible{
			float:left;
			width:180px;
		}
		#posRechercheAvance .posBouton{
			float:right;
			margin:0px;
		}


/****************************************************/
/* Tri de la recherche*/
/****************************************************/
.afficheMinMaxPrix{
	border:0px;
	color:#996633;
	font-size:12px;
	font-weight:bold;
	width:40px;
	text-align:right;
}
#AfficheAucunEnregistrement{
	height:100px;
	vertical-align:top;
	margin-left:17px;
}

/*********************************************************************************/
/* Contenu Fil d'ariane */
/*********************************************************************************/
#filAriane {
	margin:10px 17px 0px 17px;
	color:#ccc;
	font-size:10px;
}
#filAriane a {
	color:#ccc;
}
#filAriane a:hover {
	color:#996633;
}

/*********************************************************************************/
/* Contenu principal */
/*********************************************************************************/

#contenu {
	width:765px;
				background: #ffffff;
			margin:10px 0px 0px 17px;
					
}

	#contenu a{
		text-decoration:none;
		color:#996633;
	}
	#contenu a:hover{
		text-decoration:underline;
	}
	#contenu h1, .ui-dialog-content h1{
		color:#996633;
		line-height:35px;
		float:left;
		margin-top:20px;
						font-size:20px;
							
	}
	#contenu h2, .ui-dialog-content h2{
		color:#666;
		font-size:14px;
		font-weight:bold;
		line-height:18px;
	}
	#contenu h3, .ui-dialog-content h3 {
		font-size: 11px;
		font-weight:bold;
		line-height:18px;
		margin-bottom:14px;
	}
	#contenu h4, .ui-dialog-content h4{
		font-size: 18px;
		font-weight:bold;
		line-height:20px;
		margin-bottom:14px;
	}
	#contenu h5, .ui-dialog-content h5 {
		font-size: 12px;
		font-weight:bold;
		line-height:30px;
	}

	#contenu p, .ui-dialog-content p{
		margin:0px 0px 14px 0px;
		padding:0;
	}

	#contenu ul, .ui-dialog-content ul {
		margin:-8px 0px 14px 10px;
		padding:0px 0px 0px 8px;
		list-style:disc;
	}
	#contenu li, .ui-dialog-content li {
		padding-bottom:3px;
	}

	#contenu .top{
		float:right;
		width:13px;
		height:13px;
		margin-top:5px;
	}

	#contenu .zoneText{
		padding-top:20px;
	}

	#logoTwitter{
		float:right;
	}

	#logoGroupeHotel{
		float:right;
		margin-bottom:5px;
	}
	
	
	.mediumtitrepromo{
		font-size: 12px;
		font-weight:bold;
	}
	.txtpromogras{
		font-size: 11px;
		font-weight:bold;
	}

	/*********************************************************************************/
	/* Page Combine 63 */
	/*********************************************************************************/
	.hebergementAccueil {
		padding-top:15px;
		border-top:#ccc solid 1px;
		border-bottom:#ccc solid 1px;
	}
	.titreHotel {
		font-family: Verdana,Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight:bold;
		line-height:16px;
	}
	/*********************************************************************************/
	/* HomePage */
	/*********************************************************************************/
	.homePageDestination{
		float:left;
		width:765px;		
		margin-top:40px;
				
				min-height:335px;
				border-bottom:1px solid #ccc;
						
	}
	.homePageDestination .titrehomePageDestination{
		float:left;
		width:765px;
		margin-bottom:10px;
		border-bottom:2px solid #996633;
	}
	.homePageDestination .titreDestination{
		float:left;
		width:200px;
		color:#996633;
		font-size:18px;
		padding-bottom:10px;
	}
	.homePageDestination .blocSejour{
		width:230px;
		height:55px;
		margin-bottom:10px;
	}
	#contenu .homePageDestination a{
		text-decoration:none;
		color:#666;
	}
	#contenu .homePageDestination a:hover{
		text-decoration:none;
		color:#996633;
	}
	.posBlocMenuDestination{
		float:left;
	}
	
				.posBlocSelection{
				float:right;
				width:530px;
			}
			
			.homePageDestination .posBlocCoupCoeur{
				float:left;
				width:530px;
			}	
			.homePageDestination .hotelCoupCoeur{
				float:right;
				width:114px;
				height:230px;
				margin-left:16px;
				margin-bottom:10px;
				font-size:10px;
				border:1px solid #dcdcdc;
			}			
					

	

	.homePageDestination .hotelCoupCoeur table{
		margin:4px;
	}


	.titreHotelCoupCoeur a{
		font-size:10px;
		color:#996633;
		font-weight:bold;
	}

	.homePageDestination .desciptionMenu{
		float:right;
		width:120px;
	}

	.homePageDestination .posImgMenu{
		width:75px;
	}

	.posBlocService{
		position:relative;
		float:right;
		width:510px;
		height:70px;
		margin-top:10px;
		font-size:10px;
	}
	.blocPictoService{
		float:left;
		width:65px;
	}
	.nomPictoService{
		font-size:9px;
	}
	.posLienHotel{
		position:absolute;
		right:0;
	}
	/*********************************************************************************/
	/* Titre de l'hotel et picto groupe d'hotel */
	/*********************************************************************************/
	#contenu #posTitreHotel{
		float:left;
		position:relative;
	}
/*	#contenu #posTitreHotel h1{
		color:#996633;
		font-size:20px;
		line-height:30px;
	}*/
	#contenu .posImgGroupeHotel{
		margin-right:3px;
	}


	/*********************************************************************************/
	/* Menu Picto Services */
	/*********************************************************************************/
	#contenu #posPictos{
		width:375px;
		height:42px;
		border-bottom:1px solid #ccc;
	}
	#contenu .pictos{
		float:left;
		width: 50px;
		margin-bottom:13px;
	}
	/*********************************************************************************/
	/* Menu Hotel: Situation , Détente, Hébergement, Table */
	/*********************************************************************************/
	#posMenuHotel{
		width:375px;
		border-bottom:1px solid #ccc;
		height:45px;
	}
	ul#menuHotel{
		float:left;
		width: 350px;
		margin:0px 0px 0px 0px; /* margin et padding tout a 0 pour réinitialiser par rapport au ul du contenu*/
		padding:0px 0px 0px 0px;
	}
	ul#menuHotel li {
		display:block;
		width : 135px;;
		height : 15px;
		float:left;
	}
	#menuHotel li {
		margin:3px 0px 3px 0px;
		padding-left:15px;
		display:block;
		text-align:left;
		background-image:url(../../images/pictos/puce.png);
		background-position:0px 5px;
		background-repeat:no-repeat;
	}
	#menuHotel a {color:#666; text-decoration:none;}
	#menuHotel a:hover {color:#996633; text-decoration:none;}

	/*********************************************************************************/
	/* Menu Plus */
	/*********************************************************************************/
	/* vitise 360, situé sur la carte, avis hotel promotion*/
	#posMenuPlus{
		width:375px;
		border-bottom:1px solid #ccc;
		height:45px;
		margin-bottom:10;
	}
	ul#menuPlus {
		float:left;
		width:385px;
		height: 35px;
		margin: 5px 0 0 0;
		padding : 0;
		list-style-type : none;
	}

	ul#menuPlus li.lienPlus {
		padding : 0 0.2em; /*espace entre les li qui contienne chacun un div avec l'image et un div avec le texte*/
		float : left;
		width:90px;
	}

	ul#menuPlus a img {
		border : none;
		float:left;
	}

	ul#menuPlus .txtMenuPlus{
		margin-left:35px;
	}
	#menuPlus a{
		text-decoration:none;
		font-size:9px;
		color:#666;
	}
	#menuPlus a:hover{
		text-decoration:none;
		color:#996633;
	}
	ul#menuPlus .posImgMenuPlus{
		float:left;
	}
	/*********************************************************************************/
	/* Image notre avis */
	/*********************************************************************************/
	#posImgAvis{
		float:right;
		margin-top:10px;
	}
	#posTextAvis{
		float:left;
		width:385px;
		margin-top:15px;
	}

	/*********************************************************************************/
	/* listing
	/*********************************************************************************/
	.titrePageListing{
		float:left;
		width:765px;
	}
	#menuListing{
		float:left;
		width:765px;
		margin-top:20px;
		border-bottom:1px solid #ccc;
	}
	#menuListing ul {
		margin:0px;
		padding:0px;
	}

	#menuListing li {
		display: inline;
		background-image:url(../../images/pictos/puce.png);
		background-position:0 5px;
		background-repeat:no-repeat;
		list-style-type:none;
		padding-left:15px;
	}
	#menuListing .lienRubriqueHotel{
		float:left;
		margin-right:20px;
	}
	#menuListing .lienRubriqueAutotour{
		margin-right:10px;
	}
	#menuListing a{
		text-decoration:none;
		color:#666;
	}
	#menuListing a:hover{
		text-decoration:none;
		color:#996633;
	}
	.txtIntroListing{
		float:left;
		width:764px;
		margin:10px 0px 20px 0px;
	}
	.blocListing{
		float:left;
		width:764px;
	}
	.categorieListing{
		font-size:18px;
		line-height:35px;
		font-weight:bold;
		margin-top:10px;
		border-bottom:2px solid #996633;
	}
	.blocTitreListing{
		width:764px;
		height:25px;
		margin:40px 0px 10px 0px;
		border-bottom:1px solid #ccc;	
	}
	.titreListing{
		float:left;
		width:700px;
	}

	.txtListing{
		float:right;
		width:560px;
	}
	.txtListingPromo{
		float:right;
		width:560px;
	}
	.txtListingSeach{
		float:left;
		width:335px;
	}
	.txtListingPromo .titrepromo{
		color:#666;
		font-size: 14px;
		font-weight:bold;
		line-height:20px;
	}

	.txtListingPromo .mediumtitrepromo{
		color: #666;
		font-size: 12px;
		font-weight:bold;
	}

	.pictoListingPromo{
		float:left;
		width:180px;
		margin-right:20px;
		text-align:left;
	}
	.vignetteListing{
		float:left;
		width:200px;
		height:130px;
		text-align:left;
	}
	.posBlocInfoPrixSearch{
		float:left;
		width:200px;
		margin-left:25px;
	}
	.prixSearch{
		font-size:14px;
		font-weight:bold;
		margin-bottom:10px;

	}
	.infoChambreSearch{
		line-height:18px;

	}

	/****************************************************/
	/* Texte contenu hotel
	/****************************************************/
	.titreRubriqueHotel {
		font-size: 18px;
		font-weight:bold;
		line-height:35px;
		margin-top:20px;
						color: #666;
							
	}

			/****************************************************/
			/* Chambre
			/****************************************************/

			#posAfficheChambre{
				margin-top:40px;
			}

			.posTxtChambre{
				float:left;
				width:375px;
			}
			.posImageChambre{
				float:right;
				text-align:right;
				width:390px;
			}

			.imgChambre{
				margin-bottom:14px;
			}
			.titreChambre{
				margin-top:20px;
				margin-bottom:10px;
				border-bottom:1px solid #ccc;
				color: #666;
				font-size: 14px;
				font-weight:bold;
				line-height:25px;
												color: #666;
										
			}
			.ssTitreChambre{
				margin-bottom:5px;
				border-bottom:1px solid #ccc;
				font-weight:bold;
				line-height:18px;
			}
			.txtChambre{
				margin-bottom:20px;
			}

	/****************************************************/
	/* Texte contenu promotion de l'hotel
	/****************************************************/
	.titrepromo{
		font-size: 14px;
		font-weight:bold;
		line-height:15px;
	}



	/*********************************************************************************/
	/* Resultat recherche simple (celle du haut)
	/*********************************************************************************/
	.blocTitreRecherche{
		width:764px;
		height:25px;
		margin:40px 0px 10px 0px;
		border-bottom:1px solid #ccc;
	}
	.titreResultRecherche{
		float:left;
	}

	.txtResultRecherche{
		float:right;
		width:560px;
	}

	.vignetteResultRecherche{
		float:right;
		width:205px;
		height:130px;
	}
/****************************************************/
/* METEO */
/****************************************************/
.cadreJourDetail{

	width:350px;
	float:left;
	text-align:center;
}
.iconDetail{
	height:90px;
	width:60px;
	margin-left:35px;
}
.dateHeureDetail{
	height:35px;
}

.temperatureDetail{
	font-size:14px;
	font-weight:bold;
	color:#666;
	height:25px;
	width:60px;
	margin-left:45px;
	margin-top:20px;
}
.cadreJour{

	width:140px;
	float:left;
	text-align:center;
}
.jour{
	font-size:12px;
	font-weight:bold;
	height:30px;
}
.jour-nuit{
	font-size:11px;
	color:#000000;
	text-align:center;
	width:60px;
	height:25px;
}
.icon{
	height:90px;
	width:60px;
	margin-left:5px;
}
.temperature{
	font-size:14px;
	font-weight:bold;
	color:#666;
	height:25px;
	width:60px;
}


/****************************************************/
/* AVIS VINIVI */
/****************************************************/
#content_vinivi_feed{
}
#v_r_bouton{
	float:left;
}

#v_r_header{
	float:right;
}
#v_review_content{

}
.v_review_url {
	font-size: 11px;
	font-weight:bold;
	line-height:15px;
}
.v_review_date{
	font-size: 9px;
	line-height:25px;
}

.v_reviewer_name{
	font-size: 9px;
	line-height:15px;
	padding-left:10px;
}
.v_review_abstract{
	font-size: 11px;
	line-height:15px;
}
.v_result_col{
	width:20px;
}

.v_review_col{
 	width: 100%;
	margin: 0px;
	padding:0px 0px 10px 10px;
}




/****************************************************/
/* Zone de Pub
/****************************************************/

		.zonePub{
			 position:absolute;
			 width: 190px;
			 left:820px;
			 margin-top:30px;
		}
		.container{
			margin:0px;
		}
		.flash{
			margin:0px;
		}
			#posBlocNews{
				margin-top:10px;
				border:1px solid #ccc;
				background-color:#555;
				text-align:center;
			}
			#posBlocNews a{
				color:#996633;
			}
		
			#separationLabel{
				width: 172px;
				margin: 20px 7px 16px 7px;
				border-bottom:2px solid #ccc;
				text-align:center;
			}
		
			.imgLabelNo1{
				margin-top:20px;
			}
			.titreLabelNo1{
				margin: 16px 7px 16px 7px;
				font-size:13px;
				text-align:left;
				font-weight:bold;
				color:#ccc;
			}
			.texteLabelNo1{
				font-family: Verdana,Arial, Helvetica, sans-serif;
				font-size: 11px;
				text-align:left;
				margin: 16px 0px 16px 0px;
				text-align:justify;
				color:#ccc;
			}
			.texteLabelNo1 a{
				font-family: Verdana,Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #996633;
			}
			.texteLabelNo1 a:hover{
				font-family: Verdana,Arial, Helvetica, sans-serif;
				font-size: 11px;
				text-decoration:underline;
			}
			.bordureLabelNo1{
				border-top: 5px solid #ccc;
				margin: 0px 7px 0px 7px;
			}
	
			/*********************************************************************************/
/* Pied de page */
/*********************************************************************************/
#footer {
	width:765px;
	height:16px;	
	margin:50px 17px 0px 17px;
				background-color:#ececec;
			border-top:3px solid #ccc;
					
}
#footer #copyright{
	float:left;
	margin-left:5px;
	font-size:10px;
}
#footer #qui{
	float:right;
	margin:0px 5px 0px 0px;
	font-size:10px;
}
#footerSite {
	float:left;
	width: 800px;
	margin-bottom:15px;
	font-size:10px;	
				background: #ffffff;
					
	

}
	#adresseSiteBottom{
		margin-left:17px;
	}
	#recommander{
		margin-top:10px;
		margin-left:17px;
	}
	#recommander .titreBorder{
		border-bottom:1px solid #ccc;
	}
	#chaineHotel{
	 margin:0px 17px 0px 17px;
	}
	#titreChaineHotel{
		margin-bottom:5px;
		border-bottom:1px solid #ccc;
				
	}
		

	#footerSite .posPicto{
		float:left;
		margin-top:5px;
		margin-right:3px;
	}
/*********************************************************************************/
/* coin arrondi lien */
/*********************************************************************************/
a.buttonSite{
	background: url(../../images/pictos/bouton.png) no-repeat top right;
 	color: #fff;
	text-decoration: none;
	float:left;
	cursor: pointer;
	clear:left;
	margin-top:5px;
	margin-left:10px;
}

a.buttonSite span{
	background: url(../../images/pictos/bouton.png) no-repeat top left;
	margin: 0 10px 10px -10px;
	padding: 2px 5px 5px 15px;
	position:relative; /*To fix IE6 problem (not displaying)*/
	float:left;	
	color: #fff;
	font-weight:bold;
	text-decoration: none;
}

a.buttonSite:hover {
	background: url(../../images/pictos/boutonHover.png) no-repeat top right;
}

a.buttonSite:hover span{
	background: url(../../images/pictos/boutonHover.png) no-repeat top left;
	text-decoration: none;
	color: #fff;
}



.buttonPlusSite, #contenu .buttonPlusSite {
  color: #996633;
  background-image:url(../../images/pictos/pictoPlus.png);
  background-repeat:no-repeat;
  background-position:center left;
  padding:2px 0px 2px 20px;
  height:18px;
  line-height:18px;
}
.buttonPlusSite:hover, #contenu .buttonPlusSite:hover {
  color: #996633;
  text-decoration:underline;
}

.buttonFlecheSite {
  color: #996633;
  background-image:url(../../images/pictos/pictoFleche.png);
  background-repeat:no-repeat;
  background-position:center left;
  padding: 4px 7px 4px 20px;
  height:18px;
  line-height:18px;
}
.buttonFlecheSite:hover {
  color: #996633;
  text-decoration:underline;
}


/*********************************************************************************/
/* galerie chambres dans procédure devis (select) */
/*********************************************************************************/

.selectborder
{
    border-bottom: dashed 1px #ddd;
}
.selectitem
{
    cursor:default;
    margin: 2px;
}
.selecttext
{
    width: 100%;
    text-align: left;
}

/*********************************************************************************/
/* galerie chambres dans procédure devis gallerie */
/*********************************************************************************/
#gallery {
    /*padding: 18px;*/
}
.ad-gallery {
  width: 360px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 270px;
    /*margin-bottom: 10px;*/
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 0; /* � la base �tait � 100 */
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 0; /* � la base �tait � 100 */
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(../images/jquery.ad-gallery/non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../../images/jquery.ad-gallery/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../../images/jquery.ad-gallery/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 0; /* � la base �tait � 9 */
    }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(../../images/jquery.ad-gallery/opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../../images/jquery.ad-gallery/opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 10px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 0; /* � la base �tait � 10 */
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -15px;
      width: 13px;
      display: block;
      background: url(../../images/jquery.ad-gallery/ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -15px;
      width: 13px;
      background: url(../../images/jquery.ad-gallery/ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
            }
				.ad-gallery .ad-thumbs li a.ad-active img {
				 border: 3px solid #616161;
            	}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}