/*//////////////////////////////////////////////////////////////////////////////////////*/
	/*///////////////////  global ////////////////////////////////////////////*/
	/*//////////////////////////////////////////////////////////////////////////////////////*/
	
	
		
	#bgi {
		background-image: url('../images/bgi.jpg');
		background-repeat: no-repeat;
		background-position: center top;
		/*background-attachment: fixed;*/
		width: 100%;
		height: 1330px;
	}
	
	
	
	
	#bloc {
		width:400px;
		text-align:right;
		margin:0 auto;
		position: relative;	
	}
	
		
	
	
	#wrap {
		width:965px;
		text-align:left;
		margin:0 auto;
		position: relative;
		top:50px;
	}
	
	
	
	body {
		text-align:center;
		font-family: Helvetica, Arial, sans-serif;
		margin:0 0 0 0;
		padding:0 0 0 0;
		background-color:#FFFFFF;
		}
		
	a {
	text-decoration:none;
	
	}
	
	a img {border: none;}
	
	/*a:hover {
		background:#55453d;
	}
	*/
	
	.float-l {
		float:left
	}
	.float-r {
		float:right
	}
	.left {
		width:250px;
		height:1450px
	}
	
	.leftdl {
		width:250px;
		height:2000px
	}
	
	
	.right {
	width:710px;
	height:1400px;
	}
	#logo {
	height:140px
	}
	#logocn {
	height:140px
	}
	#logog {
		
		height:140px
	}
	
	#logo h1 {
		font-size:25 px;
		color:#FFFFFF;
		padding: 30px 0 0 100px;
	}
	
		
	/*//////////////////////////////////////////////////////////////////////////////////////*/
	/*////////////////  menu  ////////////////////////////////////////*/	
	/*//////////////////////////////////////////////////////////////////////////////////////*/
		
		
	#nav{
		letter-spacing: 0.1em;
		list-style: none;
		font-size:11px;
		}
		
	ul#nav {
		background:url(../images/hdl2.png) no-repeat;
		height:200px;
		padding:40px 0px 0 50px;
	}
	ul#nav li {
		line-height:2.3em;
	}
	ul#nav li a {
		color:#8f8f8f;
	}
	ul#nav li a:hover {
		color:#3a3a3a;
		background-color:#ffffff;
	}
	ul#nav li a.selected {
		color:#3a3a3a;
		
	}
	
	
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////*/
	/*//////////////////  structure de l'index///////////////////////////////////////////*/
	/*//////////////////////////////////////////////////////////////////////////////////////*/
	
	#vertical_slide, #horizontal_slide {
		font-weight: bold;
		background-image: url(../images/actuh.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-color: #152847;
		height: 180px;
		
	}
	
	div.marginbottomi {
		/* Since the Fx.Slide element resets margins, we set a margin on the above element */
		margin-bottom: 10px;
		border: 0;
		text-decoration:none;
		border-style:none;
		background-image: url(../images/barre-actu.png);
		background-repeat: no-repeat;
		background-position: center top;
		
	}
	
	#logoi {
		width:600px;
		height:1200px;
		margin: 0 auto;
		padding: 0 0 0 0;
	}
	
	div.marginbottomi {
		/* Since the Fx.Slide element resets margins, we set a margin on the above element */
		margin-bottom: 10px;
		border: 0;
		text-decoration:none;
		border-style:none;
		background-image: url(../images/barre-actu.png);
		background-repeat: no-repeat;
		background-position: center top;
		text-align: center;	
	}
	
	/*//////////////////////////////////////////////////////////////////////////////////////*/
	/*////////////////  pied de page index  ////////////////////////////////////////////*/
	/*//////////////////////////////////////////////////////////////////////////////////////*/
	
	
	#footeri {
		
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight:lighter;
		font-size:11px;
		color: #666666;
		/*background-color: #CCCCCC;*/
	}
	
	#footeri a {
		color:#666666;
	}
	
	#footeri a:hover {
		color:#ffffff;
		background:#55453d;
	}
	
	#ftlinki {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight:lighter;
		font-size:11px;
	}
	
	.carousel_containeri {
			width: 100%;
			height: 100%;
	}
	
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////*/
	/*////////////////  pied de page ////////////////////////////////////////////*/
	/*//////////////////////////////////////////////////////////////////////////////////////*/
	
	
	
	/* footer
	#footer {
		clear:both;
		height:60px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight:lighter;
		font-size:11px;
	} */
	#footer a {
		color:#55453D
	}
	#footer a:hover {
			color:#ffffff;
		background:#55453d;
	}
	/*#footer {
	
		left: 20px;
	top:10px;
	color:#645952;
	}*/
	#footer {
	margin:50px 0 0;
	clear:both;
	height:60px;
	/*color: #fff;*/
	left: 20px;
	top:100px;
	color:#645952;
}
	
	#ftlink {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight:lighter;
		font-size:11px;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////*/
	/*///////////////////  formatage du texte  //////////////////////////////*/
	/*//////////////////////////////////////////////////////////////////////////////////////*/
	
	
	.titre {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight:lighter;
		font-style:normal;
		letter-spacing: -1px;
		font-size: 1.7em;
		line-height: 1em;
		color: #000000;
	}
	
	.titredl {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight:lighter;
		font-style:normal;
		letter-spacing: -1px;
		font-size: 1.5em;
		line-height: 1em;
		color: #000000;
	}
	
	.suite {
		font-family: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		color: #000000;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight:bold;
		font-size:10px;
		line-height:1em;
		text-decoration:none;
		
	}
	
	.texte {
		font-family: Arial, Helvetica, sans-serif;
		font-weight:lighter;
		font-size:12px;
		line-height:1.2em;
		letter-spacing:0.03em;
		color:#444;
		
	}
	
	.texte a {
		color:#666;
		text-decoration:none;
	}
	
	.texte a:hover {
		text-decoration:none;
		background-color:#FFFFFF;
	}
	
	.soustitre {
		font-family: Arial, Helvetica, sans-serif;
		font-weight:light;
		font-size:19px;
		line-height:1.4em;
		letter-spacing:0.01em;
		color:#000;
	}
	
	.date {
		font-size:11px;
		line-height:19px;
		color:#666;
		font-family:Georgia, Times, serif;
		font-weight:normal;
		font-style: italic;
		letter-spacing:0.03em;
		}
		
	.quoi-index {
		font-size:19px;
		line-height:35px;
		color:#fff;
		font-family:Georgia, Times, serif;
		font-weight:normal;
		font-style: italic;
		letter-spacing:0.03em;
		}
		
	.qui-index {
		font-size:20px;
		line-height:18px;
		color:#fff;
		font-family:Georgia, Times, serif;
		font-weight:normal;
		font-style: normal;
		text-transform:uppercase;
		letter-spacing:0.03em;
		}
	
	/*//////////////////////////////////////////////////////////////////////////////////////*/	
	/*////////////////////   structure variable des blocs de text ////////////////////////*/	
	/*//////////////////////////////////////////////////////////////////////////////////////*/
		
		/* Show only to IE PC \*/
	* html .boxhead {height: 1%;} /* For IE 5 PC */
	
	.sidebox {
	margin: 10px 0 0 0; /* center for now */
	padding: 10px 0 0 0;
	width: 710px;
	}
	.sideboxtel {
	margin: 10px 0 0 0; /* center for now */
	width: 600px;
	float:left;
	padding: 10px 0 0 0;
	}
	.boxhead {
		background: url(../images/sbbody-h.png) no-repeat top left;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	.boxbody {
	background: url(../images/sbbody-b.png) no-repeat bottom left;
	margin: 0;
	padding: 0px 0px 0px opx;
	}
	.boxbody h2 {
		margin-bottom: 10px;
	}
	
	.txtgeneral p {
	padding: 0px 20px 20px 40px;
}
	
	/*//////////////////////////////////////////////////////////////////////////////////////*/
	/*//////////////////// bloc actu avec icones  ////////////////////////////////////*/
	/*//////////////////////////////////////////////////////////////////////////////////////*/
	
	
	.actuviv {
	width:660px;
	padding: 10px 0px 0px 30px;
	background:url(../images/actuicon-1.png) no-repeat top right;
	}
	
	.actuviv p {
		padding: 0px 20px 20px 40px;
				}
	
	.actuson {
	width:660px;
	padding: 10px 0px 0px 30px;
	background:url(../images/actuicon-2.png) no-repeat top right;
	}
	
	.actuson p {
		padding: 0px 20px 20px 40px;
				}
		
	.actutxt {
	width:660px;
	padding: 10px 0px 0px 30px;
	background:url(../images/actuicon-3.png) no-repeat top right;
	}
	
	.actutxt p {
		padding: 0px 20px 20px 40px;

		}
	
	.txtgeneral {
	padding: 1px 10px 0px 30px;
		}
		
	.txtgeneralprt {
	width:650px;
	padding: 10px 0px 10px 50px;
		}
		
	.txtgeneralprt p {
		padding: 0px 20px 20px 40px;
		}		
				
	.txtgeneraltel {
	width:550px;
	padding: 10px 10px 0px 30px;
		}
	
	.txtgeneraltel p {
		padding: 0px 20px 20px 40px;

		}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////*/
	/*///////////////////// formulaire reservation ////////////////////////////////////////*/
	/*//////////////////////////////////////////////////////////////////////////////////////*/
	
	.tbmain2 { 
	 /* Changes on the form */
	 background: white !important; 
	}
	.cleft{
	  /* Changes on the form */
	  color: #f6f6f6 !important; 
	  font-family: Verdana !important;
	  font-size: 10px !important;
	  text-align: right;  
	}
	td.cleft {
		font-family: "Trebuchet MS";
		font-size: 11px;
		font-weight:bold;
		color:#f6f6f6;
		vertical-align: top;
		text-align: right;
	}
	
	td.cright {
	   font-family: "Trebuchet MS";
	   font-size: 11px;
	   font-weight:normal;
	   color:#333333;
	   vertical-align: top;   
	   text-align: left;   
	}
	.tbmain2 {
		color:#333333;
		background:url(../images/style1_bg.gif) #ffffff top repeat-x;
	}
	
	.text{
	   font-family: "Trebuchet MS";
	   font-size: 11px;
	   font-weight:normal;
	   color:#000000;
	   border:1px #cccccc solid;
	   background:url(../images/style1_txt_bg.gif) #ebebeb top repeat-x;
	}
	
	.btn{
	   font-family: "Trebuchet MS";
	   font-size: 11px;
	   font-weight:normal;
	   color:#333333;
	   border:1px #c6c7ca solid;
	   background: url(../images/style1_btn_bg.gif) #e4e4e4 top repeat-x;
	}
	span.required{
	  font-size: 13px !important;
	  color: red !important;
	}
	
	/*//////////////////////////////////////////////////////////////////////////////////////*/
	/*/////////////////////////  boutons ///////////////////////////////////*/
	/*//////////////////////////////////////////////////////////////////////////////////////*/
	
		
		/*///////  bouton fr uk ///////////*/	
		
	#navi {
		/*float: right;*/
		list-style: none;
		margin: 0;
		padding: 0px 0px 0 0px;
		overflow: hidden;		/* Création du contexte de formatage */
				}
	#navi li {
		float: right;
		width: 60px;
		color: #fff;
		}
	#navi li a {
		height:43px;
		display: block;
		background: url(../images/btn.png) left top no-repeat;
		color: #2e2422;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		padding: 10px 0 0 0px;
		text-align: center;
		text-decoration: none;
		}
	#navi li a:hover, #navi li a:focus, #navi li a:active {
		background: url(../images/btn.png) right top no-repeat;
		color: #fff ;
		/*text-decoration: underline;*/
		}
		
		
		
		/*///////  bouton telechargement pdf ///////////*/
		
	.btndl {
	float:left;
	width:70px;
	height:90px;
	margin: 0;
	padding: 20px 0 0 20px;
		}
	
	
	
	#dlnav {
		width:70px;
		height:90px;
		list-style: none;
		margin: 0;
		padding: 0px 0px 0 0px;
		overflow: hidden;		/* Création du contexte de formatage */
				}
	
	#dlnav li a {
		height:90px;
		display: block;
		background: url(../images/dl.png) left top no-repeat;
		}
		
	#dlnav li a:hover, #dlnav li a:focus, #dlnav li a:active {
		background: url(../images/dl.png) right top no-repeat;
		
		}
	
	/*///////  bouton telechargement 2 ///////////*/
		
	
	#dlnav2 {
		width:70px;
		height:90px;
		list-style: none;
		margin: 0;
		padding: 0px 0px 0 0px;
		overflow: hidden;		/* Création du contexte de formatage */
				}
	
	#dlnav2 li a {
		height:90px;
		display: block;
		background: url(../images/dl2.png) left top no-repeat;
		}
		
	#dlnav2 li a:hover, #dlnav2 li a:focus, #dlnav2 li a:active {
		background: url(../images/dl2.png) right top no-repeat;
		
		}
		
		/*///////  bouton tirroir actu index ///////////*/
	
	#actunav {
		width:320px;
		height:20px;
		list-style: none;
		margin: 0;
		padding: 0px 0px 0 0px;
		overflow: hidden;		/* Création du contexte de formatage */
				}
	
	#actunav li a {
		height:20px;
		display: block;
		background: url(../images/btn-actu.png) top no-repeat;
		}
		
	#actunav li a:hover, #actunav li a:focus, #actunav li a:active {
		background: url(../images/btn-actu.png) bottom no-repeat;
		
		}
		
			/*///////  bouton acces aux actus, de l'index  ///////////*/
	
	#allactunav {
		width:150px;
		height:45px;
		list-style: none;
		margin: 0;
		padding: 0px 0 0 50px;
		overflow: hidden;
				}
	
	#allactunav li a {
		height:45px;
		display: block;
		background: url(../images/btn-allactu.png) top no-repeat;
		}
		
	#allactunav li a:hover, #allctunav li a:focus, #allctunav li a:active {
		background: url(../images/btn-allactu.png) bottom no-repeat;
		
		}
		
	/*//////////////////////////////////////////////////////////////////////////////////////*/
	/*////////////////  tiroir index ////////////////////////////////////////*/	
	/*//////////////////////////////////////////////////////////////////////////////////////*/
		
	
	.actuindex {
		height:180px;
		width:600px;
		margin:0;
		padding:0 0 0 0px;
	}	
	.txtactuindex {
		float:left;
		height:180px;
		width:325px;
		margin:0;
		padding:0 0 0 0px;
	}	
	.accesactu {
		float:left;
		margin:0;
		padding:0 0 0 0px;
	}