@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Cuprum);
@import url(http://fonts.googleapis.com/css?family=Voltaire);
@import url(http://fonts.googleapis.com/css?family=Buda:300);
/* CSS Document */

body{
	background-color:#1f1f1f;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
 img{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
 }

.langue{
	width : 100%;
	height:27px;
	background-color:#0a0809;
	text-align:right;
	color:#a1a1a1;
	font-family: 'Cuprum', sans-serif;
	font-size: 15px;
	padding-top:5px;
}

.langue2{
	width : 960px;
	height:27px;
	text-align:right;
	padding-top:5px;
	margin: 0px auto;
	padding: 0px;
}

/*.menu{
	width : 100%;
	height:57px;
	background-image:url(../images/menu-bg-gris.png)
}
*/
.menu{
	width : 100%;
	height:57px;
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	background: url(../images/menu-bg-gris.png) top left repeat-x;
	
	}
.menu ul{
	
	height:50px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		display: block; 
		float: left; 
		margin: 0 0 0 2px;
		}
	.menu li a{
		height: 50px; 
		color: #fff; 
		text-decoration: none; 
		display: block; 
		float: left; 
		line-height: 200%; 
		padding: 7px 42px 0; 
		}
		.menu li a:hover, .menu ul li:hover a{
			color: #FFF; 
			background: url("../images/menu-bg-bleu.png") top left repeat-x; 
			height: 50px;
			}
			
.menu li a.current{
	color: #FFF; 
	background: url("../images/menu-bg-bleu.png") top left repeat-x; 
	height: 50px;
	}



	.menu li ul{
		background-color: rgba(58,94,125,0.80);
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:255px;
		z-index:200;
		margin-top:57px;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		}
	.menu li li {
		
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:255px;
		
		}
	.menu li:hover li a{
		background:none;
		
		
		}
	.menu li ul a{
		display:block;
		height:50px;
		font-size:0.9em;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			
			border:0px;
			color:#ffffff;
			text-decoration:underline;
			background-color: rgba(24,64,100,100);
			width:230px;
			height:50px;
			margin:0px;
			padding:0px 10px 0px 15px;
			text-align:left;
			}

.menu li ul a.current2{
		
		border:0px;
		color:#ffffff;
		text-decoration:underline;
		background-color: rgba(24,64,100,100);
		width:230px;
		height:50px;
		
		}		
	
	.menu p{
		clear:left;
		}	


ul#nav-menu {
	width: 960px;
	height: 50px;
	font-size: 1.4em;
	font-family: 'Voltaire', sans-serif;
	list-style-type: none;
	margin: 0px auto;
	padding: 0px;
	text-transform: none;
	font-weight: lighter;
}

.logo{
	width:100%;
	height:293px;
	background-image:url(../images/bg-noir.jpg)	
}
.logo2{
	width:960px;
	height:293px;
	background-image:url(../images/logo.jpg);
	margin: 0px auto;
	padding: 0px;
}

.contact{
	color:#c0bfbf;
	text-align:right;
	width:960px;
	margin: 0px auto;
	padding: 0px;	
	font-family: 'Buda', sans-serif;
	font-size:16px;
}

.banner{
	width:100%;
	height:233px;
	background-color:#1a2027;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	position:absolute;
	background-image: url(../images/bg-banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.banner-small{
	width:100%;
	height:142px;
	background-color:#1a2027;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	position:absolute;
	background-image: url(../images/bg-banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top:-30px;
}

.bg-banner{
	width:960px;
	height:233px;
	margin: 0px auto;
	padding: 0px;
	position:relative;
}


.banner-img{
	width:337px;
	height:337px;
	position:relative;
	z-index:100;
	margin-top:-50px;
	 -webkit-box-shadow: 0px 0px 21px #0b0b0b; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 21px #0b0b0b; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 21px #0b0b0b; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
		  float:left;
	}
	
.banner-img-small{
	width:210px;
	height:210px;
	position:relative;
	z-index:100;
	margin-top:-33px;
	 -webkit-box-shadow: 0px 0px 21px #0b0b0b; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 21px #0b0b0b; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 21px #0b0b0b; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
		  float:left;
	}
	
.banner-text{
	width : 565px;
	font-family: 'Cuprum', sans-serif;
	font-size: 37px;
	text-align:left;
	color:#d7d7d7;
	float:right;
	margin-top:45px;
	font-weight:normal;
}

.banner-text-small{
	width : 565px;
	font-family: 'Cuprum', sans-serif;
	font-size: 25px;
	text-align:left;
	color:#d7d7d7;
	float:right;
	margin-top:23px;
	margin-right:100px;
	font-weight:normal;
}
.petit-text{
	font-size: 28px;
}

.petit-text2{
	font-size: 19px;
}



a:link{
	color: #57bfe8;
	text-decoration: underline;
}
a:hover{
	color: #35ACCA;
	text-decoration: none;
}
a:visited{color: #57bfe8;
	text-decoration: underline;
}
	
.conteneur{
	width:960px;
	height:auto;
	position:relative;
	margin: 0px auto;
	padding: 0px;
	text-align:left;
	padding: 0 25 0 25;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFF;
	margin-top:100px;
}

.conteneur2{
	width:960px;
	height:auto;
	position:relative;
	margin: 0px auto;
	padding: 0px;
	text-align:left;
	padding: 0 25 0 25;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFF;
	margin-top:-25px;
}

h1{
	font-family: 'Cuprum', sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 35px;
	text-align:center;
	font-weight: normal;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-align:center;
	margin:0;
}

h3{
	font-family: 'Cuprum', sans-serif;
	font-size: 2.35em;	
}

h4{
	font-family: 'Cuprum', sans-serif;
	font-size: 1.5em;	
}
h5{
	font-family: 'Cuprum', sans-serif;
	font-size: 1.5em;
	color: #57bfe8;
}

.titre5{
	font-family: 'Cuprum', sans-serif;
	font-size: 1.5em;
	color: #57bfe8;	
}
.reservation{
	width:315px;
	height:180px;
	-webkit-box-shadow: 0px 0px 21px #0b0b0b; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 0px 0px 21px #0b0b0b; /* FF3.5 - 3.6 */
	box-shadow: 0px 0px 21px #0b0b0b; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
	float:right;
	position:relative;
	background-color: #424242;
	border: 5px solid #a0a0a0;
	padding:8px;
	font-size: 16px;
}

.petit-texte{
	font-size: 12px;	
}
.petit-gris{
	font-size: 12px;
	color: #CCC;
}

.footer{
	width:100%;
	height:55px;
	background-color:#0b0b0b;
	position:relative;
	bottom:0;
	font-size: 14px;
	color: #999;
}

.footer-content {
	width:960px;
	margin: 0px auto;
	padding: 0px;
	padding-top:15px;	
}
.footer-left{
	float:left;
}

.footer-right{
	float:right;
	}
.img-large{
	width:338px;
	height:338px;	
}
.img-small{
	width:210px;
	height:210px;	
}

.photo1{
	float:right;
-webkit-box-shadow: 0px 0px 21px #0b0b0b; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 21px #0b0b0b; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 21px #0b0b0b; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
		  margin-left:10px;
		  padding:0;
		  height:266px;
}

.photo2{
	float:left;
-webkit-box-shadow: 0px 0px 21px #0b0b0b; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 21px #0b0b0b; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 21px #0b0b0b; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
		  margin-right:25px;
		  padding:0;
		  height:180px;
}

.photo3{
	float:right;
-webkit-box-shadow: 0px 0px 21px #0b0b0b; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 21px #0b0b0b; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 21px #0b0b0b; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
		  margin-left:10px;
		  padding:0;
		  height:400px;
}

.photo4{
	float:left;
-webkit-box-shadow: 0px 0px 21px #0b0b0b; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 21px #0b0b0b; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 21px #0b0b0b; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
		  margin-right:10px;
		  padding:0;
		  height:266px;
}

.box-reservation{
	width:960px;
	display:inline;
}
.gauche{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	width: 66%;
	min-height: 100px;
	_height: 100px;
}

.droite{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	width: 33%;
	min-height: 100px;
	_height: 100px;
}

.bleu{
	color:#57bfe8;	
}

.gris-pale{
	color: #999;
} 

.bordure{
	border: 1px solid #333;
}

.bordure-bottom{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-left:15px;
	padding-bottom:10px;
}

.bordure-bottom2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left:15px;
	padding-bottom:10px;
}

.bordure-right{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-left:15px;
	padding-top:10px;
}
.bordure-none{
	padding-left:15px;
	padding-top:10px;
}
	
.table01{
	font-size: 12px;	
}
.text01{
	font-size: 16px;	
}


.gauche2{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	width: 50%;
	min-height: 100px;
	_height: 100px;
}

.droite2{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	width: 50%;
	min-height: 100px;
	_height: 100px;
}

.gauche3{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	width: 48%;
	min-height: 100px;
	_height: 100px;
	font-size:14px;
}

.droite3{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	width: 48%;
	min-height: 100px;
	_height: 100px;
	margin-left:30px;
	font-size:14px;
}

.right{
	text-align:right;
}

hr{
	width:75%;	
}