/*********************************************************************************/
/* 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;
}

.coinHautGauche{
	position:absolute;
	top:0px;
	left:0;
	width:6px;
	height:6px;
	background:url("../../images/coins/coin-hg.png");
	background-repeat:no-repeat;
	z-index:100;
}
.coinHautGauche2{
	background:url("../../images/coins/coin-hg2.png");
}
.coinHautDroite{
	position:absolute;
	top:0px;
	right:0;
	width:6px;
	height:6px;
	background:url("../../images/coins/coin-hd.png");
	background-repeat:no-repeat;
	z-index:100;
}
.coinHautDroite2{
	background:url("../../images/coins/coin-hd2.png");
}
.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;
}
.coinBasGauche2{
	background:url("../../images/coins/coin-bg2.png");
}
.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;
}
.coinBasDroite2{
	background:url("../../images/coins/coin-bd2.png");
}

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

hr{
	height: 1px;
	padding: 0;
	color:#ccc;
	background-color: #ccc;
	border: 0;
}
.poutre{
	padding: 0;
	color: #1A98D5;
	background-color: #1A98D5;
	border: 0;
				height: 2px;
		}
input[type=checkbox],
input[type=radio] { margin: 0px; border: 0px; }
input{
	height:16px;
	font-size:10px;
	color:#1A98D5;
				border:1px solid #ccc;
		}

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

textarea{
	color:#1A98D5;
				color:#1A98D5;
			border:1px solid #ccc;
		}


.noBorder{
	border:none;
}
.left{
	float:left;
}
/*********************************************************************************/
/* Homepage hotels de luxe */
/*********************************************************************************/


/*********************************************************************************/
/* 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:21px;
			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:220px;
			color:#FFFFFF;
			font-size:9px;
			font-family:Verdana, Geneva, sans-serif;
		}

		#header #villeTelephone {
			color:#1A98D5;
			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 #onglet{
                position:absolute;
                top:162px;
                left:0px;
                width: 800px;
          }  
          #header #onglet li{
              display: inline;
          }      
	        
	/*********************************************************************************/
	/* 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:-8px;
			        font-size:11px;
		
	}
	/*********************************************************************************/
	/* 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:#1A98D5;
	}

	/*********************************************************************************/
	/* 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: #1A98D5 ; 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: #1A98D5; 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;
	}
#triSearch{
	position:absolute;
	top:488px;
	width:212px;
	background:#fff;
	margin-left:2px;
	color:#228aca;	
}
	#triSeachContent{
		margin:10px 14px 25px 14px;
		
	}
	
	#slider-range{
		margin:0 0 0 8px;
		width:160px;
	}
#posRecherche{
	position:absolute;
	top:168px;
	width:212px;
	height:318px;	
	background:#ffa500;
	margin-left:2px;
	color:#fff;
}


	#posRecherche .titre{
		font-size:14px;
		font-weight:bold;
		color:#fff;
		margin-bottom:12px;
	}
	#posRecherche .textRechercheTarif{		
		float:left;
		margin:16px 0 0 7px;	
		width:130px;
	}
	#posRecherche .imageRechercheTarif{	
		float:left;
		margin:6px 0 0 6px;
	}
	#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;
		margin:0 0 12px 14px;
		text-align:left;	
	}
	#divNbAdultesSearch{
		float:left;
		width:70px;
		height:25px;	
		vertical-align:top;
		margin:0 0 12px 14px;
	}
	#divNbAdultesSearch select{
		width:65px;
	}
	#divNbEnfantSearch input{
		width:65px;
	}
	#divPictoInfoAdultes{
		float:left;
		width:25px;
		height:15px;
		margin:12px 0px 0 0 ;
	}
	#divNbEnfantSearch{
		position:relative;
		float:left;
		width:90px;
		height:40px;
	}
	#divSearchDateDebut{
		float:left;
		width:95px;
		height:35px;
		vertical-align:top;
		margin-left:14px;
		margin:0 0 8px 14px;
	}
	#divSearchDateDebut input, #divSearchDateFin input{
		width:65px;
	}
	#divSearchDateDebut img, #divSearchDateFin img{
		margin:0;
	}



	#divSearchDateFin{
		float:left;
		width:95px;
		height:35px;
		vertical-align:top;
	}
	#divSearchDateDebut input, #divSearchDateFin input{
		margin-right:3px;
	}
	#divBoutonAfficheAvance{
		float:right;
		width:72px;
		margin-top:13px;
		margin-right:20px;
	}
	#divBoutonSearch{
		margin:4px 0 0 110px;
	}

	/* 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 #1A98D5;
		background:#FFFFFF;
		width:170px;
		left:0;
		display:none;

	}
	.ageEnfantTitreContent{
		position:relative;
		background:#1A98D5;
		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:#1A98D5;
						border:1px solid #ccc;
				}
	#categorie{
		float:left;
		width:180px;
		margin:5px 0 10px 0 ;
	}
	#categorie label{
		margin:0 10px 0 0;
		color: #8e8f8f;	
	}
	#formule{		
		width:180px;	
		margin:0 0 12px 14px;		
	}
	#promoSpecial{
		margin:0 0 0 14px;
	}
	#budget{
		margin:10px 0 15px;	
	}
	#serviceDisponible{
		float:left;
		width:670px;
	}
	#titreServiceDisponible{
		margin-top:20px;
	}
	#serviceDisponible #titreServiceDisponible{
		float:left;
		width:180px;
		
	}
	#titreServiceDisponible label{
		margin: 0 0 0 5px;
		color:#8e8f8f;
	}
	#titreServiceDisponible input{
		margin: 5px 0 0 0;
	}
	.posBouton{
		float:right;
		margin:0px;
	}


/****************************************************/
/* Tri de la recherche*/
/****************************************************/
.afficheMinMaxPrix{
	border:0px;
	color:#1A98D5;
	font-size:12px;
	font-weight:bold;
	width:40px;
	text-align:right;
}
#AfficheAucunEnregistrement{
	height:100px;
	padding-top:50px;
	font-size:12px;
	font-weight:bold;
}

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

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

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

	#contenu a{
		text-decoration:none;
		color:#1A98D5;
	}
	#contenu a:hover{
		text-decoration:underline;
	}
	#contenu h1, .ui-dialog-content h1{
		color:#1A98D5;
		line-height:35px;
		float:left;
		margin-top:10px;
						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;
		margin-top:18px;
	}

	#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 #1A98D5;
	}
	.homePageDestination .titreDestination{
		float:left;
		width:400px;
		color:#1A98D5;
		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:#1A98D5;
	}
	.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:#1A98D5;
		font-weight:bold;
	}

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

	.homePageDestination .posImgMenu{
		width:75px;
	}

	.posBlocService{
		position:relative;
		float:left;
		width:380px;
		/*height:70px;*/
		margin-left:17px;
		margin-top:10px;
		font-size:10px;
	}
	.blocPictoService{
		float:left;
		width:65px;
        text-align: center;
	}
	.nomPictoService{
		font-size:9px;
	}
	.posLienHotel{
		position:absolute;
		right:-135px;
	}
	/*********************************************************************************/
	/* Titre de l'hotel et picto groupe d'hotel */
	/*********************************************************************************/
	#contenu #posTitreHotel{
		float:left;
		position:relative;
	}
/*	#contenu #posTitreHotel h1{
		color:#1A98D5;
		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:8px;
	}
	/*********************************************************************************/
	/* 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:#1A98D5; 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:#1A98D5;
	}
	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:5px;
		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:#1A98D5;
	}
	.txtIntroListing{
		float:left;
		width:764px;
		margin:15px 0px 0px 0px;
	}
	.blocListing{
		float:left;
		width:764px;
	}
	.categorieListing{
		font-size:18px;
		line-height:35px;
		font-weight:bold;
		margin-top:10px;
		border-bottom:2px solid #1A98D5;
	}
	.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:270px;
	}
	.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;

	}
	
	#blocHebergementMenu{
		float:left;
	}
	.posBlocInfoPrixSearchHebergement{
		position:relative;
		float:right;
						background:#d0ecf8;
						
		width:360px;
		height:151px;
		margin:-5px 0 30px 30px;	
	}
	
	.blocInfoPrixListing{
		float:right;
		width:278px;
		height:170px;
		margin:-10px 0 8px 0;	
	}
	
	#posBlocInfoPrixSearchHebergementPos{
		margin:10px 10px 0 15px;
		color:#010101;
		font-size:11px
	}
	

	
	#posBlocInfoPrixSearchHebergementPos .montantAffiche{
		font-size:18px;
		font-weight:bold;	
		margin:10px 0 5px 0 ;		
	}
	
	#posBlocInfoPrixSearchHebergementPos #promoAffiche{
		min-height:30px;
		font-size:10px;	
	}
	
	
	#posBlocInfoPrixSearchHebergementPos .montantAffiche span{
		font-size:10px;
		margin-left:10px;	
		font-weight:normal;			
	}
	.titreRechercheAvance{
		font-size:14px;
		font-weight:bold;
		color:#ffa500;
		margin-bottom:15px;
	}
	
	

	/****************************************************/
	/* Texte contenu hotel
	/****************************************************/
	.titreRubriqueHotel {
		font-size: 18px;
		font-weight:bold;
		line-height:35px;
						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:18px;
	}



	/*********************************************************************************/
	/* 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:375px;
	float:left;
	text-align:center;
}
.iconDetail{
	height:80px;
	width:60px;
    width:375px; 
    text-align:center;       

}
.icon{
    height:90px;
    width:235px;
    text-align:center;      
}
.iconDetail img,.icon img{    
   padding: 2px;
   border: 1px solid #ccc;
}

.dateHeureDetail{
	height:35px;
}

.temperatureDetail{
	font-size:20px;
	font-weight:bold;
	color:#666;
	height:25px;
	width:375px;
    text-align: center;
	margin-bottom:10px;
}
.cadreJour{

	width:237px;
	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;
}

.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: 213px;
			 left:800px;
			 margin-top:25px;
		}
		.container{
			margin:0px;
		}
		.flash{
			margin:0px;
		}
			#posBlocNews{
				margin:0 0 0 13px;
				border:1px solid #ccc;
				background-color:#555;
				text-align:center;
			}
			#posBlocNews a{
				color:#1A98D5;
			}

			#separationLabel{
				width: 172px;
				margin: 0px 7px 16px 7px;
				border-bottom:2px solid #ccc;
				text-align:center;
			}

			.imgLabelNo1{
				margin-top:20px;
			}
			.titreLabelNo1{
				margin: 10px 7px 8px 7px;
				font-size:11px;
				text-align:left;
				font-weight:bold;
				color:#ccc;
			}
			.texteLabelNo1{
				font-family: Verdana,Arial, Helvetica, sans-serif;
				font-size: 11px;
				text-align:left;
				margin: 8px 0px 10px 0px;
				color:#ccc;
			}
			.texteLabelNo1 a{
				font-family: Verdana,Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #1A98D5;
			}
			.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, #chaineHotel .titreBorder{
		border-bottom:1px solid #1A98D5;
	}
	#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;
		font-size:8px;
					color:#000;
				}
/*********************************************************************************/
/* 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: #1A98D5;
  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: #1A98D5;
  text-decoration:underline;
}

.buttonFlecheSite {
  color: #1A98D5;
  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: #1A98D5;
  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/ad-gallery/non-existing.jpg)\*/
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../../images/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/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/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/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/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/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;
}

/* ADDTHIS */
.addthis_toolbox{
    float:right;
    margin: 10px 17px 0;
}

 /*****************************************************************/
 /*   ONGLETS                                                     */
 /*****************************************************************/
 
/* root element for tabs  */
.tabsSite { 
    list-style:none; 
    margin:0 !important; 
    padding:0;
    height:30px;   
}
#contenu ul.tabsSite {
    list-style: none;
    padding: 0;
}

/* single tab */
.tabsSite li { 
    float:left;     
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabsSite a { 
    background: url(../../images/tabs.png) no-repeat -655px 0;
    font-size:11px;
    display:block;
    height: 30px;  
    line-height:30px;
    width: 107px;
    text-align:center;    
    text-decoration:none;
    font-weight: bold;    
    padding:0px;
    margin:0px;    
    position:relative;
    top:1px;
                    color:#fff;
                    
}
a.tabsSiteOnglet{

}
/* when mouse enters the tab move the background image */
.tabsSite a:hover {
    background-position: -655px -31px;    
    text-decoration: none;    
}
.tabsSite .select,.tabsSite  a.select:hover {
    background-position: -655px -62px; 
                 color:#1a96d2;
                     
       
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
/*.tabsSite .current, .tabsSite .current:hover, .tabsSite li.current a {
    background-position: -652px -62px;        
    cursor:default !important; 

                    color:#444 !important;
                     
    font-weight: bold;   
}*/

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabsSite .w1             { background-position: -522px 0; width:134px; }
.tabsSite .w1:hover     { background-position: -522px -31px; }
.tabsSite .w1.current { background-position: -522px -62px; }

/* width 2 */
.tabsSite .w2             { background-position: -369px -0px; width:154px; }
.tabsSite .w2:hover     { background-position: -369px -31px; }
.tabsSite .w2.current { background-position: -369px -62px; }


/* width 3 */
.tabsSite .w3             { background-position: -193px -0px; width:174px; }
.tabsSite .w3:hover     { background-position: -193px -31px; }
.tabsSite .w3.current { background-position: -193px -62px; }

/* width 4 */
.tabsSite .w4             { background-position: -0px -0px; width:194px; }
.tabsSite .w4:hover     { background-position: -0px -31px; }
.tabsSite .w4.current { background-position: -0px -62px; }

#afficheAutresDest {
   background-position: -369px -31px; 
}

ul.sousTabsSite {
    display: none;
    float: left;
    width: 154px;
    z-index: 2000;

}
a.sousTabsSiteOnglet   {  
    text-align: left;
    padding-left: 13px;
    height: 25px;
    line-height: 25px;
    background-image: none;
    background-color: #666666;
    z-index: 1000;
    width: 154px;
    border-bottom: 1px solid #fff;
    
}
a.sousTabsSiteOnglet:hover{
                 background-color: #1b97d5; 
                       

}
.listeBulleSousOnglet{
    list-style: disc;
    margin-left: 10px;
}