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



@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/*

    font-family: 'Montserrat', sans-serif;

    font-family: "Comfortaa", sans-serif;
	
*/

/* ################################################################################################################																		     *                                                                      							
														BASICS
 *###############################################################################################################*/
 
 
	html, body { margin: 0; padding: 0; border: 0; }
	body { 
		font-size:15px; background: #000;
		color: #fff;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		letter-spacing: 0.025em;
		line-height: 1.5em;
		overflow-x: hidden;
		overflow-y: scroll;
		position: relative;
		width: 100vw;
		font-optical-sizing: auto;
	}


	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:hover {
			text-decoration: underline; 
			
		}
		
		a:active, a:focus { outline:0; }
		a img { border:0; }
		

	strong, b {font-weight: 500;	}
	.chrome strong, b {font-weight: 600;	}

	p, ul, ol, dl, table, blockquote {
		margin: 0 0 2em 0;
	}

	h1, h2, h3, h4, h5, h6 {

		color: inherit;
		font-weight: 300;
		line-height: 1em;
		margin-bottom: 1em;

	}
	.hlt-800 h2, .lt-1250 h2{ margin-bottom: 0.5em; }

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

	h1{
		font-size: 3.5em;


	}
	
	h2 {
		font-size: 1.5em;
		

	}

	h3 {
		font-size: 1.2em;


	}

	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 {}
	
	
	
/* ################################################################################################################																		     *                                                                      							
														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"],
	input[type="tel"],
	input[type="number"],
	input[type="date"],
	input[type="datetime"],
	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;
		color: #eee;
		display: block;
		padding: 10px 15px;
		text-decoration: none;
		width: 90%;
		outline: 0;
		background: #222;
		line-height: 1.5em;
		
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
	}
	
	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;
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: none;
		border: solid 1px rgba(150, 150, 150, 0.5);
		color: #222;
		display: block;
		padding: 0.3em 0 0.3em 0.75em ;
		text-decoration: none;
		width: 102%;
		outline: 0;
		background: #6e6f76;

		line-height: 1.5em;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="date"],
	input[type="datetime"] {
		line-height: 1.2em;
	}
	
	label { color: #fff; font-size: 1em;  line-height: 1em; text-align: left;}
	
	.missingField label, .invalidField label { color:#000; font-weight: 600; }
	.missingField input, .missingField textarea, .missingField select, .invalidField input, .invalidField textarea, .invalidField select { border-color:#000; }
	
	.formErrors { margin:0; padding:10px 0 10px 0; }
	.formErrors li { list-style:none; margin:0px 0 5px 0; line-height:16px; color:#000; font-weight: 600;}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	input[type="tel"]:focus,
	input[type="number"]:focus,
	input[type="date"]:focus,
	input[type="datetime"]:focus,
	textarea:focus {
		border-color: #555555;
	}
	fieldset{ border: none !important; margin: 0; padding: 0;}
	
	
	#field-security { display: none !important; }
	.formButtons { text-align: center;}
	.textField, .emailField, .telField, .numberField, .dateField, .datetimeField, .textareaField  { margin: 0 0 10px 0; text-align: left;}
	

/* Button */

	.buttonW{}
	.buttonW.centered{ text-align:center;}
	
	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: none;
		border-top: 1px solid #e6007e;
		border-bottom: 1px solid #e6007e;
		background:  #222;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		font-weight: 300;
		letter-spacing: 2px;
		padding: 0.4em 2em;
		line-height: 1.4em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		width: auto;
		margin-bottom: 8px;
		
		font-family: "Comfortaa", sans-serif;
		
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		
		
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover {
			border-color: #e6007e;
			color: #e6007e;
			background:  #fff;
			text-decoration: none;
			
		}
		
		
	.button.onpink{ 
		border-color: #fff;
	}
	.button.onpink:hover{ 
		color: #e6007e;
	}



		
	::-moz-selection { /* Code for Firefox */
		background: #e6007e; color: #fff;
	}

	::selection {
	  background: #e6007e; color: #fff;
	}


	::placeholder {
	  color: #fff;
	}
	
	
	
	





/* Specials */


	 /**
	 * Floating elems
	 */
	.float	{display:inline; float:left;}
	.floatR	{float:right;}
	/**
	 * Away elems
	 */

	.awayText
	{text-indent: -9999px; overflow: hidden; }
	.hidden
	{display: none;}
	
	 /**
	 * WRAPPERS 980
	 */
	.focus
	{ margin:0 auto; width: 980px; }
	
	/**
	 * 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;
	}
	
	.overText{
		text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);	
	}
	
	.centered{ text-align: center;}
	.lefted{ text-align: left;}
	.righted{ text-align: right;}
	
	
	
	@-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: 50;
		text-align: center;
		bottom: 130px;
		left: 20px;
		width: 30px;
		z-index: 200
	}   
	
	.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: #000;
		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: #000;
		text-transform: uppercase;
	}
	.scroll-section a:after, .scroll-section:after {
		left: 1px;
	}
	

	.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: #000;
		content: "";
		top: 100%;
	}
	
	#page-home .scroll-section a:after, .scroll-section:after { background: #fff; }
	#page-home .scroll-section span { color: #fff; }

	
		
/* ################################################################################################################																		     *                                                                      							
														PAGES
 *###############################################################################################################*/



	.sfont {  font-family: "Comfortaa", sans-serif; }
	
	
	.vcard p { margin:0; padding:0; }
	.vcard .tel .type, .vcard .geo, .vcard .uri { display:none; }	
	
	.colzim{ display: block; width: 100%;}
	
	a.specialAnnounce { display:none !important;  } 
	
	
	.away{ position: relative; opacity: 0;}
	.awayleft{ left: -120px;}
	.awayright{ right: -120px;}
	.awaytop{ top: -100px;}

	.mini{ font-size: 0.85em;}
	.littleup{ font-size: 1.2em !important }
	.big{ font-size: 1.6em !important }
	.super { font-size: 2.2em !important }
	.mega { font-size: 3.2em !important }
	.ultra { font-size: 4.2em !important }
	

	/*.sfont.littleup { font-size: 1.4em !important;  line-height: 1.1em; }
	.sfont.big { font-size: 2em !important;  line-height: 1em; }
	.sfont.super { font-size: 2.5em !important; line-height: 0.9em; }
	.sfont.superplus { font-size: 3.8em !important; line-height: 0.9em; }
	.sfont.mega { font-size: 5em !important; line-height: 1em; }
	.sfont.ultra { font-size: 7em !important;  line-height: 1em; }*/
	
	.bolder{ font-weight: 600; letter-spacing: 4px;}
	
	
	.centeredlist{  
		display: table; width: 100%; text-align: center; clear: both; 
		margin-left: 7.5%!important; margin-right: 7.5%!important; 
		width: 85%; padding-top: 15px;}
	.centeredlist:first-child{ padding-top: 0;}	
	
		
	.centeredlist100{  margin-left: 0%!important; margin-right: 0%!important; width: 100%}
	.centeredlist95{  margin-left: 2.5%!important; margin-right: 2.5%!important; width: 95%}
	.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%}
	.centeredlist30{  margin-left: 35%!important; margin-right: 35%!important; width: 30%}

	.centeredlist > li{ display: inline-block; vertical-align: top; position: relative;}
	.centeredlist > li{ width: 45%; margin: 0 2.4% }
	
		
	.colZim{ display: block; width: 100%;}

	
	.bigmargin{ margin: 50px 0;}
	
	
	.nomargintop{ margin-top: 0; padding-top: 0;}
	.titlepadding{ padding-top: 95px;}
	.titlepaddingmini{ padding-top: 45px;}
	.titlepaddingmedium{ padding-top: 150px;}
	.titlepaddingbig{ padding-top: 200px;}
	
	
	
	.spacer{ clear: both; padding: 40px 0;}
	.gold { color: #e6007e;}
	
	
	
		
	.screensW, .screensAnimW{ width: 100%; height: 100%; }
	.screenW{ position: relative;}
	.screen{ width: 100%; height: 100%; position:absolute; top: 0; left: 0; z-index: 0;}

	
	.screenZimW, .screenCarouselW, .screenCarouselZoomW{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; background: #fff ;}
	.screenZim, .carouselZim, .carouselZoomZim, .carouselZoomZimW{ display: block; position: absolute; }
	.screenZim{ display: none;}
	.screenCarouselW{ display: none;}
	.carouselZim, .carouselZoomZimW{ opacity: 0;}
	
	/*.screenCarouselZoomW.half{ height: 50%;}*/
	.screenCarouselZoom{ height: 100%; width: 100%;}

	
	.screensAnimW{ overflow: hidden; }
	.halfZimW{}
	.halfZimW div{ width: 50%; height: 100%; overflow:hidden; position:absolute;  }
	.halfZimL{ left: 0; top: 0; }
	.halfZimR{ right: 0; top: 0; }
	.halfZimR img{ right: 0; left: auto !important;}
	
	
	.linksW a{ margin: 0 10px 10px 10px;}
	
	
	.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 7s ease-out;
	   -webkit-transition:all 7s ease-out;
	   -o-transition:all 7s ease-out;
		transition:all 7s ease-out;
		
		transform: translate3d(0px, 0px, 0px) scale(1.10);
	}
	
	
	.blackcolor { color: #ccc; }
	.themecolor { color: #ff32a2; }
	
	

	#OverlayTransition{ height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: #d89a22 url(zims/loader/loader2.gif) no-repeat center; }
	
	#SoonPopupW{ display: none;}
	#SoonPopup{ margin: 100px 150px;}
	
	
	
	
	.multiZimBlock{ display: flex;}
	.multiZimBlock > li{  position: relative; width: 50%;}
	
	.multiZimBlock .textAltImg{ padding: 0 0 30px 50px }
	
	.colZimW{ margin: 0;}
	.multiZimBlock .colZimW{ }
	
	
	.zimsPanel{ display: flex; flex-wrap: wrap; height: 100%; align-items: flex-end}
	.zimsPanel img{ display: block; width: 100%;  }
	.zimsPanel li.big{ width: 100%; }
	.zimsPanel li.mini{ width: calc(50% - 30px); padding: 30px 30px 0 0; }
	
	
	
	
	.linesepar{ display: block; width: 1px; background: #e6007e; height: 30px; margin: 5px auto;}
	
	
	#OverlayLoad{ position: fixed; width: 100%; height: 100vh; z-index: 10000; }
	
	#OverlayLoadDoor1{
		/*background: rgba(212,14,130,1);*/
		background: rgba(20,20,20,1);
		position: absolute; opacity: 1; overflow: visible;
		height: 100vh; width: 100%; top: 0; left: 0; opacity: 1; z-index: 10000; }
	#OverlayLoadDoor2{
			display: none;
		background: rgba(20,20,20,1);
		position: absolute; opacity: 1; overflow: visible;
		height: 100vh; width: 50%; top: 0; right: 0; opacity: 1; z-index: 10000; }
	
	
	.swingDecoW{ position: relative; z-index: -1; }
	.swingDecoW.footpage {
		position: absolute;
		width: 100%;
		bottom: -140px;
		height: 170px;
		overflow: hidden;
	}
		
	.swingDeco{ 
		width: 100%; 
		background: rgba(230,0,126,1);  transform: rotate(6deg); 
		position: absolute; z-index: 1;}
	.swingDeco.rev{ transform: rotate(-6deg); z-index: 0; }
	.swingDeco.grey{ background: rgba(110,111,118,1); }
	.swingDeco.greydegrad{ background: linear-gradient(90deg, rgba(110,111,118,1) 20%, rgba(215,215,215,1) 60%); }
	.swingDeco.dark{ background: rgba(20,20,20,1); }
	
	.swingZim{ transform: rotate(6deg); position: absolute; bottom: 0;}
	
	
	
	
	.animZim{ 
		-moz-transition: all 1.6s ease-out;
		-webkit-transition: all 1.6s ease-out;
		-o-transition: all 1.6s ease-out;
		-ms-transition: all 1.6s ease-out;
		transition: all 1.6s ease-out;
	}
	.animZim.blured{ filter: blur(7px); }
	
	.superblur{ filter: blur(15px); }
	
	
	
	
	
	
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 
 
 
 
 
	/* 
	
		Rose : #e6007e

		
	*/
	
/* HEADER */

	
	#HeaderW { position: relative; z-index: 800; }
	#Header { position: fixed; top: 0; width: 100%; z-index: 800; height: 80px;}
		
	.headerBG { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-bottom: none;
		-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: url(zims/frontend/header-repeat.png) repeat-x center bottom; */
	}
	/*.scrolled .headerBG, .forcedHeader .headerBG  { background: #e6007e; }*/
	
	
	#HeaderSwing{ height: 120px; right: -200px; top: -75px;}

	/*#Header.deploy  { height: 100% !important;} 
	.deploy .headerBG {  border-bottom: none;  } */
	
	#HomeLinkW { 
		position: relative; z-index: 1001; margin: 0; text-align: left; position: absolute; 
		height: 0; top: 42px; left: 14%; width: 100%; padding-top: 0;}
	#HomeLinkW a{ display: inline-block; }
	#HomeLinkW a img{ width: 200px; 
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;  }
		
		
	.scrolled #HomeLinkW a img { opacity: 0; margin-top: -10px; }
	.deploy #HomeLinkW a img { opacity: 1; margin-top: 0; }
		
	#page-home #HomeLinkW a img { opacity: 0;  } 
	#page-home .deploy #HomeLinkW a img { opacity: 1;  } 
	
	/*.scrolled #HomeLinkW a img {width: 140px; }	*/
	
	
	
	
	#page-home .headerBG { display: none !important; } 
	
	
	/*#HomeLinkW a img#LOGO { display: none;  } 
	.scrolled #HomeLinkW a img#LOGOW, .forcedHeader #HomeLinkW a img#LOGOW  { display: none;  } 
	.deploy #HomeLinkW a img#LOGOW { display: block;  } 
	.scrolled #HomeLinkW a img#LOGO, .forcedHeader #HomeLinkW a img#LOGO  { display: block;  } 
	.deploy #HomeLinkW a img#LOGO { display: none;  } */
	
	
	
	
	/*#HomeLinkW a img#LOGOB{ display: none; }
	
	.black #HomeLinkW a img#LOGO{  }
	.black #HomeLinkW a img#LOGOB{ display: none;}*/
	

	

/* MAIN MENU */

	#Nav{ position: absolute; top: 0; width: 100%; height: 0; z-index: 1000;}
	#Nav.open{ height: 100%; }
	/*#UpperNav{ position: absolute; z-index: 5010; height: 70px; width: 100%; }*/
	
	#UpperMenu{ width: 100%;  display: flex;  flex-direction: column;  flex-wrap: wrap; position: relative; z-index: 1005; }
	#UpperMenu ul{ width: 40%; height: 40px; position: absolute; top: 0; margin-top: 25px;  }
	#UpperMenu ul#LeftUpperMenu{ left: 0; padding-left: 7%;	}
	#UpperMenu ul#RightUpperMenu{ right: 0; padding-right: 5%;	}

	#UpperMenu ul li{ 
		display: inline-block; float: left; margin: -25px 0 0 0; padding-top: 18px;
		background: url(zims/frontend/upmenu-line.gif) no-repeat center top;
		
	}	
	.black #UpperMenu ul li{ background-image: url(zims/frontend/upmenu-line.gif);	}
	
	#UpperMenu ul li a {
		padding: 8px 15px;
		text-align: center;
		cursor: pointer;
		transition: all 0.4s;
		position: relative;
		color: #fff; text-transform: uppercase; font-size: 0.8em; 
		display: block; 
		font-weight: 400;
		font-family: "Comfortaa", sans-serif;
	}
	#UpperMenu ul li a svg {
		font-size: 2em; position: relative; top: -4px;
	}
	.black #UpperMenu ul li a {  }
	
	#UpperMenu ul li a span, #MainMenu > li > a span {
		transition: all 0.3s;
	}
	#UpperMenu ul li a::before, #MainMenu > li > a::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0;
		transition: all 0.3s;
		transform: scale(0.1, 1);
		
	}
	#UpperMenu ul li a::before {
		
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: rgba(255,255,255,1);
		
	}

	#MainMenu > li > a::before {

		border-bottom-color: #d89a22;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		
		
	}
	#UpperMenu ul li a.button:hover  {
		background : #e6007e;
	}
	#UpperMenu ul li a:hover span {
		letter-spacing: 2px;
	}
	#UpperMenu ul li a:hover::before {
		opacity: 1; 
		transform: scale(1, 1); 
	}
	#UpperMenu ul li a::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		transition: all 0.3s;
	}
	#UpperMenu ul li a:hover::after{
		opacity: 0; 
		transform: scale(0.1, 1);
	}

	#UpperMenu ul#RightUpperMenu li{ float: right;	}

	#UpperMenu ul li a:hover { text-decoration: none;  }
	
	
	
	.animbtn {
	  width: 240px;
	  height: 26px;
	  padding: 5px 0 !important;
	  cursor: pointer;
	  background: transparent;
	  border-top: 1px solid rgba(255,255,255,0.8);
	  border-bottom: 1px solid rgba(255,255,255,0.8);
	  outline: none;
	  transition: 1s ease-in-out;
	  font-size: 1em !important; letter-spacing: 1px;
	  line-height: 1.8em;
	}
	#page-home .animbtn {
	  border: 1px solid rgba(255,255,255,0.8);
		background: #e6007e;
	}

	.animbtn > svg {
	  position: absolute;
	  left: 0;
	  top: 0;
	  fill: none;
	  stroke: #fff;
	  stroke-dasharray: 210 620;
	  stroke-dashoffset: 210;
	  transition: 1s ease-in-out;
	}

	.animbtn:hover {
	  transition: 1s ease-in-out;
	  background: #e6007e;
	  color: #fff !important;
	  border-color: #fff;
	}

	.animbtn:hover > svg {
	  stroke-dashoffset: -480;
	}
		
	
	
 /* ANIMATED MENU ICO */
	 
	#NavIco {
		display: block; position: fixed; z-index: 5001; height: 25px; width: 32px;
		left: 2.5%; top: 25px;
		-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;
	}
	#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; }
	
	/*.scrolled #NavIco span, .forcedHeader #NavIco span{  background: #e6007e; 	}
	#NavIco.active span{  background: #fff !important; 	}*/
	
	#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;
		z-index: -1;
		left: -200px;
		top: -280px;
		background: #6e6f76;
		width: 600px;
		height: 300px;
		transform: rotate(-18deg);
		
	}
	

	
	
	
	
	#MenuW{ overflow: hidden; width: 100%; height: 0; position: relative; z-index: 1001;	}
	.open #MenuW{ height: 100vh;	}
	
	/*#MenuOverlay{ 
		background: rgba(255,255,255,0.7);
		height: 100%; width: 100%; top: 0; left: 0;
		position: absolute; z-index: 900; 
	}*/
	
	#MenuDoor1{ 
		background: rgba(20,20,20,0.9);
		position: absolute; z-index: 1000; opacity: 1; overflow: visible;
		height: 100vh; width: 35%; left: -50%; opacity: 0;
	}
	#MenuDoor2{ 
		background: rgba(20,20,20,0.9); 
		position: absolute; z-index: 1000; opacity: 1; overflow: visible;
		height: 100vh; width: 50%; right: -50%; opacity: 0;
	}
	
	#Menu{ 
		position: absolute; z-index: 1005; opacity: 0; overflow: visible;
		height: 100%; width: 100%;
	}
	

	#MainMenuW{ padding-top: 180px; margin-bottom: 30px; width: 35%}

	#MainMenu > li{ position: relative; padding: 25px 15px 15px 40px; min-height: 30px;  text-align: left; border-bottom:1px solid #e6007e; }
	#MainMenu > li span.menuItemLine{ position: absolute; top: 48%; left: 0; width: 25px; height: 3px; background: #fff;  }

	#MainMenu > li > a, #MainMenu > li > strong{ 
		display: inline-block; position:relative; letter-spacing: 3px; 
		 text-transform: uppercase; font-family: "Comfortaa", sans-serif;
		color: #fff; font-size: 1.3em; cursor: pointer; text-align: center; 
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; }
		
	#MainMenu > li > a span, #MainMenu > li > strong span{ width: 100%; display: inline-block; }
	#MainMenu > li > a  i, #MainMenu > li > strong  i { font-size: 1.3em;}
	#MainMenu > li > a  i.fa-caret-down, #MainMenu > li > a  i.fa-caret-up, #MainMenu > li > strong  i.fa-caret-down, #MainMenu > li > strong  i.fa-caret-up { display: none;}

		
	#MainMenu > li > a:hover, #MainMenu > li > strong:hover, #MainMenu > li.actived > a, #MainMenu > li.actived > strong{ 
			
		color: #e6007e; text-decoration : none;   }
	
	
	
	
	#Socials{ padding-left: 0; margin-top: 20px; text-align: left; }
	#Socials a{ font-size: 2.5em; color: #fff; margin: 0 40px;}
	#Socials a:hover{ color: #e6007e; }
	
	
	/* */
	/*
	#LangsW{ position: absolute; left: 14%; top: 29px; width: 48px; z-index: 5010; padding: 0 7px 20px 7px; }
	#LangsW #LangOpen{ display: block; float: left;  color: #fff; font-size: 1.4em; }
	#LangLinks{ float: right;  }
	#LangLinks li{ text-align: right } 
	#LangLinks li a{ display: inline-block;  width: 22px} 
	#LangLinks li a span{ opacity: 0;} 
	#LangLinks li.disabled{ display: none;} 
	
	#LangLinks li a#FrLink{ background: url(zims/frontend/fr.jpg) no-repeat center;}
	#LangLinks li a#EnLink{ background: url(zims/frontend/en.jpg) no-repeat center;}
	
	.black #LangsW #LangOpen{ color: #000;  }
	*/
	
	
	
	/* Content */
	
	
	
	
	.tarrow{ display: inline-block;  width: 80px; padding-top: 20px;}
	
	
	/*#Content {  background: url(zims/frontend/bg-black.jpg) no-repeat center top; padding: 120px 10% 0; }*/
	
	#Footer{ }
	#Copyrights{position: absolute; bottom: 20px; left: 0; width: 30%; text-align: left; padding: 0; margin : 0 0 0 20px; font-size: 0.8em; line-height: 1.2em; color: #fff; }
	
	
	
	
	
	#FooterBand{  background: #e6007e; clear: both;padding: 15px 5%;}
	#FooterBand p{ color: #fff; margin:0; text-align: center; vertical-align: middle; }
	#FooterBand p a{ color: #fff;}
	#FooterBand p a svg{ font-size: 1.3em; margin: 0 10px;}
	
	
	
	
	#FaceArriereW{ display: block; position: fixed; z-index: -1; top: 0; left: 0; width: 100%; height: 100vh; }
	#FaceArriere{ display: block; margin: 0 auto; opacity: 0.1; height: 100% }
	
	
	
	#WyyldeStamp{ display: block; position: absolute; z-index: 10; bottom: -130px; right: 3%;    }
	#page-home #WyyldeStamp{ bottom: 10px;    }
	#WyyldeStamp img{ 
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;  }
	#WyyldeStamp img:hover{ 
		 /*-webkit-transform: 
		-moz-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		transform: rotate(-5deg);*/
		
		transform: rotate(-5deg) translate3d(0px, 0px, 0px) scale(1.05);
	  
	}




	#Content { padding-top: 100px; min-height: calc(100vh - 282px); }
	#ContentW{ padding-bottom: 40px; position: relative; }
	.forcedHeader #ContentW{ min-height: calc(100vh - 80px); }

	#page-home #ContentW { padding: 0; border: none; }



	/* HOME */
	#page-home {  }
	#page-home #Content  { padding-top: 0;}

	
	#HomeOverlay { width: 100%; height: 100vh; position: relative; overflow:hidden; z-index: 1; }

	.bgZim{ position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 0;  }
	.bgZim.fixed{ position: fixed; z-index: -2;  }
	.darkoverlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.7); }
	.darkoverlay.light{  background: rgba(0,0,0,0.3); }
	
	
	
	
	#HomeOverlay .swingDecoW{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1;  }
	
	#HomeSwing1{    
		height: 200px;
		left: -20px;
		width: calc(100% + 20px);
		bottom: -160px;}
		
	#HomeSwing2{    
		height: 150px;
		left: 20px;
		width: calc(100% + 20px);
		bottom: -110px;}
	
	
	#HomeSwingZim{
		transform: rotate(0deg); height: 100vh; left: -30px; opacity: 0;
	}
	
	
	
	
	
	
	
	#ScreenLogoW{ position: absolute; z-index: 100; top: 0; left: 0; height: 100vh; width: 100%;  }
	#ScreenLogoW h2{ width: 90%; padding-top: 20vh; text-align: right; margin-right: 10%;}
	#ScreenLogoW h2 img{ width: 700px; opacity: 1; 
		-moz-transition: width 1.5s ease-out, opacity 0.8s ease-out;
		-webkit-transition: width 1.5s ease-out, opacity 0.8s ease-out;
		-o-transition: width 1.5s ease-out, opacity 0.8s ease-out;
		-ms-transition: width 1.5s ease-out, opacity 0.8s ease-out;
		transition: width 1.5s ease-out, opacity 0.8s ease-out; 
	}
	#ScreenLogoW h2 img.noshow{ width: 640px; opacity: 0; }
	#HomeSlogan{ position: absolute; bottom: 25%; width: 100%;
		color: #fff; font-size: 2.5em; letter-spacing: 2px; text-align: center; text-transform: uppercase; margin: 0; opacity: 1;
		-moz-transition: letter-spacing 1s ease-out, opacity 1.5s ease-out;
		-webkit-transition: letter-spacing 1s ease-out, opacity 1.5s ease-out;
		-o-transition: letter-spacing 1s ease-out, opacity 1.5s ease-out;
		-ms-transition: letter-spacing 1s ease-out, opacity 1.5s ease-out;
		transition: letter-spacing 1s ease-out, opacity 1.5s ease-out; 
	}
	#HomeSlogan.noshow{ letter-spacing: 5px; opacity: 0; }
	
	/*#ScreenItemsW{ position: relative; z-index: 100;}*/
	#HomeBaseline{ position: absolute; z-index: 101; bottom: 30px; left: 2.5%; color: #e6007e; width: 30%; margin: 0; }
	
	
	
	
	#SpecialAnnounce, .specialAnnounce, #SAContent{ display: none;}
	/*#SAContent{ width: 650px; height: 650px; margin: 0; overflow: hidden;}
	#SAContent a{  vertical-align: top; }
	#SAContent a img{ display: block; width: 100%; vertical-align: top;}*/
	
	
	/*
	
	#MuteButton{ display: block; position: absolute; top: 48%; left: 20px; cursor: pointer; z-index: 100; color: #fff; }
	#MuteButton svg{ font-size: 2.5em; }
	#MuteButton .muteon{ display: none;}
	

	
	#PlayButton{ display: block; position: absolute; top: 48%; right: 20px; cursor: pointer; z-index: 100; color: #fff; }
	#PlayButton svg{ font-size: 2.5em; }
	#PlayButton .play{ display: none;}
*/


	/*------------*/
	
	.screenW{height: 800px;}
	
	.homeSectionW, .sectionW{ clear: both;  }
	
	.sectionW.goldbg, .sectionW.pinkbg{ background: #d89a22 url(zims/frontend/sigle-bg.png) no-repeat -10% 95%;	padding: 60px 0;  }
	.sectionW.pinkbg{ background-color: #cb2039; }
	.sectionW.goldbg *, .sectionW.pinkbg *{color: #fff;  }
	.sectionW.goldbg .button, .sectionW.pinkbg .button{ border-color: #fff;  }
	.sectionW.goldbg .button:hover{ background: #fff; color: #d89a22;   }
	.sectionW.pinkbg .button:hover{ background: #fff; color: #cb2039;   }
	
	
	.bigPictureW{ margin: 50px 10%;  }
	
	.bigPictureW .imageW{ position: relative; overflow: hidden;  }
	.bigPictureW .textW{  position: relative;}
	.bigPictureW .imageW img:not(.inlineZim){ display: block; width: 100%;  }
	
	.bigPictureW .imageW.half, .bigPictureW .textW.half { width: 48.5%; float: left; }
	.bigPictureW .imageW.half:first-child , .bigPictureW .textW.half:first-child{margin-right: 3%; }
	
	
	.imageW .colorOverlayW{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #d89a22;  }
	.goldbg .imageW .colorOverlayW{  background: #d89a22; }
	.pinkbg .imageW .colorOverlayW{  background: #d89a22; }
	
	
	
	.goldColor{ color: #d89a22;}
	
	
	.parallaxW, .topParallaxW{ 
		margin: 50px 0; width: 100%; padding: 80px 0; 
		max-height: 100%; height: 600px; position: relative;}
	.topParallaxW{ 
		margin: 0;  padding: 0 0 80px; }
		
	.parallaxZimW{ position: relative; overflow: hidden; height: 100%;}
	.parallaxZim{ display: block; width: 100%; position: absolute; top: 0; left: 0; }
	.topParallaxW .parallaxZim{ display: none;  }
	
	
	
	
	.parallaxTextW{ position: absolute; top: 50px; left: 0; width: 100%; }
	.parallaxText{ padding: 80px 25%; }
	
	.parallaxText *{ text-align: center;  }
	.parallaxText h3{ font-size: 4em;;  }
	
	.line{ height: 25px; background: #d89a22}
	
	
	.parallaxHeaderW{ 
		margin: 0 0 50px 0; width: 100%; padding: 0; height: 400px; position: relative; overflow: hidden;}
		
	.parallaxZim{ display: block; width: 100%; position: absolute; top: 0; left: 0; }
	
	
	.zimAppearSection.float{ position: absolute; top: 0; left: 0; width: 100%;}
	
	.zimAppearW{ position: absolute; }
	

	.zimAppearW.p50{  width: 50%; }
	.zimAppearW.p30{  width: 30%; }
	.zimAppearW.p33{  width: 33.333%; }
	.zimAppearW.p25{  width: 25%; }
	
	.zimAppearW.centering{  max-width: unset !important; left: 0 !important; text-align: center; }
	
	.zimAppearW.centering.p30{  margin: 0 35%;  }
	.zimAppearW.centering.p25{  margin: 0 40%; }
	
	.zimAppearW img{ display: block; width: 100%; vertical-align: top;}
	.zimAppearW .deco{ display: inline-block; border: 2px solid #d89a22; padding: 4px; position: relative; opacity: 0; z-index : 10;  }
	
	.zimW img{ display: block; max-width: 100%;}
	
	
	
	
	
	
	.zimHomeSection{  display: flex; margin: 50px 2.5% 0; width: 95%; gap: 2.5%;}
	
	.zimHomeW{  width: 30%; }
	.zimHomeW.push{  padding-top: 80px; }
	
	
	.zimHomeW img{ display: block; width: 100%; vertical-align: top;}
	.zimHomeW .deco{ display: inline-block; border: 2px solid #d89a22; padding: 4px; position: relative; z-index : 10;  }



	#GalleryHome .mosaic{ display: flex; gap: 0; flex-wrap: wrap; margin: 25px 0 0 0 ;}
	#GalleryHome .mosaic div{ width:16.666%;  }
	#GalleryHome .mosaic.col2 div{ width:50%;  }
	#GalleryHome .mosaic div img{ width: 100%; display: block;
		-moz-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;   
	}
	#GalleryHome .mosaic div a:hover img{ opacity: 0.7;  padding: 5%;  width: 90%;}
	
	
	
	.multidecoZimW{ position: relative; width: 100%; position: relative; top: -80px;}
	.multidecoZim{ position: absolute; top: 0; left: 0; width: 100%;  }
	.multidecoZim:nth-child(1){ top: -20px; left: -20%; width: 60%; z-index: 10; }
	.multidecoZim:nth-child(2){ top: 40px; left: 50%; width: 50%; z-index: 15; }
	.multidecoZim:nth-child(3){ top: 215px; left: -3%; width: 60%; z-index: 20; }
	
	
	
	
	
	
	
	.tarifsTitle{ border-bottom: 1px solid #e6007e; padding-bottom: 10px;}
	.tarifsTitle svg{ position: relative; top: -10px;}
	
	.tarifListW{}
	.tarifListW h3, .tarifListW p{ margin-bottom: 7px;}
	.tarifListW h3.lined{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e6007e; font-weight: 600;}
	
	.tarifs{ display: flex; flex-wrap: wrap; gap: 15px 4%; align-items:flex-start; }
	.tarifs > div{ width: 48%; }
	.tarifs  > div.full, .tarifs  > div.fulline{ width: 100%; }
	
	
	
	.tarifList{ display: flex; flex-direction: column; }
	.tarifList li{ font-size: 1.1em; border-bottom: 1px solid #fff; background: #e6007e; color: #fff; padding: 8px 15px; overflow: auto;  }
	.tarifList li:last-child{   border-bottom: none; }
	.tarifList li span.desc{ display: block; float: left; width: 55%; font-weight: 600; text-align: left;  }
	.tarifList li span.price{ display: block; float: right; width: 45%; text-align: right; font-weight: 600;   }
	
	.full .tarifList { flex-direction: row; gap: 0 4%; flex-wrap: wrap;}
	.full .tarifList li{  width: 100%; }
	.full .tarifList li:nth-last-child(-n+1){   border-bottom: none; }
	
	.fulline .tarifList { flex-direction: row; gap: 0 4%; flex-wrap: wrap;}
	.fulline .tarifList li{  width: 100%;  padding: 18px 15px; }


	
	.sectionW{ position:relative; }
	
	
	/* CLUB */
	
	#ClubDescr { min-height: 520px; }
	
	
	#ClubTitle{ min-height: 62vh;}
	#ClubTitle h2{ line-height: 1.2em; margin: 0;}
	
	
	#ClubSwingW{ position: absolute; bottom: 100%; width: 100%}
	#ClubSwing1{    
		height: 550px;
		left: -75px;
		width: calc(100% + 100px);
		top: 0;
	}
		
	#ClubSwing2{    
		height: 280px;
		left: 10%;
		width: 90%;
		top: -100px;
	}
	
	#ClubSwingW .swingZim { right: 0%; bottom: -135px; height: 90vh; transform: rotate(0deg); }
	
	
	
	
	
	/* AGENDA */
	
	#page-agenda #Content {
		min-height: calc(100vh - 280px);
	}
	
	
	
	.agendalist{ display: flex; flex-wrap: wrap; }
	.agendalist > li{ width: 21%; margin: 0 2% 50px; position: relative; min-height: 400px; }
	.agendalist > li img{ width: 100%; display:block; position: relative; z-index: 10;
		-moz-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;   
	}
	.agendalist > li img:hover{ padding: 2.5%;  width: 95%;}
	
	.event{ position: relative;}
	
	.eventZim{ margin: 0;}
	.eventText{ 
		 width: 100%; 
		z-index: 20; min-height: 100px; text-align: center;}
	.eventText *{   color: #fff;  }
	.eventTitle{ margin: 0 0 5px; font-size: 1.3em; background: #e6007e; padding: 10px; }
	.eventDate{ font-weight: 600; text-transform: uppercase; margin:0; font-size: 0.9em;}
	
	
	.eventContent{ height: 100%; width: 100%; background: rgba(0,0,0,0.9); position: absolute; top: 0; left: 0; z-index: 10; display: none; }
	.eventContent .closer{ position: absolute; top: 3px; right: 3px; z-index: 11; font-size: 1.2em; cursor: pointer;}
	.eventContent p{ text-align: center; padding: 15px 10px; font-size: 0.95em; line-height: 1.3em; }
	.eventContent p strong{ display: inline-block; text-align: center; padding: 15px 10px; font-size: 1.7em; margin-bottom: 5px; color: #e6007e;line-height: 1.2em; }
	
	
	
	

	/*
	#ZimResto1{ top: 50px; left: 2.5%;  }
	#ZimResto2{ top: 120px;   }
	#ZimResto3{ top: 50px; right: 2.5%; }
	
	
	.styledP{ padding: 10px 15px; background: #d89a22; color: #fff; font-size: 1.2em;}


	#IntroCena{ }
	#IntroCena h2{ margin: 0 0 10px 0; font-size: 1.5em;}

	
	
	#IntroChiffres{ border-top: 2px dotted  #e6007e; padding-top: 0;  }
	#IntroChiffres ul{ display: flex; margin: 0 5%; align-items: flex-start;  }
	#IntroChiffres ul li{ margin: 0 3%; width: 28%; position: relative; top: -10px;  }
	#IntroChiffres ul li h3{ margin: 0; line-height: 0.9em; height: 100px; padding-top: 50px; }
	#IntroChiffres ul li h3.reduct{  padding-top: 60px; height: 90px;  }
	
	.chiffredot{ display: inline-block; position: absolute; top: 0; text-align: center; width: 100%; }
	.chiffredot span{ display: inline-block; background: #e6007e; width: 20px; height: 20px; border-radius: 40px;  }
	
	
	.separLine{ display: block; margin: 25px auto; width: 150px; height: 2px; background: #e6007e; }
	.goldbg .separLine{  background: #fff; }
	


	#ZimGrp1{ top: 120px; left: 2.5%;  }
	#ZimGrp2{ top: 120px; right: 2.5%;  }
*/









	/* CARTE */ 
	
	#page-menus #Content{ padding-top: 70px;}
	
	.bigtitleW{  position: absolute; z-index: 100; top: 34%; display: table; width: 100%; }
	.bigtitleW h2{  font-size: 12em; line-height: 0.7em; margin: 0; display: table-cell; 
		vertical-align: middle; position: relative; 
		 font-family: "Comfortaa", sans-serif; color: #fff; text-align: center; }
	
	
	
	#HeaderCarte{position: relative; }
	#HeaderCarte ul{ display: flex; width: 100%; position: relative; z-index: 50;}
	#HeaderCarte ul li img{ display: block; width: 100%}
	
	
	#CarteMainmenu{ display: flex; width: 100%; border-bottom: 2px solid #e6007e; }
	#CarteMainmenu li { flex: 1; text-align: center;  border-left: 1px solid #e6007e;  position: relative;
		-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;
	}
	
	#CarteMainmenu li:first-child {  border-left: 0;  }
	#CarteMainmenu li  a{ display: block; padding: 25px 5px 20px; text-decoration: none; text-transform: uppercase; font-size: 1.6em; letter-spacing: 3px;}
	#CarteMainmenu li .arrowW {  text-align: center; width: 100%; position: absolute; top: 100%; display: none;}
	#CarteMainmenu li .arrowW img { width: 65px; }
	
	#CarteMainmenu li.active .arrowW { display: block; }
	#CarteMainmenu li.active, #CarteMainmenu li:hover { background: #e6007e;  }
	#CarteMainmenu li.active  a, #CarteMainmenu li:hover a{ color: #fff;}
	
	
	
/*#ZimCarte1{ top: 80px; left: 0;  }
	#ZimCarte2{ top: 80px; left: 33.333%; }
	
	#ZimCarte3{ top: 80px; right: 0; }
	#ZimCarte4{ top: 80px; right: 0%; }
	
	
	*/
	
	.carteMainCateg:last-child{ padding-bottom: 50px;}
	
	#CarteList{ display: flex; flex-wrap: wrap; margin-top: 50px; }
	#CarteList > li{ width: 40%; margin: 0 5%;  }
	
	#CarteList h2:first-child{ }
	
	#CarteList .centeredlist { padding-top: 0;}
	
	
	.carteMainCateg{  }

	
	#CarteList .centeredlist > li.fullsize { width: 100%; margin-right: 0;}
	.carteCategTitle { text-align: center;  color: #e6007e; letter-spacing: 5px; font-size: 1.6em; 
	margin-bottom: 25px; padding-bottom: 20px; border-bottom: 3px double #e6007e;}
	
	.bigprix{ margin-bottom: 20px;  }
	
	/*.carteMainCateg .separ{ display: block; width: 50%; border-top: 5px double #d89a22; margin: 40px auto; }
	.carteMainCateg:first-child .separ{ display: none; }*/
	
	.carte { margin-bottom: 50px; }
	.carte h3 {  margin-bottom: 25px; padding-bottom: 20px; color: #e6007e; font-size: 2em; border-bottom: 3px double #e6007e;  }
	.carte h3 .bigprix {  font-size: 0.6em;}
	
	.intro{ margin-bottom: 10px;  }
	/*.intro:after{ content:""; display: inline-block; width: 30px; height: 1px; background: #e6007e;  }*/
	
	.conclus{ margin-top: 0;   }
	/*.conclus:before{ content:""; display: inline-block; width: 30px; height: 1px; background: #e6007e;  }*/
	
	
	
	/*
	.carte .zimAppearW{ position: relative; max-width: 380px; position: relative; margin: 0 auto; width: auto; min-height: 450px;}
	.carte .zimAppearW img{ width: 100%; }
	.carte .zimAppearW.rot1 .deco{ bottom: 35%; left: auto; right: -20px; width: 20%; height: 30%; }
	.carte .zimAppearW.rot2 .deco{ top: -15px; right: -20px; width: 50%; height: 20%; }
	*/
	
	.carteItem{ margin-bottom: 22px;}
	.caveItem{ margin-bottom: 8px;}
	
	.carteItem.lien-suivant { margin-bottom: 0;}
	.carteItemText { display: block; text-align: left; line-height: 1.1em;}
	.noprice .carteItemText { text-align: center;}
	.carteItemText span.dName{ line-height: 1.1em; font-size: 1.1em; }
	.carteItemText span.dName .carteItemPrix{ display: inline-block; float: right; width: 10%; text-align: right; }
	.carteItemText span.desc{ display: block; font-size: 0.9em; margin-top: 4px; color: #777; width: 85%;}
	.carteItemText span.separ-ou { font-size: 1.1em; position: relative; top: -2px; }
	.carteItemPrix{ display: block; }
	
	.enavant{ border: 3px double #d89a22; padding: 15px; }
	
	
	.carteItemPrixVerre{ float: right; font-size: 0.9em; background:url(zims/icons/glass.png) no-repeat left center; padding-left: 15px; position: relative; top: -3px; line-height: 24px; min-height: 22px; min-width: 30px;}
	
	
	#CarteList .centeredlist > li.fullsize .carte-list > li { display: block; float: left; width: 30%; margin: 0 1%;}



	#CarteLegends{ font-weight: 600;}
	
	
	
	
	#CarteAPlanterW{ 
		background: #e6007e url(../media/images/flower.svg) no-repeat 100% 100%;  background-size: 300px auto;
		padding: 30px 0; margin-bottom: 40px;}
	#CarteAPlanterW *{ color: #fff; }
	#CarteAPlanterW *.gold{ color: #d89a22; }
	
	
	.modemploi{ display: flex; flex-wrap: wrap; margin: 50px 0 70px; margin: 0 2.5%; }
	.modemploi li {  border-right: 1px solid #d89a22; text-align: center;  width: calc(20% - 1px); padding: 0 2.5%; }
	.modemploi li:last-child {  border-right: none; }
	.modemploi li .num {  font-size:  }



	h2 img.sigle{ max-width: 150px; }
	
	
	
	
	



	/* APPART */
	
	#page-apparthotel #Content{ padding-top: 250px;}
	
	
	
	#ZimAppart1{ top: 120px; left: 0;  }
	#ZimAppart2{ top: 120px; right: 0; }
	
	
	.tab{ display: none; }
	#FormationsMenu{ }
	
	.randomItemMenu{ display: flex; flex-direction : row; align-items: stretch; background: #d89a22; 	}
	.randomItemMenu li{
		flex-grow: 1;
		margin: 0; text-align: center;
		font-size: 1.1em;
		display: table;
		padding: 10px;
		border-right: 2px solid #fff;
	}
	.randomItemMenu li:last-child{
		border-right:0;
	}
	.randomItemMenu li a{
		display: table-cell;
		text-transform: uppercase;
		vertical-align: middle;
		text-align: center;
		color: #fff;
	}
	.randomItemMenu li a img{
		display: block; width: 100%;
	}
	

	.randomItemMenu li.active{ background: #fff; color: #d89a22 }
	.randomItemMenu li.active a{ color: #111;   }
	.randomItemMenu li a:hover{ text-decoration: underline; }
	
	
	
	.appart{}
	.appart h3{ margin: 0; }
	.appart .separLine {		margin: 25px 0;	}
	
	
	.prestaList{ overflow: auto; }
	.prestaList{ text-align: left;}
	.prestaList li{ width: 47.5%; float: left; margin-bottom: 10px; text-align: left; font-size:  0.9em;}
	.prestaList li:nth-child(odd){ margin-right: 5%; clear: left; }
	
	
	.prices{ background: #87b943;  padding: 10px 15px; font-size: 1.3em; font-weight: 800; color: #fff; line-height: 1.5em;}
	
	.priceList{ border-top: 1px solid #87b943; }
	.priceList li{ border-bottom: 1px solid #87b943; padding: 5px 15px;}
	
	
	#page-horaires-tarifs .sectionW{ padding-bottom: 40px;}
	
	span.zoomIco {
		text-shadow: 3px 3px 10px rgba(0,0,0,0.8);
		font-size: 3em;
		position: absolute;
		z-index: 20;
		color: #fff;
		bottom: 10px;
		right: 10px;
		-moz-transition: right 0.3s ease-in-out, bottom 0.3s ease-in-out;
		-webkit-transition: right 0.3s ease-in-out, bottom 0.3s ease-in-out;
		-o-transition: right 0.3s ease-in-out, bottom 0.3s ease-in-out;
		-ms-transition: right 0.3 ease-in-out, bottom 0.3s ease-in-out;
		transition: right 0.3s ease-in-out, bottom 0.3s ease-in-out;
	}
	.fancyGal:hover span.zoomIco {
		bottom: 15px;
		right: 15px;
	}

	
	
	
	.pictosW{ display: flex; margin: 50px 0 70px; margin: 0 5%; }
	.pictosW li { width: 20%; border-right: 1px solid #d89a22; }
	.pictosW li:last-child {  border-right: none; }
	.pictosW li p{ padding: 100px 25px 25px; margin-bottom: 0; background: url(zims/frontend/pictos.png) no-repeat center top;  }
	.pictosW li p.fit{ background-position: center -273px; }
	.pictosW li p.spa{ background-position: center -567px; }
	.pictosW li p.clean{ background-position: center -927px; }
	.pictosW li p.conc{ background-position: center -1297px; }
	.pictosW li p.pres{ background-position: center -1743px; }
	
	
	
	.pictosW li p i{  color: #d89a22; font-size: 2em;}

	
	

	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * NEWS * * * * * * * * * * * * * * * * * * * * * * * * * * * * */		
	

	
	#ActuTitle{ margin: 0 0 40px 0;}
	#ActusList{ margin: 0 auto 100px; padding-top: 0;}
	
	#ActusList li { width: 30%; margin: 0 1.5% 20px; }
	#ActusList li:nth-child(3n+1){ clear: left; }
	
	
	.actu{ position: relative; margin-bottom: 30px;}
	.actu h3{ margin: 0; height: 100%; position: relative; overflow: hidden;}
	.actu a { display: block; vertical-align: top;}
	.actu a img{ width: 100%;}
	
	
	.actu-listItemOverlay {
		position: absolute; top: 0; left: 0;
		display: table;
		height: 92%;
		width: 92%;
		vertical-align: middle;
		padding: 4%;
		background: rgba(20,20,20,0.2);
		
		
	}
	.chrome .actu-listItemOverlay { width: 93%; height: 91%;}
	/*.actu a:hover .actu-listItemOverlay { padding: 0; width: 100%; height: 100%}*/
	
	.actu-listItemTitle{
		
		font-size: 1.3em;
		line-height: 1.4em;
		margin: 0; color: #fff;
		height: 100%;
		width: 100%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		text-transform: uppercase;
		padding: 10px;
		border: 1px solid #000;
		
	}
	.actu a:hover .actu-listItemTitle { border: 1px solid #fff;}	
	
	.actu-listItemSubtitle{ 
		font-size: 0.5em;
		display: inline-block; 
		margin-top: 20px; border-top: 1px solid #fff;
		line-height: 1.2em; padding-top: 10px;
	}
	

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

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




	
	/* CONTACT */
	
	
	#ContactBlock{ display: flex; padding-top:0 ; margin: 20px 0 60px; align-items: stretch; flex-direction: column  }
	#ContactBlock p{ flex: 1; margin: 0 25px; padding: 35px 25px; font-weight: 600; position: relative; border-bottom: 1px solid #fff;}
	#ContactBlock p:last-child{ border: none; }
	#ContactBlock .icoW svg{ font-size: 2em; color: #fff; position: relative; top: -5px;}
	/*
	#ContactBlock .icoW { font-size: 1.5em; 
		display: block; text-align: center;
		background: #e6007e; width: 60px; height: 60px;
		position: absolute; top: -20px; left: -20px;
	}
	#ContactBlock .icoW svg{ font-size: 1.5em; color: #fff; position: relative; top: 12px;}*/
	
	
	
	
	
	
	
	
	
	
	#Coords .fn{ font-size: 1.5em; margin-bottom: 20px;}

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

	
	#ContactFormWW{  position: relative; background: #e6007e;  }
	#ContactFormW{   padding: 10px 25px 0; position: relative; z-index: 10; }
	#ContactForm{ margin: 0;  }
	
	#MapW{ margin-right: 0; float: right;}
	
	
	
	
	#ContactForm fieldset p, #ReservForm fieldset  p{  width: 45%; display: inline; float: left;}

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

	
	#ContactFormButtons{ clear: both;}
	
	#message{  height: 100px; }

	

	.legendform { margin: 15px 0;}
	
	

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




	#jGMapW {
		width:100%; height:600px; margin:0 0 0 0; border:none;
		padding: 0;
		/*-webkit-perspective: 1000;*/ }
	#jGMapW .geo{ display:none;}
	#jGMap { width:100%; height:100%; }
	
	


	.vcard .tel .type, .vcard .uri { display:none; }
	#jGMap .vcard .hor{ display:none; }
	
	#jGMap .vcard{  padding: 10px 10px 0 10px;  }
	#jGMap .vcard p{ color: #111; line-height: 1.3em; margin: 5px 0; font-size: 1.1em; font-family: 'Open Sans', sans-serif;  }
	#jGMap .vcard p.fn{ 
		margin: 0; 
		border-bottom: 1px solid #333; padding-bottom: 10px; margin: 0 0 10px 0;}
		
	#jGMap .vcard .tel .value{  font-size: 1.1em; }
	
	
	
	/* RESA */
	
	#ResaBox { width: 520px; margin: 0 auto; }
	.fancybox-inner #ResaBox { padding: 15px 25px; margin: 0;  }
	
	#ResaBox h2 { text-align: center; padding: 15px; margin: 0 0 20px 0; font-size: 3em; color:#d89a22  }
	.alert{ border: 2px dashed #d92222; padding: 15px !important; color: #d92222;}
	
	
	
	#FancyContactBox{ width: 600px; background: #e6007e; }
	#FancyContactBox #ContactForm{ overflow: hidden; padding: 15px;}
	#FancyContactBox #ContactForm label {
	color: #fff;
	 }
	  
	#FancyContactBox input, #FancyContactBox  textarea {
		border: solid 1px rgba(255, 255, 255, 0.5);
		color: #fff;
	}
	#FancyContactBox input[type="button"], #FancyContactBox input[type="submit"] {
		background: #fff;
		color: #000;
	}
	#FancyContactBox input[type="button"]:hover, #FancyContactBox input[type="submit"]:hover {
		background: #000;
		color: #fff;
	}
	#FancyContactBox .formErrors li { color:#fff;}
	
	
	.fancyContent h2 { font-size: 4em;  color: #fff; margin-bottom: 5px; padding: 25px 15px 0; margin-top: 0; }
	.fancyContentText { padding: 20px; }
	
	
	
	.mobonly, .mobonlyinline{ display: none !important;}
	
	
	/* - -------------------------- - */
	
	
	
	
	

	@media(max-width:1400px) {
		
		.centeredlist70{  margin-left: 5%!important; margin-right: 5%!important; width: 90%}
		
		
	}	
		
	
	@media(max-width:1024px) {
		
		.nomob{ display: none !important;}
		.mobonly{ display: block !important;}
		.mobonlyinline{ display: inline !important;}
		
		#UpperMenu{ display: none;}
		#UpperMenu ul {    margin-top: 15px;}
		#UpperMenu ul { width: 100%;		}
		#UpperMenu ul#RightUpperMenu {    padding-right: 2.5%; }
		#UpperMenu ul li {   margin: -23px 0 0 0; }
		#page-home .open #RightUpperMenu{ display: none;}
		/*.scrolled #HomeLinkW a img {
			opacity: 1;
			margin-top: 0;
		}*/
		
		
		#ContentW, #Content { height: auto }
		#Content { padding-top: 90px; }
		
		#MainMenuW {
			width: 50%;
		}
		
		#MenuDoor1 {

			width: 50%;
			left: -50%;
		}
		
			
		#Copyrights {

			width: 40%;
			margin: 0 0 0 5%;

		}

		
		#MainMenu > li, #MainMenu > li > strong {  }
		#MainMenu > li > a, #MainMenu > li > strong { padding: 5px 0;}


		
		#NavIco {
			left: 5%;
			top: 20px;
		}
		#HomeLinkW{ text-align: right;left: auto; right: 2.5%;}
		#LangsW {
			top: 20px;
			left: 20%;
		}	
		#Menu {
			width: 100%;
		}
		#MainMenu > li { min-height: unset; padding: 10px;}
		#MainMenu > li > a, #MainMenu > li > strong {
			font-size: 1.7em;
		}
		#MainMenu > li > a:hover, #MainMenu > li > strong:hover, #MainMenu > li.actived > a, #MainMenu > li.actived > strong {
			color: #fff;
			background-color: none;
			
		}
		
		
		
		#Copyrights {
			padding-left: 15px;
		}
		
		#NavAnimW {
			width: 325%;
			height: 180%;
			top: -200%;
			left: -185%;
			transition: transform 1200ms ease-in-out;
		}
		#NavAnimW.deploy {
			transform: rotate(-90deg) translate(-50%, 50%);
		}
		
		.centeredlist, .centeredlist90, .centeredlist85, .centeredlist80, .centeredlist75, .centeredlist70, .centeredlist60, .centeredlist50, .centeredlist30{ 	margin-left: 2.5%!important; margin-right: 2.5%!important; width: 95%; padding-top: 20px; }
		
		
		.titlepadding{ padding-top: 70px;}
		.titlepaddingmini{ padding-top: 40px;}
		.titlepaddingmedium{ padding-top: 100px;}
		.titlepaddingbig{ padding-top: 130px;}
	
		.topParallaxW .parallaxZim {   display: block; }
		
		
		#MainMenu > li {
			margin-bottom: 0;
			padding-left: 3%;
		}
		
		.screenW{ height: auto;}
		.centeredlist > li{ width: 100%;margin: 0; }
		.alert {  padding: 15px 5% !important; width: 85% }		
		
		
		.big{ font-size: 1.3em !important }
		.super { font-size: 1.8em !important }
		.mega { font-size: 2.4em !important }
		.ultra { font-size: 3em !important }
		
		
		.zimAppearW.p30, .zimAppearW.p25{  width: 30%; max-width: 300px; }
		
		.zimAppearW img{ position: relative; z-index : 10; width: 100%;}
		.zimAppearW .deco{ position: absolute;  z-index : 1; background: #d89a22; opacity: 0; }
		#page-en-aparte .zimAppearW .deco{ background: #cb1b38; border: none; }
	
	
		.scroll-section {  left: 0px; }
		
		.spacer { padding: 0; }


		
		.bigPictureW { margin: 20px 2.5%; }
		
		
		.parallaxZimW {
			  position: relative;
			height: 400px;
		}
		.parallaxZim {
			width: 100%;
			left: 0%;
			height: auto;
		}
		.parallaxTextW { position: relative; top: 0;}
		.parallaxText h3{ font-size:2.5em;}
		.parallaxText{ padding: 20px 2.5%; font-weight: 800;}

		
		
		.parallaxW, .topParallaxW {
			margin: 0;
			padding: 0;
			min-height: 700px;
			height: auto;
		}

		

		.zimAppearW.rot1 .deco{ bottom: -6px; left: -10px; }
		.zimAppearW.rot2 .deco{ bottom: -6px; left: -10px; }
		.zimAppearW.rot3 .deco{ bottom: 100px; left: -15px; right: auto;  }
		.zimAppearW.rot4 .deco{ bottom: -6px; right: -10px; }
		
		
		
		.textAltImg.serre{ padding: 0;}
		
		h3 {    font-size: 1.3em; }
		

		
		
		/* */
		
		
		#ScreenVideoHead{ height: auto; }
		#HomeOverlay{ height: 100vh}
		
		#MuteButton {    top: 43%; left: 10px; }
		#PlayButton {    top: 43%; right: 10px; }
		#MuteButton svg, #PlayButton svg  {
			font-size: 1.8em;
		}
		
		
		#GalleryHome .mosaic div {
			width: 50%;
		}
				
		
		
		#SoonPopup {
			margin: 70px 40px;
		}
		
		

		
		.sectionW.goldbg, .sectionW.pinkbg {
			background-size: 50%;
			background-position:125% 155%;
		}
		
		.bigtitleW h2 {
			font-size: 4em;	
		}
		
		
	
		
		#ArrowMenu{ position: relative; top: -2px; text-align: center;}
		#ArrowMenu img{ width: 100px;}
		
		
		#CarteMainmenu {
			flex-direction: column;
		}
		#CarteMainmenu li .arrowW {
			display: none !important;
		}
		#CarteMainmenu li  a {
			font-size: 1.4em;
		}
		
		
		#CarteList {
			flex-direction: column;
			margin-top: 0;
		}
		#CarteList > li {
			width: 95%;
			margin: 0 2.5%;
			
		}
		.carteItemText span.dName .carteItemPrix {
			width: 20%;
		}
		
		.agendalist > li {
			width: 41%;
			margin: 0 4% 50px;
			min-height: 300px;
		}
		
		#SaunaIntro > li{ width: 50%;}
		#ClubSwing1 {
			height: 700px;
		}



/*
		.carteCategTitle { font-size: 3.5em;	 }
		
		.carte .zimAppearW {    max-width: 200px; min-height: auto; text-align: center; }
		.carte .zimAppearW .deco {  display: none}
		
		#CarteList .centeredlist > li.fullsize .carte-list > li{ width: 100%; margin: 0 0 20px 0;}
		.enavant { width: 95% !important; padding: 15px 2.5%}

		*/

		#TarifsList{ padding-top: 60px;}
			
		
		#ContactBlock{ padding: 0}
		#ContactForm fieldset p, #ReservForm fieldset p{ width: 100%}
		#ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message, #ReservForm fieldset p#field-message {  width: 100%; }
		
		
		
		
	}
	
	
	
	
	@media(max-width:768px) {
		
		#HeaderSwing {
			top: -95px;
		}
		
		#ClubSwing1 {
			height: 800px;
			left: -100px;
			width: calc(100% + 200px);
			top: 0;
		}

		#ClubSwing2 {
			height: 280px;
			left: 0;
			width: 105%;
			top: -75px;
		}
		#ClubSwing2 .swingZim {
			right: -25px;
			bottom: 180px;
			max-width: 100%;
		}
		
		
		#ClubSwingW .swingZim {
			right: -32%;
			bottom: -115px;
			height: 80vh;
		}
		
		
		#ClubTitle h2 {
			padding-top: 200px;
		}
		
	
	
	
	}

	
	@media(max-width:767px) {
		
		
		
		#HeaderW {
			width: 100vw;
			overflow-x: hidden;
		}

		.scroll-section {    display: none;}		
		body {   line-height: 1.5em; }
		
		#Header {    height: 70px; }	
		#HomeLinkW { padding-top:0; height: 0; }
		#HomeLinkW a img{ width: 160px; }
		
		/*.scrolled #HomeLinkW a img {
			opacity: 1; 
			margin-top: 0;
		}*/
		
		#page-home #HomeLinkW{ display: none;}
		#page-home .deploy #HomeLinkW{ display: block;}
		
		
		
		
		
		#HeaderSwing {
			height: 80px;
			right: -50px;
			top: -62px;
		}
		
		
		#MainMenuW {
			padding-top: 120px;
			margin-bottom: 30px;
			width: 100%;
		}
		#MainMenu > li > a, #MainMenu > li > strong {
			letter-spacing: 2px;
			font-size: 1.2em;
		
		}
		#MenuDoor1 {

			width: 100%;
			left: -100%;
		}

		
		#Copyrights {

			width: 90%;
			margin: 0 0 0 5%;

		}
		
		
		#HomeTitleW h2{   font-size: 1.2em; padding: 0 5%; }
		
		.sfont {
			letter-spacing: 4px;
		}
		
		.big{ font-size: 1.5em !important }
		.super { font-size: 1.7em !important }
		.mega { font-size: 2.1em !important }
		.ultra { font-size: 2.4em !important }

		#ScreenLogoW h2 {
			padding-top: 18vh;
			width: 80%;
			margin: 0 10%;
			text-align: center;
		}
		
		#ScreenLogoW h2 img {
			width: 280px;
		}
		#ScreenLogoW h2 img.noshow{ width: 320px; }
		
		#HomeSlogan {
			bottom: 24%;
			line-height: 1.3em;
			height: 85px;
			margin: 0 2.5%;
			width: 95%; 
			font-size: 2em;
			letter-spacing: 2px !important;
		}
		#HomeBaseline {
			width: 100%;
			margin: 0;
			font-size: 0.9em;
		}
		
		#page-home #HomeSwing1 {
			height: 260px;
		}
		
		#HomeSwing2 {
			height: 180px;
			left: 0;
		}
		
		#HomeSwingZim {
			transform: rotate(0deg);
			height: 100vh;
			left: -30px;
			opacity: 0;
			margin-left: -50%;
		}
		
		
		
		#WyyldeStamp img {
			width: 100px;
		}
		#page-home #WyyldeStamp {
			bottom: 60px;
		}
		
		
		#GalleryHome .mosaic.col2 div {
			width: 100%;
		}
		
		
		.multiZimBlock{ flex-direction: column;}
		.multiZimBlock > li{  position: relative; width: 100%;}
		
		.multiZimBlock .textAltImg{ padding: 0; }
		
		.colZimW{ margin: 0;}
		.multiZimBlock .colZimW{ }
		
		
		.zimsPanel{  }
		.zimsPanel li.mini {
			width: calc(50% - 20px);
			padding: 20px 20px 0 0;
		}
		
		.tarifs {
			flex-direction: column;
			gap: 15px 0;
		}
		.tarifs > div {
			width: 100%; margin-bottom: 20px;
		}
		
		.megawide{ height: 25vh; width: auto;}
		.megawide.floatR{ float: right;}
		
		
		
		
		
		.carte {
			margin-bottom: 35px;
		}
		
		
		.agendalist > li {
			margin-bottom: 100px;
			min-height: 300px;
		}
		
		
		
		#SaunaIntro > li{ width: 100%;}

		
		#ClubSwing1 {
			height: 300px;
			left: -30px;
			width: calc(100% + 60px);
			top: 0;
		}
		
		#ClubTitle {
			min-height: 45vh;
			max-height: 50vh;
			
		}
		#ClubTitle h2 {
			font-size: 2.4em !important; 
			padding-top: 240px;
			margin-bottom: 30px;
			text-shadow: 0px 2px 2px #000000;
		}
		
	
		
		#ClubDescr {
			min-height: 520px;
			padding-top: 370px;
		}
				
		
		
		/*
		.eventText {
			padding: 10px;
			width: 70%;
			bottom: -12%;
			right: -20px;
			min-height: 85px;
		}*/
		
		
		
		
		
		#ContactBlock {
			flex-direction: column;
			margin: 0 0 40px 0;
		}
		#ContactBlock p {
			margin-bottom: 20px;
			padding: 10px 10px;
		}
		#ContactFormW {
			padding: 0 15px;
			margin-bottom: 40px;
		}
		
		#FancyContactBox {
			width: 100%;
		}
		
		
		#jGMapW {
			height: 560px;
		}
		#jGMap .vcard {
			padding: 10px 0 0 0;
		}
		#jGMap .vcard .org {
			letter-spacing: 0 !important;
		}
		
		input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], input[type="datetime"], textarea {
			padding: 10px 12px;
			width: calc(100% - 24px);
		}

		
		.agendalist > li {
			width: 90%;
			margin: 0 5% 30px;
			min-height: 300px;
		}
		
		
		#HorairesList .tarifList li span.desc {    width: 60%;}
		#HorairesList .tarifList li span.price{ width: 40%; }
		
		
		#Content {

			min-height: calc(100vh - 270px);
		}
		
		#Socials {
			text-align: center;
		}
			
		
		
	}
	
	
	@media(max-width:500px) {
		
		#page-home{ max-height: 100vh;}
		
		
		
		#HomeLinkW {
			top: 22px;
		}
		
		#ClubTitle {
			min-height: 45vh;
			max-height: 45vh;
		}
		#ClubTitle h2 {
			font-size: 2.4em !important;
			padding-top: 240px;
			margin-bottom:90px;
		}
		
		#ClubSwing1 {
			height: 320px;
			left: -30px;
			width: calc(100% + 60px);
			top: 0;
		}

		#ClubSwing2 {
			height: 280px;
			left: 0;
			width: 105%;
			top: -75px;
		}
		#ClubSwing2 .swingZim {
			right: -25px;
			bottom: 180px;
			max-width: 100%;
		}
		
		
		#ClubSwingW .swingZim {
			right: -58%;
			bottom: -115px;
			height: 72vh;
		}
		
		
	}
		
	
	
	@media(max-width:400px) {
		
		#ScreenLogoW h2 {
			padding-top: 18vh;
			width: 80%;
			margin: 0 10%;
		}
		
		#ScreenLogoW h2 img {
			width: 100%;
		}
		
		

		#HomeOverlay{ }
		
		#Copyrights {
			padding-left: 0;
		}
		
		.zimAppearW.p30, .zimAppearW.p25{  width: 25%; max-width: 300px; }
		
		
		
		#HomeTitleW h2 strong {  font-size: 1.5em; }
		
		
		#ClubTitle h2 {
			font-size: 2.4em !important;
			padding-top: 160px;
			margin-bottom:65px;
		}
		
		#ClubSwing1 {
			height: 300px;
			left: -30px;
			width: calc(100% + 60px);
			top: 0;
		}

		#ClubSwing2 {
			height: 280px;
			left: 0;
			width: 105%;
			top: -75px;
		}
		#ClubSwing2 .swingZim {
			right: -25px;
			bottom: 180px;
			max-width: 100%;
		}
		
		
		#ClubSwingW .swingZim {
			right: -55%;
			bottom: -115px;
			height: 75vh;
		}
		
		
		
		#ResaBox { width: 95%; margin: 0 auto; }
		.fancybox-inner #ResaBox { padding: 15px 0; margin: 0;  }
	
	}
	
	
	
	@media(max-width:340px) {
		
		#HomeLinkW a img {
			width: 80px;
		}
		.sfont {
			letter-spacing: 2px;
		}

		#ScreenLogoW h2 img {
			width: 230px;
		}
		#HomeSlogan {
			font-size: 1.6em; 
		}
		
		#HomeBaseline {
			font-size: 0.8em;
		}
		
		#ClubTitle {
			min-height: 62vh;
		}
		
		#ClubSwing1 {
			height: 480px;
			
		}
		
		.eventTitle {
			font-size: 1.2em;
		}
		
		
	}