.top {
	text-align: right;
	margin-right: 15%;
	position: absolute;
	top: 0;
	right: 0;
	width: 15%;
	height: 130px;
	float: right
}
#signature {
	background-position: 0 bottom;
	text-align: left;
	display: block;
	margin-top: 0;
	padding-top: 4em;
	position: relative;
	top: 0;
	width: 300px;
	height: 130px
}
#logo {
	position: absolute;
	z-index: 999;
	top: 0;
	width: 300px;
	height: 130px;
	border-style: none
}
#logo a {
	position: relative;
	z-index: 999;
	top: 0;
	width: auto;
	height: 130px;
	border-style: none
}
#contenu {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	top: 4.3em;
	width: 100% !important
}
#back-contenant-menu {
	background-color: #000000;
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 55px
}
#contenant_menu {
	text-align: left;
	display: inline;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 55px
}
#menu {
	float:left;
	height:72px;
	margin:10px auto 0;
	padding:0;
	text-align:center;
	width:80%;
}
#page {
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: left top;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 0
}
#main {
	text-align: left;
	padding-top: 13em;
	position: relative;
	top: 0
}
#brochure {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 0;
	width: 975px;
	height: 600px;
}
#soustext {
	color: #FFFFFF;
	padding: 20px;
	text-align: center;
	position:absolute;
	width:100%;
	margin-top:85px;
}
#soustext p {
	padding: 0;
	margin: 0;
}

#soustext a {
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	text-decoration: underline;
	font-size: 12px;
}
#hebergement {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 0;
	width: 798px
}
#main_contenu {
	display: inline;
	margin: 1em;
	height: auto
}
h2 {
	color: #212121;
	font-size: 1.3em;
	font-family: "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
	margin: 0;
	padding: 0
}
h3 {
	color: #212121;
	font-size: 1.13em;
	font-family: "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
	margin: 0;
	padding: 0
}
a:active {
	outline: none
}
a:focus {
	-moz-outline-style: none
}
a img {
	border: none
}
#back-colonne-gauche {
	height: 750px;
	background-color: #000000;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	position: absolute;
	width: 475px;
}
#back-colonne-gauche2 {
	left: 475px;
	height: 750px;
	background-color: #000000;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	position: absolute;
	top: 0;
	width: 510px;
}
#colonne_gauche {
	color: #FFFFFF;
	position: absolute;
	text-align: left;
	top: 30px;
	width: 500px;
	left: 0px;
	padding: 20px;
	padding-top: 20px;
}
#colonne_gauche.scroll-pane {
	height: 560px;
	width:415px;
	overflow-y: auto;
}
#textes .scroll-pane {
	height: 295px;
	overflow-y: auto;
}
#textes .jScrollPaneContainer a {
	margin:0;
	padding:0;
}
#colonne_gauche2 {
	color: #FFFFFF;
	left: 475px;
	padding: 20px;
	position: absolute;
	text-align: left;
	top: 0;
	width: 470px;
	height: 360px;
}
#menu img {
	float: right;
	top: 0px;
	position: absolute;
	left: 400px;
}
#colonne_partenaires {
	color: #FFFFFF;
	position: absolute;
	text-align: left;
	top: 30px;
	width: 1024px;
	left: -110px;
	padding: 20px ;
	padding-top: 64px
}

p.titre {
	font-family:Verdana;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	margin-bottom:8px;
	margin-top:-6px;
}
p.noteCarte {
	font-family: Verdana;
	line-height: 12px;
	margin-bottom: -14px;
	margin-left:9px;
	font-size: 12px;
}


div.forfait {
	cursor: hand;
	margin-bottom: 10px;
	width: 410px;
	font-family: Helvetica,Arial,sans-serif;
	background-color: #82a7c7;
}
div.forfait.activite {
	background-color: #82a7c7;
}
div.forfait.no-image div.image {
	height: 60px;
	float: left;
	width: 140px;
	position: relative;
}
div.forfait div.image {
	height: 110px;
	float: left;
	width: 140px;
	position: relative;
}
div.forfait div.image img {
	width: 140px;
	height: 110px;
}
div.forfait div.image p.nuitee img {
	width: 60px;
	height: 32px;
	top: 0px;
}
div.forfait div.image p.passant img {
	width: auto;
	height: auto;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
div.forfait div.image p.emplacement {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	padding: 3px 5px;
	margin: 3px 0;
	background-color: #82a7c7;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}
div.forfait.no-image div.image p.emplacement {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	padding: 3px 10px;
	margin: 0px 0;
	background-color: #82a7c7;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
div.forfait.activite div.image p.emplacement {
	background-color: #82a7c7;
}
div.forfait div.infos {
	height: 110px;
	float: right;
	width: 270px;
	position: relative;
}
div.forfait.no-image div.infos {
	height: 60px;
	float: right;
	width: 266px;
	position: relative;
}
div.forfait div.infos p {
	padding-left: 8px;
	padding-right: 5px;
	margin-bottom: 1px;
}
div.forfait div.infos p.hotel {
	font-family: Verdana;
	font-weight: bold;
	line-height: 16px;
	margin: 5px 0 0 0;
	margin-bottom: 0;
	font-size: 13px;
}
div.forfait.no-image div.infos p.hotel {
	margin: 4px 0 3 0;
}
div.forfait div.infos p.description {
	color: #000;
	font-size: 12px;
	line-height:13px;
	margin-top: 1px;
	width: 68%;
}

div.forfait div.infos p.prix .apartir {
	font-size: 11px;
}
div.forfait div.infos p.prix {
	position: absolute;
	right: 0;
	bottom: 25px;
	font-size: 22px;
	float: right;
	text-align: right;
	padding: 0 5px 0 0px;
	margin: 0;
	font-weight: bold;
}
div.forfait.no-image div.infos p.prix {
	position: absolute;
	right: 0;
	bottom: 10px;
	font-size: 18px;
	float: right;
	text-align: right;
	padding: 0 5px 0 0px;
	margin: 0;
	font-weight: bold;
	line-height: 16px;
}
div.forfait div.infos p.contact {
	left: 0;
	font-size: 16px;
	float: left;
	width: 130px;
	padding: 0 0 0 8px;
	margin: 0;height :20px;
}

div.forfait.no-image div.infos p.siteweb {
	left: 0;
	font-size: 12px;
	float: left;
	width: 130px;
	padding: 0 0 0 8px;
	margin: 0;
	display: none;
}
div.forfait div.infos p.siteweb {
	clear:both;
	float:left;
	font-size:12px;
	margin:0;
	padding:0 0 0 8px;
	width:220px;
	font-size:13px;
}
div.forfait div.infos p.siteweb a{
	color:#fff;
}
div.forfait.no-image div.infos p.etoile {
	bottom: 41px;
	float: right;
	font-size: 12px;
	margin: 0;
	position: absolute;
	right: 0;
}
div.forfait div.infos p.etoile {
	bottom: 65px;
	float: right;
	font-size: 12px;
	margin: 0;
	position: absolute;
	right: 0;
}
div.forfait div.infos div.plus_info {
	background-color:#7798B5;
	border:1px solid #FFFFFF;
	font-size:12px;
	left:148px;
	padding:3px;
	position:absolute;
	top:85px;
}
div.forfait.no-image div.infos div.plus_info {
	display:none;
}
div.forfait div.slidepanel {
	background-color:#82A7C7;
	font-family:Helvetica,Arial,sans-serif;
	margin:10px 10px 5px 10px;
	font-size:12px;
	display:none;
}

div.forfait div.slidepanel p.description.sans_prix {
	color: #000;
	font-size: 12px;
	line-height:13px;
	margin-top: 1px;
	width: 94%;
}
div.forfait.activite div.slidepanel p.description {
	color: #000;
	line-height:13px;
	margin-top: 1px;
	width: 94%;
}

div.forfait div.slidepanel p.details {
	 margin-top:130px;
	background-color:#7798B5;
	border:1px solid #FFFFFF;
	font-size:12px;
	padding:3px;
}

div.forfait div.slidepanel p.details.empty {
	background-color:transparent;
	border:none;
	padding:0;
}

div.forfait.no-image div.slidepanel p.details {
	 padding-top:66px;
}
div.forfait.no-image div.slidepanel p.details {
	color: #000;
	font-size: 10px;
	clear: both;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 475px;
	text-align: right;
	margin-bottom:1px;
	
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
#colonne_partenaires img {
	margin-left: 25px;
}
/* Styles for the entire LavaLamp menu
Styles for the entire LavaLamp menu
.lavaLamp {
	background-position: 50% top;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 900;
	left: 0;
	width: 500px;
	height: 35px;
	overflow: hidden
}
Force the list to flow horizontally
.lavaLamp li {
	list-style: none;
	z-index: 901;
	float: left
}
/* Represents the background of the highlighted menu-item.
.lavaLamp li.back {
	background: url("vacances_files/lava3.png") no-repeat right -37px;
	position: absolute;
	z-index: 998;
	width: 9px;
	height: 35px
}
.lavaLamp li.back .left {
	background: url("vacances_files/lava3.png") no-repeat left top;
	margin-right: 9px;
	height: 35px
}
/* Styles for each menu-item.
.lavaLamp li a {
	color: #fff;
	font: bold 0.8em "Trebuchet MS";
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: normal;
	display: block;
	margin: auto 10px;
	position: relative;
	z-index: 999;
	top: 11px;
	float: left;
	overflow: hidden;
	outline: none medium
}
*/
.nuitee img {
	width: 65px;
}
div.forfait div.image p.nuitee {
	position: absolute;
	top: 78px;
	right: 0;
	display: block;
	padding: 0px;
	margin: 0px;
	background-color: #a0d235;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	z-index: 200;
}
div.forfait.no-image div.image p.nuitee {
	position: absolute;
	top: 28px;
	right: 0;
	display: block;
	padding: 0px;
	margin: 0px;
	background-color: #a0d235;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	z-index: 200;
} 

div.bulle div.bulleHaut {
	background: url(/img/bulleTop.png);
	margin-bottom: 0px;
	width: 400px;
	height: 30px;
}

div.bulle div.bulleCentre {
	background: url(/img/bulleCtr.png);
	margin-top: -16px;
	width: 400px;
	height: auto;

}

div.bulle  p.bulleTexte {
	margin-left: 30px;
	margin-right:12px;
	margin-bottom: 0px;
	height: auto;

}

div.bulle div.bulleBas {
	background: url(/img/bulleBtm.png);
	width: 400px;
	height: 30px;
	margin-bottom: 0px;

}

div.bulle {
	text-align: left;
	display: block;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	top: 0;
	margin-left:-200px;
	width: auto;
	height: auto;
	display:none;
    padding: 0px;
	z-index: 9000;
	color: black;
	font-size:12px;
}

div.bulle p {
}

div#textes h2 {
	color:#fff;
	margin-bottom:12px;
	margin-top:8px;
} 

div#textes2 h2 {
	color:#fff;
	margin-bottom:12px;
	margin-top:0px;
}
div#textes img {
	border: 1px solid #fff;
}
div#textes p {
	margin-bottom:12px;
	font-size:13px;
	float:left;
	line-height:17px;
}
div#textes {
	position:absolute;
	top:220px;
	width:470px;
} 
div#textes2 {
	position:absolute;
	top:0px;
	width:470px;
	font-size: 13px;
	
} 
div#textes2 table {
	font-size: 13px;
	
}
div#textes_casino {
	position:absolute;
	top:20px;
	width:470px;
	
}
div#textes_casino h2 {
	color:#fff;
	margin-bottom:12px;
	margin-top:0px;
}
div#textes_casino p {
	margin-bottom:12px;
	font-size:13px;
	float:left;
	line-height:17px;
}
div#textes a {
	padding:12px;
	padding-top:1px;
	padding-bottom:3px;
	text-decoration:underline;
	background-color:#FFF;
	color:#113659;
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
}
div#textes_casino a {
	padding:12px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:underline;
	background-color:#FFF;
	color:#113659;
	font-size:14px;
	font-weight:bold;
}
div#textes_casino img {
	border: 1px solid #fff;
}
#colonne_carte {
	color: #FFFFFF;
	position: absolute;
	text-align: left;
	width: 980px;
	left: 0px;
	padding: 20px;
	padding-top: 20px;
}
div#colonne_carte h2 {
	color:#fff;
	margin-bottom:12px;
	margin-top:0px;
}
div#colonne_carte a {
		padding:12px;
		padding-top:5px;
		padding-bottom:5px;
		text-decoration:underline;
		background-color:#FFF;
		color:#113659;
		font-size:14px;
		font-weight:bold;
	}
div#fonction {
	text-align:right;
	width:970px;
	margin-bottom:12px;
}
div#colonne_carte form fieldset {
	float:left;
	margin-bottom:12px;
	
}
div#colonne_carte label {
	font-size:13px;
	
}    
legend {
	color:#FFF;
	
}
	
#instructions-carte {
	margin-left:8px; 
	font-size:13px; 
	margin-bottom:0px; 
	margin-top:0px;
}
#reglements-scrollpane {
	overflow: visible; 
	height: 670px; 
	width: 445px; 
	padding-right: 5px; 
	position: absolute; 
	top: 0px;
}


div.success {
	background-color:#CCFFBF;
	border:1px solid #2AB400;
	color:#000000;
	font-size:17px;
	margin:-34px auto 8px;
	padding:2px;
	width:594px;
}
div.error {
	background-color:#FFCEBF;
	border:1px solid #B42A00;
	color:#000000;
	font-size:17px;
	margin:-34px auto 8px;
	padding:2px;
	width:594px;
}
.error {
	background-color:#FFCEBF;
	border:1px solid #B42A00;
}
.vanadium-invalid {
	background-color:#FFCEBF;
	border:2px solid #B42A00;
}
.vanadium-advice {
	display:none;
}