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

Version 0.9.6.0
Date 02/01/2015                                                                                 
*/

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


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600&family=Sanchez&display=swap');

/* ################################################################################################################																		     *                                                                      							
														BASICS
 *###############################################################################################################*/
 
 
	html, body { margin: 0; padding: 0; border: 0; height: 100%;}
	body { 
		font-size:14px; background: #fff;
		color: #000;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
		overflow-y: scroll;
	}


	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;
		font-family: 'Sanchez', serif;

	}
	
	h2 {
		font-size: 1.5em;
	font-family: 'Sanchez', serif;
	}

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

	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border-top: solid 1px rgba(124, 128, 129, 0.2);
		border: 0;
		margin-bottom: 1.5em;
	}

	blockquote {
		border-left: solid 0.5em rgba(124, 128, 129, 0.2);
		font-style: italic;
		padding: 1em 0 1em 2em;
	}
	
	pre {
		margin:10px; padding:5px;
		background:#fafafa; border:1px dashed #ebebeb;
		font-family:Arial, Trebuchet MS, Helvetica, sans-serif;
		font-size:12px;
	}
	
	/**
	 * Lists
	 */
	ul { margin:0; padding:0; }
	li { list-style-type:none;}
	
	dl { margin:0; padding:0; }
	dt {}
	dd {}
	
	
	
/* ################################################################################################################																		     *                                                                      							
														ELEMENTS
 *###############################################################################################################*/
	
/* Table */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

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

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

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

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




/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="date"],
	input[type="datetime"],
	textarea {
		-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: none;
		border: solid 1px rgba(129, 113, 99, 0.5);
		color: #222;
		display: block;
		padding: 0.4em 0 0.4em 0.75em ;
		text-decoration: none;
		width: 90%;
		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;  text-transform:uppercase; line-height: 1em; text-align: left;}
	
	.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 10px 0; text-align: left;}
	

/* Button */

	.buttonW{}
	.buttonW.centered{ text-align:center;}
	
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		background: none;
		border: 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;
		font-family: 'Sanchez', serif;
		
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover {
			background: #991626;
			color: #fff;
			
		}

		
	
/* Google Map / Vcard */


	
	
	
	
	





/* 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;}
	
	
	
	@-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: 'Sanchez', serif; }
	
	
	.vcard p { margin:0; padding:0; }
	.vcard .tel .type, .vcard .geo, .vcard .uri { display:none; }	
	
	.colzim{ display: block; width: 100%;}
	
	a.specialAnnounce { display:none !important;  } 
	
	
	.away{ position: relative; opacity: 0;}
	.awayleft{ left: -120px;}
	.awayright{ right: -120px;}
	.awaytop{ top: -100px;}


	.big{ font-size: 1.6em !important }
	.super { font-size: 2.2em !important }
	.mega { font-size: 3.2em !important }
	.ultra { font-size: 4.2em !important }
	
	
	.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;}	
	
		
	.centeredlist80{  margin-left: 10%!important; margin-right: 10%!important; width: 80%}
	.centeredlist75{  margin-left: 12.5%!important; margin-right: 12.5%!important; width: 75%}
	.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.5%; }
	


	
	.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;}
	
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 
 
	#page-japon{ background: #fef4e2;}
	#page-new-delhi{ background: #fff0d9;}
	
	.speceventzimW img{ vertical-align: top;}
  
	/* 
	
		orange : #991626;
		vin : #991626;
		
	*/
	
/* HEADER */

	
	#Header { position: fixed; top: 0; width: 100%; z-index: 100; height: auto;}
		
	.headerBG { position: absolute; top: 0; left: 0; width: 100%; height: 85px; 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;
	}
	
	
	.scrolled .headerBG { background: #fff; border-bottom: 1px solid #000; }

	#Header.deploy  { height: 100%;} 
	.deploy .headerBG { background: 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: 145px; display: none;
		-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 {width: 72px; }	
	
	/*#HomeLinkW a img#LOGOB{ display: none; }
	
	.black #HomeLinkW a img#LOGO{  }
	.black #HomeLinkW a img#LOGOB{ display: none;}*/
	

	

/* MAIN MENU */

	#Nav{ position: absolute; top: 0; width: 100%; height: auto; z-index: 1000;}
	.deploy  #Nav{ 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: 101; }
	#UpperMenu ul{ width: 40%; height: 40px; position: absolute; top: 0; margin-top: 25px;  }
	#UpperMenu ul#LeftUpperMenu{ left: 0; padding-left: 16%;	}
	#UpperMenu ul#RightUpperMenu{ right: 0; padding-right: 7%;	}

	#UpperMenu ul li{ 
		display: inline-block; float: left; margin: -25px 0 0 0; padding-top: 20px;
		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: #fff; text-transform: uppercase; font-size: 1.1em; 
		display: block; 
		font-weight: 400;
	}
	.black #UpperMenu ul li a { color: #000; }
	
	#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);
		
	}
	.black #UpperMenu ul li a::before { border-top-color: rgba(0,0,0,1); }
	#MainMenu > li > a::before {

		border-bottom-color: #991626;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		
		
	}
	#UpperMenu ul li a:hover span, #MainMenu > li > a:hover span {
		letter-spacing: 2px;
	}
	#UpperMenu ul li a:hover::before, #MainMenu > li > a:hover::before {
		opacity: 1; 
		transform: scale(1, 1); 
	}
	#UpperMenu ul li a::after, #MainMenu > 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, #MainMenu > li > a:hover::after {
		opacity: 0; 
		transform: scale(0.1, 1);
	}

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


	
	
	#NavAnimW{ 
		background: rgba(0,0,0,0.95); 
		width: 400%; height: 300%; position: absolute; top: -300%; left: -200%;
		transition: transform 1600ms ease-in-out;
	}
	#NavAnimW.deploy{ 
	
        transform: rotate(-90deg) translate(0, 40%);

	}
	
	/*#MenuZimW{ display: none; }*/
	#MenuZimWW{ 
		opacity: 0;
		width: 100%; height: 100%; position: absolute; top: 0; right: 20%;
		transition: transform 1000ms ease-in-out;
	}
	#MenuZimW{ 
		
		width: 100%; height: 150%; position: absolute; bottom: -70%; right: -40%; overflow: hidden;
		transform: rotate(-45deg);
	}
	#MenuZim{ 
		width: 84%; height: 75%; position: absolute; bottom: 55%; right: 10%;
		transform: rotate(45deg);
		/*background:  url(../media/images/menu/01.jpg); background-size: cover;*/
	}
	

	
	
	#MenuZim .menuBgZim{ position: absolute; top: 0; height: 100%; display: block; opacity: 0;}
	
	
	
	
	
	
	
	#NavIco{ 
		display: block; position: fixed; z-index: 5001; height: 50px; width: 50px;
		left: 6%; top: 15px; font-family: 'Montserrat', sans-serif;
		background: url(zims/buttons/minimenu-w.png) no-repeat center; border: none;	
		transition: none;
	}
	.black #NavIco{ background-image: url(zims/buttons/minimenu-b.png); }
	#NavIco.active{ background-image: url(zims/buttons/minimenu-ico.png);  }
	
	#NavIco span {
		position: absolute;
		left: 55px; font-size: 1.1em;
		line-height: 1em;
		top: 18px; color: #fff;
		text-transform: uppercase;
	}
	.black #NavIco span { color: #000;}
	
	/*#NavIco.scrolled{ 
		height: 70px; width: 70px;
		left: 0; top: 0; 
		background-color: #000;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	#NavIco.scrolled span {
		left: 15px; font-size: 1em; top: 53px; 
	}
	
	#NavIco.active.scrolled{ background-color: #fff !important; }*/
		
	
	
	#Menu{ position: fixed; z-index: 100; opacity: 0;
		/*background: rgba(255,255,255,0.95);*/ height: 100%;
		width: 100%;
	}
	
	#MainMenuW{ position: relative; z-index: 10; overflow: auto; padding-top: 110px; margin-bottom: 30px; }

	#MainMenu > li{ /*background: url(zims/frontend/menu-line.gif) no-repeat left 15px;*/ padding-left: 6%; min-height: 30px; text-transform: uppercase; margin-bottom: 10px; text-align: left;}
	
	#MainMenu > li > a, #MainMenu > li > strong{ 
		font-weight: 300; color: #fff; font-size: 1.4em; cursor: pointer; text-align: left; font-family: 'Montserrat', sans-serif;
		transition: all 0.4s; display: inline-block; position: relative; padding: 8px 15px;}
	#MainMenu > li > a:hover, #MainMenu > li > strong:hover{  color: #fff; text-decoration : none; }
	
	/*#MainMenu li .subMenu{ display: none; }
	#MainMenu li ul{ margin-top: 10px;  } 
	
	#MainMenu li ul > li{ background: url(zims/frontend/submenu-line.png) no-repeat left 4px; padding-left: 16px; min-height: 15px; margin-bottom: 6px; }
	
	#MainMenu li ul > li > a, #MainMenu li ul > li > a strong{ font-weight: 300; color: #000; font-size: 1.1em; cursor: pointer; text-transform: none; font-family: 'Montserrat', sans-serif;  }
	#MainMenu li ul > li > a:hover{  color: #999; text-decoration : underline; }
	*/
	
	#MainMenu-restaurant-Item, #MainMenu-carte-Item, #MainMenu-resa-Item, #MainMenu-reveillon-Item,  #MainMenu-stval-Item{ display: none; }

	
	
	
	
	#Socials{ padding-left: 7%; margin-top: 40px; }
	#Socials a{ font-size: 2em; color: #fff; margin-right: 30px;}
	
	
	/* */
	
	#LangsW{ position: absolute; left: 14%; top: 29px; width: 48px; z-index: 5010; padding: 0 7px 20px 7px;  display: none;}
	#LangsW #LangOpen{ display: block; float: left;  color: #fff; font-size: 1.4em; }
	#LangLinks{ float: right;  }
	#LangLinks li{ text-align: right } 
	#LangLinks li a{ display: inline-block;  width: 22px} 
	#LangLinks li a span{ opacity: 0;} 
	#LangLinks li.disabled{ display: none;} 
	
	#LangLinks li a#FrLink{ background: url(zims/frontend/fr.jpg) no-repeat center;}
	#LangLinks li a#EnLink{ background: url(zims/frontend/en.jpg) no-repeat center;}
	
	.black #LangsW #LangOpen{ color: #000;  }
		
	/* Content */
	
	

	
	#Content { padding-top: 220px;}
	/*#Content {  background: url(zims/frontend/bg-black.jpg) no-repeat center top; padding: 120px 10% 0; }*/
	
	#Footer{ }
	#Copyrights{ padding: 15px 40px; font-size: 0.8em; line-height: 1.2em; color: #fff; font-weight: 600; text-align: center; background: #991626; }
	
	
	
	
	
	#page-le-restaurant #Content, #page-notre-histoire #Content { padding-top: 0;}

	
	
	

	/* HOME */
	/*#page-home #ContentW, #page-home  #Content { height: 100%; }*/
	#page-home #Content {  background: none; padding: 0; }
	
	#HomeOverlay { width: 100%; min-height: 800px; position: relative; overflow:hidden; }
	
	#HomeTitleW{
		position: absolute; bottom: 10%;
		width: 100%;
	}
	#HomeTitleW h2 { text-align: center; /*text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);*/ color: #fff;}
	
	#HomeTitleW h2 strong{ display: inline-block;  font-size: 2em; line-height: 1em; font-weight: 800; padding: 0; margin: 0; letter-spacing: 5px; }
	#HomeTitleW h2 span{ position: relative; top: 10px;}

	#HomeTitleW .line{ display: block; border-top: 3px solid #fff; width: 250px; height: 0; margin: 20px auto; }



	/*------------*/
	
	
	
	
	.screenW{height: 800px;}
	
	.homeSectionW, .sectionW{ clear: both; padding-top: 80px; }
	
	
	.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: #991626;  }
	
	
	.mosaicZims{ display: flex; flex-wrap: wrap; margin: 0 7.5%; width: 85%;}
	.mosaicZims li{ width: 19%; margin: 0 0.5% 12px; }
	.mosaicZims.triple li{ width: 32%; margin: 0 0.5% 12px; }
	.mosaicZims li img{ display: block; width: 100% }	
	
	.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: #991626}
	
	
	.parallaxHeaderW{ 
		margin: 0 0 50px 0; width: 100%; padding: 0; height: 400px; position: relative; overflow: hidden;}
		
	.parallaxZim{ display: block; width: 100%; position: absolute; top: 0; left: 0; }
	
	
	.zimAppearSection.float{ position: absolute; top: 0; left: 0; width: 100%; }
	#page-club .zimAppearSection.float{ z-index: -1; }
	
	.zimAppearW{ position: absolute; }
	.zimAppearW.p30{  width: 30%; max-width: 450px; }
	.zimAppearW.p25{  width: 25%; max-width: 350px; }
	
	.zimAppearW img{ position: relative; opacity: 0; z-index : 10; width: 100%;}
	.zimAppearW .deco{ position: absolute;  z-index : 1; background: #991626; opacity: 0; }
	
	.zimAppearW.rot1  { transform: rotate(2deg); }
	.zimAppearW.rot1 .deco{ bottom: -15px; left: -20px; width: 50%; height: 20%; }
	.zimAppearW.rot2  { transform: rotate(-3deg); }
	.zimAppearW.rot2 .deco{ bottom: -15px; left: -20px; width: 50%; height: 20%; }
	.zimAppearW.rot3{ transform: rotate(-1deg); }
	.zimAppearW.rot3 .deco{ bottom: 200px; right: -20px; width: 10%; height: 40%; }
	.zimAppearW.rot4{ transform: rotate(4deg); }
	.zimAppearW.rot4 .deco{ bottom: -15px; right: -20px; width: 50%; height: 20%; }
	
	
	
	
	
	

	
	
	#ZimResto1{ top: 75px; left: 8%;  }
	#ZimResto2{ top: 220px; left: 30%;  }
	#ZimResto3{ top: 140px; right: 8%; }
	#ZimResto4{  transform: rotate(-2deg); }
	#ZimResto5{  transform: rotate(3deg); }
	
	.styledP{ padding: 10px 15px; background: #991626; font-family: 'Sanchez', serif; color: #fff; font-size: 1.2em;}

	#ReveillonMenu{ width: 40%; margin: 0 30%; }
	#ReveillonMenu *{text-align: center; }
	
	#ReveillonMenu .carteCategTitle{ font-size:3.8em;}


	/* CARTE */ 
	
	
	#ZimCarte1{ top: 75px; left: 3%;  }
	#ZimCarte2{ top: 120px; right: 2%; }
	
	.carteMainCateg:last-child{ padding-bottom: 50px;}
	#CarteList{}
	#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: 1px dashed #000; margin: 40px auto; }
	.carteMainCateg:first-child .separ{ display: none; }
	
	.carte { margin-bottom: 0; }
	.carte h3 {  font-size: 1.5em;}
	.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: 12px;}
	.carteItemText { line-height: 0.9em;}
	.carteItemText span{ display: block; font-size: 0.8em;}
	.carteItemPrix{ display: block; }
	
	.enavant{ border: 2px dashed #991626; 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%;}




	
	
	

	/* HISTOIRE */
	
	
	#HistoireIntro{ padding-top: 0}
	#HistoireIntro .parallaxText{ padding: 125px 5% 80px;	}
	
	#NotreHistoire2{ padding-top: 200px; }

	.textAltImg.serre{ padding: 100px; }
	.textAltImg.serre h3{ font-size: 2.8em; }
	
	.centeredBlocks{ display: table; width: 100%; text-align: center; margin-top: 100px;}
	.centeredBlocks p{ background: #fff; padding: 40px 5%; color: #000; display: inline-block; width: 34%; vertical-align: top; min-height: 300px; }
	.centeredBlocks p:first-child{ margin-right: 4%;}
	
	#SarranTitle span{ display: inline-block; position: relative; }
	#SarranTitle span img{ position: absolute; top: 5px; right: -45px; width:35px; }





	/* CHEFS */
	
	#ChefsSection{ padding-top: 220px;}
	
	#ZimChefs1{ top: 80px; left: 12%;  }
	#ZimChefs2{ top: 150px; right: 6%; }
	#ZimChefs3{ top: 430px; right: 24%; }
	#ZimChefs3 .deco{ bottom: 100px; right: auto; left: -20px; }
	
	
	
	/* CLUB */
	
	#ClubSection{ padding-top: 290px;}
	
	#ZimClub1{ top: 80px; left: 8%;  }
	#ZimClub2{ top: 150px; right: 4%; }

	/* GRP */
	
	
	#GrpSection{ padding-top: 100px; }
	
	#ZimGrp1{ top: 80px; left: 8%;  }
	#ZimGrp2{ top: 150px; right: 4%; }
	
	
	
	#page-bangkok { background-color: #fff9eb;}




	
	/* CONTACT */
	
	
	#ContactBlock{ /*background: url(zims/frontend/plane.gif) no-repeat center top;*/ padding: 0 50px 0;  }
	#ContactBlock svg{ font-size: 2em; color: #991626;}
	#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{  background: #f3f3f3; padding: 25px; position: relative; z-index: 10; }
	#ContactForm{ margin: 0;  }
	
	#ContactFormWW .deco2{ position: absolute;  z-index : 1; background: #991626; opacity: 0; }
	#ContactDeco1{ bottom: -15px; left: -15px; width: 30%; height: 20%; }
	#ContactDeco2{ top: -15px; right: -15px; width: 30%; height: 20%; }
	
	#ContactForm fieldset p, #ReservForm fieldset  p{  width: 45%; display: inline; float: left;}

	.fieldW{ display: block;}
	
	#NewsletterForm fieldset p{ width: 90% }
	
	#ContactForm fieldset p#field-nom, #ContactForm fieldset p#field-email, #ContactForm fieldset p#field-date,
	#ReservForm fieldset p#field-nom, #ReservForm fieldset p#field-email
	{ 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; }
	.alert{ border: 2px dashed #d92222; padding: 15px !important; color: #d92222;}
	
	
	
	/* - -------------------------- - */
	@media(min-width:1024px) {
		

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



	}
	@media(min-width:420px) {
		
		
	}	
	
	
	
	
	@media(max-width:1024px) {
		
		#ContentW, #Content { height: auto }
		
		

		#Content { padding-top: 155px; }
		
		#MainMenu-restaurant-Item, #MainMenu-carte-Item, #MainMenu-resa-Item, #MainMenu-reveillon-Item, #MainMenu-stval-Item{ display: block; }
		
		
		#MainMenu > li, #MainMenu > li > strong { margin: 7px 0; }
		#MainMenu > li > a, #MainMenu > li > strong { padding: 5px 0;}
		#MainMenu-resa-Link{ background: #fff!important; color: #000!important; padding: 5px 15px!important;}
		
		#RightUpperMenu{ display: none;}
		#UpperMenu ul#LeftUpperMenu {  padding-left: 15%; }
		
		#MenuZimWW{ display: none;}
		
		#NavIco {
			left: 2%;
			top: 6px;
		}
		#NavIco  span{display: none; }
		#HomeLinkW{ text-align: right;}
		#LangsW {
			top: 20px;
			left: 20%;
		}	
		#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; }
		
		
		#MainMenu > li {
			margin-bottom: 0;
			padding-left: 3%;
		}
		
		.screenW{ height: auto;}
		.centeredlist > li{ width: 100%; }
		.alert {  padding: 15px 5% !important; width: 85% }		
		
		.big{ font-size: 1.4em !important }
		.super { font-size: 1.8em !important }
		.mega { font-size: 2.7em !important }
		.ultra { font-size: 3.5em !important }
		
		
		.zimAppearW.p30, .zimAppearW.p25{  width: 30%; max-width: 300px; }
		
		.zimAppearW img{ position: relative; opacity: 0; z-index : 10; width: 100%;}
		.zimAppearW .deco{ position: absolute;  z-index : 1; background: #991626; 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; }
		
		
		.zimW img{ display: block; max-width: 100%;}
		.textAltImg.serre{ padding: 0;}
		
		/* */
		
		#page-le-restaurant #Content{ padding-top: 700px; }
		
		#ZimResto1{ top: 75px; left: 6%;  }
		#ZimResto2{ top: 380px; left: 30%;  }
		#ZimResto3{ top: 205px; right: 2%; }
		
		
		
		
		#page-la-carte #Content{ padding-top: 600px; }
		#page-reveillon #Content{ padding-top: 500px; }
		
		#ZimCarte1{ top: 75px; left: 2%;  }
		#ZimCarte2{ top: 160px; right: 2%; }

		.carteCategTitle { font-size: 2.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 2.5%}
		
	
		


		
		#page-portrait-des-chefs #Content { padding-top: 450px; }
		#ChefsSection{ padding-top: 0;}
		#ZimChefs1{ top: 80px; left: 5%;  }
		#ZimChefs2{ top: 150px; right: 2%; }
		#ZimChefs3{ display: none; }



		#page-club #Content { padding-top: 600px; }
		#ClubSection{ padding-top: 0;}

		
		#page-groupes-entreprises #Content { padding-top: 600px; }
		#GrpSection{ padding-top: 0; }
		
		
		
		#HistoireIntro .parallaxText {
			padding: 0 0 0 0;
		}
		#NotreHistoire2{ padding-top: 100px; }
		.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) {
		
		
		body {   line-height: 1.5em; }
		
		#MainMenuW { padding-top: 110px; }
		#HomeTitleW h2{   font-size: 1.2em; padding: 0 5%; }
		
		.colzimmob{display: block;    width: 100%;}
		
				
		#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%; }

		.mosaicZims{  margin: 0 2.5%; width: 95%;}
		.mosaicZims li{ width: 100%; margin: 0 0 15px; }
	
		.parallaxZim {
			width: auto;
			left: 0%;
			height: 100%;
		}
		
				

		.textAltImg.serre h3 {
			font-size: 2.3em;
		}
	
		#ReveillonMenu{ width: 100%; margin: 300px 0 0 0; }
		
	}
	
	@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; }
		
		#HomeLinkW a img{  width: 115px;}
		.scrolled #HomeLinkW a img { width: 55px; }
		.headerBG { height: 75px; }
		
		#UpperMenu ul li {    padding-top: 10px;}
		
		#HomeTitleW h2 strong {  font-size: 1.5em; }
		
		#page-groupes-entreprises #Content { padding-top: 450px; }
		#page-le-restaurant #Content{ padding-top: 620px; }
		#page-la-carte #Content{ padding-top: 500px; }
		#page-portrait-des-chefs #Content { padding-top: 450px; }
		#page-club #Content { padding-top: 500px; }
		
		
		#ResaBox { width: 95%; margin: 0 auto; }
		.fancybox-inner #ResaBox { padding: 15px 2.5%; margin: 0;  }
	
	}
	
	
	
	@media(max-width:340px) {
		
		
		
	}