/* RESET */
body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0;}
strong 		{ font-weight:normal;}
p>strong	{ font-weight:bold;}
ul			{ list-style-type:none;}
body		{ font:normal 16px/22px ng; color:#333333; background:#fff;}
a			{ border:none; text-decoration:none; color:#084a7a; outline:none;}
a:hover		{ color:#086ab2;}
img			{ border:none;}


/* IMPORT FONTS */
@font-face {
    font-family: 'os';
	src: url('../fonts/ostrich.eot');
	src: url('../fonts/ostrich.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/ostrich.woff') format('woff'),
	     url('../fonts/ostrich.ttf') format('truetype'),
	     url('../fonts/ostrich.svg#webfont') format('svg');
}
@font-face {
    font-family: 'ng';
	src: url('../fonts/newsgothic-btc.eot');
	src: url('../fonts/newsgothic-btc.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/newsgothic-btc.woff') format('woff'),
	     url('../fonts/newsgothic-btc.ttf') format('truetype'),
	     url('../fonts/newsgothic-btc.svg#webfont') format('svg');
}

/* TRANSITION */
#wrapper a span, #wrapper a, span:before, span:after, a:after, a:before, #btnSend, .galerie img, .left-banner, .right-banner, .left-formules, .right-formules, .tripadvisor img { -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}

/* CLASS */
.clear				{ clear:both; float:none !important; width:100% !important; padding:0 !important; margin:0 !important;}
.left				{ float:left;}
.right 				{ float:right;}
.center				{ text-align:center;}
.sousTitre 			{ font:normal 20px/22px ng; color:#084a7a; position:relative; margin:0 0 20px 0;}
.sousTitre1			{ font:normal 20px/22px ng; color:#084a7a; position:relative; margin:0 0 18px 0 ; text-transform:uppercase;}
.sousTitre strong	{ font-weight:normal;}
.sousTitre2	strong	{ font-weight:normal;}
.link 				{ display:inline-block; padding:0 20px; height:38px; font:normal 14px/38px ng; letter-spacing:.5px; color:#fff; background:#084a7a; border-radius:2px; text-align:center; text-transform:uppercase; box-sizing:border-box; text-decoration:none !important;}
.link:hover			{ background-color:#0963a5 !important; color:#fff !important; border-color:#0963a5; padding:0 28px;}

/* STRETCH */
#wrapper			{ width:100%; height:auto; background:#fff; margin:0 auto; box-sizing:border-box; position:relative; overflow:hidden;}
#header				{ width:100%; height:768px; height:100vh !important; min-height:650px; position:relative; z-index:990;}
#footer				{ width:100%; height:auto; min-height:280px; position:relative; box-sizing:border-box;}

/* HEADER */
.logo					{ display:block; width:100px; height:182px; text-indent:-9999px; background:url(../images/logo.jpg) 0 0 no-repeat; position:absolute; left:50%; top:40px; margin:0 0 0 -50px; z-index:150;}
.logo:hover				{ top:50px;}
.headerLeft				{ width:210px; height:95%; position:absolute; left:0; top:0; z-index:900; background:rgba(0,0,0,.4); color:#fff; box-sizing:border-box; padding:35px 30px; -webkit-transition:background-color 400ms ease-in-out; -moz-transition:background-color 400ms ease-in-out; -ms-transition:background-color 400ms ease-in-out; transition:background-color 400ms ease-in-out;}
.headerLeft:hover		{ background:rgba(0,0,0,.7);}
.headerLeft .titre		{ font:normal 78px/70px os; border-bottom:1px dotted #fff; padding:0 0 20px 0; max-width:149px; margin:0 0 20px 0;}
.headerRight 			{ width:98px; height:42px; position:absolute; right:0; top:0; z-index:990; background:#fff; box-sizing:border-box; padding:15px 0 0 20px;}
.headerRight a 			{ width:15px; height:12px; display:block; float:left; text-indent:-9999px; margin:0 7px 0 0;}
.headerRight a:hover	{ opacity:1;}
.headerRight .fr		{ background:url(../images/langues.jpg) 0 0 no-repeat;}
.headerRight .nl		{ background:url(../images/langues.jpg) -15px 0 no-repeat; opacity:.3;}
.headerRight .en		{ background:url(../images/langues.jpg) -30px 0 no-repeat; opacity:.3;}

.content-menu			{ width:100%; height:64px; position:absolute; left:0; bottom:0; z-index:950; box-sizing:border-box; background:#fff;}
.menu					{ width:100%; max-width:712px; height:64px; display:block; position:relative; z-index:995; margin:0 auto;}	
.menu li				{ display:block; float:left; position:relative;}	
.menu a					{ width:auto; height:64px; padding:0 15px; font:normal 16px/66px ng; color:#333; display:block; position:relative; box-sizing:border-box; text-transform:uppercase; letter-spacing:.5px;}
.sub					{ width:200px !important; background:#fff; border:1px solid #084a7a; position:absolute; bottom:64px; left:0; z-index:995; padding:15px 0 20px 0; box-sizing:border-box; display:none; margin-left:0;}
.sub.top				{ top:64px; bottom:auto; }
.sub li					{ width:100%; float:none; margin:0; border:none;}
.sub li	a				{ width:auto; height:38px; line-height:39px; position:relative; border:0; letter-spacing:.5px; color:#084a7a;}
.menu li:hover>a		{ color:#fff; background:#084a7a;}
.menu a.active			{ color:#fff; background:#063a60;}
.menu .sub a:hover		{ color:#fff; background:#084a7a;}
.menu .sub a.active		{ color:#fff; background:#063a60;}

.social  					{ width:auto; height:64px; position:absolute; left:0; top:0; box-sizing:border-box; padding:16px 0 0 30px;}
.social a 					{ position:relative; float:left; margin-right:7px; display:block; width:32px; height:32px; text-indent:-9999px;}
.social a span				{ width:0; height:32px; display:block; position:absolute; left:0; top:0;}
.social a:hover span		{ width:100%;}
.social .share				{ background:url(../images/social.png) 0 0 no-repeat #fff;}
.social .google				{ background:url(../images/social.png) -32px 0 no-repeat #fff;}
.social .facebook			{ background:url(../images/social.png) -64px 0 no-repeat #fff;}
.social .lettre				{ background:url(../images/social.png) -96px 0 no-repeat #fff;}
.social .share span			{ background:url(../images/social.png) 0 -32px no-repeat #fff;}
.social .google	span		{ background:url(../images/social.png) -32px -32px no-repeat #fff;}
.social .facebook span		{ background:url(../images/social.png) -64px -32px no-repeat #fff;}
.social .lettre	span		{ background:url(../images/social.png) -96px -32px no-repeat #fff;}
#at15s 						{ display:none;}

.animation 					{ width:100%; height:95%; position:absolute; left:0; top:0; z-index:50; box-sizing:border-box; background:#000; overflow:hidden;}
.animation div				{ width:100% !important; height:100% !important; box-sizing:border-box; overflow:hidden;}
.animation .banner1 		{ background:url(../images/citadelle-dinant1.jpg) 50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.animation .banner2 		{ background:url(../images/citadelle-dinant2.jpg) 50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.animation .banner3 		{ background:url(../images/citadelle-dinant3.jpg) 50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.animation .banner4 		{ background:url(../images/citadelle-dinant4.jpg) 50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.nav-banner 				{ width:14px; height:160px; position:absolute; right:52px; top:50%; z-index:100; margin-top:-80px;}
.nav-banner a 				{ width:14px; height:14px; background:#fff; display:block; text-indent:9999px; margin:20px 0; box-sizing:border-box; border:2px solid #fff; border-radius:20px;}
.nav-banner .activeSlide	{ background:#063a60;}
.right-banner 				{ width:14px; height:24px; background:url(../images/arrow-banner.png) -14px 0 no-repeat; position:absolute; right:40px; bottom:106px; z-index:100;}
.left-banner 				{ width:14px; height:24px; background:url(../images/arrow-banner.png) 0 0 no-repeat; position:absolute; right:64px; bottom:106px; z-index:100;}
.right-banner:hover 		{ opacity:.5; cursor:pointer;}
.left-banner:hover			{ opacity:.5; cursor:pointer;}

.scroll 					{ width:42px; height:48px; background:url(../images/scroll.png) 0 0 no-repeat; position:absolute; left:50%; bottom:96px; margin:0 0 0 -21px; z-index:120; display:block;}
.scroll span				{ width:0; height:48px; background:url(../images/scroll.png) -42px 0 no-repeat; display:block;}
.scroll:hover span			{ width:100%;}


/* MODIFS PAGES INTERIEURES */
#header.page						{ height:524px !important; min-height:524px !important;}
#header.page .headerLeft .titre		{ border-bottom:0;}
#header.page .sub 					{ top:64px; bottom:auto;}


/* HOME PAGE */
.homeTitre 				{ text-align:center; font:normal 45px/40px os; color:#333; text-transform:uppercase; position:relative; padding:0 0 50px 0;}
.homeTitre:before 		{ border-bottom:1px dotted #333; width:89px; height:0; position:absolute; left:50%; bottom:25px; margin:0 0 0 -45px; content:""; display:block;}
.blocHome 				{ width:100%; margin:0 auto; box-sizing:border-box; border-top:1px solid #063a60;}
.blocHome1				{ width:100%; max-width:1020px; margin:0 auto; box-sizing:border-box; text-align:center; padding:75px 40px 75px 40px; background:url(../images/bg-blochome1.png) 50% bottom no-repeat;}
.blocHome1 .question	{ font:normal 18px/22px Georgia; font-style:italic; padding:45px 0 0 0;}
.blocHome2				{ width:100%; height:auto; min-height:130px; box-sizing:border-box; text-align:center;}
.blocHome2 a			{ width:25%; height:130px; float:left; display:block; font:normal 18px/22px ng; color:#fff; text-transform:uppercase; padding:70px 0 0 0; box-sizing:border-box;}
.blocHome2 a:hover		{ background-color:#0963a5;}
.blocHome2 .visite		{ background:url(../images/icone-visite.png) 50% 30px no-repeat #063a60;}
.blocHome2 .cuisine		{ background:url(../images/icone-cuisine.png) 50% 30px no-repeat #084a7a;}
.blocHome2 .event		{ background:url(../images/icone-event.png) 50% 30px no-repeat #063a60;}
.blocHome2 .croisieres	{ background:url(../images/icone-naviguer.png) 50% 30px no-repeat #084a7a;}

.blocHome3					{ width:100%; height:auto; min-height:480px; box-sizing:border-box; text-align:center;}
.blocHome3 .formules		{ width:75%; height:auto; min-height:480px; box-sizing:border-box; float:left; position:relative;}
.parking					{ width:25%; height:auto; min-height:480px; box-sizing:border-box; float:left; background:url(../images/parking-citadelle.jpg) 50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; position:relative;}
.formules .slider 			{ width:100% !important; max-width:538px !important; height:405px !important; box-sizing:border-box; margin:0 auto;}
.formules .slider>div		{ width:100% !important; box-sizing:border-box; padding:90px 0 0 0;}
.formules .cases 			{ width:100% !important; height:auto; display:block; margin:8px 0 35px 0; color:#333;}
.formules .cases div		{ width:33.33%; height:120px; display:block; float:left; border:1px solid #084a7a; box-sizing:border-box; text-align:center; padding:85px 0 0 0;}
.formules .citadelle		{ background:url(../images/icone-citadelle.png) 50% 20px no-repeat; border-right:0 !important;}
.formules .telepherique		{ background:url(../images/icone-telepherique.png) 50% 20px no-repeat; border-right:0 !important;}
.formules .croisiere		{ background:url(../images/icone-croisiere.png) 50% 20px no-repeat;}
.formules .formGroup1		{ background:url(../images/icone-formule1.png) 50% 20px no-repeat; border-right:0 !important;}
.formules .formGroup2		{ background:url(../images/icone-formule2.png) 50% 20px no-repeat; border-right:0 !important;}
.formules .formGroup3		{ background:url(../images/icone-formule3.png) 50% 20px no-repeat;}
.formules .prix				{ color:#333; text-transform:uppercase; font:normal 22px/26px ng; letter-spacing:.5px; margin:0 0 35px 0;}
.formule2 .cases div		{ width:50%;}
.formule2 .telepherique		{ border-right:1px solid #084a7a !important;}
.nav-formules 				{ width:100%; height:10px; position:relatove; text-align:center;}
.nav-formules a				{ width:10px; height:10px; background:#fff; display:inline-block; text-indent:9999px; margin:0 4px; border-radius:20px; background:#c1c1c1;}
.nav-formules .activeSlide	{ background:#063a60;}
.right-formules 			{ width:18px; height:30px; background:url(../images/arrow-formules.png) -18px 0 no-repeat; position:absolute; right:10%; top:50%; margin:-9px 0 0 0;}
.left-formules 				{ width:18px; height:30px; background:url(../images/arrow-formules.png) 0 0 no-repeat; position:absolute; left:10%; top:50%; margin:-9px 0 0 0;}
.right-formules:hover 		{ opacity:.5; cursor:pointer;}
.left-formules:hover		{ opacity:.5; cursor:pointer;}
.parking a 					{ width:100%; height:auto; box-sizing:border-box; padding:50px 30px 40px 30px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.4); -webkit-transition:background-color 400ms ease-in-out; -moz-transition:background-color 400ms ease-in-out; -ms-transition:background-color 400ms ease-in-out; transition:background-color 400ms ease-in-out; display:block;}
.parking:hover a 			{ background:rgba(0,0,0,.7); padding:60px 30px 50px 30px;}
.parking img 				{ display:inline-block; margin:0 5px;}
.parking p	 				{ color:#fff; max-width:230px; margin:10px auto 0 auto;}

.blocHome4				{ width:100%; height:auto; min-height:280px; box-sizing:border-box; text-align:center; position:relative;}
.blocHome4 .left		{ width:25%; height:100%; position:absolute; left:0; top:0; background:rgba(240,247,251,.3); z-index:150;}
.blocHome4 .croisieres	{ width:75%; height:auto; min-height:280px; box-sizing:border-box; float:left; background:url(../images/croisieres-citadelle.jpg) 50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; position:relative;}
.blocHome4 .contact		{ width:25%; height:auto; min-height:280px; box-sizing:border-box; float:left; background:#063a60; position:relative; font:normal 16px/22px ng; letter-spacing:.5px; color:#fff; display:block;}
.blocHome4 .adresse		{ padding-top:40px; background:url(../images/icone-adresse.png) 50% 0 no-repeat; margin:45px 0 18px 0;}
.blocHome4 .tel			{ padding-top:0; /*background:url(../images/icone-tel.png) 50% 0 no-repeat;*/ margin:0 0 18px 0;}
.blocHome4 a			{ text-decoration:underline; color:#fff;}
.blocHome4 a:hover		{ opacity:.6;}

/*.contact span			{ width:120px; height:20px; font:normal 16px/22px ng; text-align:center; text-transform:uppercase; color:#fff; box-sizing:border-box; letter-spacing:.5px; position:absolute; left:50%; top:42%; margin:-10px 0 0 -60px; opacity:0;}
.contact:before 		{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; content:""; background:#063a60; opacity:0;}
.contact:hover span	  	{ opacity:1; top:50%;}
.contact:hover:before  	{ opacity:1;}
*/

/* PAGES STATIQUES */
.titrePage 				{ font:normal 45px/48px os; color:#333; text-transform:uppercase; margin:0; padding:0 0 50px 0; position:relative;}
.titrePage:before 		{ border-bottom:1px dotted #333; width:89px; height:0; position:absolute; left:0; bottom:30px; content:""; display:block;}
.titrePage h1			{ display:none;}

.pageContent			{ width:100%; margin:0 auto; position:relative; padding:0; box-sizing:border-box; border-top:1px solid #063a60; min-height:990px;}
.pageLeft 				{ width:75%; float:left; box-sizing:border-box;}
.pageLeft>div 			{ width:100%; max-width:770px; margin:0 auto; box-sizing:border-box; padding:75px 30px 70px 30px;}
.pageLeft p				{ margin:0 0 20px 0;}
.pageLeft p a			{ text-decoration:underline;}
.pageLeft ul a			{ text-decoration:underline;}
/*.pageLeft img			{ margin:5px 0 25px 0; width:100%; max-width:690px; height:auto; border-radius:5px;}*/
.pageLeft img			{ margin:0 30px 20px 0;}
.pageContent ul			{ margin:0 0 25px 0; padding:0; box-sizing:border-box;}
.pageContent ul li		{ line-height:20px; padding:10px 0 10px 20px; background:url(../images/li-bullet.png) 0 16px no-repeat; border-bottom:2px dotted #cecece;}
.separate 				{ width:100%; height:0; border-bottom:2px dotted #cecece; margin:0 0 28px 0; padding:10px 0 0 0; clear:both;}

.pageRight						{ width:25%; height:100%; padding:0; box-sizing:border-box; background:#f0f3f6; position:absolute; top:0; right:0; z-index:900;}
.pageRight .homeTitre			{ padding:0 30px 50px 30px;}
.pageRight .formules 			{ width:100% !important; height:430px !important; text-align:center;}
@media (max-width:1366px) 		{ .pageRight .formules { height:450px !important;}}
.pageRight .formules>div 		{ width:100% !important; box-sizing:border-box; padding:75px 0 0 0;}
.pageRight .cases 				{ width:100%; max-width:200px; margin:0 auto 25px auto;}
.pageRight .cases>div			{ width:100%; height:60px; padding:18px 20px 0 0; text-align:right;}
.pageRight .cases .citadelle	{ background:url(../images/icone-citadelle-right.png) 5px 50% no-repeat #fff; border-right:1px solid #084a7a !important; border-bottom:0 !important;}
.pageRight .cases .telepherique	{ background:url(../images/icone-telepherique-right.png) 5px 50% no-repeat #fff; border-right:1px solid #084a7a !important; border-bottom:0 !important;}
.pageRight .cases .croisiere 	{ background:url(../images/icone-croisiere-right.png) 5px 50% no-repeat #fff;}
.pageRight .prix 				{ font-size:18px;}
.pageRight .parking				{ width:100%; height:auto; min-height:480px; box-sizing:border-box; float:none; background:url(../images/parking-citadelle.jpg) 50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; position:relative; position:absolute; left:0; bottom:0; text-align:center;}

.pageRight .formule2 .cases div		{ height:90px; padding:34px 20px 0 0;}
.pageRight .formule2 .telepherique	{ border-bottom:1px solid #084a7a !important;}
.pageRight .formules .formGroup1	{ background:url(../images/icone-formule1-right.png) 5px 50% no-repeat #fff; border-right:1px solid #084a7a !important; border-bottom:0 !important;}
.pageRight .formules .formGroup2	{ background:url(../images/icone-formule2-right.png) 5px 50% no-repeat #fff; border-right:1px solid #084a7a !important; border-bottom:0 !important;}
.pageRight .formules .formGroup3	{ background:url(../images/icone-formule3-right.png) 5px 50% no-repeat #fff;}

.dog 	{ padding:8px 0 20px 45px; background:url(../images/icone-dog.png) 0 0 no-repeat;}

/* GALERIE */
.galerie  					{ margin:0 0 20px 0;}
.galerie a					{ width:33.33%; height:auto; overflow:hidden; display:block; position:relative; text-align:center; float:left; border:2px solid #fff; box-sizing:border-box;}
.galerie img				{ width:100%; height:auto; margin:0;}
.galerie a:before			{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); opacity:1; box-sizing:border-box; content:""; display:block; opacity:0;}
.galerie a span				{ position:absolute; left:50%; top:40%; width:100px; height:38px; font:normal 12px/38px ng; color:#fff; background:rgba(0,0,0,.4); box-sizing:border-box; text-transform:uppercase; letter-spacing:1.5px; opacity:0; box-sizing:border-box; border:1px solid #fff; margin:-19px 0 0 -50px;}
.galerie a:hover:before 	{ opacity:1;}
.galerie a:hover span 		{ opacity:1; top:50%;}


/* DEVIS - CONTACT */
.formErrorHeaderOk 		{ color:#fff; text-align:center; height:38px; width:100%; margin: 0 0 10px 0; font:normal 14px/38px swz !important; background:#99a817;}
.formErrorHeader		{ background-color:#e03c2a; color:#fff; text-align:center; height:38px; width:100%; margin: 0 0 10px 0; font:normal 14px/38px swz !important;}
form					{ width:100%; box-sizing:border-box; padding:0;}
form div 				{ width:100%; box-sizing:border-box; padding:0 0 20px 0;}
input					{ width:100%; background:#fff; border:1px solid #cecece; padding:16px; margin:0; box-sizing:border-box; font:normal 14px/18px Arial;}
textarea				{ width:100%; max-width:100%; min-height:140px; background:#fff; border:1px solid #cecece; padding:16px; box-sizing:border-box; margin:0; font:normal 14px/18px Arial;}
.requis					{ background:#fff url(../images/requis.png) right 13px no-repeat;}
.captcha 				{ margin:0; position:relative;}
.captcha img			{ margin:0; padding:0; width:152px; border:0; position:absolute; right:10px; top:6px;}
.refresh				{ width:30px; height:30px; position:absolute; right:10px; top:11px; cursor:pointer; background:url(../images/refresh.png) -2px -2px no-repeat #22b0d9; border-radius:90px;}
.refresh:hover			{ background-color:#33c7f2;}
form .border 			{ border:1px solid #e03c2a;} 
#btnSend 				{ width:auto; cursor:pointer; margin:0 auto 20px auto; border:0;}
input, textarea 		{ -webkit-appearance:none;}
iframe 					{ width:100%; height:320px;}

/* FOOTER */
.footer1 				{ width:25%; height:auto; min-height:280px; float:left; color:#333; padding:78px 0 0 0; box-sizing:border-box; background:#f0f3f6; display:block; position:relative;}
.footer1:hover			{ color:#333;}
.footer2 				{ width:50%; height:auto; min-height:280px; float:left; position:relative; box-sizing:border-box; padding:85px 30px 0 30px; text-align:center;}
.footer3 				{ width:25%; height:auto; min-height:280px; float:left; position:relative;}
.footer1 p 				{ width:100%; max-width:200px; margin:0 auto 0 auto;}
.footer1 .titre			{ width:200px; height:56px; background:url(../images/logo-croisieres-mosanes.png) 0 0 no-repeat; text-indent:-9999px; margin-bottom:18px;}
.footer1 span			{ width:120px; height:20px; font:normal 16px/22px ng; text-align:center; text-transform:uppercase; color:#fff; box-sizing:border-box; letter-spacing:.5px; position:absolute; left:50%; top:42%; margin:-10px 0 0 -60px; opacity:0;}
.footer1:before 		{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; content:""; background:#063a60; opacity:0;}
.footer1:hover span	  	{ opacity:1; top:50%;}
.footer1:hover:before  	{ opacity:1;}
.footer4 				{ width:25%; height:auto; min-height:280px; float:left; box-sizing:border-box; position:relative; background:#f0f3f6;}
.footer4 a 				{ width:141px; height:41px; font:normal 15px/43px ng; text-transform:uppercase; color:#333; border:1px dotted #333; display:block; letter-spacing:.5px; text-align:center; position:absolute; left:50%; top:50%; margin:-20px 0 0 -70px;}
.footer4 a:hover		{ background:#0963a5; color:#fff;}

.footer2 a				{ text-decoration:underline;}
.open-plan				{ width:42px; height:48px; display:inline-block; background:url(../images/icone-plan.png) 0 0 no-repeat; margin:0 auto 15px auto;}
.open-plan span			{ width:0; height:48px; display:block; background:url(../images/icone-plan.png) -42px 0 no-repeat;}
.open-plan:hover span	{ width:100%;}

.footer3 .social 		{ width:auto; height:32px; padding:0 0 0 7px; left:50%; top:50%; margin:-16px 0 0 -62px;}
.toponweb				{ width:126px; height:50px; display:block; position:absolute; right:0; bottom:0; background:url(../images/tow.png) 0 0 no-repeat; text-indent:-9999px;}
.toponweb span			{ width:0; height:50px; display:block; background:url(../images/tow.png) -126px 0 no-repeat;}
.toponweb:hover span	{ width:100%;}

.tripadvisor 			{ width:50px; height:50px; display:block; position:absolute; bottom:0; right:126px; background:url(../images/icon-tripadvisor.png) 0 0 no-repeat #49853e;}
.tripadvisor:hover 		{ background-color:#61a655;}
.tripadvisor img		{ position:absolute; left:0; top:-50px; visibility:hidden; opacity:0;}
.tripadvisor:hover img	{ visibility:visible; opacity:1;}

.plan					{ width:100%; height:100%; position:fixed; left:0; top:0; color:#fff; padding:20px; box-sizing:border-box; background:rgba(0,0,0,.88); z-index:995;}
.plan .content			{ width:100%; max-width:540px; margin:auto auto; position:relative; top:50%; left:50%; margin:-235px 0 0 -270px; text-align:center; min-height:470px; letter-spacing:.5px;}
.plan .titre			{ display:block; color:#fff; padding:0 0 20px 0; font:normal 60px/64px os; text-transform:uppercase; letter-spacing:1px;}
.plan .sousTitre		{ display:block; color:#fff; padding:0 0 10px 20px; text-align:left; margin:0;}
.plan a					{ width:auto; display:block; color:#fff; border-bottom:1px solid #ebebeb; padding:8px 0; text-align:left; font:normal 14px/16px ng;}
.plan a:hover			{ opacity:.6;}
.plan div .left			{ width:50%; float:left; margin:0 0 20px 0; padding:0 20px; box-sizing:border-box;}
.plan div .bottom		{ width:100%; margin:0 0 15px 0;}
.plan div .bottom div	{ width:100%; padding:0 20px; box-sizing:border-box;}
.plan div .bottom .left	{ width:50%;}
.plan .close-plan		{ padding:0; border:0; display:inline-block; background:url(../fancybox/fancy_close.png); width:34px; height:34px; text-indent:-9999px;}
.plan .close-plan:hover	{ opacity:.5; cursor:pointer;}

/* HIDE MOBILE */
.mobileMenu 			{ display:none;}
.plan .titre.mobile		{ display:none;}
.plan .toggle>div		{ display:none;}
.blocHome4 .parking 	{ display:none;}
.footer2 .social		{ display:none;}
.scroll-top				{ display:none;}

/* MOBILE */
@media (max-width:1024px) {
	#header 				{ overflow:hidden;}
	.menu		 			{ display:none;}
	.mobileMenu 			{ width:100px; display:block; color:#fff; font:normal 16px/66px ng; padding:0 0 0 45px; height:64px; cursor:pointer; position:relative; background:#063a60; box-sizing:border-box;}
	.mobileMenu>div 		{ width:20px; height:1px; background:#fff; position:absolute; left:20px; top:50%;}
	.mobileMenu>div:before	{ width:20px; height:1px; background:#fff; position:absolute; left:0; top:5px; content:"";}
	.mobileMenu>div:after	{ width:20px; height:1px; background:#fff; position:absolute; left:0; top:-5px; content:"";}
	.headerLeft 			{ height:100%;}
	.content-menu 			{ top:0; bottom:auto; width:100px; right:92px; left:auto;}
	.content-menu .social 	{ display:none;}
	.logo 					{ top:50px;}
	.scroll 				{ bottom:40px;}
	.right-banner 			{ bottom:50px;}
	.left-banner 			{ bottom:50px;}
	.headerRight 			{ height:64px; padding-top:26px;}
	.animation 				{ height:100%;}
	
	.plan							{ display:block; background:rgba(0,0,0,.88); min-height:980px; position:absolute;}
	.plan .content					{ width:100%; max-width:300px; margin:auto auto; position:relative; top:50px; left:50%; margin:0 0 0 -150px; text-align:center; min-height:470px; letter-spacing:.5px;}
	.plan .titre.mobile				{ display:block; padding:0 0 5px 20px; text-align:left;}
	.plan div a						{ width:100%; color:#fff; text-transform:uppercase; letter-spacing:1px; font:normal 14px/46px ng; padding:0; height:44px; position:relative; box-sizing:border-box;}
	.plan div a:hover				{ opacity:1; padding:0 0 0 15px;}
	.plan div a.active				{ padding:0 0 0 15px; background:url(../images/li-bullet-menu.png) 0 55% no-repeat;}
	.plan .deplier					{ width:50px; height:44px; position:absolute; right:0; top:0; display:block; cursor:pointer;}
	.plan .deplier:before			{ width:15px; height:1px; background:#fff; position:absolute; left:33px; top:50%; display:block; content:"";}
	.plan .deplier:after			{ width:1px; height:15px; background:#fff; position:absolute; left:40px; top:15px; display:block; content:"";}
	.plan .deplier.active:after		{ opacity:0;}
	.plan .toggle					{ display:block; position:relative;}
	.plan .toggle>div				{ width:100%; box-sizing:border-box; padding:10px 20px 10px 20px; border-bottom:1px solid #ebebeb;}
	.plan .toggle>div a				{ width:100%; color:#fff; text-transform:uppercase; letter-spacing:1px; font:normal 14px/36px ng; padding:0 0 0 0; height:34px; border:0;}
	.plan .toggle>div a:hover		{ opacity:1; padding:0 0 0 15px;}
	.plan .toggle>div a.active		{ padding:0 0 0 15px; background:url(../images/li-bullet-menu.png) 0 55% no-repeat;}
	.plan .planLink 				{ display:none;}
	.plan div .left					{ width:100%; float:none; margin:0;}
	.mobileClose 					{ height:40px; width:40px; position:absolute; right:50px; top:50px; cursor:pointer; z-index:999;}
	.mobileClose:before				{ width:40px; height:1px; background:#fff; position:absolute; left:0; top:18px; content:""; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
	.mobileClose:after				{ width:40px; height:1px; background:#fff; position:absolute; left:0; top:18px; content:""; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
	.plan div .titre 				{ display:none;}
	.plan div .sousTitre			{ display:none;}
	.plan div .bottom				{ display:none;}
	.plan .close-plan				{ display:none;}

	/* HOME PAGE */
	.blocHome 					{ border-top:0;}
	.social .share				{ display:none;}
	.right-formules				{ right:6%;}
	.left-formules				{ left:6%;}
	.parking img 				{ width:52px; margin:0 2px;}
	.footer2 .open-plan 		{ display:none;}
	.scroll-top					{ width:42px; height:48px; display:inline-block; background:url(../images/icone-top.png) 0 0 no-repeat; margin:0 auto 15px auto;}
	
	.contact 					{ text-size-adjust:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none;}
	
	/* PAGES INTERIEURES */
	#header.page					{ height:500px !important; min-height:500px !important;}
	.pageContent 					{ border:none;}
	.pageLeft>div 					{ padding:75px 60px 70px 60px;}
	.pageRight .formules 			{ height:460px !important;}
	.pageRight .homeTitre			{ padding:0 30px 25px 30px;}
	.pageRight .homeTitre:before	{ display:none;}
	.pageRight .cases				{ max-width:170px;}
	.pageRight .prix				{ box-sizing:border-box; padding:0 30px; line-height:24px;}
	
	.pageRight .formules .formGroup1	{ background:none; text-align:center; padding:18px 0 0 0;}
	.pageRight .formules .formGroup2	{ background:none; text-align:center; padding:18px 0 0 0;}
	.pageRight .formules .formGroup3	{ background:none; text-align:center; padding:18px 0 0 0;}

	
	/* SUPPRESSION HOVER */
	.toponweb span, .scroll span, .social span, .footer1 span,.footer1:before { display:none !important;}
}

@media (max-width:960px) {
	/* HOME PAGE */
	#header 					{ height:680px !important; min-height:auto;}
	.blocHome2 a 				{ font-size:16px;}
	.blocHome3 .formules 		{ width:100%;}
	.blocHome3 .parking	 		{ display:none;}
	.blocHome4 .left 			{ display:none;}
	.blocHome4 .croisieres 		{ display:none;}
	.blocHome4 .contact 		{ width:50%;}
	.blocHome4 .parking 		{ display:block;}
	.parking					{ width:50%; height:auto; min-height:280px;}
	.parking a					{ height:100%; padding-top:85px;}
	.parking a:hover			{ padding-top:85px;}
	.footer1 					{ width:50%;}
	.footer2 					{ width:50%; padding:100px 50px 0 50px}
	.footer2 .social			{ display:block; position:relative; left:auto; top:auto; margin:0 auto 15px auto; padding:0 0 0 7px; height:32px; width:124px;}
	.scroll-top					{ position:absolute; left:-21px; top:50%; margin:-21px 0 0 0;}
	.footer3 .social			{ display:none;}
	.footer3					{ width:100%; height:50px; min-height:50px; float:none; clear:both; background:#063a60;}
	.footer3 .toponweb			{ left:50%; margin:0 0 0 -63px;}
	.footer4 					{ width:50%;}
	.tripadvisor 				{ right:0;}
	.tripadvisor img			{ display:none;}

	/* PAGES INTERIEURES */
	.pageContent 				{ min-height:auto;}
	.pageLeft 	 				{ width:100%;}
	.pageLeft>div 				{ padding:75px 30px 70px 30px;}
	.pageRight 					{ display:none;}
}

@media (max-width:767px) {
	/* HOME PAGE */
	.blocHome2 a					{ width:50%;}
	.blocHome2 .event				{ background-color:#084a7a;}
	.blocHome2 .croisieres			{ background-color:#063a60;}
	.blocHome3 .slider				{ width:400px !important;}
	.right-formules					{ right:10%;}
	.left-formules					{ left:10%;}
}

@media (max-width:630px) {
	/* HOME PAGE */
	#header 						{ height:500px !important;}
	.headerLeft 					{ display:none;}
	.logo 							{ left:30px; margin:0; top:30px;}
	.right-formules					{ right:6%;}
	.left-formules					{ left:6%;}
}

@media (max-width:630px) {
	/* HOME PAGE */
	.right-formules					{ display:none;}
	.left-formules					{ display:none;}
}

@media (max-width:500px) {
	/* HOME PAGE */
	.plan .content 					{ top:0;}
	.mobileClose 					{ right:35px; top:35px;}
	.blocHome2 a					{ width:100%;}
	.blocHome4 .parking				{ width:100%;}
	.blocHome4 .contact				{ width:100%;}
	.footer1 						{ width:100%; text-align:center;}
	.footer2 						{ width:100%; padding-top:65px;}	
	.footer4 						{ display:none;}	
	.blocHome2 .event				{ background-color:#063a60;}
	.blocHome2 .croisieres			{ background-color:#084a7a;}
	.scroll-top						{ position:relative; left:auto; top:auto; margin:0 auto 15px 0;}
}


@media (max-width:460px) {
	/* HOME PAGE */
	#header					{ height:380px !important; min-height:380px !important;}
	#header.page			{ height:300px !important; min-height:300px !important;}
	.nav-banner 			{ display:none;}
	.content-menu 			{ width:100%; right:0;}
	.content-menu .social 	{ display:none;}
	.logo 					{ left:50%; top:94px; margin:0 0 0 -25px; z-index:995; height:90px; width:50px; background:url(../images/logo-mobile.jpg) 0 0 no-repeat;}
	.scroll 				{ bottom:30px;}
	.right-banner 			{ bottom:40px;}
	.left-banner 			{ bottom:40px;}
	.headerRight 			{ padding:25px 0 0 10px;}
	.animation 				{ height:100%;}
	.homeTitre 				{ font-size:40px;}
	.blocHome1 				{ padding:50px 40px 50px 40px;}
	.blocHome3 .slider		{ width:300px !important;}
	/* PAGES INTERIEURES */
	.titrePage 				{ font-size:40px;}
	.pageLeft>div			{ padding:50px 30px 50px 30px;}
}


@media (max-width:420px) {
	/* HOME PAGE */
	.blocHome3 .slider		{ width:280px !important;}
	.formules .prix 		{ font-size:18px;}
	.formules .formGroup1	{ background:url(../images/icone-formule1-m.png) 50% 15px no-repeat; padding-top:72px !important; line-height:18px;}
	.formules .formGroup2	{ background:url(../images/icone-formule2-m.png) 50% 15px no-repeat; padding-top:72px !important; line-height:18px;}
	.formules .formGroup3	{ background:url(../images/icone-formule3-m.png) 50% 15px no-repeat; padding-top:72px !important; line-height:18px;}

}