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

Version 0.9.6.0
Date 02/01/2015                                                                                 
*/

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



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

/* @import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600,300,200,400italic); */

/* @import url(https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&display=swap); */


/* ################################################################################################################																		     *                                                                      							
														BASICS
 *###############################################################################################################*/
 
 
	html, body { margin: 0; padding: 0; border: 0; }
	body { 
		font-size:14px; background: #111;
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}
	.chrome body{ font-weight: 400;}
	.lt-1440 body, .hlt-800 body{ font-size: 13px; line-height: 1.4em;}

	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: #f4e536;
		text-decoration: none;
	}

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

	strong, b {
		font-weight: 700;
		font-size: 1.1em;
	}

	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;

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

	h2 {
		font-size: 1.5em;
		letter-spacing: 0.1em;
	}

	h3 {
		font-size: 1.2em;
		letter-spacing: 0.025em;
	}

	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: 1.1em;  text-transform:uppercase; line-height: 1em;}
	select, option{ color: #222;}
	select{
		border: solid 1px rgba(129, 113, 99, 0.5);
		padding: 0.4em 0 0.4em 0.75em ;
		
	}
	
	.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: #f4e536;
	}
	fieldset{ border: none !important; margin: 0; padding: 0;}
	
	
	#field-security { display: none !important; }
	.formButtons { text-align: center; clear: both;}
	.textField, .emailField, .telField, .numberField, .dateField, .datetimeField, .textareaField  { margin: 0 0 10px 0;}
	

/* 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 #f4e536;
		color: #f4e536;
		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;
		
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover {
			color: #fff !important;
			border: 1px solid #fff;
		}

		
	
/* Google Map / Vcard */


	
	
	
	
	





/* 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.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, #Nav a{
		text-shadow: 1px 1px 0px rgba(20, 20, 20, 1);	
	}
		
/* ################################################################################################################																		     *                                                                      							
														PAGES
 *###############################################################################################################*/

	/* 
	
	*/
	
	html{ }
	html, body, #Main{ height: 100%;overflow: hidden;}
	
	#Main{ width: 100%;overflow: hidden;}

	
	#PagesW{height: 100%; overflow: hidden;}
	
	.page, .pagehome{ width: 100%; position: absolute;}
	.page{ display: none; }
	.pageSingleZim{ position: fixed; top: 0;}
	
	.screensW{ width: 100%; height: 100%;}
	.screen{ width: 100%; height: 100%; position:relative; }

	
	.screenZimW{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
	.screenZim { display: none; position: absolute;}
	
	
	
	.screenDoorsW, #HomeAnimDoorsW{position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden;}
	.screenDoorsW div.doorBgW, #HomeAnimDoorsW div.doorBgW{ position: absolute; width: 100%; height: 100%; overflow:hidden; }
	.screenDoorsW div.doorBg{  width: 200%; height: 100%; position: absolute;}
	.ff .screenDoorsW div.doorBg{  width: 198%; }
	
	
	.screenDoorsW div.door1, #HomeAnimDoorsW div.door1{  /* -175%*/
		left: -50%;  background: none;
		-ms-transform: skew(-60deg,0);
		-webkit-transform: skew(-60deg,0deg);
		transform: skew(-60deg, 0deg);}
	.screenDoorsW div.door1 div.doorBg{
		-ms-transform: skew(60deg,0);
		-webkit-transform: skew(60deg,0deg);
		transform: skew(60deg, 0deg);
	}   
	
	.screenDoorsW div.door2, #HomeAnimDoorsW div.door2 {
		right: -50%; background: none; /*#2c3033;*/
		-ms-transform: skew(-60deg,0);
		-webkit-transform: skew(-60deg,0deg);
		transform: skew(-60deg, 0deg);}
	.screenDoorsW div.door2 div.doorBg{
		right: 0;
		-ms-transform: skew(60deg,0);
		-webkit-transform: skew(60deg,0deg);
		transform: skew(60deg, 0deg);
	}   
	
	
	
	
	.screenCarouselW{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
	.carouselZim { display: none; position: absolute;}
	
	
	
	.parallax-bg{  
		background-attachment: fixed;
    	background-position: center center;
   		background-repeat: no-repeat;
   	 	background-size: 100 auto%;
		background-color: #333;}
	.ff .parallax-bg{ background-size: auto;}
	
	
	.slideOverlayW { position: absolute; left: 0; top: 0; width: 100%; height: 100%;   }
	
	.slideOverlayDeco {  
		 position: absolute;
		  top: 0; left: -5%;
		  width: 110%;  height: 100%;
	 }
	 .slideOverlayDeco2 {  
		 position: absolute;
		  top: 0; left: -100%;
		  width: 30%;  height: 100%;
		  opacity: 0;
	 }
	  .slideOverlayDeco3 {  
		 position: absolute;
		  top: 0; left: -100%;
		  width: 20%;  height: 100%;
		  opacity: 0;
	 }
	 
	 .slideOverlay {  
		 position: absolute;
		  top: 0; left: 0;
		  width: 100%;  height: 100%;
	 }

	.slideLoad{ position: relative;}
	
	
	
	.SkewW{
		  position: absolute;
		  top: 0;
		  width: 100%; 
		  height: 100%;
		  background: rgba(0,0,0,0.6);
	}
	.SkewW.overlay2{
		 background: rgba(0,0,0,0.7);
	}

	.SkewW, .skewW{
		 -ms-transform: skew(-10deg,0);
		  -webkit-transform: skew(-10deg,0deg);
		  transform: skew(-10deg, 0deg);
	}
	
	.Skew{
		  z-index: 1;
		  position: relative;
		  display: table;
		  width: 100%;
		  height: 100%;
	}
	
	.SkewCell{
		display: table-cell; 
		vertical-align: middle;
		overflow:hidden;
	}
	
	.SkewCell > *{
		-ms-transform: skew(10deg,0);
		-webkit-transform: skew(10deg,0deg);
		transform: skew(10deg, 0deg);
		padding: 0 8%;
	}
	.SkewCell > .skewW{
		-ms-transform: skew(-0deg,0);
		-webkit-transform: skew(-0deg,0deg);
		transform: skew(-0deg, 0deg);
	}
	.skewW > *{
		-ms-transform: skew(10deg,0);
		-webkit-transform: skew(10deg,0deg);
		transform: skew(10deg, 0deg);
	}
	
	
	
	
	
		
	.screenPanelW{ width: 100%; height: 100%;  position: absolute; left: 0; top: 0;}
	
	.screenPanel { 
		position: absolute; width: 100%; height: 100%;
		width: 100%; height: 95%; left: 0; }
	.hlt-700 .screenPanel { height: 93%; }
	

	.screenPanel h2, .page h2, #HomeSlogan h2{ font-family: 'Cinzel Decorative', serif;  color: #fff; font-size: 3em; text-align: center; letter-spacing: 0.5px; font-weight: normal; margin-top: 0; font-weight:200; }
	 #HomeSlogan h2{  color: #000; font-size: 2.5em; }
	.hlt-700 .screenPanel h2, .hlt-700 .page h2{ margin-bottom: 15px;}
	
	/*.screenPanel h2 span, .page h2 span{ 
		display: inline-block;  margin: 0 auto; padding: 12px 0;
	}*/
	.screenPanel p{ color: #fff; text-align:justify;}
	/*.hlt-700 .screenPanel p{ line-height: 1.5em;}*/
	
	.separ{ display: block; border-bottom: 1px solid #fff; height: 1px; width: 20%; margin: 10px auto 20px; }
	.hlt-700 .separ{ margin: 5px auto 15px; }

	
	
	
	
	.vcard p { margin:0; padding:0; }
	.vcard .tel .type, .vcard .geo, .vcard .uri { display:none; }	
	
	
	#SpecialAnnounce, .specialAnnounce, #SAContent{ display: none;}
	#SAContent{ width: 600px; height: 600px; margin: 0; overflow: hidden;}
	#SAContent a{  vertical-align: top; }
	#SAContent a img{ display: block; width: 100%; vertical-align: top;}
	
	
	

 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
/* HEADER */

	#HeaderW { 	
		z-index: 5000;
		width: 100%; height: 160px;
		position: fixed;
		background: url(zims/frontend/header-shadow.png) no-repeat center top;
	}
	.js #page-home #HeaderW{ top: -160px;}
	.lt-1440 #HeaderW { height: 140px; background: url(zims/frontend/header-shadow-lt1440.png) no-repeat center top; }
	
	#Header {
		width: 97%; position: relative;
		margin: 0 auto;
	}
	

		#Header h1 { position: absolute; left: 0; top: 10px; width: 100%; margin:0; z-index: 5001; }
		#Header h1 a{ display: block; margin:0 auto; padding:0; width: 150px;  }
		#Header h1 a img{ width: 100%;}
		.lt-1440 #Header h1 a{   }
	
	
	
	#FacebookButton{ position: absolute; top: 70px; left: 2em;}
	
	

/* MAIN MENU */



	#Nav { position: relative; }
	.HTMLMenu { display: inline; position: absolute; top: 40px; z-index: 10002;}
	.lt-1440 .HTMLMenu {top: 10px; }
	.HTMLMenu li{  }
	
	.HTMLMenu li a{ font-size: 1.4em; letter-spacing: 0.5px; color: #fff; font-family: 'Cinzel Decorative', serif; font-weight: bold;}
	.HTMLMenu li a:hover{ border-bottom: 1px dotted #fff; }
	
	.lt-1440 .HTMLMenu li a{ font-size: 1em; }
	
	
	#Nav ul#MainMenuL{ right: 60%; }
	#Nav ul#MainMenuL li{  margin-left: 25px; float: left;  }
	.lt-1440 #Nav ul#MainMenuL li{ margin-left: 22px; }
	#Nav ul#MainMenuL li:first-child{  margin-left: 0;  }
	
	
	#Nav ul#MainMenuR{  left: 60%; }
	#Nav ul#MainMenuR li{ margin-right: 25px; float: left; }
	.lt-1440 #Nav ul#MainMenuR li{ margin-right: 22px; }
	#Nav ul#MainMenuR li:last-child{  margin-right: 0;  }
	
	
	#MainMenuR-resa-Link{ 
		display: block; background:url(zims/frontend/reserv-button.png) no-repeat right top; 
		padding: 0 38px 12px 0;
		/*width: 116px; height: 36px; padding: 14px 0 0 64px; color: #222; text-shadow:none !important;
		position: relative; top: -15px; letter-spacing: 0.1em;*/
	}
	
	
	
	
		
/* Footer */


	#FooterW {
		position: fixed; bottom: 0; width: 100%; z-index: 5000;
		background: #f4e536; color: #000;  height: 5%;
	}
	.hlt-700 #FooterW { height: 7%;}
	.hlt-800 #FooterW { height: 6%;}
	.js #page-home #FooterW{ bottom: -100px;}

	#Footer {width: 92%; margin: 0 auto; padding: 10px 0 0 0; position:relative;}
	.lt-1440 #Footer, .hlt-800 #Footer { padding: 6px 0 0 0;}
	#Footer .vcard .fn{   }
	#FooterLinks ul{ position:relative; z-index: 10001;}
	#FooterLinks ul li { float:left; margin-right: 15px;  }
	#FooterLinks ul li svg{ vertical-align: middle; font-size: 1.5em;  }
	
	

	

	
	/*#FooterCoords{ position: absolute; width: 100%; z-index: 10000;}*/
	#FooterCoords{ 
		position: absolute; width: 44%; left: 28%; top: 9px;}
	.lt-1440 #FooterCoords, .hlt-800 #FooterCoords { top: 5px; width: 38%; left: 31% }
	.lt-1250 #FooterCoords{ width: 42%; left: 29% }

	#FooterCoords {  display: inline; margin: 0; line-height: 1.1em; font-size: 1em; color: #000; text-align:center;}	
	
	/*#FooterCoords a{ font-size: 0.9em; color: #fff; border-bottom: 1px dotted #color: #fff;  }*/

	#NewsletterLink{ line-height: 1em;}
		
		
	#Copyrights { float: right; font-size: 0.8em; padding-top: 2px;}
	.lt-1440 #Copyrights {  padding-top: 4px;}
	#Copyrights li {
		color: #000;  float:none !important;
		 line-height: 1.1em; }
	
	
	#ConceptionCreditLink{ position:relative; top: 0;}
	#Footer a{ color: #000;}
	
	/* LANGS */
	

	#LangLinks{ position: absolute !important; top: 13px; z-index: 5002; right: 0;  }
	.lt-1440 #LangLinks{ top: 9px;  }
	.lt-1250 #LangLinks, .hlt-800 #LangLinks{ top: 40px;  }
	#LangLinks li{ width: 32px; height: 25px; float: left; margin-right: 5px;} 
	#LangLinks li a{ display: block; height: 100%; background-position:center; background-repeat:no-repeat  }
	#LangLinks li a.active { display: none;}
	#LangLinks li a span{ display: none; }
	#LangLinks li a:hover{ border: none; }
	#FrLink{ background-image: url(zims/frontend/fr.png); } 
	#EnLink{ background-image: url(zims/frontend/en.png); }
	

		
/* Content */

	#ContentW, #Content { height: 100%}
	#Content { padding: 0 2em;}
	
	
	.legend{ font-size: 12px; padding-left: 25px; margin: 0;}
	
	.introCarte{ text-align: center !important; font-size: 0.9em; line-height: 1.2em;}
	
	
	

 	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HOME * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
	#HomePanel {  height: 100%; width: 100%; top: 0;left: 0; z-index: 6000;}
	
	
	#HomePanel div.door1, #HomePanel div.door2{ background: #2c3033;  }
	
	
	#HomeLogoW{ position: absolute; top: 26%; width: 100%; text-align: center;}
	
	
	#HomeLogo2{ width: 450px; position:relative; opacity: 0; }
	
	
	#HomeLogo{ width: 450px; height: 450px; margin: 0 auto; position:relative; /*background-image: url(../media/images/home-logo.png);*/}
	#HomeLogo .letter{ /*background-image: url(../media/images/home-logo.png);*/ background-repeat:no-repeat; position: absolute; opacity: 0;}
	
	
	
	#LogoMot1{ height: 33px; width: 168px; background-position: 0 -202px; top: 202px; left: 0;}
	#LogoMot2{ height: 25px; width: 245px; background-position: -220px -202px; top: 202px; left: 220px;}
	#LogoAnd{ height: 20px; width: 27px; background-position: -181px -207px; top: 207px; left: 181px;}
	
	
	#HomePanel div#DoorOrange{ background: #f4e536 !important; left: -200%}
	#HomePanel div#DoorPink{ background: #f4e536 !important; right: -200%  }
	
	
	#HomeSlogan{ background : rgba(244,229,54, 0.8); padding: 20px; position: absolute; bottom: 15%; width: 100%; opacity: 0;  }
	#HomeSlogan h2{ text-align: center; margin: 0; }
	
									
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * RESTO * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 	

	#Page-le-restaurant{ }
	
	/*#RestoPanel{ left: 10%;}
	.hlt-700 #RestoPanel{ width: 45%}*/
	#RestoPanel .slideOverlayW{ width: 30%; left: 50%;}
	.hlt-800 #RestoPanel .slideOverlayW, .lt-1250 #RestoPanel .slideOverlayW{ width: 40%; left: 45%;}
	
	#RestoPanel .slideOverlay .Skew, #RestoPanel .slideOverlay .SkewCell{ display: block;}
	#RestoPanel .slideOverlay .SkewW{ padding-top: 40%;}
	
	#RestoPanel .pagi-prev, #RestoPanel .pagi-next{ display: none;}
	
	.galleryW {  text-align: left !important; height: 100px;}
	.hlt-700 .galleryW {  height: 60px;}
	.galleryW a.galleryThumb{ display: inline-block; float: left; width: 33.3%; text-align:center; letter-spacing: normal;}
	.galleryW img { width: 100%; vertical-align:top;}
	
	.centered{ text-align: center !important;}
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Chef * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	#ChefPanel{ width: 40%; left: 50%; padding: 12% 0 0 0; }
	#ChefPanel * { color: #222; }
	#ChefPanel .separ{ border-color: #222;}
	
	
	#ChefPanel .pagi-dots li button{ background: #999 !important; }
	#ChefPanel .pagi-dots li button.active{ background:#000 !important; }

	
	

	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * TABS + TABMENUS * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 	#CartePanel .slideOverlayW, #BarPanel .slideOverlayW, #FormulesPanel .slideOverlayW{ width: 35%; left: 10%;}
	#CartePanel .slideOverlay .SkewW, #BarPanel .slideOverlay .SkewW, #FormulesPanel .slideOverlay .SkewW{ padding-top: 25%;}
	#CartePanel .slideOverlay .SkewW{ padding-top: 30%;}
	#CartePanel .slideOverlay .Skew, #CartePanel .slideOverlay .SkewCell, #BarPanel .slideOverlay .Skew, #BarPanel .slideOverlay .SkewCell, #FormulesPanel .slideOverlay .Skew, #FormulesPanel .slideOverlay .SkewCell{ display: block;}
	#CartePanel .slideOverlay .SkewCell, #BarPanel .slideOverlay .SkewCell, #FormulesPanel .slideOverlay .SkewCell{ position: relative; overflow:visible;}
	
	#CartePanel h2, #BarPanel h2{ font-size: 2.5em; padding: 0 4%;}
	.hlt-800  #CartePanel h2, .hlt-800 #BarPanel h2{font-size:2.1em;}
	
	.bigSelector{ padding: 0; }
	.bigSelector li{  margin-bottom: 0;    }
	.bigSelector li a{ 
		display: block; font-size: 1.8em; border: 0; font-family: 'Cinzel Decorative', serif;
		color: #fff; line-height: 1.3em; font-weight: 300; overflow: hidden;
		border-top: 1px solid #f4e536;
		-moz-transition: color 0.4s ease-in-out, margin-left 0.2s ease-in-out; 
		-webkit-transition: color 0.4s ease-in-out, margin-left 0.2s ease-in-out; 
		-o-transition: color 0.4s ease-in-out, margin-left 0.2s ease-in-out; 
		-ms-transition: color 0.4s ease-in-out, margin-left 0.2s ease-in-out; 
		transition: color 0.4s ease-in-out, margin-left 0.2s ease-in-out; 
		
	}
	.bigSelector  li:last-child a { border-bottom: 1px solid #f4e536;  }
	
	.bigSelector li span.catIntro{ display: block; font-size: 1em; line-height: 1.6em; padding-right: 2%;}
	
	/*.lt-1440 .bigSelector li > a{  font-size: 1.7em; }*/
	.bigSelector li a:hover{ color: #f4e536;  margin-left: -20px;} 
	.bigSelector li a span{ 
		display: block; padding: 12px 30% 15px 5%; width: 67%;
		background-position:right center; background-repeat:no-repeat; }
	.lt-1440 .bigSelector li a span{  padding: 10px 30% 10px 5%; }
	.bigSelector li ul.subMenu{ display: none; }
	
	
	
	
	.bigSelector.tiny { position: absolute; width: 0; left: 0; padding: 0 20px 0 0; border: none;}

	.bigSelector.tiny li a span{ background: none !important; padding: 0; width: 100%; line-height: 1.1em; }  
	
	.bigSelector.tiny li { 
		position: relative;
		background-image: none !important;
	}  
	.bigSelector.tiny li span.catIntro{ display: none; }
	
	.bigSelector.tiny li > a{ 
		background-color: rgba(117, 51, 28, 0.7); padding: 15px 5% 15px 8%; line-height: 1em; letter-spacing: 0.1em; 
		font-size: 1.3em; background-image: none !important; min-width: 200px; color: #fff;  } 
	.hlt-700 .bigSelector.tiny li a{ width: 170px; min-width: 170px; } 
	
	.bigSelector.tiny li a:hover, .bigSelector.tiny li a.active { background: #f4e536; color: #000; font-weight: 400; margin-left: 20px;}
	
	.bigSelector.tiny li ul.subMenu li{ margin-bottom: 3px;  }
	.bigSelector.tiny li ul.subMenu li a{ padding: 7px 5%; line-height: 1em; width: 220px; font-size: 1.1em; text-transform:none; }
	.lt-1440 .bigSelector.tiny li ul.subMenu li a, .hlt-700 .bigSelector.tiny li ul.subMenu li a {width: 170px;} 
	
	
	#Carte-Cave a span { background-image: url(zims/frontend/categ-cave.png);}
	/*#Bar-Boissons a span { background-image: url(zims/frontend/categ-bar.jpg);}*/
	
	
	#BtnCommanderW {text-align: center; margin: 50px auto;}
	#BtnCommanderW a {font-size: 1.2em;}
	

	/* TABS */

	.tabs{ padding: 0 10% 0 0; }
	
	.carte { display: none; position:relative; }
	.carte h3 {  display: none; width: 84%; margin-top: 0; margin-left: 10%; font-weight: 300; padding: 15px 18% 15px 5%; margin-right: 0;}
	.lt-1440 .carte h3 { font-size: 1.8em; padding: 8px 15% 8px 5%;  width: 79%;}
	
	.carte ul{ padding: 0 0 0 5%; }
	.carte ul li.carte-item{ font-size: 1em; letter-spacing: 0.1em; overflow: auto; position: relative; margin-bottom: 0.8em; padding: 0.5em 0 0.8em 0; border-bottom: 1px dotted #f4e536; }
	.lt-1440 .carte ul li{ padding: 0.2em 0 1em 0; }
	.carte ul li.delight, .lt-1440 .carte ul li.delight{ padding-right: 45px; min-height: 30px }
	
	.carte ul li span{ display: block; }
	.carte ul li span.carteItemText{ float: left; width: 80%; line-height: 1.2em; font-size: 1.2em;}
		.carte ul li span.carteItemText span{ font-size: 0.8em; color: #bbb}
		.lt-1440 .carte ul li span.carteItemText{ }
		
	.carte ul li.noprice span.carteItemText{ width: 100%; }
	.carte ul li span.carteItemPrix{ float: right; width: 19%; font-size: 1.3em; text-align:right; line-height: 1.3em;}
	.carte ul li span.carteItemPrix em{ font-style:normal;  }
	.lt-1440 .carte ul li span.carteItemPrix{ font-size: 1.2em; line-height: 1em;  }
	
	.intro, .legend{ padding: 0 5%; text-align:center !important; line-height: 1.2em; margin: 20px 0 30px; font-size: 1.1em; }
	.lt-1440 .intro, .lt-1440 .legend{ margin: 15px 0 20px; }
	
	.carte ul li.carte-item:last-child, .sliderPage ul li.carte-item:last-child { border-bottom: none; }
	
	
	.tabs .intro, .tabs .separ{ position: relative; left: 10%;}
	
	
	.delightLink{ position: absolute; right: 0; top: 0; }
	
	
	.bottomLinks{ }
	.bottomLinks .caveLink, .bottomLinks .barLink{ display: inline-block; background: #222; color: #fff; padding: 3px 10px;}
	.bottomLinks .caveLink:hover, .bottomLinks .barLink:hover{ background: #edbc39; color: #000; }
	
	.bottomLinks .infoLink{ display: inline-block; float: right; background: #edbc39; color: #000; padding: 3px 10px; margin-right: 12%;}

	
	
	
	/* PAGINATION JS */
	
	.paginatedW { /*overflow: hidden;*/ width: 100%;padding-bottom: 10px; }
	.paginatedW .sliderPage { display: none; position: relative;}
	
	.pagination{ height: 25px; width: 80%; position: relative; left: -5%; margin: 0 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: 0; 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:#f4e536; }

	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * FANCY CAVE * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	.fancyListContentW{ /*display: none;*/}
	.fancyListContent{ width: 1000px; /*background:#fff url(zims/frontend/the-s.jpg) no-repeat 15% bottom*/ }
	.lt-1250 .fancyListContent{ width: 900px; }
	
	.fancyListContent h2{ 
		background: #0c111f no-repeat right center; height: 120px; 
		 font-size: 3em; text-transform:uppercase; color: #fff; line-height:1em;
		padding: 20px 0 0 30px; margin: 0 0 20px 0;}
	
	#FancyCave h2{ background-image: url(zims/frontend/fancycave.jpg); height: 110px; }
	#FancyBar h2{ background-image: url(zims/frontend/fancybar.jpg);  height: 110px; }
		
	.fancyListSelector{ dispay: inline; float: right; width: 30%; padding: 0; margin-bottom: 10px; min-height: 260px;}
	.fancyListSelector h3{ background: #333; color: #fff; font-size: 1.1em; padding: 0 0 0 10px; margin: 10px 0 5px 0;}
	.fancyListSelector h3 a{ color: #fff;  font-size: 1.2em; }
	.fancyListSelector h3 a.active{ color: #EC211D;  }
	.fancyListSelector h3:first-child{ margin-top: 0; }
	.fancyListSelector .subMenu{ display: none;}
	
	#FancyCave .fancyListSelector h3, #FancyAtlantic .fancyListSelector h3{ background: #0c111f;}
	
	
	.fancyListSelector .subMenu a{ 
		display: block; color: #333; font-size: 1em; text-transform:uppercase; padding-left : 30px;
		-moz-transition: color 0.3s ease-in-out, padding-left 0.5s ease-in-out; 
		-webkit-transition: color 0.3s ease-in-out, padding-left 0.5s ease-in-out; 
		-o-transition: color 0.3s ease-in-out, padding-left 0.5s ease-in-out; 
		-ms-transition: color 0.3s ease-in-out, padding-left 0.5s ease-in-out; 
		transition: color 0.3s ease-in-out, padding-left 0.5s ease-in-out; 
	}
	.fancyListSelector .subMenu a.active{ color: #EC211D; padding-left : 10px; font-weight: 700;}
	.fancyListSelector .subMenu a:hover{ color: #EC211D; padding-left : 10px;}

	
	.legendverre{ background:url(zims/frontend/glass.png) no-repeat left center; padding-left: 15px; font-size: 12px; margin: 15px 0 0 55px; }
	.legendbout { font-size: 12px; text-align: center; margin: 15px 0 0 0;}
	
	
	.fancyListW{ padding: 0 0 0 3%; width: 65%}
	.fancyList{ display: none;}
	
	.fancyList h3{ font-weight: 500; font-size: 1.5em; line-height: 1.1em; margin: 0 0 10px 0}
	
	.fancyList ul li{ background: #f0f0f0; padding: 10px 20px; margin-bottom: 10px; color: #222;}
	.fancyList ul li h4{ margin: 0 0 5px 0; font-weight: 600; line-height: 1em;}
	.fancyList ul li p{ margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #fff; }
	.fancyList ul li p:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
	
	.fancyList ul li span.itemLegend{ display: block; font-size: 0.9em; line-height: 1.2em; margin-bottom: 5px;}
	.fancyList ul li span.carteItemPrix{ float: right; width: 10%; font-size: 1.2em; text-align:right; line-height: 30px; position: relative; top: -5px;}
	.fancyList ul li span.carteItemPrixVerre{ float: right; width: 8%; font-size: 1em; background:url(zims/frontend/glass.png) no-repeat left center; padding-left: 15px; position: relative; top: -1px;}
	.fancyList ul li span.carteItemCoupDeCoeur{  float: left; display: block; margin: 3px 8px 5px 0; }
	
	
	.fancyList .categPrice{ display: block; float: right; font-size: 1.2em; font-weight: 500; position: relative; top: 2px;}
	/*.vinList.blancs ul li { background: #F7F4C5; }
	.vinList.rouges ul li { background: #EAD3D3; }*/
	

	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ACTU * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
		
	#EventPanel .slideOverlayW{ width: 35%; left: 50%;}
	#EventPanel .slideOverlay .SkewW{ padding-top: 25%;}
	#EventPanel .slideOverlay .Skew, #EventPanel .slideOverlay .SkewCell{ display: block;}
	
	/*.lt-1440 #EventPanel .slideOverlayW{ width: 40%;}
	.lt-1440 #EventPanel .slideOverlay .SkewW{ padding-top: 15%;}*/
	
	
	
	.event{ border-bottom: 1px solid #111; width: 65%; padding: 0 35% 0 0; margin-bottom: 20px;  }
	
	.event.noimage{ padding: 0; width: 100%;}
	
	.event .eventZim{ margin: 0; position: absolute; right: -2px; width: 23%;}
	.lt-1440 .eventZim{ width: 21%;  }
	.event .eventZim img{ display: block; width: 100%;}
	
	.event .eventDate, .eventW .eventDate{ display: inline-block; margin: 0;}
	.event .eventDate span.skewW, .eventW .eventDate span{ 
		top: 15px; color: #fff !important;
		background: #f4e536; padding: 2px 30px; font-size: 1.2em;
		text-align:center; display: block; font-weight: 400;}
	.event .eventDate span.skewW span, .eventW .eventDate span.skewW span{ display: block;} 
	.event .eventTitle a{ color: #000;}
	.event .eventTitle a:hover, .event .eventTitle a:focus{ border: none; color: #f4e536;}
	
	
	.event .eventTitle, .eventW .eventTitle{
		padding: 10px 0 20px 0; margin: 0;
		font-size: 1.5em; line-height: 1em; text-align:left;
	}
	.lt-1440 .event .eventTitle{ font-size: 1.2em; padding: 8px 0 12px 0;}
	
	.event .eventTitle strong, .eventW .eventTitle strong{ font-weight: 500; text-transform:uppercase; font-size: 1.2em; }
	.event .eventText, .event .eventLinks, .event .zimcount{ display: none; }
	.event .plusLink{ 
		position: absolute; right: 0; bottom: 15px;
		display: block; width: 25px; height: 25px;
		line-height: 0.8em;
		color: #222 !important; background:#f4e536; font-size: 1.4em; font-weight: 800;
		text-align:center;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;  }
	.event .plusLink:hover{ background: #fff;  }
	
	.eventW { background: #fff; padding: 25px; width: 700px; min-height: 220px; }
	.eventW .eventZim{ display: inline; float: right; padding: 0 0 15px 25px; margin: 0;}
	.eventW .eventZim img{ vertical-align:top;}
	.eventW span.zimcount{ display: block; background:#f4e536; color: #222 !important; text-align:center; font-size: 0.9em; padding: 3px 8px 0; font-weight: 400;}
	.eventW span.zimcount span{ display: inline-block; background: url(zims/frontend/loupe.png) no-repeat left center; padding-left: 30px; height: 24px;  }
	.eventW span.zimcount:hover{ background:#fff; text-decoration:underline;}
	
	.eventW .eventDate { color: #222 !important;}
	.eventW .eventTitle{ padding: 15px 0 15px 0; color: #222; } 
	.eventW .eventText{ margin-bottom: 10px; color: #222;} 
	.eventW .eventText a{ color: #222;} 
	.eventW .eventLinks .button{ font-size: 1em; padding: 0.2em 2em; margin: 0} 
	.eventW p:last-child{ margin-bottom: 0} 


	.soonMsg { text-align: center !important; font-style: italic; font-size: 1.2em; margin-top: 40%;}

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Contact * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	#ContactPanel{ left: 10%; width: 35%; }
	.hlt-800 #ContactPanel, .lt-1250 #ContactPanel{ left: 10%; width: 40%; }
	#ContactPanel .slideOverlay{ padding-top: 20%;}
	
	
	#ContactPanel p{ margin-bottom: 1em; text-align:center }
	#ContactCard p.adr, #ContactCard p.phone-numbers { padding-right: 0; }
	#ContactCard .fn, .geo, .tel .type{ display: none; }
	#ContactCard .phone-numbers{ font-size: 1.6em;  }
	#ContactCard .phone-numbers a{ color: #f4e536;   }
	#ContactCard .phone-numbers a:hover{ color: #f4e536; text-decoration:underline;  }
	#ContactCard p.remarques{ clear: both; }
	
	#ContactPanel h4 { text-align:center; font-family: 'Cinzel Decorative', serif; font-size: 1.5em; color: #f4e536; margin: 0 0 2px 0; text-transform:none;}
	#ContactPanel p.buttonW{ margin-top: 25px;}
	
  	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * FANCY * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
 
 
 	.fancyContent { background: #fff url(zims/frontend/floral.jpg) no-repeat right top; padding: 0 0 20px 0; min-width: 400px; }
	.fancyContent .button { color: #222 }
 	.fancyContent h2{ 
		font-size: 2em; line-height: 1em; margin: 0 0 20px 0;  letter-spacing: 0.5px; color: #fff;
		background: #f4e536; padding: 20px; font-family: 'Cinzel Decorative', serif;  font-weight: bold;}
	.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: #fff url(zims/frontend/floral.jpg) no-repeat right top;  width: 700px; }
	#FancyContactBox h2{ 
	 	background: #f4e536; padding: 25px; 
		line-height: 1em; font-family: 'Cinzel Decorative', serif; 
	 	font-size: 2em; color: #fff; margin: 0; letter-spacing: 0.5px; font-weight: bold;
		background-position: 15px center; background-repeat:no-repeat; }
		
	#FancyResaBox{ background: none; background: url(zims/loader/loader2.gif) no-repeat center;  padding: 0; min-width: 350px;}	
	
		
	 #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#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; }
	 
	.fancyContent .formButtons { display: inline; float: left; width: 100%; text-align: center;}
	.fancyContent .formButtons input{ padding: 0.5em 2em; line-height: 2em; border-color: #222; color: #222;}
 	.fancyContent .formButtons input:hover, .fancyContent .formButtons input[type="submit"]:hover{ color: #f4e536 !important; border-color: #f4e536 ;}
	
	#ContactFormSubmit, #ContactFormSubmit:hover{ border-color: #000; color: #000;}
	
 
 
 	#ReservLegend{ padding: 0 25px 10px; margin: 10px 0; text-align: left; border-bottom: 1px solid #222; padding-right: 200px;}

	
	
	 p#Confirmation{
		font-size: 1.3em; font-style:italic; font-weight: 300; color: #222; line-height:1em; margin: 50px 0 50px; text-align:center;
	}
	.fancybox-inner  p#Confirmation{ padding: 50px 250px 50px 25px; margin: 0;}
	
	
	
	
	.mobile #BtnCommanderW {text-align: center !important;}
	
	
	
	@media (max-width: 1024px) {
	  #CartePanel .slideOverlay .SkewW {
			padding-top: 160px;
		}
		
		
		#BtnCommanderW {text-align: center;}
		
		
		
	}