/* general*/
html, body{
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100%;
}
body{
   padding: 0 0 0 0;
   font-family: verdana;
	font-size: 62.5%;
	background: #02072C/*010316*/ url(/site/images/background.jpg) 0 -56px repeat-x;
}
#global{
	width:960px;
	position: relative;
	text-align: center;
	padding: 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -11.2em/*-15.5em*/ auto;
		}
#content{
   padding: 30px 0 10px 0;
	min-height:270px;
	position:relative;
   width:934px;
	text-align:left;
   background: url(/site/images/content.jpg) center 0 no-repeat;
		margin:0 auto 158px auto;
	 
		}
#footer{
   position:relative;
   width:100%;
	font-size: 1.2em;
		height:81px;
				padding: 0;
	text-align: center;
	margin: 0 auto;
	background: url(/site/images/footer2.jpg) center bottom repeat-x;
	
}
#footer p{
   	padding:57px 0 10px 0;
				color: #C0C1C1;
	background: url(/site/images/footer.jpg) center bottom no-repeat;
}
.design-gms{
color: #8E98AF;
margin: -5px 0 8px 0;
font-size: 0.8em;
}
.design-gms a{color: #8E98AF;}
div.anim{	
   width:934px;
   position:relative;
   	margin:0 auto -43px auto;
	   		z-index:1;
}
#description div.anim{
  margin:65px auto -43px auto;	
}
#description_en div.anim{
  margin:25px auto -43px auto;	
}

h1{
   margin:0 30px 0 30px;
	padding: 0 0 0 0;
   color: #8FCD14;
   font-size:1.4em;
}
h1 span{visibility: hidden;}


#description h1{
		background:url(/site/images/titre_description.png) 0 0 no-repeat;
		width:296px; height: 38px;
	}
#description_en h1{
		background:url(/site/images/titre_description_en.png) 0 0 no-repeat;
		width:326px; height: 38px;
	}
#prestations h1{
		background:url(/site/images/titre_prestations.png) 0 0 no-repeat;
		width:120px; height: 38px;
	}
#features h1{
		background:url(/site/images/titre_features.png) 0 0 no-repeat;
		width:90px; height: 38px;
	}
#plan h1{
		background:url(/site/images/titre_plan.png) 0 0 no-repeat;
		width:134px; height: 38px;
	}
#situation h1{
		background:url(/site/images/titre_situation.png) 0 0 no-repeat;
		width:96px; height: 38px;
	}
#prix h1{
		background:url(/site/images/titre_prix.png) 0 0 no-repeat;
		width:38px; height: 38px;
	}
#rates h1{
		background:url(/site/images/titre_rates.png) 0 0 no-repeat;
		width:56px; height: 38px;
	}
#reservation h1{
		background:url(/site/images/titre_reservation.png) 0 0 no-repeat;
		width:127px; height: 38px;
	}
#reservation_en h1{
		background:url(/site/images/titre_reservation_en.png) 0 0 no-repeat;
		width:127px; height: 38px;
	}
#contact h1{
		background:url(/site/images/titre_contact.png) 0 0 no-repeat;
		width:85px; height: 38px;
	}
h2{
	margin:10px 0 10px 0;
	padding: 0;
	color: #9BB9EB;
	font-size:1.2em;
}
h3{
   margin:0 0 5px 0;
	padding: 0 0 10px 0;
   font-weight:normal;	
   color: #b7b7b7;
   font-weight: bold;
	font-size:1.2em;
   border-bottom : 1px solid #2b2b2b;
}
table.liste{
   width:100%;
}
table.liste td{ 
	margin:0;
	padding:0 0 0 8px;
	line-height:1.4em;
	color: #c0c1c1;
   background: url(/content/images/trait.gif) left 8px no-repeat;
}
table.liste td.align-right{
   padding:0;
	text-align:right;
   vertical-align:top;
	background:none;
}
table.liste td.green{
   padding:10px 0 5px 0;

	background:none;
}

ul.liste{margin:10px 0 10px 0;padding:0;}
ul.liste li{
   list-style-type: none;
	margin:0;
	padding:0 0 0 8px;
	line-height:1.4em;
	color: #c0c1c1;
   background: url(/content/images/trait.gif) left 9px no-repeat;

}
#description .txt_desc{width:560px;}
#description img.img_acc{width:236px; height: 356px;}

#description_en .txt_desc{width:560px;}
#description_en img.img_acc{width:236px; height: 356px;}

#prix .horaires p{font-size:1.2em;}
#rates .horaires p{font-size:1.2em;}

.green{color: #9BB9EB;}
.prest_img img{
   border:1px solid #c0c1c1;
   margin: 0 16px;
}
#description .horaires, #description_en .horaires{
	width:540px;
	padding: 10px 10px 0 10px;
	 border:1px solid #2A2F67/*35363E*/;
   background:#020521/*202029*/;
}
#contact .horaires, #reservation .horaires, #reservation_en .horaires{
   width:/*330px*/290px; 
   padding: 10px 10px 0 10px;  

margin:30px 155px 0 0;

   border:1px solid #2A2F67;/*35363E*/
   background:#020521/*202029*/;
}

#contact .horaires p, #reservation .horaires p, #reservation_en .horaires p{
   text-align: left;
}


.tarifs1{
   width:390px;
   margin :0 15px 0 0;
   padding:5px 15px 5px 15px;
   border:1px solid #2A2F67/*35363E*/;
   background:#020521/*202029*/;
}
.tarifs2{
   padding:15px;
   width:390px;
   padding:5px 15px 5px 15px;
   border:1px solid #2A2F67/*35363E*/;
   background:#020521/*202029*/;
}
#content-text p.center {text-align:center;}
p.center img{border:1px solid #35363E;}

.clear{clear: both;}
.null{line-height: 0;}
.none{display: none;}

#header{
   background:url(/site/images/header.jpg) 0 0 no-repeat;
	width:960px;
	height: /*261px*/205px;
   padding:1px 0 0 0;
	margin: 0 0 0 0;
}
#header .logo{
   margin:/*68px*/10px auto 0 auto;	
	width:234px;
	height: 156px;
		background:url(/site/images/logo.png) no-repeat;
   	}
#header .logo a{
	width:234px;
	height: 156px;
	margin:0;
	padding:0;
	position:relative;
	z-index: 3;
   display:block;
}
.logo a span{display: none;}

#lang{float:right;padding: /*205px*/150px 20px 0 0 ;}
#lang a{color: #f5f5f5;font-size:1.1em; text-decoration: none;}
.left{float: left;}
.right{float: right;}

#content p{
   padding: 0 0 10px 0;
	margin:0;
	line-height: 1.6em;	
	color:#C0C1C1;
	text-align:justify;
}
#content-text{
   padding: 20px 30px 0 30px;
	font-size: 1.2em;
}
.infos{
   width: 230px;
	margin:0 60px 0 0;
   padding:15px;
   background:#202029;
   border:1px solid #35363e;
}
.infos span{font-size:12px;color:#b7b7b7;}
/* menu*/
#menu-top{
   /*margin-top:1px;*/
	margin-top: 3px;
       height: 35px;
}
.menu-fr #nav1{margin:0; padding: 0 0 0 163px;}
.menu-en #nav1{margin:0; padding: 0 0 0 188px;}
#menu-top #nav1 li{  
   float:left;	
   margin: 0 0 0 5px; padding:0;
	list-style-type: none;
}
#menu-top #nav1 li a{
   display:block;
	height: 25px;
	color: #C3C4C6;
	font-size:12px;
	font-weight: bold;
	text-decoration:none;	
   padding: 10px 0 0 0; margin: 0;
}

#menu-top #nav1 li.description a{width:112px; background: url(/site/images/description_off.jpg) center 0 no-repeat;}
#menu-top #nav1 li.prestations a{width:111px; background: url(/site/images/prestations_off.jpg) center 0 no-repeat;}
#menu-top #nav1 li.plan a{width:119px; background: url(/site/images/plan_off.jpg) center 0 no-repeat;}
#menu-top #nav1 li.prix a{width:55px; background: url(/site/images/prix_off.jpg) center 0 no-repeat;}
#menu-top #nav1 li.reservation a{width:115px; background: url(/site/images/reservation_off.jpg) center 0 no-repeat;}
#menu-top #nav1 li.contact a{width:86px; background: url(/site/images/contact_off.jpg) center 0 no-repeat;}

#menu-top #nav1 li.description_en a{width:112px; background: url(/site/images/description_off.jpg) center 0 no-repeat;}
#menu-top #nav1 li.features a{width:90px; background: url(/site/images/features_off.jpg) center 0 no-repeat;}
#menu-top #nav1 li.situation a{width:90px; background: url(/site/images/situation_off.jpg) center 0 no-repeat;}
#menu-top #nav1 li.rates a{width:68px; background: url(/site/images/rates_off.jpg) center 0 no-repeat;}
#menu-top #nav1 li.reservation_en a{width:115px; background: url(/site/images/reservation_off_en.jpg) center 0 no-repeat;}


#description #menu-top #nav1 li.nav_act1 a{background: url(/site/images/description_on.jpg) center 0 no-repeat;}
#prestations #menu-top #nav1 li.nav_act1 a{background: url(/site/images/prestations_on.jpg) center 0 no-repeat;}
#plan #menu-top #nav1 li.nav_act1 a{background: url(/site/images/plan_on.jpg) center 0 no-repeat;}
#prix #menu-top #nav1 li.nav_act1 a{background: url(/site/images/prix_on.jpg) center 0 no-repeat;}
#reservation #menu-top #nav1 li.nav_act1 a{background: url(/site/images/reservation_on.jpg) center 0 no-repeat;}
#contact #menu-top #nav1 li.nav_act1 a{background: url(/site/images/contact_on.jpg) center 0 no-repeat;}

#description_en #menu-top #nav1 li.nav_act1 a{background: url(/site/images/description_on.jpg) center 0 no-repeat;}
#features #menu-top #nav1 li.nav_act1 a{background: url(/site/images/features_on.jpg) center 0 no-repeat;}
#situation #menu-top #nav1 li.nav_act1 a{background: url(/site/images/situation_on.jpg) center 0 no-repeat;}
#rates #menu-top #nav1 li.nav_act1 a{background: url(/site/images/rates_on.jpg) center 0 no-repeat;}
#reservation_en #menu-top #nav1 li.nav_act1 a{background: url(/site/images/reservation_on_en.jpg) center 0 no-repeat;}

#menu-top #nav1 li a span{visibility: hidden;}

/*menu-admin*/
ul#nav-admin{padding:0 0 10px 20px; margin:0 0 20px 0;}
#nav-admin li{font-size:12px;padding:0 0 0 10px;}
#nav-admin li.nav_off, #nav-admin li.nav_act{list-style-type:none;}
ul#nav-admin li a{color:#b7b7b7;display:block;padding:0 0 5px 0;}
ul#nav-admin ul#nav-admin2{padding:0 0 5px 10px;}
ul#nav-admin ul#nav-admin2 li{background: none;list-style-type: none;}
ul#nav-admin ul#nav-admin2 li a{font-size:11px;display:block;}
ul#nav-admin li a:hover, #nav-admin li.nav_act .div-nav2 a, #nav-admin #nav-admin2 li.nav_act a{color:#8FCD14;}
form .field .field-label label, form .field #username, .left_top a, .user_table, .user_table a, 
.nav2 #nav-admin2 li.nav_off a, ul.nav2 li{color:#b7b7b7;}

/*footer*/

/*Form*/
.text{
   margin: 0 0 0 0;
   padding: 0px 10px 0 0;
	position: relative;
	width: /*510*/390px;
}
form.contact{width: 95%;}
form.contact p{margin: 0;padding: 0;}
form div.clear{margin: 0 0 0 0;}
form .champ{margin-bottom: 15px;}
form.contact .clear{
  }
form p.required{margin: 0 0 0 10px;color: #c0c1c1;}
p.tit_form{
	margin: 0px;
	padding: 0px;
	width: /*40*/50%;
	display: block;
	float: left;
	line-height: 25px;
}
p.tit_form span{
	width: 23px;
	height: 12px;
	text-align: right;
	float: left;
	color: #fff;
}
p.tit_form span.important2{color: red;}
p.tit_form span img{
   width: 15px;
	height: 12px;
	vertical-align: middle;
}
p.in_form{
	width: /*59*/49%;
	line-height: 25px;
	float: right;
	margin: 0px;
	padding: 0px;
}
p.in_form input{font-size: 1em;}
#contact p.tit_form label, #reservation p.tit_form label, #reservation_en p.tit_form label{margin-left: 5px;}
#contact p.in_form input, #contact p.in_form textarea, #reservation p.in_form input, #reservation p.in_form textarea, #reservation_en p.in_form input, #reservation_en p.in_form textarea{
   padding:1px;
}
#contact form input, #contact form textarea, #reservation form input, #reservation form textarea, #reservation_en form input, #reservation_en form textarea{
	border:1px solid #2A2F67/*35363E*/;
	color: #c0c1c1;
	background: #020521/*202029 url(/site/images/bg_input.jpg) 0 0 repeat-x*/;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 2px;
}
form textarea#message{
	width:/*235*/200px;
  }
#contact form input.submit, #reservation form input.submit, #reservation_en form input.submit{
  	background: url(/content/images/submit.png) 0 0 repeat-x;
    	margin: 0 0 0 -10px;
	width:87px;
	height: 42px;
		padding:0 0 3px 0;
			   cursor:pointer;
   border: none;
	display: block;
	font-size:0.9em;
   font-weight:bold;
   color:#fff;
}

.login{margin-top:10px;}
.login .field_log{margin-bottom: 5px;}
.login .form_left{padding:5px 0 5px 0;}
.login .form_right input{
   border:none;
   padding:2px;
   font-size:1.2em;
}
.login .field_log label{color:#C0C1C1;font-size: 1.2em;}
.logout{margin:20px 0 20px 0;}
.logout div{color:#c0c1c1;font-size:1.2em;}
.logout div a{color: #c0c1c1;}

/*#default #nav1 li.default{padding-top:13px;}*/

/*sitemap*/
.sitemap{margin:0;padding: 5px; line-height: 1.4em;}
.sitemap dt, .sitemap dd{position: relative;}
.sitemap_nav1 dt{
   border-bottom: 1px dashed #b7b7b7;
	padding: 5px 0 5px 0;
	font-weight: bold; 
	font-size: 1.2em;
   color: #b7b7b7;
}
.sitemap_nav1 dt a{color:#b7b7b7;}
.sitemap_nav1 dt a:hover{color:#8fcd14;}
.sitemap_nav1 dd{margin: 0;}
.sitemap a{text-decoration: none;}
.sitemap_nav2 dt a{
	font-size: 0.9em;
	color: #b7b7b7; 
	font-weight: normal;
	padding: 0 0 0 12px;
	background: url(/site/images/fleche.gif) left no-repeat;
}
.sitemap_nav2 dd{margin: 3px 0 0 8px;}
.sitemap_nav3{padding: 5px;}
.sitemap_nav2 dt, .sitemap_nav3 dt{background: none;border:none;}
.sitemap_nav3 dt a{
   color: #b7b7b7; 
	font-size: 0.8em;
	padding: 0 0 0 12px;
}
.pre-wrap, .propertyMultiline {  
 /*font-size:1.1em;*/
 color: #fff;
 white-space: pre-wrap;       /* css-3 should we be so lucky... */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 ?? */
 white-space: -o-pre-wrap;    /* Opera 7 ?? */
}

/*radio button*/

/*NO JAVASCRIPT*/
.checkbox-js {
    height:25px;
   padding: 0 0 0 0;
   margin: 0 0 0 30px;
   cursor: default;
}
.checkbox-js label{color: #c0c1c1;}
.checkbox-js input{margin:0 0 0 10px;}
/*END NO JAVASCRIPT*/

/*WITH JAVASCRIPT*/
.checkbox {
   height:20px;
   background: url(/content/images/checkbox.gif) no-repeat 0 0;
   padding: 0 0 3px 25px;
   margin: 0 0 0 20px;
   cursor: default;
}
.checkbox label{color: #c0c1c1;}
.checkbox input {display: none;}
.selected {background-position: 0 -55px;}
/*END WIDTH JAVASCRIPT*/




/* Some resets for compatibility with existing CSS */
.date_selector, .date_selector * {
  width: auto;
  height: auto;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.date_selector {
  width:200px;
  position:absolute;
  z-index: 3;
  /*background: #D1D4E5/*F2F2F2*/;
  border: 1px solid #85CCE2/*bbb*/;
  padding: 5px;
  margin: -295px 0 0 -128px;
  background: #096DB5 url(/content/images/calendrier_bg.jpg) 0 0 no-repeat;  
  /*margin: -1px 0 0 0;*/
}
.date_selector .month_nav {
   margin: 0 0 5px 0;
   padding: 0;
   display: block;
}
.date_selector .month_name {
   font-weight: bold;
   line-height: 20px;
   display: block;
   text-align: center;
	color: #02072C;
}
.date_selector .month_nav a {
   display: block;
   position: absolute;
   top: 5px;
   width: 20px;
   height: 20px;
   line-height: 17px;
   font-weight: bold;
   color: #02072C/*003C78*/;
   text-align: center;
   font-size: 120%;
   overflow: hidden;
}
.date_selector .month_nav a:hover, .date_selector .month_nav a:focus {
   background: none;
   color: #02072C/*003C78*/;
   text-decoration: none;
}
.date_selector .prev {
   left: 5px;
}
.date_selector .next {
   right: 5px;
}
.date_selector table {
   border-spacing: 0;
   border-collapse: collapse;
}
.date_selector th{
	color: #ECF8FB/*02072c*/;
}
.date_selector th, .date_selector td {
   width: 2.5em;
   height: 2em;
   padding: 0;
   text-align: center;
}
.date_selector td {
   border: 1px solid #85CCE2/*ccc*/;
   line-height: 2em;
   text-align: center;
   white-space: nowrap;
   background: white;
}
.date_selector td.today {
   background: #BACF25/*FFFED9*/;
}
.date_selector td.unselected_month {
   color: #bbb;
}
.date_selector td a {
   display: block;
   text-decoration: none !important;
   width: 100%;
   height: 100%;
   line-height: 2em;
   color: #02072C/*003C78*/;
   text-align: center;
}
.date_selector td.today a {
   background: #096DB5/*FFFEB3*/;
	color: #fff;
}
.date_selector td.selected a {
   background: #C8EDF7;
   font-weight: bold;
}
.date_selector td a:hover {
   background: #02072C/*003C78*/;
   color: white;
}
/*iframe{
	border: 10px solid red;
}*/

/*Attention toujours a la fin*/