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

Version 0.9.6.0
Date 02/01/2015                                                                                 
*/

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



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


@font-face {
  font-family: FuturaTitleLight;
  src: url('font/FuturaStd-CondensedLight.woff2') format('woff2'), 
       url('font/FuturaStd-CondensedLight.woff') format('woff'), 
       url('font/FuturaStd-CondensedLight.otf')  format('truetype') 
}
/* MEDIUM */
@font-face {
  font-family: FuturaTitle;
  src: url('font/FuturaStd-Condensed.woff2') format('woff2'), 
       url('font/FuturaStd-Condensed.woff') format('woff'), 
       url('font/FuturaStd-Condensed.otf')  format('truetype') 
}




/* ################################################################################################################																		     *                                                                      							
														BASICS
 *###############################################################################################################*/
 
 
	html, body { margin: 0; padding: 0; border: 0; height: 100%;}
	body { 
		font-size:14px; background: #111;
		color: #fff;
		font-family: Futura, 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: #fff;
		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: 1.15em; line-height: 1.5em;}

	h1, h2, h3, h4, h5, h6 {
		font-family: FuturaTitle, 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: FuturaTitleLight, 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: 2em;
		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 2%;
		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;}
	

	
	.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;}
	label { color: #fff;}
	.textField, .textareaField, p.selectField{ margin: 0 0 10px 0;}
	

/* 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 #fff;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 0.9em;
		font-weight: 300;
		letter-spacing: 0;
		padding: 1em 2.5em;
		line-height: 1.2em;
		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: #fff;
			color: #000 !important;
		}
		.button:hover svg { color: #000 !important; }


		.button.under {
			border: none;
			border-bottom : 1px solid #fff;
			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 #fff;
			color: #fff !important;
			text-decoration: none;
		}
		.button.under:hover svg { color: #fff !important; }
	
		.button.square {
			border : 1px solid #fff;
			margin: 0 25px 12px;
		}
		.button.square:hover {
			/*border: none;
			border-bottom : 1px solid #fff;
			border-top : 1px solid #fff;
			text-decoration: none;*/
		}
		
		.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; }
	
	
	
	.away{ position: relative; opacity: 0; z-index: 10;}
	.awayleft{ left: -120px;}
	.awayright{ right: -120px;}
	.awaytop{ top: -100px;}



	.littleup{ font-size: 1.1em !important; line-height: 1.4em;}
	.ffat{ font-size: 1.3em !important; line-height: 1.4em;}
	.big{ font-size: 1.6em !important; line-height: 1.3em; }
	.super { font-size: 2.2em !important; line-height: 1.1em; }
	.mega { font-size: 3.2em !important; line-height: 1em; }
	.ultra { font-size: 4.2em !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;	}



	/*.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: 50%; position: relative; overflow: hidden; background: #222 url(zims/loader/loader-pullman.gif) no-repeat center;}
	#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: 25px; 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;}



	#SpecialAnnounce, .specialAnnounce{ display: none;}
	#PopupContent{ height: 650px; width: auto; min-width: 650px;  }
	@media(max-width:650px) {  #PopupContent{ height: auto; width: 100%; min-width: unset;  }	}
	#PopupContent img{ display: block; height: 100%; } 

 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 
	/* 
	
	
	*/
	
/* 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,0,0,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: 260px; 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: 205px; 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; font-family: 'Questrial', sans-serif;
		/*-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: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;
	}
	
	/*
	#NavIco{ 
		display: block; position: fixed; z-index: 5001; height: 50px; width: 50px;
		left: 2%; top: 18px; font-family: 'Questrial', sans-serif;
		background: url(zims/buttons/minimenu-w.png) no-repeat center; border: none;	
		transition: none;
	}
	#NavIco.active{ background: url(zims/buttons/minimenu-ico.png) no-repeat center;  }
	#NavIco span {
		position: absolute;
		left: 55px; font-size: 1.1em;
		line-height: 1em;
		top: 18px; color: #fff;
		text-transform: uppercase;
	}*/
	
	
	#MenuW{ overflow: visible; width: 100%; height: 100%; position: relative; z-index: 1001;
	}
	
	#MenuOverlay{ 
		background: rgba(0,0,0,0.5);
		height: 100%; width: 100%; top: 0; left: 0;
		position: absolute; z-index: 900; 
	}
	#Menu{ overflow: visible;
		background: rgba(0,0,0,1);
		/*url(zims/frontend/menu-deco.jpg) no-repeat left top;*/
		height: 100%;
		position: absolute; z-index: 1000; opacity: 0; overflow: visible;
		height: 100%;width: 23%;
	}
	

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

	#MainMenu > li{   }

	#MainMenu > li > a, #MainMenu > li > strong{ 
		display: block; position:relative;
		/*background: url(zims/frontend/menu-line-w.gif) no-repeat left bottom;*/
		padding: 10px 0 10px 45px; min-height: 30px; text-transform: uppercase; 
		font-weight: 300; color: #fff; font-size: 1.32em; 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.color, #MainMenu > li > strong.color{ color:#D4B87E;  }
		
	#MainMenu > li > a span, #MainMenu > li > strong span{ width: 100%; display: inline-block; }
	#MainMenu > li > a  svg, #MainMenu > li > strong  svg { float: right; margin-right: 25px;}
	#MainMenu > li > a  svg.fa-caret-down, #MainMenu > li > a  svg.fa-caret-up, #MainMenu > li > strong  svg.fa-caret-down, #MainMenu > li > strong  svg.fa-caret-up { display: none;}

		
	#MainMenu > li > a:hover, #MainMenu > li > strong:hover, #MainMenu > li.actived > a, #MainMenu > li.actived > strong{  color: #000; text-decoration : none; background-color: #fff }
	#MainMenu > li > a.color:hover, #MainMenu > li > strong.color:hover{ color:#000; background-color: #D4B87E;  }
	
	#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; }
	#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; 
	}
	
	
	#MainMenu-room-presentation-Item, #MainMenu-event-presentation-Item{ display: none;}
	
	
	
	
	
	#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: #fff; }

		
		
	#LangsW{ position: absolute; left: 100px; top: 30px; width: 50px; z-index: 5010; }
	#LangsW #LangOpen{ display: block; float: left;  color: #fff; font-size: 1.4em; }
	#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;} 
	#LangLinks li.disabled{ display: none;} 	
		
		
		
	/* FOOT */
	
	#FooterW{ min-height: 200px; padding: 25px 3% 15px; border-top: 1px solid #ccc; background: #1a171b; clear: both; }
	#FooterW *{ color: #fff; }
	
	#FooterMenu{ display: inline; float: left; width: 30%}
	#FooterNews{ display: inline; float: left; width: 40%}
	#FooterNews .title{ font-family: FuturaTitle, Arial; text-transform: uppercase; font-size: 1.2em;}
	#FooterAddr{ display: inline; float: left; width: 30%; }
	#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.minilink{ margin-bottom: 4px; }
	#FooterMenu li.minilink a{ font-size: 0.8em; }
	/*#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: 30%;}
	#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; float: right;}
	#FooterNews .formButtons input{ padding: 9px 10px 5px;}
	
	#FooterNews #field-valid{ position: absolute; bottom: -55px; left: 0;  margin: 0; line-height: 0.9em; }
	#FooterNews #field-valid label{ font-size: 0.8em; color: #bbb; }
	
	#FooterNews #field-email{ margin: 0 2.5%; width: 45% }
	
	#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: 30px;}
	
	#AllLink{ display: flex; margin: 0 auto; text-transform: uppercase; font-size: 0.9em; line-height: 1em; font-family: FuturaTitle, Arial; width: 500px; }
	#AllLink span{ display: block;  flex: 1; text-align: center; }
	#AllLink img{  padding-bottom: 8px;}
	#AllLink img#AllLogo{  height: 45px;}
	/*#AllLink{ text-align: center; text-transform: uppercase; font-size: 1em; font-family: FuturaTitle, Arial; font-size: 1.2em; }
	#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; margin-top: 20px;}
	
	
	#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.5em; letter-spacing: 1px;
		color: #fff; text-transform: uppercase;
		font-family: FuturaTitle, 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(20,20,20,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;}
	#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;}
	#CookiesBanner p a#CookiesAccept{ background: #ccc; color: #111; font-weight: 500;  }
	#CookiesBanner p a#CookiesAccept:hover{ background: #fff; color: #111; 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%; }*/
	#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: #222 url(zims/loader/loader-pullman.gif) no-repeat center 49%; }
	
	
	/* Global */
	
	.itemBG{ position: relative; display: block; z-index: 5; width: 100% }
	
	

	/* HOME */
	
	#page-home { background: #1a171b; color: #fff; }
	/*#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: fixed;
		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;}
	
	#HomeTitleW h2 strong{ display: inline-block;  font-size: 1.2em; font-weight: 400; padding: 0; margin: 0; letter-spacing: 2px; }
	/*#HomeTitleW h2 strong{ display: inline-block;  font-size: 4em; font-weight: 400; padding: 0 0 10px 0; margin: 0 0 10px 0; letter-spacing: 5px; }*/
	#HomeTitleW h2 em{  display: inline-block; font-size: 0.8em; font-weight: 400; font-style: normal !important; margin-top: 5px;  padding-bottom: 5px;}
	
	#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;} */
		
		
		
		
		
		
	.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: #333; }
	#page-home .zimBlocsList li { background: #111; }
	

	.zimBlocsList li h3, .scaleSelector li h3{ 
		margin: 0; color: #fff; width: 100%; height: 100%; margin: 0; position: relative; min-height: 200px;
	}
	.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% }
	
	
	
	
	
	#page-home .zimBlocsList li .itemTitle strong{ font-size: 1.2em; line-height: 1em; font-family: FuturaTitle, Arial;}
	
	
	
	
	/* CAS SPECIAUX PLACEMENT IMAGE*/
	
	#SocialEventsSelector .itemBG{ left: -50%; }
	/*
	#SkybarFbSelector .itemBG{ position: absolute; right: -5%; left: auto; }
	*/
	
	/* */
	
	
	
	#HomeOffers{  }
	
	.offersList{}
	.offersList li{ margin-bottom: 30px !important;}
	.offersList li *{ text-align: left;}
	.offersList li div.actuW{ background: #000; position: relative;  padding: 20px 40px 20px 20px; display: flex; }
	.offersList li img{ display: block; height: 200px; margin: 0 25px 0 0;}
	
	.offersList li h4 { margin: 0 0 20px 0; text-transform: uppercase; font-size: 1.8em;}
	.offersList li p{ line-height: 1.2em; }
	.offersList li h5{ margin: 15px 0 0 0; text-transform: uppercase; font-size: 1.5em;}
	
	
	
	/* */
	
	
	#countdown{ }

	
	/* OFFERS BOX TRANSLUCIDES
	
	/*#HomeOffers{ margin-bottom: 50px;}
	
	.offersList{}
	.offersList li{ margin-bottom: 30px;}
	.offersList li *{ text-align: left;}
	.offersList li div{ border: 1px solid #000; background: rgba(0,0,0,0.2); position: relative;  padding: 20px;}
	
	.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;}
	
	.offersList li .offerLink{ 
		display: block; position: absolute;
		right: 25px; bottom: -25px;
		-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: #000;
		color: #fff;
		cursor: pointer;
		font-size: 1.6em; text-transform: uppercase; 
		font-family: FuturaTitle, Arial;
		padding: 15px 20px;
	}
	.offersList li .offerLink:hover{ 
		background: #fff;
		color: #000;
	}*/
	
	
	
	
	
	
	
	/* -- 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: FuturaTitle, 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;}
	
	
	/* */
	
	.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; }
	.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: FuturaTitle, 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-restaurants-selector #ContentW{ background: #111 url(zims/frontend/backgrounds/restos2.jpg) no-repeat center top; background-attachment: fixed; }
	#page-hotel #ContentW{ background: #111 url(zims/frontend/backgrounds/restos2.jpg) no-repeat center top; background-attachment: fixed; }
	#page-services #ContentW{ background: #111 url(zims/frontend/backgrounds/restos2.jpg) no-repeat center top; background-attachment: fixed; }
	#page-destination-city-guide #ContentW{ background: #111 url(zims/frontend/backgrounds/restos2.jpg) no-repeat center top; background-attachment: fixed; }
	
	
	#page-rooms-selector #ContentW{ background: #111 url(zims/frontend/backgrounds/rooms.jpg) no-repeat center top; background-attachment: fixed}
	#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}
	
	
	#page-festive-season #ContentW{ background: #111 url(zims/frontend/backgrounds/restos2.jpg) no-repeat center top; background-attachment: fixed; }
	
	
	.selectonly{ display: none;  }
	.zimBlocsList .selectonly{ display: inline; }
	.zimBlocsList .titleonly{ display: none; }
	
	
	.inlineVideoW .video-js{ width: 100% !important; height: auto !important;}
	
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * RSE	* * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	
	#page-contribution-rse{ background: url(zims/frontend/carrieres/section-default.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; position: relative;}
	
	#RseActionsW{ min-height: 550px;}
	.littlesoulign { display: block; width: 40px; height: 3px; background: #000; margin-top: 10px; }
	
	#page-contribution-rse #Content *{ color: #000;}
	
	
	#page-contribution-rse #Content  h2.lefted{ margin-left: 5%; margin-right: 5% }
	#page-contribution-rse #Content p{ font-size: 1.1em;}
	#page-contribution-rse #Content p.sidespacing{  margin-left: 5%; margin-right: 5%;}
	#page-contribution-rse #Content p.bigdecalbottom{ margin-bottom: 50px;}
	#page-contribution-rse #Content p:last-child{ margin-bottom: 0;}
	#page-contribution-rse #Content p em{ font-size: 0.9em; font-style: italic; color: #fff !important;}
	#page-contribution-rse #Content p strong.subtitle{ font-family: FuturaTitle, Arial; font-size: 1.6em; font-weight: 400;}
	#page-contribution-rse #Content #ZoomHalfBanner h2{ color: #fff;}
	#page-contribution-rse #EventSpacesMenu{ margin: 0 5% 0; width: 90%;}
	
	
	#PiliersW{ min-height: 550px;}
	
	#page-contribution-rse .randomItemMenu li   }
	#page-contribution-rse .randomItemMenu li:first-child{ margin-left: 0; }
	#page-contribution-rse .randomItemMenu li.active {
		border: 3px solid; 
		border-image-slice: 1;
		border-image-source: linear-gradient(45deg, #d243b7, #00aec7);
	}
	
	
	
	#page-contribution-rse .tab .centeredlist, #page-contribution-rse .rseAction .centeredlist { text-align: left;}
	#page-contribution-rse .tab .centeredlist > li:first-child, #page-contribution-rse .rseAction .centeredlist > li:first-child{ margin-left: 0 !important }
	
	
	
	/*.numInfography{ border: 1px solid #000; text-align: center; border-radius: 450px; padding-top: 90px; padding-bottom: 45px; width: 400px; height: 400px; position: relative; top: -25px;}*/
	.numInfography{ text-align: center; padding-top: 100px; }
	.numInfography p{ text-align: center; font-size: 1.2em; padding: 0 15%; }
	/*.numInfography p:last-child{ margin-bottom: 0;}*/
	.numInfography p .incrNum, .numInfography p .incrNumComp{ font-family: FuturaTitle, Arial; font-size: 2.7em; }
	.numInfography p .incrNum.minidecal{ line-height: 1em;}
	.ffat .pictoColor{ font-size: 1.5em !important; }
	
	.numInfography p .incrNum, .numInfography p .incrNumComp, .pictoColor, .rseAction .bigNumCounter .incrNumComp, .rseAction .bigNumCounter .incrNum{ 
		background: #a42cd0;
		background: -webkit-linear-gradient(to bottom right, #2A9CE4 0%, #a42cd0 100%);
		background: -moz-linear-gradient(to bottom right, #2A9CE4 0%, #a42cd0 100%);
		background: linear-gradient(to bottom right, #2A9CE4 0%, #a42cd0 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.pictoColor.color2{ 
		background: #733AD5;
		background: -webkit-linear-gradient(to left, #733AD5 0%, #D53A9E 100%);
		background: -moz-linear-gradient(to left, #733AD5 0%, #D53A9E 100%);
		background: linear-gradient(to left, #733AD5 0%, #D53A9E 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.pictoColor.color3{ 
		background: #F66D28;
		background: -webkit-linear-gradient(to bottom right, #733AD5 0%, #F66D28 100%);
		background: -moz-linear-gradient(to bottom right, #733AD5 0%, #F66D28 100%);
		background: linear-gradient(to bottom right, #733AD5 0%, #F66D28 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	
	#CircleRSE1{  padding-top: 25px; }
	#CircleRSE2{  padding-top: 5px; }
	#CircleRSE3{  padding-top: 5px; }
	
	
	
	#RseActionsContent{ padding-top: 70px;}
	#RseActionsContent h2{ margin-bottom: 70px;}

	
	#RseActionsW{ position: relative; }
	#RseActionsArrows{ position: absolute; top: 0; left: 0; width: 100%; height: 0px;}
	.actionArrow{ display: block; position: absolute; top: 140px; width: 44px; height: 81px; background: url(zims/frontend/pagination-arrows-b.png) no-repeat left top; overflow: hidden; text-indent: -999px; cursor: pointer;}
	.actionArrow.left-arrow{ left: 10px;  }
	.actionArrow.right-arrow{ right: 10px; background-position: right top;}
	
	#RseActionsSelector{ position: relative;overflow: hidden; display: block;}
	#RseActionsSelector ul{  width: 100%; clear: both; }
	#RseActionsSelector ul li{  display: block;  position: relative; padding: 0 5px; }
	
	#RseActionsSelector ul li{ /*width: 13.5%; margin: 0 0.4%; display: inline; float: left; margin-bottom: 70px;*/    }
	
	#RseActionsSelector ul li:first-child{ margin-left: 0 !important;  }
	#RseActionsSelector ul li a {display: table; padding: 8px 15px; text-align: center; color: #fff !important;
		min-height: 380px; width: 100%;
		-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;
		background: linear-gradient(45deg, #d243b7, #00aec7); }
		
	#RseActionsSelector ul li a strong { font-size: 1.7em; font-family: FuturaTitle, Arial; letter-spacing: 1px; line-height: 1.1em; display: table-cell; vertical-align: middle; height: 80%;  color: #fff !important;  }
	#RseActionsSelector ul li a strong span {display: block; position: absolute; top: 20px; left: 0; width: 100%; font-size: 0.8em; color: #fff !important; }
	#RseActionsSelector ul li a span.morelink{position: absolute; bottom: 15px; right: 15px; display: inline-block; padding: 4px 7px; font-weight: bold;  color: #fff !important; }
	#RseActionsSelector ul li a span svg{color: #fff !important; }
	
	
	#RseActionsSelector ul li a.color2 {
		background: linear-gradient(45deg, #733AD5, #D53A9E);
	}
	#RseActionsSelector ul li a.color3 {
		background: linear-gradient(45deg, #733AD5, #F66D28);
	}		
	#RseActionsSelector ul li a:hover{ background: linear-gradient(45deg, #111, #333); }
	
	
	
	
	/*.maingalleryW{ position: relative; padding-top: 15px; overflow: hidden;}
	.maingallery{ width: 100%; clear: both; }
	.maingallery li{ display: block;  margin-bottom:0}
	.maingallery li img{ display: block; width: 100%; }
	
	.maingalleryArrowW{ display: block;}
	.maingalleryArrowW .galleryArrow{ 
		display: block; position: absolute; top: 38%; width: 75px; height: 35px; background: #b61f2e; 
		margin: 0; font-size: 2.5em; z-index: 10; padding: 25px 0; border-radius: 200px; cursor: pointer; }
	.maingalleryArrowW #Mainup{ left: -40px; padding-right: 10px; text-align: right;}
	.maingalleryArrowW #Maindown{ right: -40px; padding-left: 10px;  }*/
	
	
	
	
	
	
	/*
	#RseActionsSelector li{ width: 30%; margin: 0 1.5%; display: inline; float: left; margin-bottom: 70px; position: relative;   }
	#RseActionsSelector li:nth-child(3n+1){ margin-left: 0 !important;  }
	
	#RseActionsSelector li a {display: block; border-bottom: 1px solid #999; min-height:140px; padding: 8px 15px; 
		-moz-transition: background-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out;
		-ms-transition:  background-color 0.2s ease-in-out;
		transition:  background-color 0.2s ease-in-out; }
	#RseActionsSelector li a strong { display: block; text-align: left; font-size: 1.8em; font-family: FuturaTitle, Arial; letter-spacing: 1px; line-height: 1.1em;    }
	#RseActionsSelector li a span{position: absolute; bottom: 15px; right: 15px; display: inline-block; padding: 4px 7px; font-weight: bold   }
	
	#RseActionsSelector li a:hover { background-color: #000; 
		border: 3px solid; 
		border-image-slice: 1;
		border-image-source: linear-gradient(45deg, #d243b7, #00aec7); }
	#RseActionsSelector li a:hover *{ color: #fff !important; }	
	
	*/
	
	
	
	
	
	#RseActionBack{ display: none; top: 160px;}
	
	
	/* 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: FuturaTitle, 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;} 
	
	
	
	
	#GaspiAlim{ 
		position: relative; margin: 20px 0 0 0;}
		
	#GaspiAlimTitles{ position: relative; z-index: 100; width: 70%}
	
	#GaspiAlim .labelName{ font-family: FuturaTitle, Arial; text-align: center; background: url(zims/frontend/rse/arrow-neon3.png) no-repeat center bottom; padding-bottom: 35px; margin-bottom: 5px; }
	#GaspiAlim .labelName:last-child{ background: none;}
	#GaspiAlim .labelName a.preactive{ text-decoration: underline;}
	#GaspiAlim .labelName a:hover{ text-decoration: underline;}
	
	#GaspiAlimDetails { width: 30%; height: 100%; position: absolute; top: 70px; right: 0; vertical-align: middle }
	#GaspiAlimDetails p{ display: table-cell; font-family: FuturaTitle, Arial; font-size: 1.1em !important; vertical-align: middle; height: 100%; display: none;}
	
	#GaspiAlimDetails p.preactive{ display: table-cell; }
	
	/*
	#GaspiAlim{ 
		position: relative; width: 350px; height: 355px;
		margin: 0 0 0 150px;}
		
	#GaspiAlimTitles{ position: relative; z-index: 100;}
	#GaspiAlim .labelName{ position: absolute; font-family: FuturaTitle, Arial; font-size: 1.4em; max-width: 125px; line-height: 1em; text-align: center; z-index: 100;}
	.labelName a:hover{ text-decoration: underline;}
	#GaspiAlim .labelName#GaspiTitle1{ top: 5px; left: 211px;}
	#GaspiAlim .labelName#GaspiTitle2{ top: 167px; left: 338px;}
	#GaspiAlim .labelName#GaspiTitle3{ top: 345px; left: 190px;}
	#GaspiAlim .labelName#GaspiTitle4{ top: 250px; left: -50px; max-width: 130px; }
	#GaspiAlim .labelName#GaspiTitle5{ top: 60px; left: -45px;}
	
	
	*/
	
	
	
	
	
	
	
	
	
	#ActImpact{ 
		/*background: url(zims/frontend/rse/circle-arrow.png) no-repeat center; */position: relative; width: 100%; height: 355px;
		margin: 25px 0 0 0; padding: 0 10%;}
		
	#ActImpactTitles{ position: relative; z-index: 100;}
	
	#ActImpact .labelName{ position: absolute; font-family: FuturaTitle, Arial; font-size: 1.3em;  line-height: 1em; text-align: center; z-index: 100; text-align: center; }
	#ActImpact .labelName a{ display: inline-block; max-width: 180px; }
	#ActImpact .labelName a:hover{ text-decoration: underline;}
	#ActImpact .labelName a span{ display: block; }
	#ActImpact .labelName#ActImpactTitle1{ top: -20px; width: 100%; z-index: 101;} 
	#ActImpact .labelName#ActImpactTitle1 a{ background: #000; padding: 5px 20px; color:#fff;} 
	#ActImpact .labelName#ActImpactTitle2{ top: 150px; right: 0; width: 140px;}
	#ActImpact .labelName#ActImpactTitle3{ top: 300px; width: 100%;}
	#ActImpact .labelName#ActImpactTitle4{ top: 170px; left: 0; width: 172px;}
	
	#ActImpactDetails { width: 30%; height: 68%; position: absolute; top: 45px; margin: 0 25%; display: table; }
	#ActImpactDetails p{ display: table-cell; font-family: FuturaTitle, Arial; font-size: 1.1em !important; line-height: 1.2em; vertical-align: middle; height: 100%;}
	#ActImpactDetails p span{ display: none; }
	#ActImpactDetails p:first-child span{ display: block; }
	
	/*
	#ActImpactCenter{ width: 25%; position: absolute; font-family: FuturaTitle, Arial; top: 100px; font-size: 1em; margin: 0 28%; }
	#ActImpactCenter h4{ font-size: 1em;  }
	#ActImpactCenter h4 strong{font-size: 1.2em;  }
	
	#ActImpactDetails{ position: relative; }
	#ActImpactDetails p{ position: absolute; font-family: FuturaTitle, Arial; font-size: 1em !important; background: #000; color: #fff !important; padding: 5px 10px; margin: 0; }
	#ActImpactDetails p#ActImpact2{ top:  225px; right: -100px; width: 200px; }
	#ActImpactDetails p#ActImpact3{ top:  390px; left: 26%; width: 50%; }
	#ActImpactDetails p#ActImpact4{ top:  225px; left: -100px; width: 200px; }
	*/
	
	
	
	
	#LogoSante{}
	#LogoSante ul{ display: table; width: 100%; text-align: center; margin-top: 150px;}
	#LogoSante ul li{ display: inline-block; margin: 0 5%; width: 40%; position: relative; }
	#LogoSante ul li img{ vertical-align: middle}
	
	#EmmausPhoto{ padding-left: 22%; padding-top: 50px;}
	#EmmausPhoto img{ display: block; width: 100%; max-width: 774px; }
	
	#DechetsPhoto{ padding-left: 25%; padding-top: 100px;}
	#DechetsPhoto img{ display: block; width: 100%; max-width: 700px; }
	
	
	#RecPlastik{ margin: 0 0 0 10%;}
	#RecPlastik ul{ display: table; width: 100%; text-align: center; margin-top: 0;}
	#RecPlastik ul li{ display: inline-block; margin: 0 10% 80px; width: 30%; position: relative; vertical-align: top}
	#RecPlastik ul li img{ vertical-align: top; margin-bottom: 12px;}
	
 
	#BioDechetsW{}
	#BioDechets{ display: table; width: 100%; text-align: center; margin-top: 120px;}
	#BioDechets li{ display: inline-block; margin: 0 5%; width: 40%; position: relative; }
	#BioDechets li img{ vertical-align: middle}
 
 
	/*#BioDechetsW{padding-top: 10%;}
	#BioDechets{display: table; text-align: center; width: 100%; margin: 0;}
	#BioDechets li{ 
		position:  relative;
		display: inline-block; text-align: left; padding-top: 0; vertical-align: middle;
		margin: 0 15px 0; width: auto; 
	}
	#BioDechets li.arrow1{ background: url(zims/frontend/rse/arrow-neon1.png) no-repeat right center; padding-right:100px  }
	#BioDechets li.arrow2{ background: url(zims/frontend/rse/arrow-neon2.png) no-repeat right center; padding-right:100px  }
	*/

	/*#BioDechetsW{}
	#BioDechets{display: table; text-align: center; width: 100%; margin: 0; 
		background: url(zims/frontend/rse/tline.png) no-repeat center 135px; }
	#BioDechets li{ 
		position:  relative;
		display: inline-block; text-align: center; padding-top: 0;
		margin: 0 5% 0; width: 40%; 
	}
	#BioDechets li.full{ margin: 0 0 80px 0; width: 100%; }*/
	
	
	
	#CircActiW{ margin: 0;}
	#CircActi{ display: table; text-align: center; width: 100%; margin: 0; }
	#CircActi li{ 
		display: inline-block; text-align: center; padding-top: 0;
		margin: 0 5%; width: 23%; 
	}
	#CircActi li strong{ font-size: 1.3em;	}
	#CircActi span.frame{ font-size: 1.2em;	}
	
	#CircActiW span.frame{ 
		display: inline-block; padding: 5px 10px; background: #fff; border: 1px solid #000; position: relative; bottom: -20px;
	}
	
	#CircActi li .lineSepar{ display: block; width: 1px; height: 160px; background: #000; margin: -43px auto 0; }
	
	#CircActiDeco{ 
		display: block; height: 80px; width: 66%; margin: -160px auto 0;
		border-bottom: 1px solid #000; 
		border-left: 1px solid #000; 
		border-right: 1px solid #000; 
	}
	
	
	#GaspiEau{ padding-top: 7%;}
	
	
	#VapoBgW{ margin: -8px 0 0 10%;}	
	#VapoBgW p:first-child{ width: 80%; margin-bottom: 20px;}
	
	#VapoBg{ display: table; width: 100%; text-align: center; padding-top: 15px;}
	#VapoBg img{ position: relative; max-width: 170px;  }
	#VapoBg li{ display: inline-block; width: 23% ;margin: 0 1%; padding-top:100px; background: url(zims/frontend/rse/action6-lines.png) no-repeat center top; vertical-align: top; position: relative;  }
	
	#VapoBg li.vapoLeftCol{ background-position: right top;  }
	#VapoBg li.vapoCenterCol{ background-position: center -670px;  }
	#VapoBg li.vapoRightCol{ background-position: left -1345px; width: 48%;  }
	
	
	
	
	/*Parcours */
	
	#ParcoursClientBloc{ background: #000; padding-top: 2px;}
	
	
	#ParcoursClientBlocIntro *, #ParcoursClientBloc h2{ color: #fff !important}
	#ParcoursClientBloc h2 .littlesoulign{ background: #fff !important}
	
	#ParcoursClientW{ padding: 0 0 60px; overflow:hidden; position: relative; min-height: 625px;}
	#ParcoursClient{ overflow: hidden; height: 565px; position: absolute; left: 0; top: 0; padding-top: 75px; z-index: 5;  }

	.parcoursStep{ display: inline; float: left; width: 33%; }
	.parcoursStep .stepW{ padding: 20px; margin: 40px 0; position: relative; min-height: 400px; cursor: pointer; }
	.parcoursStep .stepW.style1{ border-top: 2px solid #fff; border-right: 2px solid #fff; padding: 110px 10% 0 10%;  }
	.parcoursStep .stepW.style2{ border-bottom: 2px solid #fff; border-right: 2px solid #fff; padding: 15px 10% 0 10%;  }
	
	.parcoursStep.current .stepW.style1{ 
		border-image-slice: 1;
		border-image-source: linear-gradient(45deg, #d243b7, #00aec7);  }
	.parcoursStep.current .stepW.style2{ 
		border-image-slice: 1;
		border-image-source: linear-gradient(-45deg, #d243b7, #00aec7);  }
		
	
	.finalStep { display: inline; float: left; width: 50%;  }
	.finalStep .stepW{ border-top: 2px solid #fff; min-height: 400px;  margin: 40px 0;  }
	
	
	
	.parcoursStep .stepIco{ display: block; position: absolute; width: 120px; padding: 0 10px; background: #000 url(../media/images/rse/parcours/check-in.png) no-repeat 5px top; background-size: 110px auto; height: 100px;  }
	.parcoursStep .stepIco.checkin{ height: 113px;  }
	.parcoursStep .stepIco.bed{ height: 99px; background-image: url(../media/images/rse/parcours/bed.png);}
	.parcoursStep .stepIco.shower{ height: 111px; background-image: url(../media/images/rse/parcours/shower.png);}
	.parcoursStep .stepIco.pdj{ height: 104px; background-image: url(../media/images/rse/parcours/pdj.png);}
	.parcoursStep .stepIco.ball{ height: 95px; background-image: url(../media/images/rse/parcours/ball.png);}
	.parcoursStep .stepIco.umami{ height: 78px; background-image: url(../media/images/rse/parcours/umami.png);}
	.parcoursStep .stepIco.meeting{ height: 94px; background-image: url(../media/images/rse/parcours/meeting.png);}
	.parcoursStep .stepIco.buffet{ height: 107px; background-image: url(../media/images/rse/parcours/buffet.png);}
	.parcoursStep .stepIco.skybar{ height: 100px; background-image: url(../media/images/rse/parcours/skybar.png);
		width: 160px; background-size: 151px auto;}

	.parcoursStep.current .stepIco{ background-position: 5px bottom; }
	
	/*.parcoursStep .stepIco img{ display: block; width: 100%; opacity: 0.4; }*/
	
	.parcoursStep .style1 .stepIco{ left: 9%; top: -42px;  }
	.parcoursStep .style2 .stepIco{ left: 9%; bottom: -50px;  }
	
	.parcoursStep p { position: relative; opacity: 0.4; color: #fff !important; margin: 0; line-height: 1.2em; text-align: justify; }
	.parcoursStep p a, .parcoursStep p a svg, .parcoursStep p strong{ color: #fff !important;}
	.parcoursStep p a{ text-decoration: underline;}
	.parcoursStep p .stepNum{ display: block; font-size: 3em; font-family: FuturaTitle, Arial; color: #fff !important; margin-bottom: 30px;}
	/*.parcoursStep p .stepNum{ position: absolute; font-size: 3em; font-family: FuturaTitle, Arial; color: #fff !important;}
	.parcoursStep .style1 p .stepNum{ top: -70px; right: 0;}
	.parcoursStep .style2 p .stepNum{ bottom: -50px; right: 0;}*/

	
	#ParcoursClientPagination{ display: block; margin-top: 20px; width: 100%; position: relative; z-index: 10;  }
	#ParcoursClientPagination ul{ display: table; width: 100%; text-align: center; border-top: 1px solid #fff;  }
	#ParcoursClientPagination ul li{ display: inline-block;  width: 11%; position: relative; top: -17px;  }
	#ParcoursClientPagination ul li a{ 
		display: inline-block;  padding: 8px 15px; border-radius: 30px; text-align: center; background: #888; 	font-family: FuturaTitle, Arial; color: #fff !important; font-size: 1.3em;
		-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;
	}
	#ParcoursClientPagination ul li a:hover, #ParcoursClientPagination ul li a.current{ 
		background: linear-gradient(45deg, #d243b7, #00aec7); color: #fff !important; 
	}
	
	
	
	/* RSE OTHER PAGES */ 
	
	
	.rseBlock { display: flex; justify-content:  center; }
	.rseBlock li{ border: 1px solid #fff; padding: 25px 20px 15px;}
	.rseBlock li p{ margin-bottom: 10px;}
	.rseBlock li img{ display: block; height:  80px; margin: 0 auto 20px; }

	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * FAQ * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	
		
	#page-faq #ContentW{ background: #111;  }
	#page-faq #Content { padding-bottom: 90px  }
	#page-faq #Content *{ color: #fff;  }
	#page-faq .button{ border-color: #fff;  }
	
	#FaqssCatsSelectorW, #FaqssCatsContents{ width: 100% !important}
	#FaqCatsSelector{ display: table; width: 100%; text-align: center;}
	#FaqCatsSelector > li{ 
		display: inline-block;  position: relative;
		width: 18%; vertical-align: top; margin: 0 1% 20px;
	}
	
	#FaqCatsSelector > li:first-child{ 
		width: 98%;
	}
	
	#FaqCatsSelector > li > p{  
		border: 10px solid; padding: 10px 0.5%; height: 120px; margin: 0;
		border-image-slice: 1;
		border-width: 5px;
		border-image-source: linear-gradient(-45deg, #d53a9d, #743ad5);
		font-family: FuturaTitle, Arial; text-transform: uppercase; font-size: 1.3em;	 }
	#FaqCatsSelector > li.type2 > p {
		border-image-source: linear-gradient(45deg, #743ad5, #1d7eba);	
	}
	#FaqCatsSelector > li.type3 > p {
		border-image-source: linear-gradient(45deg, #743ad5, #db550f);	
	}
	#FaqCatsSelector > li > p > a{ display: table; width: 100%; height: 100%  }	
	#FaqCatsSelector > li > p > a img{ display: table-row; margin: 0 auto 10px; height: 50px; }	
	#FaqCatsSelector > li > p > a span{  display: table-row; vertical-align: bottom; }	
	#FaqCatsSelector > li > p > a span{  display: table-row; vertical-align: bottom; }	
	
	
	#FaqCatsSelector > li .catsSubSelector {display: none;}
	#FaqCatsSelector > li.open{z-index: 1000;}
	#FaqCatsSelector > li.onback{ opacity: 0.3;}
	#FaqCatsSelector > li.open.onback{ opacity: 1;}

	#FaqCatsSelector > li .catsSubSelector {
		padding: 15px 30px 10px 10px; position: absolute; top: -5px; left: -5px;
		background: rgba(20,20,20,0.95); min-width: 200px; min-height: 100px; 
		border: 10px solid;
		border-image-slice: 1;
		border-width: 5px;
		border-image-source: linear-gradient(to left, #743ad5, #d53a9d);	
	}
	
	#FaqCatsSelector > li .catsSubSelector ul {
		padding: 20px 0 0 20px;
	}
	#FaqCatsSelector > li .catsSubSelector ul li {
		font-family: FuturaTitle, Arial; text-transform: uppercase; font-size: 0.9em;
		text-align: left; margin-bottom: 8px;
	}
	#FaqCatsSelector > li .catsSubSelector .title{ display: block; text-align: left; padding-top: 10px; }	
	#FaqCatsSelector > li .catsSubSelector .title img{ display: block; float: left; margin: -6px 15px 0 0; }	
	
	
	
	#FaqIntro p{ font-size: 1.2em;}
	
	#FaqW h3 { text-transform: uppercase; margin-top: 40px; font-size: 1.7em; }
	
	.faqItemList{ margin: 0 auto; width: 800px;}
	.faqItemList li { text-align: left; margin-bottom: 25px;}
	.faqItemList li { clear: left;}
	.faqItemList.simplelist li { padding-left: 13px;}
	.faqItemList.questionlist li h4:before { content: "\0025B9"; font-size: 1.2em; float: left; margin-right: 5px; }
	.faqItemList.simplelist li h4 { position: relative; left: -13px;  }
	.faqItemList.simplelist li h4:before { content: "\2022"; font-size: 0.9em; float: left; margin: 0 5px 0 0 ;  }
	
	.faqItemList.questionlist li h4{ font-size: 1.4em; margin: 0 0 18px 0;  }
	.faqItemList.simplelist li h4{ font-size: 1.4em; margin: 0 0 12px 0; text-transform: uppercase; }
	
	.faqItemList.questionlist li h4 a.qinteract { display: block;   }
	.faqItemList.questionlist li h4 a.qinteract svg { display: block; float: right; font-size: 1.1em; margin: 4px 0 0 40px ;   }
	.faqItemList.questionlist li h4 a.qinteract:hover { text-decoration:none;  }
	.faqItemList.questionlist li h4 a.qinteract svg.fa-times{ display: none;  }
	.faqItemList.questionlist li.open h4 a.qinteract svg.fa-times{ display: inline;  }
	.faqItemList.questionlist li.open h4 a.qinteract svg.fa-plus-square-o{ display: none;  }
	
	.faqItemList.questionlist li .response { display: none; font-size:  1.1em; padding: 0 60px 0 37px; }
	
	
	.faqItemList li p{ font-size: 1.1em; }
	
	.faqItemList li .response a{   
		text-decoration: underline;
	}
	.faqItemList li .response a:hover {
		color: #ecd8ad !important;
	}

	
	.faqItemList li h4 img{ max-width: 100px;  margin: 20px 0 10px 13px; }

	
	#FaqssCats{  width: 95%; display: table; text-align: center; margin: 0 2.5% 40px;}
	#FaqssCats li{ display: inline-block; margin: 0; }
	#FaqssCats li:last-child{ margin-right: 0; }
	#FaqssCats li a { display: block; color: #fff; text-transform: uppercase; border-right: 1px solid #fff; padding: 5px 14px; font-size: 1.1em;}
	#FaqssCats li:last-child a{  border-right:none }
	
	#FaqssCats li:hover, #FaqssCats li.active{ background: #fff; }
	#FaqssCats li:hover a, #FaqssCats li.active a{ color: #000 !important; }
	
	.tab{ display: none;}
	.simplesoulign{ text-decoration: underline;}
	
	#FaqSectionDesc{ margin-top: 50px;}
	
	#FaqssCatsSelectorW svg{ display: none;}
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	
	#GalleryW{ overflow: hidden; margin-left: 7.5%!important; margin-right: 7.5%!important; width: 85%}
	#mosaic {  position: relative;}

	#mosaic .mosaic-item {
		opacity: 0;
		max-width:23%; margin: 0 1% 25px;
		-webkit-box-flex : 0;
	}
	#mosaic .mosaic-item  img{
		display: block;
		width: 100%;
	}
	
	.zDescription{ display: block; text-align: center; padding-top: 10px; }
	
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ABOUT	* * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	
	#WordSliderW{ width: 100%;  overflow: hidden; display: table; text-align: center; padding-top: 75px; position: relative; display: none;}
	
	#WordSliderW >div{  position: relative;}
	#WordSliderW .list{ font-size: 3.2em; padding: 0 10px; display: inline-block; margin-bottom: 20px; position: relative;}
	#WordSliderW .list.cloned{   position: absolute;  top: 0px;	  left: 0px;}
	#WordSliderW .list li { float: left; padding-left:15px; font-family: FuturaTitle, Arial;}
	
	#WordSliderW .list span{ display: block; position: relative; /* top: 20px; */  color: #fff;	  text-shadow: 0 0 10px #fff;}
	
	#WordSlider2{ margin-top: 40px;}
	
	
	
	#TransfoW{ overflow-x: hidden} 
	#TransfoW h3{ margin-top: 0;} 
	.transfoZimW{ display: table; width: 100%; text-align: center; }
	.transfoZimW span.zimW{ display: inline-block; width: 32%; margin: 0 0.5%; text-align: center; }
	.transfoZimW span img{ display: block; width: 100%;  }
	
	#TransfoW .pagi-dots li button.active { background: #fff; }

	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Press * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	
	#page-press #ContentW{ background: #111;  }
	#page-press #Content {  }
	#page-press #Content *{ color: #fff;  }
	#page-press .button{ border-color: #fff;  }
	
	
	.contactBlock{ display: table; width: 100%; text-align: center; margin-bottom: 50px;}
	
	.contactBlock li{ display: inline-block; margin: 0; /*border-right: 1px solid #fff;*/ padding: 0 50px;  }
	.contactBlock li.bigf{ font-size: 1.2em; line-height: 1.2em; }
	.contactBlock li .button{ margin-top: 10px; }
	.contactBlock li:last-child{ border: none; }
	
	.socialsLinks svg{ font-size: 2em;}
	
	
	.contactBlock.justifiedBlock li{ width: 45%; padding: 0 2.5%; }
	
	
	#page-contact .contactBlock li{ border:none; vertical-align: top; line-height: 1.5em; }
	#page-contact .contactBlock li strong{ font-family: FuturaTitle, Arial; display: inline-block; margin-bottom: 20px; font-size: 1.5em; }
	#page-contact .contactBlock li strong.maj{ font-weight: 400; }
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * EVENT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	
	
	/*#page-event form input { border-bottom: solid 1px rgba(0, 0, 0, 0.85); }
	#page-event form label { color: #000; }*/
	#EventW, #PostuleW, #MentionsW{ margin: 0 0 40px 0; padding-top: 40px;}
	#EventForm .textField label, #EventForm .textareaField label, #PostuleForm .textField label, #PostuleForm .textareaField label
	{ text-align: left; margin-bottom: 7px; display: block;} 
	
	#EventForm fieldset p, #PostuleForm fieldset p{ width: 47.5%; display: inline; float: left; text-align: left; margin-bottom: 40px;}
	
	#EventForm fieldset p#field-datesevent, #EventForm fieldset p#field-budget	{ margin-right: 5%; width: 20%;  } 
	#EventForm fieldset p#field-datesflex { margin-right: 7.5%; width: 20%;  } 
	#EventForm fieldset p#field-budgetflex { margin-right:0; width: 20%;  } 
	
	#EventForm fieldset p#field-datesevent, #EventForm fieldset p#field-nom{ clear: left;  } 

	
	#EventForm fieldset p#field-nom, #EventForm fieldset p#field-email{ margin-right: 5%; } 
	#EventForm fieldset p#field-typeevent, #EventForm fieldset p#field-infos, #EventForm fieldset p#field-newsletter{ width: 100% } 
	
	#EventForm fieldset p#field-societe{ margin-top: 50px;} 
	
	#EventForm fieldset p#field-tel { width: 20%;  } 
	
	.uniqueCheckBoxField input{ width: auto; }
	
	#EventForm ::placeholder{
	  color: #000;
	}
	#PostuleForm ::placeholder {
	  color: #fff;
	}
	
	/*----------------*/
	
	#PostuleForm fieldset p#field-nom, #PostuleForm fieldset p#field-email{ margin-right: 5%; } 
	#PostuleForm fieldset p#field-message, #PostuleForm fieldset p#field-cv, #PostuleForm fieldset p#field-motiv { width: 100% } 
	#PostuleForm fieldset p#field-cv input, #PostuleForm fieldset p#field-motiv input, #PostuleForm .help{ display: block; clear: both; margin-top: 10px;} 

	#PostuleForm .help{ text-align: left; }
	
	
	
	#EventForm input::placeholder {
	 display: none !important;
	 color: rbga(0,0,0,0);
	 opacity: 0;
	}
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CONTACT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	/*#page-contact{ background: #090909 url(zims/frontend/contact-bg.jpg) no-repeat center top; background-attachment: fixed;} */
	
	
	#ContactW{ width: 80%; margin: 0 10%; overflow: auto;}
	
	#FormW, #CoordsW{ display: inline; float: left;}
	#FormW{ width: 60%; margin-right: 5%; }
	#CoordsW{ width: 35%; }
	
	#ContactW h3{  
		 text-transform: uppercase; font-weight: 900; font-size: 2em; 
	}
	
	#jGMapW { width:1000px; height:700px; margin:0; border:none;  clear: both; }
	#jGMapW .vcard{ }
	#jGMap { width:100%; height:100%; }
	
	
	.vcard p { margin:0 0 15px 0; padding:0; font-size:1.1em;}
	.vcard .tel .type, .vcard .uri, .vcard .geo  { display:none; }	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * FANCY * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
 

	

	#ContactForm{ margin: 25px 0; padding: 0 0 0 0%;}
	#ContactForm fieldset p{  width: 45%; display: inline; float: left;}


	#ContactForm fieldset p#field-societe, #ContactForm fieldset p#field-email{ margin-right: 5%; }
	#ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message{  width: 100%; }

	#message{  height: 100px; }

	#date, #heure, #nbpers{  width: 90px; }


	#ReservLegend{ padding: 0 15px 10px 25px; margin: 10px 180px 10px 0; text-align: left; border-bottom: 1px solid #222; }

	.legend {
		font-size: 0.85em;
		color: #999;
		text-align: left;
		margin: 25px 0;
	}

	
	.fancybox-inner  p#Confirmation{ padding: 50px 15px; margin: 0;}

	
	#FancyContactBox{ width: 600px; background: #fff;  }
	#FancyContact{ padding: 0 25px 25px; }
	#FancyContact h2{ color: #000; font-size: 2.5em; font-weight: 900; letter-spacing:normal;text-transform: uppercase; margin: 0 0 15px 0; text-align:left; padding-top: 15px;}

	#ContactForm{ margin: 0;}
	

	input{ width: 90%; margin: 0;}

	#ContactForm fieldset p{  width: 43%; display: inline; float: left;}
	#ContactForm fieldset p#field-nom, #ContactForm fieldset p#field-email{ margin-right: 10%; }
	#ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message{  width: 96%; }
	#message{  height: 100px; }

	.formButtons { display: inline; float: left; width: 100%; text-align: center;}
	
	.fancybox-inner  #ContactForm *{ color: #000;}
	.fancybox-inner  #ContactFormSubmit { border-color: #000;}
	.fancybox-inner  #ContactFormSubmit:hover { color: #fff;}
	.fancybox-inner  #ContactForm input, .fancybox-inner  #ContactForm textarea { border-bottom: solid 1px rgba(0, 0, 0, 0.85); }

	 
 
	 p#Confirmation{
		font-size: 1.2em; font-weight: 300; margin: 100px 5%; text-align:center; line-height: 1.5em;
	}
	
	
	
	
	/* 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) {
			
		#FooterNews #field-email{  width: 43% }
	
	}
	@media(max-width:1560px) {
		
		.zimBlocsList li .itemTitle { font-size: 1.2em; }
		
		#FooterNews #field-email{  width: 37% }
	
	}
	
	
	@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}
		
		#FooterNews #field-email{  width: 34% }
		
		#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;}



		
		/* RSE */
		
		#page-contribution-rse .centeredlist40 {
			margin-left: 10%!important;
			margin-right: 10%!important;
			width: 80%;
		}
		#page-contribution-rse #Content  h2.lefted {
			margin-left: 2.5%;
			margin-right: 2.5%;
		}
		#page-contribution-rse #EventSpacesMenu {
			margin: 0 2.5%;
			width: 95%;
		}
		.actionArrow {    width: 26px; }
		.actionArrow.left-arrow{ left: 3px}
		.actionArrow.right-arrow{ right: 3px}
		
		#RseActionsContent{ padding-top: 30px;}
		#RseActionsContent h2{ margin-bottom: 50px;}
		
		#RseActionBack { top: 108px;	 left: 2.5% }
		
		#EmmausPhoto{ padding-top: 40px; }
		
		
		
		
	}
	
	
	@media(max-width:1024px) {
			
		body { font-size:17px; }
		input, select, textarea { font-size: 17px; }
		
		.nomob{display: none; }
		.mobonly{ display: inline;}

			
			
		#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: 6px 12px;
			font-size: 1.1em;
			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: 160px; padding-top: 10px; position: relative; left: -25px; }
		.scrolled #HomeLinkW a img, .forcedHeader #HomeLinkW a img {  width: 160px; }
	
		#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 15px; 
			-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: 0.95em; padding: 7px 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 {
			color: #fff;
			background-color: unset;
		}
		#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.5em;    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: 240px; 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{    bottom: 12%; }
		/* #HomeTitleW h2 strong {   font-size: 5em; line-height: 0.9em;} */
		#HomeTitleW h2 strong {   font-size: 2.6em; line-height: 0.9em;}
		#Hometitlestar{  bottom: 16px;}
		
		.homeSectionW {   padding-bottom: 0px; }
		#page-home .zimBlocsList li .itemTitle strong { font-size: 0.9em; }
		#page-home .scroll-section {  top: 80%; }
		
		#HomeTitleW h2 em {   font-size: 1.4em; }
		
		
		#CovidBanner {
			top: auto;
			bottom: 0;
		}
		#CovidBanner p {
			margin: 5px 2.5%;
			line-height: 1.2em;
			font-size: 0.85em;
			padding-right: 25px;;
		}

		
		
		/* PAGES */
		
		#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;}
		
		
		
		
		
		/* RSE */
		#page-contribution-rse #Content p{ font-size: 1em;   line-height: 1.3em;}
		
		#page-contribution-rse .centeredlist40{     
			margin-left: 2.5%!important;
			margin-right: 2.5%!important;
			width: 95% !important;}
		
		
		#page-contribution-rse h2.lefted{ text-align: left !important;}
		#page-contribution-rse #Content h2{ margin-bottom: 20px!important;}
		
		#page-contribution-rse .numInfography{ padding: 30px 0;}

		#page-contribution-rse .swipepagination .dot {
			background: #fff;
			border: 1px solid #000;
		}
		#page-contribution-rse .swipepagination .dot.active {
			background: #000;
		}
		
		
		.pilier h3{     font-size: 1.6em;}
		#page-contribution-rse #Content p.bigdecalbottom{ margin-bottom: 10px;}
		
		
		#ParcoursClientPagination{ display: none;}
		#ParcoursClientW{ padding-bottom: 20px;}
		#ParcoursClientW .HsliderW, #ParcoursClient{ height: 645px; }
		#ParcoursClient{ padding-top: 50px; }
		.parcoursStep p{ opacity: 1;}
		.parcoursStep .stepW {    min-height: 500px; }		
		
		#page-contribution-rse #ParcoursClientW .swipepagination .dot {
			background: #000;
			border: 1px solid #fff;
		}
		#page-contribution-rse #ParcoursClientW .swipepagination .dot.active {
			background: #fff;
		}
		
		
		.rseAction h3 { line-height: 1em; font-size: 1.6em; margin-top: 10px; }
		#ActionsSelect, #RseActionsArrows{ display: none;}
		#RseActionsContentsW{ display: block;}
		#RseActionsContents p img.floatImgR{ display: block; float: none; margin: 0 auto 20px}
		
		#RseActionsContents .centeredlist > li.col25, #RseActionsContents .centeredlist > li.col30, #RseActionsContents .centeredlist > li.col40, #RseActionsContents .centeredlist > li.col50, #RseActionsContents .centeredlist > li.col60
		{ width: 95% !important; padding: 0 2.5%;}
		
		#LogoSante ul, #BioDechets{ margin-top: 50px; }
		#LogoSante ul li{ width: 95%; margin: 0 2.5% 30px;}
		
		#EmmausPhoto, #DechetsPhoto{   padding: 40px 0 0 0;}
		
		#RecPlastik, #VapoBgW{ margin: 0;}
		#RecPlastik ul{ margin-top: 30px;}
		#RecPlastik ul li, #VapoBg li, #BioDechets li{ width: 100%; margin: 0; padding-top: 0; margin-bottom: 30px; }
		
		#VapoBgW p { width: 100%;}
		#VapoBg li {
			padding-top: 100px;
			background: url(zims/frontend/rse/action6-lines.png) no-repeat center -670px !important;
			width: 100% !important;
		}
		
		#GaspiAlimTitles{ width: 100%;}
		#GaspiAlimDetails, #ActImpactDetails{ display: none;}
		
		#DechetsPhoto img {
			margin: 0 auto; 
			width: 80%;
		}
		
		
		#ActImpact {
			height: auto;
			padding: 0 0;
		}
		
		#ActImpact img{ display: none;}
		#ActImpact .labelName {
			position: static;
			text-align: center;
			background: url(zims/frontend/rse/arrow-neon3.png) no-repeat center top;
			padding-top: 45px;
			margin-bottom: 5px;
			width: 100% !important;
		}
		#ActImpact .labelName:first-child {
			background: none;
			
		}
		#ActImpact .labelName a{ max-width: unset;}
		
		#GaspiAlim .labelName *, #ActImpact.labelName *, #GaspiAlim .labelName *:hover, #ActImpact .labelName *:hover{ text-decoration: none !important;  }
		#GaspiAlim h4 p{ font-family: Futura, Arial; font-size: 0.65em !important; text-transform: none; line-height: 0.8em; letter-spacing: 0;  margin: 15px 0 8px; }
		#ActImpact h4 p{ font-family: Futura, Arial; font-size: 0.75em !important; text-transform: none; line-height: 0.8em; letter-spacing: 0;   }
		
		
		
	}
	
	

	
	
	@media(max-width:767px) { 
	
	
			
		#HomeTitleW h2 {    font-size: 0.9em; }
		#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 */
		
		#page-contribution-rse #ZoomHalfBanner img{ left: -100px !important;}
		#page-contribution-rse h2.lefted#CertifTitle{ text-align: center !important;}
		
		.offersList li div{ padding: 20px;}
		.offersList li div img{  height: auto; width: 100%; float: none; margin-bottom: 20px; display:block;}
		
		
	}
	
	
	
	@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;}
		
	}*/
	/* - -------------------------- - */