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


@font-face {
  font-family: Mont;
  src: url('font/Mont-Regular.woff2') format('woff2'), 
       url('font/Mont-Regular.woff') format('woff'), 
       url('font/Mont-Regular.ttf')  format('truetype') 
}

@font-face {
  font-family: MontBlack;
  src: url('font/Mont-Black.woff2') format('woff2'), 
       url('font/Mont-Black.woff') format('woff'), 
       url('font/Mont-Black.ttf')  format('truetype') 
}




:root {
  --or: #dfad66;
  --gblack: #161616;
  
  --grclair: #ededed;	
  --gris: #afafaf;
  
}


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


	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;
		font-family: 'Mont', sans-serif;
	}

	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;
		text-transform: uppercase;

	}
	.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;
		font-family: 'MontBlack', sans-serif;

	}

	h3 {
		font-size: 1.2em;
		font-family: 'MontBlack', sans-serif;

	}

	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;
		border: none;
		border-bottom: 1px solid rgba(200, 200, 200, 0.8);
		color: #fff;
		display: block;
		padding: 0.4em 0 0.4em 0.75em ;
		text-decoration: none;
		width: 90%;
		outline: 0;
		background: none;

		line-height: 1.5em;
	}
	
	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: none;
		border-bottom:  1px solid rgba(200, 200, 200, 0.8);
		background: #d89a22;
		color: #d8b473;
		display: block;
		padding: 0.3em 0 0.3em 0.75em ;
		text-decoration: none;
		width: 100%;
		outline: 0;
		background: none;
		line-height: 1.5em;
	}
	
	select option{ color: #000;}

	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: center; display: none;}
	#field-message label { display: block; color: #d8b473;}
	
	.missingField label, .invalidField label { color:#ec0001; font-weight: 600; }
	.missingField input, .missingField textarea, .missingField select, .invalidField input, .invalidField textarea, .invalidField select { border-color:#ec0001; }
	
	.formErrors { margin:0; padding:10px 0 10px 0; }
	.formErrors li { list-style:none; margin:0px 0 5px 0; line-height:16px; color:#ec0001; 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: #fff;
	}
	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 25px 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 var(--or);
		border-bottom: 1px solid var(--or);
		background: linear-gradient(138deg, rgba(205, 138, 43, 1) 0%, rgba(234, 195, 139, 1) 29%, rgba(253, 230, 199, 1) 57%, rgba(192, 127, 72, 1) 79%, rgba(130, 90, 24, 1) 100%);
		color: #000;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		font-weight: 300;
		letter-spacing: 2px;
		padding: 0.2em 1em;
		line-height: 1.4em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		width: auto;
		margin-bottom: 8px;
		
		font-family: 'MontBlack', sans-serif;
		
		-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;
		
	}

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



		
	::-moz-selection { /* Code for Firefox */
		background: var(--or); color: #fff;
	}

	::selection {
	  background: var(--or); color: #fff;
	}


	::placeholder {
	  color: var(--or); opacity: 1; font-family: 'Mont', sans-serif;
	}
	
	
	
	





/* 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: 'MontBlack', sans-serif;}
	.sfontlight {  font-family: 'Mont', 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;}

	.micro{ font-size: 0.7em;}
	.mini{ font-size: 0.85em;}
	.littleup{ font-size: 1.15em !important }
	.big{ font-size: 1.4em !important }
	.super { font-size: 2em !important }
	.mega { font-size: 2.5em !important }
	.ultra { font-size: 3.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: var(--or);
		background: linear-gradient(138deg, rgba(205, 138, 43, 1) 0%, rgba(234, 195, 139, 1) 29%, rgba(253, 230, 199, 1) 57%, rgba(192, 127, 72, 1) 79%, rgba(130, 90, 24, 1) 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;}
	.gold2{ 
		color: var(--or);}
	
	
		
	.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);
	}
	
	
	.greencolor { color: var(--or); }
	
	

	#OverlayTransition{ height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: #d89a22 url(zims/loader/loader2.gif) no-repeat center; }
	
	.fancybox-inner{ background: #000;}
	#SoonPopupW{ display: none;}
	#SoonPopup{ margin: 100px 150px; color: #fff;}
	
	
	
	
	
	
	.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: var(--or); height: 30px; margin: 5px auto;}
	
	
	#OverlayLoad{ position: fixed; width: 100%; height: 100vh; z-index: 10000; }
	
	#OverlayLoadDoor1{
		background: linear-gradient(90deg,rgba(205, 138, 43, 1) 0%, rgba(234, 195, 139, 1) 50%, rgba(253, 230, 199, 1) 100%);
		position: absolute; opacity: 1; overflow: visible;
		height: 100vh; width: 50%; top: 0; left: 0; opacity: 1; z-index: 10000; }
		
	
	#OverlayLoadDoor2{	
		background: linear-gradient(90deg,rgba(253, 230, 199, 1) 0%, rgba(192, 127, 72, 1) 50%, rgba(130, 90, 24, 1) 100%);
		position: absolute; opacity: 1; overflow: visible;
		height: 100vh; width: 50%; top: 0; right: 0; opacity: 1; z-index: 10000; }
		
	#OverlayLoadDoor1 > div, #OverlayLoadDoor2 > div{ width: 100%; height: 100%; background-image: url(../media/images/logotype-b.png); background-repeat: no-repeat;}
	#OverlayLoadDoor1 > div{  background-position: calc(100% + 50px) center; }
	#OverlayLoadDoor2 > div{  background-position: -50px center;}

	
	.swingDecoW{ position: relative; z-index: -1; }
	.swingDecoW.footpage {
		position: absolute;
		width: 100%;
		bottom: 0;
		height: 50px;
		overflow: hidden;
	}
		
	.swingDeco{ 
		width: 100%; 
		background: #CD8A2B; 
		position: absolute; z-index: 1;}
	.swingDeco.rev{ z-index: 0; }
	.swingDeco.dark{ background: rgba(40,40,40,1); }
	
	.swingZim{  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;
		position: absolute;
	}
	.animZim.blured{ filter: blur(3px); }
	
	.superblur{ filter: blur(7px); }
	.blur{ filter: blur(2px); }
	.noblur{ filter: blur(0); }
	
	
	.goldbg{
		background: var(--or);
		background: linear-gradient(138deg, rgba(205, 138, 43, 1) 0%, rgba(234, 195, 139, 1) 29%, rgba(253, 230, 199, 1) 57%, rgba(192, 127, 72, 1) 79%, rgba(130, 90, 24, 1) 100%);
	}
	
	.tshadow{ text-shadow: 2px 2px 5px rgba(0,0,0,0.8);}
	
	
	.flexitext{ display: flex; gap: 50px;}
	.flexitext li{ flex: 1;}
	
	
	
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 
 
 
 
 
	/* 
	
		Rose : var(--or)

		
	*/
	
/* 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: var(--or); }*/
	
	
	#HeaderSwing{ height: 5px; right: 0; top: 0;}

	/*#Header.deploy  { height: 100% !important;} 
	.deploy .headerBG {  border-bottom: none;  } */
	
	#HomeLinkW { 
		position: relative; z-index: 1001; margin: 0; text-align: left; position: absolute; 
		height: 1px; top: 0; left: 8%; width: 100%; padding-top: 12px;}
	#HomeLinkW a{ display: inline-block; }
	#HomeLinkW a img{ width: 180px; 
		-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 !important; margin-top: -100px !important;}
	.deploy #HomeLinkW a img { opacity: 1 !important; margin-top: 0 !important; }
		
	#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: 2%;	}

	#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;
		
	}	
	#UpperMenu ul li.spaced{ margin-left: 25px;}
	.black #UpperMenu ul li{ background-image: url(zims/frontend/upmenu-line.gif);	}
	.black .open #UpperMenu ul li, .scrolled .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: 1em; 
		display: block; 
		font-weight: 400;
		font-family: 'MontBlack', sans-serif;
	}
	#UpperMenu ul li a svg {
		font-size: 2em; position: relative; top: -3px;
	}
	#UpperMenu ul li a.button { color: #000; }

	#UpperMenu ul li a img {
		vertical-align: top; position: relative; top: -3px;
	}
	
	#UpperMenu ul li a span, #MainMenu > li > a span {
		transition: all 0.3s;
	}
	#UpperMenu ul 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);
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: rgba(255,255,255,1);
		
	}
	
	 #MainMenu > li > a::before {
		content: '';
		position: absolute;
		bottom: -27px;
		left: calc(50% - 75px);
		width: 150px;
		height: 2px;
		z-index: 1;
		opacity: 1;
		transition: all 0.3s;
		background: linear-gradient(138deg, rgba(205, 138, 43, 1) 0%, rgba(234, 195, 139, 1) 29%, rgba(253, 230, 199, 1) 57%, rgba(192, 127, 72, 1) 79%, rgba(130, 90, 24, 1) 100%);
	}
	
	
	





	#UpperMenu ul li a.button:hover  {
		background : #000; color: var(--or);
	}
	.open #UpperMenu ul li a svg, .scrolled #UpperMenu ul li a svg  {
		color: #fff;
	}
	
	#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: var(--or);
	}

	.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: var(--or);
	  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: 45px;
		-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: #000;
		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: var(--or); 	}
	#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: -15px; font-size: 0.8em;
		line-height: 1em;
		top: -20px; color: #000;
		text-transform: uppercase;
		font-weight: normal;
		width: 62px; height: 62px;
		transform: rotate(45deg);
		
		
	}
	

	
	
	
	
	#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(0,0,0,0.9);
		position: absolute; z-index: 1000; opacity: 1; overflow: visible;
		height: 100vh;width: 50%; left: -50vh; opacity: 0;
	}
	#MenuDoor2{ 
		background: rgba(0,0,0,0.9); /*background: #c14f1b;*/
		position: absolute; z-index: 1000; opacity: 1; overflow: visible;
		height: 100vh; width: 50%; right: -50vh; opacity: 0;
	}
	
	#Menu{ 
		position: absolute; z-index: 1005; opacity: 0; overflow: visible;
		height: 100%; width: 100%;
	}
	

	#MainMenuW{ padding-top: 16vh; margin-bottom: 0; }

	#MainMenu > li{ position: relative; padding: 16px; margin-bottom: 18px; min-height: 30px;  text-align: center;  }
	#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: 'Mont', sans-serif;
		color: #fff; font-size: 1.8em; 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: var(--or); text-decoration : none; letter-spacing: 5px;  }
	
	
	
	#Socials{ padding-left: 0; margin-top: 20px; text-align: center; }
	#Socials a{ font-size: 2.5em; color: #fff; margin: 0 30px;}
	#Socials a.wyylde{ margin-top: 2px;}
	#Socials a:hover{ color: var(--or); }
	
	
	
	#Partners{ display: flex;  justify-content:  center; gap: 0 30px; margin-top: 50px; }
	#Partners li{ width: 200px; text-align: center; vertical-align: middle;  }
	#Partners li img{ display: inline-block; max-height: 50px; max-width: 130px; vertical-align: middle; }
	#Partners li img#Wyylde{ max-height: 80px; position: relative; top: -15px;  }
	
	
	
	
	/* */
	/*
	#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: 100%; text-align: center; padding: 0; margin :0; font-size: 0.8em; line-height: 1.2em; color: #fff; }
	
	
	.footcredits{ 
		/*display: block;
		position: absolute;
		top: 30px;
		left: 30px;
		transform: rotate(-6deg);
		font-size: 0.75em;
		color: #000;
		font-weight: 600;*/
		width: 100%; 
		text-align: center;
		font-size: 0.75em;
		color: #000; padding-top: 10px;
	}
	
	
	
	
	
	#FooterBand{  background: var(--or); 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% }
	
	#DottedBgW{ display: block; position: absolute; z-index: -1; bottom: 0; right: 0; overflow: hidden;   }
	#DottedBg{ display: block; position: relative; bottom: -100px; right: -100px; opacity: 0.6; width: 500px; transform: rotate(0deg); }
	

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

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

	.homeCredit{ position: absolute; width: 100%; left: 0; bottom: 5px; text-align: center; margin: 0;}
	
	
	#SoonPopupW, #RestoPopupW{ display: none;}
	#SoonPopup{ margin: 100px 150px;}

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

	
	#HomeOverlay { width: 100%; height: 100vh; position: relative; overflow:hidden; }

	.bgZim{ position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1;  }
	.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.1); 
		-moz-transition: all 0.8s ease-in-out;
		-webkit-transition: all 0.8s ease-in-out;
		-o-transition: all 0.8s ease-in-out;
		-ms-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
	}
	.darkoverlay.light{  background: rgba(0,0,0,0); }
	.darkoverlay.med{  background: rgba(0,0,0,0.2); }
	.darkoverlay.bold{  background: rgba(0,0,0,0.5); }
	.darkoverlay.dark{  background: rgba(0,0,0,0.7); }
	

	
	
	
	
	#HomeOverlay .swingDecoW{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1;  }
	
	#HomeSwing1{    
		height: 7px;
		left: 0;
		width: calc(100%);
		bottom: 0;}
		
	#HomeSwing2{   
		display: none;
		height: 150px;
		left: 20px;
		width: calc(100% + 20px);
		bottom: -110px;}
	
	
	#ScreenVideoHead{ position: fixed; z-index: 0; top: 0; left: 0; height: 100vh; width: 100vw; }
	
	
	
	
	
	
	
	#ScreenLogoW{ position: absolute; z-index: 100; top: 0; left: 0; height: 100vh; width: 100%;  }
	#ScreenLogoW h2{ width: 100%; padding-top: 28vh; text-align: center;}
	#ScreenLogoW h2 img{ width: 500px; 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: 400px; opacity: 0; }
	#HomeSlogan{ position: absolute; top: calc(33vh + 350px); width: 100%;
		color: #fff; font-size: 2.5em; letter-spacing: 2px; text-align: center; text-transform: uppercase; margin: 0;}
		
	#HomeSlogan{ opacity: 0;}
	.typeLetter{ opacity: 0;}
	
	
	/*#ScreenItemsW{ position: relative; z-index: 100;}*/
	#HomeBaseline{ position: absolute; z-index: 101; bottom: 10px; left: 2.5%; color: #fff; width: 30%; margin: 0; }

	
	
	
	/*#SpecialAnnounce, .specialAnnounce, #SAContent{ display: none;}*/
	#SpecialAnnounce, .specialAnnounce{ display: none;}
	#PopupContent{ width: 650px; height: 650px; min-width: 650px;  }
	@media(max-width:650px) {  #PopupContent{ height: 320px; width: 320px; min-width: 300px;  }	}
	#PopupContent img{ display: block; width: 100%; } 
	
	/*#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: 10px; flex-wrap: wrap; margin: 25px 0 0 0 ;}
	#GalleryHome .mosaic div{ width:calc(25% - 20px);  }
	#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 var(--or); padding-bottom: 10px;text-align: center;}
	
	.tarifListW{}
	.tarifListW h3, .tarifListW p{ margin-bottom: 7px;}
	.tarifListW h3.lined{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--or); font-weight: 600; }
	
	
	
	.tarifs{ display: flex; flex-wrap: wrap; gap: 15px 4%; align-items:flex-start; }
	.tarifs > div{ flex: 1; }
	.tarifs > div *{ text-align: center; }
	
	
	.col3 .tarifList{ display: flex; flex-wrap: wrap; gap: 15px 4%; align-items:flex-start; }
	.col3 .tarifList > li{ flex: 1; border: 1px solid var(--or); padding-bottom: 20px; border-top: 0;
		-webkit-border-bottom-right-radius: 20px;
		-webkit-border-bottom-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-moz-border-radius-bottomleft: 20px;
		border-bottom-right-radius: 20px;
		border-bottom-left-radius: 20px;	}
	
	.col3 .tarifList li span.desc{ display: block; padding: 15px 10px; color: #000; font-size: 1.7em; line-height: 1.2em; font-family: 'MontBlack', sans-serif; background: linear-gradient(138deg, rgba(205, 138, 43, 1) 0%, rgba(234, 195, 139, 1) 29%, rgba(253, 230, 199, 1) 57%, rgba(192, 127, 72, 1) 79%, rgba(130, 90, 24, 1) 100%);}
	.col3 .tarifList li span.price{ display: block; font-weight: 600; margin-top: 20px; padding: 0 10px;  }
	
	
	.simplelist .tarifList{ display: flex; flex-direction: column; }
	.simplelist .tarifList li{ font-size: 1em; border-bottom: 1px solid #aaa; padding: 8px 0; overflow: auto;  }
	.simplelist .tarifList li:last-child{   border-bottom: none; }
	.simplelist .tarifList li span.desc{ display: block; float: left; width: 40%; font-weight: 600; text-align: left;   }
	.simplelist .tarifList li span.price{ display: block; float: right; width: 60%; text-align: right; font-weight: 600; color: var(--or);   }
	
	
	#Table-tarifs{ flex-wrap: wrap;}
	#Table-tarifs > div{ flex: auto; width: calc(33.33% - 8%); }
	/*#Table-tarifs > div{ flex: auto; width: 48%; }*/
	/*
	
	.tarifs > div{ width: 33.33%; }
	.tarifs  > div.full, .tarifs  > div.fulline{ width: 100%; }
	.tarifs  > div.3col, .tarifs  > div.3col{ width: 33.33%; }
	
	
	
	
	
	.tarifList{ display: flex; flex-direction: column; }
	.tarifList li{ font-size: 1.1em; border-bottom: 1px solid #aaa; padding: 8px 0; overflow: auto;  }
	.tarifList li:last-child{   border-bottom: none; }
	.tarifList li span.desc{ display: block; float: left; width: 55%; font-weight: 600;  }
	.tarifList li span.price{ display: block; float: right; width: 45%; text-align: right; font-weight: 600;   }
	
	.full .tarifList { flex-direction: column; gap: 0; flex-wrap: wrap;}
	.full .tarifList li{  width: 100%; }
	.full .tarifList li:nth-last-child(-n+2){   border-bottom: none; }
	
	.fulline .tarifList { flex-direction: row; gap: 0 4%; flex-wrap: wrap;}
	.fulline .tarifList li{  width: 100%;  padding: 20px 0; }
*/

	
	.sectionW{ position:relative; }
	/* CLUB */
	
	
	#ClubTitle{ min-height: 80vh;}
	#ClubTitle h2{ line-height: 1.2em; margin: 0; font-size: 3.5em !important;}
	
	
	#ClubSwingW{ position: absolute; bottom: 100%; width: 100%}
	#ClubSwing1{    
		height: 150px;
		left: -50px;
		width: calc(100% + 50px);
		top: 0;
		background: rgb(0,0,0);
		background: linear-gradient(17deg, rgba(0,0,0,1) 16%, rgba(50,50,50,1) 83%); 
		
	}

		
	#ClubSwing2{    
		height: 125px;
		right: -5%;
		width: 40%;
		top: 0;
		background: rgba(248,177,51,1);
	}
	
	#ClubSwingW .swingZim { right: 15%; height: calc(72vh + 115px);  bottom: 0; z-index: 0}
	
	
	
	
	#IntroLogoW{ margin-top: -50px; }
	#IntroLogoW span{ display: inline-block; padding: 10px 0 60px 0 ; 
	width: 280px; height: 200px;
	background: #000; transform: rotate(45deg);}
	#IntroLogoW span img{ width: 250px; vertical-align: middle; transform: rotate(-45deg);}
	
	
	
	#ServicesList{ display: flex; flex-wrap: wrap; align-items:flex-start; gap: 50px;  align-items: stretch; }
	#ServicesList li{ width: calc(50% - 28px);  margin: 0; 
		border: 1px solid var(--or); 
		-webkit-border-bottom-right-radius: 20px;
		-webkit-border-bottom-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-moz-border-radius-bottomleft: 20px;
		border-bottom-right-radius: 20px;
		border-bottom-left-radius: 20px;			
	}
	 
	
	
	#ResaList{ display: flex; flex-wrap: wrap; align-items:flex-start; gap: 50px; }
	#ResaList li{ width: calc(50% - 25px); margin: 0;  }
		
	#ResaList li a{ display: flex; align-items:center; height: 270px; justify-content: center; border-top: 1px solid var(--or); border-bottom: 1px solid var(--or);
		background-repeat: no-repeat; background-position: center; background-size: 100% auto;
		-moz-transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;}
	#ResaList li a:hover{ background-size: 105% auto; text-decoration: none;}
	#ResaList li a:hover span.gold{ color: #fff !important; background: none;  -webkit-text-fill-color: unset;}

		
	#ResaList li#ResaBuffet a{ background-image: url(../media/images/deco/buffet.jpg); }
	#ResaList li#ResaRoom a{ background-image: url(../media/images/deco/room.jpg); }
	 
	 
	 
	 
	.CartoucheW{ }
	
	.CartoucheW h3{ display: block; padding: 15px 10px; color: #000; font-size: 1.2em; line-height: 1.2em; font-family: 'MontBlack', sans-serif; margin: 0; }
	.CartoucheW h3 svg{ font-size: 2em; display: inline-block; margin-bottom: 5px; }
	.CartoucheW p{  padding: 15px 20px; font-size: 0.9em; line-height: 1.4em; margin: 0;  }
	
	
	.dresscodesection{ width: 45%; margin: 0 50% 0 5%; }
	
	.boxed{ 
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		border: 1px solid var(--or);
		padding: 20px;
		
	}
	
	
	
	
	
	/* AGENDA */
	
	#page-nos-soirees #Content {
		min-height: calc(100vh);
	}
	
	
	
	.agendalist{ display: flex; flex-wrap: wrap; justify-content: center; }
	.agendalist > li{ width: 25%; margin: 0 4% 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;   
	}
	
	.eventZim{ margin: 0;}
	.eventDate{ background: #000; padding: 12px 10px 15px 10px; margin: 0; font-size: 1.1em; 
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;  }
	.eventResa a{ font-size: 1.2em; position: relative; top: -15px; }
	
	
	#SubMenuW{ margin-bottom: 50px; position: relative; z-index: 100; top: -2px; }
	#SubMenuW.nomargin{margin-bottom: 0; }
	#SubMenuW ul.submenu{  width: 100%; display: table; text-align: center; /*border-bottom: 1px solid #666;*/ }
	#SubMenuW.colormenu ul.submenu{  background: #000; }
	#SubMenuW ul.submenu li{ display: inline-block; padding: 0 25px; border-right: 1px solid var(--or); background: none; }
	#SubMenuW ul.submenu li a { display: block; padding: 12px 0; color: var(--or); text-transform: uppercase; font-size: 1.6em; font-family: 'MontBlack', sans-serif; letter-spacing: 1px;}
	#SubMenuW ul.submenu li:last-child{ border-right:none }
	#SubMenuW ul.submenu li.current{ background: linear-gradient(138deg, rgba(205, 138, 43, 1) 0%, rgba(234, 195, 139, 1) 29%, rgba(253, 230, 199, 1) 57%, rgba(192, 127, 72, 1) 79%, rgba(130, 90, 24, 1) 100%);  }
	#SubMenuW ul.submenu li.current a{  color: #000; }
	
	
	/*.agendalist > li img:hover{ padding: 2.5%;  width: 95%;}
	
	.eventZim{ margin: 0;}
	.eventText{ 
		position: absolute; padding: 15px 10px; width: 50%; background: var(--or); 
		z-index: 20; bottom: -5%; right: -60px; min-height: 85px;}
	
	.eventTitle{ margin: 0 0 15px; font-size: 1.3em; color: #000;}
	.eventDate{ font-weight: 600; text-transform: uppercase; margin:0;}*/
	

	/*
	#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  var(--or); 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: var(--or); width: 20px; height: 20px; border-radius: 40px;  }
	
	
	.separLine{ display: block; margin: 25px auto; width: 150px; height: 2px; background: var(--or); }
	.goldbg .separLine{  background: #fff; }
	


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






	
	/* CARTE */ 
	


	
	.carteMainCateg:last-child{ padding-bottom: 50px;}
	#CarteList{}
	#CarteList .centeredlist { padding-top: 0; margin: 0; display: flex; flex-wrap: wrap; }
	#CarteList .centeredlist > li { width: 29%; margin: 0 2%; border: 1px solid var(--or); padding-bottom: 20px;
		-webkit-border-bottom-right-radius: 20px;
		-webkit-border-bottom-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-moz-border-radius-bottomleft: 20px;
		border-bottom-right-radius: 20px;
		border-bottom-left-radius: 20px;}
	
	/*#CarteList .centeredlist > li.alone { width: 45%; margin: 0 27.5%;}
	#CarteList .centeredlist > li.fullsize { width: 100%; margin: 0; background: #090909; }*/
	.carteCategTitle { text-align: center;}
	
	.carteMainCateg .separ{ display: block; width: 50%; border: 1px dashed #000; margin: 40px auto; }
	.carteMainCateg:first-child .separ{ display: none; }
	
	.carte { margin-bottom: 0; }
	.carte h3 {  font-size: 2.5em; letter-spacing: 2px; display: block; background: var(--or); padding: 15px 10px; color: #000; font-size: 1.7em; line-height: 1.2em; font-family: 'MontBlack', sans-serif; margin: 0 0 20px 0;  }
	.carte .zimAppearW{ position: relative; max-width: 380px; position: relative; margin: 0 auto; width: auto; min-height: 450px;}
	.carte .zimAppearW img{ width: 100%; }
	
	
	.carte-list{ padding: 0 15px;}
	.carteItem { margin-bottom: 12px; display: flex; border-bottom: 1px dotted var(--or); min-height: 20px; padding-bottom: 10px;  }
	.carteItem:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0;  }
	.carteItemText { line-height: 1em; font-size: 1em; display: block; width: 90%;  text-align: left; }
	.carteItemText strong{ display: block;}
	.carteItemText span{ font-size: 0.9em;}
	.carteItemPrix{ display: block; display: block;  width: 10%; text-align: right; font-weight: 600; color: var(--or);  font-size: 1.2em;   }
	
	.intro, .conclus{ text-align: center !important;}
	
	/*.enavant{ border: 2px dotted #090909; padding: 15px; background:#fff; }
	.enavant *{ color: #090909; }*/
	
	.conclus { clear: both; margin: 0; padding: 30px 0}
	/*
	#CarteList .centeredlist > li.fullsize .carte-list { display: flex; flex-wrap: wrap;}
	#CarteList .centeredlist > li.fullsize .carte-list > li { width: 30%; margin: 0 1.5% 15px;}
	
	#CarteList .centeredlist > li.fullsize .carte-list > li.enavant { width: calc(30% - 34px); margin: 0 1.5% 15px;}
	
	.fullsize *{ color: #fff !important;}*/
	/*.fullsize .enavant {
		border: 2px dotted #fff;
		background: #1b294e;
	}	*/
	
	
	
	.partnerslist{ display: flex; flex-wrap: wrap; gap: 40px; justify-content: center; }
	.partnerslist li { 
	padding: 30px; width: calc(50% - 80px);
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;}
	.partnerslist li p { text-align: center; color: #000; margin-bottom: 0; }
	.partnerslist li p a { text-align: center; color: #000; }
	.partnerslist li p img { max-width: 180px; }
	
	.partnerslist li.alone { width: calc(100%); padding: 40px; }
	
	.partnerslist li.alone p img { max-width: 250px; }
	
	



	/* 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;}
	
	
	
	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 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */		
	
	#ActusList{ margin: 60px auto; padding-top: 0 !important; display: flex; gap: 25px 2%; justify-content: center; flex-wrap: wrap; }
	
	#ActusList li{ width: 29.33%; margin: 0;}
	
	
	.actu{ position: relative; margin-bottom: 50px;}
	.actu h3{ margin: 0; height: 100%;  font-size: 1.2em;  }
	.actu h3 span{font-size: 0.8em;  }
	.actu a { display: block; vertical-align: top; position: relative; padding: 5px; border: 1px solid rgba(248,177,51,1); }
	.actu a img{ width: 100%; vertical-align: top;}
	
	.actu h3 div{  margin-top: 15px;  }
	.actu h3 strong{  text-transform: uppercase;  }
	
	.actu-listItemOverlay {
		position: absolute; top: 0; left: 0;
		display: block;
		height: 100%;
		width: 100%;
		
		background: rgba(248,177,51,0.6);
		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;
		
	}
	.actu a:hover .actu-listItemOverlay  { opacity: 1}
	
	/*.chrome .actu-listItemOverlay { width: 93%; 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{ display: block; margin-top: 15px; font-size: 1.1em; text-transform: uppercase; letter-spacing: 0;}
	
	
	.actuSubtitle{ background: #0c3d51; text-align: center; color: #fff; padding: 5px 10px; margin-top: 0; font-size: 1.3em;}
	
	.actuText{ font-size: 1.2em;}
	
	.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: #2F395A; 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: #2F395A }
	/*.newsGalW.carousel-prev{ left: 10px; }	
	.newsGalW.carousel-next{ right: 10px; background-position: right center;}	*/
	
	
	/*#FilterNews { padding-top:1.5em;  }
	#FilterNews  li  { display:inline-block; margin-bottom:0.5em; margin-right:0.4em;   }
	#FilterNews  li a  { background:#000000; color:#ffffff; text-transform:uppercase; padding:0.5em 1em;  display:block;  }
	#FilterNews  li a.current { background:#cccccc; color:#000000; }*/


	.couvLink{ position: relative; display: block;}
	.couvLink img{ position: relative; z-index: 90;}
	.overlayPink {
		position: absolute; top: 0; left: 0;
		display: block;
		height: 100%;
		width: 100%;
		z-index: 100;
		
		background: rgba(248,177,51,0.6);
		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;
		
	}
	.couvLink:hover .overlayPink  { opacity: 1 }

/*
	#FilterNews { text-align: center; display: table; width: 90%; margin: 20px 5%;   }
	#FilterNews  li  { display:inline-block; margin: 0;  border-right: 1px solid #fff;   }
	#FilterNews  li:last-child  { border-right: none;   }
	#FilterNews  li a  { font-size: 1.1em; padding: 0 15px; }
	#FilterNews  li a.current { font-size: 1.4em; }
*/
	#FilterNews { text-align: center; width: 90%; margin: 20px 5%; display: flex; gap: 15px;  justify-content: center;   }
	#FilterNews  li  {  }
	/*#FilterNews  li:last-child  { border-right: none;   }*/
	#FilterNews  li a  { display: block; font-size: 1.2em; padding: 12px 20px;  background: var(--or); font-family: 'MontBlack', sans-serif; color: #000; }
	#FilterNews  li a:hover, #FilterNews  li a.current{ background: #fff; color: #000; }

	
	/* CONTACT */
	
	
	#ContactBlock{ display: flex; padding-top:0 ; margin: 80px 0; align-items: stretch;  }
	#ContactBlock p{ 
		flex: 1; margin: 0 25px; padding: 35px 25px; 
		font-weight: 600; position: relative;
		border: 1px solid var(--or); 
		font-size: 1em;
		-webkit-border-bottom-right-radius: 20px;
		-webkit-border-bottom-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-moz-border-radius-bottomleft: 20px;
		border-bottom-right-radius: 20px;
		border-bottom-left-radius: 20px;			
	}
	
	
	#ContactBlock .icoW { font-size: 1.5em; 
		display: block; text-align: center;
		width: 60px; height: 60px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		position: absolute; top: -20px; left: -20px;
	}
	#ContactBlock .icoW svg{ font-size: 1.5em; color: #000; 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: #000;  }
	#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;}
	#ContactForm fieldset > div{ width: 100%; display: inline; float: left; margin-bottom: 15px;}
	.radio-field{ display: inline-block; width: 45%;}
	.fieldsList label{ display: block;} 
	.fieldsListTitle{ display: none;}
	
	.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,
	#ContactForm fieldset p#field-entree
	{ 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; }
	
	#ContactFormSubmit { 
		padding: 10px 20px;
	}

	

	.legendform { margin: 15px 0;}
	
	

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




	#jGMapW {
		width:100%; height:500px; 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: 3.5em; color:#d89a22  }
	.alert{ border: 2px dashed #d92222; padding: 15px !important; color: #d92222;}
	
	
	
	#FancyContactBox{ width: 600px; background: #000; }
	#FancyContactBox #ContactForm{ overflow: hidden; padding: 15px;}
	#FancyContactBox #ContactForm label {
	color: var(--or)
	 }
	  
	#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: 2em;  color: var(--or); margin-bottom: 15px; padding: 25px 15px 0; margin-top: 0; }
	.fancyContentText { padding: 20px; }
	
	.resadate{ background: #d89a22; padding: 8px 15px;  font-size: 1.2em; color:  #fff; margin-bottom: 10px; }
	.resalegend{ color: #fff; padding: 20px 15px 0; margin: 0; font-size: 0.8em; }
	
	
	.mobonly, .mobonlyinline{ display: none !important;}
	
	
	
	
	
	
	#MemberFormW{ width: 100%; margin: 0 auto; max-width: 350px;}
	#MemberFormW legend{ text-align: center; text-transform: uppercase; margin-bottom: 20px; display: block;   }
	
	
	
	
	
	
	
	
	
	/* - -------------------------- - */
	
	
	
	
	

	@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;}
		
		#HeaderW {
			max-width: 100vw;
		}
		
		#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;
		}
		
		#HeaderSwing {
			top: -80px;
		}
		
		
		#ContentW, #Content { height: auto }
		#Content { padding-top: 90px; }
		
		#MainMenu-restaurant-Item, #MainMenu-carte-Item, #MainMenu-resa-Item{ display: block; }
		
		
		#MainMenu > li, #MainMenu > li > strong {  }
		#MainMenu > li > a, #MainMenu > li > strong { padding: 12px 0;}
		
		#MainMenu > li > a::before {
			
			bottom: -9px;
			
		}

		
		#NavIco {
			left: 8%;
			top: 34px;
		}
		#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.5em;
		}
		#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: 48%;
		}
				
		
		.homeCredit{ bottom: 9vh; }
		#page-home .swingDecoW.footpage{ display: none;}
		
		
		
		#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 {
				
			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;
		}
		
		
		#ClubSwingW .swingZim {
			right: -105px;		}


/*
		.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%}

		*/


		#ServicesList li {
			flex: unset;
			width: 48%;
		}
		
		
		#CarteList .centeredlist > li {
			width: 45%;
			margin-bottom: 30px;
		}

			
		
		#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%; }
		
		
		.footpage #HomeSwing1{   height: 40px;}
		
		
		
	}
	

	
	@media(max-width:768px) {
		
		
		
		
		
		.scroll-section {    display: none;}		
		body {   line-height: 1.5em; }
		
		#PageW{ width: 100vw; overflow: hidden; min-height: 100vh;}
		
		
		#Header {    height: 70px; }	
		#HomeLinkW {  }
		#HomeLinkW a img{ width: 130px; }
		
		.scrolled #HomeLinkW a img {
			opacity: 1; 
			margin-top: 0;
		}
		
		#page-home #HomeLinkW{ display: none;}
		#page-home .deploy #HomeLinkW{ display: block;}
		
		
		#HeaderSwing {

		}
		
		#MainMenu > li > a:hover, #MainMenu > li > strong:hover, #MainMenu > li.actived > a, #MainMenu > li.actived > strong {
			letter-spacing: 3px;
			color: #fff;
		}
		

		
	
		#MainMenuW { padding-top: 200px; }
		
		#Socials a {
			font-size: 2em;
		}
		
		
		
		.flexitext {
			flex-direction: column;
			gap: 0;
		}
		
		
		
		
		#HomeTitleW h2{   font-size: 1.2em; padding: 0 5%; }
		
		.sfont {
			
		}
		
		.big{ font-size: 1.3em !important }
		.super { font-size: 1.6em !important }
		.mega { font-size: 2em !important }
		.ultra { font-size: 2.4em !important }

		#ScreenLogoW h2 {
			padding-top: 30vh;
		}
		
		#ScreenLogoW h2 img.noshow{ width: 320px; }
		
		#HomeSlogan {
			line-height: 1.3em;
			    top: calc(29vh + 350px);
		}
		#HomeBaseline {
			width: 100%;
			margin: 0;
			font-size: 0.9em;
		}
		
		#HomeSwing2 {
			height: 180px;
			left: 0;
		}
		
		
		#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;
		}
		
		
		#IntroLogoW span {
			width: 200px;
			height: 125px;
			padding: 20px 0 55px 0;
		}
		#IntroLogoW span img {
			width: 160px;
			vertical-align: middle;
		}
				
		
		
		
		#ClubTitle {
			min-height:60vh;
		}
		#ClubTitle h2 {
			font-size: 2.2em !important; 
			text-align: right;
			padding-top: 10vh;
		}
		#ClubTitle h2  span.micro{
			font-size: 0.55em !important;
		}
		
		#ClubSwing1 {
			height: 150px;
			left: -30px;
			width: calc(100% + 60px);
			top: 0;
		}

		#ClubSwing2 {
			height: 100px;
			right: -30px;
			width: 70%;
			top: -20px;
		}
		#ClubSwingW .swingZim {
			left: -45%;
			max-width: unset;
			bottom: -30px;
			z-index: 0;
			height: 72vh;
			right: auto;
		}
		
		
		.col3 .tarifList, #ServicesList {
			flex-direction: column;
			gap: 15px 0;
		}
		
		
		#ServicesList li {
			width: 100%;
		}
	

				
		
		.eventText {
			padding: 10px;
			width: 70%;
			bottom: -12%;
			right: -20px;
			min-height: 85px;
		}
		
		
		
		
		
		#ContactBlock {
			flex-direction: column;
			margin-bottom: 40px;
		}
		#ContactBlock p {
			margin-bottom: 20px;
		}
		#ContactFormW {
			padding: 0 15px;
			margin-bottom: 40px;
		}
		
		#FancyContactBox {
			width: 100%;
		}
		
		
		

		
		input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], input[type="datetime"], textarea {
			padding: 0.25em 0 0.25em 0.75em;
			width: 95%;
		}
		
		
		
		
		
		.col3 .tarifList > li, #CarteList .centeredlist > li{ 
			flex: 1;
			width: 95%; 
			margin: 0 2.5%;
		}
		#CarteList .centeredlist > li{ 
			flex: unset;
			margin-bottom: 30px;
		}
	
		#CarteList .centeredlist {
			margin: 0  !important;  width: 100% !important;
		}
		
		
		
		#ActusList li {
			width:48%;
		}
		
		
		#ResaList li{ width: calc(100%); margin: 0;  }
		
		#ResaList li a{ display: flex; align-items:center; height: 230px; justify-content: center; background-size: auto 100%; }

		
	}
	
	@media(max-width:767px) {
		
		#ScreenLogoW h2 img {
			width: 320px;
		}
		
		
		.agendalist > li {
			width: 85%;
			margin: 0 8% 50px;
			min-height: 300px;
		}
		
		#Partners {
			gap: 10px;
			flex-wrap: wrap;
		}
		#Partners li {
			width: 30%;
		}
		#Partners li img {
			max-width: 90px;
			max-height: 40px;
		}
		#Partners li img#Wyylde {
			max-height: 55px;
		}
		
		#ActusList {
			flex-direction: column;
		}
		#ActusList li {
			width:100%;
		}
		
		#Table-tarifs > div{  width: 100%; }
		
		
		/*#OverlayLoadDoor1, #OverlayLoadDoor2{
		background: linear-gradient(180deg,rgba(205, 138, 43, 1) 0%, rgba(234, 195, 139, 1) 25%, rgba(253, 230, 199, 1) 50%, rgba(192, 127, 72, 1) 75%, rgba(130, 90, 24, 1) 100%); }*/
		
		#page-home{ height: 100vh; overflow: hidden;}
		
		.dresscodesection{ width: 95%; margin: 0 2.5%;}
		
		
		
		
		#page-home #HomeBg .animZim{ left: -50% !important; position: absolute;   height: calc(100vh);}
		
		#page-le-club #HomeBg .animZim{ left: -50% !important; position: absolute;}
		
		#page-dresscode #HomeBg .animZim{ left: 0 !important; position: absolute;}
		
		.partnerslist li { width: 100%;}
		
		
	}
	
	
	
	
	@media(max-width:420px) {
		
		
		#HomeLinkW {
			top: 12px;
			padding-top: 0;
		}


		#HomeOverlay{ }
		
		#Copyrights {
			padding-left: 0;
		}
		
		.zimAppearW.p30, .zimAppearW.p25{  width: 25%; max-width: 300px; }
		
		
		
		#HomeTitleW h2 strong {  font-size: 1.5em; }
		
		
		
		#ResaBox { width: 95%; margin: 0 auto; }
		.fancybox-inner #ResaBox { padding: 15px 0; margin: 0;  }
		
		#ClubSwingW .swingZim {
			
		}


			
	}
	
	@media(max-width:375px) {
		
		
		
		
		#MainMenu > li {
			padding: 3px;
		}
		#MainMenu > li > a, #MainMenu > li > strong {
			font-size: 1.4em;
		}
		
		#Partners {
			gap: 8px;
			margin-top: 30px;
		}
		
		#ClubSwingW .swingZim {
		
		}

	}
	
	
	
	@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;
		}
		
		
	}