/*
 _______  ______   _______  _______  ______   _______    _______  ______   _______  _______  _______  _  _  _  _______  ______   _     _ 
(_______)(_____ \ (_______)(_______)(_____ \ (_______)  (_______)(_____ \ (_______)(_______)(_______)(_)(_)(_)(_______)(_____ \ (_)   | |
 _        _____) ) _____    _______   ____) ) _____      _____    _____) ) _______  _  _  _  _____    _  _  _  _     _  _____) ) _____| |
| |      |  __  / |  ___)  |  ___  | / ____/ |  ___)    |  ___)  |  __  / |  ___  || ||_|| ||  ___)  | || || || |   | ||  __  / |  _   _)
| |_____ | |  \ \ | |_____ | |   | || (_____ | |        | |      | |  \ \ | |   | || |   | || |_____ | || || || |___| || |  \ \ | |  \ \ 
 \______)|_|   |_||_______)|_|   |_||_______)|_|        |_|      |_|   |_||_|   |_||_|   |_||_______) \_____/  \_____/ |_|   |_||_|   \_)

Version 0.9.6.0
Date 02/01/2015                                                                                 
*/

/* ################################################################################################################																		     *                                                                      							
														IMPORTS
 *###############################################################################################################*/



@font-face {
  font-family: Beausite;
  src: url('font/beausite.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/beausite.woff') format('woff'), /* Pretty Modern Browsers */
       url('font/beausite.otf')  format('truetype') /* Safari, Android, iOS */
}





/* ################################################################################################################																		     *                                                                      							
														BASICS
 *###############################################################################################################*/
 
 
	html, body { margin: 0; padding: 0; border: 0; height: 100%;}
	body { 
		font-size:14px; background: #eee;
		color: #111;
		font-family: Beausite, Arial;
		font-weight: 300;
		letter-spacing: 0;
		line-height: 1.5em;
		   -webkit-font-smoothing: antialiased;
			-ms-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			font-smoothing: grayscale;
		
	}


	body.is-loading * {
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}

	input, select, textarea {
		color: #aaa;
		font-size: 15px;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}

	a {
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		color: #002e52;
		text-decoration: none;
	}

	a span.ml:hover{ text-decoration: underline; }
		/*a:hover {
			border-bottom-color: #fff;
			text-decoration: none; 
			
		}
		
		a:active, a:focus { outline:0; }*/
		a img { border:0; }
		

	strong, b {font-weight: 500;	}
	p strong,p b {font-weight: 700;	}
	/*.chrome strong, b {font-weight: 600;	}*/

	p, ul, ol, dl, table, blockquote {
		margin: 0 0 2em 0;
	}
	p{ font-size: 1em; line-height: 1.5em;}

	h1, h2, h3, h4, h5, h6 {
		font-family: Beausite, Arial;
		color: inherit;
		font-weight: 300;
		line-height: 1.3em;
		margin-bottom: 1em;
		letter-spacing: 0.07em; 
	}
	h1.light, h2.light, h3.light, h4.light, h5.light, h6.light{
		font-family: BeausiteLight, Arial;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
			border: 0;
		}

	h2 {
		font-size: 2.7em;
		text-transform: uppercase;
	}

	h3 {
		font-size: 1.7em;
		text-transform: uppercase;
	}
	
	h4 {
		font-size: 1.5em;
		text-transform: uppercase;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border-top: solid 1px rgba(124, 128, 129, 0.2);
		border: 0;
		margin-bottom: 1.5em;
	}

	blockquote {
		/*border-left: solid 0.5em rgba(124, 128, 129, 0.2);
		font-style: italic;
		padding: 1em 0 1em 2em;*/
	}
	
	pre {
		margin:10px; padding:5px;
		background:#fafafa; border:1px dashed #ebebeb;
		font-family:Arial, Trebuchet MS, Helvetica, sans-serif;
		font-size:12px;
	}
	
	/**
	 * Lists
	 */
	ul { margin:0; padding:0; }
	li { list-style-type:none;}
	
	dl { margin:0; padding:0; }
	dt {}
	dd {}
	
	em{ font-style: italic !important;}
	 
	
	
/* ################################################################################################################																		     *                                                                      							
														ELEMENTS
 *###############################################################################################################*/
	
/* Table */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

			table.default tbody tr {
				border-bottom: solid 1px rgba(124, 128, 129, 0.2);
			}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				font-weight: 400;
				padding: 0.5em 1em 0.5em 1em;
				text-align: left;
			}

			table.default thead {
				background: #7c8081;
				color: #fff;
			}





/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea{
		-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: none;
		border: none;
		border-bottom: solid 1px rgba(255, 255, 255, 0.85);
		color: #fff;
		display: block;
		padding: 0.4em 10px;
		text-decoration: none;
		width: 96%;
		outline: 0;
		line-height: 1.3em;
	}
	textarea{
		border: solid 1px rgba(255, 255, 255, 0.85);
	}
	
	select{ -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		background: none;
		border: solid 1px rgba(255, 255, 255, 0.85);
		color: #fff;
		display: block;
		padding: 0.4em 0.75em;
		border-right-width: 1px;
		border-right-style: solid;
		line-height: 1.3em; }
		
	select option{ color: #000;}
	
	
	label{ color: #afbac2; display: block; text-align: left;}
	.textField label{ display: none;}
	
	.missingField label, .invalidField label { color:#EE2E24 !important; font-weight: 600; }
	.missingField input, .missingField textarea, .missingField select, .invalidField input, .invalidField textarea, .invalidField select { border-color:#EE2E24 !important; }
	.formErrors { margin:0; padding:10px 0 10px 0; }
	.formErrors li { list-style:none; margin:0px 0 5px 0; line-height:16px; color:#EE2E24 !important; font-weight: 600;}
	
	.fancybox-inner .missingField label, .fancybox-inner .invalidField label { color:#000; }
	.fancybox-inner .missingField input, .fancybox-inner .missingField textarea, .fancybox-inner .missingField select, .fancybox-inner .invalidField input, .fancybox-inner .invalidField textarea, .fancybox-inner .invalidField select { color:#000; }
	.fancybox-inner .formErrors li {  color:#000;}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus, select:focus, 
	input[type="text"]:hover,
	input[type="password"]:hover,
	input[type="email"]:hover,
	textarea:hover, select:hover {
		/*border-color: rgba(0, 161, 222, 0.7);*/
		border-color: #999;
	}
	
	fieldset{ border: none !important; margin: 0; padding: 0;}
	
	
	#field-security { display: none !important; }
	.formButtons { text-align: center;}

	.textField, .textareaField, p.selectField{ margin: 0 0 25px 0;}
	
	
	::placeholder {
	  color: #afbac2;
	}
	
	#Footer ::placeholder {
	  color: #ddd;
	}

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		background: none;
		border: 1px solid #111;
		color: #111;
		cursor: pointer;
		display: inline-block;
		font-size: 0.9em;
		font-weight: 300;
		letter-spacing: 0;
		padding:0.8em 2em;
		line-height: 1.1em;
		text-align: center;
		text-decoration: none;
		width: auto;
		letter-spacing: 2px;
		text-transform: uppercase; 
		font-weight: 500; 
		margin: 0 7px 5px;
		
	}
	
	.button.mini {
		padding: 0.4em 1.3em;
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover {
			background: rgba(255,255,255,1);
			border-color: #111;
			color: #111 !important;
		}
		.button:hover svg { color: #111 !important; }


		.button.under {
			border: none;
			border-bottom : 1px solid #111;
			border-top : 1px solid rgba(0,0,0,0);
			padding: 1em 2em;
			margin: 0 25px 12px;
		}
		.button.under.mini {
			padding: 0.5em 1em; font-size:0.7em !important; 
			margin: 8px 10px 8px;
		}
		
		.button.under:hover {
			background: none;
			border-top :  1px solid #111;
			color: #111 !important;
			text-decoration: none;
		}
		.button.under:hover svg { color: #111 !important; }
	
		.button.square {
			border : 1px solid #111;
			margin: 0 25px 12px;
		}
		
		
		.button.soulign {
			border: none;
			text-decoration: underline;
			margin: 0 0 15px 0;
			text-underline-offset: 5px;
		}
		
		.button.soulign:hover {
			
		}
		
	
	
	
/* Specials */


	 /**
	 * Floating elems
	 */
	.float, .floatL
	{display:inline; float:left;}
	.floatR
	{display:inline; float:right;}
	
	img.floatL, img.floatR{ display:block; }
	img.floatL{ margin: 0 20px 20px 0; }
	img.floatR{ margin: 0 0 20px 20px;  }
	
	
	/**
	 * Away elems
	 */

	.awayText
	{text-indent: -9999px; overflow: hidden; }
	.hidden
	{display: none;}
	
	.no-mobile .mobileZim{ display: none !important;}
	
	 /**
	 * WRAPPERS 980
	 */
	.focus
	{ margin:0 auto; width: 980px; }
	
	.clear{ clear: both; min-height: 1px;}
	.bigclear{ clear: both; height: 80px;}
	/**
	 * Overlays
	 */
	/* WHITE*/
	.overlay-w { background:rgba(255,255,255,0.7); }
	.lt-ie9 .overlay-w{
		background:none;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff)";
		zoom: 1;
	}
	/* BLACK*/
	.overlay-b{ background:rgba(0,0,0,0.7); }
	.lt-ie9 .overlay-b{
		background:none;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000)";
		zoom: 1;
	}

	
	.shadow{ text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
	.shadow-w{ text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); }

	
	.focusW{ width: 980px; margin: 0 auto;}
	
	
	
		
/* ################################################################################################################																		     *                                                                      							
														PAGES
 *###############################################################################################################*/



	.sfont {  }
	
	
	.vcard p { margin:0; padding:0; }
	.vcard .tel .type, .vcard .geo, .vcard .uri { display:none; }	
	
	.colzim{ display: block; width: 100%;}
	.absW{ position: relative; }
	
	.specialAnnounce { display:none !important;  } 
	
	
	.away{ position: relative; opacity: 0; z-index: 10;}
	.awayleft{ left: -120px;}
	.awayright{ right: -120px;}
	.awaytop{ top: -100px;}
	
	.blueColor{ color: #0f426a;}



	.littleup{ font-size: 1.1em !important; line-height: 1.4em;}
	.ffat{ font-size: 1.2em !important; line-height: 1.4em;}
	.big{ font-size: 1.5em !important; line-height: 1.3em; }
	.super { font-size: 2em !important; line-height: 1.1em; }
	.mega { font-size: 3em !important; line-height: 1em; }
	.ultra { font-size: 3.8em !important; line-height: 0.9em; }
	
	.little{ font-size: 1.2em !important }
	
	.fontreset{ font-size: 1em !important }
	.mini{ font-size: 0.8em !important; line-height: 1em; display: inline-block; }
	.tiny{ font-size: 0.7em !important; line-height: 1em; display: inline-block; }
	.micro{ font-size: 0.6em !important; line-height: 1em; display: inline-block; }
	
	.maj{ text-transform: uppercase; }

	
	.justified *, .justified { text-align: justify }
	p.justified, .justified p{ line-height: 1.5em; }
	.centered *, .centered, .centeredlist > li p.centered{ text-align: center; }
	.righted *, .righted, .centeredlist > li p.righted{ text-align: right; }
	.lefted *, .lefted, .centeredlist > li p.lefted{ text-align: left; }
	.bigmargin{ margin-top: 50px!important; margin-bottom: 50px !important;}
	.supermargin{ margin-top: 80px!important; margin-bottom: 80px !important;}
	.megamargin{ margin-top: 150px!important; margin-bottom: 150px !important;}
	.notitle{ margin: 50px 0 0 0;}	
	.fontplus{ font-size: 1.15em;}
	
	.bottomAlign{ vertical-align: bottom !important }
	.middleAlign{ vertical-align: middle !important }
	
	.titlepadding{ padding-top: 95px;}
	.titlepaddingmini{ padding-top: 50px;}
	.titlepaddingmadium{ padding-top: 150px;}
	.titlepaddingbig{ padding-top: 200px;}
	
	.nomargintop{ margin-top: 0 !important;}
	.nomarginbottom{ margin-bottom: 0 !important;}
	
	.sidepadding{ padding: 0 25px; width: auto !important;}
	
	
	.centeredlist{  display: table; width: 100%; text-align: center;}
	.centeredlist90{  margin-left: 5%!important; margin-right: 5%!important; width: 90%}
	.centeredlist85{  margin-left: 7.5%!important; margin-right: 7.5%!important; width: 85%}
	.centeredlist80{  margin-left: 10%!important; margin-right: 10%!important; width: 80%}
	.centeredlist75{ margin-left: 12.5%!important; margin-right: 12.5%!important; width: 75%}
	.centeredlist70{ margin-left: 15%!important; margin-right: 15%!important; width: 70%}
	.centeredlist60{ margin-left: 20%!important; margin-right: 20%!important; width: 60%}
	.centeredlist50{ margin-left: 25%!important; margin-right: 25%!important; width: 50%}
	.centeredlist40{ margin-left: 30%!important; margin-right: 30%!important; width: 40%}

	
	.centeredlist > li, .centeredlist.col3 > li, .centeredlist.col4 > li{ display: inline-block; vertical-align: top; position: relative;}
	.centeredlist > li.over{ z-index: 15}
	.centeredlist > li{ width: 45.5%; }
	.centeredlist > li div.cellW{ height: 100%; }
	.centeredlist > li:nth-child(odd){ }
	.centeredlist > li:nth-child(even){ }
	
	.centeredlist > li.col25{ width: 22.5%; margin: 0 1%; }
	.centeredlist > li.col25.colbigspace{ width: 23%; margin: 0 5%; }
	.centeredlist > li.col30{ width: 30%; margin: 0 1.5%; }
	.centeredlist > li.col33{ width: 32%; margin: 0 0.5%; }
	.centeredlist > li.col40{ width: 37%; margin: 0 1.5%; }
	.centeredlist > li.col45{ width: 43%; margin: 0 1.5%;}
	.centeredlist > li.col50{ width: 45%; margin: 0 2.4%; }
	.centeredlist > li.col60{ width: 57%; margin: 0 1.5%;}
	.centeredlist > li.col100{ width: 100%; }
	
	.centeredlist > li.decalleft{ margin-left: 19%}
	.centeredlist > li.decalleftmini{ margin-left: 9%}
	.centeredlist > li.decalright{ margin-right: 19%}
	.centeredlist > li.decalrightmini{ margin-right: 9%}
	
	.blackBG{ background: #000; color: #fff;}
	.greyblackBG{ background: #1a171b; color: #fff;}
	.greyBG{ background: #ddd; }
	.sableBG{ background: #c8ae77; }
	
	.greyblackBG .button.under { border-bottom : 1px solid #fff;	border-top : 1px solid #1a171b; color: #fff;	}
	.greyblackBG .button.under:hover { border-top : 1px solid #fff;	}
	
	.blueBG{ background: #002e52; padding: 30px 0; }
	.blueBG *{ color: #fff; }
	
	
	.goldBG{ background: #d2ac54; padding: 30px 0; }
	.goldBG *{ color: #fff; }
	/*.centeredlist p{ font-size: 1.15em; line-height: 1.4em;}*/
	

	
	.screenCarouselZoomW, .screenCarouselPictosW{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
	.screenCarouselZoom, .screenCarouselPictos{ width: 100%; height: 100%; }
	.carouselZoomZim, .carouselZoomZimW, .carouselPictosZim, .carouselPictosZimW{ display: block; position: absolute; }
	.carouselZoomZimW, .carouselPictosZimW{ opacity: 0;}

	
	.carouselZoomZim {
		 /* image à l'échelle 1 au départ */
	   -webkit-transform: scale(1);
	   -moz-transform: scale(1);
	   -o-transform: scale(1);
	   -ms-transform: scale(1);
	   
	   transform: scale(1);
	}
   
	.carouselZoomZim.scale{
		 /* propriétés de transition */
	   -moz-transition:all 11s ease-out;
	   -webkit-transition:all 11s ease-out;
	   -o-transition:all 11s ease-out;
		transition:all 11s ease-out;
		transform: translate3d(0px, 0px, 0px) scale(1.10);
	}
	
	
	
	#ZoomHalfBanner{ height: 100vh; position: relative; overflow: hidden; background: #d4d0cb url(zims/loader/loader-overlay.gif) no-repeat center; border-bottom: 15px solid #002e52; }
	#ZoomHalfBanner h2{ position: absolute; z-index: 500; font-size: 3.8em; bottom: 25px; right: 0; 
		margin: 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0, 1); text-align: center;
		width: 100%}
	#ZoomHalfBanner h2 img{ max-width: 300px }
	
	#CarouselArrows{ display: none;}
	/*#CarouselArrows a{ font-size: 4em; position: absolute; top: 50%;  z-index: 1000; text-shadow: 1px 1px 1px rgb(0 0 0);}*/
	#CarouselArrows a{ position: absolute; top: 45%;  z-index: 1000; text-indent: -999px; overflow: hidden;
		background: url(zims/icons/slider-arrows.png) no-repeat left center; width: 50px; height: 113px}
	#CarouselArrows a#CarouselPrev{ left: 2%; }
	#CarouselArrows a#CarouselNext{ right: 2%; background-position: right center; }
	
	
	#ScreenVideoHead{ height: 100%; }
	
	/* .video-js .vjs-tech{ height: 600px !important;} */
	
	

	.contactBlock{ display: inherit;}
	.contactBlock li{ vertical-align: top; }
	.contactBlock strong{ font-weight: 600;}
	.contactBlock p{ margin-bottom: 10px;}
	.contactBlock p svg, .contactBlock p svg{ display: block; float: left; font-size: 1.5em;}
	.contactBlock p span.line{ display: block; padding: 0 0 10px 40px; text-align: left;}

	.contactBlockLinks{ display: inline-block; float: right;}
	
	.minilist{ }
	.minilist span{ display: block; padding: 15px 0; border-bottom: 1px solid #fff; }


 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 
	/* 
	
	BLUE : #002e52;
	
	*/
	
/* HEADER */

	
	#Header { 
		position: fixed; top: 0; width: 100%; z-index: 1000;
		-moz-transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out;
		transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out;
		background-image: url(zims/frontend/header-repeat.png); background-repeat: repeat-x; background-position: center top;
		background-color: rgba(0,0,0,0);
	}
	.scrolled #Header, .forcedHeader #Header{ background-color: rgba(0,46,82,1); border-bottom: 1px solid #fff; }
	
	.covidbanner #Header { top: 50px; }

	
	#HomeLinkW { position: relative; text-align: center; z-index: 900; margin: 0;}
	#HomeLinkW a{ display: inline-block; }
	#HomeLinkW a img{ width: 200px; padding: 16px 0 10px;
		-moz-transition: width 0.2s ease-in-out, padding 0.2s ease-in-out;
		-webkit-transition: width 0.2s ease-in-out, padding 0.2s ease-in-out;
		-o-transition: width 0.2s ease-in-out, padding 0.2s ease-in-out;
		-ms-transition: width 0.2s ease-in-out, padding 0.2s ease-in-out;
		transition: width 0.2s ease-in-out, padding 0.2s ease-in-out; 
		}

	.scrolled #HomeLinkW a img, .forcedHeader #HomeLinkW a img{width: 110px; padding-top: 10px; }	
	



/* MAIN MENU */

	#Nav{ position: fixed; top: 0; width: 100%; height: auto; z-index: 5001;}
	.covidbanner #Nav { top: 50px; }
	#Nav.open{ height: 100%; }

	/*#UpperNav{ position: absolute; z-index: 5010; height: 70px; width: 100%; }*/
	
	#UpperMenu{ width: 100%;  position: relative; z-index: 1;}
	#UpperMenu ul{ width: 40%; height: 40px; position: absolute; top: 0; margin-top: 25px;  }
	#UpperMenu ul#LeftUpperMenu{ left: 0; padding-left: 13%;	}
	#UpperMenu ul#RightUpperMenu{ right: 0; padding-right: 18%;	}

	#UpperMenu ul li{ 
		display: inline-block; float: left; margin: -25px 0 0 0; padding-top: 33px;
		/*background: url(zims/frontend/upmenu-line.gif) no-repeat center top;*/
	}
	.white #UpperMenu ul li{ background-image: url(zims/frontend/upmenu-line2.gif); }
	
	#UpperMenu ul li a{ 
		color: #fff; text-transform: uppercase; font-size: 1.1em; border-right: 1px solid #fff; padding: 0 15px; 
		display: inline-block; 
	}
	#UpperMenu ul li a.icon{  padding: 0 0 0 15px; 	}
	#UpperMenu ul li a span{ display: inline-block; position: relative;}

		
	.white #UpperMenu ul li a{ color: #000; border-right-color: #000; }
	#UpperMenu ul li.noline a{ border-right: none; }
	#UpperMenu ul li a svg, #UpperMenu ul li a svg{ font-size: 1.3em;}
	#UpperMenu ul li a svg.fa-instagram{ font-size: 1.33em;}
	
	#UpperMenu ul#RightUpperMenu li{ float: right;	}

	
	 /* ANIMATED MENU ICO */
	 
	#NavIco {
		display: block; position: fixed; z-index: 5001; height: 25px; width: 32px;
		left: 2.5%; top: 31px; 
		/*-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;*/
		cursor: pointer;
	}
	.covidbanner #NavIco { top: 81px; }
	#NavIco span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #fff;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#NavIco span:nth-child(1) { top: 0px; 	}
	#NavIco span:nth-child(2),#NavIco span:nth-child(3) {  top: 9px;	}
	#NavIco span:nth-child(4) { top: 18px; }

	#NavIco.active span { background: #002e52; }
	#NavIco.active span:nth-child(1) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}

	#NavIco.active span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	#NavIco.active span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

	#NavIco.active span:nth-child(4) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}

	#NavIco strong {
		position: absolute;
		left: 55px; font-size: 1.1em;
		line-height: 1em;
		top: 10px; color: #fff;
		text-transform: uppercase;
		font-weight: normal;
	}
	
	
	
	#MenuW{ overflow: visible; width: 100%; height: 100%; position: relative; z-index: 1001;
	}
	
	#MenuOverlay{ 
		background: rgba(41,83,116,0.4);
		height: 100%; width: 100%; top: 0; left: 0;
		position: absolute; z-index: 900; 
	}
	#Menu{ overflow: visible;
		background: #fff;
		/*url(zims/frontend/menu-deco.jpg) no-repeat left top;*/
		height: 100%;
		position: absolute; z-index: 1000; opacity: 0; overflow: visible;
		height: 100%;width: 35%;
	}
	
	
	

	#MainMenuW{ padding-top: 110px; margin-bottom: 30px; }

	#MainMenu > li{ position: relative; margin-bottom: 5px;) }
	#MainMenu > li span.menuItemLine{ position: absolute; top: 48%; left: 0; width: 25px; height: 3px; background: #002e52;  }

	#MainMenu > li > a, #MainMenu > li > strong{ 
		display: block; position:relative;
		/*background: url(zims/frontend/menu-line-w.gif) no-repeat left bottom;*/
		padding: 11px 0 13px 45px; min-height: 30px; text-transform: uppercase; 
		font-weight: 300; color: #000; font-size: 1.6em; cursor: pointer; text-align: left; 
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; 
		
	}
		
	#MainMenu > li > a span, #MainMenu > li > strong span{ width: 100%; display: inline-block; }
	#MainMenu > li > a  i, #MainMenu > li > strong  i { font-size: 1.1em;}
	#MainMenu > li > a  i.fa-caret-down, #MainMenu > li > a  i.fa-caret-up, #MainMenu > li > strong  i.fa-caret-down, #MainMenu > li > strong  i.fa-caret-up { display: none;}

		
	#MainMenu > li > a:hover, #MainMenu > li > strong:hover, #MainMenu > li.actived > a, #MainMenu > li.actived > strong{  color: #fff; text-decoration : none; background-color: #002e52 }
	
	#MainMenu li .submenu{ position: absolute; right: 0; top: 0; background: #fff; padding: 155px 0 0 0; height: 100%; display: none;}
	
	
	#MainMenu li ul > li{ /*background: url(zims/frontend/menu-line-b.gif) no-repeat left 10px;*/ 
		/*padding-left: 40px; margin-bottom: 25px; */
		
	}
	#MainMenu li ul > li a{ padding: 10px 30px 10px 40px; display: block;	}
	#MainMenu li ul > li a:hover{ background: #000; color: #fff !important; }
	#MainMenu li ul > li.HTMLMenuW-Level2:hover > a{ background: #000; color: #fff; }
	
	#MainMenu li ul > li > a{ font-weight: 300; color: #000; font-size: 1.3em; cursor: pointer; text-transform: none; text-transform: uppercase;   }
	#MainMenu li ul > li > a img{ vertical-align:top; margin-top: -20px;  }
	#MainMenu li ul > li > a:hover{ text-decoration : none; }
	
	
	#MainMenu li ul > li > ul{ opacity: 0; 
		-moz-transition: opacity 0.7s ease-in-out;
		-webkit-transition: opacity 0.7s ease-in-out;
		-o-transition: opacity 0.7s ease-in-out;
		-ms-transition: opacity 0.7s ease-in-out;
		transition: opacity 0.7s ease-in-out; }
	
	#MainMenu li ul > li.HTMLMenuW-Level2:hover > ul{ opacity: 1; }

	#MainMenu li ul > li > ul > li{
		/*background: url(zims/frontend/menu-line-b.gif) no-repeat -30px 11px;*/
		padding-left : 25px; 
	}
	
	
	
	
	
	#SecondaryMenu{ }
	#SecondaryMenu > li > a, #SecondaryMenu > li > strong{ 
		display: block;
		padding: 2px 0 2px 45px; 
		font-weight: 300; color: #fff; font-size: 1em; cursor: pointer; text-align: left; 
	}
	#SecondaryMenu li > a:hover{ text-decoration : underline; }
	
	#Copyrights{ padding: 0 40px; font-size: 0.8em; line-height: 1.2em; position: absolute; bottom: 0; color: #000; }

		
		
	#LangsW{ position: absolute; left: 100px; top: 30px; width: 50px; z-index: 5010; }
	#LangsW #LangOpen{ display: block; float: left;  color: #fff; font-size: 1.4em; }
	.open #LangsW #LangOpen{  color: #002e52; }
	#LangLinks{ float: right;  }
	#LangLinks li{ text-align: right } 
	#LangLinks li a{ color: #fff; text-transform: uppercase;  padding: 3px 4px; display: block; font-size: 1.1em;} 
	.open #LangLinks li a{  color: #002e52; } 
	#LangLinks li.disabled{ display: none;} 	
		
		
		
	/* FOOT */
	
	#FooterW{ min-height: 200px; padding: 25px 3% 15px; border-top: 1px solid #ccc; background: #a5a09a; clear: both; }
	#FooterW *{ color: #fff; }
	
	#FooterMenu{ display: inline; float: left; width: 30%}
	#FooterNews{ display: inline; float: left; width: 40%; min-height: 150px; margin-bottom: 25px;}
	#FooterNews .title{ font-family: Beausite, Arial; text-transform: uppercase; font-size: 1.2em;}
	#FooterAddr{ display: inline; float: left; width: 23%; }
	#FooterAddr sup{ font-size: 0.6em; }
	#FooterBottom{ clear: left;}
	
	
	#FooterMenu { margin-top: 5px; }
	#FooterMenu li{ margin-bottom: 8px;}
	#FooterMenu li a{ font-size: 0.9em; text-transform: uppercase;}
	/*#FooterMenu li a.uppercase{ }*/
	#FooterMenu li a:hover{ text-decoration: underline;}
	
	#FooterAddr { text-transform: uppercase; text-align: right; margin-top: 5px; line-height: 1.6em; font-size: 0.9em; }
	#FooterAddr #Gmap{ text-transform: none; padding: 4px 8px; letter-spacing: 0; margin: 5px 0; font-size: 1em; }
	#FooterAddr .socialLink{ font-size: 1.5em; margin-left: 7px; }
	
	#FooterNews{ position: relative; }
	
	#FooterNews p.title{ text-align: center; font-size: 1.3em; margin-bottom: 20px;}
	#FooterNews .textField { display: inline; float: left; margin: 0; width: 48%;}
	#FooterNews .textField label { display: none; float: left; }
	#FooterNews .textField input { border-right: none; border-top: none; border-left: none; text-align: center; border-color: #fff;}
	#FooterNews .formButtons{ width: auto; }
	#FooterNews .formButtons input{ padding: 9px 10px 5px;}
	
	#FooterNews #field-valid{   margin: 0; padding-top: 15px; line-height: 0.9em; width: 100%; clear: both;  }
	#FooterNews #field-valid label{ font-size: 0.8em; color: #ddd; display: inline;  }
	
	
	
	#NewsletterForm { margin: 0;}
	
	
	
	#FootNewsErrors{ color:#EE2E24; margin-bottom: 10px; display: block;}
	#FootNewsCheck{ display: block; position: absolute; bottom: 0; left: 80%; font-size: 2.2em; display: none; }
	
	#FooterSocials{ display: block; margin-top: 0;}
	#FooterSocials svg{ font-size: 1.6em; margin-right: 10px;}

	#AllLink{ text-align: center; text-transform: uppercase; font-size: 1em; font-family: Beausite, Arial; font-size: 1.2em; margin-bottom: 5px; }
	#AllLink img{ display: inline-block; margin-bottom: 8px; width: 120px; }
	#Credits{ float: left; text-align: left; font-size: 0.8em; margin-top: -80px; line-height: 1.2em; }
	
	#FooterW .button,  #FooterW .submitButton { border: 1px solid #fff; color: #fff; }
		
	#Mentions{ text-transform: uppercase; font-size: 0.85em;}
	
	
	#kipsu-chat-button{ color: #fff !important;}
	
	
	
	/* CTA */
	
	
	#MainSelector{position: fixed; right: 3%; top: 18px; z-index: 5010;}
	.covidbanner #MainSelector { top: 68px; }
	
	#MainSelector { 
		border : 1px solid #fff; 
		-webkit-box-shadow: 0px 0px 10px 5px #FFFFFF; 
		box-shadow: 0px 0px 10px 5px #FFFFFF;
		-moz-transition:  background-color 0.3s ease-in-out;
		-webkit-transition:  background-color 0.3s ease-in-out;
		-o-transition:  background-color 0.3s ease-in-out;
		-ms-transition:  background-color 0.3s ease-in-out;
		transition:  background-color 0.3s ease-in-out;
	}
	
		
	
	
	
	#MainSelector .resaLegend{ 
		display: block; float: left; padding: 10px 20px;  font-size: 1.1em; letter-spacing: 6px;
		color: #fff; text-transform: uppercase;
		font-family: Beausite, Arial; }
	

	#MainSelector:hover { background: #fff;}
	#MainSelector:hover .resaLegend { color: #000; }	
	
	
	#MainSelector p a:hover span{ 
		opacity: 1;
	}
	
	
	/*
	#MainSelector p{ margin: 0; position: relative; height: 47px; }
	#MainSelector p a{ 
		display: block; float: left; width: 55px;
		background: url(zims/frontend/mainselector-sprites.png) no-repeat left top; overflow: hidden;
		text-align: center; height: 45px;  
		-moz-transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out;
		-webkit-transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out;
		-o-transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out;
		-ms-transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out;
		transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out;	}
		
	#MainSelector p a span{ 
		display: block; position: absolute; bottom: -24px;  color: #fff;
		width: 200%; left: -50%; opacity: 0;
		-moz-transition: opacity 0.3s ease-in-out;
		-webkit-transition: opacity 0.3s ease-in-out;
		-o-transition: opacity 0.3s ease-in-out;
		-ms-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
		display: none;
		
	 }
	 
	#MainSelector:hover { background: #fff;}
	#MainSelector:hover .resaLegend { color: #000; }	
	
	
	#MainSelector p a:hover span{ 
		opacity: 1;
	}*/
	
	
	 /*
	#MainSelector p a.gotoRooms{ background-position: 15px 8px; }
	#MainSelector p a.gotoRooms:hover{ background-position: -75px 8px; }
	#MainSelector p a.gotoResto{  background-position: 15px -53px;}
	#MainSelector p a.gotoResto:hover{  background-position: -75px -53px;}
	
	#MainSelector p a.gotoRooms{ background-position: 10px 8px; }
	#MainSelector:hover p a.gotoRooms{ background-position: -76px 8px; }
	#MainSelector p a.gotoRooms:hover{ background-position: -161px 8px; }

	#MainSelector p a.gotoResto{  background-position: 10px -53px;}
	#MainSelector:hover p a.gotoResto{  background-position: -75px -53px;}
	#MainSelector p a.gotoResto:hover {  background-position: -158px -53px;}
	*/

	
	/* OLD VERSION */ 
	/*#MainSelector{position: fixed; right: 0; top: 18px; z-index: 5010;}
	#MainSelector p{ margin: 0; }
	#MainSelector p a{ 
		display: block; float: left; width: 45px;
		background: #000 url(zims/frontend/mainselector-sprites.png) no-repeat center top; overflow: hidden;
		text-align: center; height: 45px;  
		-moz-transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out;
		-webkit-transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out;
		-o-transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out;
		-ms-transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out;
		transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out;	}
	#MainSelector p a:hover{  height: 50px;}
	#MainSelector p a span{ display: inline-block; text-indent: -999px; }
	
	#MainSelector p a#MainBookingLink{
		background: #000; color: #fff; line-height: 1.1em; text-transform: uppercase; 
		font-size: 1.1em; padding: 16px 0 0 0; width: 120px;}
	#MainSelector p a#MainBookingLink:hover, .scrolled #MainSelector p a#MainBookingLink, .forcedHeader #MainSelector p a#MainBookingLink{ background: #fff; color: #000;  }

	#MainSelector p a.gotoRooms{ background-position: center 7px; }
	#MainSelector p a.gotoResto{  background-position: center -53px;}
	#MainSelector p a.gotoSkybar{  background-position: center -116px;}*/
	
	
	
	/* VERTICAL	*/
	/*#MainSelector{position: fixed; right: 0; top: 30%; z-index: 1010;}
	#MainSelector p{ margin: 0; }
	#MainSelector p a{ 
		display: block; float: right; clear: right;
		background: #000 url(zims/frontend/mainselector-sprites.png) no-repeat center top; overflow: hidden;
		text-align: center; width: 50px;  
		-moz-transition: width 0.3s ease-in-out;
		-webkit-transition: width 0.3s ease-in-out;
		-o-transition: width 0.3s ease-in-out;
		-ms-transition: width 0.3s ease-in-out;
		transition: width 0.3s ease-in-out;	}
	#MainSelector p a:hover{  width: 60px;}
	#MainSelector p a span{ display: inline-block; text-indent: -999px; }
	
	#MainSelector p a#MainBookingLink{ background: #000; color: #fff; line-height: 1.1em; text-transform: uppercase; font-size: 1.1em; padding: 8px 0; }

	#MainSelector p a.gotoRooms{ height: 50px; background-color: #bcbcbc; background-position: center 5px; }
	#MainSelector p a.gotoResto{ height: 50px; background-color: #d4b87e; background-position: center -70px;}
	#MainSelector p a.gotoSkybar{ height: 50px; background-color: #fff; background-position: center -149px;}*/
	

	#CookiesBanner{ background: rgba(0,46,82,0.9); width: 100%; position: fixed; z-index: 1000; bottom: 0; left: 0; display: none;}
	#CookiesBanner p{ margin: 10px 10%; line-height: 1.2em; font-size: 0.85em; color: #fff;}
	#CookiesBanner p a{ display: block; float: right; min-width: 8em; padding: 5px 20px 4px; line-height: 2em; margin: 0 10px; line-height: 1em; margin-bottom: 10px; border-color: #fff; color: #fff; }
	#CookiesBanner p a#CookiesAccept{ background: #ccc; color: #000; font-weight: 500;  }
	#CookiesBanner p a#CookiesAccept:hover{ background: #fff; color: #fff; font-weight: 500;  }
	
	
	#CovidBanner{ background: rgba(255,255,255,1); width: 100%; position: fixed; z-index: 4900; top: 0; left: 0; display: none; }
	#CovidBanner p{ margin: 8px 5%; line-height: 1.2em; font-size: 1em; color: #000; padding-right: 30px; position: relative;}
	#CovidBanner p a{ color: #000;}
	#CovidBanner p a#CovidClose{ color: #000; position: absolute; top: 0; right: 0; font-size: 1.3em;  }
	
	
	/* Content */

	/*#ContentW, #Content { height: 100%; }*/
	#ContentW{  overflow-x: hidden;}
	#Content{ padding: 0 0 50px 0; min-height: 700px;}
	.forcedHeader #Content{ padding-top: 150px;}
	.covidbanner #Content { padding-top: 200px; }
	
	
	#OverlayLoad{ height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: #d4d0cb url(zims/loader/loader-overlay.gif) no-repeat center 49%; }
	
	
	/* Global */
	
	.itemBG{ position: relative; display: block; z-index: 5; width: 100% }
	
	

	/* HOME */
	
	#page-home { background: #e9e9e9; color: #000; }
	/*#page-home #ContentW, #page-home #Content { height: 100%; }*/
	#page-home #Content{ padding:0; min-height: auto;}
	
	#VideoW {
		box-sizing: border-box;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: -1;
		overflow: hidden;
	}
	#VideoHome{ position: absolute; z-index: -1;}
	.vjs-text-track-display {display: none; }
	#VideoW video, #VideoW .video-js{display: block; }
	
	
	#VideoOverlay{ overflow: hidden; top: 0; left: 0;}
	/*#HomeZimW-Mob{ position: fixed;}*/ /* Animated*/
	#HomeZimW-Mob{ position: relative;}

	.videopanelW{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.videopanel{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
	#VideoPanel2{ position: absolute; z-index: 1;}
	#VideoPanel3{ position: absolute; z-index: 2;}
	#VideoPanel4{ position: absolute; z-index: 4;}
	#VideoPanel5{ position: absolute; z-index: 5;}
	
	
	.videoOverlay, #VideoHomeCache{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
	.videoOverlay.overB{ background: rgba(0,0,0,0.3); }
	.videoOverlay.overW{ background: rgba(255,255,255,0.3); }
	
	#VideoHomeCache{ background: #000; display: none; z-index: 0; }
	
	
	
	
	
	#HomeTitleW{
		position: absolute; bottom: 10%;
		width: 100%;
	}
	#HomeTitleW h2 { text-align: center; /*text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);*/ color: #fff; line-height: 1em; letter-spacing: 15px; font-size: 2.2em; letter-spacing: 2px; line-height: 1.3em;}
	
	#HomeTitleW h2 strong{ display: inline-block;  font-size: 1.4em; font-weight: 400; padding: 0; margin: 0;  }

	
	#Hometitlelegend{ position: absolute; bottom: 5px; left: 70px; color: #fff; font-size: 0.9em; font-style: italic;}
	
	#Hometitlestar{ font-size: 0.5em; position: relative; bottom: 17px;}
	/* #Hometitlestar{ font-size: 0.3em; position: relative; bottom: 66px;} */
		
		
	#SoonPopupW{ display: none;}
	#SoonPopup{ padding: 80px 120px; background: #002e52; color: #fff; margin: 0;}
	
	#BeachPopupW{ display: none;}
	#BeachPopup{ padding: 80px 120px; background: #fff; color: #000; margin: 0;}
		
		
		
	.homeSectionW{ min-height: 500px;  width: 100%; height: 100%;  }
	.homeSection{  padding: 50px 0;  position: relative;}
	
	


	 /* GENERAL BLOCK LISTS */
	
	.zimBlocsList{}
	.zimBlocsList li.col25{ margin: 0 0.5% 20px 0.5% !important; width: 23.5% !important;}
	.zimBlocsList li.col30{ margin: 0 0.5% 20px 0.5% !important; width: 31.5% !important;}
	.zimBlocsList li.col50{ margin: 0 0.5% 20px 0.5% !important; width: 48.5% !important;}
	.zimBlocsList li.col100{ margin: 0 0.5% 20px 0.5% !important; width: 97% !important; }
	
	
	.scaleSelector{}
	.scaleSelector li.col25{ margin: 0 0.5% 20px 0.5%; width: 23.5%;}
	.scaleSelector li.col30{ margin: 0 0.5% 20px 0.5%; width: 31.5%;}
	.scaleSelector li.col50{ margin: 0 0.5% 20px 0.5%; width: 48.5%;}
	.scaleSelector li.col100{ margin: 0 0.5% 20px 0.5%; width: 99%; }
	
	
	
	.zimBlocsList li, .scaleSelector li { background: #ccc; }
	#page-home .zimBlocsList li { background: #ccc; }
	

	.zimBlocsList li h3, .scaleSelector li h3{ 
		margin: 0; color: #fff; width: 100%; height: 100%; margin: 0; position: relative; min-height: 200px; font-size: 1.5em;
	}
	.zimBlocsList.reduct li h3{
		max-height: 340px; overflow: hidden; 
	}
	.scaleSelector.reduct li h3{ 
		max-height: 435px; overflow: hidden; 
	}
	.zimBlocsList.reduct li.col30 h3 img{ margin-top: -100px;}
		
		
	.zimBlocsList li .itemTitle, .scaleSelector li .itemTitle{
		position: absolute; display: block; top: 32%; text-align: center; 
		z-index: 10; width: 100%; text-transform: uppercase; font-size: 1.3em;
		-moz-transition: top 0.3s ease-in-out;
		-webkit-transition: top 0.3s ease-in-out;
		-o-transition: top 0.3s ease-in-out;
		-ms-transition: top 0.3s ease-in-out;
		transition: top 0.3s ease-in-out;
		}
	.zimBlocsList li .itemTitle.alone, .zimBlocsList li .itemTitle.mini, .scaleSelector li .itemTitle.alone{ top: 40%; }
	.zimBlocsList li .itemTitle.illus{ top: 17%;  }
	.zimBlocsList li .itemTitle.illus.mini{ top: 30%; }
	
	.zimBlocsList li .itemTitle strong, .scaleSelector li .itemTitle strong{
		display: inline-block; padding: 0 15px; line-height: 1.2em; /*border-left: 2px solid #fff; border-right: 2px solid #fff;*/
		-moz-transition: padding 0.3s ease-in-out;
		-webkit-transition: padding 0.3s ease-in-out;
		-o-transition: padding 0.3s ease-in-out;
		-ms-transition: padding 0.3s ease-in-out;
		transition: padding 0.3s ease-in-out;	}
	
	.zimBlocsList li a:hover .itemTitle strong{ padding: 0 25px; }
	.zimBlocsList li .itemTitle.alone strong{ font-size: 1.1em; }
	
	.zimBlocsList li .itemTitle span.popup, .scaleSelector li .itemTitle span.popup{
		display: block; padding: 20px 15px; line-height: 1.2em; font-size: 0.5em; opacity: 0;
		-moz-transition: opacity 0.3s ease-in-out, padding 0.3s ease-in-out;
		-webkit-transition: opacity 0.3s ease-in-out, padding 0.3s ease-in-out;
		-o-transition: opacity 0.3s ease-in-out, padding 0.3s ease-in-out;
		-ms-transition: opacity 0.3s ease-in-out, padding 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out, padding 0.3s ease-in-out;
	}
	
	.zimBlocsList li a:hover .itemTitle span.popup, .scaleSelector  li:hover .itemTitle span.popup{
		opacity: 1; padding: 12px 15px; 
	}
	
	.zimBlocsList li .itemTitle span.popup .button, .secondLink .button {
		margin-top: 8px; padding: 8px 15px; color: #fff; border-color: #fff; font-size: 1em;
	}
	.zimBlocsList li .links .button, .scaleSelector li .links .button, .secondLink  .button{
		display: block; margin: 8px 30%;		
	}
	
	.zimBlocsList li .itemTitle span.popup .button:hover, .scaleSelector li .button:hover{
		color: #000 !important;
	}
	.zimBlocsList li a:hover .itemTitle span.popup .button, .scaleSelector li a:hover .button{
		background: #fff; color: #000 !important;
	}
	
	
	/* avec logos (abandonné) */
	
	/*.zimBlocsList li .itemTitle.illus img{ 
		display: inline-block; max-width: 58%;
	}
	.zimBlocsList li .itemTitle.illus.mini img{ 
		max-width: 30%;
	}*/
	
	
	.zimBlocsList li a:hover .itemTitle { top: 30%;}
	.zimBlocsList li a:hover .itemTitle.alone, .zimBlocsList li a:hover .itemTitle.mini{ top: 38%; }
	.zimBlocsList li a:hover .itemTitle.illus{ top: 15%;}
	.zimBlocsList li a:hover .itemTitle.illus.mini{ top: 28%;}
	
	.backdeco{ display: none; }
	
	
	
	
	
	
	.scaleSelector li{ overflow: hidden; position: relative;}
	.scaleSelector li h3{ height: 470px;}
	.scaleSelector li .itemTitle strong { font-size: 1.5em;}
	.scaleSelector li .itemTitle strong img{  width: 70%; max-width: 300px; max-height: 150px;}
	.zimBlocsList li .itemTitle .titleintro, .scaleSelector li .itemTitle .titleintro {  display: block;  font-size: 0.5em; line-height: 1.1em; margin-top: 10px;}
	.zimBlocsList li .itemTitle, .scaleSelector li .itemTitle{ font-size: 1em; }
	.scaleSelector li .itemBG{
		width: auto; height: 100%; position: relative; left: -25%;
	}
	
	/*.scaleSelector li.active .itemBG{
		 left: 0%;
	}*/
	.zimBlocsList li .links, .scaleSelector li .links { display: block; position: absolute; bottom: 5%; width: 100%; z-index: 10;}
	
	.zimBlocsList li .links .button, .scaleSelector li .links .button {
		margin-top: 8px; padding: 5px 8px; color: #fff; border-color: #fff; font-size: 0.6em;
	}
	.zimBlocsList li .links .soon, .scaleSelector li .links .soon {
		 font-size: 0.5em;
	}
	
	.secondLink { position: absolute; width: 100%; bottom: 65px; z-index: 100; left: 0; font-size: 0.6em; }
	
	.scaleSelector li .videoW{ display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
	.scaleSelector li .videoW .videoOverlay{ position: absolute; display: block; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.2); z-index: 2;}
	.scaleSelector li .videoW .video-js{ display: block; height: 100%; position: relative; z-index: 1;}
	
	
	.muteButton{ display: block; position: absolute; right: 20px; top: 20px; z-index: 50; cursor: pointer; display: none;}
	.muteButton svg{ font-size: 1em; }
	.muteButton .fa-volume-up{ display: none; } .muteButton .fa-volume-mute{ display: block; }
	.muteButton.playing .fa-volume-up{ display: block; } .muteButton.playing .fa-volume-mute { display: none; }
	
	/* DEV */
	/*.scaleSelector li .itemBG{ display: none !important; }*/
	
	
	
	/* MODIF LEFT SUR LA HOME */ 
	
	.homeSection .zimBlocsList li .itemTitle, 
	.homeSection .zimBlocsList li .itemTitle.alone, 
	.homeSection .zimBlocsList li .itemTitle.mini,
	.homeSection .zimBlocsList li .itemTitle.illus,
	.homeSection .zimBlocsList li .itemTitle.illus.mini{ 
		top: auto; bottom: 4%; text-align: left;
		-moz-transition: bottom 0.3s ease-in-out;
		-webkit-transition: bottom 0.3s ease-in-out;
		-o-transition: bottom 0.3s ease-in-out;
		-ms-transition: bottom 0.3s ease-in-out;
		transition: bottom 0.3s ease-in-out; }
	
	.homeSection .zimBlocsList li a:hover .itemTitle, 
	.homeSection .zimBlocsList li a:hover .itemTitle.alone, 
	.homeSection .zimBlocsList li a:hover .itemTitle.mini,
	.homeSection .zimBlocsList li a:hover .itemTitle.illus,
	.homeSection .zimBlocsList li a:hover .itemTitle.illus.mini{ top: auto; bottom: 6% }
	
	
	
	
	#Prestations h4 { margin-bottom: 15px; font-size: 1.6em;}
	#Prestations h4 span {  font-size: 0.7em; }
	.prestaBox { margin: 40px 0 80px;}
	
	.servicesList{ display: table; width: 80%; margin: 0 10%; text-align: center;}
	.servicesList li{ 
		display: inline-block; background: url(zims/icons/services.png?c=778) no-repeat center -10px; 
		min-height:25px; padding: 35px 1% 0 1%; width: 14%; line-height: 1em; vertical-align: top; margin-bottom: 20px;  }
	
	
	.servicesList li.ico-bag{background-position:center -95px;}
	.servicesList li.ico-business{background-position:center -179px;}
	.servicesList li.ico-wifi{background-position:center -265px;}
	.servicesList li.ico-press{background-position:center -353px;}
	
	.servicesList li.ico-resto{background-position:center -450px;}
	.servicesList li.ico-pdej{background-position:center -541px;}
	.servicesList li.ico-bar{background-position:center -645px;}
	.servicesList li.ico-room{background-position:center -759px;}
	.servicesList li.ico-event{background-position:center -1691px;}
	
	.servicesList li.ico-blanc{background-position:center -865px;}
	.servicesList li.ico-cir{background-position:center -962px;}
	.servicesList li.ico-fer{background-position:center -1060px;}
	.servicesList li.ico-bb{background-position:center -1154px;}
	.servicesList li.ico-pet{background-position:center -1264px;}
	.servicesList li.ico-velo{background-position:center -1482px;}
	.servicesList li.ico-park{background-position:center -1584px;}
	
	.servicesList li.ico-asc{background-position:center -2045px;}
	.servicesList li.ico-patio{background-position:center -1801px;}
	.servicesList li.ico-reveil{background-position:center -1922px;}
	.servicesList li.ico-sport{background-position:center -2170px;}
	.servicesList li.ico-pool{background-position:center -2337px;}
	.servicesList li.ico-navette{background-position:center -2490px;}
	
	
	
	
	.plusList{ display: flex;	padding: 0 10%; flex-wrap: wrap; gap: 0 3%;
	}
	.plusList li{width: 31%; line-height: 1.4em; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #666;
		display: inline-block; }
	
	
	
	
	
	
	#page-home .zimBlocsList li .itemTitle strong{ font-size: 1em; line-height: 1em; }
	
	
	
	
	/* CAS SPECIAUX PLACEMENT IMAGE*/
	
	
	/*#SkybarFbSelector .itemBG{ position: absolute; right: -5%; left: auto; }
	*/
	
	/* */
	
	
	
	#HomeOffers{  }
	
	.offersList{}
	.offersList li{ margin-bottom: 30px !important;}
	.offersList li *{ text-align: left;}
	.offersList li div{ background: #000; position: relative;  padding: 20px 40px 20px 20px; overflow: auto;}
	.offersList li div img{ display: block; float: left; height: 200px; margin: 0 25px 0 0;}
	
	.offersList li h4 { margin: 0 0 20px 0; text-transform: uppercase;}
	.offersList li p{ line-height: 1.2em; }
	.offersList li h5{ margin: 15px 0 0 0; text-transform: uppercase; font-size: 1.5em;}
	
	
	
	
	
	.fitnessList{ display: flex; flex-wrap:wrap; gap: 20px}
	.fitnessList li{ width: 45%; padding-bottom: 5px; border-bottom: 1px solid #5b809d; }
	
	
	
	
	
	
	/* -- ANIMATED SECTIONS SELECTORS-- */
	
	
	
	.itemSelector { margin: 40px 0; position: relative;}
	.videoSelector{}
	

	
	.itemSelector .itemsW, .itemSelector .clickerW{ display: flex;width: 100%}
	
	.itemsW{ position: relative; z-index: 300;}
	.clickerW{ position: absolute; top: 0; left: 0; z-index: 500;}
	
	.clickerW li a{ display: block; width: 100%; height: 100%; color: #fff; }
	/*.clickerW li a:hover{ background: url(zims/frontend/selector-repeat.jpg) repeat-x center bottom;}*/
	.clickerW li a span.buttonW{ display: block; width: 100%; position: absolute; bottom: 30px; left: 0; text-align: center; }
	.clickerW li a span.buttonW span{ color: #fff; border-color: #fff; background: #000;  }
	.clickerW li a span.buttonW span:hover{ color: #000; background: #fff; border-color: #fff;  }
	
	.clickerW li .itemTitle{
		position: absolute; display: block; top: 45%; text-align: center; /*opacity: 0;*/font-family: Beausite, Arial;
		z-index: 10; width: 100%; opacity: 1; font-size: 5em; text-transform: uppercase;}
	.clickerW li a.goback span.buttonW { opacity: 0.5;  }
	.clickerW li a.goback .itemTitle { opacity: 0.7; color: #ccc;  }

	
	
	.itemsW li, .clickerW li{ flex: initial; height: 600px; position: relative; width: 31.5%; overflow: hidden; margin: 0 1% 20px;}

	.itemsW li h3{ margin: 0; color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; }
	.itemsW li .itemTitle{
		position: absolute; display: block; top: 45%; text-align: center; /*opacity: 0;*/
		z-index: 10; width: 100%; text-transform: uppercase; font-size: 2em;}
	.itemsW li .itemTitle.illus, .clickerW li .itemTitle.illus{ top: 33%;  }

	
	
	.videoSelector .videoWW{ position: absolute; top: 0; left: 0; z-index: 400; width: 100%; height: 100%; overflow: hidden;}
	.videoSelector .videoW{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
	.videoSelector .videoW video{ position: absolute; z-index: 1; }
	.videoSelector .videoW .video-js{  width: 100% !important; }
	/*.videoSelector .videoW * {display: none; }*/
	.videoSelector .videoW video, .videoSelector .videoW .video-js{display: block; }

	
	
	
	
	/* DETAILS PAGES */
	
	.pictoList{}
	
	.pictoList.inline { display: table; width: 90%; margin: 0 auto; text-align: center;}
	.pictoList.inline li{ display: inline-block; padding: 0 20px;}
	.pictoList.inline li svg{ font-size: 1.5em; color: #002e52;}
	
	
	/* */
	
	.prestationList{ }
	.prestationList *{ text-align: left; }
	.prestationList p{ font-size: 1.1em; }
	.prestationList h3{ text-align: left; border-bottom: 1px solid #999; padding-bottom: 15px; line-height: 1.2em; color: #002e52;  }
	.prestationList ul{ padding-left: 18px; margin-bottom: 35px; }
	.prestationList ul li { 
		text-align: left; margin-bottom: 18px; font-size: 1.1em;
		list-style-type: disc; list-style-position: ourtside;}
		
		
		
	
	
	
	
	/* */
	
	#EventResaLink{ 
		display: block; position: fixed; top: 88px; right: 3%; z-index: 1000;
		font-family: Beausite, Arial; background: #000; color: #fff; letter-spacing: 0; font-size: 1.4em; padding: 8px 20px;
		border: 2px solid; margin: 0;
		border-image-slice: 1;
		border-image-source: linear-gradient(45deg, #743ad5, #1d7eba);		 
	}
	#EventResaLink:hover{ background: #fff; }
	#EventResaLink.white{ background: #fff; color: #000; }
	#EventResaLink.white:hover{ background: #000; color: #fff !important; }
	
	.miniBackto{ display: block; position: absolute; left: 5%; }
	.miniBackto.onvid{ left: 6%; bottom: 30px; top: auto; z-index: 900;}
	.miniBackto:hover{ text-decoration: underline; }
	
	#page-rooms-suites .miniBackto{ top: 40px; }
	
	
	
	.floatingbgW{ clear: both; margin: 200px 0 100px; position: relative;}
	.floatingbgW.nomargin{ margin: 20px 0;}
	.floatingbgBand{ height: 75%; position: absolute; top: 12.5%; left: 0; z-index: 0; width: 100%; background: #000;}

	.styledSoulign { position: relative; border-bottom: 5px solid #c8ae77; padding-bottom: 15px;}


	.textW{ padding: 25px;}

	.floatingbgW .textW{ padding-bottom: 0;}
	.tempDeco{ display: inline; float: right; margin: -50px 0 0 25px; max-width: 50%; position: relative; z-index: 100; }
	
	
	
	.tab{ display: none; }
	.tabsMenu{ display: table; width: 100%; text-align: center;}
	.tabsMenu li{ display: inline-block;margin: 0 10px; }
	.tabsMenu li.active a.button{ background: #fff; color: #000 !important;}
	
	
	
	.separLine{ display: block; width: 75%; height: 1px; background: #fff; margin: 25px 0; position: relative; }
	.separLine.separL{ left: -50%; }
	.separLine.separR{ right: -50%; }
	
	
	.straightLine{ display: block; width: 1px; height: 60px; background: #fff; margin: -30px auto 0; position: relative; z-index: 20;}
	
	
	.randomItemMenu{ display: flex; flex-direction : row; align-items: stretch	}
	.randomItemMenu li{
		flex-grow: 1;
		border: 1px solid #fff; margin: 0 5px; text-align: center;
		font-size: 1.2em;
	}
	.randomItemMenu li a{
		display: block; padding: 15px 10px; text-transform: uppercase;
	}
	.randomItemMenu.black li{ border: 1px solid #000; }
	.randomItemMenu li.active{ background: #fff; }
	.randomItemMenu.black li.active{ background: #111;}
	.randomItemMenu li.active a{ color: #111; }
	.randomItemMenu.black li.active a{ color: #fff!important; }
	.randomItemMenu li a:hover{ text-decoration: underline; }
	
	

	
	
	#EventSpacesMenu{ margin: 80px 7.5% 0; width: 75%;}
	#EventSpaces{ min-height: 440px;}
	#Services{ min-height: 440px;}
	
	
	
	/* SECTIONS BG */
	
	
	#page-hotel #ContentW{ }
	#page-services #ContentW{  }
	
	
	
	#page-rooms-selector #ContentW{ 
	}
	/*#page-events-meetings #ContentW{ background: #111 url(zims/frontend/backgrounds/events.jpg) no-repeat center top; background-attachment: fixed}
	#page-event-request #ContentW{ background: #111 url(zims/frontend/backgrounds/events.jpg) no-repeat center top; background-attachment: fixed}*/
	
	
	.selectonly{ display: none;  }
	.zimBlocsList .selectonly{ display: inline; }
	.zimBlocsList .titleonly{ display: none; }
	
	
	
	
	
	
	/* PAGINATION JS */
	
	#RseActionsContentsW{ overflow: hidden; display: none; position: relative; }
	#RseActionsContentsW .pagination{ position: absolute; bottom: 0; width: 100%;}
	
	.rseAction{ }
	.rseAction h3{ font-size: 2em; }
	.rseAction h3 span {display: inline-block; font-size: 0.8em; margin-bottom: 8px; }
	.rseAction p a:hover{ text-decoration: underline;}
	
	.bigNumCounter .incrNum, .bigNumCounter .incrNumComp{ font-family: Beausite, Arial; font-size: 5em; line-height: 1.5em; padding-top: 10px; }
	.bigNumCounter svg{ font-size: 3em;}
	.bigNumCounter svg.normal{ font-size: 1em;}
	
	.paginatedW { /*overflow: hidden;*/ width: 100%;padding-bottom: 10px; }
	.paginatedW .sliderPage { display: none; position: relative;}
	
	.pagination{ height: 25px; width: 100%; position: relative; margin-top: 20px;}
	.hlt-700 .pagination{ height: 25px; margin-top: 0;}
	.pagi-prev, .pagi-next{ 
		display: inline-block; width: 11px; height: 20px; background: url(zims/frontend/pagination-arrows-b.png) no-repeat left center;
		border: none; text-indent: -999px; overflow:hidden;
		bottom: 0; cursor: pointer; margin: 0 20px;}
		
	.pagi-prev{ }
	.pagi-next{  background-position:right center;}
	.pagi-prev, .pagi-next{ display: none;}

	.pagi-dots{ position: absolute; bottom: 0; width: 80%; left: 10%; display: table; text-align:center; }
	.pagi-dots li{ display: inline-block; margin: 0 5px; height: 12px; vertical-align: top; overflow:visible !important; margin: 0 10px !important;  }
	.pagi-dots li button{ 
		background: #999; width: 12px; height: 12px; border: none; vertical-align:top; 
		text-indent: -999px; overflow:hidden;cursor: pointer;
		padding: 0;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;  }
	.pagi-dots li button.active{ background:#000; }
	
	.pageCount{ display: none;}
	
	.pagi2 .pageCount{ display: inline;}
	.pagi2 .pagi-prev, .pagi2 .pagi-next{ display: inline-block;}
	.pagi2 .pagi-dots{  display: none;}
	
	
	.swipepagination{ padding-top: 20px;}
	.swipepagination ul{ display: table; width: 100%; text-align: center;}
	.swipepagination ul li{ display: inline-block; margin: 0 5px; }
	.swipepagination .dot{ 
		background: #000; width: 10px; height: 10px; border: none; vertical-align:top;  display: inline-block;
		text-indent: -999px; overflow:hidden;
		padding: 0; border: 1px solid #fff;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;  }
	.swipepagination .dot.active{ background:#fff;  }
	
	
	
	.floatImgR{ float: right; margin: 0 0 15px 10px;}
	
	/* ANIMATIONS */
	
	
	.animZim{}
	.animZim.rotZim{ 
		position: relative; z-index: 1;
		transform: rotate(-12deg);
		-moz-transition: all 1.5s ease-out;
		-webkit-transition: all 1.5s ease-out;
		-o-transition: all 1.5s ease-out;
		-ms-transition: all 1.5s ease-out;
		transition: all 1.5s ease-out;} 
	.animZim.rotZim.done{ transform: rotate(0deg); opacity: 1 !important;} 
	
	


	#page-gallery #Content{ padding-top: 180px;}
	
	#RealList{ padding-bottom: 40px; }
	#RealList li{ border-top: 4px solid #fff; min-height: 200px; margin: 0 0.5% 15px; width: 32%; max-width: 500px; }
	#RealList li img{ z-index: 0; position: relative; display: block; width: 100% }
	#RealList li p .description{ font-size: 1.2em; padding: 15px 0 0 0; min-height: 40px; }
	#RealList li .lineSepar{ display: block; width: 1px; height: 40px; background: #fff; margin: -20px auto 0; z-index: 1; position: relative;}
	
	
		
	
	
	
	#SubMenuW{ margin-bottom: 50px; position: relative; z-index: 100; top: -2px; }
	#SubMenuW.nomargin{margin-bottom: 0; }
	#SubMenuW ul.submenu{  background: #fff; width: 100%; display: table; text-align: center; /*border-bottom: 1px solid #666;*/ }
	#SubMenuW.colormenu ul.submenu{  background: #fff; }
	#SubMenuW ul.submenu li{ display: inline-block; padding: 0 30px; border-right: 1px solid #002e52; }
	#SubMenuW ul.submenu li a { display: block; padding: 10px 0; color: #000; text-transform: uppercase;  }
	#SubMenuW ul.submenu li:last-child{ border-right:none }
	#SubMenuW ul.submenu li.current{ background: #fff;  }
	#SubMenuW ul.submenu li.current a{  color: #000; }
	
	
	
	
	
		
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * NEWS * * * * * * * * * * * * * * * * * * * * * * * * * * * * */		
	
	#ActusList{ margin: 40px auto;}
	#ActusList li{ margin-bottom: 20px;}
	
	#ActusList li:nth-child(3n+1){ clear: left; }
	
	
	.actu{ position: relative; margin-bottom: 30px;}
	.actu h3{ margin: 0; height: 100%; position: relative; overflow: hidden;}
	.actu a { display: block; vertical-align: top;}
	.actu a img{ width: 100%; vertical-align: top;}
	
	
	.actu-listItemOverlay {
		position: absolute; top: 0; left: 0;
		display: table;
		height: 100%;
		width: 100%;
		vertical-align: middle;
		padding: 4%;
		background: rgba(20,20,20,0.5);
		
		
	}
	.chrome .actu-listItemOverlay { width: 100%; height: 100%;}
	/*.actu a:hover .actu-listItemOverlay { padding: 0; width: 100%; height: 100%}*/
	
	.actu-listItemTitle{
		
		font-size: 1.3em;
		line-height: 1em;
		margin: 0; color: #fff;
		height: 100%;
		width: 100%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		text-transform: uppercase;
		padding: 10px;
		border: 1px solid #000;
		
	}
	.actu a:hover .actu-listItemTitle { border: 1px solid #fff;}	
	
	.actu-listItemSubtitle{ 
		font-size: 0.5em;
		display: inline-block; 
		margin-top: 20px; border-top: 1px solid #fff;
		line-height: 1.2em; padding-top: 10px;
	}
	

	
	
	.backLink{ display: block; margin-top: 15px; font-size: 1.1em; text-transform: uppercase; letter-spacing: 0; color: #111;}
	
	
	.actuSubtitle{ background: #002e52; text-align: center; color: #fff; padding: 0.6em 10px; margin-top: 0; text-transform: uppercase; ont-size: 1.3em; }	
	.actuFlyerW{}
	.actuFlyerW img, .actuHeaderW img, .actuFooterW img{ display: block; width: 100%;}
	
	.actuHeaderW{ margin-bottom: 40px;} 
	.actuFooterW { margin-top: 20px;}
	

	
	.newsGalPagi{  position: relative; margin-top: 5px;}
	.newsGalArrow{ position:absolute; font-size: 1.8em; color: #111; top: 0; }
	.newsGalArrow.carousel-prev{  }	
	.newsGalArrow.carousel-next{ right: 0; left: auto;}	
	.newsGalCounter{ width: 100%; display: block; text-align: center; line-height: 1.8em; color: #111 }
	
	
	#OfferContent{ padding-bottom: 40px;}
	#OfferContent ul{ margin: 15px 0; }
	#OfferContent ul li{ display: block;  list-style: square inside !important; }
	
	#OfferContent a{ color: #000;  border: 1px solid #000; }
	

	.noData{ padding: 150px 0; text-align: center; font-style: italic; font-size: 1.5em;}
	






	#page-rooftop #ZoomHalfBanner { border-color: #d2ac54; }



	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CONTACT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	
	/* CONTACT */
	
	#page-contact{ }
	#page-contact #Content{   padding: 180px 0 0 0;}
	
	
	
	
	#ContactBlock{ /*background: url(zims/frontend/plane.gif) no-repeat center top;*/  }
	#ContactBlock *{ }
	#ContactBlock h3{   }
	#ContactBlock svg{ font-size: 2em; color: #002e52; padding: 0 10px;}
	#ContactBlock a{ text-decoration: underline; color: }
	#Coords .fn{ font-size: 1.5em; margin-bottom: 20px;}


	#Content .vcard  .type, .vcard .uri, .vcard .geo{ display:none; }	

	
	#ContactFormWW{  position: relative; padding-bottom: 15px;  }
	#ContactFormW{  background: #002e52; padding: 25px; position: relative; z-index: 10; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
	#ContactFormW h3{ color:  #fff; }
	#ContactForm{ margin: 0;  }
	#FormDeco{ display: block; position: absolute; top: -24px; right: -17px;}
	
	/*#ContactFormWW .deco2{ position: absolute;  z-index : 1; background: #991626; opacity: 0; }
	#ContactDeco1{ bottom: -15px; left: -15px; width: 30%; height: 20%; }
	#ContactDeco2{ top: -15px; right: -15px; width: 30%; height: 20%; }*/
	
	#ContactForm fieldset p, #ReservForm fieldset  p{  width: 45%; display: inline; float: left;}

	.fieldW{ display: block;}
	
	#NewsletterForm fieldset p{ width: 90% }
	
	#ContactForm fieldset p#field-nom, #ContactForm fieldset p#field-email, #ContactForm fieldset p#field-date,
	#ReservForm fieldset p#field-nom, #ReservForm fieldset p#field-email
	{ margin-right: 7%; }
	
	#ContactForm fieldset p#field-societe{ margin-right: 50%; }
	#ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message, #ReservForm fieldset p#field-message
	{ width: 97%; }
	#ContactForm fieldset p#field-message textarea, #ContactForm fieldset p#field-objet input
	{ width: 95%; }

	
	#ContactFormButtons{ clear: both;}
	#ContactFormButtons input{
		border-color: #fff !important;
		color: #fff !important;
	}
	#ContactFormButtons input:hover{
		color: #000 !important;
	}
	
	
	#message{  height: 100px; }

	

	.legendform { margin: 15px 0;}
	
	

	p#Confirmation{
		font-size: 1.2em; font-style:italic; font-weight: 300; color: #fff; line-height:40px; padding: 0 25px; margin: 50px 0 50px; text-align:center;
	}




	#page-contact #jGMapW {
		clear: both;
		width:100%; height:800px; margin:50px 0 0 0; border:none;
		padding: 0;
		/*-webkit-perspective: 1000;*/ }
	#page-contact #jGMapW .geo{ display:none;}
	#page-contact #jGMap { width:100%; height:100%; }
	
	

	.vcard .tel .type, .vcard .uri { display:none; }
	#jGMap .vcard .hor{ display:none; }
	
	#jGMap .vcard{  padding: 5px 5px 0 5px; width: 250px; }
	#jGMap .vcard p{ color: #111; line-height: 1.3em; margin: 5px 0; font-size: 1.1em;  }
	#jGMap .vcard p.fn{ 
		margin: 0; 
		border-bottom: 1px solid #333; padding-bottom: 10px; margin: 0 0 10px 0;}
		
	#jGMap .vcard .tel .value{  font-size: 1.1em; }
	
	
	
	
	
	/* SCROLLICON */
	
	@-webkit-keyframes arrow-jump{0%{opacity:1}50%{opacity:1;-webkit-transform:translateY(111px);-moz-transform:translateY(111px);-0-transform:translateY(111px);transform:translateY(111px)}100%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-0-transform:translateY(0px);transform:translateY(0px)}}
	@-webkit-keyframes arrow-jump-line{0%{opacity:1;height:0}50%{opacity:1;height:111px}100%{opacity:1;height:0}}
	
	.scroll-section {
		position: absolute;
		z-index: 200;
		text-align: center;
		bottom: 130px;
		left: 20px;
		width: 30px;
	}   
	/*#ArrowBottom2{ 
		bottom: 150px;
		left: 0;
		right: 0;
		width: 100%;}*/
		
	.scroll-section a {transition: all ease .5s; }
	.scroll-section a:after {
		position: absolute;
		top: 70px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 7px;
		height: 7px;
		background: #fff;
		border-radius: 100%;
		-webkit-border-radius: 100%;
		content: "";
		-webkit-animation: arrow-jump 5s infinite;
		-moz-animation: arrow-jump 5s infinite;
		-o-animation: arrow-jump 5s infinite;
		animation: arrow-jump 5s infinite;
		top: 100%;
	}
	.relative-block {
		position: relative;
	}
	.scroll-section span {
		writing-mode: tb-rl;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		font-size: 10px;
		font-weight: 400;
		letter-spacing: 3px;
		color: #fff;
		text-transform: uppercase;
	}
	.scroll-section a:after, .scroll-section:after {
		left: 1px;
	}
	.scroll-section a:after {
		position: absolute;
		top: 70px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 7px;
		height: 7px;
		background: #fff;
		border-radius: 100%;
		-webkit-border-radius: 100%;
		content: "";
		-webkit-animation: arrow-jump 5s infinite;
		-moz-animation: arrow-jump 5s infinite;
		-o-animation: arrow-jump 5s infinite;
		animation: arrow-jump 5s infinite;
		top: 100%;
	}

	.scroll-section:after {
		-webkit-animation: arrow-jump-line 5s infinite;
		-moz-animation: arrow-jump-line 5s infinite;
		-o-animation: arrow-jump-line 5s infinite;
		animation: arrow-jump-line 5s infinite;
	}
	.scroll-section:after {
		position: absolute;
		top: 70px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 1px;
		height: 111px;
		background: #fff;
		content: "";
		top: 100%;
	}

	
	

	
	.mobonly{ display: none;}





	/* ----------------- RESPONSIVE ------------------------------*/

	@media(max-width:1720px) {
			

	
	}
	@media(max-width:1560px) {
		
		.zimBlocsList li .itemTitle { font-size: 1.2em; }
	
	
	}
	
	
	@media(max-width:1440px) {
	
		#MainResaLink{ right: 15px; padding: 7px 20px; }
		.carteCategTitle{ font-size: 3em;}
		.carteCategTitle.longtitle{ font-size: 2.6em; }
		
		
		#LangLinks li { margin-right: 8px; }
		.homeSectionW {  padding-bottom: 100px; }
		#page-home .homeSectionW {  padding-bottom: 10px; }
		
		#FaqW { width: 80% !important; margin: 0 10% !important; }
		
		#WordSlider {  padding-top: 7px;}
		#WordSlider .wordslide{ font-size: 4em; margin-bottom: 30px}

		
		#CarouselArrows a{ width: 20px;  }
		
		#Services li.col30 { width: 47%;}
	
	
	
	@media(max-width:1350px) {
		
		#MainMenuW{ padding-top: 80px;     margin-bottom: 20px;}
		#Menu {    width: 28%;}
		#MainMenu > li > a, #MainMenu > li > strong{ padding: 7px 0 7px 40px; }
		
		#UpperMenu ul li a{ font-size: 0.9em; }
		
		#CovidBanner p {  font-size: 0.95em; }
	
		#page-home .zimBlocsList li .itemTitle strong {
			font-size:1.2em;
		}
		
		.centeredlist50 {
			margin-left: 15%!important;
			margin-right: 15%!important;
			width: 70%;
		}
		
		.scaleSelector li h3 {
			height: 400px
		}
		#page-restaurants-selector .scaleSelector li h3 {
			height: 350px
		}
		
		
		.zimBlocsList li .itemTitle{ font-size: 0.8em !important;}
		.zimBlocsList li .itemTitle span.popup, .scaleSelector li .itemTitle span.popup{ font-size: 0.6em;}
		
		.rseBlock.centeredlist > li.col25 {
			width: 30.5%;
			margin: 0 1%;
		}			
		
		.tabsContent .centeredlist > li.col60, .tabsContent .centeredlist > li.col50, .tabsContent .centeredlist > li.col40, .tabsContent .centeredlist > li.col30 {    width: 48%; margin: 0 1%; }
		#page-hotel .centeredlist > li.col30 {    width: 48%; margin: 0 1%; }
		#page-restaurants-selector .centeredlist > li.col30{    width: 31%; margin: 0 0.75%; }
		#MainFBSelector{ margin-bottom: 15px;}
		
		#EventSpacesMenu {
			margin: 60px 3.5% 0;
			width: 92%;
		}
		
		.centeredlist90 {
			margin-left: 2.5%!important;
			margin-right: 2.5%!important;
			width: 95%;
		}
		
		.bigmargin {
			margin-top: 30px!important;
			margin-bottom: 30px !important;
		}
		.titlepaddingmini{ padding-top: 10px;}
		
		.prestationListW { 
			margin-left: 2.5%!important;
			margin-right: 2.5%!important;
			width: 95%;
		}
		
		#Services {   min-height: 380px;}
		
		.contactBlock li {    padding: 0 50px;}



		
		
		
		
		
	}
	
	
	@media(max-width:1024px) {
			
		body { font-size:17px; }
		input, select, textarea { font-size: 17px; }
		
		.nomob{display: none; }
		.mobonly{ display: inline;}
		
		.justified *, .justified {    text-align: left; }

			
			
		#Header {  background-position: center -28px; }
		.covidbanner #Header { top: 0; }
		.covidbanner #Nav { top: 0; }
	
		#UpperMenu{ display: none;}
		
		#MainSelector, .covidbanner #MainSelector  { top: 16px; right: 2%; }
		#MainSelector .resaLegend {
			padding: 4px 10px;
			font-size: 0.9em;
			letter-spacing: 0.5px;
		}
		/*#MainSelector .resaLegend {   padding: 11px 9px 0 7px;  color: #000;}
		#MainSelector p a.gotoRooms, #MainSelector p a.gotoRooms:hover{ background-position: -82px 8px; }
		#MainSelector p a.gotoResto, #MainSelector p a.gotoResto:hover{  background-position: -82px -53px;}
		#MainSelector p a {  width: 45px; }*/


		#HomeLinkW {   margin: 0 2.5% 0 0; }
		#HomeLinkW a img {  width: 100px; padding-top: 10px; position: relative; left: -50px; }
		.scrolled #HomeLinkW a img, .forcedHeader #HomeLinkW a img {  width: 100px; }
	
		#LangsW {
			left: 65px;
			top: 24px;
			width: 62px;
			display: none;
		}
		.open #LangsW { display: block;}
		
		#NavIco, .covidbanner #NavIco {   top: 27px; }
		.subactivated #NavIco span { background: #000; }
	
		

	
	
		#Menu{ width: 100%; }
		
		#MainMenuW {
			padding-top: 75px;
			margin-bottom: 15px;
		}
		#MainMenu > li > a, #MainMenu > li > strong {   
			padding: 5px 0 4px 35px; font-size: 1.3em;
			-moz-transition: background-color 0s ease-in-out, color 0s ease-in-out;
			-webkit-transition: background-color 0s ease-in-out, color 0s ease-in-out;
			-o-transition: background-color 0s ease-in-out, color 0s ease-in-out;
			-ms-transition: background-color 0s ease-in-out, color 0s ease-in-out;
			transition: background-color 0s ease-in-out, color 0s ease-in-out;
		}
		
		#MainMenu li{ font-size: 1em; padding: 5px 0; }
		#MainMenu > li{ position: relative; }
		
		#MainMenu li .submenu {
			width: 100%; 
			position: static;
			background: #fff;
			padding: 8px 0;
			height: auto;
			display: none;
		}
		#MainMenu li ul > li { padding: 0}
		#MainMenu li ul > li a { padding: 5px 10px 5px 15px; font-size: 1.2em;  }
		#MainMenu li ul > li > ul{ opacity: 1;}
		#MainMenu li ul > li > ul li a {  font-size: 1.1em; padding: 3px 0 3px 15px;  }
		#MainMenu li ul > li:first-child{ padding-top: 0;}
		
		#MainMenu > li > a:hover, #MainMenu > li > strong:hover {
			background-color: unset; color: #000;
		}
		#MainMenu > li.actived > a, #MainMenu > li.actived > strong {
			color: #000;
			background-color: #fff;
		}
		#MainMenu li ul > li a:hover{ background: unset; color: #000; }
		#MainMenu li ul > li.HTMLMenuW-Level2:hover > a{ background: unset; color: #000; }

		#MainMenu-room-presentation-Item, #MainMenu-event-presentation-Item{ display: block;}
		
		
		#MainMenu > li > a span, #MainMenu > li > strong { display: block; width: 100%; padding-right: 5%; }
		#MainMenu > li > a  svg , #MainMenu > li > strong  svg { display: inline-block; float: right; }
		
		#MainMenu > li > a  svg.fa-caret-up, #MainMenu > li > strong  svg.fa-caret-up, #MainMenu > li > a  svg.fa-caret-right, #MainMenu > li > strong  svg.fa-caret-right { display: none;}
		#MainMenu > li > a  svg.fa-caret-down, #MainMenu > li > strong  svg.fa-caret-down {display: block; color: #fff; margin-right: 0 }

		#MainMenu > li.actived > a  svg.fa-caret-up, #MainMenu > li.actived > strong  svg.fa-caret-up { display: block; color: #000; margin-right: 0 }
		#MainMenu > li.actived > a  svg.fa-caret-down, #MainMenu > li.actived > strong  svg.fa-caret-down { display: none; }
		
		
		#MainMenu-room-bestfor{ display: none;}
		



		
		#SecondaryMenu > li > a, #SecondaryMenu > li > strong {  padding: 2px 0 2px 15px; }
	
		#Copyrights {  font-size: 0.6em; margin: 0 0 10px 0; padding: 0 15px }
		
		
		#FooterMenu, #FooterNews, #FooterAddr{  display: block; float: none; width: 100%; margin-bottom: 40px; }
		#FooterMenu{  margin-bottom: 40px; }
		
		
		#FooterMenu li{  text-align: center; font-size: 1.4em; display: block;}
		#FooterAddr{  text-align: center;}
		#FooterAddr #Gmap{ margin-bottom: 20px;}
		
		#FooterNews #field-valid label{ font-size: 0.75em;}
		#FooterNews .textField{   isplay: block; float: none;  width: 100% !important; }
		
		#FooterNews #field-valid{ position: static; }
		
		#FooterNews .formButtons {
			width: auto; margin-top: 20px;
			float: none !important;
			display: block;
		}
		#FootNewsCheck {   bottom: -15px;  left: 45%; }
		#Credits {float: none;  text-align: center; margin-top: 0; }

		
		h2{ width: 95%; margin: 0 2.5%; font-size: 2em; line-height: 1em; margin-bottom: 40px;}
		h3{ margin-top: 30px;}
		.bigmargin > h3{ margin-top: 0;}
		#ZoomHalfBanner h2{ font-size: 2.2em;    line-height: 1em }
		
		p {   font-size: 1em; }
		
		input[type="button"], input[type="submit"], input[type="reset"], .button {
			padding: 0.7em 1.5em;
			line-height: 1.2em;
			transition: color 0s ease-in-out, border-color 0s ease-in-out, background-color 0s ease-in-out;
			margin-bottom: 15px;
		}
		
		input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover, .zimBlocsList li .itemTitle span.popup .button, .secondLink .button,.zimBlocsList li a:hover .itemTitle span.popup .button, .scaleSelector li a:hover .button {
			background: none;
			border-color: #fff;
			color: #fff !important;
		}.button:hover svg { color: #fff !important; }

		
		.forcedHeader #Content {   padding-top: 100px; }
		
		
		.scroll-section {  top: 60%; bottom: auto; display: none; }
		
		/***/
		
		.littleup{ font-size: 1em !important; line-height: 1.3em;}
		.ffat{ font-size: 1em !important; line-height: 1.4em;}
		.big{ font-size: 1.3em !important; line-height: 1.2em; }
		.super { font-size: 1.8em !important; line-height: 1em; }
		.mega { font-size: 2.2em !important; line-height: 1em; }
		.ultra { font-size: 3em !important; line-height: 1em;}
		
		.minimob{ font-size: 0.7em;}
		
	
		.little{ font-size: 1.1em !important }
		
		.fontreset{ font-size: 1em !important }
		.mini{ font-size: 0.8em !important; line-height: 1em; display: inline-block; }
		.tiny{ font-size: 0.7em !important; line-height: 1em; display: inline-block; }
		.micro{ font-size: 0.7em !important; line-height: 1em; display: inline-block; }
		
		.maj{ text-transform: uppercase; }

		
		p.justified, .justified p{ line-height: 1.5em; }
		.bigmargin{ margin-top: 40px!important; margin-bottom: 40px !important;}
		.supermargin{ margin-top: 60px!important; margin-bottom: 60px !important;}
		.megamargin{ margin-top: 120px!important; margin-bottom: 120px !important;}
		.notitle{ margin: 40px 0 0 0;}	
		
		.lefted, .lefted *, .centeredlist > li p.lefted { text-align: center;}
		
		
		
		.titlepadding{ padding-top: 25px;}
		.titlepaddingmini{ padding-top: 10px;}
		.titlepaddingmadium{ padding-top: 50px;}
		.titlepaddingbig{ padding-top: 75px;}
		
		.mainPageTitle { padding-top: 60px;}
	
		.centeredlist{ display: block; }
		.centeredlist90, .centeredlist85, .centeredlist80, .centeredlist75, .centeredlist70, .centeredlist60, .centeredlist50,
		.centeredlist40, #GalleryW 
		{ margin-left: 2.5%!important; margin-right: 2.5%!important; width: 95% !important}

		.centeredlist > li{ width: 100%; }

		
		.centeredlist > li.col25,	.centeredlist > li.col25.colbigspace, .centeredlist > li.col30, .centeredlist > li.col33, .centeredlist > li.col40,
		.centeredlist > li.col45, .centeredlist > li.col50,	.centeredlist > li.col60,	.centeredlist > li.col100
		{ width: 100% !important; margin: 0; }
		
		.centeredlist > li.decalleft{ margin-left: 19%}
		.centeredlist > li.decalleftmini{ margin-left: 9%}
		.centeredlist > li.decalright{ margin-right: 19%}
		.centeredlist > li.decalrightmini{ margin-right: 9%}
		
		
		.itemBG { width: 100%; }
		.zimBlocsList .itemBG { width: 115%; }
		.tabsContent li .itemBG{ width: 100%; }
		
		.scaleSelector { display: block; }
		.scaleSelector li{ width: 100%; overflow: hidden; margin-bottom: 20px !important; }
		.scaleSelector li.col25{ width: 100%; margin: 0 0 20px 0;}
		.scaleSelector li .videoW{ display: none;}
		.scaleSelector li .itemBG{ left: -20% }
		
		
		.scaleSelector li h3 {  height: 300px; }
			
			
		.zimBlocsList li .itemTitle {  font-size: 0.8em; }
		.zimBlocsList li a .itemTitle, .zimBlocsList li a:hover .itemTitle {  top: 15%; }
		.scaleSelector li .itemTitle {  top: 10%; }
		.zimBlocsList li .itemTitle.alone, .zimBlocsList li .itemTitle.mini, .scaleSelector li .itemTitle.alone {  top: 15%; }
		.zimBlocsList li a .itemTitle span.popup, .scaleSelector li .itemTitle span.popup { opacity: 1;    padding: 12px 15px; font-size: 0.5em; }
		.zimBlocsList li h3, .scaleSelector li h3 {   min-height: 220px; overflow: hidden; }
		.zimBlocsList li a:hover .itemTitle.alone, .zimBlocsList li a:hover .itemTitle.mini {   top: 30%;  }
		
		.scaleSelector li .itemTitle strong {  font-size: 1.2em; }
		.zimBlocsList li .itemTitle strong{ font-size: 0.8em; }
		.zimBlocsList.reduct li .itemTitle strong {  font-size: 1.4em; }
		
		.zimBlocsList li .itemTitle .titleintro, .scaleSelector li .itemTitle .titleintro { font-size: 0.65em;}
		.titleintro sup { font-size: 0.5em;}

		
		.scaleSelector li .links {   bottom: 2%; }

		
		.zimBlocsList li.col25, .zimBlocsList li.col30, .zimBlocsList li.col50, .zimBlocsList li.col100 
		{ margin: 0 0 20px 0 !important; width: 100% !important; }
		
		.zimBlocsList li.col100 { overflow: hidden;}
		.zimBlocsList li.col100 .itemBG { width: 250%; }
		.zimBlocsList li.col50 .itemBG { width: 150%; }
		
		
		.zimBlocsList li .itemTitle span.popup, .scaleSelector li .itemTitle span.popup {  font-size: 0.6em; }
		
		.zimBlocsList li .links .button, .scaleSelector li .links .button, .secondLink .button { margin: 2px 30%; padding: 4px 15px !important}
		.secondLink {bottom: 50px;}
		.zimBlocsList li .itemTitle span.popup .button, .secondLink .button {  font-size: 1em;  margin-top: 10px;}
		
		

		.scaleSelector li .itemTitle strong img {
			width: 55%;
			max-width: 250px;
		}
		
		.tabsContent li .itemBg{ width: 100%; }
		
	
		
		
		/* HOME */
		
		#HomeZimW-Mob img{ position: absolute; }
		#HomeTitleW{    top: 28vh; }
		/* #HomeTitleW h2 strong {   font-size: 5em; line-height: 0.9em;} */
		#HomeTitleW h2 strong {   font-size: 2em; line-height: 0.9em;}
		#Hometitlestar{  bottom: 16px;}
		
		.homeSectionW {   padding-bottom: 0px; min-height: unset; }
		#page-home .zimBlocsList li .itemTitle strong { font-size: 0.9em; }
		#page-home .scroll-section {  top: 80%; }
		
		#HomeTitleW h2 em {   font-size: 1.4em; }
		
		#HomeBlocks{ padding-top: 0;}
		
		
		#CovidBanner {
			top: auto;
			bottom: 0;
		}
		#CovidBanner p {
			margin: 5px 2.5%;
			line-height: 1.2em;
			font-size: 0.85em;
			padding-right: 25px;;
		}
		
		#SoonPopup, #BeachPopup {
			padding: 50px 50px;
		}

		
		
		/* PAGES */
		
		#ZoomHalfBanner {
			height: 65vh;
		}
		
		
		.servicesList {
			width: 95%;
			margin: 0 2.5%;
		}
		.servicesList li {
			padding: 35px 1% 0 1%;
			width: 43%;
			margin-bottom: 15px;
		}
		
		.plusList {
			padding: 0 2.5%;
			gap: 0 2%;
		}
		.plusList li {
			width: 48%;
		}
		
		
		
		#SubMenuW ul.submenu li {
			padding: 0 20px;
			border-right: unset;
		}
		
		#RealList li {
			min-height: 150px;
			margin: 0 0 15px 0;
			width: 100%;
		}
		
		
		
		
		
		#page-rooms-suites .miniBackto {   top: 20px; }
		#RoomsSuggest .itemBG{ width: 140%;}
		#BestforSuggest .itemBG{ width: 120%;}
	
		#EventResaLink {  top: 77px;  right: 0%;    font-size: 1.2em;}
		#EventSpacesMenu {  margin: 80px 2.5% 0;  width: 95%; }
		#EventMainSelector li .itemBG{ left: -50% }
		#EventMainSelector li .itemTitle {   top: 30%; }
		
		#EventW .button{ padding: 1em 2.5em; min-width: 98%;}
		
		.randomItemMenu{ display: block; }
		.randomItemMenu li { margin: 0 5px 10px 0 }

		
		.transfoZimW span.zimW {  width: 90%; line-height: 1em; margin-bottom: 25px;}
		
		.rseBlock{ display: unset !important; }
		
		.pictoList.inline li { display: block; margin-bottom: 8px; }
		.pictoList.inline li svg {  font-size: 1.1em; }
		
		#MainFBSelector{ margin-top: 40px;}
		
		.prestationList h3 { font-size : 1.5em; margin-top: 0;}
		.prestationList ul li, .prestationList p{ font-size: 0.95em; }
		
		
		#PhotoChef img.itemBG{ width: 85%; margin: 0 auto;}
		
		#page-rooms-selector .zimBlocsList li a .itemTitle, #page-rooms-selector .zimBlocsList li a:hover .itemTitle{ top: 26%}
		#page-rooms-selector .zimBlocsList li a .itemTitle.huge, #page-rooms-selector .zimBlocsList li a:hover .itemTitle.huge{ top: 13%}
		#page-rooms-selector .zimBlocsList li a .itemTitle.alone, #page-rooms-selector .zimBlocsList li a:hover .itemTitle.alone{ top: 32%}
		#page-rooms-selector .scaleSelector li .itemTitle{ top: 33%}
		#page-rooms-selector .scaleSelector li .links, #page-events-meetings .scaleSelector li .links{ bottom: 7%;}
		#page-rooms-suites .zimBlocsList li .itemTitle.alone, #page-rooms-suites .zimBlocsList li .itemTitle.mini, #page-rooms-suites .scaleSelector li .itemTitle.alone{ top: 23% }
		
		#page-rooms-selector .zimBlocsList.reduct .itemBG { width: 100%; }
		#page-rooms-selector .zimBlocsList.reduct .col50 .itemBG { width: 130%; }
		
		
		#BestForSelect.zimBlocsList li h3 {   height: 240px; }
		#BestForSelect.zimBlocsList .itemBG { width: 100%; }
		
		
		.rseBlock.bigmargin{ margin-top: 0 !important;}
		.rseBlock li { border: none; padding: 0 0 0 0;}
		.rseBlock li .rseKeynums { border: 1px solid #fff; margin: 0 2%; padding: 0 20px 2%; width: auto; }
		.rseBlock li .rseKeynums.auto { width: 92%;}
		
		.rseBlock li > h3{ margin-top: 10px;}
		.rseBlock li > *{ padding: 0 5% 0 2%;}
		
		.rseBlock{ }
		.rseBlock li img{ margin-top: 20px;}
		
		.miniBackto{ display: none;}
		
		.bpoints{ display: block; clear: left; text-indent: 999px; width: 0; height: 0; overflow: hidden;}
		
		#SocialBrochureModuleW{ padding-top: max(100%,620px) !important; }
		
		

	
		
		/* FORMS */
		
		#EventForm fieldset p, #PostuleForm fieldset p {
		width: 100%;
		display: block;
		float: none; }
		
		#EventForm fieldset p#field-datesevent, #EventForm fieldset p#field-budget	{ margin-right: 0; width: 100%;  } 
		#EventForm fieldset p#field-datesflex, #EventForm fieldset p#field-budgetflex, #EventForm fieldset p#field-tel { margin-right:0; width: 100%;} 
		#EventForm select{ max-width: 97%;}
		.uniqueCheckBoxField label{ font-size: 0.8em;}
		
		
		/* CONTACT */
		
		#FancyContactBox{ width: auto; }
		
		#page-contact #Content{ padding-top: 100px; }
		#ContactW{ width: 90%; margin: 0 5%;}
		#FormW, #CoordsW{ display: block; float: none;}
		#FormW{ width: 100%; margin-right: 0; }
		#CoordsW{ width: 100%; }
		
		
		
		#ContactForm fieldset p{ width: 100%; display: block; float: none;}
		#ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message{ width: 92%;}
		
		
		#jGMapW {	width:100%; height:600px;  }
		
		.faqItemList{ width:auto; }
		#FaqCatsSelector > li{ width: 48%; 	}
		
		/*#FaqCatsSelector > li.onback{ opacity: 0.5;}
		#FaqCatsSelector > li .catsSubSelector ul li { font-size: 1em; margin-bottom: 15px; }*/
		
		#page-contact .contactBlock { margin-bottom: 0;}
		#page-contact .contactBlock li strong{ font-size: 1.4em; margin-bottom: 10px}
		.contactBlock li{ margin-bottom: 50px;  width: 95%;  border-right: none; }
		.contactBlock li.bigf{ font-size: 1em;}
		.contactBlock.justifiedBlock li:last-child{  margin-bottom: 50px; }
		
		#Knowmore{ margin-top: 40px;}
		
		
		.HsliderW{ width: 100%; overflow: hidden; position: relative; }
		.HsliderW.menuslider{ position: relative; left: -5%;}
		.swipeItem{ display: inline-block; float: left;}
		
		.panelswiper{ overflow: auto; margin-left: 0 !important; margin-right: 0 !important; display: block !important;}
		.panelswiper.enabled{ position: relative; left: 0; top: 0; }
		
		#GalleryW{display: block; }
		#mosaic .mosaic-item{ opacity: 1; margin: 0; max-width: unset; margin-bottom: 15px;}
		#mosaic .mosaic-item img{  width: 100%; }
		
		.fancybox-nav span{ visibility: visible !important;}
		
		
		
		
		
		
		
	}
	
	

	
	
	@media(max-width:767px) { 
	
	
			
		#HomeTitleW h2 {    font-size: 0.9em; text-shadow: 1px 1px 2px black; }
		#Hometitlelegend{ left: 10px;}
		
		#FooterAddr, #Mentions{ font-size: 0.85em;}
		#AllLink{ font-size: 1.2em;}
		
		#FooterMenu li a { font-size: 0.7em; }
		#FooterSocials span{ display: inline-block; margin-bottom: 10px }
		#FooterAddr .socialLink {
			font-size: 2.5em;
			margin: 0 15px;
		}
		
		#CookiesBanner p{ margin: 10px 2.5%; text-align: center;}
		#CookiesBanner p a{ float: none; }
		#CookiesBanner p a:hover{ background: none !important;}

		
		#FaqCatsSelector > li { width: 36%; }
		#FaqW { width: 90%; margin: 0 5%; }
		#page-faq h2 { font-size: 2.2em; line-height: 1em; margin: 40px 0;}
		
		#FaqW { width: 95% !important; margin: 0 2.5% !important; }
		
		#FaqssCatsSelectorW{ position: relative; margin-bottom: 15px;}
		#FaqssCatsSelector{ 
			height: 55px; overflow: scroll; 
			margin-bottom: 30px; overflow-y: hidden; 
			background: #414042; padding: 10px 0; 
		}
		#FaqssCatsSelectorW svg{ display: block; position: absolute; bottom: -12px;  left: 22px;  font-size: 1.5em;}
		
		#FaqIntro p {   font-size: 1em; }
		.faqItemList li {  font-size: 15px; }
		.faqItemList.questionlist li h4 {   font-size: 1.2em; }
		.faqItemList.questionlist li .response { font-size: 1em;}

		#FaqssCats{ text-align: left; }
		#FaqssCats li a { font-size: 0.9em; }
		#FaqssCats li:hover, #FaqssCats li.active{ background: none; }
		#FaqssCats li:hover a, #FaqssCats li.active a{ color: #fff !important; text-decoration: underline; }
		
		.faqItemList li h4 img{ max-width: 100px; margin: 20px 0 0 20px; float: none;}
		
		#FaqCatsSelector > li { width: 100% !important; margin: 0 0 20px 0 !important;}
		
			
		
		
		#page-destination-city-guide .carouselZoomZim{ left: 0 !important; }
		
		#WordSliderW .list{ font-size: 2.5em; }
		#WordSlider2 {    margin-top: 0px; }
		#WordSliderW {  padding-top: 50px; }
		
		
		.contactBlock.justifiedBlock li{ width: 95%}
		
		
		
		.randomItemMenu{}
		
		#DestinationW{  }
		#DestinationW ul > li { margin-bottom: 20px;  }
		#DestinationW h3{ margin-top: 0;  }
		
		
		input[type="text"], input[type="password"], input[type="email"], textarea{ width: 100%}
		
		#page-rooms-selector #ContentW {
			background-size: cover;
		}
		
		.prestationList .lefted{ text-align: left !important;}
		
		
		#MentionsW h2, #MentionsW  h3{ font-size: 1.5em; line-height: 1.1em;}
		
		
		.zimBlocsList li.col100 .itemBG {  left: -80%; }
		
		
		/* resurcharge 1024 */
		
		
		#CarouselArrows a{ width: 20px;  }
		.zimBlocsList.reduct li .itemTitle strong {  font-size: 1.2em; }
		.zimBlocsList li a:hover .itemTitle strong { padding: 0; }
		#page-home .zimBlocsList li a:hover .itemTitle strong { padding: 0 15px; }
		
		
		
		/* RSE */
		
		
		
		
	}
	
	
	
	@media(max-width:480px) {

		/*#HotelIco img{ width: 50%;}
		#DesignFloatLinks {  top: 38px; }
		#Logo-Umami { width: 150px; }
		#Logo-Filia{ width: 175px; }*/
		
		
		#HomeZimW-Mob img{ left: -595px !important; }
		
		
		.faqItemList.questionlist li .response { padding: 0;}
		
		
	}
	
	
	@media(max-width:375px) {
		


		input, select, textarea { font-size: 15px; }
		

		
		/*#HomeContentW h2 {font-size: 2em;	}*/
		
		#jGMapW { height:500px;  }
		
		
		
	}
	
	@media(min-height:760px) and (max-width:415px) {
		
		#HomeZimW-Mob img{ left: -695px !important; }
		
	}
	
	
	/*@media(max-width:1024px) and (min-height:1350px) {
		#HomeZimW-Mob{ display: block; position: absolute; left: -750px;}
		
	}
	
	@media(max-width:800px) and (min-height:1024px) {
		#HomeZimW-Mob{ display: block; position: absolute; left: -650px;}
		
	}

	@media(max-width:430px) {
		#HomeZimW-Mob{ display: block; position: absolute; left: -580px;}
		
	}
	
	@media(max-width:380px) {
		#HomeZimW-Mob{ display: block; position: absolute; left: -500px;}
		
	}
	
	@media(max-width:380px) and (min-height:780px) {
		#HomeZimW-Mob{ display: block; position: absolute; left: -660px;}
		
	}
		
	@media(max-width:350px) {
		#HomeZimW-Mob{ display: block; position: absolute; left: -430px;}
		
	}*/
	/* - -------------------------- - */