@charset "UTF-8";

/* ###########################################################
 ######################## HEADER ##############################
 ########################################################### */
#header {
	width:234px;
	margin-right:18px;
}
#header .logo {
	display:block;
	width:234px;
	height:405px;
	background:url(../images/sprite-sheet.png) 0 0;
}
#header .share {
	clear: both;
	background:#bbb2a2;
	color:#fff;
	padding: 10px 15px;
}
#header .share h2 {
	color:#fff;
}
#header .share p {
	padding: 15px 0 10px 0;
}
#header .share ul {
	margin:0;
	padding:0;
}
#header .share li {
	list-style:none;
	float:left;
}
#header .share li a {
	display:block;
	width: 95px;
	height: 35px;
	background:url(../images/sprite-sheet.png) no-repeat;
}
#header .share .facebook a {
	background-position: 0 -450px;
	margin-right: 10px;
}
#header .share .twitter a {
	background-position: -100px -450px;
}
.mainMenu {
	list-style:none;
}
.mainMenu, .mainMenu li {
	padding:0;
	margin:0;
}
.mainMenu a {
	text-decoration:none;
}
#topMenu {
	padding-bottom: 10px;
}
#topMenu a {
	font-family: 'Arial Black', Helvetica-Black, sans-serif;
	font-size: 1.230769em;
	text-transform: uppercase;
	line-height: 25px;
	display: block;
	height: 25px;
	color: #324B9B;
	padding: 0;
	padding-left: 5px;
	margin: 0;
}
#topMenu a:hover, #topMenu a.current {
	color:#fff;
	background-color:#768aca;
}
#iconMenu {
	margin: 5px 0;
	position: relative;
	overflow: auto;
}
#iconMenu li, .tooltip li {
	list-style:none;
	float:left;
	margin-right: 10px;
}
#iconMenu a {
	display:block;
	background:url(../images/sprite-sheet.png) no-repeat;
	text-indent: -9999px;
}
#iconMenu .music a, #iconMenu .brochure a,  #iconMenu .home a {
	width:28px;
	height:22px;
}
#iconMenu .flag a {
	width:27px;
	height:22px;
}
#iconMenu .home a {
	background-position: 0 -650px;
}
#iconMenu .home a:hover, #iconMenu .home a.current {
	background-position: -28px -650px;
}
#iconMenu .brochure a {
	background-position: 0 -672px;
}
#iconMenu .brochure a:hover {
	background-position: -28px -672px;
}
#iconMenu .music a {
	background-position: 0 -694px;
}
#iconMenu .music a:hover {
	background-position:  -28px -694px;
}
#iconMenu .flag .en {
	background-position: -240px -450px;
}
#iconMenu .flag .en:hover {
	background-position: -267px -450px;
}
#iconMenu .flag .fr {
	background-position: -240px -472px;
}
#iconMenu .flag .fr:hover {
	background-position: -267px -472px;
}

#bottomMenu {
	overflow: auto;
}
#bottomMenu li {
	margin: 10px 0 20px 0;
	float: left;
}

#bottomMenu li + li {
	margin-left: 15px;
}
#bottomMenu a {
	background:#324b9b;
	padding:3px 8px;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
}
#bottomMenu a:hover, #bottomMenu .active, #bottomMenu a.current {
	background:#768aca;
}
.navigation {
	padding-top:30px;
}
.tooltip {
	position:absolute;
	top:0;
	left:0;
	width:278px;
	background:#ccc;
	padding:5px 5px 5px 10px;
	color:#fff;
	font-weight:bold;
	font-size:1.07692308em;
	text-transform:uppercase;
	z-index:1000;
}
.tooltip ul {
	padding:0;
	margin:0;
}
.tooltip li {
	line-height:40px;
}
.tooltip .text {
	margin-right:10px;
}
.tooltip a {
	display:block;
	width:30px;
	height:20px;
	line-height:20px;
	color:#fff;
	padding:10px;
	text-decoration:none;
	text-align:center;
	background: #324b9b;
	margin-left:1px;
}
.tooltip a:hover {
	background:#fff;
	color:#324b9b;
}
.booking {
	margin:20px 0;
}
.booking a{
	font-family:'Arial Black', helvetica, sans-serif;
	background:#324b9b url(../images/coda-button-next.png) no-repeat right center;
	background-repeat:no-repeat;
	line-height:30px;
	height:30px;
	color:#fff;
	text-transform:uppercase;
	font-size:0.84615385em;
	padding:10px 35px 10px 15px ;
}
.booking a:hover {
	background-color:#768aca;
	text-decoration:none;
}

/* ###########################################################
######################## ONGLETS #############################
########################################################### */
dl.tabs {
	display: block;
	width: 440px;
	margin: 0;
	padding: 0;
	background-color: #b0a48f;
	overflow: auto;
}
dl.tabs dd {
	display: block;
	width: auto;
	padding: 0;
	float: left;
}
dl.tabs dd a {
	display: block;
	width: auto;
	line-height: 2.15384615em;
	cursor:pointer;
	font-weight: normal;
	text-decoration:none;
	font-size: 1.15384615em;
	color: #ffffff;
	text-transform: uppercase;
}
dl.tabs dd a:hover, dl.tabs dd a.active {
	background-color: #324b9b;

}
dl.tabs.vertical {
	height: auto;
}
dl.tabs.vertical dt, dl.tabs.vertical dd, dl.nice.tabs.vertical dt, dl.nice.tabs.vertical dd {
	float: none;
	height: auto;
}
dl.tabs.vertical dd a {
	display: block;
	width: auto;
	height: auto;
	padding: 15px 20px;
	line-height: 1;
	border: solid 0 #ccc;
	border-width: 1px 1px 0;
	margin: 0;
	color: #555;
	background: #eee;
	font-size: 15px;
	font-size: 1.5em;
}
dl.tabs.vertical dd a.active {
	height: auto;
	margin: 0;
	border-width: 1px 0 0;
	background: #fff;
}
ul.tabs-content {
	margin: 0;
	display: block;
	overflow: hidden;
}
/*ul.tabs-content>li { display:none; }*/
    ul.tabs-content>li.active {
	display: block;
}
dl.contained, dl.nice.contained {
	margin-bottom: 0;
}
dl.contained.tabs dd a {
	padding: 0 10px;
}
/*dl.nice.contained.tabs dd a { padding: 7px 18px 9px; }*/

    ul.contained.tabs-content {
	padding:0;
	margin-bottom:0;
	position:relative;
	width:9000px
;
}
ul.contained.tabs-content>li {
	list-style:none;
	float: left;
	width: 980px;
}
ul.nice.contained.tabs-content>li {
}

/* ###########################################################
######################### SLIDE #############################
########################################################### */

.overflowText {
	overflow: hidden;
	width: 240px;
}

.slideTexteSup {
	display: inline-block;
	height: 100%;
	width: 480px;
	position: relative;
	overflow: hidden;
}

.slideTexteIn {
	width: 240px;
	float: left;
}

.btn-slideNext, .btn-slidePrev {
	display: block;
	font-family: 'Arial Black', Helvetica-Black, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #b0a48f;
	clear: both;
	padding: 3px;
}

.btn-slideNext:hover, .btn-slidePrev:hover {
	background-color: #b0a48f;
	color:#fff;
	text-decoration: none;
}

.btn-slideNext {
	text-align: right;
}

.desactive {
	display: none;
}

/* ###########################################################
######################### retour #############################
########################################################### */

.btnRetour {
	display: none;
	background-color: #324B9B;
	position: absolute;
	z-index: 2000;
	top: 0;
	left: 50%;
	margin-left: -35px;
	height: 20px;
	line-height: 22px;
	padding: 5px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

.btnRetour:hover {
	background-color:#768aca;
	text-decoration: none;
}

.btnRetour2 {
	background-color: #324B9B;
	position: absolute;
	z-index: 2000;
	top: 0;
	left: 70%;
	height: 20px;
	line-height: 22px;
	padding: 5px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

/* ###########################################################
######################### CSS 3 #############################
########################################################### */


.liens a, #topMenu a, #iconMenu a, #bottomMenu a, dl.tabs dd a, .btn-slideNext, .btn-slidePrev, .fonxiEffekt a:hover img, .li_reserver input, .btnRetour {
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}

/* ROBIN CHARLET - 2012 ® */
.fonxiEffekt {
	position: relative;
	width: 440px;
	height: 720px;
	background-color: #000;

}

.fonxiEffekt img {
	position: relative;
	z-index: 900;
}

.fonxiEffekt a:hover img {
	opacity: 0.2;
	filter: alpha(opacity=20); /* IE6-IE8 */
}

a.pop:before {
    content: "+";
    display: block;
    font-size: 6.15384615em;
    line-height: 105px;
    width: 104px;
	height: 105px;
	border-radius: 52px/53px 53px 52px 52px;
	background-color: #324b9b;
    text-align: center;
     
    color: #fff;
    font-weight: bold;
     
    position: absolute;
    z-index: 100;

    top: 50%;
    left: 50%;
     
    margin: -0.65em 0 0 -0.62em;
}


/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-width: 1600px) {
	footer .wrap {
		margin-right: 10px;
	}
}

@media screen and (max-width: 1280px) {
	.container {
		margin-left: 6%;
	}
}

@media screen and (max-width: 1230px) {
	body {
 		background-image: none;
	}
}

@media screen and (max-width: 1060px) {
	.container {
		margin-left: 2%;
	}
}


/* iPads  */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	body {
 		background-image: none;
	}

	#bottomMenu li + li {
		margin-left: 5px;
	}

	#quick {
		position: absolute;
		width: 224px;
		top: 720px;
		margin-left: 715px;
		border: 5px solid #324B9B;
		background-color: white;
		z-index: 1000;
	}
}