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

Version 0.9.6.0
Date 02/01/2015                                                                                 
*/

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

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Reem+Kufi'); 


/* ################################################################################################################																		     *                                                                      							
														BASICS
 *###############################################################################################################*/
 
 
	@import url('./fonts/alto-pro.css');

 
 
	html, body { margin: 0; padding: 0; border: 0; }
	body { 
		font-size:16px; background: #fff;
		color: #222;
		font-family:  'alto_prolight', 'Open Sans', sans-serif;
		font-weight: 300;
		letter-spacing: 0;
		line-height: 1.4em;
		overflow-y: scroll;
	}
	.lt-1440 body { font-size: 14px;}

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

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

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

	strong, b {
		font-weight: 600;
	}

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

	h1, h2, h3, h4, h5, h6 {
		font-family: 'alto_pro_connormal', 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;
		/*margin: 10px;*/
		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"],
	.soon {
		-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;
		}


	textarea.wide { max-height:70px; height:70px;  }
	
/* 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;  }
	
	
	.bold {font-weight: bold;}
	.italic {font-style: italic;}
	
	
	/**
	 * 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: 'alto_probold', 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); }
	
	.clearblue{ color: #60B0E3 }
	
	.uppercase{text-transform: uppercase;}		



	/* ################################################################################################################																		     *                                                                      							
														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.darkPanel{ }
	#ZoomHalfBanner h2{ position: absolute; z-index: 1000; font-size: 3.8em; bottom: 25px; right: /*4%*/ 25px; margin: 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0, 1); z-index: 1000;}
	
	.imgBanner {width: 100%; margin-top: -18%;}
	
	.darkPanel *{ color: #fff; }
	.paddingupdown { padding: 20px 0 0 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{ }
	
	
	.super { font-size: 1.8em !important }
	.mega { font-size: 2.8em !important }
	.ultra { font-size: 3.8em !important }
	
	
	
	.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{  margin-left: 12.5%!important; margin-right: 12.5%!important; width: 75%; }
	.centeredlist85{  margin-left: 7.5%!important; margin-right: 7.5%!important; width: 85%}
	.centeredlist60{ margin-left: 20%!important; margin-right: 20%!important; width: 60%}
	
	.centeredlist.col2 > li, .centeredlist.col3 > li, .centeredlist.col4 > li{ display: inline;	float: left;}
	.centeredlist.col2 > li{ width: 47%; 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%;}
	
	#page-spa .centeredlist li.img {padding-top: 20px;}
	#SectionProgrammesSoins > :nth-child(2) {
		display: flex;
		justify-content: center;
	  }
	  
	.centeredlist.col3 > li{ width: 32%; margin-right: 2%}
	.centeredlist.col3 > li:nth-child(3n){ margin-right: 0; }
	
	.centeredlist.col4 > li{ width: 23%; margin-right: 2.5%}
	.centeredlist.col4 > li:nth-child(4n){ margin-right: 0; }
	
	.centeredlist > li.fullwidth{ width: 100%; margin: 0;}
	
	
	.colZim{ width: 100%}
	.voidList{ overflow: auto;}
	
	
	.autocenterlist{ margin: 0 12.5%; width: 75%; /*display: table;*/ display: flex; flex-wrap: wrap; align-items: flex-end; text-align: center;}
	.autocenterlist> li{ margin-bottom: 25px; display: inline-block}
	
	.autocenterlist.col2 > li{ width: 49%; margin-right: 1%; }
	.autocenterlist.col2 > li:nth-child(odd){ clear: left;}
	.autocenterlist.col2 > li:nth-child(even){ margin-right:0; margin-left: 1%;}
	
	.autocenterlist.col3 > li{ width: 32%; margin-right: 2%}
	.autocenterlist.col3 > li:nth-child(3n){ margin-right: 0; }
	
	.autocenterlist.col4 > li{ width: 23%; margin-right: 2.25%}
	.autocenterlist.col4 > li:nth-child(4n){ margin-right: 0; }
	
	

	
	.linedLink{ 
		display: inline-block; margin: 0 auto; color: #2f395a; font-size: 1.3em; letter-spacing: 0.3em; padding: 10px; 
		text-transform: uppercase; border-top: 1px solid #2f395a; border-bottom: 1px solid #2f395a; margin-bottom: 15px; }
	.linedLink:hover{ text-decoration: underline; }
	.linedLink.mini{ font-size: 1.1em; letter-spacing: 0.2em;}
	
	
	
	
	
	.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.png) no-repeat  center 80%;}
	.hoverlink:hover{ text-decoration: underline; }
	.hoverlink.right{ left: auto; right: 7.5%;  }
	
	.rooftop .hoverlink{ background-color: #66b99b; }
	.rooftop .hoverlink:hover{ color: #ccede1; }
	
	.legend { font-style: italic; color: #777; font-size: 0.9em;}
	
	
	.rooftop ul li.justified > h3 { margin-top:0; } 
	
	.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, #page-restauration p i, #page-le-club-molitor p i, #page-club p i, #page-spa 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, #page-restauration p span.line, #page-le-club-molitor p span.line, #page-club p span.line, #page-spa p span.line, #page-brasserie .footerCarte { display: block; border-bottom: 1px solid #000; padding: 0 0 20px 40px;}
	
	
	
	/* Special*/
	
	.halfScreen{ width: 50% }
	
	
	
 
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
/* HEADER */

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

	#Header h1 {
		margin: 0; width: 100%;
		position: absolute; top: 10px; left: 0; z-index: 6000;
	}
	#Header h1 a {display: block; margin: 0 auto; width: 110px; position: relative;}
	#Header h1 a img{ width: 100%; position: absolute; z-index: 1000; }
	
	
	#HeadLogoWhite{ display: none;}
	.dark #HeadLogoWhite{ display: inline;}
	.dark #HeadLogo{ display: none;}
	
	
	#page-visites-des-cabines h2 {background: none !important;}
	#page-visites-des-cabines h2.sfont.ultra.centered {color: #000000 !important;}
	
	
	#btnResaBrunch, #btnResaRooftop,  #btnCmdRooftop, #btnResaBrasserie {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; margin-top: 20px;}

	.titleResaResto {margin: 10px auto !important; }
		
		
	#Nav{ position: fixed; top: 0; width: 100%; height: auto; z-index: 5001;}
	
	#UpperNav{ position: absolute; z-index: 5001}
	
	#NavIco{ 
		display: none; 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);color: #000 !important; }
	#NavIco.active{ background-image : url(zims/buttons/minimenu-mltr.png);  }
	
	.dark #NavIco span{ color: #fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
	
	
	
	#ScrollLink {display: none; color: #ffffff; position: absolute; bottom: 0; bottom:40px; left: 50%; font-size: 5em; text-shadow: 1px 1px 1px rgb(0 0 0); transform: translate(-50%);}
	#page-home #ScrollLink {display: block;}
	#ScrollLink i { margin-top: 20px; }
	#ScrollLink i:hover {color: #fece00;}
	@keyframes bounce{
     from {transform: translateY(0);}
	 50% {transform: translateY(-20px);}
     to {transform: translateY(0px);}
	}
	
	#ScrollLink i {animation: bounce 1s ease infinite;}
	
	
	#ResaLink{ position: absolute; right: 135px; top: 10px; font-size: 1.2em; z-index: 5001;}

	#LinksResaTableW {width: 1000px; height: 650px; background: #ffffff; padding: 20px 0;}
	/* #LinksResaTableW {width: 600px; height: 650px; margin: auto; background: #ffffff; padding: 20px 0;} */
	#LinksResaTable {display: flex !important; justify-content: center;}
	#LinksResaTable .resaResto {width: 50% !important; text-align: center;}
	/* #LinksResaTable .resaResto {width: 100% !important; text-align: center;} */
	#LinksResaTable .resaResto p {text-align: justify; margin: 10% 30px 5%;  margin: 5px 30px 20px; line-height: initial;}
	#LinksResaTable .resaResto img {display: block; width: 80%; height: auto; margin: auto;}

	
	
	#Menu{ position: absolute; z-index: 5000; display: none;
		background: rgba(255,255,255,0.95); width: 100%;
	}

	#MenuLogo{ position: absolute; top: 42%; left: 10px;}
	
	#MainMenu{ width: 60%; display: inline; float: left; overflow: auto; padding-top: 20px; margin-left: 5%;}
	#MainMenu > li{ display: inline; float: left; margin-right: 0; width: 33.3%; font-size: 1.1em; margin-bottom: 32px; letter-spacing: 0; text-align: center;  }
	#MainMenu > li.HTMLMenuW { margin-bottom: 20px; }
	#MainMenu > li.HTMLMenuItem:nth-child(4){ clear: left;}
	
	#MainMenu > li#MainMenu-contact-Item{ float: right; }
	
	
	/* #MainMenu .HTMLMenuTitle{ display: inline-block; text-transform: uppercase; font-family: 'Reem Kufi', sans-serif; font-size: 1em; color: #666; letter-spacing: 1px; border-bottom: 1px solid #888; margin-bottom: 10px; } */
	#MainMenu li > a.HTMLMenuItemLink-Level1, #MainMenu .HTMLMenuTitle  { text-transform: uppercase; font-family: 'alto_probold', sans-serif; font-size: 1em; color: #666;  }
			
	#page-home #MainMenu li > a.HTMLMenuItemLink-Level1, #page-home #MainMenu .HTMLMenuTitle {/*font-size: 1.2em;*/ font-size: 2.5em; line-height: 1; font-weight: 100 !important;}
	
	#page-home #MainMenu li > a.HTMLMenuItemLink-Level1:hover, #page-home #MainMenu .HTMLMenuTitle:hover, #page-home #Menu #MainMenu li#MainMenu-social-Item a:hover span {color: #FECE00;} 
		
			
	#MainMenu > li.HTMLMenuW ul li{ margin-bottom: 3px;} 
	#MainMenu > li.HTMLMenuW ul li a{ text-transform : uppercase; display: inline-block; font-size: 0.9em; color: #ffffff; background: rgba(0,0,0,0.9); padding: 5px 20px; margin-bottom: -4px; }
	/* #MainMenu > li.HTMLMenuW ul li:first-child a {padding-left: 20px;}  */
	/* #MainMenu > li.HTMLMenuW ul li:last-child a {padding-right: 20px;}  */
	#MainMenu > li.HTMLMenuW ul li a:hover {text-decoration: underline;}
	
	#MainMenu a:hover{ text-decoration: /*underline*/ none;}
	
	/* SPECIAL */
	#MainMenu > li#MainMenu-restauration-MenuW, #MainMenu > li#MainMenu-art-MenuW, #MainMenu > li#MainMenu-contact-Item, #MainMenu > li#MainMenu-membres-Item{ margin-right: 0; }
	/*#MainMenu > li#MainMenu-contact-Item, #MainMenu > li#MainMenu-membres-Item{ width: 50%; }*/
	/* */
	
	#MainMenu > li#MainMenu-boncadeauxBIG-Item{ 	width: 100%; margin: 5px 0 20px;	}
	#MainMenu > li#MainMenu-boncadeauxBIG-Item a{ display: inline-block; background: #BC9B1B; color: #fff; font-size: 1.4em; padding: 14px 30px 10px; line-height: 1em; 	}
	
	.HTMLMenuItem {cursor: pointer;}
	/* .HTMLMenuItem:hover {text-decoration: underline;} */
	div.HTMLMenu-Level2 {display: none; padding-left: 30px; margin-bottom: 20px;}
	ul.HTMLMenu-Level2 {display: flex; flex-wrap: wrap;}
	
	
	/* NOEL SKIN */
	
	
		#HeadLogo-Noel{ display: none;}
		#HeaderW.noel{ background: none; } 	
		.noel #Header h1 { top: 0; }
		.noel #Header h1 a { width: 488px; }
		.noel #HeadLogo{ display: none; }
		.noel #HeadLogo-Noel{ display: inline; }
		
		.noel #NavIco{ background: url(zims/buttons/minimenu-noel.jpg) no-repeat center; }
		.noel #NavIco.active{ background-image : url(zims/buttons/minimenu-noel-mltr.jpg);  }
		
		.noel #Menu{ background: rgba(252,224,170,0.90); }
		.noel #MainMenu .HTMLMenuTitle, .noel #MainMenu li > a.HTMLMenuItemLink-Level1  { color: #000; }
		.noel #ContactLink, .noel #Credits, .noel #Credits a{  color: #000; }
		
		#page-home .noel .screenPanelW{ background: url(zims/frontend/snow.png) no-repeat center bottom;}
		
	
	/*
	#MainResaLink, #MainResaLinkVinyle :not(body#page-le-club-molitor){ 
			display: block; position: fixed; right: 20px; top: 20px; letter-spacing: 1px;
			font-size: 1.2em 1.5em; text-transform: uppercase; padding: 8px 35px; /*background: #000; color: #fff !important; background: #fece00; color: #000000 !important; border-color: #fece00;*/ background: #58BAF4; color: #ffffff; border-color: #58BAF4; /*border-radius: 8px;*/}
		/*	
	#MainResaLink, #MainResaLinkVinyle { 
		display: none; position: fixed; right: 20px; top: 20px; letter-spacing: 1px;
		font-size: 1.2em 1.5em; text-transform: uppercase; padding: 8px 35px; /*background: #000; color: #fff !important; background: #fece00; color: #000000 !important; border-color: #fece00;*/ background: #58BAF4; color: #ffffff; border-color: #58BAF4; /*border-radius: 8px;*/}
		*/
		
		/* Par défaut, cacher les boutons */
		body#page-le-club-molitor #MainResaLink,
		body#page-le-club-molitor #MainResaLinkVinyle {
			display: none !important;
		}

		/* Afficher les boutons uniquement si le body n'a pas l'ID #page-le-club-molitor */
		body:not(#page-le-club-molitor) #MainResaLink, 
		body:not(#page-le-club-molitor) #MainResaLinkVinyle {
			display: block; 
			position: fixed; 
			right: 20px; 
			top: 20px; 
			letter-spacing: 1px;
			font-size: 1.5em; 
			text-transform: uppercase; 
			padding: 8px 35px; 
			background: #58BAF4; 
			color: #ffffff; 
			border-color: #58BAF4;
		}


	#MainBuyLinkBook {display: inline-block; position: absolute; right: 20px; top: 20px; letter-spacing: 1px; font-size: 1.2em; text-transform: uppercase; padding: 8px 35px; background: #169ED4; border: #169ED4 1px solid; color: #fff;}
		
	#MainResaLink:hover, #MainResaLinkVinyle:hover{ text-decoration: underline; }
	
	#MainResaLinkVinyle {background-color: #f88c21 !important; border-color: #f88c21;}

	
	#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.logoutBTN { padding: 0 15px; background:#000000; margin-left:-3px; }
	#SubMenuW ul.submenu li.logoutBTN a {  }
	#SubMenuW ul.submenu li.logoutBTN a i { font-size:1.5em;  }

	 
	/*#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; }
	
	
	/*#BtnsResa > li {
	-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: -7px;}
	#BtnsResa > li:hover{ margin-right: 0;}
	#BtnsResa > li > a {display: block;}
	*/
	
	
	#BtnsResaW {z-index: 6000; position: absolute; right: 0;}
	#BtnsResaW ul {}
	#BtnsResaW ul li {margin-bottom: -2px;}
	#BtnsResaW ul li:first-child {background: #FECE00; text-align: center;}
	#BtnsResaW ul li:first-child:hover {background: #000000; text-align: center;}
	#BtnsResaW ul li:first-child:hover div {color: #ffffff; background: none !important;}
	#BtnsResaW ul li a, #BtnsResaW ul li:first-child div {border: none; color: #ffffff; text-transform: uppercase; padding: 0; /*display: block;*/}
	#BtnsResaW ul li:nth-child(2) div, #BtnsResaW ul li:nth-child(3) div {border: none; background: none; display: inline; padding: 0;}
	#BtnsResaW ul li:first-child div {writing-mode: vertical-rl; text-orientation: upright; padding: 10px 0; font-size: /*20px*/ 1.7em; color: #000000; font-weight: 600;}
	#BtnsResaW ul li a:hover {text-decoration: none; background: none;}
	 
	#ResaHotelHome, #ResaRestoHome {/*display: none;*/ background: rgba(0,0,0,0.8); position: absolute; height: 100%; right: 0; /**/ z-index: 5500; /*width: 20%;*/ width: 0; overflow: auto;}
	#ResaHotelHome .wrapper, #ResaRestoHome .wrapper {padding: 50px 60px 50px 50px;}
	#ResaHotelHome h2, #ResaRestoHome h2 {font-size: 2.5em !important; text-align: left; line-height: 1; color: #ffffff;}
	#ResaHotelHome form, #ResaHotelHome form label {color: #bebebe;}
	#ResaHotelHome form label {color: #bebebe;}
	#ResaHotelHome form input[type="text"], #ResaHotelHome form textarea, #ResaHotelHome form select {border-color: #bebebe !important; color: #bebebe;}
	#ResaHotelHome form select option {color: #000000;}
	#ResaHotelHome #ResaForm #fieldset-sejour p.textField {width: 200px !important;}
	#ResaHotelHome #ResaForm p.textField input.maskedDateField {width: 100%;}
	#ResaHotelHome #ResaForm p.selectField {width: auto; clear: both;}
	#ResaHotelHome #ResaForm p.selectField select {width: 80px;}
	#ResaHotelHome #ResaForm p.textField {width: auto;}
	#ResaHotelHome #ResaForm p.textField input {width: 200px;}
	#ResaHotelHome #ResaForm #fieldset-customer p {line-height: 1;}
	#ResaHotelHome #ResaForm #field-fidelityCardNumber label {margin-bottom: 4px; display: block;}
	#ResaHotelHome #ResaFormSubmit {border-color: #bebebe; color: #bebebe; margin-top: 20px;}
	
	#ResaRestoHome h3 {color: #ffffff;}
	#ResaRestoHome #LinksResaTable {flex-wrap: wrap; margin-bottom: 200px; color: #ffffff;}
	#ResaRestoHome #LinksResaTable a.button {background: #ffffff; color: #000000; text-transform: uppercase; margin-top: 20px; border: none; font-size: 1.2em;}
	
	#ResaRestoHome #LinksResaTable #ResaRooftop {border-top: 1px solid #ffffff;}
	#ResaRestoHome #LinksResaTable #ResaBrunchs {border-top: 1px solid #ffffff;}
	#ResaRestoHome #LinksResaTable #ResaBrasserie, #ResaRestoHome #LinksResaTable #ResaRooftop {margin-bottom: 20px;}
	#ResaRestoHome #LinksResaTable #ResaBrasserie, #ResaRestoHome #LinksResaTable #ResaBrunchs {margin-bottom: 20px;}
	
	#Content #HomeW h2:first-child {margin-top: 50px;}
	
	#BtnArchivesW {text-align: right;}
	#BtnArchivesW #btnArchives {border: 1px solid #000000; padding: 8px 30px; text-transform: uppercase;}

	#BookingChambreW {background: #ffffff; padding: 20px;}
	#BookingChambreW h2 {margin: 20px auto;}

	.fancybox-iframe {background: #ffffff;}

	
	@media(min-width:1441px) {
		#page-vinyle-vol3 .carouselZoomZim {top: -200px !important;}
	}
	
	
	@media(max-width:1440px) {
	}
	
	
	@media(max-width:1320px) {
		
		#ZoomHalfBanner h2{bottom: 10px;}
		#BtnsResaW ul li:first-child div {font-size: 1.5em;}
		
		/*#MainMenu{ width: 62%}
		#MainMenu li{ margin-right: 3%; width: 22%;  }
		#MainMenu li:nth-child(3n+1){ clear: left;   }
		#Credits{ width: 230px;   }*/
	}

	
	@media (max-width: 1320px) and (min-width: 1025px){
		
		#Menu.site #MainMenu li > a.HTMLMenuItemLink-Level1, #Menu.site #MainMenu .HTMLMenuTitle, #Menu.site #MainMenu li#MainMenu-social-Item a {font-size: 1.5em !important;}		
	}
	
	@media(max-height:520px) {

		#BtnsResaW ul li:first-child div {font-size: 1.2em; letter-spacing:0; }
		
	}
	
	.portrait #HomeNewsletterLink { z-index: 500; }
	
	
	#Footer{ height: auto; display: flex; flex-wrap: wrap; background: #000000; clear: both; margin-top: 40px; }
	#page-home #Footer{ padding-bottom:40px; } 
	
	/* #ResaLinksFooter {display: flex; align-items: center; flex-wrap: wrap; justify-content: space-evenly;} */
	
	#Footer a:hover {color: #ffffff !important;}
	
	#ResaNav{ width: /*15%*/ 47.5%; /*display: inline; float: left;*/ display: flex; align-items: center; padding-top: 20px; margin-right: 2%; justify-content: flex-end;}
	#ResaLinksFooter {display: flex; flex-wrap: wrap; align-items: center; width: 80%;}
	#ResaLinksFooter li {width: 47.5%;}
	
	#ResaNav ul {margin: -8px 0 0 0;  }
	/* #ResaNav ul li {; border-bottom: 1px solid #000;} */
	#ResaNav ul li:last-child { border: none; }
	#ResaNav ul li a.button{ 
		background: none; padding: 11px 0 7px; width: 100%; 
		color: #777777; font-family: 'Reem Kufi', 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: /*17%*/ 47.5%; display: inline; float: left;  border-left: 1px solid #333; margin-top: 20px; position: relative; padding: 0 0 0 2%;}
	
	#Socials{ height: 45px; width: 47.5%; float: left;}
	#Socials li{display: inline-block; width: /*22%*/ 50px;}
	#Socials li a {color: #777777;}
	#Socials li a i{ font-size: 1.9em;}
	#Socials li a#Visite360Link img {height: 35px; width: auto; margin-bottom: -7px;}
	
	
	#LangLinks{ z-index:1000; height: 40px; width: 47.5%; float: left; display: inline; margin-top: 8px;}
	#LangLinks li{ /*height: 20px;*/ float: left; margin-right: 15px;} 
	#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-2.jpg); } 
	#EnLink{ background-image: url(zims/frontend/en-2.jpg); }
	
	#ButtonsFooter {clear: both; margin-right: 55px;}
	#ButtonsFooter a {color: #777777;}
	#ButtonsFooter a:hover {color: #000000 !important; background: #ffffff;}
	
	#ContactLink{ /*text-transform: uppercase; font-family: 'Reem Kufi', sans-serif; font-size: 1em;*/ color: /*#666*/ #777777; /*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;*/ position: absolute; right: 0; top: 25px; margin: 0 0 0 15px;}
	
	
	

	#Credits{  font-size: 0.8em; color: #777; line-height: 1.4em; letter-spacing: 0;  clear: left; }
	#Credits a{  color: #777;}
	
	
	#CarrieresLink, #PresseLink, #NewsletterHeaderLink, #ContactLink, #Visite360 { display: inline-block; 
    border: 1px solid #777777; margin-top: 5px; color: #777777; margin: 5px 10px 0 0;}
	
	
	

		
/* 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: -7px;
	}
	
	#page-home #HomeNewsLink{
		-moz-transition: margin-bottom 0.2s ease-in-out;
		-webkit-transition: margin-bottom 0.2s ease-in-out;
		-o-transition: margin-bottom 0.2s ease-in-out;
		-ms-transition: margin-bottom 0.2s ease-in-out;
		transition: margin-bottom 0.2s ease-in-out;
		margin-bottom: 7px; margin-right: 0px;
	}
	#HomeNewsLink{	
		width: 151px; height: 300px; background: url(zims/frontend/homenews-b2.png) no-repeat right top;
		position: absolute; z-index: 5600; right: -206px; top: 28%; /*bottom: 30px;*/ }
		
	 /* #page-home #HomeNewsLink{top: inherit; bottom: 30px;} */ 
	#page-home #HomeNewsLink{top: inherit; bottom: 70px;} /* pass saniatire MSG */
	
	#HomeNewsLink:hover{ margin-right: 0px;}
	#page-home #HomeNewsLink:hover{ margin-bottom: 14px; margin-right:;}
		
	#HomeNewsLink a{ 
		display: block; width: 100%; height: 151px; font-family: 'alto_probold'; color: #ffffff; text-align: center;
		padding: 140px 0 0 10px; font-size: 1.5em; line-height: 1.1em; letter-spacing:3px; }
	/* #HomeNewsLink a strong{ font-size: 1.3em; position: relative; top: 3px; color: #ffffff; } */
	
	.noel #HomeNewsLink{ background-image: url(zims/frontend/homenews-noel.png); }
	
	
	
	#HomeNewsletterLink{
		-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-bottom: 0px; 
		margin-right: -7px;
		width: 300px; height: 151px; background: url(zims/frontend/homenewsletter2.png) no-repeat right top;
		position: absolute; z-index: 5600; bottom: 0; right: -31px; }
	#HomeNewsletterLink:hover{ /*margin-right: 0;*/ background: url(zims/frontend/homenewsletter2-black.png) no-repeat right top;}
	#HomeNewsletterLink:hover a {color: #ffffff; text-decoration: none;}
	
	#HomeNewsletterLink a{ 
		display: block; width: 100%; height: 151px;  color: #000000; text-align: center; text-transform: uppercase; font-family: 'alto_probold'; letter-spacing:3px; 
		padding: 90px 0 0 0; font-size: 1.5em; /*line-height: 1.1em;*/}
	/* #HomeNewsletterLink a strong{ font-size: 1.3em; position: relative; top: 3px; color: #ffffff; } */
		
	
	
	
	#TelethonLink, #Vinyle{
		-moz-transition: margin-left 0.2s ease-in-out;
		-webkit-transition: margin-left 0.2s ease-in-out;
		-o-transition: margin-left 0.2s ease-in-out;
		-ms-transition: margin-left 0.2s ease-in-out;
		transition: margin-left 0.2s ease-in-out;
		margin-left: -6px;
		/* background-color: #fff; */
		background-color: #fff3d3;
		/* width: 250px; height: auto;*/ /*background: url(../media/images/coms/telethon-1.jpg) no-repeat left top;*/ 
		width: 200px; height: auto; /*background: url(../media/images/coms/telethon-1.jpg) no-repeat left top;*/
		/* position: absolute; z-index: 1000; left: -200px; top: 28%; } */
		position: absolute; z-index: 1000; left: -200px; top: 33%; }
	#TelethonLink:hover, #Vinyle:hover{ margin-left: 0; color: #000 !important;}
		
	/* #TelethonLink a, #Vinyle a{display:block; width: 250px; height: 250px; } */
	#TelethonLink a, #Vinyle a{display:block; width: 200px; height: 200px; }
	#Vinyle a img {width: 250px; height: 250px;}
	#Vinyle a span {display: block; padding: 10px 20px 10px 20px; text-align: center; font-weight: bold; font-size: 1em; text-transform: uppercase;} 
	#Vinyle a span:hover, #Vinyle a:hover, #Vinyle a img:hover {color: #000 !important;}
	#Vinyle {display: none !important;}
	#page-home #Vinyle {display: block !important;}
	
	/* #page-vinyle-vol3 .carouselZoomZim {top:-450px !important;} */


    #CreditsPhotos p span{font-size: 10px; line-height: 10px;}
	
	#LogoSHeTravelClub {
		width: 500px;
		margin: auto;
		display: block;}


	
	#SAContent { width: 500px; height: 500px; display: none; min-width: 500px; margin: 0; overflow: hidden;}
	#SAContentDiv {position: absolute; top: 0; right:0; margin: 3.8%; width: 92%; height: 92%; border: #000 1px solid; font-size: 2.6em; line-height: 1.4em; color: #fff; font-weight: 600; text-transform: uppercase; font-family: "Reem Kufi", sans-serif; text-shadow: 0 0 20px #333; display: flex; align-items: center; justify-content: center; }
	#SAContentDiv.specialMSG { text-shadow: none; color:#000; }
	
	#SAContentDiv span { text-align: center; }
	#SAContentDiv.specialMSG span.actu-listItemSubtitle { border-color:#000; }
	#SAContent:hover #SAContentDiv {border: #fff 1px solid;}
	
	
	
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * MOLITOR * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
	
	


	#MLTRTxt1{}
	#MLTRTxt1 img { float: right; display: block; margin: 0 0 20px 30px}
	
	.list-testimonials { }
	.list-testimonials li { width: 48% !important; margin-right: 4%; padding: 0; display: inline; float: left;}
	.list-testimonials li:nth-child(odd){clear: left;  }
	.list-testimonials li:nth-child(even){margin-right: 0; }
	.list-testimonials li  p{ padding: 0; }
	.list-testimonials li  p.imgW{max-height: 170px; overflow: hidden; }
	.list-testimonials li  p img{ display: block; margin: 0 0 20px 0; width: 100%}
	
	#TemoignagesTitle{ margin: 0;}
	
	#Mentions p{ letter-spacing: 0;}

	
	
	
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * RESTO * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
	
	
	.chefIntro p{ min-height: 200px;}

	#RestoParalax1{ background-image: url(../media/images/resto/paralax1.jpg);}
	#RestoParalax2{ background-image: url(../media/images/resto/paralax2.jpg);}
	
	/*.nos-chefs-section #Footer {margin-top: 800px;}*/
	
	.chefIntro {display: flex; flex-wrap: wrap; width: 100%; justify-content: start; align-items: flex-start; margin-bottom: 50px;}
	.chefIntro h3 {margin-top: 0;}
	.chefIntro p {padding: 0;}
	.chefIntro img {width: 35%;}
	.chefIntro .descChef {width: 62%;}
	
	#page-restauration #Carte-c7-Item3-Selector {display: none;}
	
	/******** CARTE BRASSERIE *******/
	
	#page-restauration .logoBrasserie {margin: auto; display: block;}
	
	/*.brasserie-urbaine-section*/ .carteMainCateg .intro {color: #000000; max-width: 990px; margin: auto auto 20px !important;}
	/*.brasserie-urbaine-section*/n .carteMainCateg .conclus {color: #000000; margin-left: 10%;}
	/*.brasserie-urbaine-section*/ .carteCategTitle {background: none !important;}
	/*.brasserie-urbaine-section*/ #CarteList .centeredlist.col3 {max-width: 990px; width: 100%; margin: auto !important;}
	/*.brasserie-urbaine-section*/ #CarteList .centeredlist.col3 > li {width: 100%; margin-right: 0;}
	/*.brasserie-urbaine-section*/ #CarteList .centeredlist.col3 li ul {margin-left: 10%;}
	/*.brasserie-urbaine-section*/ .condfont { /*font-family: 'PT Serif', serif;*/ letter-spacing: 3px; margin-bottom: 10px;}
	/*.brasserie-urbaine-section*/ .carteCategTitle {width: 990px; margin: auto auto 10px!important; padding: 0; color: #000000; /*font-family: 'PT Serif';*/ font-size: 1.5em;}
	/*.brasserie-urbaine-section*/ .carteCategTitle span {padding: 0;}
	/*.brasserie-urbaine-section*/ .dName {font-weight: 600; text-transform: uppercase; font-size: 14px !important; color: #222222;}
	.titleCarteBrasserie {font-family: 'PT Serif', serif; text-transform: initial; font-size: 4em; max-width: 990px; width: 100%; margin: auto auto !important; }
	/*.brasserie-urbaine-section*/ .centeredlist .carte .intro {margin-left: 10% !important;}
	/*.brasserie-urbaine-section*/ .super {font-size: 1.2em !important;}


	/* cacher les categories "morning", "brunch" et "dessert"*/
	/*.brasserie-urbaine-section*/ #Carte-c2, /*.brasserie-urbaine-section*/ #Carte-c4 {display: none;}
	
	
	/* affichage différent pour le menu déjeuner */
	/* .brasserie-urbaine-section #Carte-c3 ul li:last-child {margin-bottom: 50px;} */
	/*.brasserie-urbaine-section*/ #Carte-c5 {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
    width: max-content; margin: auto; border-top: 1px dashed #000000; border-bottom: 1px dashed #000000; padding: 20px 0;}
	/*.brasserie-urbaine-section*/ #Carte-c5 .carteCategTitle {width: auto; margin: 0 !important; padding: 0; margin-right: 5px !important;}
	/*.brasserie-urbaine-section*/ #Carte-c5 p {width: auto; margin: 0 !important; text-transform: uppercase;}
	/*.brasserie-urbaine-section*/ #Carte-c5 ul {display: none;}
	/*.brasserie-urbaine-section*/ #Carte-c5 p, /*.brasserie-urbaine-section*/ #Carte-c5 .carteCategTitle {font-size: 0.8em !important; font-family: 'PT Serif'; letter-spacing: 5px; font-weight: 600;} 
	
	
	
	/* Page cachée carte brunch "carte-test" */
	/*.brasserie-urbaine-section.carte-section #Carte-c3 h2 {display: none;}
	.brasserie-urbaine-section.carte-test-section #Carte-c4 {display: block;}
	.brasserie-urbaine-section.carte-test-section .carte .bigprix.condfont {float: right;}
	.brasserie-urbaine-section.carte-test-section #CarteSubmenu #Carte-c2-Item4-Selector {display: none;}
	*/
	
	/* en ligne */
	/* .brasserie-urbaine-section.carte-section #Carte-c3 h2 {display: none;} */
	/* .brasserie-urbaine-section.carte-section #CarteSubmenu {display: none !important;} */
	.brasserie-urbaine-section.carte-test-section, /*.brasserie-urbaine-section*/.carte-section #Carte-c4 {display: block;}
	.brasserie-urbaine-section.carte-test-section .carte .bigprix.condfont, /*.brasserie-urbaine-section*/.carte-section .carte .bigprix.condfont {float: right;}
	.brasserie-urbaine-section.carte-test-section #CarteSubmenu #Carte-c2-Item4-Selector, /*.brasserie-urbaine-section*/.carte-section #CarteSubmenu #Carte-c2-Item4-Selector {display: none;}
	
	#BtnsCartesW {text-align: right; margin: 50px;} 
	.btnCarte {font-size: 16px; text-transform: uppercase; padding: 10px 20px; font-size: 1em; letter-spacing: 1px; font-weight: 300; border: 1px solid #000000; margin-right: 20px;}
	
	/* #page-brasserie .footerCarte ul li {margin-left: 30px;} */
	#page-brasserie #ZoomHalfBanner.brasserie img {margin-top: -15%;}
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * MOLITOR * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	#MolitorParalax1{ background-image: url(../media/images/molitor/paralax1.jpg);}
	#MolitorParalax2{ background-image: url(../media/images/molitor/paralax2.jpg);}
	

	
	 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * SPA * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	#SpaParalax1{ background-image: url(../media/images/spa/paralax1.jpg);}
	#SpaParalax2{ background-image: url(../media/images/spa/paralax2.jpg);}
	
	#SoinList, #SoinSignatureList { margin-top: 50px; margin-bottom: 25px;}
	#SoinList img, #SoinSignatureList img {display: block; margin: auto; margin-bottom: 20px; width: 100%;}
	#SoinList h3, #SoinSignatureList h3 { margin-top: 0;}
	#SoinList p, #SoinSignatureList p { text-align: justify;}
	
	#SoinList li, #SoinSignatureList li { margin-bottom: 20px; /*border-bottom: 5px solid #d9d9d9;*/ padding-bottom: 10px; overflow: auto;}
	#SoinList li:last-child, #SoinSignatureList li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; }
	
	#SoinList li.special { min-height:480px; }
	
	.validiteTarif {text-decoration: underline;}
	
	#MarquesPartenaires {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; clear: left;}
	#MarquesPartenaires .nomMarque {display: none;}
	.marquePartenaire {width: 31.33%; margin: 1%;}
	#MarquesPartenaires img {margin: auto; display: block;}
	
	#page-spa h2.partners {clear: both; padding-top: 50px;}
	.btnDownloadSpa {margin-top: 20px;}
	
	.photosSpa li {margin-bottom: 80px; margin-top: 50px;}
	.photosSpa li img {width: 100%;}
	
	#page-spa div.coiffure h3 {margin-top: 0px; padding-top: 50px; margin-bottom:20px;}
	
	  
	
	
	#page-spa ul.puces {}
	#page-spa ul.puces li {list-style-type: disc; margin-left: 20px;}
	#page-spa .tarifsCoiffure {/*display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;*/ clear: left; padding-top: 50px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center;}
	.btnDownloadCoiffure {font-size: 16px; text-transform: uppercase; padding: 10px 20px; font-size: 1em; letter-spacing: 1px; font-weight: 300;}
	
	#page-spa .tarifsCoiffure img {width: 100%;}

	#page-spa .tarifsCoiffure li ul {text-align: justify; /*width: 40%;*/ margin: auto;}
	#page-spa .tarifsCoiffure li span {display: block; /*text-align: center;*/}

	#page-spa .signatureTitle { padding-top: 0px;  margin-bottom: 0.5em;}

	#page-spa .soinsSpe h4 {margin-bottom: 0;}
	
	
	/* planity */ 
	.css-1u1908p { margin:10px 0 !important; }
	
	div.planityW { width:980px; height:500px; overflow:auto; }
	.mobile div.planityW { width:300px; height:500px; overflow:auto; }

	.titleProgrammes {margin-top: 70px; font-size: 2.5em;}
	#SectionProgrammesSoins {margin-bottom: 50px;}
	#BtnProgrammes {margin: 50px auto; display: none;}
	.soinsSpeListe img {width: 100%;}

	.bookingWellness {text-align: center;}

	 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * YOGA * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	 
	#YogaIntro{ margin-top: 50px !important; clear: both;}
	
	/*#YogaIntro .hoverlink{ top: 220px;}*/
	#YogaBrochure{ top: 140px;}
	
	
	 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CLUB * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
		
	#ClubParalax1{ background-image: url(../media/images/club/paralax1.jpg);}
	
	
	.paratitleW{ background-image: url(../media/images/club/paralax1.jpg); min-height: 80px; padding: 30px 0; text-align: center; }
	.paratitleW h3{ display: inline-block; font-size: 2em; text-align: center; color: #fff; background: url(zims/frontend/club-sprites.png) no-repeat 0 0; padding: 22px 0 22px 110px; margin: 0;}
	
	#ClubActivite-1 h3{ background-position: 0 0;}
	#ClubActivite-1 .paratitleW{ background-image: url(../media/images/club/renfort.jpg); }
	#ClubActivite-2 h3{ background-position: 0 -294px;}
	#ClubActivite-2 .paratitleW{ background-image: url(../media/images/club/combat.jpg); }
	#ClubActivite-3 h3{ background-position: 0 -578px}
	#ClubActivite-3 .paratitleW{ background-image: url(../media/images/club/cardio.jpg); }
	#ClubActivite-4 h3{ background-position: 0 -832px;}
	#ClubActivite-4 .paratitleW{ background-image: url(../media/images/club/assoup.jpg); }
	#ClubActivite-5 h3{ background-position: 0 -1108px;}
	#ClubActivite-5 .paratitleW{ background-image: url(../media/images/club/danse.jpg); }
	#ClubActivite-6 h3{ background-position: 0 -1408px;}
	#ClubActivite-6 .paratitleW{ background-image: url(../media/images/club/nata.jpg); }
	#ClubActivite-7 h3{ background-position: 0 -1704px;}
	#ClubActivite-7 .paratitleW{ background-image: url(../media/images/club/kids.jpg); }
	
	
	.activitelist{ overflow: auto;}
	.activitelist li:nth-child(3n+1) { clear: left;    }
	.activitelist li *{ text-align: center; margin-left: 25px;  margin-right: 25px}
	.activitelist li  h4{ font-size: 1.5em; border-bottom: 1px solid #000;}
	
	
	#EquipeClub ul li { min-height: 400px;}
	#EquipeClub ul li h3 { margin-bottom: 10px;}
	#EquipeClub ul li h4 {height: 30px;}
	#EquipeClub ul li p {height: 60px; font-size: 16px; margin-top: 20px; font-style: italic;}
	#EquipeClub ul li div.decoW {position: relative; width: 90%; margin: auto;}
	#EquipeClub ul li span.deco {position: absolute; z-index: -1;}
	#EquipeClub ul li span.deco1 {left: -20px; bottom: -15px; width: 50%; height: 20%;}
	#EquipeClub ul li span.deco2 {right: -20px; bottom: 200px; width: 10%; height: 40%;}
	#EquipeClub ul li span.deco3 {right: -20px; bottom: -15px; width: 50%; height: 20%;}
	#EquipeClub ul li span.deco4 {top: -15px; bottom: -75px; right: -20px; width: 50%; height: 20%;}
	#EquipeClub ul li:nth-child(even) span.deco {background: #fece00;}
	#EquipeClub ul li:nth-child(odd) span.deco {background: #58BAF4;}
	
	#ClubBtns{}
	#ClubBtns li a { display: block; position: relative; text-align:center; }
	#ClubBtns li a span.overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
	#ClubBtns li a span.vcenterer{ display: table; height: 100%; width: 100%; }
	#ClubBtns li a span.vcenterer span{ display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 2em; text-transform: uppercase; line-height: 1.1em;}
	#ClubBtns li a:hover span.vcenterer span{ text-decoration: underline;}
	
	
	#page-le-club-molitor .little {font-size: small;}
	#page-le-club-molitor .italic {font-style: italic;}
	#page-le-club-molitor .little.italic {margin-top: 10px; display: block;}
	#page-le-club-molitor ul.avantages li {margin-left: 20px; list-style-type: disc;}
	
	#page-le-club-molitor .chambre-detailTitre .button.external {display: none;}
	
	#EquipeClub .autocenterlist {justify-content: space-evenly;}
	
	.ce-mois-ci-section #page-club table {width: 600px !important; margin: auto;}
	
	.nos-espaces-section #page-le-club-molitor ul.bigpadding {margin-top: 60px;}
	
	
	
	/* AUTH */
	
	#AuthFormW{
		width:300px;
		margin: 0 auto;
	}
	
	#AuthForm  .textField  label, #AuthForm .passwordField  label { display: none; }
	
	#AuthForm .textField  input, #AuthForm .passwordField input { 
		text-align: center; background: #2f395a; border-right-width: 1px; color: #fff; 
		font-family: 'Reem Kufi', sans-serif; text-transform: uppercase; font-size: 1.2em; }
		
	#AuthForm .formButtons input{ border: none; font-family: 'Reem Kufi', sans-serif; text-transform: uppercase; font-size: 1.2em; padding: 0 0 0 10px;}
	#AuthForm .formButtons:hover input, #AuthForm .formButtons:hover i{ background: none;  color: #2f395a;}
	#AuthForm .formButtons i { font-size: 1.5em; position: relative; top: 2px;}
	
	#loginBox{ padding: 20px 50px; border: 1px solid #000;}
	#loginBox h2{ font-size: 2.3em;}
	
	
	#page-espace-membre #ZoomHalfBanner{ height: 40%;}
	#page-Auth h2.ultra, #page-espace-membre h2.ultra  { font-size: 3em !important; }
	
	
	.infosPratiquesItem {text-transform: uppercase; }
	.infosPratiquesItem.low {text-transform: initial !important; }
	
	
	
	#PlusdinfosFormW, #ConfirmPlusdinfosW {max-width: 600px;}
	#PlusdinfosFormW p.texte, #ConfirmPlusdinfosW p {width: 90%; margin-left: 3%;}
	#PlusdinfosForm {max-width: 90%; margin-left: 3%;}
	#PlusdinfosForm #field-nom, #PlusdinfosForm #field-email {margin-right: 5%;}
	#PlusdinfosForm #field-nom, #PlusdinfosForm #field-prenom, #PlusdinfosForm #field-email, #PlusdinfosForm #field-tel {width: 47.5%; float: left;}
	#PlusdinfosForm .fieldsListTitle {font-size: 14px; font-weight: normal; margin-bottom: 10px; letter-spacing: 1px;}
	#PlusdinfosFormButtons {clear: both;}
	#PlusdinfosFormButtons input {margin-top: 15px;}
	#ConfirmPlusdinfosW h2 {line-height: 1;}
	.btnMoreInfosClub, .btnDownloadSpa {text-transform: uppercase; padding: 10px 20px;}

	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CHAMBRES / REU * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	.bigItemList{ clear: both; padding: 0px 0;}
	
	
	.chambre{ clear:both; overflow: hidden; margin-bottom: 10px; position: relative;}

	
	.chambre h3{ margin: 0; overflow: hidden;}
	.chambre-couvLink{ display: block; position: relative; vertical-align: middle; height: 400px;  }
	.chambre-couvLink img{ display: inline-block; height: 100%; position: absolute; z-index: 10; vertical-align: top; display: none;}
	
	.chambre-overlay{
		position: absolute; z-index: 15;
		display: table; height: 100%; width: 100%; vertical-align: middle;
		background: rgba(30,30,30,0.35);
	}
	
	.chambre-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;   font-family: 'alto_probold'; letter-spacing:2px; 
	}
	
	
	
	
	
	
	.chambre-detailsW{
		background: #2f395a; z-index: 50;
		position: absolute; top: 0; width: 100%;
	}
	.chambre-details{ 
		margin: 0 auto; width: 70%; position: relative; z-index: 101;
		padding: 25px 0;
	}
	
	.chambre-detailTitre{ display: block; border-bottom: 1px solid #fff; padding: 0 0 15px 0;}
	.chambre-detailTitre span{ 
		color: #fff; font-family: 'Reem Kufi', sans-serif;
		font-size: 1.4em; text-transform: uppercase;}
	
	.chambre-detailTitre a{ margin-left: 10px;}
	.chambre-detailTitre a.button {
		background: #fff; text-transform: uppercase; position: relative; top: -5px;
		display: block; float: right; padding: 4px 1em;  font-family: 'alto_probold';
	}
	.chambre-detailTitre a.button:hover{
		background: #000; color: #fff;
	}
	.chambre-detailTitre a.closer {display: block; float: right;  font-size: 1.5em; font-weight: 600; color: #fff; margin-left: 20px; position: relative; top: -2px; }
	
	.chambre-detailDescription{ color: #fff !important;}
	
	.chambre-detailPrestations{ padding-left: 20px;}
	.chambre-detailPrestations li{
		color: #fff; list-style-type: disc; height: 34px; line-height: 1em; font-size: 0.9em;
		float: left;  width: 29%; margin-right: 4%;
	}
	
	
	
	.chambre-miniGalW{ width: 100%; height: 500px; overflow: hidden; position: relative;  }
	.chambre-miniGal li { text-align: center; display: block;  }
	.chambre-miniGal li img{ height: 100%; display: block; }
	/*.chambre-miniGal img{ width: 100%; height: 490px;  }*/
	
	
	.miniGalArrow{ 
		position: absolute; display: block; width: 47px; height: 88px; z-index: 100; top: 40%;
		background: url(zims/frontend/minigal-arrows.png) no-repeat left center; text-indent: -999px; overflow: hidden;}
	.miniGalArrow.carousel-prev{ left: 10px; }	
	.miniGalArrow.carousel-next{ right: 10px; background-position: right center;}	
	
	
	/*.newsGalW li{ min-height: 200px;}*/
	
	
	.chambre-details-closer{ 
		position: absolute; width: 100%; height: 100%; z-index: 100; top: 0; left: 0;
	}
	
	
	
	.rseTexte h3 {font-family: 'alto_probold', sans-serif; font-size: 1.5em !important; font-weight: 300; line-height: 1.3em;}
	.rseTexte .flex {display: flex; align-items: center;}
	.rseTexte .logoSHeTravelClub {max-width: 250px; margin-left: 50px;}
	.rseTexte .zeroPlastic, .rseTexte .partieRiise > div {width: 65%;}
	.rseTexte #BgRight, .rseTexte .logoRiise {max-width: 500px; margin-left: 50px; height: auto; width: 35%;}
	.rseTexte #BgRightMobile {display: none;}
	
	
	
	
	 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ART * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	#ArtParalax1{ background-image: url(../media/images/art/paralax1.jpg); min-height: 300px;}
	
	
	
	#ArtistesList{ margin-top: 40px;}
	
	.artiste{ overflow: hidden; margin-bottom: 70px; min-height: 200px;}

	
	.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: 16px; vertical-align: middle; line-height: 20px; }
	
	.artiste-loupe{ 
		display: block; width: 25px; height: 25px; padding: 9px; background: #2f395a; 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: #2f395a;
	}
	
	/*
	.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; 
	}*/
	
	

	.artisteThumb{ display: block; float: left; margin: 0 40px 125px 0; }
	
	.afficheImg2 {padding: 60px; width: 98%;}
	
	
	
	
	

	
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * VINYLE VOL#1 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
	

	@media screen and (min-width: 640px) {
		
		#page-vinyle-vol1 .artiste-details img{
			width: 50%;
			float: left;
			margin-right: 15px;
		}
		
		.contactPresse {text-align:right!important;}
		
		#page-vinyle-vol1 .fancyForm, #page-art .fancyForm {width: 100%;}
		#page-vinyle-vol1 .fancyForm h2, #page-art .fancyForm h2 {margin-left: 30px; margin-right: 30px;}
		#page-vinyle-vol1 #field-nom, #page-art #field-nom {width: 44%; float: left; margin-right: 6.5%;}
		#page-vinyle-vol1 #field-prenom, #page-art #field-prenom { width: 44%; float: left;}
		#page-vinyle-vol1 #field-email, #page-art #field-email {width: 100%; clear: both;}
		#page-vinyle-vol1 #field-conditions, #page-art #field-conditions {width: 99%;}
	
		#page-vinyle-vol1 .fancyForm, #page-art .fancyForm  {
		width: 560px !important;}
		
		#page-vinyle-vol1 #partenaires li{margin-top: 50px;}
		
	}
	
	@media screen and (max-width: 641px) {
		
		#page-vinyle-vol1 h2.sfont.ultra.centered {font-size: 2.5em!important;}
		
		#page-vinyle-vol1 {text-align: justify;}
		
		
		#page-vinyle-vol1 .artiste-details img{
			width:100% !important;
		}
		
		#CreditsPhotos h3{
			 width: 88% !important;
		}
		
		#page-vinyle-vol1 .artiste-details h2 {
			margin-top: 20px !important;
		}
		
		#page-vinyle-vol1 .artiste-details p {
			text-align: justify;
		}
		
		#page-vinyle-vol1 #pochette ul {display: flex; flex-wrap: wrap-reverse;}
		
		#page-vinyle-vol1 #partenaires li:nth-child(even) {text-align: inherit !important;}
		#page-vinyle-vol1 #partenaires .contactPresse {text-align: center !important;}
	
		#page-vinyle-vol1 #MainResaLinkVinyle {position: absolute; left: 0;  width: 150px; top: 100px;}
		
		#page-vinyle-vol1 #field-nom, #page-vinyle-vol1 #field-prenom, #page-vinyle-vol1 #field-email {width: 95%;}
	}

	
	
	#IntroVinyle {margin-top: 30px;}

	
	#page-vinyle-vol1 .artiste-details{
		overflow: auto;
	}
	
	#page-vinyle-vol1 .artiste-details h2{
		margin-top: 0;
	}
	
	#page-vinyle-vol1 .margin-50{
		margin-bottom: 60px;
		margin-top: 60px;
	}

	#page-vinyle-vol1 .blue-letters{
		color: #f88c21;
	}
	
	#page-vinyle-vol1 .confirmPrecommande {
		margin-left: 20px; margin-right: 20px;
	}
	
	#page-vinyle-vol1 #pochette img {width: 70%; margin: auto; display: block;}
	
	.btnResaFooter {border: none !important; padding: initial; color:#222}
	.btnResaFooter:hover {background: none; color: #222;}
	
	#page-vinyle-vol1 .centeredlist li{margin-bottom: 80px !important;}
	
	.linkGalerie{position: relative; display: block;}
	.linkGalerie span{ bottom: 7px; }
	.linkGalerie span i{ font-size: 20px; }
	.linkGalerie:hover span {background-color: #fff; color: #2f395a;}
	
	
	 
	 #page-vinyle-vol2 a.linedLink, #page-vinyle-vol3 a.linedLink, #page-galerie-vinyle-vol2 a.linedLink { 
		border-left: none; 
		border-right: none;
		margin:0 1em;
		
		letter-spacing: 1px;
		font-size: 1.5em;
		text-transform: uppercase;
		padding: 8px 35px;
		display: inline-block;
		background: #58BAF4;
		color: #ffffff;
		border-color: #58BAF4;
		
	 }
    
	
	/*animation background de la page vinyle qui n'a qu'une photo de header*/
	/*@-webkit-keyframes zoomin {
	 0% {
	  -webkit-transform:scale(1)
	 }
	 50% {
	  -webkit-transform:scale(1.5)
	 }
	 100% {
	  -webkit-transform:scale(1)
	 }
	}
	@keyframes zoomin {
	 0% {
	  transform:scale(1)
	 }
	 50% {
	  transform:scale(1.5)
	 }
	 100% {
	  transform:scale(1)
	 }
	}

	#backgroundVinyle .zooming {
		-webkit-animation: zoomin 120s infinite linear 1s;
		animation: zoomin 120s infinite linear 1s;
	}

	#backgroundVinyle  {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
		opacity: 0.5;
		background-image: url(../media/images/vinyle/slide2-blur.jpg);
		background-size: cover;
		background-position: center;
	}*/
	
	/*WORKS*/
	@keyframes zoominoutsinglefeatured {
		0% {
			transform: scale(1,1);
		}
		50% {
			transform: scale(1.2,1.2);
		}
		100% {
			transform: scale(1,1);
		}
	}

	#backgroundVinyle img {
		animation: zoominoutsinglefeatured 70s infinite ;
	}
	
	.artiste-couvLink {color: #000 !important;}
	#page-vinyle-vol1 #Content p a {color: #F88C21;}

	#CreditsPhotos{
		 clear: left;
		 margin-right: 1%;
		 margin-bottom: 25px;
	}
	
	#CreditsPhotos h3{
		letter-spacing: 1px;
		/* width: 47.5%; */
	}
	
	#CreditsPhotos p{
		font-size: 0.8em;
		line-height: 1.2em;
		margin-bottom: 5px;
	}
	
	#CreditsPhotos p span{
		letter-spacing: 0.5px;
		margin-left: 20px;
	}
	
	/*#CreditsPhotos .container{
		display: flex;
		width: 50%;
	}
	
	#CreditsPhotos .container p{
		width: 50%;
	}*/
		
		
	.soonClip {margin-bottom: 0;}
	#page-vinyle-vol1 .fancybox-inner, #page-art .fancybox-inner {height: auto !important;}
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * VINYLE VOL#2 * * * * * * * * * * * * * * * * * * * * * * * * */	
	
	.artiste-details img { float:right; margin-left:1em; }
	
	#page-vinyle-vol2 .fancybox-inner h2, #page-vinyle-vol3 .fancybox-inner h2 { margin-top:0; }
	#page-vinyle-vol2 #CreditsPhotos p, #page-vinyle-vol2 #CreditsPhotos p > span, #page-vinyle-vol3 #CreditsPhotos p, #page-vinyle-vol3 #CreditsPhotos p > span { letter-spacing: 1px; font-size: 16px;  line-height: 1.4em; font-weight: 300; }
	
	 
	#MolitorParalaxV, #MolitorParalaxV2 { background-image: url(../media/images/molitor/paralaxV2.jpg); position: relative;}
	#MolitorParalaxV #ScrollLink, #MolitorParalaxV2 #ScrollLink { display:block; bottom: 11px; color:#FECE00;  font-size:10em; }
	
	.name {
		text-transform:uppercase;
		font-weight:700;
	}
	
	div.v2dates { 
		text-align:center; 
		display: 
		inline-block; 
		margin: 50px;
		vertical-align: top;
		margin-top: 100px;
	}
	div.v2dates strong { font-size:1.2em; text-transform:uppercase; } 

	.podcast{ 
		max-width: 40%; 
		display: inline-block;
		margin: 20px;
		/*text-align: center;*/
	}

	.podcastW{
		background-image: url(../media/images/vinyle/mltr-vinyl2-podcast.jpg);
		padding: 20px;
		color: #fff;
		/*height: 250px;*/
		width: 130%;
		background-position: bottom;
	}

	.podcastW p{
		font-weight: 600;
		max-width: 380px;
	}

	.podcastW figcaption{
		text-transform: uppercase;
	}

	.podcastW a{
		color: #fff;
	}

	.podcastW figure{
		margin-left: 0px;
	}
	
	/*Iphone 11*/
	@media  (min-width:391px) and (max-width:500px) {
			.podcastW { max-width: 300px;}
		}
		
	/* Iphone 12 mini */
	@media  (max-width:360px) {
			.podcastW { max-width: 250px;}
			.podcastW figure { margin-left: -24px;}
		}
		
	/* Iphone 12 */
	@media  (min-width:361px) and (max-width:390px) {
			.podcastW { max-width: 275px;}
			.podcastW figure { margin-left: -12px;}
		}
		
	@media  (max-width:500px) {
			h3 { min-width: 200px;}
			.podcastW {width: 200%;}
		}
	
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * VINYLE VOL 3 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */		
.sortieAlbum3 {background: #FECE00; padding: 10px 40px; font-size: 1.6em !important; margin-bottom: 20px; display: inline-block;}
div.v3dates { 
	text-align:center; 
	vertical-align: top;
	margin: 100px auto;
    display: block;
}
div.v3dates strong { font-size:1.2em; text-transform:uppercase; } 

.toBeAnnouncedVol3 {text-align: center; font-size: 1.5em; margin-bottom: 100px;}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * NEWS * * * * * * * * * * * * * * * * * * * * * * * * * * * * */		
	
	#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; overflow: hidden;}
	.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.2);
		
		
	}
	.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;
	}
	

	#page-actualite .imgBanner {margin-top: -8%;}
	.236-molitor-fete-la-musique #page-actualite .imgBanner {margin-top: -10%;}

/*	.addthis_inline_share_toolbox {}*/
	
	
	
	/* 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; }*/

	.emploi .actu-listItemOverlay{ height: 93%; display: block;}
	.emploi a.button{ display: inline-block; margin-bottom: 5px; }
	.emploi .actu-listItemTitle { height: 96%; width: 94%; display: block;}
	.emploi .actu-listItemTitle strong {  display: inline-block; padding: 50% 10px 40px; background: url(zims/frontend/click.png) no-repeat center bottom;}
	
	/*.chrome .emploi .actu-listItemOverlay { width: 93%; height: 93%; display: block;}
	.chrome .emploi .actu-listItemTitle { height: 96%; width: 94%; display: block;}
	.chrome .emploi .actu-listItemTitle strong {  display: inline-block;   padding-top: 50%;}
	*/
	
	
	 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * YOGA * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	#YogaParalax1{ background-image: url(../media/images/yoga/paralax1.jpg);}
	
	
	.styledMiniList{ margin-bottom: 20px;}
	
	.styledMiniList li{ list-style-type: square; font-size: 0.7em; margin-bottom: 7px; padding: 0 0 7px 10px; border-bottom: 1px solid #ccc; list-style-position: outside; }
	.styledMiniList li span.text{ font-size: 1.3em; }
	
	
	
	
	
	.tarifsW { width: 90%; margin-left: 10%;}
	@media(max-width:1440px) {
		.tarifsW  { width: 70%; margin-left: 30%;}
	}
	
	.tarifs ul{ background: #2f395a; padding: 10px 20px;}
	.tarifs h3{ margin: 25px 10px;}
	.tarifs ul li{ color: #fff; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #fff;}
	.tarifs ul li:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
	.tarifs ul li strong{ font-weight: 600;  }
	.tarifs ul li span.price{ float: right; display: inline-block; font-size: 1.2em; font-weight: 500; color: #333; background: #fff; min-width: 100px; text-align: center;}
	
	
	
	.planning{}
	.planning ul.jours{ }
	
	.planning ul.jours > li{  margin: 0 0 5px 0; padding: 15px; background: none; border-bottom: 1px solid #2f395a; }
	.planning ul.jours > li h3{ margin: 0 0 10px 0; color: #2f395a; display: inline; float:left; margin: 0 25px 0 0; width: 30%;}
	.planning ul.heures li { font-size: 1.2em; margin-bottom: 5px; text-transform: uppercase; color: #2f395a }
	.planning ul.heures li span.horaire{ float: left; display: inline-block; margin-right: 20px; font-size: 1em; font-weight: 500; color: #fff; background: #2f395a; min-width: 100px; text-align: center;}

	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CARTE * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	.cartes-et-menu-section .bigmargin {margin-top: 20px !important; margin-bottom: 20px !important;}
	.cartes-et-menu-section h2.titleSection {line-height: 1; margin-top: 50px !important; margin-bottom: 0;}
	
	/* #CarteList .centeredlist.col3 > li{ width: 30%; margin-right: 5%;} */
	#CarteList .centeredlist.col3 > li:nth-child(3n){ margin-right: 0}
	#CarteList .centeredlist.col3 > li:nth-child(3n+1){ clear: left;}
	
	.carteCategTitle{ 
		/* font-size: 4em;  */
		/* font-size: 3.5em;  */
		/* color:#60b0e2; */
		/* background: url(zims/frontend/carte-band.jpg) repeat-x center; */
		/* padding: 0 19%; */
		/* width: 62%; */
		margin: 0;
		line-height: 1em;
	}
	.carteCategTitle.longtitle{ font-size: 3.5em; }
	/* .cartebar .carteCategTitle, .cartebarMainCategTitle{ font-size: 3em;} */
	.cartebar .carteCategTitle.longtitle{ font-size: 2.4em;}
	
	h3.carteCategTitle {font-size: 1.5em; padding-left: 5%;}
	.carteCategTitle span{ display: inline-block; background: #fff; padding: 0; }
	
	
	.carteMainCateg{ clear: both; margin-top: 30px;}
	
	div.carte.centeredlist, div.cave.centeredlist {max-width: 990px; width: 100%; margin: auto !important;}
	.carte{ padding-top: 15px; }
	.carte ul li span.carteItemText{ float: left; width: 80%; line-height: 1.2em;}
	.carte ul li span.carteItemText span{ font-size: 0.8em !important; color: #666; line-height: 1em}
	.carte ul li span.carteItemText span.separ-ou{ display: inline-block; font-size: 1.1em; color: #000000; margin-top: 10px;}
	
	.carte ul li span.carteItemText .itemLegend {text-transform: none; font-weight: 100;}
	
	.carte h3{ margin-top: 5px; }
		
	.carte ul li.noprice span.carteItemText{ width: 100%; }
	.carte ul li span.carteItemPrix{ float: right; width: 19%; font-size: 0.9em; text-align:right; line-height: 1.3em; font-size: 1.1em; letter-spacing: inherit;}
	.carte ul li span.carteItemPrix em{ font-style:normal;  }
	
	
	.intro, .conclus{ display: block; clear: both;line-height: 1.2em; margin: 0 0 10px; color: #000000;}
	
	ul.carte-list{margin-left: 10%;}
	.carte-list li{ margin-bottom: 10px; overflow: auto; padding: 2px 0;}
	
	.spot{ 
		display: block; float: right; width: 30px; height: 30px; 
		position: relative; top: -17px;
		overflow: hidden; text-indent: -999px;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px; }
	
	.spotBlue{ background: #60b0e2;}
	.spotYellow{ background: #fffd30;}
	.spotOrange{ background: #ffa530;}
	
	ul.cave-itemW .cave-item {margin-left: 10%;}
	
	.icospot{ display: inline-block; float: right; background: url(zims/icons/food-icons.jpg) no-repeat center left; width: 24px; height: 24px; margin-right: 3px; cursor: help; }
	.ico-gluten{ background-position: -26px 0;}
	.ico-wellness{ background-position: -51px 0;}
	
	#IcoLegendW{ text-align: center;}	
	#IcoLegendW .icoLegend{ position: relative; display: inline-block; float: none; margin-right: 20px;}
	#IcoLegendW .icospot{ float: left;}


	ul.cartesPDFW { display: flex; justify-content: space-evenly; margin-top: 100px;}
	ul.cartesPDFW li {position: relative; display: block; margin-bottom: 1em; text-transform: uppercase; font-size: 1.5em; background-position: center center; background-repeat: no-repeat; background-size: cover;}
	ul.cartesPDFW li .dummy {margin-top: 140%;}
	ul.cartesPDFW li .carteLien {/*position: relative; margin-top: -40px; top: 0%; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;*/ font-weight: 600; /*background-color: #4A92CD57;*/}
	ul.cartesPDFW li:last-child {margin-bottom: 100px;}
	/* ul.cartesPDFW li a {width: 100%; height: 100%; display: block; border: 1px solid transparent;} */
	ul.cartesPDFW li a {text-align: center;}
	ul.cartesPDFW li img {max-width: 500px;}

	
	/* DRINK */
	
	
.	.bigpriceDrink{ display: table; /*text-align: center;*/ }
	.bigpriceDrink li{ width: 40%; margin-right: 10%; display: inline-block; vertical-align: top;  }
	.bigpriceDrink li:nth-child(2n){ margin-right: 0}
	.bigpriceDrink li:nth-child(2n+1){ clear: left;}
	
	.carte ul.bigpriceDrink li span.carteItemText{  font-size: 1.3em;}
	.carte ul.bigpriceDrink li span.carteItemText span{  font-size: 0.7em;}
	
	
	.nointro{ padding: /*30px 0 0 0*/ 0;}
	
	.bigpriceDrink .cave-item{ margin-bottom: 10px;}
	
	.cave-item h4 { margin-top: 0; margin-bottom: 5px; }
	.cave-item p { margin: 0;}
	
	
	.mainCategTitle{ padding-top: 15px;}
	
	
	
	#CarteSubmenu{ position: fixed; left: 0; top: 200px; background: #111; max-width: 170px; display: none;}
	#CarteSubmenu li{ }
	#CarteSubmenu li a{ display: block; padding: 6px 8px; color: #fff; border-bottom: 1px solid #fff; letter-spacing: 0;}
	#CarteSubmenu li:last-child a{  border-bottom: none;}
	
	#CarteSubmenu li a i{ color: #111;}
	#CarteSubmenu li a:hover i{ color: #fff;}
	
	/*carte rooftop c6 et brasserie urbaine c1 */
	/*#Carte-c6-Item2-Selector, #Carte-c6,*/ 
	/* #Carte-c1-Item1-Selector, #Carte-c1 {display: none;} */
	
	
	/* .rooftop .carteCategTitle, .rooftop .clearblue, .rooftop .intro, .rooftop .conclus{ color: #66b99b; } */
	.rooftop .carteCategTitle { background-image: url(zims/frontend/carte-band-roof.jpg); }
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * COVID * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	
	#CovidStatuts{ margin-top: 40px;}
	#CovidStatuts li{ display: block;  text-align: center; }
	
	#CovidStatuts li span{ 
		text-align: center; display: inline-block; font-size: 1.2em; font-family: 'Reem Kufi', sans-serif;
		font-weight: 300; width: 160px; line-height: 1em;
		text-transform: uppercase; border-bottom: 1px solid #000; padding-bottom: 15px;
	} 
	#CovidStatuts li span.ouv{ color: #36cb1d; } 
	#CovidStatuts li span.ferm{ color: #d51d1d; } 
	#CovidStatuts li img{ display: block; width: 100% }
	
	.button.blue{ background: #556599; color: #fff; }


	
	/* *  * * * * * * * * * * * * * * * * * * * * * * * * RECETTES * * * * * * * * * * * * * * * * * * * * * */
	
	/* ul.recettesList {  */
		/* overflow:auto; */
		/* display:block; */
		/* position:relative; */
		/* margin:0 auto; */
		/* width:100%; */
		/* max-width:400px; */
		/* text-align :center; */
	/* } */
	
	/* ul.recettesList li.mainRecette .recette_content{ */
		/* background:#fafafa; */
	/* }  */
	/* ul.recettesList li a { */
		/* display:block; */
		/* background:#4A92CD; */
		/* color:#ffffff; */
		/* padding:16px;  */
		/* font-size:1.2em; */
		/* }  */
	/* ul.recettesList li:last-child{margin-bottom:0 !important;} */
	/* h3.otherClick { */
		/* color: #000; */
		/* overflow: auto; */
		/* display: block; */
		/* position: relative; */
		/* margin: 45px auto 1em; */
		/* font-size: 1em; */
		/* padding: 10px 0px; */
		/* width: 100%; */
		/* background: #D3D3D3; */
		/* max-width: 400px; */
		/* text-align: center; */
	/* } */
	
	
	ul.recettesList{
		overflow:auto;
		display:block;
		position:relative;
		margin:0 auto;
		text-align :center;
	}
	ul.recettesList li {
		position: relative;
		display: block;
		margin-bottom: 1em;
		text-transform:uppercase;
		font-size: 1.5em;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	ul.recettesList li.mainRecette .recette_content a::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 70%;
		height: 70%;
		border: 2px solid #fff;
	} 
	ul.recettesList li .dummy {
		margin-top: 100%;
	}
	ul.recettesList li .recette_content {
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	ul.recettesList li .recette_content.others {
		background-color: #4A92CD57;
	}
	ul.recettesList li .recette_content.main {
		background-color: #7D4C2157;
	}
	ul.recettesList li a {
		display:block;
		color:#ffffff;
		padding: 7px 16px; 
		font-size:1.2em;
	} 
	
	
	.other{min-height: 10vh;position:relative;}
	#RecetteLinkD {display: none; color: #303030; position: absolute; bottom:0; left: 50%;  transform: translate(-50%);}
	#page-recettes #RecetteLinkD {display: contents;}
	#RecetteLinkD i { /**margin-top: 20px;*/ }
	#RecetteLinkD i:hover {color: #4A92CD;}

	
	i.fa.fa-angle-up{display:none;}
	.hidden{display:none;}
	.show{display:inline-block !important;}
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CHARTE DE PROTECTION DES DONNEES * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	#page-charte-de-protection-des-donnees h3 {font-weight: 700;}
	#page-charte-de-protection-des-donnees #Mentions p {letter-spacing: 1px !important;}
	#page-charte-de-protection-des-donnees #Mentions a {text-decoration: underline;}
	#page-charte-de-protection-des-donnees #Mentions ol li {list-style-type: decimal; padding-bottom: 10px;}
	#page-charte-de-protection-des-donnees #Mentions ul li {list-style-type: disc; margin-left: 50px;}
	#page-charte-de-protection-des-donnees #Mentions ol li ul li {line-height: 1.2;}
	#page-charte-de-protection-des-donnees #Mentions ol li ul li:first-child {padding-top: 10px;}
	#page-charte-de-protection-des-donnees #Mentions table td {padding: 20px;}
	#page-charte-de-protection-des-donnees #Mentions h4 {font-size: 20px; font-weight: 600;}
	#page-charte-de-protection-des-donnees #Mentions .tableW {overflow: scroll;}



	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Newsletter * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	

	/* #page-newsletter #ContentW{ padding: 160px 25% 0;} */
	/* #page-newsletter #Footer{ display :none;} */
	
	/* #page-newsletter #Content h2:first-child{display: none;} */
	/* #page-newsletter #Content h2{ font-size: 2.2em !important;} */
	
	#page-newsletter #NewsletterW {margin: 20px auto;}
	#page-newsletter .desinscriptionNL {margin: 30px 25%; width: auto;}
	#DesinscriptionForm{ margin: 40px 0 10px;}

	#fieldsList-listes{ }
	.fieldsListTitle{ font-size: 1.3em; font-weight: bold; margin-bottom: 10px;  }
	#fieldsList-listes .fields label { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; padding: 7px 15px; display: block; background: #2f395a; color: #fff; cursor: pointer;}


	#NewsletterW {max-width: 700px; margin: 20px; background: #ffffff; padding: 30px;}
	.newsletterTitle {line-height: 1em; margin-bottom: 20px; font-size: 3em !important;}
	#NewsletterForm #fieldsList-majeur, #NewsletterForm #fieldsList-langue, #NewsletterForm #field-nom, #NewsletterForm #field-prenom, #NewsletterForm #field-email, #NewsletterForm #field-tel {width: 47.5%; float: left; /*max-width: 300px;*/}
	#NewsletterForm #fieldsList-majeur, #NewsletterForm #field-nom, #NewsletterForm #field-email {margin-right: 5%;}
	#NewsletterForm #fieldsList-famille {width: 100%; clear: both;}
	#NewsletterFormButtons {margin-top: 20px;}
	#NewsletterForm .fieldsListTitle, #NewsletterForm #field-nom, #NewsletterForm #field-prenom, #NewsletterForm #field-email, #NewsletterForm #field-tel {font-size: 1.1em !important; font-weight: bold; color: #333333;}
	#NewsletterForm #field-nom, #NewsletterForm #field-prenom, #NewsletterForm #field-email, #NewsletterForm #field-tel {margin-bottom: 20px;}
	#NewsletterForm #fieldsList-majeur, #NewsletterForm #fieldsList-langue {margin-bottom: 20px;}
	#ConfirmNewsletterW p {text-align: center;}
	#ConfirmNewsletterW p strong {font-size: 1.8em; text-transform: uppercase;}
	#fieldsList-famille .fields {display: flex; /*flex-wrap: wrap;*/ align-items: flex-start; justify-content: center;} 
	#fieldsList-famille .fields .checkbox-field {width: 30%; margin: 0 1.5% 20px 1.5%;}
	#fieldsList-famille input {margin: auto; width: 100%;}
	#fieldsList-famille label {text-align: center;}
	.cocheFamille {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
	.cocheFamille span {}
	.pictoNewsletter {width: 60px; height: 60px; display: block; margin: auto auto 10px auto; border: 1px solid #000000;}
	
	#fieldsList-majeur .fields, #fieldsList-langue .fields {display: flex;}
	#fieldsList-majeur .fields .radio-field, #fieldsList-langue .fields .radio-field {margin-right: 20px;}
	
	
	/*
	#fieldsList-famille .fields {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center;} 
	#fieldsList-famille .fields .checkbox-field { width: 33%; margin-bottom: 20px;}
	.pictoNewsletter {width: 80px; height: 80px; display: block; margin: auto auto 10px auto; border: 1px solid #000000;}
	*/
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CONTACT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	
	#page-contact{}


	/*.fancyContent{padding: 10px 30px; width: 500px; background-attachment:fixed; }*/

	.fancyContactBox{ width: 800px; }
	.fancyContactBox h2{
	background: #554b60 url(zims/frontend/star-mini.png) no-repeat 97% center; padding: 15px 25px; overflow: hidden; /*text-indent: 2em;*/
	font-size: 3em; line-height: 1.2em; color: #fff; margin: 0; }

	.fancyFormW{ padding: 20px 260px 10px 20px; background : url(zims/frontend/form-deco.jpg) no-repeat right center;  }

	#NewsletterBox{ width: 670px; }

	#ContactForm{ margin: 0; width: 100% }
	#ContactForm fieldset p, #ReservForm fieldset  p{  width: 40%; 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: 10%; }
	
	
	#ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message, #ReservForm fieldset p#field-message
	{ width: 90%; }
	
	
	#ReservForm fieldset p#field-repas{ width: 21%; }
	#ReservForm fieldset p#field-arrivee{ width: 25%; }
	#ReservForm fieldset p#field-nbpers{ width: 37%; }

	#ReservForm fieldset p#field-repas{ margin-right: 2%; }
	#ReservForm fieldset p#field-arrivee{ margin-right: 5%; }
	#ReservForm fieldset p#field-arrivee *{ float: right;}
	
	
	#ReservForm fieldset p#field-email{ clear: left;}
	
	
	
	
	
	/* #ContactForm fieldset p#field-date,  #ContactForm fieldset p#field-heure, #ContactForm fieldset p#field-nbpers{ width: 30%;}*/

	#message{  height: 100px; }

	/*#date, #heure, #nbpers{  width: 150px; }*/

	/*.formButtons { display: inline; float: left; width: 100%; texta-lign: center;}
	.formButtons input{ padding: 0.5em 2em; line-height: 2em; border-color: #222; color: #222;}
	.formButtons input:hover{ color: #666;}*/

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



/*


	#Coords, #Map{ height: 100%; }
	#Coords{  padding: 2% 5%; }


	#Coords p, #Coords h3{  text-align: center; }
	#Coords h2, #Coords h3{  margin-top: 20px; }


	#Map{ width: 100%; height: 100%;}
*/

	#jGMapW {
		width:980px; height:600px; margin:0; border:none;
		background:#fff url(zims/loader/map-loader.gif) no-repeat center;
		padding: 0;
		/*-webkit-perspective: 1000;*/ }
	#jGMapW .geo{ display:none;}
	#jGMap { width:100%; height:100%; }
	
	
	
	/*
	 
	#jGMapW { width:100%; height:100%; margin: 0 auto; border:none;}
	#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 Cabines */
	
	#FancyResaW{ display: none;}
	#FancyResa{ min-height: 450px;}
	#FancyResa h2{ 
	 	background: #222 url(zims/frontend/lafourchette.png) no-repeat 95% center; padding: 25px;
	 	font-size: 2em; color: #fff; margin: 0; text-align:left;}
	#ModuleW{ padding: 25px;}
	

	
	p#BookingErrorW { color:#ff0000; }
	#ResaForm p.textField  { width:25%;  float:left; margin-right:1%; }
	#ResaForm p.selectField  { width:16%;  float:left; margin-right:1%;  }
	#ResaForm p.selectField  select  { width:100%;  }  
	
	#ResaForm  #fieldset-sejour p.textField  { width:140px; }
	#ResaForm  #fieldset-sejour p#field-departure_date { width:280px; }
	#ResaForm p.textField  input.maskedDateField { width:100px; } 
	
	
	#ResaForm  #fieldset-sejour p#field-departure_date span#nightMsgW , #ResaForm  #fieldset-sejour p#field-departure_date input { float:left; }
	#ResaForm  #fieldset-sejour p#field-departure_date label { display:block; float:none; clear:both; width:100%; } 
	#ResaForm  #fieldset-sejour p#field-departure_date span#nightMsgW  {line-height:33px; height:33px; text-indent:8px; }
	
	
	#VisiteCabineForm { padding-bottom:1em; }
	#VisiteCabineForm  p { width:100%; float:none;  }
	#VisiteCabineForm  #VisiteCabineFormButtons { text-align :center; } 
	#VisiteCabineForm  #VisiteCabineFormButtons  input { margin:0 auto;  position:relative;   }
	
	
	#VisiteCabineForm  #fieldsList-visite   { padding-bottom:10px; /*height: 250px;*/ height: auto; overflow: auto; /*margin-bottom: 30px;*/ }
	#VisiteCabineForm  #fieldsList-visite  .fieldsListTitle  { margin-bottom:10px;  }
	#VisiteCabineForm  #fieldsList-visite  .fields  { padding-left:20px; }
	#VisiteCabineForm  #fieldsList-visite  .fields .radio-field label { padding-bottom:6px; margin-bottom:6px; border-bottom:1px solid #000000; display:block;  width:90%; }
	#VisiteCabineForm  #fieldsList-visite  .fields .radio-field:last-child label { border:none; }
	
	
	#VisiteCabineForm  p#TotalResa  {  margin-top:20px; padding-top:20px; border-top:1px solid #000000; text-align:right; font-size:1.2em;  }
	
	table.recapPanier , table.recapPanier td, table.recapPanier th{ border:1px solid #333333; border-spacing:0;  border-collapse:collapse; } 

	table.recapPanier td, table.recapPanier th{ padding:4px; text-align :center; } 
	
	#Content #Paybox { color:#238E53; font-size:1.1em; letter-spacing:1px;  line-height:39px; display:inline-block; border:1px solid #238E53; text-align:center;  padding:6px 10px; /*margin: 20px 0 0 20px;*/ margin: 10px 0 0 20px; }
	
	#e-trans { display:block;  float:right;  background:url(zims/frontend/paiement/CA.jpg) 0 0 no-repeat; width :140px; height:39px; overflow:hidden; text-indent:-5000px; margin:auto; }
	#PaiementZone {  width:100%; margin:0 auto;  position:relative; }
	#Content #PaiementZone > #Paybox { position:absolute; bottom:0; right:0;  }
	#PaiementZone  input[type=submit]{ height:52px; line-height:25px; } 
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * CALENDRIER  * * * * * * * * * * * * * * * * * * */

	#CalW {	}
	
	.calendarWW { width:100%; /*border:1px solid red;*/ display:block; overflow:auto; padding-bottom:30px; }
	.calendarWW  > div { /*width:49%; float:left; */ /*border:1px solid blue;*/ } 
	.calendarWW  > div.horairesW {/* margin-left:1%; */}
	
	.calendarWW  > div.horairesW ul li { margin-bottom:8px; } 
	.calendarWW  > div.horairesW ul li a {  background:rgba(248, 215, 73, 1); color:#000000; display:block; padding:4px; }
	.calendarWW  > div.horairesW ul li.complet a { background:#666666; color:#fff; }
	.calendarWW  > div.horairesW ul li a.selected { background:#0093B7; color:#fff; } 
	
	#CalendarTable {
		width:271px; height: 240px;  cellspacing: 0; cellpadding: 0; border-collapse: collapse;
		-webkit-box-shadow: 1px 1px 6px 0 #cccccc;
		box-shadow: 1px 1px 6px 0 #cccccc;
		position:relative; margin:0 auto; margin:0;
	}
	
	#CalendarTable * { text-align: center;  cellspacing: 0; cellpadding: 0;  }
	#CalendarTable td { width:14%;  background:#ffffff; }
	#CalendarTable abbr { border: none; text-decoration: none; color:#464646; line-height:2.4em;  }
	#CalendarTable .MonthName, #CalendarTable .arrowRight, #CalendarTable .arrowLeft, #CalendarTable .CalendHeaders th  { background-color: #0093B7; border: none; color: #FFF; font-size: 16px;
	font-weight:500;  text-transform:uppercase; }
	#CalendarTable .arrowRight a, #CalendarTable .arrowLeft a { color: #FFF; }
	#CalendarTable td { background:#ffffff; }
	#CalendarTable td a { color:#eeeeee; }
	#CalendarTable td.active { background: rgba(248, 215, 73, 1);  color:#fff; font-weight: 600; }
	/*#CalendarTable td.today abbr { color:#ffffff; background-color: #554B60;  padding:4px;  }
	#CalendarTable td.today { background-color: #554B60; }*/
	#CalendarTable td.active:hover { background:#f7e496;  }
	#CalendarTable td.active a:hover abbr, #CalendarTable td.today a:hover abbr 
	#CalendarTable td.active a:hover abbr { color:#000; }
	
	#CalendarTable td.active.free { background: #daffaf;  color:#fff; font-weight: 600; }
	
	#CalendarTable td.closed { /*background:#ddcaa4;*/ background:#eeeeee; font-style:italic; }
	#CalendarTable td.closed a abbr {  color:#6C5953; color:#666666;  }
	
	#CalendarTable td.selected  { background:rgb(65, 186, 236); background:rgba(0, 147, 183, 1);   }
	#CalendarTable td.selected a abbr { color:#ffffff; }
	#CalendarTable td.selected:hover {  background:#1bb1d3; }
	
	#CalendarTable td.past { background:#eeeeee; }
	#CalendarTable td.past a abbr { font-style:italic; color:#cccccc; }
	
	#CalendarTable td.hebdo { background:#cccccc; }
	#CalendarTable td.hebdo a abbr {  } 
	
	
	#fieldsList-visite { display:none; }
	
	
	#WaitForm {} 
	#WaitForm #fieldset-resa p, #PlusForm #fieldset-resa p.textField, #PlusForm #fieldset-resa p.selectField { width:32.4%; }
	#WaitForm #fieldset-resa p input, #WaitForm #fieldset-resa p select { width:60%; float:left;  color:#ffffff; font-style:italic; background:#554B60; }
	#WaitForm #fieldset-resa p label { display:block; }
	#WaitForm #fieldset-resa p span { padding-left:8px; line-height:2.5em; color:#696969; }
	#WaitForm #fieldset-resa p span svg { font-size:1em;  }
	#WaitForm p#field-message, #PlusForm p#field-message { width:100%; }
	#WaitForm p#field-message textarea, #PlusForm p#field-message textarea {  height:100px;  } 
	
	#WaitFormSubmit, #PlusFormSubmit { float:right; }
	#WaitFormCancel, #PlusFormCancel { float:left; font-style:italic; }
	
	
	
	/****************************** HOME VIDEO  ******************************/
	
	
	.vjs-loading-spinner, .vjs-control-bar, .vjs-error-display, .vjs-modal-dialog, .vjs-big-play-button { display:none; }
	
	#VideoW  { box-sizing: border-box; width:100%; height:100%; }
	
	
	/****************************** LIVRE  ********************************/
	
	
	#AchatLivreForm h3 {  margin:0 0 10px 0 !important; text-align:left;   padding:0;   }
	#AchatLivreForm p.centeredlist { margin:0 0 10px 0 !important;   padding:0 0 10px 0;  border-bottom:1px solid #000000; } 
	
	#AchatLivreForm #field-quantite, #AchatLivreForm #TotalResa {  width:50%; float:left;  }
	#AchatLivreForm #TotalResa { text-align:right; } 
	
	#PreviousEditionsW {margin-top: 100px;}
	#PreviousEditions {display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline;}
	#PreviousEditions .oldEdition {display: flex; flex-wrap: wrap; justify-content: center;}
	#PreviousEditions .oldEdition span {width: 100%; font-weight: 600; margin: 20px 0; font-size: 1.2em;}
	#PreviousEditions .oldEdition img {width: 500px;}
	
	
	/****************************** Telethon  ********************************/
	
	.telethonDon, .videoTelethon, .logosTelethon {text-align: center;}
	.logosTelethon {display: flex; justify-content: center; align-items: center; margin: 60px auto 80px;}
	.logosTelethon span {/*font-size: 5em;*/ padding: 0 50px;}
	.logosTelethon img:last-child {width: 500px;} 
	.telethonDonLink {border: 1px solid #a11254; background-color: #a11254; display: inline-block; letter-spacing: 1px; font-size: 1.2em; text-transform: uppercase; padding: 8px 35px;  color: #fff !important;}
	
	
	#page-telethon .coord a {color: #2f395a;}
	#page-telethon .partenaires img {display: block; margin: auto; max-width: 100%; height: auto;}
	
	.telethonDon {margin: 60px;}
	.videoTelethon {margin-top: 30px;}
	
	#GalTelethon {margin-top: 60px;}
	
	#backgroundTelethon img {
		animation: zoominoutsinglefeatured 70s infinite ;
	}
	
	
	#page-telethon .centeredlist {font-size: 16px !important;}
	
	
	
	
	
	/***************************************************** Galerie event *********************************************************/
	#PicturesList{ overflow:auto; margin: 30px auto;}
 	#PicturesList li{ width: 25%; float: left; position:relative; overflow: hidden;}
	#PicturesList li a{ display: block; width: 100%; position:relative; z-index: 100; color: #000;}
	#PicturesList li a img{ width: 100%; vertical-align:top;}
	
	#PicturesList li .pictureOverlay{
		position: absolute; min-height: 30px; bottom: -80px; width: 100%; z-index: 101;
		padding: 5px 10px; margin: 0; text-align: center; text-transform: uppercase; font-size: 1.5em; color: #1D2675;
	}
	

	

	
	.masonry {column-count: 3; column-gap: 0;  margin: 1.5em auto; text-align: center;}
	.item {background-color: #eee; display: inline-block; background: #fff; padding: 0; margin: 0 0 0.5em; position: relative;}
	.item img {max-width: 600px; transition: all 0.3s ease-in-out; backface-visibility: hidden; }
	
	#GalTelethon .masonry .item img {max-width: 450px;}
	
	#BigBannerW.thanks2018 .overlayColor{display: flex !important;}
	.comPhoto {display: none; margin: auto;}
	
	
	.masonry .overlayColor{ 
		position: absolute; width: 100%; height: 99.5%; display:block; z-index:5;
		-moz-transition: background-color 0.3s ease-in-out; top: 0; left: 0;
		-webkit-transition: background-color 0.3s ease-in-out;
		-o-transition: background-color 0.3s ease-in-out;
		-ms-transition: background-color 0.3s ease-in-out;
		transition: background-color 0.3s ease-in-out;
	}	
	
	
	
	

	.moreInfos {clear: both; font-style: italic; margin-top: 50px; display: inline-block;}
	#LinksResaTable .moreInfos {width: 100%; margin: auto !important; text-align: center !important; margin-top: 10px !important;}
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * RSE	* * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	
	
	
	
	#page-engagements-rse .centeredlist{  margin-left: 0% !important;   margin-right:0% !important;   width: 100%; display: flex; flex-wrap: wrap; gap: 50px;}
	
	#page-engagements-rse .centeredlist60{  margin-left: 20%!important; margin-right: 20%!important; width: 60%}
	#page-engagements-rse .centeredlist90{  margin-left: 5%!important; margin-right: 5%!important; width: 90%}
	
	.centeredlist > li{ display: inline-block; vertical-align: top; position: relative;}
	.centeredlist > li.col40{ width: calc(40% - 25px); }
	.centeredlist > li.col60{ width: calc(60% - 25px); }
	/*.centeredlist > li.col25{ width: 22.5%; margin: 0 1%; }
	.centeredlist > li.col25.colbigspace{ width: 23%; margin: 0 5%; }
	.centeredlist > li.col30{ width: 30%; margin: 0 1.5%; }
	.centeredlist > li.col33{ width: 32%; margin: 0 0.5%; }
	.centeredlist > li.col40{ width: 37%; margin: 0 1.5%; }
	.centeredlist > li.col45{ width: 43%; margin: 0 1.5%;}
	.centeredlist > li.col50{ width: 45%; margin: 0 2.4%; }
	.centeredlist > li.col60{ width: 56%; margin: 0 0;}
	.centeredlist > li.col100{ width: 100%; }*/
	
	#RseActionsW{ min-height: 500px;}
	.littlesoulign { display: block; width: 40px; height: 3px; background: #000; margin-top: 10px; }

	#page-engagements-rse #Content  h2.lefted{ margin-left: 5%; margin-right: 5% }
	#page-engagements-rse #Content p{ font-size: 1.1em;}
	#page-engagements-rse #Content p.sidespacing{  margin-left: 5%; margin-right: 5%;}
	#page-engagements-rse #Content p.bigdecalbottom{ margin-bottom: 50px;}
	#page-engagements-rse #Content p:last-child{ margin-bottom: 0;}
	#page-engagements-rse #Content p em{ font-size: 0.9em; font-style: italic; color: #fff !important;}
	#page-engagements-rse #Content p strong.subtitle{ font-size: 1.6em; font-weight: 400;}
	#page-engagements-rse #Content #ZoomHalfBanner h2{ color: #fff;}
	#page-engagements-rse #EventSpacesMenu{ margin: 0 5% 0; width: 90%;}
	
	

	
	#RseActionsContent{ padding-top: 10px; position: relative;}
	#RseActionsContent h2{ margin-bottom: 50px;}

	
	#RseActionsW{ position: relative; }
	#RseActionsArrows{ position: absolute; top: 0; left: 0; width: 100%; height: 0px;}
	.actionArrow{ display: block; position: absolute; top: 140px; width: 44px; height: 81px; background: url(zims/frontend/pagination-arrows-b.png) no-repeat left top; overflow: hidden; text-indent: -999px; cursor: pointer;}
	.actionArrow.left-arrow{ left: 10px;  }
	.actionArrow.right-arrow{ right: 10px; background-position: right top;}
	
	#RseActionsSelector{ position: relative;overflow: hidden; display: block;}
	#RseActionsSelector ul{  width: 100%; clear: both; }
	#RseActionsSelector ul li{  display: block;  position: relative; padding: 0 5px; }
	
	#RseActionsSelector ul li{ /*width: 13.5%; margin: 0 0.4%; display: inline; float: left; margin-bottom: 70px;*/    }
	
	#RseActionsSelector ul li:first-child{ margin-left: 0 !important;  }
	#RseActionsSelector ul li a {display: table; padding: 8px 15px; text-align: center; color: #fff !important; width: calc(100% - 30px);
		min-height: 380px; 
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		-moz-transition: background-color 0.3s ease-in-out;
		-webkit-transition: background-color 0.3s ease-in-out;
		-o-transition: background-color 0.3s ease-in-out;
		-ms-transition:  background-color 0.3s ease-in-out;
		transition:  background-color 0.3s ease-in-out;
		
		background: linear-gradient(45deg, rgba(92,143,65,1) 12%, rgba(28,161,186,1) 100%); }
		
	#RseActionsSelector ul li a strong { font-size: 1.8em;  letter-spacing: 1px; line-height: 1.1em; display: table-cell; vertical-align: middle; height: 80%;  color: #fff !important;  }
	#RseActionsSelector ul li a strong span {display: block; position: absolute; top: 20px; left: 0; width: 100%; font-size: 0.6em; color: #fff !important; }
	#RseActionsSelector ul li a span.morelink{position: absolute; bottom: 15px; right: 15px; display: inline-block; padding: 4px 7px; font-weight: bold;  color: #fff !important; }
	#RseActionsSelector ul li a span svg{color: #fff !important; }
	
	
	#RseActionsSelector ul li a.color2 {
		background: linear-gradient(45deg, rgba(92,143,65,1) 12%, rgba(168,119,232,1) 100%);
	}
	
	#RseActionsSelector ul li a:hover{ background: linear-gradient(45deg, #111, #555); text-decoration: none; }
	
	
	

	
	
	.miniBackto {
		display: block;
		position: absolute;
		left: 5%;
	}
	#RseActionBack{ display: none; top: 50px;}
	
	.rseAppear{ opacity: 0;  
		transform: scale(0.95);
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition:  all 0.3s ease-in-out;
		transition:  all 0.3s ease-in-out;
	}
	.rseAppear.animated{ 
		opacity: 1;  
		transform: scale(1);
	}
	
	

	/* PAGINATION JS */
	
	#RseActionsContentsW{ overflow: hidden; display: none; position: relative; }
	#RseActionsContentsW .pagination{ position: absolute; bottom: 0; width: 100%;}
	
	.rseAction{ display: none;}
	.rseAction h3{ font-size: 3em; margin-top: 0; font-weight: 800; line-height: 1em;}
	.rseAction h3 span {display: inline-block; font-size: 0.6em; margin-bottom: 8px; color: #5c8f41 }
	.rseAction p a:hover{ text-decoration: underline;}
	.rseAction p svg{ color: #5c8f41}
	
	.animRse img{ display: block; width: 100%;}
	
	.bigNumCounter .incrNum, .bigNumCounter .incrNumComp{  font-size: 5em; line-height: 1.5em; padding-top: 10px; }
	.bigNumCounter svg{ font-size: 3em;}
	.bigNumCounter svg.normal{ font-size: 1em;}
	
	.paginatedW { /*overflow: hidden;*/ width: 100%;padding-bottom: 10px; }
	.paginatedW .sliderPage { display: none; position: relative;}
	
	.pagination{ height: 25px; width: 100%; position: relative; margin-top: 20px;}
	.hlt-700 .pagination{ height: 25px; margin-top: 0;}
	.pagi-prev, .pagi-next{ 
		display: inline-block; width: 11px; height: 20px; background: url(zims/frontend/pagination-arrows-b.png) no-repeat left center;
		border: none; text-indent: -999px; overflow:hidden;
		bottom: 0; cursor: pointer; margin: 0 20px;}
		
	.pagi-prev{ }
	.pagi-next{  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: #999; 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:#000; }
	
	.pageCount{ display: none;}
	
	.pagi2 .pageCount{ display: inline;}
	.pagi2 .pagi-prev, .pagi2 .pagi-next{ display: inline-block;}
	.pagi2 .pagi-dots{  display: none;}
	
	
	.swipepagination{ padding-top: 20px;}
	.swipepagination ul{ display: table; width: 100%; text-align: center;}
	.swipepagination ul li{ display: inline-block; margin: 0 5px; }
	.swipepagination .dot{ 
		background: #000; width: 10px; height: 10px; border: none; vertical-align:top;  display: inline-block;
		text-indent: -999px; overflow:hidden;
		padding: 0; border: 1px solid #fff;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;  }
	.swipepagination .dot.active{ background:#fff;  }
	
	
	
	.floatImgR{ float: right; margin: 0 0 15px 10px;}
	
	/* ANIMATIONS */
	
	
	.animZim{}
	.animZim.rotZim{ 
		position: relative; z-index: 1;
		transform: rotate(-12deg);
		-moz-transition: all 1.5s ease-out;
		-webkit-transition: all 1.5s ease-out;
		-o-transition: all 1.5s ease-out;
		-ms-transition: all 1.5s ease-out;
		transition: all 1.5s ease-out;} 
	.animZim.rotZim.done{ transform: rotate(0deg); opacity: 1 !important;} 
	
	
	
	.flexi{ display: flex; gap: 0;}
	
	.listrse li{ text-align: center; flex: 1; padding: 0 60px 0 60px; border-right: 1px solid #000;  }
	.listrse li:nth-child(2){  border-right: none;  }
	.listrse li img{ max-width: 300px; }

	.paddingtitle{ margin-top: 80px !important; font-weight: 800; font-size: 3em;}
	
	
	
	
	
	
	
	


	/***************************************************** CGU *********************************************************/
	#page-conditions-generales-utilisation h4 {font-weight: bold; text-decoration: underline;}
	#page-conditions-generales-utilisation li {letter-spacing: 0;}
	
	
	
	@media all and (max-width: 1830px){
		#GalTelethon .masonry .item img {max-width: 420px;}
	}
	
	
	@media all and (max-width: 1821px){
		.item img {max-width: 550px;}
		.masonry {column-count: 3;}
	}
	
	@media all and (max-width: 1725px){
		#GalTelethon .masonry .item img {max-width: 380px;}
	}
	
	@media all and (max-width: 1700px){
		.item img {max-width: 500px;}
		.masonry {column-count: 3;}
	}
	
	@media all and (max-width: 1560px){
		#GalTelethon .masonry .item img {max-width: 350px;}
	}
	
	@media all and (max-width: 1520px){
		.item img {max-width: 450px;}
	}
	
	@media all and (max-width: 1441px){
		.item img {max-width: 400px;}
		#GalTelethon .masonry .item img {max-width: 320px;}
		.masonry {column-count: 3;}
		.comPhoto {font-size: 2em;}
		
		#page-home #MainMenu li > a.HTMLMenuItemLink-Level1, #page-home #MainMenu .HTMLMenuTitle {font-size: 2.5em;}
	}
	
	@media all and (max-width: 1320px){
		#GalTelethon .masonry .item img {max-width: 300px;}
	}
	
	@media all and (max-width: 1281px){
		.item img {max-width: 550px;}
		#GalTelethon .masonry .item img {max-width: 430px;}
		.masonry {column-count: 2;}
	}
	
	@media all and (max-width: 1185px){
		#GalTelethon .masonry .item img {max-width: 400px;}
	}
	
	@media all and (max-width: 1130px){
		.item img {max-width: 500px;}
		.masonry {column-count: 2;}
	}
	
	@media all and (max-width: 1100px){
		#GalTelethon .masonry .item img {max-width: 370px;}
	}
	
	@media all and (max-width: 1025px){
		.item img {max-width: 450px;}
		.masonry {column-count: 2;}
		
		#page-telethon .coord, #page-telethon .partenaires {margin: auto 20px;}
		#page-telethon .partenaires {margin-bottom: 40px;}
		#page-telethon .coord p {margin-left: 30px;}
		
		#page-telethon .partenaires img {width: 100%;}
	}
	
	@media all and (max-width: 923px){
		.item {width: 100%;}
		.item img {max-width: 100%; width: 100%;}
		.masonry {column-count: 1;}
		.masonry .overlayColor{height: 99.2%;}
	}
	
	/*@media all and (max-width: 1335px){
		#ZoomHalfBanner h2{bottom: 20%;}
	}*/
	
	
	
	@media all and (min-width: 1025px){
		
		.masonry .item:nth-child(even) .overlayColor:hover {background: rgba(248,140,33,0.5);} 
		#GalTelethon .masonry .item:nth-child(even) .overlayColor:hover {background: rgba(163,18,88,0.5);} 
		/* .masonry .item:nth-child(even) .overlayColor:hover {background: rgba(236,40,135,0.5);} */
		.masonry .item:nth-child(odd) .overlayColor:hover {background: rgba(47,57,90,0.5);}
		/* .masonry .item:nth-child(odd) .overlayColor:hover {background: rgba(255,242,0,0.5);} */
		.masonry .overlayColor:hover .comPhoto {display:inline;}
		
		#page-telethon .coord, #page-telethon .partenaires {width: 36.5%; margin-top: 60px; float: left;}
		#page-telethon .partenaires {margin-left: 12.5%; margin-right: 2%; height: 100%; margin-bottom: 20px;}
		#page-telethon .coord {margin-right: 12.5%;}
		#page-telethon .coord p {margin-left: 30px; font-size: 16px;}
		
		#Nav.home {min-height: 100vh; position: relative; display: flex; z-index: 0;}
		#Menu{display: block;}
		#Menu.home, #Menu.site {width: auto; position: absolute; background: none; top: 50%; /*bottom: 0;*/ left: 0; transform: translatey(-50%);}
		/*#Menu.site {bottom: 10px;}*/
		#Menu #MainMenu {width: 100%; margin-left: 0; display: grid; padding-top: 0; overflow: hidden;}
		#Menu #MainMenu > li {text-align: left; /*width: max-content;*/ width: inherit;  display: block; /*display: flex;*/ margin-bottom: 0px; /*align-items: center;*/}
		#Menu #MainMenu li > a.HTMLMenuItemLink-Level1,  #Menu #MainMenu .HTMLMenuTitle {color: #ffffff; font-weight: 600; /*background: rgba(255,255,255,0.95);*/ padding: 7px 10px 0 30px; display: block; text-shadow: 1px 1px 1px rgb(0 0 0); /*width: min-content;*/}
		
		#Menu #MainMenu > li {
		-moz-transition: margin-left 0.2s ease-in-out;
		-webkit-transition: margin-left 0.2s ease-in-out;
		-o-transition: margin-left 0.2s ease-in-out;
		-ms-transition: margin-left 0.2s ease-in-out;
		transition: margin-left 0.2s ease-in-out;
		margin-left: -7px; 
		width: auto;}
		#Menu #MainMenu > li:hover{ margin-left: 0;}
		#Menu #MainMenu li a#MainMenu-instagram-Link, #Menu #MainMenu li a#MainMenu-facebook-Link, #Menu #MainMenu li a#MapstrLink {margin-right: 25px;}
		#Menu #MainMenu li a#MapstrLink {vertical-align: middle;}
		#Menu #MainMenu li a#MapstrLink:hover {text-decoration: none !important;}
		#Menu #MainMenu li a#MapstrLink img {height: 20px; width: auto;}
		#Menu #MainMenu li a#MainMenu-360-Link {vertical-align: middle;}
		#Menu #MainMenu li a#MainMenu-360-Link img {height: 60px; width: auto; margin-right: 7px; margin-top: -25px;}
		#Menu #MainMenu li#MainMenu-social-Item {/*background: rgba(255,255,255,0.95);*/ padding: 5px 5px 5px 30px; display: flex; gap: 10px;}
		#Menu #MainMenu li#MainMenu-social-Item a {font-size: 2em; color: #ffffff; text-shadow: 1px 1px 1px rgb(0 0 0); text-transform: uppercase;
			font-family: 'alto_probold', sans-serif;
			text-shadow: 1px 1px 1px rgb(0 0 0);
			color:#ffffff; padding: 7px 10px 0 30px;
			padding: 10px 0 0;}
		#page-home #Menu #MainMenu li#MainMenu-social-Item a {font-size: 2.5em;}

		/* #Menu.site {height: 100%;} */
		#Menu.site #MainMenu li > a.HTMLMenuItemLink-Level1, #Menu.site #MainMenu .HTMLMenuTitle {font-size: 2em; line-height: 1; font-weight: 100;}
		
		#HeaderW {height: 75%;}
		#page-home #HeaderW {height: 100%;}
		#Header {height: 100%}
		#Nav.site {position: relative; display: flex; z-index: 0; height: 100%;}
		#Menu.site {background: none; /*bottom: 0;*/}
		/* #Menu.site #MainMenu {width: 100%; margin: 0; background: #ffffff; display: flex; float: none; padding: 0; justify-content: center; align-items: center; flex-wrap: wrap;} */
		/* #Menu.site #MainMenu > li {width: auto; margin-bottom: 0; padding: 10px 20px; border-right: 1px solid #666;} */
		#Menu.site #MainMenu > li:last-child {border: none;}
		/* #Menu #MainMenu li > a.HTMLMenuItemLink-Level1 {color: #000000;} */
		
		#Menu.site #MainMenu li a#MainMenu-360-Link img {height: 50px;}
		
		.salon-de-coiffure-section .imgBanner, .le-club-molitor-section .imgBanner, .equipe-section .imgBanner, .nos-chefs-section .imgBanner, .actualite-section.brasserie-urbaine-section .imgBanner, .art-section.laffiche-section .imgBanner {margin-top: -10%;}
		.cours-section .imgBanner {margin-top: -18%;}
		.nos-espaces-section .imgBanner {margin-top: -20%;}
		.offres-speciales-section .imgBanner {margin-top: -25%;}
		.spa-section .imgBanner.spaAccueil {margin-top: -2%;}
		
		
	}
	
	
	@media(max-width:1440px) {
	
		#MainResaLink, #MainResaLinkVinyle{ right: 15px; padding: 7px 20px; }
		.carteCategTitle{ font-size: 3em;}
		.carteCategTitle.longtitle{ font-size: 2.6em; }
		.dot {margin: 0 30px !important;}
	}
	
	@media(max-width:1280px) {
	
		#NavIco span{ opacity: 0; top: -100px; }
		.dotW.active {background: none !important;}
		#boutonsDefilement > .dotW {height: 12px !important; margin-top: 0 !important;}
		.dot {margin: 0 20px !important;}
	}
	
	@media(max-width:1153px) {
		
		#ZoomHalfBanner h2{bottom: 10px;}	
	}
	
	
	
	
	@media(max-width:1024px) {
			
			
		body {  background-position: center 25%; }
		.arrowNext{ display: none }
		
		#HeaderW{ height: 115px;background-image: url(zims/frontend/header-overlay-w-mobile.png); /*background-image: none;*/}
		
		#page-home #HeaderW {background-image: none;}
		
		#HeaderW, #Nav{ position: absolute;}
		/* #Footer{ display: none; }		 */
		#Header h1 a{ width: 85px;}
		
		
		/*.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; display: block;}
		/*#NavIco.active{ position: absolute;}*/
		#NavIco span{ display: none;}
		
		#ResaLink{ right: 20px; position: fixed;}
		#Socials{ top: 15px; roght: 0:}
		#MenuLogo{ display: none;}
		
		
		#SAContent { width: 320px; height: 320px; display: none; min-width: 300px; margin: 0; overflow: hidden;}
		#SAContent img { display: block; width: 100%; }
		
		
		#MainMenu{ width: 90%; padding: 0 5%; margin-top: 50px; 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; margin-bottom: 15px;}
		#MainMenu li a{ background: none; padding: 0; }
		#MainMenu li > a.HTMLMenuItemLink-Level1{ font-size: 1.2em !important;}

		#HeaderW {z-index: 5000;}

		#ResaNav{width: 90%; padding: 15px 5%; /*border-top:  3px solid #333; border-bottom:  3px solid #333;*/ flex-wrap: wrap; justify-content: center; margin: 0 0 20px 0; border-bottom: 3px solid #777777;}
		#ResaLinksFooter li {width: 100%; border-bottom: 1px solid #777777;}
		#ResaNav ul{ margin: 0; }
		#ResaLinksFooter {width: 100%;}
		#ResaNav ul li{ padding: 0; margin-right: 0; }
		#ResaNav ul li a{ padding: 0; margin-right: 0; }
		#ResaNav ul li a.button{ font-size: 1.1em; }
		
		#ResaHotelHome #ResaForm p.selectField {width: 100%;}
		
		#RightNav{ width: 90%; padding: 0 5%; border: none; margin-top: 0;}
		#Footer #Socials {width: 100%; float: none; text-align: center;}
		#Footer #Socials li{ width: auto; text-align: center; margin-right: 25px;}
		#Footer #Socials li:last-child {margin-right: 0;}
		/* #ContactLink{ float: right;} */
		
		#MainMenu > li.HTMLMenuW {margin-bottom: 0;}
		.HTMLMenuTitle {font-weight: 300;}
		#Menu #MainMenu li > a.HTMLMenuItemLink-Level1, #Menu #MainMenu .HTMLMenuTitle { font-size: 1.2em !important;}
		#MainMenu-social-Item a {font-size: 2em; margin-right: 20px;}
		#Menu #MainMenu li#MainMenu-social-Item a 
		{
			font-size: 1.2em; color: #666; 
			text-transform: uppercase;
			font-family: 'alto_probold', sans-serif;
			padding: 7px 10px 0 30px;
			padding: 10px 0 0;
		}
		#MainMenu-social-Item a:last-child {margin-right: 0;}
		#MainMenu-social-Item img {height: 31px; width: auto;}
		#MainMenu-social-Item a#MapstrLink img, #MainMenu-social-Item a#MainMenu-360-Link img {margin-bottom: -3px;}
		#MainMenu-social-Item a#MainMenu-360-Link img {height: 35px;}
		
		#Menu .HTMLMenu-Level2 {padding-left: 0 !important;}
		#MainMenu > li.HTMLMenuW ul li a {background: none; color: #777777; padding: 5px 0;}
		#MainMenu > li.HTMLMenuW ul li {margin-bottom: 0; padding: 0;}
		
		#fieldsList-famille .fields {flex-wrap: wrap;}
		
		.iconsFooter {width: 100%;}
		#LangLinks{ position: relative; width: 100%; float: none; margin: auto; text-align: center; display: block;}
		#LangLinks li {float: none; display: inline-block; margin-right: 15px;}
		#LangLinks li:last-child {margin-right: 0;}
		#Links { margin: 5px 0;}
		#Links li{ width: 30%; margin: 0 1.5%;}
		#Links a img{ display: block; max-width: 100%;}
		
		#MgalleryLogo {top: 0; right: 20px;}
		
		#ButtonsFooter {margin-top: 10px; margin-right: 0; text-align: center;}
		#ButtonsFooter a:last-child {margin-right: 0;}
		
		#Credits { width: 100%; text-align: left; position: static; font-size: 0.9em;}
		#Credits a{ margin-bottom: 10px; display: inline-block;}
		
		
		h2.pageTitle{ font-size: 2.5em;}
		h3{ font-size: 1.4em; text-align: left;}
		h3.titleDetails {text-align: center;}
		
		.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, #MainResaLinkVinyle, #MainBuyLinkBook{ padding: 6px 10px; right: 5px; font-size: 1.1em; z-index: 5002;}
		
		#HomeNewsLink{
			width: 88px; height: 230px;
			background-position: left top;	top: 18%;
			z-index: 4500;
		}
		
		#HomeNewsletterLink {z-index: 4500;}
		
		#page-home #HomeNewsLink{
			width: 151px; height: 300px;
		}
		
		#page-home #HomeNewsLink a {
			font-size: 1.8em;
			padding: 140px 0 0 10px;
		}
		
		#HomeNewsLink a { font-size: 1.2em; padding: 140px 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 !important; line-height: 1.2em;}
		
		.imageBannerWW, .imageBannerW, .imageBanner, .imgBanner {height: 100%;}
		.imgBanner {margin-top: 0; width: auto; min-width: 100%;}
		
		.centeredlist, .centeredlist85, .centeredlist60, .autocenterlist{ margin-left: 5% !important; margin-right: 5% !important; width: 90%; }
		
		.centeredlist.col2 > li,
		.centeredlist.col3 > li,
		.centeredlist.col4 > li, 
		.autocenterlist.col2 > li,
		.autocenterlist.col3 > li,
		.autocenterlist.col4 > li,
		#LivrePhoto1,
		#LivrePhotos2 {
			display: block;
			float: none;
			width: 100% !important;
			margin: 20px 0 !important;
		}
		
		#page-recettes .centeredlist.col4 > li {
			float: left;
		}
		
		.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%;}
		
		.halfScreen{ width: 100% }
		
		
		#ScrollLink {bottom: auto; line-height: 180vh; font-size: 4em; height: 100vh;}
		
		/*.autocenterlist{ margin: 0 12.5%; width: 75%; display: table; text-align: center;}
		.autocenterlist> li{ margin-bottom: 25px; display: inline-block}
		
		.autocenterlist.col2 > li{ width: 49%; margin-right: 1%; }
		.autocenterlist.col2 > li:nth-child(odd){ clear: left;}
		.autocenterlist.col2 > li:nth-child(even){ margin-right:0; margin-left: 1%;}
		
		.autocenterlist.col3 > li{ width: 32%; margin-right: 2%}
		.autocenterlist.col3 > li:nth-child(3n){ margin-right: 0; }
		
		.autocenterlist.col4 > li{ width: 23%; margin-right: 2.25%}
		.autocenterlist.col4 > li:nth-child(4n){ margin-right: 0; }*/
		
		#SubMenuW ul.submenu li{ border: none}
		#SubMenuW ul.subsubmenu li{ margin-right: 10px; }
		#SubMenuW ul.subsubmenu li a{ padding-right: 12px;}
		
		
		#LinksResaTableW {width: auto; /*height: 100%;*/}
		#LinksResaTable {display: block !important; text-align: center;}
		#LinksResaTable .resaResto {width: 100% !important; text-align: center;}
		#LinksResaTable .resaResto img {display: block; width: 80%; height: auto; margin: auto;}
		.resaResto h3{text-align: center !important;}
		#ResaRooftop {margin-top: 50px;}
		#ResaBrunchs {margin-top: 50px;}

		/* 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: 100%; display: initial;}
		/* #HomePage-1{ position: fixed;} */
		
		/* #page-home #HomeNewsLink{ top: 28%; } */
		
		.noel . #Header h1 a { width: 380px; }
		
		
		/* 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; }
		
		
		
		#SoinList img.floatL, #SoinList img.floatR, #SoinSignatureList img.floatL, #SoinSignatureList img.floatR{ width: 40%;}
		
		.heures{ clear: both;}
		.tarifsW{ width: 100%; margin: 0;}
		
		
		#ProfsList li {border-bottom: 5px solid #d9d9d9; }
		
		.paratitleW h3 {
			font-size: 1.7em;		
			padding: 22px 0 22px 90px;
		}
		.activitelist li *{ margin-right: 0; margin-left: 0; }

		.actuSubtitle{ padding: 10px 20px;}
		.actuHeaderW img, .actuFooterW img{ width: 200%; position: relative;  left: -50%; }

		
		#ContactForm fieldset p, #ReservForm fieldset p  { width: 85% !important; margin-right: 0;}
		#ReservForm fieldset p#field-arrivee *{ float: none;}
		
		
		#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%}
		
		
		.carteCategTitle{  padding: 0 5%; width: 90%;}
		.bigpriceDrink li { width: 100%; margin-right: 0;}
		.carte ul.bigpriceDrink li span.carteItemText{ width: 100%; float: none;}
		
		#PicturesList li {    width: 49%; border: 1px solid white;}
		
		
		.livre p{text-align: justify;}
		
		.videoTelethon video {width: 100%;}
		
		#page-telethon .coord {width: auto;}
		
		/* #page-newsletter #ContentW{ padding: 100px 5% 0;} */
		#page-newsletter #NewsletterW {margin: 20px;}
		
		#page-newsletter .desinscriptionNL {margin: 30px !important; width: auto;}
		
		#fieldsList-famille .fields .checkbox-field {width: auto;}
		
		
		/*** CARTE ***/
		.chefIntro .descChef {width: 100%;}
		.carte-section .titleCarteBrasserie {width: 90%;}
		.brasserie-urbaine-section .carteCategTitle {width: 90%;}
		.brasserie-urbaine-section #CarteList {width: 90%; margin: auto;}
		.brasserie-urbaine-section #CarteList .centeredlist.col3 li ul {margin-left: 0;}
		
		.brasserie-urbaine-section #Carte-c5 {width: auto;}
		
		#HelpFormMainFieldset #field-nom {width: 100% !important; margin-right:0 !important;}
		#HelpFormMainFieldset #field-prenom {width: 100% !important;}
		#HelpFormMainFieldset input[type="text"], #HelpFormMainFieldset input[type="password"], #HelpFormMainFieldset input[type="email"], #HelpFormMainFieldset textarea {width: 80%; margin: auto;}
		
		#CarrouselClubW #CarrouselClub li .horairePhoto {height: 60px !important; top: 60px !important; }
		#CarrouselClubW #CarrouselClub li ul {font-size: 1em !important; height: 60px !important; top: -40px !important;}
		#boutonsDefilement {bottom: 20% !important; padding: 0 0 10px !important;}
		
		#page-spa .marquePartenaire {width: 100%;}
		#page-spa .btnDownloadSpa {margin-top: 0;}
		#page-spa .introOffres, #page-spa .introCoiffure, #page-spa .introSpa {margin-bottom: 0 !important;}
		#page-spa.offres-speciales-section ul.centeredlist.col2 > li {margin-top: 50px !important;}
		#page-spa .introCoiffure li {margin-top: 20px !important;}
		#page-spa .coiffure {margin-bottom: 20px !important;}
		#page-spa .coiffure ul li h3 {padding-top: 20px; margin-bottom: 5px;}
		#page-spa .tarifsCoiffure {margin-top: 0; padding-top: 0;}
		#page-spa .tarifsCoiffure li ul {width: 100%;}
		#page-spa .signatureTitle, #page-spa .sportifTitle {padding-top: 0; margin-bottom: 20px !important;}
		
		#CarrouselClubW {display: none !important;}
		
		#BtnsResaW {z-index: 4900;  }
		
		#SoinList, #SoinSignatureList {margin-top: 0;}
		#SoinSignatureList li {margin-bottom: 0 !important;}
		#ZoomHalfBanner h2 {z-index: 4600;   }
		
		#ResaHotelHome, #ResaRestoHome {z-index: 4600;  }
		
		#ResaHotelHome .wrapper, #ResaRestoHome .wrapper {padding: 100px 60px 50px 50px;}
		#ResaHotelHome #ResaForm #fieldset-sejour p.textField {clear: both;}

		#EquipeClub ul li {width: 47.5% !important;}

		#page-restauration #ContentW, #Content {height: 100%; width: 100%; overflow-x: hidden;}
		ul.carte-list, ul.cave-itemW .cave-item, #page-restauration .legend, #page-restauration #IcoLegendW {margin-left: 5%; margin-right: 5%;}
		.carteCategTitle {font-size: 2.5em;}
		
		#page-vinyle-vol3 .carouselZoomZim {top:0px !important;}

	}
	


	@media all and (max-width: 750px){
		
		.calendarWW  > div { width:99%; float:none; margin-left:1%; }
		
		.logosTelethon span {padding: 0 20px; font-size: xx-large;}
		.logosTelethon img:first-child {width: 70px;}
		.logosTelethon img:last-child {width: 200px;}
		
		#page-telethon #ZoomHalfBanner h2 {font-size: 2em;}
		
		.btnWelcomeBack {margin: 3px 10px 0 !important;}
		.newsletterTitle {font-size: 3em !important;}
		#NewsletterForm #fieldsList-majeur, #NewsletterForm #fieldsList-langue, #NewsletterForm #field-nom, #NewsletterForm #field-prenom, #NewsletterForm #field-email, #NewsletterForm #field-tel {width: 100%;}
		#NewsletterForm #fieldsList-majeur, #NewsletterForm #field-nom, #NewsletterForm #field-email {margin-right: 0;}
		#ConfirmNewsletterW .newsletterTitle {margin: 20px !important;}
		
		#ResaForm #fieldset-sejour p.textField, #ResaForm #fieldset-sejour p#field-departure_date, #ResaForm p.textField input.maskedDateField {width: 92%;}
		#ResaForm p.textField {width: 95%;}
		#ResaForm #fieldset-pax {display: flex; flex-wrap: wrap;}
		#ResaForm p.selectField {width: 60%;}
	
		#page-visites-des-cabines #Paybox {width: 50%; line-height: inherit;}
		#page-visites-des-cabines #PaiementZone form {margin-top: 50px;}
		
		#MainResaLink, #MainResaLinkVinyle {position: fixed; top: unset !important; bottom: 20px;}
		.contactBlock p span.line, #page-art #BuyBookLink, #page-hotel .centeredlist, #page-spa .scrollAppear, #page-le-club-molitor #ClubActivite-8  #page-rooftop .scrollAppear, #page-art #ArtistesList {margin-bottom: 70px;}
		
		#PlusdinfosForm #field-nom, #PlusdinfosForm #field-prenom, #PlusdinfosForm #field-email, #PlusdinfosForm #field-tel {width: 100%;}
		#ConfirmPlusdinfosW .plusdinfosTitle {font-size: 2em !important;}

		.imgBanner {margin-left: -15%;}
		.offres-speciales-section .imgBanner, .le-club-molitor-section.nos-espaces-section .imgBanner {margin-left: 0;}
		#page-actualite .imgBanner {margin-top: 0; margin-left: -33%;}
		
		#BandeauxClubW {margin: 50px 0 0 !important;}
		
		/* #Menu {z-index: 7000;} */
		
		#page-home #HomeNewsLink {background: url(zims/frontend/homenews-b2.png) no-repeat right bottom; background-size: 80%;  margin-right: -10px;  margin-right: -40px;   bottom: -28px; 
		bottom: 0px; }
		#page-home #HomeNewsLink a {padding: 170px 0 0 5px;  font-size:1.2em;}
		
		#page-home #HomeNewsletterLink {background: url(zims/frontend/homenewsletter2.png) no-repeat right top ; background-size: 80%; height: 100px;}
		#page-home #HomeNewsletterLink a { padding: 120px 0 0 30px; padding: 77px 0 0 30px;  font-size:1.2em;}
		
		
		
		/* #ResaHotelHome {width: auto !important;} */
		#ResaHotelHome .wrapper, #ResaRestoHome .wrapper {padding: 100px 60px 20px 20px;}
		
		.iconsFooter {width: 80%;}
		
		#EquipeClub ul li {width: 100% !important;}

		#page-home.popupTransparente .fancybox-opened .fancybox-skin {padding: 0 !important;}
		#NewsletterW {margin: 0;}

		/* #page-restauration ul.cartesPDFW li {margin-bottom: 100px !important;} */
		
		.rseTexte .flex {flex-wrap: wrap;}
		.rseTexte .logoSHeTravelClub {max-width: 250px; margin: auto;}
		.rseTexte .zeroPlastic, .rseTexte .partieRiise > div {width: 100%;}
		.rseTexte #BgRight, .rseTexte .logoRiise {margin-left: 0; height: auto; width: 100%;}
		.rseTexte #BgRight {display: none;}
		.rseTexte #BgRightMobile {display: block; width: 100%; margin-top: 20px;}
		.rseTexte .logoSolidarite {margin-bottom: 30px;}
		
	}
	
	
	
	div#particles-js {

		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		 z-index: 1000;
	}
	
	
	#page-home div#particles-js {
	  position: fixed;
	  top:0; left:0; 
	  width: 100%;
	  height: 100%;
	  pointer-events:none;
	  z-index: 100000;
	} 
	
	
	
	/* SUB MENU */
/*
	#SubMenu{ position: fixed; top: 0; width: 100%; z-index: 10000; background: #fff; display: none;}
	#SubMenu h3{ font-size: 2.5em; background: #554b60; color: #fff; text-align: center; font-family: 'Nothing You Could Do', cursive; margin: 0;}
	#SubMenu li { float: left; margin-left: 50px; text-align: center; font-size: 1.6em; font-family: 'Nothing You Could Do', cursive;}
	#SubMenu li ul{ display: none; }
	#SubMenu li a{ border: none; color: #222; font-weight: 400; font-size: 1.3em; line-height: 1em; position:relative; background-image:none !important;  }
	#SubMenu li a:hover{ color: #666; }
	

	#SubMenuIco{ 
		display: block; position: absolute; bottom: -70px; width: 100%; z-index: 10001; height: 70px; width: 70px; right: 0;
		text-indent: -999px; overflow:hidden;
		background: rgba(255,255,255,1) url(zims/buttons/submenu-b.png) no-repeat center; border: none;
	}
		

	#SubMenu  li{ 
		height: auto; display: block; float: none!important; width: 100%; margin: 0 !important; 
		line-height: 15px; border-bottom: 1px solid #aaa;}
	#SubMenu  li a{ display: block; padding: 12px 15px; }
	#SubMenu  li a span{ background:none !important;}
	
	#page-la-cave #SubMenu h3{ font-size: 2.5em; background: #6c5953; }
	*/
	
	
	
	
	
/* Page LIVRE */

#page-art .livre {clear: both;}
#page-art .livre.livreIntro {margin-bottom: 40px;}

#LivrePhoto1 {width: 50.1%;}
#LivrePhotos2 {width: 47.5%;}
#LivrePhotos2 .livre2 {margin-top: 3.5%;}
#page-art .livre.last {padding-bottom: 50px;}

#BuyBookLink {border-left: none; border-right: none; margin-top: 30px;}

#BuyBookLink:hover {background: none; text-transform: underline; color: inherit;}
/* #BuyBookLink {letter-spacing: 1px; font-size: 1.2em; text-transform: uppercase; padding: 8px 35px; background: #000; color: #fff !important;} */


#NeedHelpTitle {margin: 30px 10px; font-size: 2.5em !important;}
#HelpFormMainFieldset {margin-bottom: 30px; width: 90%; margin: auto;}
#HelpFormMainFieldset #field-nom {width: 40%; margin-right: 14%;}
#HelpFormMainFieldset #field-prenom {width: 40%;}
#HelpFormMainFieldset #fieldsList-achat {margin-bottom: 10px;}
#HelpFormMainFieldset #fieldsList-achat .fieldsListTitle {font-size: 14px; margin-bottom: 0; font-weight: 600;}
#HelpFormButtons {margin-top: 30px; }
#page-art .helpConfirm {margin: 0 30px 50px;}

#HelpFormMainFieldset #field-nom, #HelpFormMainFieldset #field-prenom, #HelpFormMainFieldset #field-email, #HelpFormMainFieldset #field-tel {float: left;}
#HelpFormMainFieldset #field-email, #HelpFormMainFieldset #field-tel {width: 100%; clear: both;}

#needHelpForm {background: #6DC0D9; color: #ffffff; float: right; border-color: #6DC0D9;}
#page-art #needHelpForm {margin-right: 20px; margin-top: 30px; }
#page-visites-des-cabines #needHelpForm {font-size: 1.2em;}
#needHelpForm:hover {background: #ffffff; color: #6DC0D9;}

.introHelp {width: 90%; margin: auto; font-size: 14px;}

#page-visites-des-cabines .recapPanierTitle {margin-top: 30px;}



/*BANDEAUX TIMELINE CLUB*/
#BandeauxClubW {
  max-width: 100%;
  margin: -25px auto;
  overflow: hidden;}
#BandeauxClubW #BandeauxClub {
  display: inline-block;                
  padding-right: /*2em;*/ 0;
  padding-left: 100%; /* placement à droite du conteneur */
  white-space: nowrap;  
  -webkit-animation:linear defilement-rtl 60s infinite ;
  -moz-animation:linear defilement-rtl 60s infinite ;
  -o-animation:linear defilement-rtl 60s infinite ;
  -ms-animation:linear defilement-rtl 60s infinite ;
  animation:linear defilement-rtl 60s infinite ;
  }
#BandeauxClubW ul#BandeauxClub li {padding: 20px 40px; display: table-cell; font-size: 15px;}
#BandeauxClubW ul#BandeauxClub li:nth-child(even) {background-color: /*#556599 rgba(85, 101, 153, 0.5)*/ rgba(87, 186, 245, 0.5); color: #000000;}
#BandeauxClubW ul#BandeauxClub li:nth-child(odd) {background-color: /*#FECE00*/ rgba(254, 206, 0, 0.5);}

#BandeauxClubW {margin: 50px auto; clear: both;}


#page-home #BandeauxClubW { position:fixed; bottom:0; z-index:10000; margin: 0 auto; height:40px; width: 100%;}
#page-home #BandeauxClubW > ul { height:40px; }
#page-home #BandeauxClubW > ul > li { padding:10px;  } 

#page-home #BandeauxClubW ul#BandeauxClub li:nth-child(even) { background-color: /*#556599 rgba(85, 101, 153, 0.5)*/ rgba(87, 186, 245, 0.9); color: #000000;}
#page-home  #BandeauxClubW ul#BandeauxClub li:nth-child(odd) {background-color: /*#FECE00*/ rgba(254, 206, 0, 0.9);}

	
@-webkit-keyframes defilement-rtl {
  0% {
    transform: translate3d(0,0,0);      /* position initiale à droite */
  }
  100% {
    transform: translate3d(-100%,0,0); /* position finale à gauche */
  }
}

@-moz-keyframes defilement-rtl {
  0% {
    transform: translate3d(0,0,0);      /* position initiale à droite */
  }
  100% {
    transform: translate3d(-100%,0,0); /* position finale à gauche */
  }
}

@-o-keyframes defilement-rtl {
  0% {
    transform: translate3d(0,0,0);      /* position initiale à droite */
  }
  100% {
    transform: translate3d(-100%,0,0); /* position finale à gauche */
  }
}

@-ms-keyframes defilement-rtl {
  0% {
    transform: translate3d(0,0,0);      /* position initiale à droite */
  }
  100% {
    transform: translate3d(-100%,0,0); /* position finale à gauche */
  }
}

@keyframes defilement-rtl {
  0% {
    transform: translate3d(0,0,0);      /* position initiale à droite */
  }
  100% {
    transform: translate3d(-100%,0,0); /* position finale à gauche */
  }
}




/* CARROUSEL CLUB */
#CarrouselClubW {clear: both; position: relative;}
/* #CarrouselClubW #CarrouselClub {padding-top: 100px;} */
#CarrouselClubW #CarrouselClub li {}
#CarrouselClubW #CarrouselClub li:first-child {display: block;}
#CarrouselClubW #CarrouselClub li img {width: 100%;}
/* #CarrouselClubW #CarrouselClub li ul {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 4%; position: relative; font-size: 4em; top: 60px; font-weight: 700; text-shadow: 1px 1px 1px rgba(0,0,0, 1); color: #ffffff;} */
#CarrouselClubW #CarrouselClub li .horairePhoto {padding: 0 4%; position: relative; font-size: 4em; top: 100px; font-weight: 700; text-shadow: 1px 1px 1px rgba(0,0,0, 1); color: #ffffff; background: rgba(255,255,255,0.5); height: 100px;}
#CarrouselClubW #CarrouselClub li ul {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 90px;}
#CarrouselClubW #CarrouselClub li ul li {}
#CarrouselClubW #CarrouselClub li ul li.heure {}
#CarrouselClubW #CarrouselClub li ul li.titre {}
/* #boutonsDefilement {position: absolute; left: 50%; transform: translate(-50%); padding: 0 0 30px; width: 92%; bottom: 2%; display: flex; flex-wrap: nowrap; justify-content: space-evenly;} */
#boutonsDefilementW {position: absolute; left: 50%; /*border-bottom: #ffffff 1px solid;*/ transform: translate(-50%); bottom: 0; width: 100%; background: rgba(255,255,255,0.5); /*height: 100px;*/ height: 50px;}
#boutonsDefilement {display: flex; flex-wrap: nowrap; justify-content: space-evenly; width: 92%; margin: auto; /*height: 90px;*/ height: 50px; align-items: center; position: relative;}
#Defilement {background: #ffffff; height: 5px; position: absolute; left: 50%; transform: translate(-50%); width: 92%; bottom: 4%; -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5); box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);}
#boutonsDefilement .dotW {height: auto; padding-top: 15px; 
    padding-bottom: 11px;
    margin-top: -6px;}
#boutonsDefilement > .dotW {height: 25px; padding-top: 12px; padding-bottom: 7px; margin-top: -6px;}
/* #CarrouselClubW .dotW:firt-child {border-top-left-radius: 8px; border-bottom-left-radius: 8px;} */


/*#conteneur{
  border:5px ridge grey;
  position:relative;
  top:50px;left:50px;
  width:400px;
  height:400px;
}*/

/*#trait{
	border-bottom:5px solid #57BAF5;
	position: absolute;
	-webkit-animation: anim 4s 500ms normal ease-out forwards;
	animation: anim 4s 500ms normal ease-out forwards;
}*/

.changing {-webkit-animation: anim 4s 500ms normal ease-out forwards; animation: anim 4s 500ms normal ease-out forwards !important; border-bottom:5px solid #57BAF5; position: absolute;}

@-webkit-keyframes anim{
0% {width: 0px;}
100% {width: 100%;}
}

@keyframes anim{
0% {width: 0px;}
100% {width: 100%;}
}





/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
#CarrouselClubW .text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  /* height: 15px; */
  /* width: 15px; */
  margin: 0 40px;    
  /* background-color: #bbb; */
  color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  transition: color 0.6s ease;
  font-size: 1.7em;
  text-shadow: 1px 1px 1px rgba(0,0,0, 1);
  margin-top: -2px;
}

.active, .dot:hover {
  /* background-color: #717171; */
  color: #000000;
  text-shadow: none;
  /* color: #57BAF5; */
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}



.imageBanner.fadeIn {
animation: fadeIn ease 5s;
-webkit-animation: fadeIn ease 5s;
-moz-animation: fadeIn ease 5s;
-o-animation: fadeIn ease 5s;
-ms-animation: fadeIn ease 5s;
}

@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-ms-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}


#page-reservation-spa #HeaderW {display: none;}
#page-reservation-spa #planity {margin-top: 50px;}
#page-reservation-spa #Footer img {width: auto;}


/* .cours-section #CarrouselClubW {display: none;} */
/* #BandeauxClubW{display: none;} */
/* .cours-section #BandeauxClubW {display: block; margin-top: 50px !important;} */


.150-les-baigneuses-club-de-femmes-section .actuHeaderW img, .150-les-baigneuses-club-de-femmes-section .actuFooterW img {display: none;}


/* A COMMENTER SI LA POP UP D'ACCUEIL NEST PAS TRANSPARENTE */
#page-home.popupTransparente .fancybox-opened .fancybox-skin {box-shadow: 0 10px 25px rgb(0 0 0 / 0%);}
#page-home.popupTransparente .fancybox-skin {background: none;}
#page-home.popupTransparente .fancybox-close {display: none;}
#page-home.popupTransparente .fancybox-opened {width: 800px !important; /*height: 440px !important;*/ height: auto !important;}
#page-home.popupTransparente .fancybox-inner {margin: auto; width: 800px !important; /*height: 440px !important;*/ height: auto !important;}
#page-home.popupTransparente #SAContent {width: 800px !important; height: 100% !important;}
/* #page-home.popupTransparente .height img {height: 100%; margin: auto; display: block; width: auto !important;} */
@media all and (max-width: 1024px){
	#page-home.popupTransparente .fancybox-opened {width: 500px !important; height: 275px !important;}
	#page-home.popupTransparente .fancybox-inner {margin: auto; width: 500px !important; height: 275px !important;}
	#page-home.popupTransparente #SAContent {width: 500px !important; height: 100% !important;}
}
@media all and (max-width: 550px){
	#page-home.popupTransparente .fancybox-opened {width: 90% !important; /*height: 165px !important;*/height: auto !important;}
	#page-home.popupTransparente .fancybox-inner {margin: auto; width: 90% !important; /*height: 165px !important;*/ height: auto !important;}
	#page-home.popupTransparente #SAContent {width: 100% !important; height: 100% !important;}

	.cocheFamille span {
		display: block;
		width: 100%;
	}
}
/*********/



/* VIDEO BG */
.element-with-video-bg {width: 100% !important; height: 100% !important;}

@media all and (min-width: 1025px){
	/* .element-with-video-bg .my-background-video {width: 100% !important;} */
	.element-with-video-bg .my-background-video {width: 105% !important; margin-top: -4.5%;}
}

@media all and (max-width: 1024px){
	.element-with-video-bg .my-background-video {height: 105% !important; margin-top: -4.5%;}

	.element-with-video-bg {
		text-align: center;
    	display: flex;
    	justify-content: center;
	}

	.photoConciergerie {width: 100% !important;}
	
	ul.cartesPDFW {flex-wrap: wrap;}
	ul.cartesPDFW li img {max-width: 400px;}
    

}