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

Version 0.9.6.0
Date 02/01/2015                                                                                 
*/

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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,600');

/*@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700');*/



/* ################################################################################################################																		     *                                                                      							
														BASICS
 *###############################################################################################################*/
 
 
	html, body { margin: 0; padding: 0; border: 0; }
	body { 
		font-size:14px; background: #272023;
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		letter-spacing: 0;
		line-height: 1.5em;
		background: #272023 url(zims/frontend/bg-chef.jpg) no-repeat center; background-size: cover;
		background-attachment: fixed;
		overflow-x: hidden;
	}

	input, select, textarea {
		color: #333;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		font-weight: 300;
		line-height: 1.5em;
	}

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

		a:hover {
			border-bottom-color: transparent;
			text-decoration: none; 
			/*color: #666; */
		}
		
		a:active, a:focus { outline:0; }
		a img { border:0; }
		

	strong, b {
		font-weight: 700;
	}

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

	h1, h2, h3, h4, h5, h6 {
		
		color: inherit;
		font-weight: 300;
		line-height: 1.3em;
		margin-bottom: 0.5em;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		
	}

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

	h2 {
		/*font-family: 'Playfair Display', serif;*/
		font-size: 1.8em;
	}

	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 {}
	
	p, li{ letter-spacing: 1px;}
	
	
	
/* ################################################################################################################																		     *                                                                      							
														ELEMENTS
 *###############################################################################################################*/
	
/* Table */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

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

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

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

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





/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea{
		-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: none;
		border: none;
		border-bottom:  solid 1px rgba(255, 255, 255, 0.4);
		color: #111;
		display: block;
		padding: 0.4em 2%;
		text-decoration: none;
		width: 96%;
		outline: 0;
		line-height: 1.3em;
	}
	textarea{
		border:  solid 1px rgba(255, 255, 255, 0.4);
	}
	
	select{ -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		background: none;
		border: solid 1px rgba(255, 255, 255, 0.4);
		color: #111;
		display: block;
		padding: 0.4em 0.75em;
		border-right-width: 1px;
		border-right-style: solid;
		line-height: 1.3em;
		-webkit-appearance: menulist;
	}
		
	select option{ color: #000;}
	

	
	.missingField label, .invalidField label { color:#EE2E24 !important; font-weight: 600; }
	.missingField input, .missingField textarea, .missingField select, .invalidField input, .invalidField textarea, .invalidField select { border-color:#EE2E24 !important; }
	.formErrors { margin:0; padding:10px 0 10px 0; }
	.formErrors li { list-style:none; margin:0px 0 5px 0; line-height:16px; color:#EE2E24 !important; font-weight: 600;}
	
	.fancybox-inner .missingField label, .fancybox-inner .invalidField label { color:#000; }
	.fancybox-inner .missingField input, .fancybox-inner .missingField textarea, .fancybox-inner .missingField select, .fancybox-inner .invalidField input, .fancybox-inner .invalidField textarea, .fancybox-inner .invalidField select { color:#000; }
	.fancybox-inner .formErrors li {  color:#000;}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus, select:focus, 
	input[type="text"]:hover,
	input[type="password"]:hover,
	input[type="email"]:hover,
	textarea:hover, select:hover {
		/*border-color: rgba(0, 161, 222, 0.7);*/
		border-color: #bbb ;
	}
	
	fieldset{ border: none !important; margin: 0; padding: 0;}
	
	
	#field-security { display: none !important; }
	.formButtons { text-align: center;}
	label { color: #fff; margin-bottom: 10px; display: block; }
	.textField, .textareaField, p.selectField{ margin: 0 0 20px 0;}

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		background: none;
		border: 1px solid #fff;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		font-weight: 300;
		letter-spacing: 0;
		padding: 10px 20px;
		line-height: 1.2em;
		text-align: center;
		text-decoration: none;
		width: auto;
		letter-spacing: 1px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
				
	}

	input[type="button"]:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	.button:hover {
		background-color: rgba(0,0,0,0.9);
		border-color: #000;
		color: #fff;
	}


		
	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  color: #ccc;
	  opacity: 1; /* Firefox */
	}

	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	  color: #ccc;
	}

	::-ms-input-placeholder { /* Microsoft Edge */
	  color: #ccc;
	}



/* Specials */


	 /**
	 * Floating elems
	 */
	.float
	{display:inline; float:left;}
	
	/**
	 * 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.85); }
	.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.85); }
	.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;
	}
	
	.sfont { }
	
	.shadow{ text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
	.shadow-w{ text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); }
	
	.clear{ clear: both;}
	
	
	
	
	.colzim{ display: block; width: 100%;}
	.absW{ position: relative; }
	
	
	
	.away{ position: relative; opacity: 0; z-index: 1;}
	.awayleft{ left: -120px;}
	.awayright{ right: -120px;}
	.awaytop{ top: -100px;}



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

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

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


	.flexi{ display: flex; }
	.flexilist {
		display: flex;
		flex-wrap: wrap;
	}
		
	
	
	
	
	

		
/* ################################################################################################################																		     *                                                                      							
														PAGES
 *###############################################################################################################*/
 	
	
	
	/* 
	
	
	
	*/
	
	
	/*html{ overflow-y: scroll;}*/
	html, body{ height: 100%;}
	body{ }
	
	/* Content */

	#ContentW{ height: 100%}
	#Content { width: 100%; height: 100%;  }

	.screen{ width: 100%; height: 100%; position:relative; overflow: hidden; }
	.screen.scrollable{ overflow: visible; height: auto; }

	
	.screenZimW, .screenCarouselW, .screenCarouselZoomW{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
	.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%; }
	/*.darkPanel .screenCarouselZoom{ background: #111 url(zims/loader/ajax-loader-black.gif) no-repeat center;}*/

	
	.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 6s ease-out;
	   -webkit-transition:all 6s ease-out;
	   -o-transition:all 6s ease-out;
		transition:all 6s ease-out;
		
		transform: translate3d(0px, 0px, 0px) scale(1.10);
	}
	
	
	
	#ZoomHalfBanner{ height: 50%; margin-bottom: 25px; position: relative;}
	#ZoomHalfBanner.darkPanel{ }
	#ZoomHalfBanner h2{ position: absolute; z-index: 1000; font-size: 3em; bottom: 25px; right: 4%; margin: 0; color: #fff;}
	
	
	.darkPanel *{ color: #fff; }
	.paddingupdown { padding: 20px 0; }
	
	.screenPanelW{ width: 100%; height: 100%;  position: absolute;}
	.screenPanel{ position: absolute;}

	
	.halfPanel{ width: 46%; height: 100%; background: #222; padding: 8% 2% 0; background-image: url(zims/frontend/bg-vitrail-w.png); background-repeat: no-repeat; background-position: center; background-size: cover; }
	.halfPanelR{right: 0; }
	.halfPanelL{left: 0}
	
	h2.pageTitle{ font-size: 2.5em; margin:0.2em 0 1em; line-height: 1.2em;}
	h2.pageTitle span{ }
	
	
	
	h2.ultra { font-size: 6em;}
	h2.mega { font-size: 4.2em;}
	h2.big { font-size: 3em;}
	
	
	.mainTextW{
		padding: 30px 0 0 30px; border-left: 1px solid #fff;
	}
	.mainTextW *:first-child{  margin-top: 0;}
	.justified *{ text-align: justify }
	.centered *, .centered{ text-align: center !important; }
	
	.hugetext p{ line-height: 1.4em;}
	
	
	
	.next-section  { 
		position: absolute; bottom: 0; z-index: 4000; width:100%; left:0; 
	}
	.arrowNext{ 
		position: relative; bottom: 20px;
		display: block; width: 120px; height: 31px;  background: url(zims/frontend/arrow2.png) no-repeat center bottom; 
		opacity: 0; margin:0 auto;
		text-align: center; font-weight: 500; text-transform: uppercase; line-height: 1em; color: #fff; font-size: 0.75em;
		padding-top: 18px;
	} 
	
	
	
	/* PAGINATION JS */
	
	.paginatedW { /*overflow: hidden;*/ width: 100%;padding-bottom: 10px; position: relative; z-index: 10;}
	.paginatedW .sliderPage { display: none; position: relative;}
	
	.pagination{ width:100%;  }
	.hlt-700 .pagination{ height: 25px; margin-top: 0;}
	.pagi-prev, .pagi-next{ 
		display: block; width: 25px; height: 45px; background: url(zims/frontend/pagination-arrows.png) no-repeat left center;
		position: absolute; top: 80px; /*top: calc(50% - 35px);*/ border: none; text-indent: -999px; overflow:hidden;
		bottom: 0; cursor: pointer;}
		
	.pagi-prev{ left: -70px;}
	.pagi-next{ right: -70px; background-position:right center;}
	/*.pagi-prev, .pagi-next{ display: none;}*/


	.pagi-dots{ display: none;}
	/*.pagi-dots{ position: absolute; bottom: 0; width: 80%; left: 10%; display: table; text-align:center; }
	.pagi-dots li{ display: inline-block; margin: 0 5px; height: 12px; vertical-align: top; overflow:visible !important; margin: 0 10px !important;  }
	.pagi-dots li button{ 
		background: #777; width: 12px; height: 12px; border: none; vertical-align:top; 
		text-indent: -999px; overflow:hidden;cursor: pointer;
		padding: 0;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;  }
	.pagi-dots li button.active{ background:#fff; }*/
	
	
	#OverlayLoad{ height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: #272023 url(zims/loader/loader.gif) no-repeat center 49%; }
	

	

	
 
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	#Main{ height: 100%; }
/* HEADER */


	#HeaderW { 	
		z-index: 5000;
		width: 100%; height: 0;
		position: absolute;
	}
	
	#Header {
		position: relative;
		margin: 0 auto;
	}

	#Header h1 {
		margin: 0;
		position: absolute; top: 20px; left: 50px; z-index: 5000;
	}
	#Header h1 a {display: inline-block; margin: 0 auto; position: relative;}
	#Header h1 a img{ width: 150px; }
	
	#HeadLogoWhite{ display: none;}
	

		
	#Nav{ position: absolute; top: 0; width: 100%; height: auto; z-index: 1000;}
	#Nav.open{ height: 100%; }
	
	
	
 /* ANIMATED MENU ICO */
	 
	 #NavIcoW {
		position: fixed; z-index: 5001;
		right: 3%; top: 50px;
		-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 #NavIcoW { top: 30px  }
	
	#NavIco {
		display: block; z-index: 5001; height: 25px; width: 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;
	}
	
	#NavIcoW strong{
		position: absolute; font-size: 14px; 
		text-transform: uppercase; font-weight: 400;
		left: -60px; top: -1px; 
		
	}
	.open #NavIcoW strong {
	  color: #fff;
	}
	#NavIco span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #fff;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

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

	#NavIco.active span {
	  background: #fff;
	}
	#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);
	   width: 100%;
	}

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

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

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

	
	
	#MenuW{ overflow: visible; width: 25%;  position: absolute; z-index: 1001; height: 0; right: 0;	}
	.open #MenuW{height: 100vh; position: fixed; 	}
	
	#MenuOverlay{ 
		background: none;
		height: 100%; width: 100%; top: 0; left: 0;
		position: absolute; z-index: 900; 
	}
	/*#Menu{ 
		background: rgba(10,10,10, 0.85);
		position: absolute; z-index: 1000; opacity: 0; overflow: visible;
		height: 100%;width: 25%;
	}*/
	

	#MainMenuW{ padding-top: 150px; }

	#Menu{ 
		position: absolute; z-index: 5000; display: none;
		background: rgba(0,0,0,0.9); width: 100%; height: 100%;
		overflow: hidden;
	}

	
	#MainMenu{ width: 100%; padding-top: 50px; }
	#MainMenu li{ margin-bottom: 20px; letter-spacing: 0;  }
	#MainMenu li a{ font-size: 1.2em; 
		text-transform : uppercase; display: block; color: #fff;
		padding: 0 0 0 100px; 
		background: url(zims/frontend/menu-line.png) no-repeat center left; 
		-moz-transition: color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;	
		letter-spacing: 2px;
		/*font-family: 'Playfair Display', serif;*/
	}
	#MainMenu li a:hover{ 
		color: #b6c1c3;
	}
	
	
	
	

				
				
				
	#BottomNav{ width: 100%; position: absolute; padding: 0; bottom: 20px;}
	

	/*
	#Links{ width: 100%; display: table; text-align: center;  }
	#Links li{ display: inline-block; margin: 0 4%; }*/
	
	

	#Socials { width: 50%; margin: 50px auto 15px;  }
	#Socials a, #SocialsContact a{ margin: 0 15px 0 0;  }
	#Socials a svg{  font-size: 1.6em; }
	#Socials a{ color: #fff; }
	
	#NewsletterLink{ display: block; margin-top: 15px !important; }

	
	#HeadCoords{ margin-bottom: 15px; }
	#HeadCoords p{ text-align: center; color: #fff; letter-spacing: 0; font-size: 0.85em; margin: 0; }
	
	
	#FooterLogos{ text-align: center; border-top: 1px solid rgba(255,255,255,0.5); padding-top: 30px; margin: 0 auto 20px; width: 90%;}
	#FooterLogos a{ display: inline-block; height: 100%; }
	#FooterLogos a img{ vertical-align: middle; }
	
	#Credits{ font-size: 0.8em; color: #fff; text-align: center;  letter-spacing: 0; line-height: 1.3em; margin-bottom: 50px; }
	#Credits img#FooterLogo{ width: 100px;  }
	#Credits a{ color: #fff; }
	
	
	


	
	#SpecialAnnounce{ display: none;}
	
	
	.overlaytop{ display: block; position: absolute; top: 0; z-index: 500;}
	#OverlaytopL{ left: 0; ;}
	#OverlaytopR{ right: 0;}
	

 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HOME * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 	#page-home{ }
	#page-home #HeaderW { 	
		height: 70px;
		position: fixed;
	}
	
	
	/*#HomePage-1{ background: #333;}*/
	
	#HomeLogo{ width: 100%; bottom: 5%; opacity: 0;}
	#HomeLogo h2{ text-align: center; font-size: 2em; font-weight: 600; color: #fff; letter-spacing: 3px; line-height: 1.1em; }
	#HomeLogo h2 span{font-size: 0.5em; }
	
	
	#HomeTitleW{ position: absolute; bottom: 40px; width: 95%; margin: 0 2.5%; text-align: left; z-index: 3000;}
	
	#HomeTitleW #MainTitle{ color: #fff; text-shadow: 0px 1px 1px #000000; font-size: 2.8em; display: none; letter-spacing: 6px;}
	
	#MainTitle{ min-height: 50px;}
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CHEF * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	
	#ChefW, #OBW{ height: 100%; width: 100%}
	/*#Chef{ padding: 15% 15% 0 50%; height: 85%; width: 40%; }*/
	/*#Chef{ padding: 15% 20% 0; height: 85%; width: 60%; }
	
	#OB{ padding: 15% 50% 0 8%; height: 85%; width: 40%; }
	#Chef *, #OB *{ color: #fff;}
	
	#ChefText, #OBText{ position: relative; opacity: 0;}
	
	#Chef h2, #OB h2{ padding-bottom: 10px; margin-bottom: 20px; position: relative; display: inline-block; font-family: 'Open Sans', sans-serif; letter-spacing: 10px; font-weight: 300; }
	#Chef h2 .soulign{ display: block; width: 2500px; position: absolute; right: 0; bottom: 0; border-bottom: 1px solid #fff; z-index: 0;}
	#OB h2 .soulign{ display: block; width: 2500px; position: absolute; right: 0; bottom: 0; border-bottom: 1px solid #fff; z-index: 0;}
	
	
	#ChefZim{ display: block; position: absolute; bottom: 0; height: 100%; left: 40px; opacity: 0; z-index: 1;}
	#OBZim{ display: block; position: absolute; bottom: 0; height: 100%; right: 0; opacity: 0; z-index: 1;}
	*/
	
	.introchef li{ text-align: justify; font-size: 1.15em; line-height: 1.5em;}
	
	
	
	#Chef{ display: flex; padding: 200px 8vw 0; gap: 100px;  }
	
	#ChefText, #ChefGal{ flex-wrap: wrap;  position: relative; opacity: 0; }
	#ChefText{ width: 50%; }
	#ChefGal{ width: 45% }
	
	
	#Chef h2, #OB h2{ padding-bottom: 10px; margin-bottom: 20px; position: relative; display: inline-block; font-family: 'Open Sans', sans-serif; letter-spacing: 10px; font-weight: 300; }
	#Chef h2 .soulign{ display: block; width: 2500px; position: absolute; right: 0; bottom: 0; border-bottom: 1px solid #fff; z-index: 0;}
	
	#ChefGal ul{ display: flex; gap: 10px;position: relative; top: -100px; flex-wrap: wrap;}
	#ChefGal ul li{ width: calc(50% - 5px);  }
	#ChefGal ul li.large{ width: 100%;  }
	#ChefGal ul li img{ display: inline; width: 100%; vertical-align: top;  }
	
	
	
	
	
	#PrezIntroW, #PrezOutroW{ 
		background: #333; position: relative; width: 100vw; overflow: hidden;
		min-height: 85vh; 
	}
	
	#PrezIntroW img.sectionBG, #PrezOutroW img.sectionBG{ 
		display: block;
		height: 100%;
		position: absolute; top: 0; 
		z-index: 0;
	}
		
	#PrezIntro, #PrezOutro{ 
		position: relative; z-index: 5; min-height: 63vh;
	}
	
	#PrezIntro{ 
		width: 40vw; background: rgba(0,0,0,0.6);
		padding: 24vh 5vw 100px 5vw;}
	#PrezIntro * {color: #fff }
	
	
		
	#PrezOutro{ 
		width: 60vw; background: rgba(0,0,0,0.7);
		padding: 180px 5vw 140px 5vw;}
	#PrezOutro * {color: #fff }
	
	
	
	.decalblocksW{ margin-bottom: 70px;}
	.decalblocksW.whiteBG{ background: #fff;padding-bottom: 75px;}
	.decalblocksW.whiteBG *{ color: #000;}
	
	.decalblocksW.whiteBG .button{ border-color: #000;}
	/*.decalblocksW.whiteBG .button:hover{ background-color: #000; color: #fff !important;}*/
	
	.decalBlockW{}
	
	.decalBlock{ display :flex; gap: 5vw; flex-wrap: wrap;}
	.decalBlock p{ width: calc(50% - 2.5vw);  }
	.decalBlock p .colZim{ display: block; width: 100%; vertical-align: top; margin-top: -45px;}
	.decalBlock p strong{ font-weight: 400;}
	
	.decalBlock.littleL p{ width: calc(70% - 2.5vw); }
	.decalBlock.littleL p:first-child{ width: calc(30% - 2.5vw);}
	.decalBlock.littleL p .colZim {
		margin-top: 50px;
	}
	
	
	
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CONTACT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	

	#page-contact .overlaytop{ display: none;  }

	
	#page-contact #ContentW{ padding-top: 100px; }
	#ContactW .textBlockW{     width: calc(35% - 100px);}

	
	#ContactW{ width: 80%; margin: 0 10%; overflow: auto;}
	
	#FormW, #CoordsW{ display: inline; float: left;}
	#FormW{ width: 50%; margin-right: 15%; }
	#CoordsW{ width: 35%; }
	#CoordsW a{ color: #fff;}
	
	#ContactW h3{  
		font-size: 1.5em; margin-bottom: 15px; 
	}
	#ContactForm p.textField label { display:none; }
	
	#jGMapW { width:100%; height:600px; margin: 50px 0 0 0 ; border:none;  clear: both; }
	#jGMapW .vcard{ }
	#jGMap { width:100%; height:100%; }
	
	
	.vcard p { margin:0 0 15px 0; padding:0; font-size:1.1em;}
	.vcard .tel .type, .vcard .uri, .vcard .geo  { display:none; }	
	
	
	form fieldset p.fulllen{ width: 100% !important;}
	
	
	

	
	
	
	@media(max-height:700px) {
		
	}
	
	
	@media(max-height:820px) {
		

			
	}
	
	
	@media(max-width:1440px) {

		#ChefGal ul {top: -70px; }

	}

	
	@media(max-width:1023px) {
		
		body { font-size: 15px; }
		
		#NavIcoW {
			right: 6%;
			top: 50px;
		}
		#NavIco span {
			-webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.75);
			box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.75);
		}
		
		.overlaytop {
			top: -50px;
		}
			
		#ContentW { height: auto; }
		#Content { padding: 0; width: 100%; height: auto; }
		
		.focus{ width: 95%; margin: 0 2.5%;}
		
		.screen{ overflow: visible; height: auto;}
		.screenPanelW{ height: auto; position: static; }
		.screenPanel{ height: auto; position: relative; }
		
		#OverlaytopL{ left: -40%;}
		#OverlaytopR{ right: -40%;}
		
		.mega {
			font-size: 2em !important;
			line-height: 1.1em;
		}
		
		
		
		
		#Header h1{ top: 10px; left: 10px; width: 20%; text-align: center;}
		#Nav{ width: 100%}
		#MenuW {width: 100%;}
		#MainMenu li a {
			font-size: 1.4em;
		}
		#ResaLink{ right: 80px; left: auto; top: 15px; font-size: 1.3em; padding: 10px 50px 10px 10px; ;}
		#LangLinks { right: 0; top: 80px; }
	
		#FooterLogos{ width: 75%}
		
		
		
		.screenZimW, .screenCarouselW, .screenCarouselZoomW {
			height: 50vh;
			top: 25vh;

		}
		#HomeTitleW #MainTitle {
			font-size: 2.2em;
			height: 90px;
			
		}

		
		/*#page-home #Header h1{ top: 170px; left: 0%; width: 100%; text-align: center;}
		#page-home #ResaLink{ left: 15px; right: auto; }
		#page-home #NavIco{background-color: 0;}*/
		
		#page-home #Main, #page-home #ContentW, #page-home #Content{ height: 100%; }
		#page-home #Content{ position: fixed }
		
	
		
	
		
		.mosaicW-lvl1 > li{ width: 100%;}
		.mosaicW-lvl2{}
		.mosaicW-lvl2 > li, .mosaicW-lvl3 > li{ display: block; float: none;}
		.mosaicBig-horizontal.cellZimW, .mosaicEqual-horizontal.cellZimW{ height: 300px;}
		.mosaicSmall-horizontal{}
		.mosaicSmall-horizontal.cellZimW, .mosaicTiny-horizontal.cellZimW{ height: 150px !important; display: block; float: none;}
		.mosaicBig-horizontal.cellTextW{ height: auto;}
		.mosaicW-lvl3 li.cellZimW{ display: none;}
		
		.cell25, .cell30, .cell35, .cell40, .cell60, .cell65, .cell70, .mosaicBig-vertical{ width: 100% !important;}
		
		.cellText{ padding: 15px 5%;}
		
		.textSwitchW{ width: 100%; padding: 0; position: static; opacity: 1; clear: both; }
		.textSwitchW .buttonW{ display: none;}
		
		
		.centeredlist80 {
			margin-left: 5%!important;
			margin-right: 5%!important;
			width: 90%;
		}


		
		/* PAGES */
		
		#page-maison-brosset{}
		#Chef{ 
			flex-direction: column;
		}
		#ChefText, #ChefGal {
			width: 100%;
		}
		#ChefGal ul {
			top: 10px;
			margin-bottom: 100px;
		}

		
		
		#OB{ 
			padding: 60vh 5% 80px 5%;
			 height: auto;
			width: 90%;
		}
		#OBZim{height: 60vh; bottom: auto; top: 0;}
		

		
		.pagi-prev, .pagi-next {
			top: 102%;
		}
		.pagi-prev {
			left: -5px;
		}
		.pagi-next {
			right: -5px;
		}		
		
		
		
		#PrezIntro {
			width: 100vw;
			background: rgba(0,0,0,0.6);
			padding: 20vh 0 50px 0;
		}
		
		.decalBlock {
			flex-direction: column;
			gap: 10px;
		}
		.whiteBG .decalBlock {
			flex-direction: column-reverse;
		}
		
		.decalBlock p {
			width: 100%;
		}
		
		.titlepadding, .titlepaddingmini {
			padding-top: 10px;
		}
		
		#ContactW {
			width: 90%;
			margin: 0 5%;
			overflow: auto;
		}
		
		#ContactW{
			flex-direction: column-reverse;
		}
		#FormW {
			width: 99%;
			margin-right: 0;
		}
		#ContactW .textBlockW {
			width: 100%;
		}
				
		

	}
	
	@media(max-height:400px){
		
		#page-home #Header h1{ top: 80px;}
	}