/* 
Theme Name:     Prima
Theme URI:      https://www.stamina.ch
Description:    Stamina custom theme
Author:         Stamina
Author URI:     https://www.stamina.ch
Version:        1.03
License:		no Licencing possibility
License URI:	http://www.stamina.ch
Tags:			Custom theme
*/


/* http://meyerweb.com/eric/tools/css/reset/  
   v2.0 | 20110126
   License: none (public domain)
*/
	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; 
}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	
	
	/* Global from bbxdesign */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
	table{ border-collapse:collapse; border-spacing:0;}
	fieldset,img{ border:0;}
	address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
	ol,ul{ list-style:none;}
	caption,th{ text-align:left;}
	h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; line-height:normal;}
	q:before,q:after{ content:''; font-family:Georgia, "Times New Roman", Times, serif}
	abbr,acronym{ border:0;}
	
	body,button,input,select,textarea{ color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:16px;}
	a{ color:#0072bc; cursor:pointer; text-decoration:none;}
		a:visited{ color:#8e599f;}
		a:hover{ text-decoration:underline;}
	
	/* Segon from bbxdesign */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
	table{ border-collapse:collapse; border-spacing:0;}
	fieldset,img{ border:0;}
	address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
	ol,ul{ list-style:none;}
	caption,th{ text-align:left;}
	h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
	q:before,q:after{ content:'';}
	abbr,acronym{ border:0;}
	
	body,button,input,select,textarea{ color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:16px;}
	
	/* Balises block */
	.post-content h1{ }
	.post-content h2{ }
	.post-content h3{ }
	.post-content h4{ }
	.post-content h5{ }
	.post-content h6{ }
	.post-content p{ }
	.post-content ul{ }
	.post-content ol{ }
	.post-content blockquote{ }
	.post-content pre{ }
	.post-content address{ }
	.post-content address{ }
	
	/* Balises inline */
	.post-content strong{ }
	.post-content em{ }
	.post-content acronym{ }
	.post-content code{ }
	.post-content del{ }
	.post-content ins{ }
	
	/* Classes des images */
	.alignleft{ display:inline; float:left;}
	.aligncenter{ clear:both;	display:block; margin-left:auto; margin-right:auto;}
	.alignright{ display:inline; float:right;}
	.size-auto{ }
	.size-medium{ }
	.size-large{ }
	.size-full{ }
	.wp-caption{ } /* Légende de l'image */
	.wp-caption img{ }
	.gallery{ }
	.gallery .gallery-item{ }
	
	/* Global Content 
	-------------------------------------------------------------- */



	/* Global Content 
	-------------------------------------------------------------- */
	body{ height:100%;}
	html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;overflow-x: hidden;font-family: 'Roboto', sans-serif; /* Hide horizontal scrollbar */ height: 100%;}
	a, a:visited, a:active, a:hover{outline:none; color:#000;}
	a:hover{ text-decoration:none; cursor:pointer;}


.Col a{position: relative}
.Col a::after{
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 1px;
  bottom: 0px;
  left: 0;
  background-color: #000;
  transform-origin: bottom left;
  transition: transform 0.25s ease-out; 
}

.Col a:hover::after {
  transform: scaleX(0);
  transform-origin: bottom right;
}
.Col a.active::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0px;
  left: 0;
  background-color: #000;
}






	img, object, embed, video {
	  width: 100%;
	  height: auto;
	}
	strong{ font-weight:600;}

	button{ font-size:2.5em; background-color:transparent; color:#000; padding: 25px 70px;}
	.post-content ul{ margin-left:20px; margin-bottom: 1em;}
	.post-content ul li{ list-style-type:disc;}

	body{
		font-family: "aktiv-grotesk", sans-serif;
		font-weight: 300;
		font-style: normal; height: 100%;
        color:#2C2C2C; font-size: 1em; line-height: 1.4em;
        background-color:#e8e8e8;overflow-x: hidden; /* Hide horizontal scrollbar */
	}
	body.blog{background-color:#e8e8e8;}
	body.blog, body.single{}
    .HeaderWrap{   width: 100%;} 

 
	.Wrapper{ /*width:auto; overflow:hidden; max-width: 1480px; margin-top: 2%;* / padding-top:52px;*/ background-color:#fafafa; }
		.Wrapper.AlignLeft{ float:left;}
		.Wrapper.AlignCenter{ margin:0 auto;}
		.Wrapper.AlignRight{ float:right;}

	.FullHeight{ min-height:100%; position: relative; }

	/*.single .post-content p{color:#421712;}*/

	.Section{ 
		width:auto;  max-width: 1100px; /*border-bottom: 4px solid pink;*/ 
		margin-bottom: 25px;margin:0 auto; position: relative; z-index: 10; /*display: flex;*/
	}

	.SubHead{ background-color:#2452A2; padding: 15px 0 15px 0; color:#fff; font-size: 0.8em;}
		.Phone{ display: inline; padding-right: 10px;}
		.Adress{display: inline;border-left: 1px solid #ccc;padding-left: 10px;}
		.Time{float: right;}

	@media (max-width: 768px){
		.Wrapper{ padding-top:0px; }
	}	


	.Section.Error{ margin-top: 18vh; /*height: 60vh;*/ text-align: center;}
	.Section.Site{ padding-top:15px; }
	.Section.Full{ width:100%;margin:0 auto; max-width: 100%; /*margin-bottom: 150px;*/  position: relative; 
		/*text-align: center; */display: inline-block; z-index: 999;
	}
	.Section.Sixty{ width: 70%; }
	@media (max-width: 650px){
		.Section.Sixty{ width: 100%; }
	}	

	.Section.Sixty.Full{ width: 100%;}

	.Section.Sixty.Left{float: left; margin:0 auto;}

	.Section.Thirty{ width: 28%; }
	.Section.Thirty.Right{ float:right; }

	.page-template-About .Section.Sixty.Left{ float: none; display: inline-block; background-color:pink;}
	.page-template-About .Section.Thirty.Right{float: none;display: inline-block; background-color:yellow; height: 100%; vertical-align:bottom;}

	/*
	.FullHeight .Cols { position: relative;}
	.FullHeight .Cols .Col{ position: absolute; bottom: 0;}*/

		.Section.Full.Bottom{ padding-top:35px;}
		.Section.Full.Head{
			/*-webkit-box-shadow: 0px -4px 15px 5px rgba(0,0,0,0.72);*/ 
			/*box-shadow: 0px -4px 15px 5px rgba(0,0,0,0.72); */z-index: 9999; /*position: fixed; top: 0;*/
		}
	/*.Section.Full.Head.Invert{background-color:#C3A572;}*/
	.Bloc{ display:inline-block; width: 100%;}
	.Bloc.Bottom{ vertical-align:bottom;}

	.page-template-About .Module .Section .Col img{ vertical-align:bottom;}



		.Page{ /*padding-top: 75px;*/}
        .Section.Half{ width: 50%;}
		.Section h2{ /*margin-top: 25px;*/}

		.TopContent{ text-align: center;}
			.SurTitle{color:#0046c1; font-size:0.8em;padding:0 0 15px 0!important;}
				.SurTitle span{ border: 1px solid #ccc; padding: 10px; border-radius:15px; margin: 0 auto;}
			.TopTitle{}
				.TopTitle h2{ padding:0 0 0 0!important;}
			.TopText{ max-width: 55%; margin: 0 auto; margin-bottom: 45px;}


		@media screen and (max-width: 1480px) {
			/*.Wrapper{ width:90%; /*padding:0 5%;* /}*/
			.Section{ width:90%; /*padding:0 5%;*/}
		
             #Header { width:90%!important;/* background-color: red;*/}
        }
		@media screen and (max-width: 900px) {
			/*.Section.Full { margin-bottom:25px;}*/
		}
	
	
		.grey{ color:#999;}
		.purple{color:#472676;} 
		.blue{ color:#468BBC;}
		.White{ color:#fff;}

		.black-and-white-effect iframe {
		  filter: grayscale(100%); width: 100%; height:100%; position: relative;
		}


		/*.GrayBackground{background-color:#707070; color:#fff; padding: 85px 0;font-family: 'Open Sans Condensed', sans-serif;}
		.GrayBackground strong{ color:#fff!important;}

		.GrayBackground h1, .GrayBackground h2, .GrayBackground h3, .GrayBackground h4, .GrayBackground h5, .GrayBackground h6{ color:#C3A572; margin-bottom: 25px;font-family: 'Open Sans Condensed', sans-serif;}
		.GrayBackgroundS{background-color:#ccc; padding: 85px 0;}
		.GrayBackgroundC{background-color:#e2e2e2;; padding: 85px 0;}*/

		.tel{ max-width:100px;
			margin:0 auto;
			-webkit-transition: all .2s ease-out;
			-moz-transition: all .2s ease-out;
			-ms-transition: all .2s ease-out;
			-o-transition: all .2s ease-out;
			transition: all .2s ease-out; 
			filter: opacity(60%);
			-webkit-filter: opacity(60%);
		} 

		.tel:hover{
			filter: opacity(100%);
			-webkit-filter: opacity(100%);
		}


		.Copy{ display: inline-block;width:100%; text-align: center; font-size:0.8em; padding: 20px 0 10px 0;}
		.Copy a, .Copy a:visited{ color:#fff; opacity: .4;}
		.Copy a:hover, .Copy a:focus{ text-decoration: underline; opacity: .7;}


        h1, h2, h3, h4, h5, h6{
			/*font-family: "mencken-std-head", sans-serif;
			font-weight: 700;
			font-style: normal;*/
			color:#000; font-size: 2em;  line-height: 1.2em;
        }
		h3{ font-size:1.2em;padding: 15px 0 15px 0;}
		h4{
			/*font-family: Times, "Times New Roman", "serif";*/font-size:1em; margin-bottom: 25px;
		}
		.blog h2{  padding: 15px 0 15px 0; /*font-weight: bold;*/}
		.page h2{  /*padding: 15px 0 15px 0; /*font-weight: bold;*/ } 
		.Col h2{ padding-top:0!important;}

		.CentredText{ text-align: center!important;}


		.ViewMore{ 
			display: inline-block; width: 100%; margin:0 auto; text-align: center; margin: 3em 0 25px 0;

		}
		.ViewMore a{ color:#fff; text-transform: uppercase;
			 border-top-left-radius: 18px;border-bottom-left-radius: 18px; width: auto; margin:0 auto;
			opacity: 1;border-radius: 10px; padding:20px; background-color:#000;  transition: all 0.3s ease; 
			}

		.ViewMore:hover{/*opacity: 0.6; */cursor:pointer;/* transition: opacity 300ms, transform 300ms;*/  }
		.ViewMore:hover a{
			width:170px;/*transition: opacity 300ms, transform 300ms; transition: width 300ms*/ 
			color: brightness(80%) #000;box-shadow: -1px 6px 10px 0 rgba(120, 60, 20, .2); }
		.ViewMore a:hover{background-color: #ccc; }




		.single .PostNavigation .alignright.ViewMore a{ 
			color:#421712!important; background-color:#C3A572!important;float: right!important; 
		}
		.single .PostNavigation .alignleft.ViewMore a{
			color:#421712!important; background-color:#C3A572!important;float: right!important; text-align: right;
			border-top-right-radius: 18px;border-bottom-right-radius: 18px;
			border-top-left-radius: 0;border-bottom-left-radius: 0;  padding: 7px 20px 10px 0px!important;
		}
		.single .PostNavigation .alignleft.ViewMore:hover a{width:170px;transition: opacity 300ms, transform 300ms; transition: width 300ms}


		/*.page h2{color:#C3A572!important; font-size:2.8em; /*margin-top:120px;* /}
		.FullTitle h2{font-size:5.8em; text-transform: uppercase; color: #C3A572!important; }*/

        p{ margin-bottom:1em;}

		.post-content{/*padding-bottom:4%;*/}
		#Map .Map{ height:500px;}


		.Module{ padding:45px 0;}
		.Module.NoPaddingBottom, .Module.last{ padding-top:45px; padding-bottom:0;} 

		.Module.Color{ background-color:#e6327d; padding-bottom: 55px; }  
		.Module.Color h2, .Module.Color h3, .Module.Color p, .Module.Color ul, .Module.Color li{color:#fff!important; }

			.Module ul{ margin-left: 15px;}
			.Module ul li{ list-style-type: disc;}

			
			.Module:last-child{ padding-bottom:0;}
			.Wrapper .Module:last-child{ padding-bottom:0!important;}

					@media screen and (max-width: 900px) {
						.ImageCol{display: none;}
						.ImageCol.First{display: block;}

						.page h2{font-size:1.6em; }
						/*.FullTitle h2{font-size:3em; }*/
					}

			@media screen and (max-width: 500px) {
			.Module{ padding:10px 0;}
			}

		/* Header 
		-------------------------------------------------------------- */
		#Logo{ z-index:9999; float:left; width: 20%; /*background-color:pink; /*width: 25%;*/ text-align: left; margin-top:15px; }
		#Logo img{ min-width: 75px; max-width: 180px; height:auto; padding: 0px;}
		.Head{
			/*-webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.6);
			box-shadow: 0px 2px 15px 0px rgba(255,255,255,0.6);*/ 
			
			text-align:center;
		}
		#Header{ 
            width: 100%;
            /* overflow: hidden; */ display: inline-block;         
			margin: 0 auto; /*background-color:pink;*/
        }
		#Header .Social{ margin-top: 40px; width: 20%; /*background-color:pink;*/ text-align: right}
		@media screen and (max-width: 1350px) {
			#Header .Social{ display: none;}
		}
		@media screen and (max-width: 768px) {
			#Logo{ float:left;width: 30%;}
			#Logo img{ min-width: 50px; max-width: 100%; height:auto; padding: 0; padding-bottom: 5px;}
		}


			.SiteInfos{ width:100%; text-align:center; display: none;}
		
		.Slider{ 
			/*background-color:pink;*/ display:block; height:35px; width:100%;
			min-height:170px;
		}
		
		.HideButtun{ display:none;}


		/* Banner Half */

		.BannerHalfed{ position: relative; height: 40vh; background-color:#fafafa; }
		.BannerHalfed .TopContent{ text-align:left;padding-top:20%; margin-right: 15%;}
		.BannerHalfed .TopTitle{ width:100%;}
		.BannerHalfed .TopText{ margin:0; max-width: 100%;}
		.BannerHalfed .Col{ width: 50%;height: 100%;}
		.BannerHalfed .Col.Left{ position: absolute; left: 0; }
		.BannerHalfed .Col.Right{  position: absolute; right: 0;}

		.row.BannerForm{ background-color:#fafafa;padding-bottom: 100px;}
		.Form{ background-color: #fff; padding: 2% 5% 5% 5%;box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); min-height: 80px; font-weight: 300;}


.single .BannerHalfed{display:none;}

		@media screen and (max-width: 900px) {
			.BannerHalfed{ height: 30vh;  }
			.BannerHalfed .Section{ margin-left:5%!important; /*display: inline-block;**/}
			.BannerHalfed .Col.Right{ display:inline-block;position: unset; float: right; margin-bottom: 45px;}
			
			/*.Wrapper{ margin-top:22vh;}*/
			.page-id-646 .Wrapper{ margin-top:0;}

			.BannerHalfed .TopContent{ text-align:left;padding-top:5%; margin-bottom: 45px;}
			.BannerHalfed .TopText{ margin:0; max-width: 100%;}
			.BannerHalfed .TopTitle{ width:100%;}
			.BannerHalfed .Col.Left{ position:relative;}
			/*.BannerHalfed .Col.Right{position:relative;}*/
			.BannerHalfed .Col{ width: 100%; }
			.Form{ margin:50px 0px;}
		}

		@media screen and (max-width: 700px) {
			.BannerHalfed{ height: 35vh;  /*background-color:red;*/ }
			.BannerHalfed .Col.Right{ margin-bottom: 45px;}
			/*.Wrapper{ margin-top:12vh;}*/

		}



		/* banner home */
		.Banner{
			background-position: center center;/* display: flex; align-items: center; justify-content: center;*/
			background-repeat: no-repeat; /*background-color:aquamarine;*/ background-size: cover;/*height: 70vh;*/
			height: 550px;
		}
		.Section.Banner.full{ width: 100%;}
		.Banner.Home{ /*padding-top:10vh;*/ position: relative; width: 100%; max-width: 100%; margin:0 auto;}
		.Banner.OverSlider{}

		.LogoBanner{clear: both; width: 100%; max-width: 50%; margin:0 auto; text-align: center; padding-top: 25px;}
		.LogoBanner.Shadowed img{ filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.7));}
		.Banner .titles{display: inline-block; clear: both; width: 100%; padding-top:5%;}

		.Shadowed{ text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.7);}
		.Banner h1, .Banner h2{text-align: center; font-family: "mencken-std-head", sans-serif;font-weight: 700;font-style: normal; }

		.Banner h1{color:#fff;font-size: 4em; line-height:1.2em;} 
		.Banner h2{color:#fff; font-size: 4em;}



		.Banner img{ width: 100%; height: auto;}

		.BannerTitle{ 
			width: 100%; height: auto; text-align: left; padding-top:10%; 
			text-transform: uppercase; 
			/*padding-top: calc(180px - 15px);*/
		}
		.BannerTitle h1, .BannerTitle h4{ color:#164c44;}
		.BannerTitle h4{ font-size:1.7em; text-transform: none; text-align: center; color:#ff5519;}
		
		.BannerTitle.Video{ z-index: 9999; position: absolute;}

		.Banner{ position: relative; /*margin-top: 80px!important;*/}		
		.Banner video{width: 100%; 
		  height: 100%;
		  position: absolute;
		  object-fit: cover;
		  z-index: 0;
		}
		/*.BannerOpacity{ position: absolute; width: 100%; height: 100%; background-color:rgba(255, 255, 255, 0.6); opacity: 0.6; top:0; z-index: 9999}*/


		/* background video */
		video {
		  object-fit: cover;
		  position: absolute;
		  top: 0;
		  left: 0;
		  height: 100%;
		  width: 100%;
		}

		.video-wrapper {
		  width: 100%;
		  height: 100%;
		  position: relative;
		  overflow: hidden;
		  text-align: center;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		}
		/* banner home*/



		.MenuLang{ position: absolute; color:#C3A572;text-transform: uppercase; margin-top:14px; font-size: 0.8em; right: 25px;}
		.MenuLang ul{}
		.MenuLang ul li{ display: inline;}
		.MenuLang ul li a{ padding: 5px; color:#C3A572;}
		.MenuLang ul li a:hover{ color:#fff;}
		.MenuLang ul li.select a{color:#fff;}

			#Head.Invert .MenuLang {color:#421712;position: absolute; text-transform: uppercase; margin-top:14px; font-size: 0.8em; right: 25px;}	
			#Head.Invert .MenuLang ul li a{color:#421712;}
			#Head.Invert .MenuLang ul li a:hover,
			#Head.Invert .MenuLang ul li.select a{color:#fff;}



		 @media screen and (max-width: 1350px) {
			 .MenuLang{display:none;}
		}


		
		@media screen and (max-width: 900px) {
			.Banner{height: 450px; }
			
			.LogoBanner{padding-top: 10%;}
			.Banner h1{font-size: 2.5em; } 
			.Banner h2{ font-size: 2.5em;}
        }

		@media screen and (max-width: 780px) {
			.Banner{height: 350px; }
			#Logo{max-width: 255px;}
			
			
			.Banner h1{font-size: 1.5em; } 
			.Banner h2{ font-size: 1.5em;}
        }
        
		@media screen and (max-width: 570px) {
			.Banner{height: 250px; }
			#Logo{max-width: 355px;}
        }

		

		.ModuleTitle{ width: 100%;margin-bottom:45px; }
		.center{text-align:center;}

		@media screen and (max-width: 780px) {
			.ModuleTitle{ text-align: center; }
		}


		/* Footer 
		-------------------------------------------------------------- */
		#Footer{ min-height: 50px;  width: 100%;  color:#fff;font-size:0.85em; background-color:#e6327d; }

		#Footer{ 
			margin-bottom:0; margin-top:-6px;
			/*box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);*/
		}
		#Footer .Section{ margin-bottom:0;}


		#Footer a{ color:#fff; position: relative;}

			#menu-menu-footer{}
			#menu-menu-footer li, .MenuFooterLegal li{ display: inline-block;margin-bottom: 15px; width: 100%;}

			#Footer a:hover{cursor: pointer;}

			#Footer a::after{
			  content: '';
			  position: absolute;
			  width: 100%;
			  transform: scaleX(0);
			  height: 1px;
			  bottom: -3px;
			  left: 0;
			  background-color: #fff;
			  transform-origin: bottom right;
			  transition: transform 0.25s ease-out; 
			}

			#Footer a:hover::after {
			  transform: scaleX(1);
			  transform-origin: bottom left;
			}
			#Footer a.active::after {
			  content: '';
			  position: absolute;
			  width: 100%;
			  transform: scaleX(1);
			  height: 1px;
			  bottom: -3px;
			  left: 0;
			  background-color: #fff;
			}



		
			#Footer strong{ font-weight: normal; color:#000;}


			#SiteMap{ width:100%; display: none;}
				#SiteMap h2{}
				#SiteMap ul{}
					#SiteMap ul li{ display:table-cell;}
					#SiteMap ul li a{ padding:0px 10px;}
		
		@media screen and (max-width: 921px) { 
			#Footer{ position: relative;}
		}
		#Footer .Section.Bottom {}
		#Footer .Section.Bottom p, #Footer .Section.Bottom ul li a { line-height: 1.5em;}
		#Footer .Section.Bottom a{ /*color:red;*/}


			#Footer .ColFour .Logo{ font-size:3em;font-family: "mencken-std-head", sans-serif;
			font-weight: 700; line-height: 1.2em;
			font-style: normal; margin-bottom: 25px; display: inline-block; max-width: 70%;}

			#Footer .ColFour span{font-size:1.5em;/*font-family: "mencken-std-head", sans-serif;*/
			font-weight: normal; line-height: 1.2em;
			font-style: normal; margin-bottom: 25px; display: inline-block;}

.PartnersLogosFooter{ max-width: 70%;}
.PartnersLogosFooter img{}


		.LogoTypo{float:left; margin-top: 25px; margin-right: 10px;}
		.LogoTypo img{ width: 75px; height: auto;}


		/* Payment 
		-------------------------------------------------------------- */
		.Conditions{ margin-top: 10px; text-align: center;}
			.Conditions a{margin-bottom: 5px; display: inline-block;}
		
		.LogoPayment{}
			.LogoPayment ul{ text-align: center;}
				.LogoPayment ul li{ display: inline-block; margin: 0 4px;}
					.LogoPayment ul li img.letsencrypt{height:30px; width:auto;}
					.LogoPayment ul li img{height:20px; width:auto;}

		
		#Footer .LogoPayment{ float: left;}
		#Footer .LogoPayment ul{ text-align: left;}
		#Footer .LogoPayment ul li{}
		#Footer .LogoPayment ul li img.letsencrypt{}
		#Footer .LogoPayment ul li img{}


			.Phone{ float:left;}
			.Phone img{ max-width: 40px;}


		@media screen and (max-width: 570px) { 
			.Contacts{ margin-right: 0;}
		}


		.homeBannerPink{background-color: #e6327d; color:#fff; padding:20px;}
			.homeBannerPink h2{color:#fff!important;}


		/* Scroll Me 
		-------------------------------------------------------------- */
		.Scroll{ position:absolute; bottom: 155px; width: 100%;}
		@-webkit-keyframes ani-mouse {
			0% {
			opacity: 1;
			top: 29%;
			}
			15% {
			opacity: 1;
			top: 50%;
			}
			50% {
			opacity: 0;
			top: 50%;
			}
			100% {
			opacity: 0;
			top: 29%;
			}
		}
		@-moz-keyframes ani-mouse {
			0% {
			opacity: 1;
			top: 29%;
			}
			15% {
			opacity: 1;
			top: 50%;
			}
			50% {
			opacity: 0;
			top: 50%;
			}
			100% {
			opacity: 0;
			top: 29%;
			}
		}
		@keyframes ani-mouse {
			0% {
			opacity: 1;
			top: 29%;
			}
			15% {
			opacity: 1;
			top: 50%;
			}
			50% {
			opacity: 0;
			top: 50%;
			}
			100% {
			opacity: 0;
			top: 29%;
			}
		}
		 .scroll-btn {
			display: block;
			position: absolute;
			left: 0;
			right: 0;
			text-align: center;
			 text-shadow: 2px 2px 9px rgba(0, 0, 0, 1);
		}
		.scroll-btn > * {
			
			line-height: 18px;
			font-size: 13px;
			font-weight: normal;
			color: #7f8c8d;
			color: #ffffff;
			font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
			letter-spacing: 2px;
		}
		.scroll-btn > *:hover,
		.scroll-btn > *:focus,
		.scroll-btn > *.active {
			color: #ffffff;
		}
		.scroll-btn > *:hover,
		.scroll-btn > *:focus,
		.scroll-btn > *:active,
		.scroll-btn > *.active {
			opacity: 0.8;
			filter: alpha(opacity=80);
		}
		.scroll-btn .mouse {
			position: relative;
			display: block;
			width: 35px;
			height: 55px;
			margin: 0 auto 20px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border: 3px solid white;
			border-radius: 23px;
			
			text-shadow: 2px 2px 9px rgba(0, 0, 0, 1);
		}
		.scroll-btn .mouse > * {
			position: absolute;
			display: block;
			top: 29%;
			left: 50%;
			width: 8px;
			height: 8px;
			margin: -4px 0 0 -4px;
			background: white;
			border-radius: 50%;
			-webkit-animation: ani-mouse 2.5s linear infinite;
			-moz-animation: ani-mouse 2.5s linear infinite;
			animation: ani-mouse 2.5s linear infinite; 
			
			text-shadow: 2px 2px 9px rgba(0, 0, 0, 1);
		}






			/* Contacts
			-------------------------------------------------------------- */
			#Head{
			  /*position: fixed;
				height: 70px;
				top: 0;*/
				width: 100%;
				transition: all .3s ease; background-color: #fafafa;
				/*box-shadow: 0 1px 25px rgba(0,0,0, .1);*/
			}
			#Head.hide {
				top: -70px;
			}


			

		/* Single page 
		-------------------------------------------------------------- */
		.PostDetail{ /*width:60%; float: left;*/}
		.PostDetail, .PostInfos{ margin-top:30px;}


			.PostDetail h4{ border-bottom: 2px solid #421712; height:50px;margin-bottom:25px; }
			.PostInfos{ width: 25%;float: right;}
				.PostInfos .Title{border-bottom: 2px solid #421712; color:#421712; margin-bottom:25px; padding-top:22px;font-size:0.7em;letter-spacing: 0.2em;}
				.PostInfos .Description{color:#C3A572; text-transform: uppercase; font-size:0.7em; letter-spacing: 0.2em;}



			.PostNavigation{ display:inline-block; background-color:pink; width: 100%;}



		/* repeater 
		-------------------------------------------------------------- */
		/*
		.blanc #fff
		.sable #C3A572
		.pourpre #421712
		

		.Repeat{ width: 100%;}
		.Repeat .row{ width: 24%; display: inline-block;}

		.RepeatTitle{/*border-bottom:2px solid #421712; margin-bottom: 7px;* / font-size: 0.6em;}			
		.RepeatContent{margin-bottom:18px;}
		.RepeatTitle, .RepeatContent{text-transform: uppercase; line-height: 1.7em;}

			.Module.blanc .RepeatTitle{color:#C3A572!important; }
			.Module.blanc .RepeatContent{color:#421712!important;}


			.Module.sable .RepeatTitle{color:#fff!important;}
			.Module.sable .RepeatContent{color:#421712!important;}

			.Module.pourpre .RepeatTitle{color:#C3A572!important;}
			.Module.pourpre .RepeatContent{color:#fff!important;}


		.row.Repeater{ }


*/

		


		/* data speed
		-------------------------------------------------------------- */
		.WrapBox {
		  display: -webkit-box;
		  display: -moz-box;
		  display: box;
		  display: -webkit-flex;
		  display: -moz-flex;
		  display: -ms-flexbox;
		  display: flex;
		  -webkit-box-pack: center;
		  -moz-box-pack: center;
		  box-pack: center;
		  -webkit-justify-content: center;
		  -moz-justify-content: center;
		  -ms-justify-content: center;
		  -o-justify-content: center;
		  justify-content: center;
		  -ms-flex-pack: center;
		  -webkit-box-align: center;
		  -moz-box-align: center;
		  box-align: center;
		  -webkit-align-items: center;
		  -moz-align-items: center;
		  -ms-align-items: center;
		  -o-align-items: center;
		  align-items: center;
		  -ms-flex-align: center;
		  top: 0px;
		  left: 0px;
		}
		.box {
		  -webkit-box-flex: none;
		  -moz-box-flex: none;
		  box-flex: none;
		  -webkit-flex: none;
		  -moz-flex: none;
		  -ms-flex: none;
		  flex: none;
		  height: 200px;
		  width: 200px;
		  text-align: center;
		  font-size: 25px;
		  will-change: transform;
		}





 		/* Effects 
		-------------------------------------------------------------- */
			/* Text Over Image */

.parallax {
  background-size: cover;
  background-position: center;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.parallax-content {
  text-align: center;
  color: #fff;
}

		


		


		/* Social
		-------------------------------------------------------------- */
        .Social{ /*position: absolute; margin-left: 135px;*/ float: right; } 
			.Social div{ display:inline-block; margin-right: 5px;}
                .Social div a{ 
					opacity: 0.3; transition: opacity 0.3s; /* Transition should take 0.3s */
  					-webkit-transition: opacity 0.2s; /* Transition should take 0.3s */padding: 5px 5px!important;
			 		/*background-color:yellow;*/
				}
				.Social div a i{ color:#000; font-size: 1.3em;}

                .Social div a:hover{ opacity: 1;}


				
		#Footer .Social { 
			padding-top: 0px; margin-top:0; text-align: center; float: none; 
			width: 100%; display: inline-block;
		}

		#Footer .Social a{ /*padding:15px!important;*/ }
		#Footer .Social a img{/*-webkit-filter: invert(1); filter: invert(1);*/}

		#Footer .SocialLink div {float: right;}
		#Footer .Col{ width:70%; display: inline-block}
		#Footer .Col.Social{ width:25%;;}

		@media screen and (max-width: 900px) {
			#Footer .ColThree.SocialLink{width:100%!important; margin:0!important}
			#Footer .Social div {float: none;}
			#Footer .ColThree.Footer, #Footer .SocialLink div{ text-align:left;} 
			.Copy{ text-align:center!important; padding-right:0px!important; }
		}


		@media screen and (max-width: 520px) {
			#TEAM .Col div.alignright{ float:left!important;}
		}



		/* animation 
		-------------------------------------------------------------- */
		.appear {
		  -webkit-transition: all 0.4s;
		  transition: all 0.4s;
		  opacity: 0;
		  -webkit-transform: translateY(10px);
				  transform: translateY(10px);
		}

		.appear.inview {
		  opacity: 1;
		  -webkit-transform: none;
				  transform: none;
		  -webkit-transition-delay: 0.15s;
				  transition-delay: 0.15s;
		}

		.appear2 {
		  -webkit-transition: all 1.5s;
		  transition: all 1.5s;
		  opacity: 0;
		  -webkit-transform: translateY(20px);
				  transform: translateY(20px);
		}

		.appear2.inview2 {
		  opacity: 1;
		  -webkit-transform: none;
				  transform: none;
		}

		.appear2.inview2:nth-child(1) {
		  -webkit-transition-delay: 0.1s;
				  transition-delay: 0.1s;
		}

		.appear2.inview2:nth-child(2) {
		  -webkit-transition-delay: 0.2s;
				  transition-delay: 0.2s;
		}

		.appear2.inview2:nth-child(3) {
		  -webkit-transition-delay: 0.3s;
				  transition-delay: 0.3s;
		}

		.appear2.inview2:nth-child(4) {
		  -webkit-transition-delay: 0.4s;
				  transition-delay: 0.4s;
		}

		.appear2.inview2:nth-child(5) {
		  -webkit-transition-delay: 0.5s;
				  transition-delay: 0.5s;
		}

		.appear3 {
		  -webkit-transition: all 0.8s;
		  transition: all 0.8s;
		  opacity: 0;
		  -webkit-transform: translateY(40px);
				  transform: translateY(40px);
		}

		.appear3.inview {
		  opacity: 1;
		  -webkit-transform: none;
				  transform: none;
		  -webkit-transition-delay: 0.3s;
				  transition-delay: 0.3s;
		}




		/* Content
		-------------------------------------------------------------- */
        .Justify{
            text-align: justify;
            -ms-text-justify: distribute-all-lines;
            text-justify: distribute-all-lines;
        }
		.Cols{    /*float: left;*/ width: 100%; position: relative;  display: flex;justify-content: space-between;}
		.Col{ }
		.Cols.NumbersCols{    width: 100%; position: relative; display: inline-block;}

		.Col.Single{ /*margin-bottom:35px;*/}

		.Col.Half{ float:left; width: 40%; margin-right: 5%;}


		@media screen and (max-width: 1100px) {
			.Col.Half{ width: 100%;}
		}

        .ColTwo{ width: 45%; /*background-color: aquamarine;*/}
        .ColThree{ width: 30%;/*background-color: yellow;*/}
        .ColFour{ width: 23%; /*background-color:bisque;;*/}

		.ColTwo.NoBoxed.Left{width: 38%; margin-right: 7%;}
		.ColTwo.NoBoxed.Right{width: 38%;margin-left: 7%;}
		.ColTwo.Left{ margin-right: 5%;}

		.ColTwo.ImageLeftMobile{display: none;}

		.NumbersCols{display: flex;justify-content: space-between;position: relative;}
		.NumbersColFour{ width: 23%;display: inline-block; }
		
		.ColImage{ margin-top:25px;}


        .ColThree, .ColTwo, .ColFour{ 
            text-align: left; 
            /*background-color:pink;*/
            
            vertical-align: top;
            display: inline-block;
           /* *display: inline;
            zoom: 1*/
        }

		.ColThree img, .ColTwo img, .ColFour img{ /*width: 100%; height: auto;*/}
		/*.Module .ColThree img, .Module .ColTwo img, .Module .ColFour img{width: 100%; height: auto;}*/

		.Vmiddle{ 
			/*margin-left: 10%;;*/
			  position: absolute;
			  top: 50%;
			  -ms-transform: translateY(-50%);
			  transform: translateY(-50%);
		}


		/*
		.ColTwo.VerticalMiddle,
		.ColThree.VerticalMiddle,
		.ColFour.VerticalMiddle{ vertical-align: middle!important;}*/

		.ColThree.Footer{ /*font-size:0.9em; line-height: 1.2em;*/ margin-bottom: 15px;}
		.stretch {
			width: 100%;
			display: inline-block;
			font-size: 0;
			line-height: 0
		}

@media screen and (max-width: 1230px) {
	.NumbersCols{display: inline-block; justify-content:none;position:inherit;}
	.NumbersColFour{width: 48%!important; min-width: 48%!important;display: inline-block;}
}

		@media screen and (max-width: 900px) {
			.Cols{  display: inline-block;}
            .ColThree{ width: 48%;}
			.ColFour{width: 48%; margin-bottom: 25px;}
			.NumbersColFour{width: 48%!important;display: inline-block; }
			
            .ColTwo, .ColTwo.ImageLeft{ width: 100%; margin-bottom: 25px; }
			.ColorBloc, .ColorBlocRight{ display: none;}
           
			.ColTwo.NoBoxed.Right, .ColTwo.NoBoxed.Left{ width: 100%; margin-left:0;}
			/*.ColTwo.ImageLeft{ display:none;}*/
			.ColTwo.ImageLeftMobile{ display: block}
			.ColTwo.ColText{display:block!important;}
			.Vmiddle{ position: inherit; transform: none; }
			
			.ColThree:nth-of-type(2) {
				margin-left: 3%;
			}
			.ColFour:nth-child(2), .ColFour:nth-child(4)  {/* styles */ float: right;}
			
			
        }
@media screen and (max-width: 700px) {
	.NumbersColFour{width: 100%!important; text-align: center; }
	.NumbersColFour .NumberImage{ width:66px; margin: 0 auto; float: none; display: inline-block; margin-bottom:25px;}
	.NumbersColFour .NumberContent{ width:100%; margin:0 auto; float: none; display: inline-block; margin-bottom: 35px;}
}

        @media screen and (max-width: 570px) {
            .ColThree{ width: 100%;} 
			.ColThree.Footer{ text-align:center;}
			.ColFour{width: 100%; margin-bottom: 25px; text-align: center;}
			.ColThree:nth-of-type(3) {margin-left: 0%;}
			#Footer .ColFour .Logo{ max-width: 50%;}
			.PartnersLogosFooter{ max-width: 50%; text-align: center; margin:0 auto;}
			.PartnersLogosFooter a{}
			.MenuFooterLegal li{text-align: center!important;}
        }


        .Separator{ width: 100%; clear: both;}
            .Separator span{ width: 100px; border-top:3px solid #ed672b; display: inline-block; margin-top: 35px; margin-bottom: 10px;}


		.Boxed{ position: relative;
			/*-webkit-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.25); 
			box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.25);margin: 100px 0;*/ 
			margin-bottom: 50px;
		}
		.ColorBloc{ 
			width: 98%;
			height: 114%;
			background-color: #ACACAC;
			position: absolute;
			left: -50%;
			margin-top: -3%;
			z-index: -1; max-height: 950px;
		}
		.ColorBlocRight{ 
			width: 107%;
			height: 107%;
			background-color: #ACACAC;
			position: absolute;
			right: -50%;
			margin-top: -3%;
			z-index: -1; max-height: 950px;
			 
		}


		


		/* Calendar
		-------------------------------------------------------------- */
		.Calendar{ margin:55px 0 35px 0;}
		.Calendar h4{ margin-bottom: 15px;}
			.Line{ width: 100%; display: inline-block; line-height: 1.5em; padding:0.2em 0;}

			

				.Date{ width: 29%; padding-left:1%; font-weight: bold;}
				.Event{ width: 70%;}

				.Date,
				.Event,
				.Place{ float: left;}

			@media screen and (max-width: 690px) {
				.Date{ width: 99%;}
				.Event{ width: 99%; padding-left:1%;}
			}
  
        /* News     
        -------------------------------------------------------------- */
        .News {position: relative; margin-bottom: 25px; }
		.SingleNews{ margin-top: 70px; margin-bottom: 0;}

		.News.Blog, .PostContent.Blog{ margin-top:80px; display: inline-block; width: 100%;}

		/* Opacity #2  
		.News.Justify .Thumbnail {
			background: #1abc9c;
		}
		.News.Justify .News .Thumbnail {
			opacity: 1;
			-webkit-transition: .3s ease-in-out;
			transition: .3s ease-in-out;
		}
		.News.Justify .News:hover .Thumbnail {
			opacity: .75;
		}*/
		.News.Justify{/*text-align: justify;*/ display: block;
            -ms-text-justify: distribute-all-lines;
            text-justify: distribute-all-lines;}
		.News.Justify .News .Thumbnail:hover .News{ color:pink}


            .News a, .News h3.Title{ /*color: #288b35;*/text-decoration:none}
				.News h3.Title{  }
                .News a:hover, .News h3.Title{ text-decoration:none; color:#000;}

            .NewsHeader{}
                 .NewsHeader .DateNews{ font-style: italic; padding-top:3px;}
                    .News .NewsHeader .DateNews a{ color:#288b35; font-size:0.6em; }
            .Title{ text-transform: uppercase; font-weight: 700; padding-top: 5px;}
            .ArticleExcerpt{ padding-top: 7px;}
            .Thumbnail{ 
				height: 180px; 
				background-size: cover!important;
				/*background-image: url('images/DefaultNews.png';);*/
			}



			/* Page Navigation */
			.wp-pagenavi{ font-size:1.3em; text-align: center;}
			.wp-pagenavi a, .wp-pagenavi span{ border:0px!important;}
			.wp-pagenavi .pages{ font-size:.7em;}


			@media screen and (max-width: 900px) {
				 .News .News:nth-child(5){ display:none;} 
				.blog .News .News:nth-child(5){ display:block;} 
			}

			
			@media screen and (max-width: 790px) {
				.ColFour.News{ width:48%;}
			}

			
			@media screen and (max-width: 750px) {
				.News.Blog, .PostContent.Blog{ margin-top:15px;}
				.single .ShortLinks.Mobile{ margin-bottom:0;}

			}

			@media screen and (max-width: 600px) {

				 /*.News .News:nth-child(4){ display:none;} 
				.blog .News .News:nth-child(4){ display:block;}*/
			}

			@media screen and (max-width: 460px) {
				.ColFour.News{ width:100%;}
			}




		/* Sidebar
		-------------------------------------------------------------- */
		#HeaderSidebar, #FooterSidebar{ width:100%; display:block; clear:both; background-color:#ccc;}
			#HeaderSidebar div, #FooterSidebar div{ display:inline-table; margin:0 auto;}
		
		
		#SideBar, #SideBar2{ /*clear:left;*/ }
		
			.side{ clear:both; background-color:#fff;}
		
			#SideBar.left, #SideBar2.left{ width:30%; float:left; clear:left;}
			#SideBar.right, #SideBar2.right{ width:30%; float:right; background-color:#aaa; padding:5px; clear:right;}
			#SideBar.none, #SideBar2.none{}
			
			
			#SideBar2 .side{ margin-top:25px; background-color:#eee;}
			
		
		
		/* =Widgets
		-------------------------------------------------------------- */
		
		.widget-area .widget ul ul {
			margin-left: 12px;
			margin-left: 0.857142857rem;
		}
		.widget_rss li {
			margin: 12px 0;
			margin: 0.857142857rem 0;
		}
		.widget_recent_entries .post-date,
		.widget_rss .rss-date {
			color: #aaa;
			font-size: 11px;
			font-size: 0.785714286rem;
			margin-left: 12px;
			margin-left: 0.857142857rem;
		}
		#wp-calendar {
			margin: 0;
			width: 100%;
			font-size: 13px;
			font-size: 0.928571429rem;
			line-height: 1.846153846;
			color: #686868;
		}
		#wp-calendar th,
		#wp-calendar td,
		#wp-calendar caption {
			text-align: left;
		}
		#wp-calendar #next {
			padding-right: 24px;
			padding-right: 1.714285714rem;
			text-align: right;
		}
		.widget_search label {
			display: block;
			font-size: 13px;
			font-size: 0.928571429rem;
			line-height: 1.846153846;
		}
		.widget_twitter li {
			list-style-type: none;
		}
		.widget_twitter .timesince {
			display: block;
			text-align: right;
		}
		
		
		
		/* Content 
		-------------------------------------------------------------- */
		
		.GlobalPage{ /*clear:both;*/}
		.PageContent{ display:inline-block;}
			
			.GlobalPage.left { width:60%; float:left;}
			.GlobalPage.right {width:60%; float:right;}
			.GlobalPage.full { width:100%;}
			

		/* MenuFooter 
		-------------------------------------------------------------- */
			
		.MenuFooter{ float: right; text-align: right;}
			.MenuFooter ul{}
			.MenuFooter ul li{ list-style-type: none;}
			.MenuFooter ul li a{ color:#000;}
			.MenuFooter ul li a:hover{}


		/* Submenu page 
		-------------------------------------------------------------- */
		.SubMenuPage{ padding-top:1em;}	
		.SubMenuPage ul.ChildMenu {text-align:center;}
		.SubMenuPage ul.ChildMenu li{ display: inline-block; position: relative;
			padding: 7px 7px;}
		.SubMenuPage ul.ChildMenu li a{
			font-weight:900; text-transform: uppercase;
		}
		.SubMenuPage ul.ChildMenu a::after {    
			/* Stroke line from center
			--------------------------*/
			position: absolute;
			bottom: -2px;
			left: 0;
			right: 0;
			margin: auto;
			width: 0%;
			content: '.';
			color: transparent;
			background: #000;
			height: 2px;
			/*underline from left
			--------------------------
		  	content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 0.2em;
			background-color: #000;
			opacity: 0;
			transition: opacity 300ms, transform 300ms;
			transform: translate3d(-100%, 0, 0);
			*/
		}
		.SubMenuPage ul.ChildMenu a:hover::after,
		.SubMenuPage ul.ChildMenu a:focus::after,
		.SubMenuPage ul.ChildMenu li.current_page_item a::after{
			/* Stroke line from center
			--------------------------*/
			 width: 100%;
			/*underline from left
			--------------------------
			opacity: 1;
			transform: translate3d(0, 0.2em, 0);

			transform: translate3d(-100%, 0, 0);
			transform: translate3d(0, 0, 0);
			*/
		}

		.SubMenuPage ul.ChildMenu li a:after,
		.SubMenuPage ul.ChildMenu li a:before {
		  transition: all .5s;
		}



		/* Primary Menu
		-------------------------------------------------------------- */
		/*#access { float: left; width: 75%; font-weight: 700;  /*background-color:#ccc;* / z-index: 100; position: relative; margin-top:14px; }
		#access.Sidebar{ width:100%;}
		
		#access .menu-header, div.menu {
			font-size: 13px; width: 100%;
		}
		#access .menu-header ul, div.menu ul {
			list-style: none outside none; padding: 0;
			margin: 0;/* display:inline-block;* / text-align: right; width:100%;
		}
		
		#access .menu-header li, 
		div.menu li {
			display: inline-block;position: relative; 
		}
		
		#access .menu-header li.AlignRight,
		div.menu li.AlignRight{ float:right;}
		
		#access .menu ul.AlignCenter{ text-align:center;}
		#access .menu ul.AlignCenter li{ float:none; display:inline-table;}
		
		#access .menu-header li.AlignLeft, 
		div.menu li.AlignLeft{ float:left;}
		
		/* Hide home link * /
		#access ul li.page-item-5, #access ul li.page-item-112, #access ul li.page-item-3 { display:none;}*/



		/* Primary Menu 
		-------------------------------------------------------------- */
		
		#access { width: 70%; /*background-color:yellow; */ float: left; margin-top:38px; text-align: left; margin-left: 25px;}
		#access a {
			color: #2E2E2E; 
			 text-decoration: none;
			 display: inline-block;
		  /*padding: 15px 10px;*/
		  position: relative; font-size: 1em; 
			
			font-family: "aktiv-grotesk", sans-serif;
			font-weight: 300;
			font-style: normal;
		}
		#access ul ul { 
			display: none; float: left; left: -10px;position: absolute; padding-top:10px;
			top: 28px; z-index: 99999; width:260px; background-color: #fafafa;
		}
		#access ul{ }		
		#access ul li.current_page_ancestor ul{ /*display:block;*/ }
				#access ul li{display: inline-block; text-align: center; /*padding: 4px 6px;*/ position: relative; margin-right: 25px; }

		#access ul li a{
			color: #2E2E2E;
			text-decoration: none;
			display: inline-block; 
			/*padding: 3px 7px;*/
			position: relative; 
			/*font-size: 0.9em;*/ 
			
			/* Stroke line from center
			--------------------------*/
			position: relative;
		}

		#access ul ul li { float:left; padding:5px 5px 5px 10px; width: 100%; text-align: left; }
		#access ul ul ul {left: 100%;top: 0;}
		#access ul ul a {height: auto;line-height: 1em;}
		
		#access li:hover > a, 
		#access ul ul *:hover > a {
			color: #000;
		}

		#access a::after {
			/* Stroke line from center */
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			width: 0%;
			content: '.';
			color: transparent;
			background: #000;
			height: 1px;
		}

		#access a:hover::after,
		#access a:focus::after,
		#access li.current_page_item > a::after,
		#access li.current_page_ancestor > a::after{ /* Utilisez le sélecteur direct child (>) pour cibler uniquement les éléments de niveau supérieur */
			/* Stroke line from center */
			width: 100%;
		}

		#access li.menu-item-1300 > a::after{width: 0%!important;}
#access li.menu-item-1300 a:hover::after,
		#access li.menu-item-1300 a:focus::after{width: 100%!important;}
			

		#access ul li > ul li.current_page_item > a::after {
			/* Désactiver la mise en surbrillance du sous-menu sur la page courante */
			width: 0;
			background: transparent;
			height: 0;
		}

		#access ul li a:after,
		#access ul li a:before {
			transition: all .5s;
		}

#access ul li.space{ margin-left:50px;}

		/* Keyframes */
		@-webkit-keyframes fill {
			0% {
				width: 0%;
				height: 1px;
			}
			50% {
				width: 100%;
				height: 1px;
			}
			100% {
				width: 100%;
				height: 100%;
				background: #333;
			}
		}

		/* Keyframes */
		@-webkit-keyframes circle {
			0% {
				width: 1px;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				margin: auto;
				height: 1px;
				z-index: -1;
				background: #eee;
				border-radius: 100%;
			}
			100% {
				background: #aaa;
				height: 5000%;
				width: 5000%;
				z-index: -1;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				border-radius: 0;
			}
		}
		
		#access ul li:hover > ul {display: block;}
		
		#access ul li.current_page_item > a, 
		#access ul li.current_page_ancestor > a, 
		#access ul li.current-menu-ancestor > a, 
		#access ul li.current-menu-item > a, 
		#access ul li.current-menu-parent > a {
			color: #000;
		}
		
		* html #access ul li.current_page_item a, 
		* html #access ul li.current_page_ancestor a, 
		* html #access ul li.current-menu-ancestor a, 
		* html #access ul li.current-menu-item a, 
		* html #access ul li.current-menu-parent a, 
		* html #access ul li a:hover {
			color: #000;
		}
		/* Color select Menu ancestor */



		
		/* Justify The menu 
		-------------------------------------------------------------- */
		/* http://www.xoogu.com/files/2013/07/justified-menu-of-mu-mu.html */
		
		#access .menu.JustifyMenu {/*display: table; position: relative; table-layout: auto; width: 100%;*/}
		#access .menu{  }
		#access .menu ul.AlignJustify{ 
			/*text-align:justify;
			display: table;
    		table-layout: fixed;*/
			display: table;
    		table-layout: fixed;
			position:relative;
		}
		#access .menu ul.AlignJustify li{
			text-align:center;
			display: table-cell;
			position:relative;
		}
		
		#access .menu ul.AlignJustify li ul{
			height: auto;
			position: relative;
			top: 100%;
			z-index: 1; 
			/*display: none;*/
		}
		/*#access .menu ul.AlignJustify li:hover ul { display:block;}*/
		
		
		#access .menu ul.AlignJustify li ul li{
			/*display: block;*/
			display: block;
			text-align:center;
		}
		
		#access .menu-header li, 
		div.menu .AlignJustify li {display: table-cell; float:none;}
		
		/* End of Justify Menu 
		-------------------------------------------------------------- */
		
		

		
		
		/* Vertical Menu 
		-------------------------------------------------------------- */
		#access .menu ul.Vertical{}
		#access .menu ul.Vertical li{ display:inline-block; width:100%;}
		#access .menu ul.Vertical li ul.children{ position:relative; display:block; top:0; }
			#access .menu ul.Vertical li ul.children li a{padding-left:15px;}
		
		
		#access ul.Vertical li:hover > ul,
		#access .menu ul.Vertical li.current_page_parent ul,
		#access .menu ul.Vertical li.current_page_ancestor ul{ display:block;}
		
		/* */
			
		
		
		
		/* Primary Menu
		-------------------------------------------------------------- */
		
		#MainMenu{ position:absolute; background-color:#fff; width:130px; z-index:800; right:0px; top:50px; padding:0 15px; visibility:hidden;}
			#MainMenu.open{ visibility:visible;}
		
		ul.Menu{display:inline-block; width:100%; }
		ul.Menu li{ }
		ul.Menu li a{ float:right; text-align:right; width:100%;  line-height:1em; padding:10px 0; }
		ul.Menu li a.line{border-bottom:1px solid #000;}
		
		a#MenuButtun{}
		a#MenuButtun img:hover{ cursor:pointer;}
		
		.DownMenu{ float:right; position:absolute; margin-top:32px; left:90%;}
		
		
		/* Tiny Menu after logo
        -------------------------------------------------------------- */


        .MobileMenu{ float: right;  display:none; }
            ul.RowMenu{ float:right; padding-top:10px; margin-right:5%;}

            .MobileMenu .RowMenu li{ list-style-type:none;}

            .MobileMenu .RowMenu li a.down{ background-image:url(images/icon-mobile.png);}
            .MobileMenu .RowMenu li a.up{ background-image:url(images/icon-mobile-hover.png);}

            .MobileMenu .RowMenu li a.down,
            .MobileMenu .RowMenu li a.up{ width:35px; height:32px; display:inline-block;}

            .MobileMenu .RowMenu li a.down:hover{background-image:url(images/icon-mobile-hover.png);}

            .MobileMenu .RowMenu li a.down:hover,
            .MobileMenu .RowMenu li a.up:hover{ text-decoration:none; cursor:pointer;}

            .HideButtun{ display:none;}


            /*******/

            #MobileMenuContainer{  position: relative;
			font-family: "aktiv-grotesk", sans-serif; border-top:1px solid #ddd;
font-weight: 300;
font-style: normal;
                display:none;  top: 0; right: 0;  z-index:1000;
                background-position:bottom;  width:90%; padding: 0 5%; /*position: absolute; top: 0; left: 10%;*/
				 padding-bottom:25px; padding-top:25px;
				background-color: #ebebeb;
				
				box-shadow: 0px -16px 17px -17px rgba(0,0,0,0.3) inset;
				-webkit-box-shadow: 0px -16px 17px -17px rgba(0,0,0,0.3) inset;
				-moz-box-shadow: 0px -16px 17px -17px rgba(0,0,0,0.3) inset;
				/*
				background: -moz-linear-gradient(top, #A2A2A2 0%, #e8e8e8 5%, #ebebeb 100%);
				background: -webkit-linear-gradient(top, #A2A2A2 0%, #e8e8e8 5%, #ebebeb 100%);
				background: linear-gradient(to bottom, #A2A2A2 0%, #e8e8e8 5%, #ebebeb 100%);*/
            }
			.content.nav { 
			  position: relative;
			  z-index: 1;
			}
			.shadow {
			  position: absolute;
			  left: 0;
			  right: 0;
			  top: -10px;
			  bottom: -10px;
			  box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.3), 
				inset 0px -10px 10px -10px rgba(0, 0, 0, 0.3),
				inset 10px 0px 10px -10px rgba(0, 0, 0, 0.3),
				inset -10px 0px 10px -10px rgba(0, 0, 0, 0.3);
			  z-index: 0;
			}

 				#MobileMenuContainer .menu-primary-menu-container{width: 100%; display: inline-block; float: none; margin: 0; }


				#MobileMenuContainer .menu{ /*padding-top:15px;*/ display: inline-block; float: none; width: 100%;}

                .MenuMobileLabel{ letter-spacing:0.1em;}

                #MobileMenuContainer ul{ margin:0;}
                #MobileMenuContainer ul li{ 
                    float:none; width:100%; font-size:18px; line-height:1.8em; 
                    text-align:center; list-style-type:none;
					/*border-bottom: 1px solid #777;*/
                }

                #MobileMenuContainer ul li{ padding:7px 0px; background-repeat:no-repeat; background-position:center bottom; border-bottom: 0px solid #C3A572; }


                #MobileMenuContainer ul li a{ color:#000;  text-decoration:none; width: 100%; position: relative;} 
                #MobileMenuContainer ul li a:hover,
                #MobileMenuContainer ul li.current_page_item a{ text-decoration:none;  color:#000; text-decoration: underline; display: inline-block;} 



                #MobileMenuContainer ul li ul{ 

                }


                #MobileMenuContainer ul li a,
                #MobileMenuContainer ul li.page-item,
                #MobileMenuContainer ul li.page-item ul{ /*display:none;*/}

                #MobileMenuContainer ul li ul li ul li.current_page_item a{ text-decoration:underline;}

                #Header #MobileMenuContainer ul li.page_item{ }
                #Header #MobileMenuContainer ul li.current_page_ancestor{ display:block}
                #Header #MobileMenuContainer ul li.current_page_ancestor ul li{ display:block}

                #MobileMenuContainer ul li.current_page_parent ul.children li a,
                #MobileMenuContainer ul li.current_page_parent,
                #MobileMenuContainer ul li.current_page_parent ul{ display:block;}


                #MobileMenuContainer ul li ul li ul{ 

                    background-color: #f0f0f0;
                    box-shadow: 
                        inset 0px 11px 8px -10px #D7D7D7,
                        inset 0px -11px 8px -10px #D7D7D7; 
                }




            @media
            screen and (-webkit-min-device-pixel-ratio: 1.5),
            screen and (-moz-min-device-pixel-ratio: 1.5),
            screen and (min-device-pixel-ratio: 1.5) {
                .MobileMenu .RowMenu li a.down{ background-image:url(images/icon-mobilex2.png);background-size:cover;}
                .MobileMenu .RowMenu li a.up{ background-image:url(images/icon-mobile-hoverx2.png);background-size:cover;}

                .MobileMenu .RowMenu li a.down:hover{background-image:url(images/icon-mobile-hoverx2.png);background-size:cover;}
            }


            @media screen and (max-width: 1350px) {
                #access{ display:none;}
                .MobileMenu{ display:block;z-index: 9999999; position: relative;}
            }


            /* Nav icon mobile */ 

			/* Icon 1 */

			#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
			  width: /*45px*/30px;
			  height: 35px;
				margin-top: 26px;
			  position: relative;
			 float: right;
			  -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;
			  z-index: 999999;
				cursor: pointer; 
			}

			#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
			  display: block;
			  position: absolute;
			  height: 3px;
			  width: 100%;
			  background: #ccc;
			  border-radius: 0px;
			  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;
			}

			#Head.Invert #nav-icon3 span{background:#000;}
			#nav-icon3:hover span  {background:#000!important;}


			/* Icon 3 */

			#nav-icon3 span:nth-child(1) {
			  top: 0px;
			}

			#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
			  top: 10px;
			}

			#nav-icon3 span:nth-child(4) {
			  top: 20px;
			}

			#nav-icon3.open span:nth-child(1) {
			  top: 10px;
			  width: 0%;
			  left: 50%;
			}

			#nav-icon3.open span:nth-child(2) {
			  -webkit-transform: rotate(45deg);
			  -moz-transform: rotate(45deg);
			  -o-transform: rotate(45deg);
			  transform: rotate(45deg);
			}

			#nav-icon3.open span:nth-child(3) {
			  -webkit-transform: rotate(-45deg);
			  -moz-transform: rotate(-45deg);
			  -o-transform: rotate(-45deg);
			  transform: rotate(-45deg);
			}

			#nav-icon3.open span:nth-child(4) {
			  top: 10px;
			  width: 0%;
			  left: 50%;
			}








		
		
		/* Search Form
		-------------------------------------------------------------- */	
			#form input#submit, #form input#s{} 
			
			#form input#submit{ }
			#form input#s{  }
			
			
			
			
		/* Breadcrump 
		-------------------------------------------------------------- */
		#BreadcrumbContainer{ width:100%; display:inline-block; background-color:pink;}
			#crumbs{}
			#crumbs span{display: inline-flex; margin-right:10px;}
			.CrumbDelimiter{}
			
		
	
	
		/* Comments 
		-------------------------------------------------------------- */
		.post-comments{ margin-top:20px;} 
		
		.comments-template{ /*border-top:2px solid pink;*/ margin:10px 0px;}
		.CommentsContainer{}
		
			#commentform{}
				p{}
				p.CommentAutor{}
				p.CommentEmail{}
			
			/* h3 Title */
			#comments{} 
			/* h3 Title */
			#respond{}  
			.commentlist{}
				.commentlist li{}
			
					.commentmetadata{}
					.commentmetadata a{}
		
		
			.nocomments{}
	
			/* Form Errors 
			-------------------------------------------------------------- */
			input.error, textarea.error{
				/* border:1px solid red;*/ 
				background-color:#FFD1D6; 
				border:1px solid #ccc;
				padding:2px;
			}
			label.error{ color:red; display:none;}
	
	
	
	
	
		/* Slider 
		-------------------------------------------------------------- */
		#full-width-slider {
		  width: 100%;
		  color: #000; /*height: 70vh!important;*/ height: 550px;
		}
		.coloredBlock {
		  padding: 12px;
		  background: rgba(255,0,0,0.6);
		  color: #FFF;
		   width: 200px;
		   left: 20%;
		   top: 5%;
		}
		.infoBlock {
		  position: absolute;
		  top: 30px;
		  right: 30px;
		  left: auto;
		  max-width: 25%;
		  padding-bottom: 0;
		  background: #FFF;
		  background: rgba(255, 255, 255, 0.8);
		  overflow: hidden;
		  padding: 20px;
		}
		.infoBlockLeftBlack {
		  color: #FFF;
		  background: #000;
		  background: rgba(0,0,0,0.75);
		  left: 30px;
		  right: auto;
		}
		.infoBlock h4 {
		  font-size: 20px;
		  line-height: 1.2;
		  margin: 0;
		  padding-bottom: 3px;
		}
		.infoBlock p {
		  font-size: 14px;
		  margin: 4px 0 0;
		}
		.infoBlock a {
		  color: #FFF;
		  text-decoration: underline;
		}
		.photosBy {
		  position: absolute;
		  line-height: 24px;
		  font-size: 12px;
		  background: #FFF;
		  color: #000;
		  padding: 0px 10px;
		  position: absolute;
		  left: 12px;
		  bottom: 12px;
		  top: auto;
		  border-radius: 2px;
		  z-index: 25; 
		} 
		.photosBy a {
		  color: #000;
		}
		.fullWidth {
		  max-width: 1400px;
		  margin: 0 auto 24px;
		}
		
/*
@media screen and (max-width: 1350px) {
	#full-width-slider {height: 20% !important;}
	
}*/

		@media screen and (min-width: 1430px) and (max-width:2590px)  {
		  	.heroSlider .rsOverflow, .royalSlider.heroSlider {/*height:70vh!important;*/ height: 550px!important;}
			#full-width-slider { /*height:70vh!important;*/ height: 550px!important;}
		}
		@media screen and (min-width: 1090px) and (max-width:1500px)  {
		  	.heroSlider .rsOverflow, .royalSlider.heroSlider { /*height:70vh!important;*/ height: 550px!important;}
			#full-width-slider {/*height:70vh!important;*/ height: 550px!important;}
		}

		@media screen and (min-width: 800px) and (max-width:1090px)  {
		  	.heroSlider .rsOverflow, .royalSlider.heroSlider { height: 450px !important;}
			#full-width-slider { height:450px!important;}
		}
		@media screen and (min-width: 600px) and (max-width:800px)  {
		  	.heroSlider .rsOverflow, .royalSlider.heroSlider { height: 350px !important;}
			#full-width-slider { height:350px!important;}
		}

		/*
		@media screen and (max-width: 950px) {
			.royalSlider.heroSlider,
			  .royalSlider.heroSlider .rsOverflow {
				/*height: 550px !important;* /
				   height: 45vh !important;
			  }
				#full-width-slider { /*height:550px!important;* /
				   height: 45vh !important;}
		}*/

		@media screen and (min-width: 0px) and (max-width: 600px) {
			.royalSlider.heroSlider, .royalSlider.heroSlider .rsOverflow {height: 250px !important;}
			#full-width-slider { height: 250px !important;}
		}