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

Version 0.9.6.0
Date 02/01/2015                                                                                 
*/

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

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


/* ################################################################################################################																		     *                                                                      							
														BASICS
 *###############################################################################################################*/
 
 
	html, body { margin: 0; padding: 0; border: 0; }
	body { 
		font-size:14px; background: #fff;
		color: #222;
		font-family: 'Raleway', sans-serif;
		font-weight: 300;
		letter-spacing: 0;
		line-height: 1.5em;
		overflow-y: scroll;
	}
	.lt-1440 body { font-size: 13px;}

	input, select, textarea {
		color: #333;
		font-family: 'Raleway', 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; */
			color: #556599; 
			text-decoration: underline;
		}
		
		a:active, a:focus { outline:0; }
		a img { border:0; }
		

	strong, b {
		font-weight: 400;
	}

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

	h1, h2, h3, h4, h5, h6 {
		font-family: 'Raleway', sans-serif;
		color: inherit;
		font-weight: 300;
		line-height: 1.3em;
		margin-bottom: 1em;
		text-transform: uppercase;
	}

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

	h2 {
		font-size: 1.8em;
	}

	h3 {
		font-size: 1.5em;
	}

	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;}
	
	sup{ font-size: 0.5em;}
	
	p strong{ font-weight: 600;}
	
	
/* ################################################################################################################																		     *                                                                      							
														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(85, 75, 96, 0.7);
		color: 333;
		display: block;
		padding: 0.4em 0.75em;
		text-decoration: none;
		width: 90%;
		outline: 0;
		border-right-width: 20px;
		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(85, 75, 96, 0.7);
		color: 333;
		display: block;
		padding: 0.4em 0.75em;
		border-right-width: 1px;
		border-right-style: solid;
		line-height: 1.3em; }

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

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


		
	
/* Google Map / Vcard */

/*
	#jGMapW { width:700px; height:400px; margin:10px auto; border:1px solid #ccc; background:#fafafa; }
	#jGMapW .geo{ display:none;}
	#jGMap { width:700px; height:400px; }*/
	
	#Content .vcard p { margin:0; padding:0; font-size:1.2em;}
	#Content .vcard .adr .street-address { display:block; }
	#Content .vcard .tel .type, .vcard .uri { display:none; }	
	
	


/* Specials */


	 /**
	 * Floating elems
	 */
	.float, .floatL
	{display:inline; float:left;}
	.floatR
	{display:inline; float:right;}
	
	/*img.floatL, img.floatR{ display:block; }
	img.floatL{ margin: 0 20px 20px 0; }
	img.floatR{ margin: 0 0 20px 20px;  }*/
	
	
	/**
	 * Away elems
	 */
	.away
	{position: absolute; top: -99999px;}
	.awayText
	{text-indent: -9999px; overflow: hidden; }
	.hidden
	{display: none;}
	
	 /**
	 * WRAPPERS 980
	 */
	.focus
	{ margin:0 auto; width: 980px; }
	
	.clear{ clear: both; min-height: 1px;}
	.bigclear{ clear: both; height: 80px;}
	/**
	 * 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;
	}
	
	.sfont { font-family: 'Raleway', sans-serif;}
	
	.shadow{ text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
	.shadow-w{ text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); }
	
	
		
/* ################################################################################################################																		     *                                                                      							
														PAGES
														
 *###############################################################################################################*/
 	
	
	
	/* 
	
	BLEU : #2f395a
	
	*/
	
	
	/*html{ overflow-y: scroll;}*/
	html, body, #Main{ height: 100%;}
	
	#Main{ width: 100%; height: 100%;}

	
	.page{ width: 100%; overflow: hidden; position: relative;}
	.simpleformPage{ width: 100%; height: 100%; overflow: hidden; position: relative;}

	
	.screensW{ width: 100%; height: 100%; }
	.screen{ width: 100%; height: 100%; position:relative; overflow: hidden; }

	
	.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: #f7f7f7 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 11s ease-out;
	   -webkit-transition:all 11s ease-out;
	   -o-transition:all 11s ease-out;
		transition:all 11s ease-out;
		
		transform: translate3d(0px, 0px, 0px) scale(1.10);
	}
	
	
	
	#ZoomHalfBanner{ height: 75%; position: relative; overflow: hidden;}
	#ZoomHalfBanner.lightbanner{ height: 50%;}
	#ZoomHalfBanner.darkPanel{ }
	#ZoomHalfBanner h2{ position: absolute; z-index: 1000; font-size: 3.8em; bottom: 25px; right: 4%; margin: 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0, 1);}
	
	
	.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: 3em; margin: 0; }
	h2.pageTitle span{ }
	
	.mega { font-size: 2.8em }
	.ultra { font-size: 3.8em;}
	
	
	
	.mainTextW{
		padding: 30px 0 0 30px; border-left: 1px solid #fff;
	}
	.mainTextW *:first-child{  margin-top: 0;}
	.justified *, .justified { text-align: justify }
	.centered *, .centered{ text-align: center; }
	.bigmargin{ margin-top: 50px!important; margin-bottom: 50px !important;}
	.notitle{ margin: 50px 0 0 0;}	
	
	.sidepadding{ padding: 0 25px; width: auto !important;}
	
	
	
	.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;
	} 
	
	
	

	
	.centeredlist, .centeredblock{ margin: 0 12.5%; width: 75%; }
	.centeredlist85{ margin: 0 7.5%; width: 85%}
	
	.centeredlist.col2 > li, .centeredlist.col3 > li, .centeredlist.col4 > li{ display: inline;	float: left;}
	.centeredlist.col2 > li{ width: 49%; margin-right: 1%; margin-bottom: 25px;}
	.centeredlist.col2 > li:nth-child(odd){ clear: left;}
	.centeredlist.col2 > li:nth-child(even){ margin-right:0; margin-left: 1%;}
	.bigpadding.col2 > li:nth-child(odd){ padding-right: 2%; width: 47%;}
	.bigpadding.col2 > li:nth-child(even){ padding-left: 2%; width: 47%;}
	
	
	.centeredlist.col3 > li{ width: 32%; margin-right: 2%}
	.centeredlist.col3 > li:nth-child(3n){ margin-right: 0; }
	.centeredlist.col3 > li:nth-child(3n+1){ clear: left; }
	
	.centeredlist.col4 > li{ width: 23%; margin-right: 2.5%}
	.centeredlist.col4 > li:nth-child(4n){ margin-right: 0; }
	
	.centeredlist li{ margin-bottom: 50px;}

	.centeredlist > li.fullwidth{ width: 100%; margin: 0;}
	
	.colZim{ width: 100%}

	.voidList{ overflow: auto;}
	
	.floatZim{ display: block; float: left; margin: 0 5% 30px 0;}
	.floatR{ float: right; margin: 0 0 30px 5%;}

	
	.linedLink{ 
		display: inline-block; margin: 0 auto; color: #2f395a; font-size: 1.3em; letter-spacing: 0.5em; padding: 10px 0; 
		text-transform: uppercase; border-top: 1px solid #2f395a; border-bottom: 1px solid #2f395a; margin-bottom: 15px; }
	.linedLink:hover{ text-decoration: underline; }
	
	.hoverlink{ 
		display: block; position: absolute; top: 30px; left: 7.5%; text-transform: uppercase;
		text-align: center; padding: 25px 30px 60px 30px; color: #fff;
		background: #2f395a url(zims/frontend/biglink-bg.jpg) no-repeat  center 80%;}
	.hoverlink:hover{ text-decoration: underline; }
	.hoverlink.right{ left: auto; right: 7.5%;  }
	
	.legend { font-style: italic; color: #777; font-size: 0.9em;}
	
	
	
	
	.paralaxW{
		background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; 
		min-height: 200px; width: 100%; margin: 30px 0;}
	
	
	.contactBlockW{ margin: 50px 0;}

	.contactBlock{}
	.contactBlock.push{ padding: 70px 0 0 25px; }
	.contactBlock p{ /*background: url(zims/frontend/sprite-icons.png) no-repeat left top; padding-left: 50px;*/}
	.contactBlock p i{ display: block; float: left; font-size: 1.5em;}
	.contactBlock p.acces{}
	.contactBlock p.horaires{ background-position: left -145px;}
	.contactBlock p.coords{ background-position: left -292px;}
	.contactBlock p span.line{ display: block; border-bottom: 1px solid #000; padding: 0 0 20px 40px;}
	

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

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

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

		
	#Nav{ position: fixed; top: 0; width: 100%; height: auto; z-index: 5001;}
	
	#UpperNav{ position: absolute; z-index: 5001}
	
	#NavIco{ 
		display: block; position: absolute; z-index: 5001; height: 70px; width: 70px;
		background: rgba(0, 0, 0, 0.9) url(zims/buttons/minimenu-w.png) no-repeat center; border: none;
	}
	#NavIco span{ position: absolute; left: 80px; line-height: 1em; top: 22px; text-transform: uppercase; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); }
	
	
	.dark #NavIco span{ color: #fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
	
	
	
	#ResaLink{ position: absolute; right: 135px; top: 10px; font-size: 1.2em; z-index: 5001;}
	
	
	
	
	
	
	
	
	#Menu{ position: absolute; z-index: 5000; display: none;
		background: rgba(255,255,255,0.95); width: 100%;
	}

	#MenuLogo{ margin-bottom: 10px; float: right; display: block; max-width: 45%;}
	
	#MainMenu{ width: 60%; display: inline; float: left; overflow: auto; padding-top: 20px; margin-left: 10%;}
	#MainMenu > li{ display: inline; float: left; margin-right: 0; width: 33.3%; font-size: 1.1em; margin-bottom: 15px; letter-spacing: 0; text-align: left;  }
	#MainMenu > li.HTMLMenuW { margin-bottom: 20px; width: 100%; }
	#MainMenu > li.HTMLMenuItem:nth-child(4){ clear: left;}
	
	#MainMenu > li#MainMenu-contact-Item{ display: none;}
	
	/* #MainMenu > li#MainMenu-contact-Item{ float: right;} */
	
	
	#MainMenu .HTMLMenuTitle{ 
		display: inline-block; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-size: 1em; color: #fff; letter-spacing: 1px; background: #000; padding: 6px 25px; margin-bottom: 10px; font-weight: 600;  }
	#MainMenu li > a.HTMLMenuItemLink-Level1  { text-transform: uppercase; font-family: 'Raleway', sans-serif; font-size: 1em; color: #666;  }
				
	#MainMenu > li.HTMLMenuW ul li{ margin-bottom: 10px; display: inline; float: left; width: 33.3%;} 
	#MainMenu > li.HTMLMenuW ul li a{ text-transform : uppercase; display: inline-block;  }
	
	#MainMenu a:hover{ text-decoration: underline;  }
	

	
	
	
	#ResaNav{ width: 15%; display: inline; float: right; padding-top: 20px;  }
	
	#ResaNav ul li { margin-bottom: 6px; margin-right: 20px; border-bottom: 1px solid #000; padding-bottom: 6px;}
	#ResaNav ul li:last-child { border: none; }
	#ResaNav ul li a.button{ 
		background: none; padding: 7px 0 5px; width: 100%; 
		color: #000; font-family: 'Raleway', sans-serif; text-transform: uppercase; letter-spacing: 0; font-size: 0.9em; 
		border: none;  }
	#ResaNav ul li a.button:hover{ background: #000; color: #fff;  }
	
	
	
				
				
	#RightNav{ width: 27%; display: inline; float: left;  border-left: 1px solid #333; margin-top: 20px; position: relative; padding: 0 0 0 2%;}
	
	#Socials{ height: 25px; width: 45%; display: table; float: left; clear: left;}
	#Socials li{display: inline-block; width: 25%;}
	
	
	#LangLinks{ z-index:1000; height: 25px; width: 50%; float: left; display: inline; margin: 20px 0;}
	#LangLinks li{ height: 20px; float: left; margin-right: 10%;} 
	#LangLinks li a{ display: block; height: 100%; background-position: left center; background-repeat:no-repeat; padding: 0 0 0 30px; text-indent: -999px; overflow: hidden;  }
	/*#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); }
	
	
	
	#ContactLink{ text-transform: uppercase; font-family: 'Raleway', sans-serif; font-size: 1em; color: #666; float: left; display: inline; }

	
	#Links{ width: 100%; display: table; text-align: center;  }
	#Links li{ display: inline-block; margin: 0 4%; }
	
	#MgalleryLogo{ height: 80px; display: block; float: right; margin: 0 0 0 15px;}
	
	
	

	#Credits{  font-size: 0.8em; color: #777; line-height: 1.2em; letter-spacing: 0;  clear: left; margin: 15px 0 0 0; }
	#Credits a{  color: #777;}
	
	#MainResaLink{ 
		display: inline-block; position: absolute; right: 20px; top: 20px; letter-spacing: 1px;
		font-size: 1.2em; text-transform: uppercase; padding: 8px 35px; background: #000; color: #fff;}
	#MainResaLink:hover{ text-decoration: underline; }
	
	
	
	
	#SubMenuW{ margin-bottom: 50px; position: relative; z-index: 100; top: -2px; }
	#SubMenuW.nomargin{margin-bottom: 0; }
	#SubMenuW ul.submenu{  background: #000; width: 100%; display: table; text-align: center; /*border-bottom: 1px solid #666;*/ }
	#SubMenuW.colormenu ul.submenu{  background: #2f395a; }
	#SubMenuW ul.submenu li{ display: inline-block; padding: 0 30px; border-right: 1px solid #666; }
	#SubMenuW ul.submenu li a { display: block; padding: 10px 0; color: #fff; text-transform: uppercase;  }
	#SubMenuW ul.submenu li:last-child{ border-right:none }
	#SubMenuW ul.submenu li.current{ background: #fff;  }
	#SubMenuW ul.submenu li.current a{  color: #000; }
	
	/*#SubMenuW ul.submenu li:first-child{padding-left: 0; }
	#SubMenuW ul.submenu li:last-child{ margin-right: 0; padding-right: 0; border-right:none }
	#SubMenuW ul.submenu li.current{ background: #fff; padding-left: 30px;  }
	#SubMenuW ul.submenu li:first-child{padding-left: 0; }
	#SubMenuW ul.submenu li a { display: block; padding: 10px 0; color: #fff; text-transform: uppercase;  }
	#SubMenuW ul.submenu li.current a{  color: #000; }
	#SubMenuW ul.submenu li a:hover{ text-decoration: underline; }
	#SubMenuW ul.submenu li:last-child.current{ margin-right: 0; padding-right: 0; border-right:none }*/
	
	#SubMenuW ul.subsubmenu{  background: #fff; width: 100%; display: table; text-align: center; }
	#SubMenuW ul.subsubmenu li{ display: inline-block; margin-right: 30px;  padding: 10px 0; }
	#SubMenuW ul.subsubmenu li:last-child{ margin-right: 0; }
	#SubMenuW ul.subsubmenu li a { display: block;  color: #000; text-transform: uppercase; border-right: 1px solid #666; padding-right: 30px;}
	#SubMenuW ul.subsubmenu li:last-child a{  padding-right: 0; border-right:none }
	#SubMenuW ul.subsubmenu li a:hover, #SubMenuW ul.subsubmenu li a.current{ text-decoration: underline; }
	
	
	
	
	@media(max-width:1320px) {
		
		/*#MainMenu{ width: 62%}
		#MainMenu li{ margin-right: 3%; width: 22%;  }
		#MainMenu li:nth-child(3n+1){ clear: left;   }
		#Credits{ width: 230px;   }*/
	}
	
	
	
	#Footer{ height: 20px; background: #111; clear: both; margin-top: 40px; }
	#page-home #Footer{ display: none;}
	

		
/* Content */

	#ContentW, #Content { height: 100%}
	#Content { }
	#Content { padding: 0; /*background: url(zims/frontend/bg-vitrail.png) no-repeat center; background-attachment: fixed; background-size:cover;*/}
	#Content h2:first-child { margin-top: 0;}
	
	#SpecialAnnounce{ display: none;}
	

 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HOME * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 	#page-home{ overflow: hidden; }
	#page-home #HeaderW { 	
		position: fixed;
	}
	
	
	#HomeLogo{ width: 100%; top: 20%; opacity: 0;}
	#HomeLogo h2{ text-align: center; font-size: 2em; }
	#HomeLogo h2 img{ position: relative; left: -30px;}
	
	
	#HomeNewsLink{
		-moz-transition: margin-right 0.2s ease-in-out;
		-webkit-transition: margin-right 0.2s ease-in-out;
		-o-transition: margin-right 0.2s ease-in-out;
		-ms-transition: margin-right 0.2s ease-in-out;
		transition: margin-right 0.2s ease-in-out;
		margin-right: -6px;
		width: 130px; height: 255px; background: url(zims/frontend/homenews.png) no-repeat right top;
		position: absolute; z-index: 1000; right: -200px; top: 28%; }
	#HomeNewsLink:hover{ margin-right: 0;}
		
	#HomeNewsLink a{ 
		display: block; width: 100%; height: 135px; font-family: 'Raleway', sans-serif; color: #000; text-align: center;
		padding: 115px 0 0 10px; font-size: 1.5em; line-height: 1.1em;}
	#HomeNewsLink a strong{ font-size: 1.3em; position: relative; top: 3px; color: #000; }
	
	
	
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * SIGNATURES * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
	
	
	#ArtisteTitle{ font-size: 4em;}
	h3.subtitle{ font-size: 2em;}
	
	
	.artiste h3{ margin: 0; overflow: hidden; text-align: center; }
	.artiste-couvLink{  position: relative; display: block; }
	.artiste-couvLink img{ width: 100%; vertical-align: bottom; }
	.artiste-nom{ display: block; height: 15px; vertical-align: middle; line-height: 20px; }
	
	.artiste-loupe{ 
		display: block; width: 25px; height: 25px; padding: 9px; background: #111; text-align: center; color: #fff; position: absolute; bottom: 0; right: 0; cursor: pointer; 
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	}
	.artiste-couvLink:hover .artiste-loupe{ 
		background-color: #fff; color: #111;
	}
	
	/*
	.artiste-titre{ 
		font-size: 1.5em; line-height: 1.5em; text-align: center; vertical-align: middle; text-transform: uppercase;
		margin: 0; height: 100%; width: 100%; color: #fff;
		display: table-cell; 
	}*/
	
	

	.oeuvreThumb{ display: block; float: left; margin: 0 25px 25px 0; width: 500px;}
	
	
	/* SURCHARGE SHANGTI */
	#OeuvreDescription, #OeuvreDescription *{ text-align: left !important; font-size: 1em !important; letter-spacing: 1px !important; }
	
	
	
	
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * NEWS * * * * * * * * * * * * * * * * * * * * * * * * * * * * */		
	
	#ExhibList{}
	#ExhibList h3 span{ font-size: 0.7em; font-family: Arial; letter-spacing: 0;}
	
	
	
	
	#ActusList{ margin: 40px auto;}
	
	#ActusList li:nth-child(3n+1){ clear: left; }
	
	
	.actu{ position: relative; margin-bottom: 10px;}
	.actu h3{ margin: 0; height: 100%; position: relative;}
	.actu a { display: block; vertical-align: top;}
	.actu a img{ width: 100%;}
	
	
	.actu-listItemOverlay {
		position: absolute; top: 0; left: 0;
		display: table;
		height: 92%;
		width: 92%;
		vertical-align: middle;
		padding: 4%;
		background: rgba(20,20,20,0.4);
		
		
	}
	.chrome .actu-listItemOverlay { width: 93%; height: 100%;}
	/*.actu a:hover .actu-listItemOverlay { padding: 0; width: 100%; height: 100%}*/
	
	.actu-listItemTitle{
		
		font-size: 1.3em;
		line-height: 1.4em;
		margin: 0; color: #fff;
		height: 100%;
		width: 100%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		text-transform: uppercase;
		padding: 10px;
		border: 1px solid #000;
		
	}
	.actu a:hover .actu-listItemTitle { border: 1px solid #fff;}	
	
	.actu-listItemSubtitle{ 
		font-size: 0.5em;
		display: inline-block; 
		margin-top: 20px; border-top: 1px solid #fff;
		line-height: 1.2em; padding-top: 10px;
	}
	
	
	
	/* LISTE AVEC EFFETS */
	/*
	.actu{ position: relative; margin-bottom: 10px;}
	.actu h3{ margin: 0; height: 100%; position: relative;}
	.actu a { display: block; vertical-align: top;}
	.actu a img{ 
		width: 100%;
		-moz-transition: padding 0.2s ease-in-out, width 0.2s ease-in-out;
		-webkit-transition: padding 0.2s ease-in-out, width 0.2s ease-in-out;
		-o-transition: padding 0.2s ease-in-out, width 0.2s ease-in-out;
		-ms-transition: padding 0.2s ease-in-out, width 0.2s ease-in-out;
		transition: padding 0.2s ease-in-out, width 0.2s ease-in-out;
	}
	.actu a:hover img { padding: 4%; width: 92%}
	
	
	.actu-listItemOverlay {
		position: absolute; top: 0; left: 0;
		display: table;
		height: 92%;
		width: 92%;
		vertical-align: middle;
		padding: 4%;
		background: rgba(20,20,20,0.6);
		-moz-transition: padding 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;
		-webkit-transition: padding 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;
		-o-transition: padding 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;
		-ms-transition: padding 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;
		transition: padding 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;
		
	}
	.chrome .actu-listItemOverlay { width: 93%; height: 100%;}
	.actu a:hover .actu-listItemOverlay { padding: 0; width: 100%; height: 100%}
	
	.actu-listItemTitle{
		border: 1px solid #fff;
		font-size: 1.3em;
		line-height: 1.4em;
		margin: 0; color: #fff;
		height: 100%;
		width: 100%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		text-transform: uppercase;
		padding: 10px;
		-moz-transition: border-width 0.2s ease-in-out, border-color 0.2s ease-in-out; 
		-webkit-transition: border-width 0.2s ease-in-out, border-color 0.2s ease-in-out; 
		-o-transition: border-width 0.2s ease-in-out, border-color 0.2s ease-in-out; 
		-ms-transition: border-width 0.2s ease-in-out, border-color 0.2s ease-in-out; 
		transition: border-width 0.2s ease-in-out, border-color 0.2s ease-in-out; 
		
	}
	.actu a:hover .actu-listItemTitle { border-width: 13px; border-color: #ccc;}	
	
	.actu-listItemSubtitle{ 
		font-size: 0.5em;
		display: inline-block; 
		margin-top: 20px; border-top: 1px solid #fff;
		line-height: 1.2em; padding-top: 10px;
	}*/
	
	
	
	
	.backLink{ display: block; margin-top: 15px; font-size: 1.1em; text-transform: uppercase; letter-spacing: 0;}
	
	
	.actuSubtitle{ background: #2f395a; text-align: center; color: #fff; padding: 0.6em 10px; margin-top: 0;}
	.actuFlyerW{}
	.actuFlyerW img, .actuHeaderW img, .actuFooterW img{ display: block; width: 100%;}
	
	.actuHeaderW{ margin-bottom: 40px;} 
	.actuFooterW { margin-top: 20px;}
	

	
	.newsGalPagi{  position: relative; margin-top: 5px;}
	.newsGalArrow{ position:absolute; font-size: 1.8em; color: #2F395A; top: 0; }
	.newsGalArrow.carousel-prev{  }	
	.newsGalArrow.carousel-next{ right: 0; left: auto;}	
	.newsGalCounter{ width: 100%; display: block; text-align: center; line-height: 1.8em; color: #2F395A }
	/*.newsGalW.carousel-prev{ left: 10px; }	
	.newsGalW.carousel-next{ right: 10px; background-position: right center;}	*/
	
	
	/*#FilterNews { padding-top:1.5em;  }
	#FilterNews  li  { display:inline-block; margin-bottom:0.5em; margin-right:0.4em;   }
	#FilterNews  li a  { background:#000000; color:#ffffff; text-transform:uppercase; padding:0.5em 1em;  display:block;  }
	#FilterNews  li a.current { background:#cccccc; color:#000000; }*/

	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * FANCY * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
 
 
 	.fancyContent { background: #fff url(zims/frontend/floral.jpg?c=2) no-repeat right top; padding: 0 0 20px 0; min-width: 450px; }
	.fancyContent .button { color: #000 }
 	.fancyContent h2{ 
		padding: 25px; line-height: 1em; background: #000; 
		font-size: 1.8em; font-weight: 700; text-transform: uppercase; margin: 0 0 20px 0; color: #fff;}
		
	.fancyContent form { padding: 20px 250px 20px 20px;}
	
	.fancyContent p.legend{ padding: 8px 250px 8px 20px; color: #000; }
	
	#NewsletterFormButtons{ margin-top: 20px;}
	
	#jGMapW { width:980px; height:600px; margin:0; border:none; }
	#jGMapW .vcard{display:none; }
	#jGMap { width:100%; height:100%; }
	
	
	.fancyContent .legend{ font-size: 0.9em; text-align:left !important; color: #fff; padding-left: 15px;}
	
	#FancyContactBox, #FancyResaBox{ /*background: #fff url(zims/frontend/floral.jpg) no-repeat right top; */ width: 700px; }

		
		
	 #ContactForm{ margin: 0; padding: 0 25px 10px; margin-top: 15px; padding-right: 200px;}
	 #ContactForm fieldset p{  width: 42%; display: inline; float: left; margin-right: 10%;}
	 #ContactForm fieldset p:nth-child(odd){ margin-right: 0;}
	 
	 #ContactForm label{ display: block}
	 

	#ContactForm fieldset p#field-message{  width: 100%; }
	
	 
	 #message{  height: 100px; }
	 
	 #date, #heure, #nbpers{  width: 90px; }
	 
 
	#Coords{ padding: 0 0 0 20px; font-size: 1.2em; }
	#Coords span.tel{ font-family: Arial; }
	
	
	 p#Confirmation{
		font-size: 1.3em; font-style:italic; font-weight: 300; color: #000; line-height:3em; margin: 50px 0 50px; text-align:center;
	}
	.fancybox-inner  p#Confirmation{ padding: 0 250px 0 25px; }
	
	#SoonW{ display: none; }
	#Soon{ text-align: center; padding: 50px 80px; font-size: 1.7em; background: #000; color: #fff; margin: 0; }
	
	
	
	#CMARTLogo{ display: block; float: right; width: 150px; margin-right: 220px;}
	
	
	@media(max-width:1440px) {
	
		#MainResaLink{ right: 15px; padding: 7px 20px; }
		
	}
	
	@media(max-width:1280px) {
	
		#NavIco span{ opacity: 0; top: -100px; }
		.centeredlist, .centeredblock { margin: 0 5%;width: 90%; }
		#ContactForm{ padding-right: 0;}
		
	}
	
	
	
	
	
	@media(max-width:1023px) {
			
			
		body {  background-position: center 25%; }
		.arrowNext{ display: none }
		
		#HeaderW{ height: 115px; background-image: url(zims/frontend/header-overlay-w-mobile.png) !important;}
		#HeaderW, #Nav{ position: absolute;}
		#Footer{ display: none; }		
		#Header h1 a{ width: 160px; margin: 0 40px 0 0; float: right}
		
		
		/*.mobile #ResaLink, .mobile #Socials{ display: none }
		#Header h1 a { margin: 0; float: right;  width: 180px}*/
		
		#Menu{ background: rgba(255,255,255,0.90); }
		#NavIco{ position: fixed;}
		/*#NavIco.active{ position: absolute;}*/
		#NavIco span{ display: none;}
		
		#ResaLink{ right: 20px; position: fixed;}
		#Socials{ top: 15px; roght: 0:}
		#MenuLogo{ display: none;}
		
		
		
		
		
		#MainMenu{ width: 90%; padding: 0 5%; margin-top: 72px; margin-left: 0;}
		#MainMenu li{ width: 100%; margin: 0; font-size: 1.2em; text-align: center; padding: 8px 0; color: #000; float: none; display: block;}
		#MainMenu li:last-child{ border: none; }
		#MainMenu li a{ background: none; padding: 0; }
		#MainMenu li > a.HTMLMenuItemLink-Level1{ font-size: 1.1em;}
		
		#MainMenu .HTMLMenuTitle{ display: block; }
		#MainMenu > li.HTMLMenuW ul li{ display: block; float: none; width: 100%; margin-bottom: 0;}
		#MainMenu > li#MainMenu-contact-Item{ display: block;}
		
		#MainResaLink{ display: none;}
		
		#RightNav{ width: 90%; padding: 0 5%; border: none; margin-top: 0;}
		#Socials li{ width: 25%; text-align: center; margin-right: 10px;}
		#ContactLink{ float: right;}
		
		
		#LangLinks{ margin: 0 }
		#Links { margin: 5px 0;}
		#Links li{ width: 30%; margin: 0 1.5%;}
		#Links a img{ display: block; max-width: 100%;}
		
		#Credits { width: 100%; text-align: left; position: static; font-size: 0.9em; margin-top: 40px;}
		#Credits a{ margin-bottom: 10px; display: inline-block;}
		
		
		h2.pageTitle{ font-size: 2.5em;}
		h3{ font-size: 1.5em; /*text-align: left !important;*/}
		
		.screenZimW{ position: static; height: 300px;}
		.screenZim{ display: block; position: static; width: 100%;}
		
		.screenPanelW, .screenPanel{ position: static;}
		.halfPanel{ width: 100%; padding-top: 20px;  height: auto; background-image: none; }
		.mainTextW{ width: 83%; padding: 20px 0 30px 20px; }
		
		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		textarea:focus, select:focus {
			border-color: #6c5953;
		}
		
		#MainResaLink{ padding: 6px 10px; right: 5px; font-size: 1.1em; z-index: 5002;}
		
		#HomeNewsLink {
			width: 88px; height: 230px;
			background-position: left top;	top: 18%;
		}
		#HomeNewsLink a { font-size: 1.2em; padding: 115px 0 0 6px;}
		
		
		#ZoomHalfBanner{ height: 50%;}
		
		
		/* COMMON */
		
		#ZoomHalfBanner h2{ left: 0; right: 0; font-size: 2.5em; text-align: center; bottom: 5px;}
		.ultra { font-size: 3em; line-height: 1.2em;}
		
		.centeredlist, .centeredlist85, .autocenterlist, .centeredblock, .sidepadding{ margin: 0 5%; width: 90%; }
		
		.centeredlist.col2 > li, .centeredlist.col3 > li, .centeredlist.col4 > li, 
		.autocenterlist.col2 > li, .autocenterlist.col3 > li, .autocenterlist.col4 > li
		{ display: block;	float: none; width: 100% !important; margin: 20px 0 !important;}
		
		.sidepadding{ padding: 0;}

		.scrollAppear{ position: relative;}
		.styledMiniList{ padding-left: 5%}
		
		.hoverlink{
			position: static;
			padding: 10px 28px 46px 30px;
			font-size: 1.2em;
		}
		
		img.floatL, img.floatR{ width: 100%;}

	
		
		#SubMenuW ul.submenu li{ border: none}
		#SubMenuW ul.subsubmenu li{ margin-right: 10px; }
		#SubMenuW ul.subsubmenu li a{ padding-right: 12px;}
		
		

		/* HOME */
		#page-home #PagesW, .pagehome{ width: 100%; height: 100%;}
		#page-home .screenPanelW, #page-home .screenPanel{ position: absolute;}
		#HomeLogo { z-index: 500; width: 100%;}
		#HomeLogo h2 { width: 90%; margin: 0 5%; text-align: center;}
		#HomeLogo h2 img { width: 100%; left: 0;}
		#page-home { overflow: visible;}
		#page-home #HeaderW{ position: absolute;}
		#page-home #Content {height: 95%}
		#HomePage-1{ position: fixed;}
		
		#page-home #HomeNewsLink{ top: 28% }
		
		/* PAGES */
		
		.bigItemList{ padding-bottom: 15px;}
		
		.chambre-couvLink{ height: 300px;}
		.chambre-details{ width: 90%;}
		.chambre-detailPrestations{ padding-left: 10px; margin-bottom: 10px;}
		.chambre-detailPrestations li{ width: 100%; height: auto; margin-bottom: 8px; float: none;}
		.chambre-detailTitre a.closer{ margin-left: 0;}
		
		.miniGalArrow{ width: 25px; top: 24%; }
		
		.chambre-detailTitre a.button{ margin-left: 0; top: 5px; float: none; }
		
		
		#Intro, .mobilefull{ margin: 0; width: 100%;}
		
		#ArtisteTitle{ font-size: 3em; }
		#ArtisteTitle img{ width: 90%; }
		.oeuvreThumb{ width: 100%; }
		
		#ExhibList h3 { margin-bottom: 5px;}
		#OeuvreList li{ margin-bottom: 50px !important;}
		
		
		#Coords{ padding: 0 5%; }
		#CMARTLogo {float: none; margin-right: 0; margin-bottom: 20px; }
		#Coords strong{ clear: both; }
		
		.fancyContent { width: auto !important; min-width: 260px; background: none;}
		#ContactForm fieldset p, #ReservForm fieldset p  { width: 90% !important; margin-right: 0;}
		#ReservForm fieldset p#field-arrivee *{ float: none;}
		
		.fancyContent p.legend, #ContactForm{ padding: 8px 5%; width: 90%}
		.fancyContent h2{ padding: 25px 5%; width: 90%}
		
		
		#NewsletterBox{ width: 100%; background: #fff;}
		#NewsletterBox .fancyFormW{ padding: 20px 3%; background: none;}
		#NewsletterBox .fancyFormW form{ width: 95%;}
		
		#jGMapW {
		width:100%; height:400px;  }
		
		#loginBox{ padding: 0; width: 230px}
		#loginBox h2{font-size: 1.7em;}
		#AuthFormW{ width: 100%}
		
	}