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

@font-face {
  font-family: acrom;
  src: url('font/Acrom-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/Acrom-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('font/Acrom-Medium.html')  format('truetype') /* Safari, Android, iOS */
}




 
 
	html, body { margin: 0; padding: 0; border: 0; }
	body { 
		font-size:14px; background: #0c0c0c url(img/frontend/bg.jpg) repeat; background-attachment: fixed;
		color: #fff;
		font-family: acrom;
		font-weight: 300;
		letter-spacing: 0;
		line-height: 1.5em;
		border-top: 4px solid #f0c35f;
		
	}

	input, select, textarea {
		color: #333;
		font-family: acrom;
		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: #fff;
		text-decoration: none;
	}

		a:hover {
			text-decoration: none; 
			color: #ddd; 
		}
		
		a:active, a:focus { outline:0; }
		a img { border:0; }
		

	strong, b {
		font-weight: 700;
	}

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

	h1, h2, h3, h4, h5, h6 {
		
		color: inherit;
		font-weight: 300;
		line-height: 1.3em;
		margin-bottom: 0.5em;
		
		
	}

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

	h2 {
		font-family: acrom;
		font-size: 1.8em;
	}

	h3 {
		font-size: 1.2em;
		text-transform: uppercase;
	}

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

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

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

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

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

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

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

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

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




/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea{
		-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: none;
		border: solid 1px rgba(255, 255, 255, 0.7);
		color: #fff;
		display: block;
		padding: 0.4em 0.75em;
		text-decoration: none;
		width: 80%;
		outline: 0;
		border-right-width: 15px;
		border-right-style: solid;
		line-height: 1.3em;
	}
	
	select{ -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		background: none;
		border: solid 1px rgba(255, 255, 255, 0.7);
		color: #fff;
		display: block;
		padding: 0.4em 0.75em;
		border-right-width: 1px;
		border-right-style: solid;
		line-height: 1.3em; }

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

/* Button */

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

	input[type="button"]:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	.button:hover {
		background-color: #f0c35f;
		border-color: #f0c35f;
		color: #000;
	}


		
	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  color: #ccc;
	  opacity: 1; /* Firefox */
	}

	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	  color: #ccc;
	}

	::-ms-input-placeholder { /* Microsoft Edge */
	  color: #ccc;
	}



/* Specials */


	 /**
	 * Floating elems
	 */
	.float
	{display:inline; float:left;}
	
	/**
	 * Away elems
	 */
	.away
	{position: absolute; top: -99999px;}
	.awayText
	{text-indent: -9999px; overflow: hidden; }
	.hidden
	{display: none;}
	
	 /**
	 * WRAPPERS 980
	 */
	.focus
	{ margin:0 auto; width: 980px; }
	
	/**
	 * Overlays
	 */
	/* WHITE*/
	.overlay-w { background:rgba(255,255,255,0.85); }
	.lt-ie9 .overlay-w{
		background:none;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff)";
		zoom: 1;
	}
	/* BLACK*/
	.overlay-b{ background:rgba(0,0,0,0.85); }
	.lt-ie9 .overlay-b{
		background:none;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000)";
		zoom: 1;
	}
	
	.sfont { font-family: acrom;}
	
	.shadow{ text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
	.shadow-w{ text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); }
	
	.clear{ clear: both;}
	
	.super { font-size: 1.8em !important }
	.mega { font-size: 3em; }
	.ultra { font-size: 3.8em;}
	
	
	.centered *, .centered{ text-align: center; color:#150d5c;}
	.bigmargin{ margin-top: 50px!important; margin-bottom: 50px !important;}
	.notitle{ margin: 50px 0 0 0;}
	.nomargintop{ margin-top: 0 !important;}	
	
	.sidepadding{ padding: 0 25px; width: auto !important;}
	
/* ################################################################################################################																		     *                                                                      							
														PAGES
 *###############################################################################################################*/
 	
	
	
	/* 
	
	
	
	*/
	
	
	/*html{ overflow-y: scroll;}*/
	html, body{ height: 100%;}
	body{ }
	
	/* Content */

	#ContentW{ }
	#Content { width: 100%;   }

	.screen{ width: 100%; height: 100%; position:relative; overflow: hidden; }
	.screen.scrollable{ overflow: visible; height: auto; }

	
	.screenZimW, .screenCarouselW, .screenCarouselZoomW{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
	.screenZim, .carouselZim, .carouselZoomZim, .carouselZoomZimW{ display: block; position: absolute; }
	.screenZim{ display: none;}
	.screenCarouselW{ display: none;}
	.carouselZim, .carouselZoomZimW{ opacity: 0;}
	
	/*.screenCarouselZoomW.half{ height: 50%;}*/
	.screenCarouselZoom{ height: 100%; width: 100%; background: #0c0c0c;}
	/*.darkPanel .screenCarouselZoom{ background: #111 url(img/loader/ajax-loader-black.gif) no-repeat center;}*/

	
	.carouselZoomZim {
		
		 /* image à l'échelle 1 au départ */
	   -webkit-transform: scale(1);
	   -moz-transform: scale(1);
	   -o-transform: scale(1);
	   -ms-transform: scale(1);
	   
	   transform: scale(1);
	}
   
	.carouselZoomZim.scale{
		 /* propriétés de transition */
	   -moz-transition:all 9s ease-out;
	   -webkit-transition:all 9s ease-out;
	   -o-transition:all 9s ease-out;
		transition:all 9s ease-out;
		
		transform: translate3d(0px, 0px, 0px) scale(1.15);
	}
	
	
	
	#ZoomHalfBanner{ height: 40%; position: relative; border-bottom: 6px double #fff;}
	#ZoomHalfBanner.darkPanel{ }
	#ZoomHalfBanner h2{ position: absolute; z-index: 1000; font-size: 3em; bottom: 25px; right: 4%; margin: 0; color: #fff;}
	
	
	.darkPanel *{ color: #fff; }
	.paddingupdown { padding: 20px 0; }
	
	.screenPanelW{ width: 100%; height: 100%;  position: absolute;}
	.screenPanel{ position: absolute;}

	
	.halfPanel{ width: 46%; height: 100%; background: #222; padding: 8% 2% 0; background-image: url(img/frontend/bg-vitrail-w.html); background-repeat: no-repeat; background-position: center; background-size: cover; }
	.halfPanelR{right: 0; }
	.halfPanelL{left: 0}
	

	h2#PageTitle {
		line-height: 1.2em; margin: 0 0 50px 0;
		background: url(img/frontend/separ-title.html) no-repeat center bottom;
		padding: 25px 0 45px;
	}


	
	
	.mainTextW{
		padding: 30px 0 0 30px; border-left: 1px solid #fff;
	}
	.mainTextW *:first-child{  margin-top: 0;}
	.justified *{ text-align: justify }
	.centered *, .centered{ text-align: center !important; }
	
	.hugetext p{ line-height: 1.4em;}
	
	.bigborder{ border-bottom: 3px solid #406077; padding-bottom: 15px;}
	
	
	
	.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(img/frontend/arrow2.html) no-repeat center bottom; 
		opacity: 0; margin:0 auto;
		text-align: center; font-weight: 500; text-transform: uppercase; line-height: 1em; color: #fff; font-size: 0.75em;
		padding-top: 18px;
	} 
	
	
	
	/* PAGINATION JS */
	
	.paginatedW { /*overflow: hidden;*/ width: 100%;padding-bottom: 10px; }
	.paginatedW .sliderPage { display: none; position: relative;}
	
	.pagination{ height: 35px; width: 50%; position: relative; margin: 15px 0 0 25%;}
	.hlt-700 .pagination{ height: 25px; margin-top: 0;}
	.pagi-prev, .pagi-next{ 
		display: block; width: 11px; height: 20px; background: url(img/frontend/pagination-arrows.png) no-repeat left center;
		position: absolute; top: 10px; border: none; text-indent: -999px; overflow:hidden;
		bottom: 0; cursor: pointer;}
		
	.pagi-prev{ left: 0;}
	.pagi-next{ right: 0; background-position:right center;}
	/*.pagi-prev, .pagi-next{ display: none;}*/

	.pagi-dots{ position: absolute; bottom: 0; width: 80%; left: 10%; display: table; text-align:center; }
	.pagi-dots li{ display: inline-block; margin: 0 5px; height: 12px; vertical-align: top; overflow:visible !important; margin: 0 10px !important;  }
	.pagi-dots li button{ 
		background: #243647; width: 12px; height: 12px; border: none; vertical-align:top; 
		text-indent: -999px; overflow:hidden;cursor: pointer;
		padding: 0;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;  }
	.pagi-dots li button.active{ background:#fff; }
	

	
	.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: 49%; margin-right: 1%; margin-bottom: 25px;}
	.centeredlist.col2 > li:nth-child(odd){ clear: left;}
	.centeredlist.col2 > li:nth-child(even){ margin-right:0; margin-left: 1%;}
	.bigpadding.col2 > li:nth-child(odd){ padding-right: 2%; width: 47%;}
	.bigpadding.col2 > li:nth-child(even){ padding-left: 2%; width: 47%;}
	
	
	.centeredlist.col3 > li{ width: 32%; margin-right: 2%}
	.centeredlist.col3 > li:nth-child(3n){ margin-right: 0; }
	
	.centeredlist.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; 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: #fff; font-size: 1.2em; letter-spacing: 0.5em; padding: 10px 0; 
		text-transform: uppercase; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin: 0 10px 15px; text-decoration: none !important;}
	.linedLink:hover{ text-decoration: none;}
	.linedLink.mini{ font-size: 1.1em; letter-spacing: 0.2em;}
	
	.hoverlink{ 
		display: block; position: absolute; top: 150px; left: 7.5%; text-transform: uppercase; text-decoration: none !important;
		text-align: center; padding: 25px 15px 25px 15px; color: #fff; max-width: 180px; color: #29333b;font-size: 1.2em; letter-spacing: 0.1em; 
		background: #C8D8E5; z-index: 200; }
	.hoverlink:hover{ text-decoration: underline; }
	.hoverlink.right{ left: auto; right: 7.5%;  }

	
	
	.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(img/frontend/sprite-icons.png) no-repeat left top; padding-left: 50px;*/}
	.contactBlock p i{ display: block; float: left; font-size: 1.5em;}
	.contactBlock p.acces{}
	.contactBlock p.horaires{ background-position: left -145px;}
	.contactBlock p.coords{ background-position: left -292px;}
	.contactBlock p span.line{ display: block; border-bottom: 1px solid #c0cfdb; padding: 0 0 20px 40px;}
	.contactBlock p a{ color: #fff;}
	
	
	.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; }
	
	
	.zimWDecal{ position: relative;}
	.zimWDecal span.deco{ display: block;  position: absolute; width: 100%; height: 100%; background: #243647; left: -10px; bottom: -10px; z-index: 99;}
	.zimWDecal img{ position: relative; z-index: 100; vertical-align: top;}	
	.zimWDecal a:hover span.zoomIco{  right: 15px; bottom: 15px;}
	
	.nomaj{ text-transform: none}
	
	/*
	
	pastel medium #0c0c0c
	
	pastel clair #8a9ead
	
 
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	/*#Main{ height: 100%; }*/
	
	
/* HEADER */


	#HeaderW { 	
		z-index: 5000;
		width: 100%; height: 0;
		position: absolute;
	}
	
	#Header {
		position: relative;
		margin: 0 auto;
	}

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

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


	
	#ContactLink{  
		position: absolute; right: 8%; top: 30px;
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		border: 1px solid #150d5c; padding: 12px 15px 12px 12px; color: #150d5c; font-family: acrom; font-size: 1.5em;
		}
	#ResaLink:hover {
		background-color: rgba(0,0,0,0.9);
		border-color: #000;
		color: #fff;
	}
	
	#QuiLink{ position: absolute; left: 15%; top: 30px; font-size: 1.2em;color:#170d5c;}
		
	
	#LangLinks{ z-index:1000; position:absolute; right:106px; top: 45px; }
	#LangLinks li{ height: 20px; float: left; margin-right: 5px;} 
	#LangLinks li a{ display: block; height: 100%; background-position: left center; background-repeat:no-repeat; padding: 0 0 0 30px;  }
	#LangLinks li a span{ display: none;  }
	#LangLinks li.active { display: none;}
	#LangLinks li a:hover{ border: none; }
	#FrLink{ background-image: url(img/frontend/fr.jpg); } 
	#EnLink{ background-image: url(img/frontend/en.jpg); }
	#EsLink{ background-image: url(img/frontend/es.jpg); }
	
	
	#Menu{ 
		position: absolute; z-index: 5000; display: none;
		background: rgba(97,122,141,0.9); width: 100%; height: 100%;
		overflow: hidden;
	}

	
	#MainMenu{ width: 100%; padding-top: 160px; }
	#MainMenu li{ margin-bottom: 20px; letter-spacing: 0;  }
	#MainMenu li a{ font-size: 1.3em; 
		text-transform : uppercase; display: block; color: #fff;
		padding: 0 0 0 100px; 
		background: url(img/frontend/menu-line.png) no-repeat center left; 
		-moz-transition: color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;	
		font-family: acrom;
	}
	#MainMenu li a:hover{ 
		color: #b6c1c3;
	}
				

				
		
			
				
	#BottomNav{ width: 100%; position: absolute; padding: 0; bottom: 20px; z-index: -1;}
	

	/*
	#Links{ width: 100%; display: table; text-align: center;  }
	#Links li{ display: inline-block; margin: 0 4%; }*/
	
	

	#Socials { width: 50%; margin: 50px auto 15px;  }
	#Socials a, #SocialsContact a{ margin: 0 25px 0 0;  }
	#Socials a i{  font-size: 1.6em; }
	#Socials a{ color: #fff; }
	
	#NewsletterLink{ display: block; margin-top: 15px !important; }

	
	#HeadCoords{ margin-bottom: 15px; }
	#HeadCoords p{ text-align: center; color: #fff; letter-spacing: 0; font-size: 0.85em; margin: 0; }
	
	
	#FooterW{ clear: left; border-top: 1px solid #f0c35f; margin: 25px 0; padding-top: 15px;}
	
	
	
	
	#FooterLogosW{ background: #fff;  margin: 0; width: 100%;  }
	#FooterLogos{ padding: 8px 0; overflow: hidden; margin: 0 auto; }
	#FooterLogos ul { display: table; margin: 0 auto; padding: 0; text-align: center; }
	#FooterLogos ul li { display: inline-block; overflow: hidden; width: 115px; text-align:center; margin: 0 15px; vertical-align: top;}
	#FooterLogos ul li div { display: table-cell; vertical-align:middle; margin: 0 auto;  }
	#FooterLogos ul li div img{vertical-align: top; width: 100%; display: block;}
	#FooterLogos ul li div a{color: #333; font-size: 0.7em;}
	#FooterLogos ul li div a:hover{ text-decoration: underline;}
	
	
	#FooterCols{ margin: 25px 12.5%; width: 75%;}
	#FooterCols 	.col{
		display: inline; float: left; width: 28%; margin-right: 5%;
	}
	#FooterCols 	.col{color:#060606;}
	#FooterCols 	.col h4{
		font-size: 1.4em; color:#170d5c; margin-top: 0;font-family:'fira_sans_condensedregular';
	}
	#FooterCols 	.col1 p{
		font-size: 0.8em; line-height: 1.2em;color:#060606;
	}
	#FooterCols 	.col3 img.logo{
		display: block; float: right; width: 90px;
	}
	
	#Credits{ font-size: 0.8em;  color:#000;font-family: acrom; text-align: right;  letter-spacing: 0; line-height: 1.3em; margin: 15px 0; clear: both;  }
	#Credits a{ color: #fff; }
	
	
	#SubMenuW{ margin-bottom: 25px; position: relative; z-index: 100; top: -2px; }
	#SubMenuW.nomargin{margin-bottom: 0; }
	#SubMenuW ul.submenu{  background: #fff; 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 28px; border-right: 1px solid #666; }
	#SubMenuW ul.submenu li a { display: block; padding: 10px 0; color: #000; text-transform: uppercase;  }
	#SubMenuW ul.submenu li:hover a { text-decoration: underline; }
	#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.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; }


	
	#SpecialAnnounce{ display: none;}
	
	
	.overlaytop{ display: block; position: absolute; top: 0; z-index: 500;}
	#OverlaytopL{ left: 0; ;}
	#OverlaytopR{ right: 0;}
	
	
	
	
	
	


 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HOME * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 	#page-home{ }
	#page-home #HeaderW { 	
		height: 70px;
		position: fixed;
	}
	
	
	/*#HomePage-1{ background: #333;}*/
	
	#HomeLogo{ width: 100%; bottom: 5%; opacity: 0;}
	#HomeLogo h2{ text-align: center; font-size: 2em; font-weight: 600; color: #fff; letter-spacing: 3px; line-height: 1.1em; }
	#HomeLogo h2 span{font-size: 0.5em; }
	
	
	#MainAssurTitle{ text-align: center; line-height: 0.9em; font-size: 2.5em; margin: 50px 0;color:#170d5c;font-family:'poppinsbold' !important; }
	#MainAssurTitle strong{font-weight: bold; font-size: 1.5em;}
	#MainAssurTitle span{ font-size: 0.5em; }
	
	
	#AssurList{ margin: 0 4%; padding-top: 80px;}
	#AssurList.mini{ margin: 0 20%; padding-top: 20px;}
	#AssurList li{ width: 24%; margin: 0 0.5% 20px; float: left; height: 400px;}
	#AssurList.mini li{ height: 130px;}
	
	#AssurList li h3{ display: table; height: 100%; width: 100%; }
	#AssurList li h3 a{ display: block; position: relative;
		font-size: 1.2em;
		line-height: 1.5em;
		margin: 0;
		height: 100%;
		width: 100%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		text-transform: uppercase;
		overflow: hidden;
		
		
	}
	#AssurList.mini li h3 a { font-size: 0.75em;}
	
	#AssurList li h3 a img{ display: block; position: absolute; top: 0; left: -15%; height: 100%; z-index: 1;}
	#AssurList.mini li h3 a img{ left: 0%; width: 100%; height: auto;}
	
	#AssurList li h3 a span.overlay{ 
		background: rgba(20,20,20,0.6); position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2;
		border: 0px solid #f0c35f;
		-moz-transition: border-width 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;  
		-webkit-transition: border-width 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;  
		-o-transition: border-width 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;  
		-ms-transition: border-width 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;  
		transition: border-width 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;   }
	
	#AssurList li h3 a strong{ position: relative; z-index: 10;}
	#AssurList li h3 a strong i{ color: #f0c35f; font-size: 3em;}

	#AssurList li h3 a:hover { color: #f0c35f;  }
	#AssurList li h3 a:hover span.overlay  { border-width: 10px; height: 95%; width: 94.5%;}
	#AssurList.mini li h3 a:hover span.overlay, #AssurList.mini li.current h3  a span.overlay { border-width: 8px; height: 88%; width: 93.5%;}
	
	
	
	
	
	#SubCatsW{ clear: both;}
	#SubCatsW ul{ clear: both; display: table; width: 90%; margin: 50px 5%; text-align: center; padding-top: 50px;}
	#SubCatsW ul li{ display: inline-block; width: 21%; margin: 0 1% 20px; background: #f0c35f; padding: 0 10px; vertical-align: middle; 
		transition: background-color 0.2s ease-in-out; height: 100px;  }
	#SubCatsW ul li a{ 
		display: table; height: 100%; width: 100%;
		color: #000; font-size: 1.5em; transition: color 0.2s ease-in-out; padding: 0; text-align: center;
		}
	#SubCatsW ul li a strong{ 
		display: table-cell;
		text-align: center;
		vertical-align: middle;}
		
	#SubCatsW ul li a strong span{ 
		font-size: 0.5em; display: block; line-height: 1em; margin-top: 5px;}
	
	#SubCatsW ul li:hover{ background-color: #444;   }
	#SubCatsW ul li:hover a{ color: #f0c35f;   }
	
	
	
	/* LISTE AVEC EFFETS */
	
	
	
	
	
	/*.actu{ position: relative; margin-bottom: 20px; min-height: 100px;}
	.actu h3{ margin: 0; height: 100%; position: relative;}
	.actu a { display: block; vertical-align: top;}
	.actu a img{ 
		width: 100%; vertical-align: top;
		-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-listItemOverlay {
		position: absolute; top: 0; left: 0;
		display: table;
		height: 91%;
		width: 94.5%;
		vertical-align: middle;
		padding: 3%;
		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 {height: 100%;}
	
	.actu a:hover .actu-listItemOverlay { padding: 0; width: 100%; height: 100%}
	
	.actu-listItemTitle{
		border: 1px solid #fff;
		font-size: 1.5em;
		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: 3%;
		-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-listItemOverlay { }	
	.actu a:hover .actu-listItemTitle { border-width: 14px; border-color: #f0c35f;}	
	
	.actu-listItemSubtitle{ 
		font-size: 0.5em;
		display: inline-block; 
		margin-top: 20px; border-top: 1px solid #fff;
		line-height: 1.2em; padding-top: 10px;
	}

	.actu-listItemTitle strong{
		position: relative;
		-moz-transition: font-size 0.2s ease-out; 
		-webkit-transition: font-size 0.2s ease-out; 
		-o-transition: font-size 0.2s ease-out; 
		-ms-transition: font-size 0.2s ease-out; 
		transition: font-size 0.2s ease-out; 
		
	}
	.actu a:hover .actu-listItemTitle strong{
		font-size: 1.1em; line-height: 0.9em;	
	}
	
	.actu-listItemTitle strong em{
		font-size: 0.6em; font-style: normal;
		
	}
	
	
	/*.actu a:hover .actu-listItemTitle strong{ bottom: 5px; left: 1px}	*/
	
	/* PORTAL
	*/
	
	#page-qui-sommes-nous #QuiLink{ display: none;}
	
	#IntroQui{ margin: 150px 12.5% 0; width: 75%;}
	#IntroQui img{ display: block; float: right; width: 30%; max-width: 400px; margin: 0 0 20px 30px; border-right: 8px solid #F0C35F; }
	#IntroQui h3{ font-size: 2em; color: #F0C35F; margin-top: 50px;  }
	

	/* DEMANDE */
	
	.formW{ margin: 80px 20%; width: 60%;}
	
	#DemandeForm { overflow: auto;}
	
	#DemandeForm fieldset{ display: inline; float: left; width: 48%; margin-right: 4%;  }
	#DemandeForm fieldset:nth-child(even){ margin-right: 0;  }
	
	#DemandeFormButtons{ margin-top: 20px; text-align: left; clear: both}
	#field-offre{ display: none;}
	
	#FormIntro{ text-align: center;}
	#FormIntro a{  background: #f0c35f; padding: 10px 20px; color: #000; font-size: 1.5em; border-color: #f0c35f;}
	#FormIntro a:hover{ background-color: #222; color: #f0c35f;  }
	
	
	
	#OverlayTempo{ height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #0c0c0c; no-repeat center; z-index: 499;}
	
	
	#ChambreList{ position: relative;}
	#ChambreList, #ChambreListOver, #ChambreListBelow, #ChambreListBelow ul{ height: 100%; width: 100%; }
	#ChambreListOver { position: absolute; top: 0; left: 0; z-index: 1000; }
	
	#ChambreListOver li{ width: 33.33%; height: 100%; display: inline; float: left; margin:0; }
	#ChambreListOver li:last-child{ margin-right: 0;}

	#ChambreListOver li div{ height: 100%; width: 100%;  }
	#ChambreListOver li div p { text-align: center; position: relative; height: 100%; }
	#ChambreListOver li div p a{ 
		position: absolute; bottom : 100px; display: block; text-align: center; font-family: acrom; z-index: 1002;
		width: 100%; font-size: 1.5em; padding-top: 300px; }
	#ChambreListOver li div p a span{ 
		-moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
		-webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
		-o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
		-ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
		display: inline-block; padding: 10px 0; color: #fff;  }
		
		
	#ChambreListOver li div p a span span.legend{ display: block; text-align: center;  font-size: 0.8em; margin-top: 10px; text-shadow: 0px 1px 0px rgba(0, 0, 0, 1); }
	#ChambreListOver li div p a span span.legend strong{   font-size: 1.8em; }
	#ChambreListOver li div p a span span.legend em{  display: block; border-top: 1px solid #fff; margin-top: 5px; padding-top: 5px; font-style: normal; }
		
		
	#ChambreListOver li div p a:hover span, #ChambreListOver li div p.active a span{ /*border-color: #000; color: #000;*/	}
		
	#ChambreListOver li div p span.overlayHover { 
		position: absolute; z-index: 1001; height: 100%; width: 100%; bottom: 0; left: 0;
		background: url(img/frontend/chambrelist-hover.html) repeat-x bottom;
		display: none;
	}	
	#ChambreListOver li div p span.immo {background-image: url(img/frontend/chambrelist-hover-immo.html);	}	
	#ChambreListOver li div p span.syndair {background-image: url(img/frontend/chambrelist-hover-syndair.html);	}	
	

	#ChambreListBelow{  position: relative;}
	#ChambreListBelow ul{ position: relative; z-index: 900; }
	#ChambreListBelow ul li{ width: 33%; height: 100%; display: inline; float: left; overflow: hidden; margin-right: 0.5%; background: #445866; position: relative;}
	#ChambreListBelow ul li:last-child{ margin-right: 0;}
	#ChambreListBelow ul li img{display: none; position: absolute;}
	/*#ChambreListBelow ul li img.mob-only{ display: none; }*/

	
	#SelectedZim1, #SelectedZim2{  height: 100%; margin: 0; position: absolute; top: 0; z-index: 901; width: 0%; left: 0; opacity: 0;}
	#SelectedZim2{ z-index: 902; }
	#SelectedZim1 img, #SelectedZim2 img{ position: absolute; display: block !important; left: 0 !important; opacity: 0;}
	
	
	
	
	
	
	

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CONTACT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
 
 
	
	#page-contact, #page-blog{ }
	#page-contact #Content, #page-blog #Content{   padding-top: 100px;}
	
	#page-contact #Footer, #page-blog #Footer{  background: #fff; }
	#page-contact #Footer p, #page-contact #Footer svg, #page-blog #Footer p, #page-blog #Footer svg{ color: #fff; }
	
	
	
	#ContactBlock{ /*background: url(img/frontend/plane.gif) no-repeat center top;*/ padding: 0 50px 25px;  }
	#ContactBlock *{ color: #fff; }
	#ContactBlock i{ font-size: 2em; color: #fff; padding: 0 10px;}
	#ContactBlock a{ text-decoration: underline; }
	#Coords .fn{ font-size: 1.5em; margin-bottom: 20px;}


	#Content .vcard  .type, .vcard .uri, .vcard .geo{ display:none; }	

	
	#ContactFormWW{  position: relative; padding-bottom: 15px;  }
	#ContactFormW{  background: #333; padding: 25px; position: relative; z-index: 10; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
	#ContactFormW h3{  color: #fff; margin-bottom: 40px; text-align: center;}
	#ContactForm{ margin: 0;  }
	#FormDeco{ display: block; position: absolute; top: -24px; right: -17px;}
	
	/*#ContactFormWW .deco2{ position: absolute;  z-index : 1; background: #991626; opacity: 0; }
	#ContactDeco1{ bottom: -15px; left: -15px; width: 30%; height: 20%; }
	#ContactDeco2{ top: -15px; right: -15px; width: 30%; height: 20%; }*/
	
	#ContactForm fieldset p, #ReservForm fieldset  p{  width: 45%; display: inline; float: left;}

	.fieldW{ display: block;}
	
	#NewsletterForm fieldset p{ width: 90% }
	
	#ContactForm fieldset p#field-nom, #ContactForm fieldset p#field-email, #ContactForm fieldset p#field-date,
	#ReservForm fieldset p#field-nom, #ReservForm fieldset p#field-email
	{ margin-right: 9%; }
	
	#ContactForm fieldset p#field-societe{ margin-right: 50%; }
	#ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message, #ReservForm fieldset p#field-message
	{ width: 100%; }
	#ContactForm fieldset p#field-message textarea, #ContactForm fieldset p#field-objet input
	{ width: 95%; }

	
	#ContactFormButtons{ clear: both;}
	
	#message{  height: 100px; }

	

	.legendform { margin: 15px 0;}
	
	

	p#Confirmation{
		font-size: 1.4em; font-style:italic; font-weight: 300; color: #fff; line-height:40px; padding: 0 25px; margin: 150px 0 50px; text-align:center;
	}




	#jGMapW {
		width:100%; height:700px; margin:50px 0 0 0; border:none;
		padding: 0;
		/*-webkit-perspective: 1000;*/ }
	#jGMapW .geo{ display:none;}
	#jGMap { width:100%; height:100%; }
	
	


	.vcard .tel .type, .vcard .uri { display:none; }
	#jGMap .vcard .hor{ display:none; }
	
	#jGMap .vcard{  padding: 10px 10px 0 10px;  }
	#jGMap .vcard p{ color: #111; line-height: 1.3em; margin: 5px 0; font-size: 1.1em; font-family: 'Open Sans', sans-serif;  }
	#jGMap .vcard p.fn{ 
		margin: 0; 
		border-bottom: 1px solid #333; padding-bottom: 10px; margin: 0 0 10px 0;}
		
	#jGMap .vcard .tel .value{  font-size: 1.1em; }
	
	
 
 
 /*
 	.fancyContent { background: #0c0c0c url(img/frontend/floral.jpg) no-repeat right top; padding: 0 0 20px 0; min-width: 460px; }
	.fancyContent .button { color: #ad998c }
 	.fancyContent h2{ 
		font-size: 3em; line-height: 1em; margin: 0 0 20px 0; color: #fff; letter-spacing: 2px;
		padding: 20px; font-family: acrom; }
	.fancyContent form { padding: 20px 200px 20px 20px;}
	
	#NewsletterFormButtons{ margin-top: 20px;}
	
	
	
	
	.fancyContent .legend{ text-align: left; font-size: 0.9em; text-align:left !important;}
	
	#FancyContactBox{ background: #0c0c0c url(img/frontend/floral.jpg) no-repeat right top;  width: 700px; }
	#FancyContactBox h2{ 
	 	padding: 25px; 
		font-size: 3em; line-height: 1em; margin: 0 0 20px 0;  color: #fff; letter-spacing: 2px;font-family: acrom;
		background-position: 15px center; background-repeat:no-repeat; }
		 
	#FancyContactBox h2 a{ float: right; font-size: 0.35em; margin: 6px 220px 0 0; }
	
		
	 #ContactForm{ margin: 0; padding: 0 25px 10px; margin-top: 15px; padding-right: 200px;}
	 #ContactForm fieldset p{  width: 45%; display: inline; float: left;}
	 #ContactForm fieldset p label{  display: none; }
	 #ContactForm fieldset p#field-message label{  display: block; }
	 
	 #ContactForm fieldset p#field-nom, #ContactForm fieldset p#field-email, #ContactForm fieldset p#field-date{ margin-right: 5%; }
	 #ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message{  width: 100%; }

	 
	 #message{  height: 100px; }
	 
	 #date, #heure, #nbpers{  width: 90px; }
	 
	 .formButtons { display: inline; float: left; width: 100%; text-align: center;}
	 .formButtons input{ padding: 0.5em 2em; line-height: 2em; border-color: #fff; color: #fff;}

 
 
 	#ReservLegend{ padding: 0 25px 10px; margin: 10px 0; text-align: left; border-bottom: 1px solid #222; }

	
	
	 p#Confirmation{
		font-size: 1.3em; font-style:italic; font-weight: 300; color: #fff; line-height:1em; margin: 50px 0 50px; text-align:center;
	}
	.fancybox-inner  p#Confirmation{ padding: 50px 250px 100px 25px; }
	
	.legend{ margin: 10px 0 0 25px; color: #fff; font-size: 0.9em; padding-bottom: 20px;}
	
	
	#jGMapW { width:980px; height:600px; margin:0; border:none; }
	#jGMapW .vcard{ }
	#jGMap { width:100%; height:100%; }
		
	.vcard .tel .type, .vcard .uri, .vcard .geo { display:none; }
	#jGMap .vcard .hor{ display:none; }
	
	#jGMap .vcard{  padding: 10px 10px 0 10px;  }
	#jGMap .vcard p{ color: #4a6d89; line-height: 1.3em; margin: 5px 0; font-size: 1.1em; font-family: 'Open Sans', sans-serif;  }
	#jGMap .vcard p.fn{ 
		margin: 0; font-size: 1.2em;
		border-bottom: 1px solid #4a6d89; padding-bottom: 10px; margin: 0 0 10px 0;}
		
	#jGMap .vcard .tel .value{   }
*/
	
	
	
	/* RESA */
	
	#FancyResaW{ display: none;}
	#FancyResa{ min-height: 450px;}
	#FancyResa h2{ 
	 	background: #222; /*url(img/frontend/lafourchette.png) no-repeat 95% center;*/ padding: 25px;
	 	font-size: 2em; color: #fff; margin: 0; text-align:left;}
	#ModuleW{ padding: 25px;}
	
	
	
	
	
	
	
	
	@media(max-height:700px) {
		
		body { font-size:12px; }
		
	}
	
	
	@media(max-height:820px) {
		
		/*#MainMenu{  padding-top: 100px; }
		#BottomNav{ margin-top: 0;}
		
		#MainMenu li{ margin-bottom: 8px;}
		#Socials { margin: 0 auto 10px; padding-bottom: 10px; }
		#HeadCoords{ margin-bottom: 10px; }

		#NTHLogo{  padding-top: 20px; margin-bottom: 10px;}
		
		.prestaBox { margin-bottom: 6%}
		
		.cellText{ padding: 15px 25px;}
		.chambreContent p{ margin: 5px 0 0 0;}
		.chambreContent p.separ{  margin: 0 0 5px 0;}
		.chambreContent h3{ margin: 0 0 5px 0;}
		.chambreIntro{ margin-bottom: 10px;}
		
		.offre h2{ font-size: 1.5em; }
		
		#CollectionList li{ height: 120px;*/
			
	}
	
	
	@media(max-width:1440px) {
		
		body { font-size: 13px; }
		#ChefZim{ left: 50px}
		#Chef{ padding: 15% 10% 0 50%}
	}
	
	@media(max-width:1280px) {
		
		#Qui {
			width: 70%;
			padding: 6% 15% 0 15%;
		}
		.fondateurBtn{ bottom: 20px; left: 20px; }
		#SBbtn.fondateurBtn {  right: 20px; }
		
		.centeredlist{ margin-left: 5% !important; margin-right: 5% !important; width: 90%;}
		
		.scrollAppear{ position: relative; }
		.hoverlink {  top: -30px;}
		
		.overlaytop{ top: -50px;}
	}
	
	
	@media(max-width:1023px) {
			

		#page-home #ContentW { height: auto; }
		#page-home #HeaderW { background: url(img/frontend/header-shadow.png) no-repeat center top; height: 100px; }
		
		#page-home #Content { padding: 0; width: 100%; height: auto; position: static; }
		#Content { position: static; }
		
		.screen{ overflow: visible; height: auto;}
		.screenPanelW{ height: auto; position: static; }
		.screenPanel{ height: auto; position: relative; }
		
		#OverlaytopL{ left: -40%;}
		#OverlaytopR{ display: none;}
		
		
		.overlaytop {  top: -60px; }
		
		#MainMenu {  padding-top: 120px; }
		#MainMenu li a { font-size: 1.5em;  }
		
		
		#Header .h1a{ top: 10px; left: 10px; width: 20%; text-align: center;}
		#Nav{ width: 100%}
		#NavIco{ right: 0; top: 0; background-color: rgba(97,122,141,0.9); }
		#ResaLink{ right: 80px; left: auto; top: 15px; font-size: 1.3em; padding: 10px 50px 10px 10px; ;}
		#LangLinks { right: 0; top: 80px; }
	
		#FooterLogos{ width: 75%}
		
		/*#page-home #Header h1{ top: 170px; left: 0%; width: 100%; text-align: center;}
		#page-home #ResaLink{ left: 15px; right: auto; }
		#page-home #NavIco{background-color: 0;}*/
		
		#QuiLink{ left: auto; right: 7%; top: 90px;}
		
		
		.formW{ margin: 40px 2.5%; width: 95%;}
		#DemandeForm fieldset{ width: 100%; margin: 0; float: none;}
		
		
		#FooterCols, #IntroQui{  margin: 25px 2.5%;  width: 95%; }
		#IntroQui img {  width: 45%; }
		
		#FooterCols .col { width: 100%;  margin-right: 0;}
		#FooterCols .col3 img.logo {  float: left; }
		#Credits {  text-align: left; }
	
	
		#page-offres #HomeLink{ width: auto;}
		

		
		.scrollAppear{ position: relative; }
		#ChambreList{ padding-top: 140px;}
		
		#SubMenuW ul.submenu li {  padding: 0 20px; }
		
		#ZoomHalfBanner h2 {

			font-size: 2.5em;
			bottom: 10px;
			right: 0;
			margin: 0 2.5%;
			line-height: 1.2em;
		}
				
				
		.mosaicW-lvl1 > li{ width: 100%;}
		.mosaicW-lvl2{}
		.mosaicW-lvl2 > li, .mosaicW-lvl3 > li{ display: block; float: none;}
		.mosaicBig-horizontal.cellZimW, .mosaicEqual-horizontal.cellZimW{ height: 300px;}
		.mosaicSmall-horizontal{}
		.mosaicSmall-horizontal.cellZimW, .mosaicTiny-horizontal.cellZimW{ height: 150px !important; display: block; float: none;}
		.mosaicBig-horizontal.cellTextW{ height: auto;}
		.mosaicW-lvl3 li.cellZimW{ display: none;}
		
		.cell25, .cell30, .cell35, .cell40, .cell60, .cell65, .cell70, .mosaicBig-vertical{ width: 100% !important;}
		
		.cellText{ padding: 15px 5%;}
		
		.textSwitchW{ width: 100%; padding: 0; position: static; opacity: 1; clear: both; }
		.textSwitchW .buttonW{ display: none;}
		
		
		.centeredlist, .centeredlist85, .centeredlist60{ margin-left:2.5% !important; margin-right: 2.5% !important; width: 95% }
		.centeredlist.col2 > li, .centeredlist.col3 > li, .centeredlist.col4 > li{ display: block;	float: none; width: 100%; margin: 0 0 40px 0;}
		.sidepadding {  padding: 0; }
		
		.mega {   font-size: 2.2em; }
		.super {   font-size: 1.4em !important; }

		

		
		
		/* PAGES */
		#AssurList, #AssurList.mini { margin: 0 2.5%;   padding-top: 0; }
		#AssurList.mini li h3 a:hover span.overlay, #AssurList.mini li.current h3 a span.overlay {   width: 96.5%; }
		#AssurList li{ width: 100%; margin: 0 0 30px;}
		.actu-listItemOverlay {  height: 100%; }
		
		#SubCatsW ul{width: 95%;margin: 50px 2.5%; }
		#SubCatsW ul li{ width: 95%; margin: 0 0 20px 0;}
		
		#MainAssurTitle {  margin: 150px 0 50px 0; }
		#MainAssurTitle strong {  font-size: 1em; }
		

		
		#ContactForm fieldset p{  width: 100%; }
		#ContactForm{ padding-right: 25px;}
		#FancyContactBox{ width: auto;  background: #0c0c0c }
		
		#FancyContactBox h2 a {
			float: none;
			font-size: 0.4em;
			margin: 6px 0 20px 0;
		}
		
		#jGMapW { width:100%; height:500px;  min-width: 320px;}
		#jGMap { width:100%; height:500px;  }
		
		#CocottesLinks { background: rgba(88,75,66,0.9); }
		#CocottesLinks ul { position: relative; margin-top: 246px;}
		#CocottesLinks li.closer { position: absolute; top: -20px;; right: 0; }
		#CocottesLinks li{ margin-bottom: 25px;}
		
		input[type="text"], input[type="password"], input[type="email"], textarea {    width: 95%; }

	}
	
	@media(max-height:400px){
		
		#page-home #Header .h1a{ top: 80px;}
	}
	
	
	
.text-orange{color:#f47821!important}.text-blue{color:#CA6F1E!important}.text-muted{color:#7a7a7a!important}
.cor_textdescip a {
    color: #1586c8;
    cursor: pointer;
    text-decoration: none;
}	
.cor_textdescip a:hover {
    color: #000000;
}

.container154 {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    position: relative;
	color: #4a4a4a;
}
#contact {
    background: #F9F9F9;
    padding: 25px;
    margin-top: 10px;
    margin-bottom: 150px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%), 0 5px 5px 0 rgb(0 0 0 / 24%);
}
#contact h3 {
    display: block;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 10px;
}
#contact h4 {
    margin: 5px 0 15px;
    display: block;
    font-size: 13px;
    font-weight: 400;
}
fieldset {
    border: medium none !important;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 0;
    width: 100%;
}		
#contact input[type="submit"] {
    cursor: pointer;
    width: 100%;
    border: none;
    background: #4CAF50;
    color: #FFF;
    margin: 0 0 5px;
    padding: 10px;
    font-size: 15px;
}

#contact input[type="text"],#contact input[type="email"],#contact input[type="tel"],#contact textarea {
width: 100%;
    border: 1px solid #ccc;
    background: #FFF;
    margin: 0 0 5px;
    padding: 10px;
	color:#000;
}

.section {
    padding-top: 1rem;
}
.section {
    padding: 3rem 1.5rem;
}
@media screen and (min-width: 1024px)
.container {
    max-width: 960px;
    width: 960px;
}}
.container {
    margin: 0 auto;
    position: relative;
}
.card {
    background-color: #fff;
    box-shadow: 0 2px 3px rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 10%);
    color: #4a4a4a;
    max-width: 100%;
    position: relative;
}
.card-content {
    padding: 1.5rem;
}
.a_partenaire {
    margin: 10px;
    margin-left: 7px;
    margin-right: 7px;
}
.a_partenaire img {
    border: 1px solid gray;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 140px;
    height: 97px;
}
.centered a:hover{color:black;}	 

.column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0.75rem;
}
@media print,screen and (min-width:769px){.columns:not(.is-desktop){display:flex}}@media screen and (min-width:1024px){.columns.is-desktop{display:flex}}



.tdalienba li {
    list-style: none;
    padding: 2px;
    text-align: left;
}
.tdalienba li a::before {
  content: "\0025B8";
  color: gray;
}
.content li + li{margin-top:.25em;}
.cor_textdescip img{max-width:90%;}
#AssurList2 li {
    width: 43%;
    margin: 3%;
    float: left;
    height: 300px;
	margin-top:0px;
	background-color:white;    
    box-shadow: 0 2px 3px rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 10%);
}
@media (max-width: 1023px){
#AssurList2 li {
  width: 96%;
  margin: 3%;
  margin-top:0px;
}}

.AssurList2a{display:block;color: #1586c8;
cursor: pointer;
text-decoration: none;padding: .3rem;margin:5px;margin-left:15px;}
.AssurList2a::before {
    content: "\0025B8";
    color: gray;
}


.dassolas {
    padding: 20px;
    background-color: #4CAF50;
    color: white;
    opacity: 0.83;
    transition: opacity 0.6s;
    margin-bottom: 15px;
}
.gazhagzaz {
    padding-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 20px;
    line-height: 18px;
    cursor: pointer;
    transition: 0.3s;
}
.gazhagzaz:hover {
  color: black;
}
#AssurList2 a:hover{color:#000000;}