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

Version 0.9.6.0
Date 02/01/2015                                                                                 
*/

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



@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/* font-family: "Playfair Display", serif; */


:root {
  --blcasse: #fbf3de;
  --or: #bf9b56;
  --gblack: #161616;
  
  --grclair: #ededed;	
  
}


/* ################################################################################################################																		     *                                                                      							
														BASICS
 *###############################################################################################################*/
 
 
	html, body { margin: 0; padding: 0; border: 0; height: 100%;}
	body { 
		font-size:14px; background: #f0ebdf url(zims/frontend/texture.jpg) no-repeat center; background-size: 100% auto; background-attachment: fixed;
		color: #000;
		font-family: 'Tahoma', sans-serif;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
		overflow-x: hidden;
		overflow-y: scroll;
		position: relative;
	}


	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: #333;
		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;

	}

	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;
		border-bottom: solid 1px #000;
		color: #222;
		display: block;
		padding: 0.4em 0 0.4em 0.75em ;
		text-decoration: none;
		width: 90%;
		outline: 0;
		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: solid 1px rgba(129, 113, 99, 0.5);
		color: #222;
		display: block;
		padding: 0.3em 0 0.3em 0.75em ;
		text-decoration: none;
		width: 102%;
		outline: 0;
		border-right-width: 20px;
		border-right-style: solid;
		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: #222; font-size: 1em;  line-height: 1em; text-align: left; display: none;}
	.textareaField label {  display: block; }
	
	.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: #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 20px 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: 1px solid #000;
		color: #000;
		cursor: pointer;
		display: inline-block;
		font-size: 1.1em;
		font-weight: 300;
		letter-spacing: 2px;
		padding: 0.2em 2em;
		line-height: 1.5em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		width: auto;
		margin-bottom: 8px;
		border-radius:20px;
		
	}
	

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

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

	::selection {
	  background: var(--or); 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;}
	
	
	.rcorner{ -webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;}
	
	
	@-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;
	}   
	
	.scroll-section a {transition: all ease .5s; }
	.scroll-section a:after {
		position: absolute;
		top: 70px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 7px;
		height: 7px;
		background: #fff;
		border-radius: 100%;
		-webkit-border-radius: 100%;
		content: "";
		-webkit-animation: arrow-jump 5s infinite;
		-moz-animation: arrow-jump 5s infinite;
		-o-animation: arrow-jump 5s infinite;
		animation: arrow-jump 5s infinite;
		top: 100%;
	}
	.relative-block {
		position: relative;
	}
	.scroll-section span {
		writing-mode: tb-rl;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		font-size: 10px;
		font-weight: 400;
		letter-spacing: 3px;
		color: #fff;
		text-transform: uppercase;
	}
	.scroll-section a:after, .scroll-section:after {
		left: 1px;
	}
	.scroll-section a:after {
		position: absolute;
		top: 70px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 7px;
		height: 7px;
		background: #fff;
		border-radius: 100%;
		-webkit-border-radius: 100%;
		content: "";
		-webkit-animation: arrow-jump 5s infinite;
		-moz-animation: arrow-jump 5s infinite;
		-o-animation: arrow-jump 5s infinite;
		animation: arrow-jump 5s infinite;
		top: 100%;
	}

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



	.sfont {  font-family: "Playfair Display", 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;  } 
	
	.flexi{ display: flex;}
	
	
	.away{ position: relative; opacity: 0;}
	.awayleft{ left: -120px;}
	.awayright{ right: -120px;}
	.awaytop{ top: -100px;}


	.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.big { font-size: 2.2em !important;  line-height: 1em; }
	.sfont.super { font-size: 4em !important; line-height: 0.9em; }
	.sfont.mega { font-size: 6em !important; line-height: 1em; }
	.sfont.ultra { font-size: 8em !important;  line-height: 1em; }
	
	
	.centeredlist{  
		display: table; width: 100%; text-align: center; clear: both; 
		margin-left: 7.5%!important; margin-right: 7.5%!important; 
		width: 85%; padding-top: 100px;}
	.centeredlist:first-child{ padding-top: 0;}	
	
		
	.centeredlist100{  margin-left: 0%!important; margin-right: 0%!important; width: 100%}
	.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%}
	.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% }
	


	
	.nomargintop{ margin-top: 0; padding-top: 0;}
	.titlepadding{ padding-top: 95px;}
	.titlepaddingmini{ padding-top: 45px;}
	.titlepaddingmadium{ padding-top: 150px;}
	.titlepaddingbig{ padding-top: 200px;}
	
	.spacer{ clear: both; padding: 40px 0;}
	.gold { color: var(--or) ;}
	
	
	
		
	.screensW, .screensAnimW{ width: 100%; height: 100%; }
	.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;}
	
	
	
	.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);
	}
	
	

	#OverlayTransition{ height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: #f8f6f1 url(zims/loader/loader.gif) no-repeat center; }

	
	#SoonPopupW{ display: none;}
	#SoonPopup{ margin: 100px 150px;}
	
	

	
	
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 
 
 
 
 
	/* 
	
		
		OR : var(--or)
		
	*/
	
/* HEADER */

	
	#Header { position: fixed; top: 0; width: 100%; z-index: 800; height: 85px;}
	#page-home  #Header { height: 100px;}
		
	.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: #f0ebdf url(zims/frontend/texture.jpg) no-repeat center; background-size: 100% auto; border-bottom: 1px solid var(--or); }

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

	

/* MAIN MENU */

	#Nav{ position: fixed; top: 0; width: 100%; height: auto; z-index: 5001;}/* height: auto */
	#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: 7%;	}

	#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-b.gif);	}
	
	#UpperMenu ul li a {
		padding: 12px 20px;
		text-align: center;
		cursor: pointer;
		transition: all 0.4s;
		position: relative;
		color: var(--or); text-transform: uppercase; font-size: 1.2em; 
		display: block; 
		font-weight: 600;
		background: #f8f6f1;
	}
	.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: var(--or);
		border-bottom-width: 1px;
		border-bottom-style: solid;
		
		
	}
	#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;  }
	
	
 /* ANIMATED MENU ICO */
	 
	#NavIco {
		display: block; position: fixed; z-index: 5001; height: 25px; width: 32px;
		left: 2.5%; top: 32px;
		-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; }

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

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

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

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

	#NavIco strong {
		position: absolute;
		left: 55px; font-size: 1.1em;
		line-height: 1em;
		top: 10px; color: #fff;
		text-transform: uppercase;
		font-weight: normal;
	}
	

	/* MENU */
	
		
	#MenuW{ overflow: visible; width: 100%; height: 100%; position: relative; z-index: 5000;}
	
	#MenuOverlay{ 
		background: rgba(0,0,0,0.3);
		height: 100%; width: 100%; top: 0; left: 0;
		position: absolute; z-index: 900; 
		display: none;
	}
	#Menu{ 
		/*url(zims/frontend/menu-deco.jpg) no-repeat left top;*/
		position: absolute; z-index: 1000; overflow: hidden;
		width: 100%; height: 0;
	}
	.open #Menu{ height: 100%;}
	

	#MainMenuW{  display: table; width: 90%; margin: 185px 5%; text-align: center; }

	#MainMenu{ width: 30%; display: inline-block; vertical-align: middle; }
	#MainMenu > li{ position: relative; margin-bottom: 25px; opacity: 0; position: relative; left: -15px; text-align: left;  }
	#MainMenu > li:last-child{ margin-bottom: 0; }
	/*#MainMenu > li span.menuItemLine{ position: absolute; top: 48%; left: 0; width: 25px; height: 3px; background: linear-gradient(90deg, rgba(7,41,41,1) 0%, rgba(8,64,64,1) 100%);  }*/

	#MainMenu > li > a, #MainMenu > li > strong{  
		font-family: "Playfair Display", serif; color: var(--or);
		display: inline-block; position:relative; 
		padding: 0; text-transform: uppercase; letter-spacing: 1px;
		font-size: 2.4em; cursor: pointer; text-align: center; font-weight: 300;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, letter-spacing 0.3s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, letter-spacing 0.3s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, letter-spacing 0.3s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, letter-spacing 0.3s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, letter-spacing 0.3s ease-in-out; }
	 #MainMenu > li > a:hover{ letter-spacing: 4px; color: #111; text-decoration : none; }	 
	/*#MainMenu > li:hover a { letter-spacing: 8px; }	*/
		

	#MainMenu > li > a  i, #MainMenu > li > strong  i { font-size: 1.3em;}
	
		



	#ContactMenu{ 
		display: inline-block; vertical-align: middle;
		width: auto; margin-left: 16%; text-align: left; font-size: 1.1em;
		opacity: 0; position: relative; left: -10px; 
	}
	#ContactMenu *{ color: #111}
	#ContactMenu .separ{ display: block; border-bottom: 2px solid var(--or); padding-bottom: 12px; margin-bottom: 12px; font-weight: 600;} 
	#ContactMenu .separtop{margin-top: 15px;} 

	
	#ContactMenu .socials svg{ 
		font-size: 1.4em; vertical-align: top;
	}
	#ContactMenu a:hover, .socials svg:hover{ 
		color: #ddd;
	}
	#ContactMenu .socials svg.fa-instagram{ 
		font-size: 1.5em;
	}
	
	
	
	#MenuAnim1{ 
		position: absolute; width: 300%; height: 300%; left: -150%; top:150%; background: rgba(250,250,250,0.95); transform: rotate(30deg); 
		transition: transform 800ms ease-in-out;	}
	/*#MenuAnim2{ position: absolute; width: 100%; height:200%; right: 0%; top: 0; background: #f9884f; transform: rotate(-30deg); }*/
	#MenuAnim1.deploy {
		transform: rotate(30deg) translate(0,-90%);
	}
	#MenuAnim1.retract {
		transform: rotate(30deg) translate(90%,-70%);
	}
	
	
	
	/* */
	/*
	#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;  }
	*/
	
	
	.animbtn {
	  width: 180px;
	  height: 26px;
	  padding: 5px 0 !important;
	  cursor: pointer;
	  background: transparent;
	  border: 1px solid rgba(0,0,0,0.6);
	  outline: none;
	  transition: 1s ease-in-out;
	  font-size: 1.1em !important; letter-spacing: 1px;
	}

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

	.animbtn:hover {
	  transition: 1s ease-in-out;
	  background: rgba(0,0,0, 0.9) !important;
	  color: #fff !important;
	  border-color: #fff;
	}

	.animbtn:hover > svg {
	  stroke-dashoffset: -480;
	}
		
	/* Content */
	
	
	
	#SideLinks{ position: fixed; bottom: 20px; right: 1%; z-index: 1000;}
	#SideLinks a{
		display: table-cell; position: relative; top: -20px; opacity: 0;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px; 
		font-size: 1.1em; line-height: 1em;
		width: 90px; height: 90px; color: #fff;
		text-align: center; vertical-align: middle;
		transition: transform 280ms cubic-bezier(0.175, 0.885, 0.320, 1.275);	
	}
	#SideLinks a:hover{
		color: #fff;
		transform: translate(0, -8px) scale(1);
	}
	
	#SideLinks a.cnc{
		background: var(--or); 
	}
	#SideLinks a.liv{
		background: #00cdbe; 
	}
	
	#page-apparthotel #SideLinks, #page-contact #SideLinks{ display: none; }
	
	

	
	#Content { padding-top: 180px;}
	.forcedHeader #Content { padding-top: 85px;}
	/*#Content {  background: url(zims/frontend/bg-black.jpg) no-repeat center top; padding: 120px 10% 0; }*/
	
	#Footer{ border-top: 1px solid var(--or); }
	#Copyrights{ padding: 10px 45px; font-size: 0.8em; line-height: 1.2em; color: #000; }
	
	
	#PageContent{ position: relative; }
	
	
	#page-le-restaurant #Content, #page-notre-histoire #Content { padding-top: 0;}
	
	
	
	
	

	/* HOME */
	#page-home {  }
	#page-home .headerBG { background: none;  }
	#page-home #HomeLink { display: none;  }
	
	
	#page-home #ContentW, #page-home  #Content { height: 100%; }
	#page-home #Content {  background: none; padding: 0; }
	
	#page-home #NavIco span{ background: #fff;}
	#page-home #NavIco.active span{ background: #000;}
	
	/*
	
	#HomeOverlay { width: 100%; height: 100%; position: relative; overflow:hidden; }
	#HomeOverlayColor { position: absolute; width: 100%; height: 100%; z-index: 500; background: rgba(255,255,255,0.4); }
	
	#HomeTitleW{
		position: absolute; bottom: calc(50vh - 200px); z-index: 700;
		width: 100%;
	}
	#HomeTitleW h2 { text-align: center; color: #000;}
	#HomeTitleW h2 img { width: 400px;}
	
#HomeTitleW h2 strong{ display: inline-block;  font-size: 2.5em; line-height: 1em; padding: 0; margin: 0; letter-spacing: 5px; font-weight: 500;}
	#HomeTitleW h2 span{ position: relative; top: 10px; font-weight: 600;}

	#HomeTitleW .line{ display: block; border-top: 2px solid #000; width: 250px; height: 0; margin: 20px auto; }*/
	
	
	#HomeSections{ display: flex; height: 100vh; width: 100vw; position: absolute; left: 0; top: 0; z-index: 0;gap: 3px;}
	#HomeSections li{ flex: 1;
		background: #fff no-repeat center; background-size: auto 100%;
		background-image: url(../media/images/backgrounds/home/bar.jpg);
		-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;
	}
	#HomeSections li:hover{ background-size: auto 105% ;} 
	#HomeSections li.restoBg{ background-image: url(../media/images/backgrounds/home/resto.jpg); }
	#HomeSections li.pdjBg{ background-image: url(../media/images/backgrounds/home/pdj.jpg); }
	
	#HomeSections li a{ display: flex; height: 100%; height: 100%; align-items: flex-end; justify-content: center;}
	#HomeSections li a:hover{ text-decoration: none; }
	#HomeSections li a span{ display: block; margin: 0 0 100px 0; padding: 0 15px; font-family: "Playfair Display", serif;
		text-align: center; color: #fff;text-shadow: 0px 2px 2px rgba(0,0,0,0.75); font-weight: 600; font-size: 3.5em; }
	
	
	#HomeTitleW{
		position: absolute; top: 20px; z-index: 700; left: 0;
		width: 100%;
	}
	#HomeTitleW h2 { text-align: center; color: #000;}
	#HomeTitleW h2 img { width: 200px;}
	
	
	.homeCredit{ position: absolute; width: 100%; left: 0; bottom: 5px; text-align: center; z-index: 500; margin: 0;}
	


	/*------------*/
	
	.screenW{height: 500px;}
	
	.homeSectionW, .sectionW{ clear: both; padding-top: 60px; }
	
	.sectionW.goldbg{ background: #BF9B56;
		background: linear-gradient(330deg,rgba(191, 155, 86, 1) 18%, rgba(214, 188, 130, 1) 46%, rgba(191, 155, 86, 1) 74%, rgba(214, 188, 130, 1) 100%);
	}
	.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: var(--or);   }
	.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: var(--or);  }
	.goldbg .imageW .colorOverlayW{  background: #c18f24; }
	.pinkbg .imageW .colorOverlayW{  background: #cb2039; }
	
	
	
	
	.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: var(--or)}
	
	
	.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: relative; top: 0; left: 0; width: 100%;}
	
	.zimAppearW{ position: absolute; }
	

	.zimAppearW.p50{  width: 50%; }
	.zimAppearW.p30{  width: 30%; }
	.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 var(--or); padding: 4px; position: relative; opacity: 0; z-index : 10;  }
	
	.zimW img{ display: block; max-width: 100%;}
	


	
	
	/* BRASSERIE */
	
	#page-la-brasserie #Content{ padding-top: 120px;}
	
	#ZimResto1{ top: 120px; left: 2.5%;  }
	#ZimResto2{ top: 250px;   }
	#ZimResto3{ top: 120px; right: 2.5%; }
	
	
	.styledP{ padding: 10px 15px; background: var(--or); color: #fff; font-size: 1.2em;}


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

	
	.bigtitleW{  position: relative; z-index: 500; top: 120px; display: table; width: 100%; }
	.forcedHeader .bigtitleW{  position: relative; z-index: 500; top: 150px; display: table; width: 100%; }
	.bigtitleW h2{ color: #fff; font-size: 10em; line-height: 0.8em; margin: 0; display: table-cell; vertical-align: middle; position: relative; opacity: 0; top: -50px; text-shadow: 2px 2px 6px rgba(0,0,0,0.76); }
	
	
	
	#ZimCarte1{ top: 0; left: 0;  }
	#ZimCarte2{ top: 0; left: 25%; }
	
	#ZimCarte3{ top: 0; right: 25%; }
	#ZimCarte4{ top: 0; right: 0%; }
	
	
	
	
	.carteMainCateg:last-child{ padding-bottom: 50px;}
	
	#CarteList{}
	/*#CarteList h2:first-child{ display: none; }*/
	
	#CarteList .centeredlist { padding-top: 0;}
	
	
	#CarteList .centeredlist > li.fullsize { width: 100%; margin-right: 0;}
	.carteCategTitle { text-align: center; font-size: 4.5em;}
	
	.carteMainCateg .separ{ display: block; width: 50%; border-top: 5px double var(--or); margin: 40px auto; }
	.carteMainCateg:first-child .separ{ display: none; }
	
	.carte { margin-bottom: 0; }
	.carte h3 {  margin-bottom: 0 }
	.carte h3 .bigprix {  font-size: 0.6em;}
	
	
	
	/*
	.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: 18px;}
	.carteItem.lien-suivant { margin-bottom: 0;}
	.carteItemText { display: block; line-height: 0.9em; text-align: left; line-height: 1.1em;}
	.noprice .carteItemText { text-align: center;}
	.carteItemText span.dName{ line-height: 1.1em; }
	
	.carteItemText span.dName .carteItemPrix{ display: inline-block; float: right; width: 10%; text-align: right; }
	.carteItemText span.dName .carteItemPrixVerre{ display: inline-block; float: right; width: 10%; text-align: right; }
	
	.carteItemText span.desc{ display: block; font-size: 0.9em; margin-top: 4px;}
	.carteItemText span.separ-ou { font-size: 1.1em; position: relative; top: -2px; }
	.carteItemPrix{ display: block; }
	
	.enavant{ border: 3px double var(--or); padding: 15px; }
	
	.conclus { clear: both; margin: 0; padding: 30px 0}
	
	/*#CarteList .centeredlist > li.fullsize .carte-list > li { display: block; float: left; width: 30%; margin: 0 1%;}*/







	/* 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: #c18f24; 	}
	.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: var(--or) }
	.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 var(--or); }
	.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: var(--or); font-size: 2em;}

	
	
	
	
	/* EN APARTE */
	
	
	#LogoEnAparte{ width: 280px;}
	
	
	#page-en-aparte .zimAppearW .deco {
		border: 2px solid #cb1b38;
	}

	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * NEWS * * * * * * * * * * * * * * * * * * * * * * * * * * * * */		
	
	
	#CarteList{  background: url(../media/images/logos/logo-trame-5p.svg) no-repeat -50px bottom; background-size: 500px auto; }
	
	#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: var(--or); 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;}
	
		
		
		
	.gallerylistW{ position: relative; padding-bottom: 30px; }
	/*.gallerylist{  gap: 20px; flex-wrap: wrap;}
	.gallerylist li{ width: calc(25% - 15px);}*/
	.gallerylist li img{display: inline-block; width: 100%; vertical-align: top;}
	
	.filterlist{ justify-content: center; gap: 10px}
	.filterlist li a{ padding: 10px 20px; font-size: 1.3em; border: 1px solid #fff;     border-radius: 40px; color: #fff;}
	.filterlist li a:hover{ background: #fff; color: #000; }
	
	
	.gallerylistArrow{ display: block; position: absolute; z-index: 100; top: 48%; width: 30px; height: 30px; cursor: pointer; }
	.gallerylistArrow.arrowL{ border-left: 4px solid var(--or); border-top: 4px solid var(--or);  transform: rotate(-45deg); left : -30px;}
	.gallerylistArrow.arrowR{ border-right: 4px solid var(--or); border-top: 4px solid var(--or); transform: rotate(45deg); right : -35px; }

	                                   
	
	.gallerylistW .slick-slide {  margin: 0 20px;		}



	
	/* CONTACT */
	
	
	#ContactBlock{  }
	#ContactBlock p{ border-bottom: 1px solid var(--or); padding-bottom: 15px }
	#ContactBlock p:last-child{ border: none; }
	#ContactBlock svg{ font-size: 2em; color: var(--or);}
	#ContactBlock svg.mini{ font-size: 1.2em; }
	
	#Coords .fn{ font-size: 1.5em; margin-bottom: 20px;}

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

	
	#ContactFormWW{  position: relative; padding-bottom: 15px;  }
	#ContactFormW h3{  color: var(--or); }
	#ContactFormW{  background: #f8f6f1; 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding: 25px; position: relative; z-index: 10;
		-webkit-box-shadow: 0px 2px 15px 5px rgba(0,0,0,0.25); 
		box-shadow: 0px 2px 15px 5px rgba(0,0,0,0.25);}
		
	#ContactFormWW #ContactForm{ margin: 0;  }
	#ContactFormWW #ContactForm input, #ContactFormWW #ContactForm textarea{ color: #000; border-color: #000;  }
	
	#ContactFormWW .deco2{ position: absolute;  z-index : 1; opacity: 0; }
	#ContactDeco1{ bottom: -15px; left: -15px; width: 30%; height: 20%; border-bottom: 2px solid var(--or); border-left: 2px solid var(--or); }
	#ContactDeco2{ top: -15px; right: -15px; width: 30%; height: 20%; border-top: 2px solid var(--or); border-right: 2px solid var(--or);}
	
	#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-tdate,
	#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.4em; font-style:italic; font-weight: 300; color: #222; line-height:40px; padding: 0 25px; margin: 50px 0 50px; text-align:center;
	}




	#jGMapW {
		width:100%; height:600px; margin:50px 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:var(--or)  }
	.alert{ border: 2px dashed #d92222; padding: 15px !important; color: #d92222;}
	
	
	
	#FancyContactBox{ width: 600px;}
	#FancyContactBox #ContactForm{ overflow: hidden;}
	
	.fancyContent h2 { padding: 10px 15px; font-size: 4em;  color: var(--or); margin-bottom: 5px; padding: 15px; margin-top: 0; }
	.fancyContentText { padding: 20px; }
	
	
	
	.mobonly, .mobonlyinline{ display: none;}
	
	
	/* - -------------------------- - */
	@media(min-width:1024px) {
		

		
	}
	@media(min-width:768px) {



	}
	@media(min-width:420px) {
		
		
	}	
	
	
	
	
	@media(max-width:1023px) {
		
		.nomob{ display: none;}
		.mobonly{ display: block;}
		.mobonlyinline{ display: inline;}
		
		body{ background-size: auto 100%;}
		
		#ContentW, #Content { height: auto }
		
		

		#Content { padding-top: 280px; }
		.forcedHeader #Content {    padding-top: 70px; }

		#page-contact #Content{ padding-top: 115px; }
		
		#MainMenu-restaurant-Item, #MainMenu-carte-Item, #MainMenu-resa-Item{ display: block; }
		
		
		#MainMenu > li, #MainMenu > li > strong { margin: 7px 0; }
		#MainMenu > li > a, #MainMenu > li > strong { padding: 5px 0;}
		#MainMenu-resa-Link{ background: none!important; color: #000!important; padding: 0!important;}
		
		#UpperMenu ul#RightUpperMenu {
			right: unset; left: 0;
			padding-right: unset;
		}
		#UpperMenu ul {    margin-top: 74px;}
		#UpperMenu ul#RightUpperMenu li {  float: none; }
		
		.black #UpperMenu ul li {    background: none; }
		
		/*#UpperMenu{ display: none;}*/
		#MenuZimWW{ display: none;}
		
		
		#UpperMenu{ display: none;}
		
		#MenuAnim1 {
			left: -300%;
		}
		#MainMenuW {
			width: 95%;
			margin: 55px 2.5%;
			display: block; 
		}
		#MainMenu {
			width: 100%;
		}
		
		#MainMenu > li > a, #MainMenu > li > strong {	
			font-size: 2em; text-align: center;
		}
		#MainMenu > li {
			margin-bottom: 25px; text-align: center;
		}
		
		#ContactMenu {
			margin-left: 0%; margin-top: 40px;
			left: -10px;
			width: 100%
		}
	/*#ContactMenu .col {
			display: inline-block; float: left; 
			width: 30%;
			vertical-align: top;
		}
		#ContactMenu .col.first {
			margin-right: 15%;
			width: 55%; 
		}
		#ContactMenu .separtop {
			margin-top: 0;
		}
		#ContactMenu .socials  {
			 margin-bottom: 25px;
			 display: block; 
		}*/
		#ContactMenu .socials svg {
			font-size: 1.5em;
		}
		#ContactMenu .socials svg.fa-instagram {
			font-size: 1.7em;
		}
		
		
		
		
		#NavIco {
			left: 2.5%;
			top: 24px;
		}
		#HomeLinkW{ text-align: right;left: auto; right: 2.5%;}
		#LangsW {
			top: 20px;
			left: 20%;
		}	
		#Menu {
			width: 100%;
		}
		#MainMenu > li > a, #MainMenu > li > strong {
			line-height: 0.8em;
		}
		#MainMenu > li > a:hover, #MainMenu > li > strong:hover, #MainMenu > li.actived > a, #MainMenu > li.actived > strong {
			color: #000;
			background-color: none;
		}
		
		#MainMenu > li {
			margin-bottom: 20px;
			padding-left: 3%;
		}
		
		
		#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, .centeredlist80, .centeredlist75, .centeredlist50, .centeredlist30{ 	margin-left: 2.5%!important; margin-right: 2.5%!important; width: 95%; padding-top: 20px; }
		
		.topParallaxW .parallaxZim {   display: block; }
		
		
	
		
		.screenW{ height: auto;}
		.centeredlist > li{ width: 100%;margin: 0; }
		.alert {  padding: 15px 5% !important; width: 85% }		
		
		.big{ font-size: 1.4em !important }
		.super { font-size: 1.8em !important }
		.mega { font-size: 2.2em !important }
		.ultra { font-size: 3.5em !important }
		
		
		.zimAppearW.p30, .zimAppearW.p25{  width: 50%; max-width: 300px; }
		
		.zimAppearW img{ position: relative; z-index : 10; width: 100%;}
		.zimAppearW .deco{ position: absolute;  z-index : 1; background: var(--or); opacity: 0; }

	
	
		.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: 1em; }
		
		.sfont.super {
			font-size: 2.2em !important;
		}
		.sfont.mega {
			font-size: 4em !important;
		}
		
		
		
		/* */
		
		#SoonPopup {
			margin: 70px 40px;
		}
		
		


		#ZimResto1{ top: 75px; left: 6%;  }
		#ZimResto2{ top: 380px; left: 30%;  }
		#ZimResto3{ top: 205px; right: 2%; }
		#ZimResto1, #ZimResto2, #ZimResto3{ display: none;}
		
	
		
		.sectionW.goldbg, .sectionW.pinkbg {
			background-size: 50%;
			background-position:125% 155%;
		}
		
		.bigtitleW h2 {
			font-size: 3.7em;	
		}
		
		
		.pictosW {
			flex-wrap: wrap;justify-content: center;
			margin: 40px 0 30px;
			margin: 0 2.5%;
		}
		.pictosW li {
			width: 50%;
			border-right: none;
		}
		.pictosW li p {
			padding: 85px 25px 25px;  
		}
		
		
		
		
		/*#page-la-carte .zimAppearSection.float{ top: 140px;}*/
		
		#ZimCarte1{ top: 0; left: 2%;  }
		#ZimCarte2{ top: 0; left: auto; right: 2%; }
		#ZimCarte3, #ZimCarte4{ display: none;}
		
		/*.forcedHeader .hovertitle{ top: 65px;}*/
		.forcedHeader .bigtitleW{ top: 100px;}
		
		.homeSectionW, .sectionW {
			padding-top: 20px;
		}

		.carteCategTitle { font-size: 3.5em;	 }
		
		.carte .zimAppearW {    max-width: 200px; min-height: auto; }
		.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 calc(2.5% - 3px)}


		#CarteList {
			background-position: 125% 100%;
			background-size: 50%;
		}




		
		
		#HistoireIntro .parallaxText {
			padding: 0 0 0 0;
		}
		.centeredBlocks{ margin-top: 50px;} 
		.centeredBlocks p {
			padding: 20px 0;
			display: block;
			width: 95%;
			min-height: auto;
			margin: 0 2.5%
		}
		.centeredBlocks p img {
			display: block; width: 100%;
		}

			
		
		#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: 95%; }
		
		
	}
	

	
	@media(max-width:768px) {
		
		.scroll-section {    display: none;}
		
		
		body {   line-height: 1.5em; }
		
		#HomeLinkW a img{  width: 100px;}
		.forcedHeader #HomeLinkW a img, .scrolled #HomeLinkW a img { width: 59px; }
		.headerBG { height: 68px; }
		
		#MainMenuW { padding-top: 0px; }
		#HomeTitleW h2{   font-size: 1.2em; padding: 0 5%; }
		
				
		#NavAnimW {
			width: 350%;
			height: 180%;
			top: -185%;
			left: -220%;
		}
		#NavAnimW.deploy {
			transform: rotate(-90deg) translate(-50%, 20%);
		}
		
		
		#HomeOverlay{ min-height: 400px;}

		.bigPictureW .imageW.half, .bigPictureW .textW.half { width: 100%;float: none;}
		.bigPictureW .imageW.half:first-child, .bigPictureW .textW.half:first-child { margin-right: 0; margin-bottom: 25px;  }
		
				
		.homeSectionW, .sectionW {padding-top: 30px; width: 100%}
		.bigPictureW { margin: 20px 2.5%; }


	
		.parallaxZim {
			width: auto;
			left: 0%;
			height: 100%;
		}
		
				

		.textAltImg.serre h3 {
			font-size: 2.3em;
		}
		
		.gallerylistArrow.arrowL {    left: -5px }
		.gallerylistArrow.arrowR {    right: -5px; }
		
		
		#HomeSections{ flex-direction: column;}
		#HomeSections li, #HomeSections li:hover { background-size: 100% auto;}
		
		#HomeSections li a span {
  			margin: 0 0 50px 0;
			font-size: 3em;
		}
		
		#HomeTitleW {    top: 0; }
		#HomeTitleW h2 img {   width: 115px; filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.6)); }
		
		
		
		
}

		
	
	
	@media(max-width:420px) {
		
		#HomeOverlay{ min-height: 660px;}
		
		#NavAnimW {
			width: 250%;
			height: 180%;
			top: -190%;
			left: -125%;
		}
			
		#NavAnimW.deploy {
			transform: rotate(-90deg) translate(-110%, 20%);
		}
		
		.zimAppearW.p30, .zimAppearW.p25{  width: 50%; max-width: 300px; }
		
		
		
		#HomeTitleW h2 strong {  font-size: 1.5em; }
		
		
		
		
		#ResaBox { width: 95%; margin: 0 auto; }
		.fancybox-inner #ResaBox { padding: 15px 2.5%; margin: 0;  }
		
		#MenuAnim1 {
			left: -400%;
			width: 400%;
		}
		
		
		.carteItemText span.dName .carteItemPrix, .carteItemText span.dName .carteItemPrixVerre {
			width: 15%;
		}
		
		#FancyContactBox {
			width: 100%;
		}
		
		#HomeSections li.restoBg{ background-position: center 75%; }
			
	}
	
	
	
	@media(max-width:340px) {
		
		
		
	}