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

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: #1F1A16;
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		letter-spacing: 0;
		line-height: 1.5em;
		background: #1F1A16 url(zims/frontend/bg-chef.jpg) no-repeat center; background-size: cover;
		background-attachment: fixed;
		/*overflow-y: scroll;*/
	}

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

		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: solid 1px rgba(255, 255, 255, 0.7);
		color: #fff;
		display: block;
		padding: 0.4em 0.75em;
		text-decoration: none;
		width: 80%;
		outline: 0;
		border-right-width: 15px;
		border-right-style: solid;
		line-height: 1.3em;
	}
	
	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.7);
		color: #fff;
		display: block;
		padding: 0.4em 0.75em;
		border-right-width: 1px;
		border-right-style: solid;
		line-height: 1.3em; }

	
	.missingField label, .invalidField label { color:#fb7f7f; font-weight: 600; }
	.missingField input, .missingField textarea, .missingField select, .invalidField input, .invalidField textarea, .invalidField select { border-color:#fb7f7f; }
	
	.formErrors { margin:0; padding:10px 0 10px 0; }
	.formErrors li { list-style:none; margin:0px 0 5px 0; line-height:16px; color:#fb7f7f; font-weight: 600;}
	
	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: #ad998c;
	}
	
	fieldset{ border: none !important; margin: 0; padding: 0;}
	
	
	#field-security { display: none !important; }
	.formButtons { text-align: center;}
	label { color: #bbb;}
	.textField, .textareaField, p.selectField{ margin: 0 0 10px 0;}
	

/* Button */

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

	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
	 */
	.away
	{position: absolute; top: -99999px;}
	.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 { font-family: 'Playfair Display', serif;}
	
	.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;}
	

		
/* ################################################################################################################																		     *                                                                      							
														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%; background: #584b42 url(zims/loader/ajax-loader.gif) no-repeat center;}
	/*.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 9s ease-out;
	   -webkit-transition:all 9s ease-out;
	   -o-transition:all 9s ease-out;
		transition:all 9s ease-out;
		
		transform: translate3d(0px, 0px, 0px) scale(1.15);
	}
	
	
	
	#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; }
	.paginatedW .sliderPage { display: none; position: relative;}
	
	.pagination{ height: 35px; width: 80%; position: relative; margin: 15px 0 0 10%;}
	.hlt-700 .pagination{ height: 25px; margin-top: 0;}
	.pagi-prev, .pagi-next{ 
		display: block; width: 11px; height: 20px; background: url(zims/frontend/pagination-arrows.png) no-repeat left center;
		position: absolute; top: 10px; border: none; text-indent: -999px; overflow:hidden;
		bottom: 0; cursor: pointer;}
		
	.pagi-prev{ left: 0;}
	.pagi-next{ right: 0; background-position:right center;}
	/*.pagi-prev, .pagi-next{ display: none;}*/

	.pagi-dots{ position: absolute; bottom: 0; width: 80%; left: 10%; display: table; text-align:center; }
	.pagi-dots li{ display: inline-block; margin: 0 5px; height: 12px; vertical-align: top; overflow:visible !important; margin: 0 10px !important;  }
	.pagi-dots li button{ 
		background: #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; }
	

	

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


	#HeaderW { 	
		z-index: 5000;
		width: 100%; height: 100px;
		position: absolute;
		 background: url(zims/frontend/header-shadow.png) no-repeat center top;
	}
	
	#Header {
		position: relative;
		margin: 0 auto;
	}

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

		
	#Nav{ position: fixed; top: 0; right: 0; width: 420px;  z-index: 5001;}
	
	#UpperNav{ position: absolute; z-index: 5001; width: 100%}
	
	#NavIco{ 
		display: block; position: absolute; z-index: 5001; height: 70px; width: 70px; border: none; right: 30px; top: 20px;
		 background: url(zims/buttons/minimenu-w.png) no-repeat center;}


	#HeaderLinkW{
		position: absolute; left: 0; top: 30px;
		text-align: center;
		width: 100%;
	}
	#HeaderLinkW .boutiqueLink{
		display: inline-block; margin: 0 10px 10px 10px; 
		/*position: absolute; left: 20px; top: 30px;*/
		-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;
		border: 1px solid #fff; padding: 12px 15px 12px 12px; color: #fff; font-family: 'Playfair Display', serif; font-size: 1.4em;
	}
		
	#BoutiqueLink{  
		/*position: absolute; left: 20px; top: 30px;*/	
	}
		
	#ResaLink:hover {
		background-color: rgba(0,0,0,0.9);
		border-color: #000;
		color: #fff;
	}
		
	
	#LangLinks{ z-index:1000; position:absolute; right:106px; top: 45px; }
	#LangLinks li{ height: 20px; float: left; margin-right: 5px;} 
	#LangLinks li a{ display: block; height: 100%; background-position: left center; background-repeat:no-repeat; padding: 0 0 0 30px;  }
	#LangLinks li a span{ display: none;  }
	#LangLinks li.active { display: none;}
	#LangLinks li a:hover{ border: none; }
	#FrLink{ background-image: url(zims/frontend/fr.jpg); } 
	#EnLink{ background-image: url(zims/frontend/en.jpg); }
	#EsLink{ background-image: url(zims/frontend/es.jpg); }
	
	
	#Menu{ 
		position: absolute; z-index: 5000; display: none;
		background: rgba(132,111,97,0.9); width: 100%; height: 100%;
		overflow: hidden;
	}

	
	#MainMenu{ width: 100%; padding-top: 160px; }
	#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;	
		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 i{  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;  }
	#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 { 	
		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; }
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CHEF * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	
	#ChefW{ height: 100%; width: 100%}
	#Chef{ padding: 13% 15% 0 42%; height: 85%; width: 43%; }
	#Chef *{ color: #fff;}
	
	#ChefText{ position: relative; opacity: 0;}
	
	#Chef h2{ padding-bottom: 10px; margin-bottom: 20px; position: relative; display: inline-block; font-family: 'Open Sans', sans-serif; letter-spacing: 10px; font-weight: 300; }
	.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: 100px; opacity: 0; z-index: 1;}
	
	.introchef li{ text-align: justify; font-size: 0.9em;}
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * RECETTE * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	
	#page-la-recette .screen{}
	#CurrentRecette{ padding-top: 80px; width: 100%}
	#CurrentRecette *{ text-align: center; }
	
	
	
	#CurrentRecetteZim{ width: 380px;  margin: 0 auto;}
	#CurrentRecetteZim img{ width: 380px; }
	
	.zimWDecal{ position: relative; }
	.zimWDecal a{ display: block; min-height: 380px; }
	
	.zimWDecal span.deco{ display: block;  position: absolute; width: 100%; height: 100%; background: #AD998C; left: -10px; bottom: -10px; z-index: 99;}
	.zimWDecal img{ position: relative; z-index: 100; vertical-align: top;}
	.zimWDecal span.zoomIco{ text-shadow: 3px 3px 10px rgba(0,0,0,0.8); font-size: 5em; position: absolute; z-index: 101; 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;}
		
	.zimWDecal a:hover span.zoomIco{  right: 15px; bottom: 15px;}
	
	
	
	#ArchivesRecetteW{ width: 90%; margin: 40px 5% 0; position: relative;}
	#ArchivesRecetteW .paginatedW .sliderPage{  z-index: 1; }
	.recettes{ display: table; width: 100%; text-align: center;}
	.recettes li{ display: inline-block; width: 20%; margin: 0 2.5%; vertical-align: middle;}

	.recettes li a{ color: #fff; display: table; vertical-align: middle; height: 100%;}
	.recettes li a span{ display: table-cell; vertical-align: middle; text-transform: uppercase;}
	.recettes li a img{ display: block; float: left; width: 80px; margin-right: 10px; border: 3px solid #ad998c; }
	.recettes li a:hover{ color: #ad998c; text-decoration: underline;}
	
	#ArchivesRecetteW .pagination{ position: absolute; top: 25px; width: 100%; margin: 0; z-index: 0;}
	#ArchivesRecetteW .pagi-dots{ display: none;}
	#ArchivesRecetteW .pagi-prev{left: -20px }
	#ArchivesRecetteW .pagi-next{right: -20px }
	
	
	
	/* */	
	
	#TheRecette{ width: 70%; margin: 0 auto; padding-top: 120px;}
	
	#RecetteZim, #RecetteText{ display: inline; float: left; }
	#RecetteZim{  margin-right: 3%; width: 32%;}
	#RecetteZim img{ width: 100%;}
	
	#RecetteText{ width: 65%}
	#RecetteText h2{ margin: 0 0 25px 0;}
	
	#RecetteIngr{ font-size: 0.9em; margin-bottom: 30px;}
	#RecettePrepa{ margin-bottom: 30px;}
	#BackRecette{ display: inline-block; margin: 0 0 10px 0;}
	
	


	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * RESTOS * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	.mosaicScreenPanel{ height: 100%; width: 100%; }
	

	.mosaicW-lvl1{ overflow: hidden;}
	.mosaicW-lvl1, .mosaicW-lvl2, .mosaicW-lvl3{width: 100%; height: 100%;}
	.mosaicW-lvl1 > li { display: inline; float: left; height: 100%; width: 50%; }
	.mosaicW-lvl1 li {  overflow: hidden;}


	.mosaicW-lvl2 > li, .mosaicW-lvl3 > li{  display: inline; float: left;}
	
	.mosaicTiny-horizontal{ width: 100%; height: 25% !important;}
	.mosaicSmall-horizontal{ width: 100%; height: 33.3% !important;}

	.mosaicBig-horizontal{ width: 100%; height: 66.6%;}
	.mosaicHuge-horizontal{ width: 100%; height: 75%;}
	.mosaicFull-horizontal{ width: 100%; height: 100%;}
	
	.mosaicEqual-horizontal{ width: 100%; height: 50%;}

	
	.mosaicBig-vertical { width: 50%; height: 100%}
	

	.mosaicW-lvl1 > li.simpleHeaderZim{ width: 100%; height: 25%; overflow: hidden;}
	.simpleHeaderZim p{ width: 100%; height: 100%; }

	.mosaicW-lvl1 > li.simpleContent{ height: 75%}
	

	.cellZimW{ position: relative;}
	
	.cellZimW, .cellTextW{ position: relative;  opacity: 0; left: 30px;}
	
	.cellZim{ display: block; position: absolute; }
	
	.cell25{ width: 25% !important;}
	.cell30{ width: 30% !important;}
	.cell33{ width: 33% !important;}
	.cell35{ width: 35% !important;}
	.cell40{ width: 40% !important;}
	.cell60{ width: 60% !important;}
	.cell65{ width: 65% !important;}
	.cell70{ width: 70% !important;}
	.cell100{ width: 100% !important;}
	
	
	
	
	.cellText { padding: 25px;}
	.cellText h2{ text-align: center; }
	.cellText h2:first-child{ margin-top: 0; }
	
	.cellText p{ font-size: 0.85em; text-align: justify; letter-spacing: 0; }
	.cellText ul li{ font-size: 0.85em; letter-spacing: 0; }
	.cellText p strong{ font-weight: 600; }
	
	
	
	.textSwitchWW{ position: relative; }
	.textSwitchW{ position: absolute; left: 100%; width: 90%; opacity: 0; padding: 0 5%}
	.textSwitchW.active{ left: 0; opacity: 1}
	
	a.textSwitcher{ background: url(zims/buttons/ico-link.png) no-repeat 20px center; padding-left: 40px; font-size: 1.2em; margin-bottom:5px; }
	
	.buttonW{ margin-top: 20px;}
	
	
	
	
	
	
	
	/* Chambres
	*/
	
	
/*
	.cellText p.chambreIntro{ font-size: 1.4em; text-align: center;}
	
	.cellPrestachambreW{ background: #333;}
	.cellPrestachambre{ display: table; height: 100%; width: 100%; vertical-align: middle;}
	.cellPrestachambre *{ color: #fff; font-family: 'Playfair Display', serif;}
	.cellPrestachambre p{ font-size: 1.2em; line-height: 1.5em; margin: 0; height: 100%; width: 100%; display: table-cell; text-align: center; vertical-align: middle; text-transform: uppercase}
	.cellPrestachambre p.full{ display: inline-block; }
	
	.cellPrestachambre div{ display: table; width: 100%;}
	.cellPrestachambre div p{ width: 50%; }
	
	.cellPrestachambre a.button{ border-color: #fff; margin-top: 15px; }
	
	.chambreContent p{ line-height: 1.2em; margin: 10px 0 0 0;}
	.chambreContent p.separ{  margin: 5px 0 10px 0;}
	.chambreContent p.handicap{ background: url(zims/icons/services.png) no-repeat left -1367px; padding: 5px 0 5px 50px; }
	
	.chambreContent h3{ margin: 0 0 10px 0;}
	*/
	

	
	
	
	#OverlayTempo{ height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #584b42 url(zims/loader/ajax-loader.gif) no-repeat center; z-index: 499;}
	
	
	#ChambreList{ position: relative;}
	#ChambreList, #ChambreListOver, #ChambreListBelow, #ChambreListBelow ul{ height: 100%; width: 100%; }
	#ChambreListOver { position: absolute; top: 0; left: 0; z-index: 1000; }
	
	#ChambreListOver li{ width: 33.33%; width:50%; height: 100%; display: inline; float: left; margin:0; }
	#ChambreListOver li:last-child{ margin-right: 0;}

	#ChambreListOver li div{ height: 100%; width: 100%;  }
	#ChambreListOver li div p { text-align: center; position: relative; height: 100%; }
	#ChambreListOver li div p a{ 
		position: absolute; bottom : 40px; display: block; text-align: center; font-family: 'Playfair Display', serif; z-index: 1002;
		width: 100%; font-size: 1.5em; padding-top: 300px; }
	#ChambreListOver li div p a span{ 
		-moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
		-webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
		-o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
		-ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
		display: inline-block; padding: 10px 0; color: #fff;  }
		
	#ChambreListOver li div p a:hover span, #ChambreListOver li div p.active a span{ border-color: #000; color: #000;	}
		
	#ChambreListOver li div p span.overlayHover { 
		position: absolute; z-index: 1001; height: 100%; width: 100%; bottom: 0; left: 0;
		background: url(zims/frontend/chambrelist-hover.png) repeat-x bottom;
		display: none;
	}	
	

	#ChambreListBelow{  position: relative;}
	#ChambreListBelow ul{ position: relative; z-index: 900; }
	#ChambreListBelow ul li{ width: 32.9%; width:48.5%; height: 100%; display: inline; float: left; overflow: hidden; margin-right: 0.5%; background: #584b42; position: relative;}
	#ChambreListBelow ul li:last-child{ margin-right: 0;}
	#ChambreListBelow ul li img{display: none; position: absolute;}
	
	#SelectedZim1, #SelectedZim2{  height: 100%; margin: 0; position: absolute; top: 0; z-index: 901; width: 0%; left: 0; opacity: 0;}
	#SelectedZim2{ z-index: 902; }
	#SelectedZim1 img, #SelectedZim2 img{ position: absolute; display: block !important; left: 0 !important; opacity: 0;}
	
	
	
	
	
	#CocottesLinks{ position: absolute; height: 100%; width: 100%; z-index: 498; background: rgba(88,75,66,0.8); display: none;  }
	#CocottesLinks ul{ display: table; width: 100%; text-align: center; padding: 15px 0; margin-top: 300px;}
	#CocottesLinks li{ display: inline-block; margin: 0 20px; text-align: center; font-size: 1.1em;  }
	#CocottesLinks li a{  color: #fff; }
	
	#CocottesLinks li.closer{ vertical-align: top; }
	#CocottesLinks li.closer a{ vertical-align: top; font-size: 2em; }
	#CocottesLinks li.closer a i{ vertical-align: top; }
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * PRIVACY * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	#page-vie-privee .screen{ overflow: visible;}
	#Privacy{ padding-top: 180px;}
	#Privacy h2{ margin-bottom: 30px;}
	#Privacy h3{ font-weight: 600; border-bottom: 1px solid #fff; display: inline-block; padding-bottom: 5px;}
	#Privacy ul{ margin-bottom: 20px;}
	#Privacy li{ margin-bottom: 15px;}
	
	#Privacy p, #Privacy li{ text-align: justify }
	
	
	
	

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * FANCY * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
 
 
 	.fancyContent { background: #584b42 url(zims/frontend/floral.jpg) no-repeat right top; padding: 0 0 20px 0; min-width: 460px; }
	.fancyContent .button { color: #ad998c }
 	.fancyContent h2{ 
		font-size: 2em; line-height: 1em; margin: 0 0 20px 0; text-transform: none; color: #fff;
		background: #222; padding: 20px; font-family: 'Playfair Display', serif; }
	.fancyContent form { padding: 20px 200px 20px 20px;}
	
	#NewsletterFormButtons{ margin-top: 20px;}
	
	#jGMapW { width:980px; height:600px; margin:0; border:none; }
	#jGMapW .vcard{display:none; }
	#jGMap { width:100%; height:100%; }
	
	
	.fancyContent .legend{ text-align: left; font-size: 0.9em; text-align:left !important;}
	
	#FancyContactBox{ background: #584b42 url(zims/frontend/floral.jpg) no-repeat right top;  width: 700px; }
	#FancyContactBox h2{ 
	 	background: #222; padding: 25px; 
		line-height: 1em; font-family: 'Playfair Display', serif;
	 	font-size: 2em; color: #fff; margin: 0; text-transform: none; 
		background-position: 15px center; background-repeat:no-repeat; }
		
		
	
		
	 #ContactForm{ margin: 0; padding: 0 25px 10px; margin-top: 15px; padding-right: 200px;}
	 #ContactForm fieldset p{  width: 45%; display: inline; float: left;}
	 #ContactForm fieldset p label{  display: none; }
	 #ContactForm fieldset p#field-message label{  display: block; }
	 
	 #ContactForm fieldset p#field-nom, #ContactForm fieldset p#field-email, #ContactForm fieldset p#field-date{ margin-right: 5%; }
	 #ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message{  width: 100%; }
	/* #ContactForm fieldset p#field-date,  #ContactForm fieldset p#field-heure, #ContactForm fieldset p#field-nbpers{ width: 30%;}*/
	 
	 #message{  height: 100px; }
	 
	 #date, #heure, #nbpers{  width: 90px; }
	 
	 .formButtons { display: inline; float: left; width: 100%; text-align: center;}
	 .formButtons input{ padding: 0.5em 2em; line-height: 2em; border-color: #fff; color: #fff;}
 	.formButtons input:hover{ color: #ad998c;}
 
 
 	#ReservLegend{ padding: 0 25px 10px; margin: 10px 0; text-align: left; border-bottom: 1px solid #222; }

	
	
	 p#Confirmation{
		font-size: 1.3em; font-style:italic; font-weight: 300; color: #fff; line-height:1em; margin: 0; text-align:center;
	}
	.fancybox-inner  p#Confirmation{ padding: 50px 250px 100px 25px; }
	
	
	
	/* RESA */
	
	#FancyResaW{ display: none;}
	#FancyResa{ min-height: 450px;}
	#FancyResa h2{ 
	 	background: #222; /*url(zims/frontend/lafourchette.png) no-repeat 95% center;*/ padding: 25px;
	 	font-size: 2em; color: #fff; margin: 0; text-align:left;}
	#ModuleW{ padding: 25px;}
	
	
	.g-recaptcha {
		clear: both;
		margin-bottom: 20px;
	}
	
	
	@media(max-height:700px) {
		
		body { font-size:12px; }
		
	}
	
	
	@media(max-height:820px) {
		
		/*#MainMenu{  padding-top: 100px; }
		#BottomNav{ margin-top: 0;}
		
		#MainMenu li{ margin-bottom: 8px;}
		#Socials { margin: 0 auto 10px; padding-bottom: 10px; }
		#HeadCoords{ margin-bottom: 10px; }

		#NTHLogo{  padding-top: 20px; margin-bottom: 10px;}
		
		.prestaBox { margin-bottom: 6%}
		
		.cellText{ padding: 15px 25px;}
		.chambreContent p{ margin: 5px 0 0 0;}
		.chambreContent p.separ{  margin: 0 0 5px 0;}
		.chambreContent h3{ margin: 0 0 5px 0;}
		.chambreIntro{ margin-bottom: 10px;}
		
		.offre h2{ font-size: 1.5em; }
		
		#CollectionList li{ height: 120px;*/
			
	}
	
	
	@media(max-width:1440px) {
		
		body { font-size: 13px; }
		#ChefZim{ left: 50px}
		#Chef{ padding: 15% 10% 0 50%}
	}

	
	@media(max-width:1023px) {
			
		#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%;}
		
		
		#Header h1{ top: 10px; left: 10px; width: 20%; text-align: center;}
		#Nav{ width: 100%}
		#NavIco{ right: 0; top: 0; background-color: rgba(0,0,0,0.7); }
		#ResaLink{ right: 80px; left: auto; top: 15px; font-size: 1.3em; padding: 10px 50px 10px 10px; ;}
		#LangLinks { right: 0; top: 80px; }
	
		#FooterLogos{ width: 75%}
		
	
		
		/*#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 }
		
		#page-offres #HomeLink{ width: auto;}
		
		
		#page-le-chef{}
		#Chef{ padding: 250px 2.5% 0 2.5%; height: 1000px;}
		#ChefZim{  height: 470px;}
		
		
		#page-les-restaurants{}
		#ChambreList{ padding-top: 200px;}
		
		
		
		.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;}
		
		
		#BoutiqueLink{     
			left: 150px;
			top: 13px;}
		#HeaderLinkW{ bottom: 10px; top: auto; background: rgba(0,0,0,0.7); padding: 10px 0; }
		

		
		/* PAGES */
		
		#page-home #HeaderW, #Header{ height: 100%; }
		
		#SeminairesSalles li{ width: 32%;}
		
		
		#jGMapW { height:500px; }	
		
		
		#ChambreListOver { position: static; }
		#ChambreListOver li { width: 100%; height: 300px; background: #777; margin-bottom: 8px; display: block; float: none; position: relative; overflow: hidden;}
		#ChambreListBelow{ display: none; }
		#ChambreListOver li div p a {  padding: 0;}
		
		
		#ChambreListOver li div img { position: absolute; top: 0; left: 0; display: block; height: 105%; vertical-align: bottom; }
		#ChambreListOver li div a{ text-align: center; }
		#ChambreListOver li div a img { position: static;  }
		
		#ChambreListOver li div p a span{ padding: 0;}
		
		
		.cellPrestachambre p{ padding: 15px 5%; }
		.chambreIntro{ margin: 25px 0;}
		.chambreContent p{ line-height: 1.2em; margin: 10px 0 0 0;}
		.chambreContent p.separ{  margin: 5px 0 10px 0;}
		
		
		.servicesList li{ width: 47%; margin-bottom: 15px;}
		.prestaBox h4 span{ display: block;}
		
		.plusList{
			background: url(zims/icons/plus.png) no-repeat center top;
			padding: 100px 0 0 0;
		}
		.plusList li{ width: 100%; text-align: center; margin: 3px 0;}
		
		.offre{ border-bottom: 4px solid #999;}
		
		
		#CollectionList{ display: block; width: 95%; margin: 0 2.5%; }
		#CollectionList li{ display:block; width: 100%; margin: 10px 0; min-height: 120px;}
		#CollectionList li p a{ padding: 10px 5%;  }
		
		#ArtistesList > li{ display: block; float: none; width: 100%; margin-right: 0;}
		#ArtistesList li img{ display: block; float: none;  margin: 0; width: 100%;}

		
		#ContactForm fieldset p{  width: 100%; }
		#ContactForm{ padding-right: 25px;}
		#FancyContactBox{ width: auto; background: #584b42;}
		
		
		#CocottesLinks { background: rgba(88,75,66,0.9); }
		#CocottesLinks ul { position: relative; margin-top: 246px;}
		#CocottesLinks li.closer { position: absolute; top: -20px;; right: 0; }
		#CocottesLinks li{ margin-bottom: 25px;}

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