*{padding:0;margin:0;text-decoration:none;}
body{
margin:0; padding:0;
background-image:url(images/blue-bg-light.jpg);
background-position:center top;
background-repeat:repeat-x;
background-color:#FFF;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}

table
{
border-collapse: collapse;
}

td
{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 13px;
color: #462300;
}

hr
{
color:#462300; height:1px;
}
a
{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 13px;
color:#FFF;
text-decoration: none;
}

a:hover{
color:#2D1600;
text-decoration: underline;
}

a.blanc-fond{
font-weight:bold;
color:#FFF;
background-image:url(images/fond-pied.jpg); background-position:bottom;
background-repeat:repeat-x;
width:100%; height:23px;
}

a.blanc-fond:hover
{
color:#422100;
text-decoration: none;
background-image:url(images/fond-pied.jpg);
background-position:top;
background-repeat:repeat-x;
}	 
.tourism_title{
font-size:24px;
font-weight:normal;
margin-bottom:10px;
margin-top:30px;
}
#tourism{
float:left;
padding:25px;
border:1px solid #cecece;
background-color:#f3ede5;
clear:both;
margin-top:20px;
}
	#tourism h1{
	font-size:28px;
	margin-top:0;
	margin-bottom:10px;
	font-weight:normal;
	letter-spacing:-1px;
	}
	#tourism h2{
	margin-bottom:15px;
	margin-top:0;
	letter-spacing:-1px;
	}
		#tourism h2 a{
		font-size: 24px;
		font-weight: normal;
		margin-bottom: 10px;
		margin-top: 30px;
		color:#000;
		font-weight:normal;
		}
			#tourism h2 a:hover{
			text-decoration:none;
			}
	#tourism a{
	color:#15C;
	text-decoration:none;
	}
		#tourism a:hover{
		text-decoration:underline;
		}
		#tourism a:visited{
		color:#7847B2;
		}
	#tourism p{
	margin-bottom:20px;
	line-height:1.8em;
	}
	#tourism ul{
	margin-left:25px;
	margin-bottom:25px;
	}
		#tourism ul li{
		margin:4px 0;
		}
a.marron-foncee
{
color:#663300;
}

a.marron-foncee:hover{
color:#462300;
}

a.pied{
font-weight:lighter;
word-spacing:-2px;
letter-spacing:-1px;
line-height:10pt;
font-size:10px;
color:#ffffff;
}

a.pied:hover
{
text-decoration:underline;
}

img
{
border:0;
}

#preHead{
width:1110px;
margin:0 auto;
height:17px;
padding-top:3px;
font-size:11px;
color:#ddd;
}
#head{
width:1110px;
margin:0 auto;
}
	#logo{
	float:left;
	display:block;
	width:245px;
	height:83px;
	background-image:url(images/reservationhotelsvaucluse-logo.png);
	margin:20px 0;
	}
#menu-head{
	position:relative;
	width:1110px;
	background-image:url(images/bg-menu-head.jpg);
	z-index:700;
	}		
		#menu-head #menu-head-ul-first{
		position:relative;
		width:1110px;
		height:34px;
		box-shadow:0px 0px 10px #000;
		margin:0; padding:0;
		}
			#menu-head #menu-head-ul-first li{
			float:left;
			display:inline;
			border-right:1px solid #bbb;
			}
				#menu-head #menu-head-ul-first li a{
				height:25px;
				display:block;
				padding:9px 20px 0px 20px;
				border-right:1px solid #fff;
				text-transform:uppercase;
				color:#000;
				text-shadow:1px 1px 1px #fff;
				font-family:calibri,Georgia,"Times New Roman",Arial;
				}
				#menu-head #menu-head-ul-first li a:hover, .menuHeaderHover{
				background-color:#fff;
				color:#000;
				text-decoration:none;
				}
#menu_item_1, #menu_item_2{
position:absolute;
width:1028px;
padding:40px;
background-color:#fff;
border:1px solid #ddd;
border-top:0;
color:#000;
}
	#menu_item_1 a, #menu_item_2 a{
	color:#000;
	}
	.menu_subtitle{
	font-size:16px;
	margin-bottom:20px;
	}
		.menu_subtitle a{
		color:#000;
		}
.displayNone{
display:none;
}
.aaa{
color:#aaa;
}
#menu_item_1 ul {
	float:left;
	width:250px;
	color:#000;
	}
		#menu_item_1 ul li{
		margin:7px 0;
		list-style:none;
		}
			#menu_item_1 ul li a{
			color:#000;
			}
/*==================================================================
============================ carrousel =============================
==================================================================*/
#carrousel{
width:1110px;
height:500px;
overflow:hidden;
background-image:url(/images/carrousel/lavande-provence-vaucluse-reservation-hotel.jpg);
margin:0 auto;
z-index:600px;
}
#carrousel #slides{
width:1110px;
height:5400px;
overflow:hidden;
z-index:600px;
}
.slide{
position:absolute;
overflow:hidden;
width:1110px;
height:500px;
z-index:600px;
}
/*==================================================================
============================ END carrousel =========================
==================================================================*/
#anHotel{
position:absolute;
width:250px;
height:430px;
top:35px;
right:35px;
background-color:#fff;
font-size:11px;
}
	#anHotel_img{
	width:250px;
	height:160px;
	overflow:hidden;
	}
	#anHotel_name{
	width:220px;
	margin-top:10px;
	margin-left:15px;
	}
		#anHotel_name a{
		color:#000;
		font-size:16px;
		}
	#anHotel_adress{
	width:220px;
	margin-top:10px;
	margin-left:15px;
	}
	#anHotel_more{
	width:220px;
	margin-top:10px;
	margin-left:15px;
	}	
		#anHotel_more a{
		color:#fff;
		text-shadow:1px 1px 1px #000;
		font-size:11px;
		background-color:#de8322;
		padding:5px 10px;
		border:1px solid #cb712e;
		border-radius:3px;
		text-decoration:none;
		}
			#anHotel_more a:hover{
			background-color:#d35416;
			}
			#anHotel_more a:active{
			background-color:#9f4011;
			}
#underCarrousel{
width:1110px;
height:30px;
background-color:#CFBC99;
margin:0 auto;
font-size:11px;
}
	#underCarrousel p{
		padding-top:7px;
		padding-left:11px;
	}
.details_hotel{
float:left;
width:1110px;
margin-top:30px;
background-color:#eee;
min-height:360px;
}
	.details_hotel_head{
	width:1110px;
	height:37px;
	background-color:#fff;
	}
		.coupdecoeur{
		width:137px;
		height:37px;
		background-image:url(images/hotel-coup-de-coeur.png);
		float:left;
		}
		.selectiondumois{
		width:146px;
		height:37px;
		background-image:url(images/selection-du-mois.png);
		float:left;
		}
		.meilleuresoffres{
		width:146px;
		height:37px;
		background-image:url(images/meilleures-offres.png);
		float:left;
		}
		.ghb_hotel{
		display:block;
		height:37px;
		width:293px;
		background-image:url(images/var-groupe-hotelier-bataille.png);
		float:right;
		text-decoration:none;
		}
	.details_hotel_content{
	width:1070px;
	padding:20px;
	}
		.details_hotel_content_left{
		float:left;
		width:300px;
		margin-right:35px;
		padding-bottom:20px;
		}
			.details_hotel_img{
			width:300px;
			height:180px;
			overflow:hidden;
			}
				.details_hotel_img a{
				margin-top:-50px;
				}
			.details_hotel_img_mini{
			float:left;
			margin-top:6px;
			}
		.details_hotel_content_center{
		float:left;
		width:400px;
		margin-right:35px;
		padding-bottom:20px;
		}
			.details_hotel_content_center a{
			color:#000;
			}
			.details_hotel_content_center h3{
			color:#000;
			font-size:16px;
			margin-bottom:15px;
			}
				.details_hotel_content_center h3 a{
				font-size:16px;
				}
		.details_hotel_content_right{
		float:left;
		width:300px;
		padding-bottom:20px;
		}
#page_contenu{
margin-top:30px;	
}
	#page_contenu h1{
	font-size:28px;
	letter-spacing:-1px;
	margin-bottom:15px;
	}
	#page_contenu h2{
	font-size:20px;
	letter-spacing:-1px;
	margin-bottom:5px;
	}
	#page_contenu ul{
	margin:10px 0 10px 50px;
	}
	#page_contenu a{
	color:brown;
	}
#contents{
width:1110px;
margin:0 auto;
}
	#hotels_ghb_selection{
	margin:36px auto 0 auto;
	width:1110px;
	}
		.hotels_ghb_selection_bloc{
		float:left;
		margin-left:36.5px;
		}
		.hotels_ghb_selection_bloc:first-child{
		margin-left:0;
		}
			#anHotel_ghb_img{
			width:250px;
			height:120px;
			overflow:hidden;
			}
				#anHotel_ghb_img img{
				margin-top:-30px;
				}
#preFooter{
background-image:url(images/brown-bg-foot.jpg);
background-position:center bottom;
background-repeat:repeat-x;
width:100%;
min-height:450px;
margin-top:50px;
padding-bottom:15px;
}
	#hotels_selection{
	margin:36px auto 0 auto;
	width:1110px;
	}
		.hotels_selection_bloc{
		float:left;
		margin-left:36.5px;
		}
		.hotels_selection_bloc:first-child{
		margin-left:0;
		}
.page_title{
width:1110px;
float:left;
margin-top:40px;
}
	.page_title h1{
	font-size:22px;
	letter-spacing:-1px;
	text-shadow:1px 1px 1px #eee;
	border-bottom:1px solid #eee;
	margin-bottom:20px;
	}
	.page_title ul{
	margin-left:40px;
	}
#partners{
width:100%;
background-color:#9dd0cb;
text-align:center;
height:45px;
padding:0; margin:0;
}
	#partners a img{
	height:45px;
	padding:0; margin:0;
	}
#footer{
width:100%;
padding-top:30px;
background-image:url(images/bg-foot.jpg);
background-position:center top;
background-repeat:repeat-x;
background-color:#222;
padding-bottom:15px;
}
	#footer h3{
	color:#cecece;
	font-size:16px;
	margin-bottom:10px;
	font-weight:normal;
	}
	#footer p{
	width:540px;
	color:#cecece;
	font-size:11px;
	margin-bottom:20px;
	}
	#footer div ul{
	float:left;
	width:170px;
	}
		#footer div ul li{
		margin:7px 0;
		list-style:none;
		}
		#footer div ul li a{
		font-size:0.9em;
		}
		#footer div ul li a:hover{
		color:#fff;
		}
#weare{
background-image:url(images/resahotelsvauclusemini.jpg);
background-position:left center;
background-repeat:no-repeat;
height:18px;
padding-top:9px;
padding-left:220px;
padding-right:50px;
color:#555;
}
	#weare a{
	font-size:0.9em;
	}
		#weare a:hover{
		color:#fff;
		}
#contactus{
display:block;
width:150px;
padding-top:49px;
float:right;
background-image:url(images/contact.png);
background-repeat:no-repeat;
font-size:0.8em;
color:#bbb;
background-color:#222222;;
}
	#contactus:hover{
	color:#fff;
	}
	
	
	
	
	
	
	

#dhtmlwindowholder{
z-index:800 !important;
overflow:hidden !important;
color:#fff !important;
font-family:Arial !important;
}
#inscriptionHF table tbody tr td{
color:#fff !important;
font-family:Arial !important;
}
.dhtmlwindow{
position:absolute;
visibility:hidden;
background-color:white;
z-index:800 !important;
width:900px !important;
height:613px !important;
overflow:hidden !important;
color:#fff !important;
}
.drag-handle{ /*CSS for Drag Handle*/
text-indent:3px;
font:bold 14px Arial;
background-color:#CA0000;
color:#fff !important;
cursor:move;
overflow:hidden;
width:auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position:absolute;
right:1px;
top:2px;
cursor:hand;
cursor:pointer;
color:#fff !important;
}
* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width:100%;
}
.drag-contentarea{ /*CSS for Content Display Area div*/
background-color:white;
color:#fff !important;
overflow:hidden !important;
font-family:Arial !important;
}
.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
background-color:#CA0000;
height:13px; /*height of resize image*/
display: none !important;
color:#fff !important;
font-family:Arial !important;
font-size:16px !important;
font-weight:normal !important;
}
.drag-resizearea{ /*CSS for Resize Area itself*/
float:right;
width:13px; /*width of resize image*/
height:13px; /*height of resize image*/
cursor:nw-resize;
font-size:0;
color:#fff !important;
}