/* -------------------------------------------------------------------------
	RESET
 --------------------------------------------------------------------------- */
html,body,a,p,div,h1,h2,h3,h4,h5,h6,li,ul,span,table,tr,td,hr,fieldset,form,input{
	margin: 0;
	padding: 0;
}


/* -------------------------------------------------------------------------
	GLOBAL
 --------------------------------------------------------------------------- */
html, body{
	height: 100%;
	width: 100%;
}

html{
	overflow-x : hidden;
	overflow-y : auto;
}

body{
	background-color: #ffffff;
	font: 11px Helvetica, Arial, sans-serif;
	color: #1a171b;
	overflow: auto;
	overflow-x : hidden;
}

object{ outline: none; }
li{ list-style-type: none; }
img{ border: 0; }

a{ outline: none; color: #1a171b; }
a:link, a:visited{ text-decoration: none; }
a:hover, a:active{ text-decoration: underline; }

.floatL { float:left; }
.floatR { float:right; }
.clearL { clear:left; }
.clearR { clear:right; }
.clearB { clear:both; }


/* -------------------------------------------------------------------------
	CONTAINER
 --------------------------------------------------------------------------- */
#container{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:1002px;
	background:#ffffff;
	
	min-height:630px;
	height:100%;
	overflow:hidden;
}

.contenu {
	position:absolute;
	right:60px;
	left:90px;
}

.wrap {
	position:relative;
	z-index:1;
	height:100%;
}

.stick {
	position:relative;
	clear:both;
	bottom:0;
}

/* -------------------------------------------------------------------------
	DIAPOS
 --------------------------------------------------------------------------- */

#diapos {
	position:absolute;
	z-index:0;
	bottom:0;
	top:0;
	left:0;
	right:0;
	overflow:hidden;
}

#diapos .bkg {
	background-repeat:no-repeat;
	background-position: center center;
	width:100%;
	height:100%;
	position:absolute;
	z-index:0;
	bottom:0;
	top:0;
	left:0;
	right:0;
	cursor:pointer;
	overflow:hidden;
}

#diapos .fleche {
	width:24px;
	height:48px;
	position:absolute;
	background-position:top left;
	background-repeat:no-repeat;
	top:45%;
	cursor:pointer;
}

#diapos .fleche.left {
	left:-24px;
	background-image:url(/images/diapo_left.gif);
}

#diapos .fleche.left:hover,
#diapos .fleche.left:active {
	background-image:url(/images/diapo_left_hover.gif);
}

#diapos .fleche.right {
	right:-24px;
	background-image:url(/images/diapo_right.gif);
}

#diapos .fleche.right:hover,
#diapos .fleche.right:active {
	background-image:url(/images/diapo_right_hover.gif);
}

#diapos .plan_bkg {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	background-color:#fff;
	z-index:4;
	cursor:pointer;
}

#diapos .plan_bkg img {
	position:absolute;
}

#diapos .image {
	display:block;
	position:absolute;
	z-index:3;
}

.cursor {
	position:absolute;
	z-index:100;
	width:13px;
	height:13px;
	background-image:url(/images/cursor_open.gif);
	background-repeat:no-repeat;
	background-position:top left;
}


/* -------------------------------------------------------------------------
	HEADER
 --------------------------------------------------------------------------- */

.header {
	width:100%;
	height:36px;
	background-color:#1f1f1f;
	z-index:30;
	position:relative;
}

.header .contenu {
	left:78px;
}

.header ul.left {
	float:left;
}

.header ul.right {
	float:right;
}

.header ul li {
	float:left;
	padding:12px 9px 0 7px;
	background:url(/images/separ_menu_top.gif) no-repeat right 17px;
	height:24px; /* 36 - 12 */
}

.header ul li a {
	color:#cccccc;
	display:block;
	float:left;
	text-transform:uppercase;
}



.header ul li.reserver a {
	color:#1f1f1f;
}

.header ul li a:hover,
.header ul li a:active,
.header ul li a.selected {
	color:#F7C554;
	text-decoration:none;
}

.header ul li span {
	display:block;
	float:left;
	text-transform:uppercase;
	color:#fff;
	cursor:default;
}

.header ul li.fb,
.header ul li.last {
	background:none;
}

.header ul li.fb a{
	background:url("/images/icone_fb.gif") no-repeat 0 0;
	padding-left: 15px;
}

.header ul li.fb a:hover{
	background-position:0 -20px;
}

.header ul li.reserver {
	background:none;
	background-color:#f7c554;
}

.header ul.left li img {
	margin-top:3px;
}

.header ul.right li img {
	margin-top:2px;
}

.header ul li img.separ {
	display:block;
	float:left;
	margin:1px 10px;
}

/* -------------------------------------------------------------------------
	MENU RIGHT
 --------------------------------------------------------------------------- */

.menu_right {
	width:429px;
	background:url(/images/bkg_damier.png) repeat;
	position:absolute;
	bottom:0;
	top:0;
	right:-101px;
	z-index:10;
}
/*
.type .menu_right {
	width:362px;
}
*/

/* OFFRES */

.menu_right ul {
	width:253px;
}

.type .menu_right ul {
	width:201px;
}

.menu_right ul.offres {
	padding-top:191px;
	padding-left:11px;
}

.menu_right ul.offres li {
	/* height:95px; */
}

.menu_right ul.offres li img {
	display:block;
}

.menu_right ul.offres li a {
	color:#fff;
	display:block;
	width:250px;
	padding-top:21px;
	padding-left:8px;
	background-image:url(/images/separ_offre.png);
	background-repeat:repeat-x;
	background-position:bottom left;
	padding-bottom:21px;
}

.menu_right ul.offres li a:hover {
	background-image:url(/images/separ_offre.png);
	background-repeat:repeat;
	background-position:top left;
}

.type .menu_right ul.offres { 
	padding-top:0;
}

.menu_right ul.offres div.left {
	float:left;
}

.menu_right ul.offres div.right {
	float:right;
}

.menu_right ul.offres li .titre {
	float:left;
	font-size:14px;
}

.menu_right ul.offres li .type {
	clear:left;
	float:left;
	font-size:11px;
	padding-top:2px;
}

.menu_right ul.offres li .from {
	clear:left;
	font-size:11px;
	padding-top:3px;
	display:block;
	float:right;
}


.menu_right ul.offres li .price {
	color:#f7c554;
	font-size:18px;
	font-weight:bold;
	display:block;
	clear:right;
	float:right;
}

/* .type .menu_right ul.offres li .price { */
.menu_right ul.offres li .price {
	padding-top:3px;
	float:left;
}


.activite .offre {
	margin-left:208px;
	padding-top:120px;
}

.activite .content .offre .titre {
	padding-top:0;
	display:block; float:left;
	margin-right:18px;
}

.activite .content .offre .bloc {
	float:left;
	width:480px;
}

#menu_cat {
	margin-top:177px;
	margin-bottom:36px;
	position:absolute;
	z-index:15;
	right:60px;
	top:0;
	width:200px;
	overflow:visible;
}

#menu_cat li {
	display:inline;
	margin-bottom:1px;
	height:23px;
	width:auto;
	clear:right;
	float:right;
	cursor:pointer;
}

#menu_cat a {
	display:inline-block;
	height:100%;
	overflow:hidden;
	float:right;
}

#menu_cat li a span {
	display:block;
	padding-top:6px;
	padding-left:39px;
	padding-right:18px;
	background-color:#1f1f1f;
	width:auto;
	height:17px;
}

#menu_cat li a span.out {
	background-color:#1f1f1f;
}

#menu_cat li a span.over {
	background-color:#f7c554;
}

#menu_cat li a.select span.out {
	margin-top:-23px;
}

.activite .menu_right {
	background:none;
	width:0;
	height:0;
}

/* -------------------------------------------------------------------------
	CONTENT
 --------------------------------------------------------------------------- */

.content {
	width:100%;
	background-color:#fff;
	position:absolute;
	z-index:11;
	top:36px;
}

.home .content {
	height:141px;
}

.activite .content {
	height:auto;
	padding:0 0 42px 0;
}

.activite .content .contenu {
	
}

.content .contenu {
	position:relative;
}

.logo {
	position:absolute;
	top:75px; /* 75 -175 */ 
	left:21px;
	z-index:20;
}

.home .content .bienvenue {
	margin-left:206px;
	padding-top:45px;
}

.home .content .bienvenue img {
	display:block;
}

.content .infos {
	
}

.activite .content .titre {
	padding-top:114px;
	float:left;
	margin-bottom:6px;
}

.content .multi {
	margin-left:208px;
	padding-top:120px;
	width:660px;
	-moz-column-gap: 42px;
	-moz-column-count: 2;
	-webkit-column-gap: 30px;
	-webkit-column-count: 2;
	column-gap: 30px;
	column-count: 2;
}

.content .multi p {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#888888;
	line-height:18px;
}

.type .content {
	width:567px;
	background:#fff;
	position:absolute;
	top:0;
	bottom:0;
	left:-72px;
	z-index:11;
}

.type .content .contenu {
	left:160px;
	width:411px;
	position:absolute;
	top:175px;
	bottom:36px;
}

.type .content .contenu .bloc {
	margin-bottom:36px;
	position:relative;
	left:0;
}

/*
.type .content .contenu .scrollable_cont {
	position:absolute;
	top:24px;
	bottom:0;
	width:100%;	
	overflow-y:hidden;
	overflow-x:hidden;
}
*/
.type .content .contenu .scrollable {
	overflow-y:auto;
	position:absolute;
	top:30px;
	bottom:0;
	width:100%;
	left:0;
}

.type .content .contenu .after_scroll {
	position:absolute;
	bottom:0;
}

.scroll_handler_bkg {
	width:8px;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	background:none;
	overflow-y:hidden;
}

.scroll_handler {
	width:100%;
	height:10%;
	position:absolute;
	top:10px;
	background:#000000;
	cursor:pointer;
}

.scroll_handler .scroll_haut {
	position:absolute;
	top:3px;
	left:2px;
	z-index:2;
}

.scroll_handler .scroll_bas {
	position:absolute;
	bottom:3px;
	left:2px;
	z-index:2;
}

.type .content .titre {
	margin-bottom:12px;
	clear:left;
	display:block;
}

.type .content .contenu .bloc .titre {
	margin-bottom: 18px;
}

.type .content .contenu .contact .bloc .titre {
	margin-bottom: 6px;
}

.type .content .contenu .bloc {	
	width:370px;
}

.type .content .contenu .bloc p,
.type .content .contenu .bloc ul,
.type .content .contenu .bloc .plan {
	text-align:justify;
	color:#1f1f1f;
	line-height:16px;
	margin-bottom:12px;
}

.type .content .contenu .bloc ul {
	line-height:12px;
}


.type .content .contenu .contact .bloc p {
	margin-bottom:3px;
}


.type .content .contenu .bloc .firstP {
	margin-top: 18px;
}

.type .content .contenu .bloc a {
	color:#f9a52b;
}

.type .content .contenu .bloc a.lien {
	color:#F7C554;
}

.type .content .contenu .bloc a:hover,
.type .content .contenu .bloc a:active {
	color:#1f1f1f;
	text-decoration:underline;
}

a.lien,
#form_resa .valid {
	padding:1px 12px 1px 15px;
	height:16px;
	background-color:#1f1f1f;
	background-position:6px 6px;
	background-repeat:no-repeat;
	background-image:url(/images/puce_lien.gif);
	color:#F7C554;
	margin-top:12px;
	margin-bottom:12px;
	display:inline-block;
	width:auto;
	border:none;
	font-size:11px;
	line-height:18px;
}

#form_resa .valid {
	height:18px;
	padding-top:0;
	cursor:pointer;
}

#form_resa .radio {
	margin-right:6px;
}

.type .content .contenu .bloc .plan a.lien {
	margin-top:0;
}

a.lien:hover,
#form_resa .valid.over,
.type .content .contenu .bloc a.lien:hover,
.type .content .contenu .bloc a.lien:active {
	background-color:#F7C554;
	color:#1f1f1f;
	text-decoration:none;
	background-image:url(/images/puce_lien_hover.gif);
}

/*
a.lien,
.type .content .contenu .bloc a.lien,
#form_resa .valid {
	padding:3px 12px 3px 24px;
	background-position:left 11px;
	background-repeat:no-repeat;
	background-image:url(/images/puce_02.gif);
	background-color:#fff;
	border:none;
	color:#696969;
	margin-top:12px;
	margin-bottom:12px;
	display:inline-block;
	width:auto;
	font-style:italic;
	font-size:11px;
	cursor:pointer;
	clear:left;
	display:block;
}

a.lien:hover,
#form_resa .valid.over,
.type .content .contenu .bloc a.lien:hover,
.type .content .contenu .bloc a.lien:active {
	color:#1f1f1f;
	text-decoration:none;
	background-image:url(/images/puce_02_hover.gif);
}
*/
.type .content .contenu .bloc ul {
	
}

.type .content .contenu .bloc ul li {
	background:url(/images/puce_lien_hover.gif) no-repeat left 3px;
	padding-left:12px;
	margin-top:6px;
}

.type .content .contenu .bloc ul li ul li {
	background:url(/images/puce_02.gif) no-repeat left 10px;
	padding-left:21px;
	margin-top:6px;
}

.type .content .vignettes {
	margin-top:30px;
}

.type .content .vignettes img {
	display:block;
	float:left;
	margin-right:1px;
}

.type .content .plan {
	padding-top:12px;
}

.type .content .plan img {
	display:block;
	clear:left;
}

.type .content .plan {
	clear:left;
}

.type .content .plan .titre {
	display:block;
	float:left;
}

.type .content .plan div {
	clear:left;
}

.type .content .plan div a.zoom {
	width:13px;
	height:13px;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url(/images/zoom.gif);
	display:block;
	float:left;
	margin-left:12px;
	/*
	position:absolute;
	top:21px;
	left:0px;
	*/
}

.type .content .plan a.zoom:hover,
.type .content .plan a.zoom:active {
	text-decoration:none;
	background-image:url(/images/zoom_hover.gif);
}

.type .content .bloc .italic {
	font-style:italic;
}

#form_resa_cont {
	position:relative;
	height:100%;
}

#form_resa {
	position:absolute;
	left:0;
}

#form_resa td.left {
	width:120px;
}

#form_resa td {
	width:230px;
}

#form_resa .input_1 {
	height:18px;
}

#form_resa .uri_check {
	clear:left;
	display:block; 
	float:left;
	margin-right:6px;
}

#form_resa label {
	display:block;
	float:left;
	width:210px;
	margin-bottom:6px;
}

#form_resa .input_1,
#form_resa textarea,
#form_resa .select_box {
	border:#e2e2e2 solid 1px;
	width:227px;
	font-size:11px;
	line-height:12px;
}

#form_resa table tr td {
	padding:3px 0;
}

/*
#form_resa .valid {
	background-color:#1f1f1f;
	color:#f7c554;
	font-size:11px;
	padding:3px 12px 3px 24px;
	background-repeat:no-repeat;
	background-position:3px 15px;
	background-image:url(/images/puce_03.gif);
	border:none;
}

#form_resa .valid.over {
	background-image:url(/images/puce_04.gif);
	background-color:#f7c554;
	color:#1f1f1f;
}
*/
#form_resa .form_error {
	color:#F9A52B;
}

.type .content .bloc .citation {
	font-style:italic;
}

.type .content .bloc .citation span {
	display:block;
	font-size:10px;
	font-style:normal;
}

#open_curtain {
	position:absolute;
}

.type #open_curtain {
	top:-98px;
	right:30px;
}

.home #open_curtain {
	top:30px;
	right:30px;
}

/* -------------------------------------------------------------------------
	RESERVATION
 --------------------------------------------------------------------------- */
 
#booking {
	position:absolute;
	z-index:25;
	right:0;
	top:12px;
	width:229px; /* 269 - 20 - 20 */
	height:85px; /* 108 - 13 - 10 */
	background-color:#f7c554;
	padding:13px 20px 10px 20px;
}

.contenu_booking {
	z-index:25;
}

#booking .col  {
	width:106px;
	margin-top:5px;
}

#booking .col span.titre {
	display:block;
	margin-left:2px;
	margin-bottom:3px;
}

#booking .input_1,
#booking .select_1 {
	width:106px;
	height:18px;
	background-color:#caa248;
	border:none;
	color:#fff;
	font-size:11px;
}

#booking .select_1 {
	padding-top:2px;
}

#booking .input_1 {
	background:#caa248 url(/images/date_bkg.gif) no-repeat 5px 5px;
	padding-left:20px;
	width:86px;
}

#booking .bouton {
	width:auto;
	margin-top:9px;
}

#booking .valid {
	background:url(/images/puce_05.gif) no-repeat left 10px;
	padding:3px 6px 3px 27px;
}

#booking .valid:hover,
#booking .valid:active {
	text-decoration:none;
	color:#fff;
}

#booking_error {
	color:#fff;
	margin-top:3px;
}

#booking .close {
	position:absolute;
	top:18px;
	right:17px;
	background-image:url(/images/close_booking.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:7px;
	height:7px;
}

#booking .close:hover {
	background-image:url(/images/close_booking_hover.gif);
}

/* -------------------------------------------------------------------------
	FOOTER
 --------------------------------------------------------------------------- */

.footer {
	width:100%;
	position:absolute;
	bottom:0;
	z-index:3;
}

.footer .top {
	position:absolute;
	bottom:36px;
	/*
	background-image:url(/images/logo_footer.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	*/
	width:100%;
	background-color:#fff;
	padding-top:24px;
}

.footer .menu {
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	border-top:#e2e2e2 solid 1px;
	height:36px;
	text-align:center;
	padding-top:6px;
	background-color:#fff;
}

/*
.footer .menu li {
	display:inline;
	padding:0 12px;
	background:url(/images/separ_menu_top.gif) no-repeat right center;
}

.footer .menu li.last {
	background-image:none;
}
*/

.footer .menu img {
	display:inline-block;
	margin:0 6px 3px 6px;
}

.footer .menu a {
	color:#1F1F1F;
	display:inline-block;
	text-transform:uppercase;
}

.footer .menu a:hover,
.footer .menu a:active,
.footer .menu a.selected {
	color:#F9A52B;
	text-decoration:none;
}

.home .footer {
/*	height:192px;*/
}

.home .footer .top {
	height:128px;
}

.activite .footer {
	background-color:#fff;
}

.activite .footer .top {
	background-color:#fff;
	height:84px;
}

.type .footer {
	height:36px;
	background:none;
}

.home .footer .top .contenu {
	height:100%;
}

#actualites {
	position:absolute;
	height:100%;
	width:100%;
	left:0;
}

.footer .actu {
	display:block;
	width:195px;
}

.footer .actu:hover {
	text-decoration:none;
}

.footer .bloc_actu {
	position:relative;
}

.footer .bloc_actu.left {
	padding-left:21px;
	float:left;
}

.footer .bloc_actu.right {
	padding-right:21px;
	float:right;
}

.footer .actu .chiffre {
	float:left;
	padding-top:4px;
	margin-right:6px;
	margin-left: - 6
}

.footer .actu .date {
	float:left;
	position:relative;
}

.footer .actu .date img {
	display:block;
	clear:left;
}

.footer .actu .date .jour {
	position:absolute;
	top:15px;
}

.footer .actu p {
	clear:both;
	text-align:left;
	padding-top:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#888888;
}

.footer .arrow {
	width:21px;
	height:30px;
	position:absolute;
	background-repeat:no-repeat;
}

.footer .arrow.left {
	left:-30px;
	background-image:url(/images/actu_fleche_gauche.gif);
	background-position:right 10px;
	background-repeat:no-repeat;
}

.footer .arrow.right {
	right:-30px;
	background-image:url(/images/actu_fleche_droite.gif);
	background-position:left 10px;
	background-repeat:no-repeat;
}

.footer .arrow:hover,
.footer .arrow:active {
	text-decoration:none;
}

.footer .arrow.left:hover,
.footer .arrow.left:active {
	background-image:url(/images/actu_fleche_gauche_hover.gif);
}

.footer .arrow.right:hover,
.footer .arrow.right:active {
	background-image:url(/images/actu_fleche_droite_hover.gif);
}

#wheel_cont {
	position:absolute;
	width:100%;
	height:0;
	bottom:36px;
	overflow:visible;
}

#wheel_div {
	width: 545px;
	height:274px;
	position:absolute;
	bottom:0;
	margin-left:-272px;
	left:55%;
}
/*
#wheel {
	width: 545px;
	height:274px;
	position:absolute;
	bottom:0;
	margin-left:-272px;
	left:60%;
}
*/
.home #wheel_div ,
.activite #wheel_div{
	left:50%;
}



/* -------------------------------------------------------------------------
	AUTRES
 --------------------------------------------------------------------------- */
 
 /* erreur 404 */
 
.erreur404 #include_type p a{
	 color:#F9A52B;
	 font-weight:bold;
}

.erreur404 #include_type p a:hover{
	 color:#1F1F1F;
}