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

Version 0.9.6.0
Date 02/01/2015                                                                                 
*/


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


@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');


/*
colors 
#043620 -> vert fonce
#93c01f -> vert clair
*/



/* ################################################################################################################																		     *                                                                      							
														BASICS
 *###############################################################################################################*/



	html, body { margin: 0; padding: 0; border: 0; overflow-x: hidden;}
	body { 
			font-size:15px;
			font-family: "DM Sans", sans-serif;
			font-weight: 400;
			letter-spacing: 0.05em;
			line-height: 1.5em;
			overflow-y: scroll;
			position: relative;
			width: 100vw;
			background: #f5f5f5 url(zims/frontend/main-bg.jpg) no-repeat center;
			background-attachment: fixed; background-size: cover;
			color: #043620;
	}
	#page-gome{ background-image: none; }
		


	body.is-loading * {
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}

	input,
	select,
	textarea {
		color: #7c8081;
		font-family: "DM Sans", sans-serif;
		font-size: 15px;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}

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

	a:hover {
		text-decoration: underline;
		/*color: #666; */
	}

	a:active,
	a:focus {
		outline: 0;
	}

	a img {
		border: 0;
	}

	strong,
	b {
		font-weight: 800;
	}

	i {
		font-style: italic;
	}

	p,
	ul,
	ol,
	dl,
	table,
	blockquote {
		margin: 0 0 2em 0;
		/*text-align:justify;*/
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: "DM Sans", sans-serif;
		color: inherit;
		font-weight: 800;
		line-height: 1.75em;
		margin-bottom: 1em;
	}

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

	h1, h2 {
		font-size: 1.5em;

	}

	h3 {
		font-size: 1.15em;
	}

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

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

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

	blockquote {
		border-left: solid 0.5em rgba(124, 128, 129, 0.2);
		font-style: italic;
		padding: 1em 0 1em 2em;
	}

	pre {
		margin: 10px;
		padding: 5px;
		background: #fafafa;
		border: 1px dashed #ebebeb;
		font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
		font-size: 12px;
	}


	/**
		 * Lists
		 */

	ul {
		margin: 0;
		padding: 0;
	}

	li {
		list-style-type: none;
	}

	dl {
		margin: 0;
		padding: 0;
	}

	dt {}

	dd {}


/* ################################################################################################################																		     *                                                                      							
														ELEMENTS
 *###############################################################################################################*/


	/* Table */

	table {
		width: 100%;
	}

	table.default {
		width: 100%;
	}

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

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

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

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


/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	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: none;
		color: #043620;
		background: #fff;
		display: block;
		padding: 14px 20px;
		text-decoration: none;
		width: calc(100% - 40px);
		outline: 0;
		line-height: 1.3em;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}
	textarea{
		/*border: solid 1px rgba(0, 0, 0, 0.85);*/
	}
	
	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(0, 0, 0, 0.85);
		color: #000;
		display: block;
		padding: 0.4em 0.75em;
		line-height: 1.3em; }
		
	select option{ color: #000;}
	
	::placeholder{ color: #999;		}
	

	
	.missingField label, .invalidField label { color:#EE2E24 !important; font-weight: 600; }
	.missingField input, .missingField textarea, .missingField select, .invalidField input, .invalidField textarea, .invalidField select { border-color:#EE2E24 !important; }
	.formErrors { margin:0; padding:10px 0 10px 0; }
	.formErrors li { list-style:none; margin:0px 0 5px 0; line-height:16px; color:#EE2E24 !important; font-weight: 600;}
	
	.fancybox-inner .missingField label, .fancybox-inner .invalidField label { color:#000; }
	.fancybox-inner .missingField input, .fancybox-inner .missingField textarea, .fancybox-inner .missingField select, .fancybox-inner .invalidField input, .fancybox-inner .invalidField textarea, .fancybox-inner .invalidField select { color:#000; }
	.fancybox-inner .formErrors li {  color:#000;}
	
	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: rgba(4, 54, 32, 0.7);*/
		border-color: #999;
	}
	
	fieldset{ border: none !important; margin: 0; padding: 0;}
	
	
	#field-security { display: none !important; }
	.formButtons { text-align: center;}
	label { color: #111;}
	.textField, .textareaField, p.selectField{ margin: 0 0 25px 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;
		color: #043620;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		letter-spacing: 1px;
		padding: 0.7em 1.5em;
		line-height: 1.2em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		border: 1px solid #043620;
		width: auto;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}

	input[type="button"]:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	.button:hover {
		background: #93c01f;
		color: #043620;
		text-decoration: none;
	}

	*::-webkit-input-placeholder {
		color: #043620 !important;
	}

	*:-moz-placeholder {
		/* FF 4-18 */
		color: #043620 !important;
	}

	*::-moz-placeholder {
		/* FF 19+ */
		color: #043620 !important;
	}

	*:-ms-input-placeholder {
		/* IE 10+ */
		color: #043620 !important;
	}



/* 

	vert fonce : #043620
	vert clair : #93c01f


*/

/* Specials */

	.sfont{ font-family: "DM Sans", sans-serif; text-transform: none; font-weight: 900;}
	/**
		 * Floating elems
		 */

	.float {
		display: inline;
		float: left;
	}


/**
	 * Away elems
	 */

	.hidden {
		display: none;
	}

	.away{ position: relative; opacity: 0;}
	.awayleft{ left: -120px;}
	.awayright{ right: -120px;}
	.awaytop{ top: -100px;}


	.mini{ font-size:0.8em !important; display: inline-block; line-height: 1.2em; }
	.littleup{ font-size: 1.3em !important }
	.big{ font-size: 1.6em !important }
	.super { font-size: 2.2em !important }
	.mega { font-size: 3.2em !important }
	.ultra { font-size: 4.2em !important }
	
	
	
	.justified *, .justified { text-align: justify }
	p.justified, .justified p{ line-height: 1.5em; }
	.centered *, .centered, .centeredlist > li p.centered{ text-align: center; }
	.righted *, .righted, .centeredlist > li p.righted{ text-align: right; }
	.lefted *, .lefted, .centeredlist > li p.lefted{ text-align: left; }
	.bigmargin{ margin-top: 50px!important; margin-bottom: 50px !important;}
	.supermargin{ margin-top: 80px!important; margin-bottom: 80px !important;}
	.megamargin{ margin-top: 150px!important; margin-bottom: 150px !important;}
	.notitle{ margin: 50px 0 0 0;}	
	.fontplus{ font-size: 1.15em;}
	
	.bottomAlign{ vertical-align: bottom !important }
	.middleAlign{ vertical-align: middle !important }
	
	.titlepadding{ padding-top: 95px;}
	.titlepaddingmini{ padding-top: 50px;}
	.titlepaddingmadium{ padding-top: 150px;}
	.titlepaddingbig{ padding-top: 200px;}
	
	.nomargintop{ margin-top: 0 !important;}
	.nomarginbottom{ margin-bottom: 0 !important;}
	
	.sidepadding{ padding: 0 25px; width: auto !important;}
	
	
	.centeredlist{  display: table; width: 100%; text-align: center;}
	.centeredlist90{  margin-left: 5%!important; margin-right: 5%!important; width: 90%}
	.centeredlist85{  margin-left: 7.5%!important; margin-right: 7.5%!important; width: 85%}
	.centeredlist80{  margin-left: 10%!important; margin-right: 10%!important; width: 80%}
	.centeredlist75{ margin-left: 12.5%!important; margin-right: 12.5%!important; width: 75%}
	.centeredlist70{ margin-left: 15%!important; margin-right: 15%!important; width: 70%}
	.centeredlist60{ margin-left: 20%!important; margin-right: 20%!important; width: 60%}
	.centeredlist50{ margin-left: 25%!important; margin-right: 25%!important; width: 50%}
	.centeredlist40{ margin-left: 30%!important; margin-right: 30%!important; width: 40%}

	
	.centeredlist > li, .centeredlist.col3 > li, .centeredlist.col4 > li{ display: inline-block; vertical-align: top; position: relative;}
	.centeredlist > li.over{ z-index: 15}
	.centeredlist > li{ width: 45.5%; }
	.centeredlist > li div.cellW{ height: 100%; }
	.centeredlist > li:nth-child(odd){ }
	.centeredlist > li:nth-child(even){ }
	
	.centeredlist > li.col25{ width: 20.5%; margin: 0 2%; }
	.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: 47%; margin: 0 1.5%; }
	.centeredlist > li.col60{ width: 57%; margin: 0 1.5%;}
	.centeredlist > li.col100{ width: 100%; }
	
	.centeredlist > li.decalleft{ margin-left: 19%}
	.centeredlist > li.decalleftmini{ margin-left: 9%}
	.centeredlist > li.decalright{ margin-right: 19%}
	.centeredlist > li.decalrightmini{ margin-right: 9%}
	
	
	.colZim{ display: block; width: 100%; margin: 0 auto;}
	

	.swingDecoW{ position: relative; z-index: -1; }
	.swingDeco{ 
		width: 100%; 
		background: #93c01f;  transform: rotate(6deg); 
		position: absolute; z-index: 1;}

	.swingsection{ position: relative; z-index: 500;  }
	
	.swingsectionBGW{ position: absolute; z-index: -1; height: 100%; width: 100%; top: 0;}
	.swingsectionBG{ width: 110%; height: 100%;
		background: #043620;  transform: rotate(6deg); 
		position: absolute; z-index: 1; left: -5%; } 
	.limit .swingsectionBG{ overflow: hidden; } 
		
	.swingsectionBG.clear{ 
		background: #93c01f;
		
	}	
	.swingsectionBG.zim1{ 
		background: #043620 url(zims/frontend/bg-abstract.jpg) no-repeat center; background-size: 100% auto; background-position: center bottom; background-attachment: fixed;
	}	

	
	.centered{ text-align: center !important;}
	.lefted{ text-align: left !important;}
	.righted{ text-align: right  !important;}

	

	.overtext {
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
	}
	
	.simplelink{ text-transform: uppercase; letter-spacing: 2px; color: #043620; }

	.vertcolor{ color: #93c01f; }
	
	
	
	.contactBlock{ display: inherit;}
	.contactBlock li{ vertical-align: top; }
	.contactBlock strong{ font-weight: 600;}
	.contactBlock p{ margin-bottom: 10px;}
	.contactBlock p svg, .contactBlock p svg{ display: block; float: left; font-size: 1.5em;}
	.contactBlock p span.line{ display: block; padding: 0 0 10px 40px; text-align: left;}

	.contactBlockLinks{ display: inline-block; float: right;}



	#SpecialAnnounce, .specialAnnounce{ display: none;}
	#PopupContent{ height: 650px; width: auto;  }
	@media(max-width:650px) {  #PopupContent{ height: auto; width: 100%;  }	}
	#PopupContent img{ display: block; height: 100%; } 
	
	.soulign{  }
	.soulign:after{ content: ""; display: block; width: 120px; height: 2px; margin: 20px auto 0; background: #043620;   }
	
	
	
	
	h2.sfont{ margin-top: 0;}
	
	.mainpagesubtitle { line-height: 1.1em; margin: 10px 0;}
	
	
	
	#OverlayLoad{ height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: #93c01f url(zims/loader/loader.gif?c=3) no-repeat center; }

/* ################################################################################################################																		     *                                                                      							
														PAGES
 *###############################################################################################################*/


/* COMMON COLOR 
	

		vert fonce : 043620
		vert clair : 93c01f
		

	*/


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



	/* HEADER */

	
	#UpHeader{ background: linear-gradient(90deg, rgba(215,215,215,1) 0%, rgba(245,245,245,1) 100%);
	height: 20px; padding: 5px 3% 10px; position: relative; z-index: 1001; width: 94%; }
	#UpHeader p{  letter-spacing: 1px; text-transform: uppercase; font-size: 11px; margin: 0; display: inline-block; color: #043620;}
	#UpHeader p a, #UpHeader p *{  color: #043620; text-decoration: none;}
	#UpHeader p#Socials{ float: right;}
	#UpHeader p#Socials{ }
	#UpHeader p#Socials a{ margin-left: 10px; border-right: 1px solid #043620; padding-right: 10px; font-weight: 600; font-size: 1.3em;}
	#UpHeader p#Socials a:last-child{ border-right: none; padding-right: 0;}
	#UpHeader p#Socials a svg{ font-size: 16px;}
	#UpHeader p#Socials a svg.fa-instagram{ font-size: 19px; position:relative; top: 1px;}
	
	
	
	#Header { top: 0; width: 100%; z-index: 1000; height: 85px; position: absolute;  }
		
	/*.headerBG { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-bottom: none;
		-moz-transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out;
		transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out;
	}
	
	
	.scrolled .headerBG { background: #f2f2f2; border-bottom: 1px solid #ccc; }*/

	/*#Header.deploy  { height: 100% !important;} 
	.deploy .headerBG { background: none; border-bottom: none;  } */
	
	#HomeLinkW { 
		position: relative; z-index: 0; margin: 0; text-align: center; position: absolute; 
		height: 1px; top: 60px; left: 4.5%;  padding-top: 5px;}
	#HomeLinkW a{ display: inline-block; }
	#HomeLinkW a img{  
		width: 250px;
		-moz-transition: width 0.2s ease-in-out;
		-webkit-transition: width 0.2s ease-in-out;
		-o-transition: width 0.2s ease-in-out;
		-ms-transition: width 0.2s ease-in-out;
		transition: width 0.2s ease-in-out;  }
		
	#page-home #HomeLinkW a img{  
		width: 250px;
	}
	/*.scrolled #HomeLinkW a img {width: 185px; }	*/
	
	/*#HomeLinkW a img#LOGOW{ display: none; }
	#page-home #HomeLinkW a img#LOGOW{ display: inline; }
	#page-home #HomeLinkW a img#LOGO{ display: none; }
	
	.black #HomeLinkW a img#LOGO{  }
	.black #HomeLinkW a img#LOGOB{ display: none;}*/*/
	
	
	/*
	#Socials{ padding-left:45px; margin-top: 40px; }
	#Socials a{ font-size: 1.5em; color: #fff; margin-right: 30px;}
	#Socials a:hover{ color: #fff; }*/
	

	

/* MAIN MENU */

	#Nav{ position: fixed; top: 0; width: 100%; height: auto; z-index: 1000;}
	#Nav.open{ height: 100%; }
	/*#UpperNav{ position: absolute; z-index: 5010; height: 70px; width: 100%; }*/
	
	

	#MainMenu > li > a::before {

		border-bottom-color: #043620;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		
		
	}
	#UpperMenu ul li a:hover span {
		letter-spacing: 2px;
	}
	#UpperMenu ul li a:hover::before {
		opacity: 1; 
		transform: scale(1, 1); 
	}
	#UpperMenu ul li a::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		transition: all 0.3s;
	}
	#UpperMenu ul li a:hover::after{
		opacity: 0; 
		transform: scale(0.1, 1);
	}

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

	#UpperMenu ul li a:hover { text-decoration: none;  }
	
	
 /* ANIMATED MENU ICO */
	 
	 #NavIcoW {
		position: fixed; z-index: 5001;
		right: 3%; top: 60px;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	
	.scrolled #NavIcoW { top: 25px  }
	
	#NavIco {
		display: block; z-index: 5001; height: 25px; width: 32px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	
	#NavIcoW strong{
		position: absolute; font-size: 1.1em;
		text-transform: uppercase; font-weight: 400;
		left: -60px; top: -1px; color: #fff;
		
	}
	
	
	#NavIco span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #fff;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#NavIco span:nth-child(1) { top: 0px; width: 130%; 	}
	#NavIco span:nth-child(2),#NavIco span:nth-child(3) {  top: 9px; width: 80%	}
	#NavIco span:nth-child(4) { top: 18px; }

	#NavIco.active span {
	  background: #93c01f;
	}
	#NavIco.active span:nth-child(1) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}

	#NavIco.active span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	   width: 100%;
	}

	#NavIco.active span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  width: 100%;
	}

	#NavIco.active span:nth-child(4) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}

	/*-#NavIco strong {
		position: absolute;
		left: 55px; font-size: 1.1em;
		line-height: 1em;
		top: 10px; color: #fff;
		text-transform: uppercase;
		font-weight: normal;
	}*/
	
	#NavBg{ 
		position: fixed;
		height: 120px;
		right: -200px;
		top: -60px;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.scrolled #NavBg { top: -100px;  }
	

	
	
	#MenuW{ overflow: visible; width: 100%;  position: absolute; z-index: 1001; height: 0;	}
	.open #MenuW{height: 100vh; position: fixed; 	}
	
	#MenuOverlay{ 
		background: rgba(147,192,31, 0.85);
		height: 100%; width: 100%; top: 0; left: 0;
		position: absolute; z-index: 900; 
	}
	#Menu{ 
		background-color: #043620;
		background-image: url(zims/frontend/logotype-w-30p.svg); background-position: -100px calc(100% + 60px); background-size: 300px; background-repeat: no-repeat;
		position: absolute; z-index: 1000; opacity: 0; overflow: visible;
		height: 100%;width: 25%;
	}
	

	#MainMenuW{ padding-top: 150px; }

	#MainMenu > li{ position: relative; margin-bottom: 20px; }
	#MainMenu > li::before{ 
		content: "";
		display: block; 
		width: 30px; 
		height: 1px;
		background: #fff;
		position: absolute; left:0; top: 24px;
	}


	#MainMenu > li > a, #MainMenu > li > strong{ 
		display: block; position:relative; 
		padding: 10px 15px 10px 45px;
		font-weight: 700; color: #fff; font-size: 1.7em; cursor: pointer; text-align: 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; }
		
	#MainMenu > li > a span, #MainMenu > li > strong span{ width: 100%; display: inline-block; }
	#MainMenu > li > a  i, #MainMenu > li > strong  i { font-size: 1.3em;}
	#MainMenu > li > a  i.fa-caret-down, #MainMenu > li > a  i.fa-caret-up, #MainMenu > li > strong  i.fa-caret-down, #MainMenu > li > strong  i.fa-caret-up { display: none;}

	
	
	#MainMenu > li ul{ padding-left: 45px; margin-bottom: 20px; }
	#MainMenu > li ul > li{  position:relative;  }
	#MainMenu > li ul > li a{ 
		display: block;
		padding: 5px 15px 5px 32px;  text-transform: uppercase; line-height: 1.2em;
		font-weight: 400; color: #fff; font-size: 0.9em; cursor: pointer; text-align: 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; }
	#MainMenu > li ul > li::before{ 
		content: "";
		display: block; 
		width: 20px; 
		height: 1px;
		background: #fff;
		position: absolute; left:0; top: 17px;
	} 
	
	#MainMenu > li a:hover, #MainMenu > li strong:hover{ color: #93c01f; text-docation: none; }

	/*#MainMenu > li > a:hover, #MainMenu > li > strong:hover, #MainMenu > li.actived > a, #MainMenu > li.actived > strong{  text-decoration : none; letter-spacing: 4px; border-color: #043620; }*/


	#Copyrights{ padding: 0 25px; margin: 0; position: absolute; bottom: 5vh; width: calc(100% - 50px); color: #fff; font-size: 0.6em;  }


/* Footer */

	#FooterW { padding: 120px 0 40px; overflow: hidden; margin-top: -100px;}
	#page-mon-metier #FooterW{ margin-top: -220px;} 
	#page-mentions-legales #FooterW{ margin-top: -50px;} 
	#Footer .swingsectionBGW{ height: 175%;}
	#Footer { color: #fff; }
	
	
	/*#FootSocials{ font-size: 1.1em; border-bottom: 1px solid #fff; padding: 0 45px 40px 0; text-transform: uppercase; display: inline-block;  }
	#FootSocials a{ color: #fff; margin-right: 20px; }
	#FootSocials svg{ font-size: 1.2em; }
	#FootSocials svg.fa-linkedin-in{ font-size: 1.3em; position:relative; top: 3px;}*/
	
	.footerCenterSection{ display: flex; width: 100%;}
	
	.footerMenuW{ display: flex; width: 75%;}
	.footerMenuW ul{ margin-right: 40px;}
	.footerMenuW ul li{ display: inline-block; float: left; margin-right: 30px;}
	.footerMenuW ul li a{ color: #fff;text-transform: uppercase;  font-weight: 400; font-size: 1.2em;  }
	.footerMenuW ul li a:hover{ color: #043620; text-decoration: none;  }
	
	
	
	.footerLabels{ width: 25%;}
	.footerLabels p{ display: flex; font-weight: 600; line-height: 0.8em; margin: 0;}
	.footerLabels p img{ width: 220px; }
	.footerLabels p span{ margin-right: 15px;}

		
	#FootCredits{ font-size: 0.8em; margin: 0; }
	#FootCredits a{ color: #fff;  }
	
	
	#SIBlock{ display: inline-block; background: #fff; border-radius: 20px; padding: 10px 20px 10px 115px; color: #043620; line-height: 16px; position: relative; }
	#SIBlock img{ position: absolute; display: block; top: -20px; left: -30px; width: 135px;}
	#SIBlock span{ font-weight: 800;}


	/* Content */
	
	
	
	#Content{ padding-top: 140px;}
	#page-home #Content{ padding-top: 0;}




/* 

	vert fonce : #043620
	vert clair : #93c01f


*/


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HOME * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


	#HomeTitleScreen{ background: #93c01f url(../media/images/home/home.jpg) no-repeat center; background-size: cover; height: calc(100vh); position: relative;  }

	#HomeTitleW{
		position: absolute; top: 20vh; left: 5%;
		width: 50%; z-index: 200;
		color: #fff;
	}
	.homeTitle{ text-align: left;   }
	.homeTitle h1{ display: inline-block; line-height: 1.3em; font-weight: 500; margin: 0; font-size: 1.7em; }
	.homeTitle .simplelink{ color: #fff !important; font-size: 1.3em; }
	
	.homeTitle h1 strong{ display: inline-block; font-size: 2.5em; line-height: 1.1em; padding: 0; margin: 0;  }
	
	.homeTitle .separator { display: inline-block; height: 1px; background: #93c01f; width: 140%; float: left; margin: 15px 0; }
	
	
	
	#HomeSculptW{
		position: absolute; top:12vh; right:-7%;
		width: 72%; max-width: 1100px; height: 55%; z-index: 180; text-align: right;
	}
	#HomeSculptW img{  display: inline-block; max-width: 100%; position: relative; opacity: 0; left: 50px; }
	
	
	
	.bigTel{ margin-top: 25px; }
	.bigTel a{ display: inline-block;  background: #93c01f; padding: 12px 20px; font-size: 1.2em; color: #fff; border-radius: 15px; transition: all 0.3s ease-in-out;}
	.bigTel a:hover{ background: #043620; color: #93c01f; text-decoration: none; }
	.bigTel svg{  position: relative; }
	.bigTel a.simplelink{  color: #fff; }
	
	
	.swingup{ position: relative; top: -40px;}
	.swingdown{ position: relative; top: 40px;}
	
	
	
	
	
	
	#HomeIntro{ padding: 100px 0; margin: -100px 0 0 0;}
	#HomeIntro .swingsectionBGZim { 
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		/*background-image: url(zims/frontend/forme-40p.svg); background-position: center; background-size: 400px; background-repeat: no-repeat*/  }
		
	
	#HomeIntro .swingsectionBG {
		overflow: hidden;
	}
	
	.swingsectionTriangle {
		background: #93c01f;
		width: 550px;
		height: 550px;
		border-radius: 600px;
		position: absolute;
		left: 8%;
		bottom: -130px;
		overflow: hidden;
		-webkit-box-shadow: 8px -5px 12px 4px rgba(0,0,0,0.26); 
		box-shadow: 8px -5px 12px 4px rgba(0,0,0,0.26);
		background-image: url(../media/images/home/trame-intro.jpg);    
	}
	.swingsectionTriangle div {
		
		background-position: center;
		background-size: auto 100%;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
		top: 0%;
	}
	
	
	
	.newformaAccr{ position: relative; }
	.newformaAccr h3{ font-size: 1.4em;  text-align: left; line-height: 1.2em; margin: 0; color: #fff;  }
	.newformaAccr h3 strong { font-size:2.5em;  line-height: 1.1em; }
	
	.newformaAccr .discover{ margin: 25px 0; text-transform: uppercase; text-align: left; }
	.newformaAccr .discover .line{ display: inline-block; height: 1px; background: #fff; width: 50%; margin-right: 15px; position: relative; top: -3px;}
	.newformaAccr .discover a{font-size: 1.3em;}
	.newformaAccr svg{ position: absolute; bottom: 60px; right: 0; font-size: 5em; }
	
	
	
	
	
	
	
	
	
	.blocksW{ display: flex; flex-wrap: wrap;}
	
	.decoBlockW{ position: relative; width: 45%; margin: 0 2.5%; } 
	.decoBlock{  background: #fff; position: relative; z-index: 10; padding: 20px; min-height: calc(100% - 40px); border-radius: 20px; } 
	.decoBlock p{   margin: 25px 0 0 0; } 
	.decoBlock p:first-child{   margin: 0; } 
	.decoBlock p.zimW{  margin: 0; } 
	.decoBlock p img{ display: block; width: 100%} 
	
	.decoSquare{ 
		position: absolute;
		z-index: 1;
		background: #93c01f;
		width: 150px; height: 150px;  border-radius: 20px;
	}
	.decoleft{ top: -20px; left: -20px;}
	.decoright{ bottom: -20px; right: -20px;}
	
	
	
	.bgImgW{ min-height: 50vh; position: relative; overflow: hidden; margin-top: -40px;}
	.bgImg{ position: absolute; z-index: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;}
	
	.overlayContentW{ text-align: center; position: relative;  z-index: 10; padding: 10% 10% 10% 55%; }
	.overlayContent{ display: inline-block; background: rgba(255,255,255,0.8); padding: 40px; border-radius: 20px;}
	.overlayContent p{  margin: 25px 0 0 0; } 
	.overlayContent h3{  line-height: 1.2em; } 

	
	
	
	.partnersW{ margin-bottom: 60px;}
	.partnersW h3{ text-align: center; }
	.partnersW h3 span{ display: inline-block; border-bottom: 2px solid #043620; padding-bottom: 10px; }
	
	.partnerList{ display: flex; flex-wrap: wrap; justify-content: center;}
	.partnerList > li{ 
		width: calc(30% - 40px); margin: 0 10px 10px; display: table; padding: 20px; background: #fff; border-radius: 20px;
		min-height: 140px;}
	.partnerList > li p{ display: table-cell; vertical-align: middle; text-align: center; margin: 0; color: #000;}
	.partnerList > li p a{  color: #000; font-size: 1.3em;}
	.partnerList > li p img{ display: inline-block; max-width: 100%; max-height: 120px; position: relative;
		-moz-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out; 
		opacity: 0;		
	}
	.partnerList > li p img:hover { opacity: 0.85; padding: 3px;}
	
	
	
	
	#page-qui-sommes-nous #FooterW {
		margin-top: -240px;
	}
	
	
	
	#page-nos-services .mainpagetitle{ margin-bottom: 0;}
	#page-nos-services #Content {
		padding-top: 120px;
	}
	
	
	.service{ padding: 100px 0 30px; margin: 0 0 0 0;}
	#Services-1{ padding:  30px 0 100px; }
	#Services-3{ padding:  30px 0 100px; }
	#Services-5{ padding:  30px 0 100px; }
	
	
	.serviceZimW{ 
		position: absolute; top: -60px; left: 0; 
		width: 43%; height: calc(100% + 120px);
		overflow: hidden;
		background: #999;
		transform: rotate(6deg);
	}
	
		
	.serviceZimW img{ 
		display: block; position: absolute;
		transform: rotate(-12deg);
		top: 0; left: -12%;
		height: auto;
		width: 118%;
		
	}
	
	.service .separator { display: inline-block; height: 1px; background: #043620; width: 100%; margin: 15px 0; }
	

	.serviceText{ width: 50%; padding: 30px 0 20px 0; margin: 0 0 0 50%; }
	.serviceText h2{ margin-bottom: 15px; line-height: 1.1em;  }
	.serviceText h3 {line-height: 1em;  }

	.textIco{ display: block; max-width: 120px; max-height: 100px; float: right; margin: 0 0 20px 20px; }
	
	

	.textL .serviceText{  margin: 0 50% 0 0; }
	
	.textL .serviceZimW{ 
		left: auto; right: 0; 
	}
	.textR .serviceZimW img{ 
		left: -6%;
	}
	
	
	
	.darkbg .serviceText *, .darkbg .serviceText{ color: #fff;  }
	.service.darkbg  .separator { background: #fff; }
	
	
	i.textIco, svg.textIco {
		display: block;
		float: right;
		max-width: none;
		max-height: none;
		margin: 0 0 20px 30px;
		color: #93c01f;
		height: 100px;
		width: auto;
	}
	svg.textIco path {fill: #fff; }
	.darkbg svg.textIco path {fill: #93c01f; }
	

	


	/* - - - Pastilles d'icone des cartes (accueil, formules) - - - */

	.cardIco {
		display: flex;
		width: 80px; height: 80px; margin: 0 auto 15px;
		justify-content: center; align-items: center;
		border-radius: 15px;
		background: #93c01f;
		font-size: 2em;
	}
	.cardIco svg, .cardIco i { color: #043620; height: 50px; }
	.cardIco svg.mini{ height: 40px; }
	.cardIco svg path { fill: #043620;  }


	/* - - - Accueil : bloc "Mes prestations" - - - */

	#HomeServices { padding: 60px 0 40px; position: relative; z-index: 10; }
	#HomeServices h2 { text-align: center; }
	#HomeServicesList { margin-top: 30px; }
	#HomeServicesList li { text-align: center; }
	#HomeServicesList li h3 { margin: 10px 0 5px; font-size: 1.4em; line-height: 1.1em; }
	#HomeServicesList li p { font-size: 0.95em; line-height: 1.4em; margin: 0; }


	/* - - - Accueil : bloc "Pourquoi me confier vos exterieurs" - - - */

	#HomeWhy { padding: 120px 0 140px; position: relative; }
	#HomeWhy, #HomeWhy p, #HomeWhy h2  { color: #fff; }
	#HomeWhy h2 { text-align: center; margin-bottom: 20px; }
	#HomeWhyList li { text-align: center; }
	#HomeWhyList li h3 { margin: 10px 0 5px; font-size: 1.3em; line-height: 1.1em; }
	#HomeWhyList li p { font-size: 0.95em; line-height: 1.4em; margin: 0; }
	#HomeWhy .cardIco svg { color: #fff; }
	#HomeWhy .button { border-color: #93c01f; color: #93c01f; margin-top: 30px; }
	#HomeWhy .button:hover { background: #93c01f; color: #043620; }


	/* - - - Mon metier : "Ma facon de travailler" - - - */

	#MetierSteps { padding: 80px 0 40px; }
	#MetierSteps h2 { text-align: center; }
	#MetierStepsList { margin-top: 30px; }
	#MetierStepsList li { text-align: center; }
	#MetierStepsList li h3 { margin: 10px 0 5px; font-size: 1.3em; line-height: 1.1em; }
	#MetierStepsList li p { font-size: 0.95em; line-height: 1.4em; margin: 0; }

	.stepNum {
		display: inline-block;
		width: 60px; height: 60px;
		line-height: 60px;
		text-align: center;
		border-radius: 60px;
		background: #043620;
		color: #93c01f;
		font-family: "DM Sans", sans-serif;
		font-size: 1.8em;
		margin-bottom: 10px;
	}

	#MetierLimits {
		margin: 50px auto 50px;
		font-size: 0.9em;
		line-height: 1.5em;
		padding: 20px 25px;
		border-radius: 15px;
		background: rgba(4, 54, 32, 0.06);
	}
	#MetierLimits svg { color: #93c01f; margin-right: 8px; }


	/* - - - Nos services : "Ponctuel ou a l'annee" - - - */

	#ServicesFormules { padding: 100px 0 60px; position: relative; z-index: 10; }
	#ServicesFormules h2 { text-align: center; }
	#ServicesFormulesList { margin-top: 20px; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; }
	#ServicesFormulesList > li { display: flex; margin: 0 1.5% 25px; }
	#ServicesFormulesList .decoBlock { text-align: center; min-height: 0; }
	#ServicesFormulesList h3 { margin: 5px 0 10px; font-size: 1.4em; line-height: 1.1em; }
	#ServicesFormulesList p { font-size: 0.95em; line-height: 1.4em; margin: 0; }


	/* - - - Contact : 3e bloc (zone d'intervention) - - - */

	#ContactBlock p strong { display: block; margin-bottom: 5px; }
	#ContactBlock p { font-size: 1.25em; line-height: 1.4em; }


	/* - - - Header : le telephone dans le bandeau haut - - - */

	#UpHeader p#Socials a:first-child { font-weight: 600; }

	
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
 

	
	/* CONTACT */
	#ContactW{ width: 80%; margin: 0 10%; overflow: auto;}
	
	#FormW, #CoordsW{ display: inline; float: left;}
	#FormW{ width: 60%; margin-right: 5%; }
	#CoordsW{ width: 35%; }
	
	#ContactW h3{  
		 text-transform: uppercase; font-weight: 900; font-size: 2em; 
	}
	
	#jGMapW { height:600px; margin:0; border:none;  clear: both; }
	#jGMapW .vcard{ }
	#jGMap { width:100%; height:100%; }
	
	
	.vcard p { margin:0 0 15px 0; padding:0; font-size:1.1em;}
	.vcard .tel .type, .vcard .uri, .vcard .geo  { display:none; }	
	
	
	
	
	
	#ContactBlock{ display: flex; padding-top:0 ; margin: 80px 0; align-items: stretch; gap: 30px;  }
	#ContactBlock div{ flex: 1; display: flex; align-items: center; justify-content: center; background: #043620;  padding: 35px 0; position: relative;
	-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;}
	#ContactBlock p{ margin: 0; padding: 0 25px; font-weight: 400; color: #fff;  font-size: 1.3em;
		
		
	}
	#ContactBlock p a{ color: #fff;}
	#ContactBlock p:last-child{ border: none; }
	
	
	#ContactBlock .icoW { font-size: 1.7em; 
		display: block; text-align: center;
		background: #93c01f; width: 60px; height: 60px;
		position: absolute; top: -20px; left: -20px;
		transform: rotate(45deg);
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}
	#ContactBlock .icoW svg{ font-size: 1em; color: #fff; position: relative; top: 16px; transform: rotate(-45deg);}
	
	
	#ContactFormWW{ padding-bottom: 100px;}
	

	#ContactForm{ margin: 25px 0; padding: 0 0 0 0%;}
	#ContactForm fieldset p{  width: 45%; display: inline; float: left;}

	
	#ContactBlock p .ml {
		font-size: 0.8em;
	}


	#message{  height: 100px; }

	#date, #heure, #nbpers{  width: 90px; }


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

	.legend {
		font-size: 0.85em;
		color: #999;
		text-align: left;
		margin: 25px 0;
	}

	
	.fancybox-inner  p#Confirmation{ padding: 50px 15px; margin: 0;}

	
	#FancyContactBox{ width: 600px; background: #fff;  }
	#FancyContact{ padding: 0 25px 25px; }
	#FancyContact h2{ color: #000; font-size: 2.5em; font-weight: 900; letter-spacing:normal;text-transform: uppercase; margin: 0 0 15px 0; text-align:left; padding-top: 15px;}

	#ContactForm{ margin: 0;}
	

	input{ width: 90%; margin: 0;}

	#ContactForm fieldset p{  width: 43%; display: inline; float: left;}
	#ContactForm fieldset p#field-nom, #ContactForm fieldset p#field-email{ margin-right: 10%; }
	#ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-societe, #ContactForm fieldset p#field-message{  width: 98%; }
	#message{  height: 100px; }

	.formButtons { display: inline; float: left; width: 95%; text-align: center;}
	
	.fancybox-inner  #ContactForm *{ color: #000;}
	.fancybox-inner  #ContactFormSubmit { border-color: #000;}
	.fancybox-inner  #ContactFormSubmit:hover { color: #fff;}
	.fancybox-inner  #ContactForm input, .fancybox-inner  #ContactForm textarea { border-bottom: solid 1px rgba(0, 0, 0, 0.85); }

	 
 
	 p#Confirmation{
		font-size: 1.2em; font-weight: 300; margin: 100px 5%; text-align:center; line-height: 1.5em;
	}
	
	


	
	.mobonly{ display: none;}



/* ################################################################################################################
														SURCHARGE MOBILE
	###################################################################################################################*/



	/* ----------------- RESPONSIVE ------------------------------*/

	
	
	@media(max-width:1600px) { 
	
	
		.serviceZimW img{ 
			top: 0; left: 0; 
			height: 95%;
			width: auto;
		}
		
		.textL .serviceZimW img {
			top: 0;
			left: -16%;
			height: 95%; width: auto;
		}
	}
	
	
	@media(max-width:1440px) {
	
		#MainResaLink{ right: 15px; padding: 7px 20px; }
		.carteCategTitle{ font-size: 3em;}
		.carteCategTitle.longtitle{ font-size: 2.6em; }
		
		
		#LangLinks li { margin-right: 8px; }
		.homeSectionW {  padding-bottom: 100px; }
		#page-home .homeSectionW {  padding-bottom: 10px; }


		#FooterNews #field-email{  width: 34% }
		
		#CarouselArrows a{ width: 20px;  }
		
		#Services li.col30 { width: 47%;}
	
	}
	
	
	@media(max-width:1350px) {
		
		#MainMenuW{ padding-top: 80px;     margin-bottom: 20px;}
		#Menu {    width: 28%;}
		#MainMenu > li > a, #MainMenu > li > strong{ padding: 7px 0 7px 40px; }
		
		#UpperMenu ul li a{ font-size: 0.9em; }
		
		#CovidBanner p {  font-size: 0.95em; }
	
		#page-home .zimBlocsList li .itemTitle strong {
			font-size:1.2em;
		}
		
		.centeredlist50 {
			margin-left: 15%!important;
			margin-right: 15%!important;
			width: 70%;
		}
		
		.scaleSelector li h3 {
			height: 400px
		}
		#page-restaurants-selector .scaleSelector li h3 {
			height: 350px
		}
		
		
		.zimBlocsList li .itemTitle{ font-size: 0.8em !important;}
		.zimBlocsList li .itemTitle span.popup, .scaleSelector li .itemTitle span.popup{ font-size: 0.6em;}
		
		.rseBlock.centeredlist > li.col25 {
			width: 30.5%;
			margin: 0 1%;
		}			
		
		.tabsContent .centeredlist > li.col60, .tabsContent .centeredlist > li.col50, .tabsContent .centeredlist > li.col40, .tabsContent .centeredlist > li.col30 {    width: 48%; margin: 0 1%; }
		
		
		#EventSpacesMenu {
			margin: 60px 3.5% 0;
			width: 92%;
		}
		
		.centeredlist90 {
			margin-left: 2.5%!important;
			margin-right: 2.5%!important;
			width: 95%;
		}
		
		.bigmargin {
			margin-top: 30px!important;
			margin-bottom: 30px !important;
		}
		
		.prestationListW { 
			margin-left: 2.5%!important;
			margin-right: 2.5%!important;
			width: 95%;
		}
		
		#Services {   min-height: 380px;}
		
		.contactBlock li {    padding: 0 50px;}



		
		
		
		
	}
	
	
	@media(max-width:1280px) {
		
		.serviceZimW img{ 
			left: -25%; 
		}
		
		
		
		.swingsectionTriangle {
			width: 500px;
			height: 500px;
			left: 5%;
			bottom: -200px;
			
		}
		
	}
		
		
		
	
	@media(max-width:1024px) {
			
		body { font-size:17px; }
		input, select, textarea { font-size: 17px; }
		
		.nomob{display: none; }
		.mobonly{ display: inline;}

			
			
		

	
		#UpperMenu{ display: none;}
		
		#MainSelector, .covidbanner #MainSelector  { top: 16px; right: 2%; }
		#MainSelector .resaLegend {
			padding: 6px 12px;
			font-size: 1.1em;
			letter-spacing: 0.5px;
		}
		/*#MainSelector .resaLegend {   padding: 11px 9px 0 7px;  color: #000;}
		#MainSelector p a.gotoRooms, #MainSelector p a.gotoRooms:hover{ background-position: -82px 8px; }
		#MainSelector p a.gotoResto, #MainSelector p a.gotoResto:hover{  background-position: -82px -53px;}
		#MainSelector p a {  width: 45px; }*/


		#HomeLinkW {   margin: 0 0 0 2.5%; }
		#HomeLinkW a img {  width: 160px; padding-top: 10px; }
		.scrolled #HomeLinkW a img, .forcedHeader #HomeLinkW a img {  width: 160px; }
	
		#LangsW {
			left: 65px;
			top: 24px;
			width: 62px;
			display: none;
		}
		.open #LangsW { display: block;}
		
		#NavIco{  display: block; top: 23px; }

	
		

	
	
		#Menu{ width: 100%; }
		
		#MainMenuW {
			padding-top: 100px;
			margin-bottom: 15px;
		}
		#MainMenu > li > a, #MainMenu > li > strong {   
			padding: 5px 0 4px 45px; 
			-moz-transition: background-color 0s ease-in-out, color 0s ease-in-out;
			-webkit-transition: background-color 0s ease-in-out, color 0s ease-in-out;
			-o-transition: background-color 0s ease-in-out, color 0s ease-in-out;
			-ms-transition: background-color 0s ease-in-out, color 0s ease-in-out;
			transition: background-color 0s ease-in-out, color 0s ease-in-out;
		}
		
		#MainMenu li{ font-size: 0.95em; padding: 7px 0; }
		#MainMenu > li{ position: relative; }
		
		#MainMenu li .submenu {
			width: 100%; 
			position: static;
			background: #fff;
			padding: 8px 0;
			height: auto;
			display: none;
		}
		#MainMenu li ul > li { padding: 0}
		#MainMenu li ul > li a { padding: 5px 10px 5px 15px; font-size: 1.2em;  }
		#MainMenu li ul > li > ul{ opacity: 1;}
		#MainMenu li ul > li > ul li a {  font-size: 1.1em; padding: 3px 0 3px 15px;  }
		#MainMenu li ul > li:first-child{ padding-top: 0;}
		
		#MainMenu > li > a:hover, #MainMenu > li > strong:hover {
			color: #fff;
			background-color: unset;
			
		}
		#MainMenu > li.actived > a, #MainMenu > li.actived > strong {
			color: #000;
			background-color: #fff;
		}
		#MainMenu li ul > li a:hover{ background: unset; color: #000; }
		#MainMenu li ul > li.HTMLMenuW-Level2:hover > a{ background: unset; color: #000; }

		#MainMenu-room-presentation-Item, #MainMenu-event-presentation-Item{ display: block;}
		
		
		#MainMenu > li > a span, #MainMenu > li > strong { display: block; width: 100%; padding-right: 5%; }
		#MainMenu > li > a  svg , #MainMenu > li > strong  svg { font-size: 1.3em; }
		
		#MainMenu > li > a  svg.fa-caret-up, #MainMenu > li > strong  svg.fa-caret-up, #MainMenu > li > a  svg.fa-caret-right, #MainMenu > li > strong  svg.fa-caret-right { display: none;}
		#MainMenu > li > a  svg.fa-caret-down, #MainMenu > li > strong  svg.fa-caret-down {display: block; color: #fff; margin-right: 0 }

		#MainMenu > li.actived > a  svg.fa-caret-up, #MainMenu > li.actived > strong  svg.fa-caret-up { display: block; color: #000; margin-right: 0 }
		#MainMenu > li.actived > a  svg.fa-caret-down, #MainMenu > li.actived > strong  svg.fa-caret-down { display: none; }
		
		
		#MainMenu-room-bestfor{ display: none;}
		



		
		#SecondaryMenu > li > a, #SecondaryMenu > li > strong {  padding: 2px 0 2px 15px; }
	
		#Copyrights {  font-size: 0.6em; margin: 0 0 10px 0; padding: 0 15px }
		
		
		#FooterMenu, #FooterNews, #FooterAddr{  display: block; float: none; width: 100%; margin-bottom: 40px; }
		#FooterMenu{  margin-bottom: 40px; }
		
		
		#FooterMenu li{  text-align: center; font-size: 1.4em; display: block;}
		#FooterAddr{  text-align: center;}
		#FooterAddr #Gmap{ margin-bottom: 20px;}
		
		#FooterNews #field-valid label{ font-size: 0.75em;}
		#FooterNews .textField{   isplay: block; float: none;  width: 100% !important; }
		
		#FooterNews #field-valid{ position: static; }
		
		#FooterNews .formButtons {
			width: auto; margin-top: 20px;
			float: none !important;
			display: block;
			position: static;
		}
		#FootNewsCheck {   bottom: -15px;  left: 45%; }
		#Credits {float: none;  text-align: center; margin-top: 0; }
		
		

		
		h2{ width: 95%; margin: 0 2.5%; font-size: 2em; line-height: 1em; margin-bottom: 40px;}
		h3{ margin-top: 30px;}
		.bigmargin > h3{ margin-top: 0;}
		#ZoomHalfBanner h2{ font-size: 2.5em;    line-height: 1em }
		
		p {   font-size: 1em; }
		
		input[type="button"], input[type="submit"], input[type="reset"], .button {
			padding: 0.7em 1.5em;
			line-height: 1.2em;
			transition: color 0s ease-in-out, border-color 0s ease-in-out, background-color 0s ease-in-out;
			margin-bottom: 15px;
		}
		
		input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover, .zimBlocsList li .itemTitle span.popup .button, .secondLink .button,.zimBlocsList li a:hover .itemTitle span.popup .button, .scaleSelector li a:hover .button {
			background: none;
		}.button:hover svg {}

		
		.forcedHeader #Content {   padding-top: 100px; }
		
		
		.scroll-section {  top: 60%; bottom: auto; display: none; }
		
		/***/
		
		.littleup{ font-size: 1em !important; line-height: 1.3em;}
		.ffat{ font-size: 1em !important; line-height: 1.4em;}
		.big{ font-size: 1.3em !important; line-height: 1.2em; }
		.super { font-size: 1.5em !important; line-height: 1em; }
		.mega { font-size: 2em !important; line-height: 1em; }
		.ultra { font-size: 2.8em !important; line-height: 1em;}
		
		.minimob{ font-size: 0.7em;}
		
	
		.little{ font-size: 1.1em !important }
		
		.fontreset{ font-size: 1em !important }
		.mini{ font-size: 0.8em !important; line-height: 1em; display: inline-block; }
		.tiny{ font-size: 0.7em !important; line-height: 1em; display: inline-block; }
		.micro{ font-size: 0.7em !important; line-height: 1em; display: inline-block; }
		
		.maj{ text-transform: uppercase; }

		
		p.justified, .justified p{ line-height: 1.5em; }
		.bigmargin{ margin-top: 40px!important; margin-bottom: 40px !important;}
		.supermargin{ margin-top: 60px!important; margin-bottom: 60px !important;}
		.megamargin{ margin-top: 120px!important; margin-bottom: 120px !important;}
		.notitle{ margin: 40px 0 0 0;}	
		
		.lefted, .lefted *, .centeredlist > li p.lefted { text-align: center;}
		
		
		
		.titlepadding{ padding-top: 40px;}
		.titlepaddingmini{ padding-top: 25px;}
		.titlepaddingmadium{ padding-top: 60px;}
		.titlepaddingbig{ padding-top: 85px;}

		
	
		.centeredlist{ display: block; }
		.centeredlist90, .centeredlist85, .centeredlist80, .centeredlist75, .centeredlist70, .centeredlist60, .centeredlist50,
		.centeredlist40, #GalleryW 
		{ margin-left: 2.5%!important; margin-right: 2.5%!important; width: 95% !important}

		.centeredlist > li{ width: 100%; }

		
		.centeredlist > li.col25,	.centeredlist > li.col25.colbigspace, .centeredlist > li.col30, .centeredlist > li.col33, .centeredlist > li.col40,
		.centeredlist > li.col45, .centeredlist > li.col50,	.centeredlist > li.col60,	.centeredlist > li.col100
		{ width: 100% !important; margin: 0; }
		
		.centeredlist > li.decalleft{ margin-left: 19%}
		.centeredlist > li.decalleftmini{ margin-left: 9%}
		.centeredlist > li.decalright{ margin-right: 19%}
		.centeredlist > li.decalrightmini{ margin-right: 9%}
		
		
		.itemBG { width: 100%; }
		.zimBlocsList .itemBG { width: 115%; }
		.tabsContent li .itemBG{ width: 100%; }
		
		.scaleSelector { display: block; }
		.scaleSelector li{ width: 100%; overflow: hidden; margin-bottom: 20px !important; }
		.scaleSelector li.col25{ width: 100%; margin: 0 0 20px 0;}
		.scaleSelector li .videoW{ display: none;}
		.scaleSelector li .itemBG{ left: -20% }
		
		
		.scaleSelector li h3 {  height: 300px; }
			
			
		.zimBlocsList li .itemTitle {  font-size: 0.8em; }
		.zimBlocsList li a .itemTitle, .zimBlocsList li a:hover .itemTitle {  top: 15%; }
		.scaleSelector li .itemTitle {  top: 10%; }
		.zimBlocsList li .itemTitle.alone, .zimBlocsList li .itemTitle.mini, .scaleSelector li .itemTitle.alone {  top: 15%; }
		.zimBlocsList li a .itemTitle span.popup, .scaleSelector li .itemTitle span.popup { opacity: 1;    padding: 12px 15px; font-size: 0.5em; }
		.zimBlocsList li h3, .scaleSelector li h3 {   min-height: 240px; overflow: hidden; }
		.zimBlocsList li a:hover .itemTitle.alone, .zimBlocsList li a:hover .itemTitle.mini {   top: 30%;  }
		
		.scaleSelector li .itemTitle strong {  font-size: 1.2em; }
		.zimBlocsList li .itemTitle strong{ font-size: 0.8em; }
		.zimBlocsList.reduct li .itemTitle strong {  font-size: 1.4em; }
		
		.zimBlocsList li .itemTitle .titleintro, .scaleSelector li .itemTitle .titleintro { font-size: 0.65em;}
		.titleintro sup { font-size: 0.5em;}

		
		.scaleSelector li .links {   bottom: 2%; }

		
		.zimBlocsList li.col25, .zimBlocsList li.col30, .zimBlocsList li.col50, .zimBlocsList li.col100 
		{ margin: 0 0 20px 0 !important; width: 100% !important; }
		
		.zimBlocsList li.col100 { overflow: hidden;}
		.zimBlocsList li.col100 .itemBG { width: 250%; }
		.zimBlocsList li.col50 .itemBG { width: 150%; }
		
		
		.zimBlocsList li .itemTitle span.popup, .scaleSelector li .itemTitle span.popup {  font-size: 0.6em; }
		
		.zimBlocsList li .links .button, .scaleSelector li .links .button, .secondLink .button { margin: 2px 30%; padding: 4px 15px !important}
		.secondLink {bottom: 50px;}
		.zimBlocsList li .itemTitle span.popup .button, .secondLink .button {  font-size: 1em;  margin-top: 10px;}
		
		

		.scaleSelector li .itemTitle strong img {
			width: 55%;
			max-width: 250px;
		}
		
		.tabsContent li .itemBg{ width: 100%; }
		
		
		
		/* HOME */
		
		#HomeZimW-Mob img{ position: absolute; }
		#HomeTitleW{    bottom: 15vh; top: unset; }
		/* #HomeTitleW h2 strong {   font-size: 5em; line-height: 0.9em;} */
		#HomeTitleW h2 strong {   }
		
		.homeTitle h1 {
			font-size: 1.4em;
		}

		.homeTitle h1 strong {
			font-size: 2em;
		}

		
		.homeSectionW {   padding-bottom: 0px; }
		#page-home .zimBlocsList li .itemTitle strong { font-size: 0.9em; }
		/*#page-home .scroll-section {  top: 80%; }*/
		
		#HomeTitleW h2 em {  }
		
		
		#CovidBanner {
			top: auto;
			bottom: 0;
		}
		#CovidBanner p {
			margin: 5px 2.5%;
			line-height: 1.2em;
			font-size: 0.85em;
			padding-right: 25px;;
		}

		
		
		

	
		
		/* FORMS */
		
		#EventForm fieldset p, #PostuleForm fieldset p {
		width: 100%;
		display: block;
		float: none; }
		
		#EventForm fieldset p#field-datesevent, #EventForm fieldset p#field-budget	{ margin-right: 0; width: 100%;  } 
		#EventForm fieldset p#field-datesflex, #EventForm fieldset p#field-budgetflex, #EventForm fieldset p#field-tel { margin-right:0; width: 100%;} 
		#EventForm select{ max-width: 97%;}
		.uniqueCheckBoxField label{ font-size: 0.8em;}
		
		
		/* CONTACT */
		
		#FancyContactBox{ width: auto; }
		
		#page-contact #Content{ padding-top: 160px; }
		#ContactW{ width: 90%; margin: 0 5%;}
		#FormW, #CoordsW{ display: block; float: none;}
		#FormW{ width: 100%; margin-right: 0; }
		#CoordsW{ width: 100%; }
		
		
		
		#ContactForm fieldset p{ width: 94%; display: block; float: none;}
		#ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-societe, #ContactForm fieldset p#field-message { width: 94%;}
		.formButtons {    width: 100%; }
		#message {height: 200px;		}
		
		#jGMapW {	width:100%; height:500px;  }

	
		
		#GalleryW{display: block; }
		#mosaic .mosaic-item{ opacity: 1; margin: 0; max-width: unset; margin-bottom: 15px;}
		#mosaic .mosaic-item img{  width: 100%; }
		
		.fancybox-nav span{ visibility: visible !important;}
		
		
		
		.blocksW {
			flex-direction: column;	
		}
		.decoBlockW {
			width: 95%;
			margin-bottom: 30px;
		}
		
		.partnerList > li {
			width: calc(26% - 40px);
			padding: 10px;
		}
		
		
		.bigZimW {
			min-height: 40vh;
		}
		.bigZimW h2 {
			padding-top: 20%;
		}
		

		.photoList li {
			margin-bottom: 30px;
		}
		
		.descriptionOverlay {
			position: static;
			height: auto;
			background: rgba(255,255,255,1);
			padding: 15px;
			opacity: 1;	
			display: block;
		}
		
		
		.swingsectionTriangle {
			display: none;
		}
		.homeTitle h2 {
			font-size: 1.4em;
		}
		
		
	}
	
	
	
	

	@media(max-width:1023px) { 
	
		.bigZimW {
			min-height: 40vh;
		}
		
	
		
		
		
		
		
		
		
		
	}
	
	@media(max-width:768px) { 
	
	
	
	
		#NavIcoW {
			right: 5%;
			top: 55px;
			
		}
	
		#VideoW {
			height: 45vh;	
		}
		#FormeW img {
			width: 200px;
			left: -50px;
			bottom: -50px;
		}


		#NavBg {
			width: 120%;
			height: 160px;
			right: -20px;
			top: -80px;
			
		}
		
		#HomeLinkW {
			margin: 20px 0 0 0;
		}

		#HomeTitleW {
			width: 90%;
		}
		.homeTitle h1 {   text-shadow: 0px 2px 4px #000000;}
		


		.homeTitle .separator {
			width: 100%;
		}
		
		.homeTitle .simplelink {
			text-align: left;  display: block;
		}
		
		.bigTel {
			padding: 8px 0;
			font-size: 0.9em;
			margin: 5px 0;
		}
						
		
		
		#HomeSculptW {
		    right: 8%;
			width: 65%;
			height: 47%;

		}


		.swingsectionBG {
			width: 150%;
			left: -25%;
		}
		
		
		
		#HomeIntro {
			padding: 0 0 80px 0;
			margin: -100px 0 0 0;
		}
		
		.swingsectionTriangle {
			display :none;
		}
		
		.newformaAccr h3 {
			font-size: 1em;
		
		}
		.newformaAccr h3 strong {
		font-size: 2em;

		}
		.newformaAccr .discover .line {
			width: 20%;
		}



		#Footer{ padding-top: 50px;}
		
		
		.footerMenuW, .footerCenterSection {

			flex-direction : column;
			width: 100%;
		}
		.footerLabels {
			width: 100%;
		}
		.footerMenuW ul li {
			display: block;
			float: none;
			margin-right: 0;
			margin-bottom: 20px;
			text-align: left;
		}
	
		
		#FooterAddr, #Mentions{ font-size: 0.85em;}
		#AllLink{ font-size: 1.2em;}
		
		#FooterMenu li a { font-size: 0.9em; }
		#FooterSocials span{ display: inline-block; margin-bottom: 10px }
		#FooterAddr .socialLink {
			font-size: 2.5em;
			margin: 0 15px;
		}
		.footerLabels p{ justify-content: center;}
		#FootCredits{ text-align: center; margin-top: 20px;}
		
		#CookiesBanner p{ margin: 10px 2.5%; text-align: center;}
		#CookiesBanner p a{ float: none; }
		#CookiesBanner p a:hover{ background: none !important;}



		input[type="text"], input[type="password"], input[type="email"], textarea{ width: 100%}
		
		#page-rooms-selector #ContentW {
			background-size: cover;
		}
		
		.prestationList .lefted{ text-align: left !important;}
		
		
		#MentionsW h2, #MentionsW  h3{ font-size: 1.5em; line-height: 1.1em;}
		
		
		.zimBlocsList li.col100 .itemBG {  left: -80%; }
		
		
		/* resurcharge 1024 */
		
		
		#CarouselArrows a{ width: 20px;  }
		.zimBlocsList.reduct li .itemTitle strong {  font-size: 1.2em; }
		.zimBlocsList li a:hover .itemTitle strong { padding: 0; }
		#page-home .zimBlocsList li a:hover .itemTitle strong { padding: 0 15px; }
		
		
		.offersList{ width: 90%; margin: 0 5%;}
		.offersList li div.actuW {
			flex-direction: column;
			
			padding: 20px;

		
		}
		.offersList li img {
			height: auto; width: 100%;
			margin: 0 0 25px 0;
		}
		
		#SubMenuW ul.submenu li {
			display: block;
		}
		#RealList {
			flex-direction: column;
		}
		#RealList > li {
			width: 95%; 
			margin: 0 2.5% 30px;
		}
		
		.partnerList > li {
			width: calc(50% - 40px);
			padding: 10px;
		}
		
		#ContactBlock {
			flex-direction: column;
			margin: 80px 7vw 0 !important;
			width: 86vw !important;
			
		}
		#ContactBlock p {
			margin: 0 0 50px;
			padding: 55px 10px 30px;
		}
		#ContactBlock p .ml {
			font-size: 0.7em;
		}
		
		#ContactFormW{ width: 90%; margin: 0 5%}
		
		
		#page-produits #Content {
			padding-top: 65px;
		}

		
		.photoList li {
			width: 50%; 
			
		}
		
		/*.decoleft {
			left: -10px;
		}
		.decoright {
			right: -10px;
		}*/
		
		.bigZimW h2 {
			font-size: 1.8em !important;
		}
		
		
		.bgImgW {
			min-height: 40vh;
		}
		
		
		.overlayContent {
			display: inline-block;
			padding: 25px;
		}
		.overlayContentW {
			text-align: center;
			position: relative;
			z-index: 10;
			padding: 25px 2.5% 50px 2.5%;
		}
		
		#page-qui-sommes-nous #FooterW {
			margin-top: -200px;
		}
		
		
		
		.mainpagesubtitle {
			margin-bottom: 50px;
		}
		

	
		
		#page-mes-services #Content {
			padding-top: 140px; 
		}
		
		#page-mes-services .mainpagetitle {
			margin-bottom: 40px;
		}
		
		
		i.textIco, svg.textIco { font-size: 3.5em; margin: 0 0 15px 20px; }

		.cardIco { width: 65px; height: 65px; line-height: 65px; font-size: 1.6em; }

		#HomeWhy { padding: 100px 0 120px; }
		
		#MetierLimits {
			margin: 50px auto 50px;
			font-size: 0.9em;
			line-height: 1.5em;
			padding: 20px 25px;
			border-radius: 15px;
			background: rgba(4, 54, 32, 0.06);
			        width: calc(95% - 50px) !important;
		}
		
		#page-mon-metier #FooterW {
			margin-top: -150px;
		}
		
		#FootSocials{ display: none; }
		
		
		
		
		
		
		
		#page-mes-services #Content .swingsectionBGW {
			position: static;
		}
		#page-mes-services #Content .swingsectionBG {
			width: 100%;
			height: 100%;
			transform: rotate(0);
			position: static;
			left: 0;
			overflow: visible !important;
		}
		
		.service{ display: flex; flex-direction: column; gap: 20px; background: #043620; padding: 20px 0 0 0 !important;}
		.service.clearbg{ background: #93c01f;}
		
		.serviceText h2{ text-align: center;}
		
		.serviceText, .textL .serviceText {
			margin: 0 0 0 0;
			width: 100%;
		}
		
		.serviceZimW {
			
			position: static !important;
			top: 0 !important;
			left: 0 !important;
			width: 100% !important;
			height: 100% !important;
			overflow: visible !important;
			background: unset !important;
			transform: rotate(0) !important;
		}

		.serviceZimW img{     
			position: static !important;
			transform: rotate(0) !important;
			height: auto !important;
			width: 100% !important;
		}
	
	
		
		
		
	}
	
	@media(max-width:767px) {
		
		.photoList {
			flex-direction: column;
		}
		.photoList li {
			width: 100%; 
			
		}
		
		#HomeSculptW {
			right: 0;
			width: 90%;
			height: 30%;
			top: 50vh;

		}
		#HomeSculptW img {
			max-width: 400px;
		}
		
		
		/*
		

		
		#Services-2{ padding-top: 30px;}
		
		.textIco {
			max-width: 160px;
			max-height: 100px;
		}*/
		
		#HomeTitleScreen {
			
			background-position: 50% -50px;
			
		}
		
		input[type="text"], input[type="password"], input[type="email"], textarea {
			padding: 10px;
		}
		
	
		
		#HomeServicesList > li, #HomeWhyList > li, #MetierStepsList > li,
		#ServicesFormulesList > li {
			width: 90% !important;
			margin: 0 5% 30px !important;
		}

		#ServicesFormulesList > li { display: block; }

		i.textIco, svg.textIco { float: none; margin: 0 auto 15px; font-size: 3em; }


		#HomeServices, #MetierSteps { padding: 40px 0 20px; }
		#HomeWhy { padding: 80px 0 100px; }
		#ServicesFormules { padding: 60px 0 40px; }
				
	
		#SIBlock{ padding: 10px 20px 10px 115px; margin-left: 40px;}
		#SIBlock img{  top: -10px; left: -40px; }
		
			
		
	}
	
	
	@media(max-width:480px) {
		
		
		
		#Header { background-size: auto 100%;  }


		
	}
	
	
	@media(max-width:375px) {
		

		input, select, textarea { font-size: 15px; }
		
		
		
		
	}
	


	}