/**

                                                      ::::\\\\                                                          
                                                   :::::::\\\\\\\                                                       
                                                ::::::::::\\\\\\\\\\\                                                   
                                            ::::::::::::::\\\\\\\\\\\\\\\                                               
                                         :::::::::::::::::\\\\\\\\\\\\\\\\\\                                            
                                     :::::::::::::::::::::\\\\\\\\\\\\\\\\\\\\\\                                        
                                  ::::::::::::::::::::::::\\\\\\\\\\\\\\\\\\\\\\\\\                                     
                               :::::::::::::::::::::::::::\\\\\\\\\\\\\\\\\\\\\\\\\\\\\                                 
                           :::::::::::::::::::::::::::::::\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\                              
                        ::::::::::::::::::::::::::::::::::\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\                          
                     :::::::::::::::::::::::::::::::::::::\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\                      
                 :::::::::::::::::::::::::::::::::::::::::\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\                   
              ::::::::::::::::::::::::::::::::::::::::::::\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\                
          ::::::::::::::::::::::::::::::::::::::::::::::::\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\             
        ::://////////////////////////////////////////////:-------------------------------------------------:            
        :::::////////////////////////////////////////////:-------------------------------------------------:            
        :::::::://///////////////////////////////////////:-----------------------------------------------:::            
        :::::::::::://///////////////////////////////////:----------------------------------------------::::            
        ::::::::::::::://////////////////////////////////:---------------------------------------------:::::            
        ::::::::::::::::::///////////////////////////////:--------------------------------------------::::::            
        ::::::::::::::::::::::///////////////////////////:-------------------------------------------:::::::            
        :::: ymmdyhdmmdy+::::::::////////////////////////:------------------------------+s+:--------::::::::            
        ::: yMMMMMMMMMMMMs:::::::::::////////////////////:-----------------------------yMMMm:------:::::::::            
        :: yMMMMMNyoodMMMMy::::::::::::://///////////////:----------------------------yMMMMh-----:::::::::::            
        ::yMMMMMm+::+mMMMMs:::::::::::::::://////////////:---------------------------hMMMNo-----::::::::::::            
        :sMMMMMh  sdMMMMd+::::::::::::::::::::://////////:--------------------------hMMMN -----:::::::::  ::            
        sMMMMMysdNMMMmy :+dMNy+::::::+dmd+:::::::://hmmy/:-------------:sdNm+------dMMMm:--smMms+ :::: ymmy             
       yMMMMMMMMMNhs :::hMMMMMMMd:::yMMMMy+hds::::+NMMMm+sh+---smmy:--sNMMMMMho---dMMMh--+mMMMMMMNo::+mMMMN+ydhs        
      yMMMMmhhhdNMNmy  mMMMMMMMMN::dMMMdodMMMMy::oMMMNosNMMM:+mMMMM+:mMMMNysMMM+-dMMMy--oMMMMMMMMMy:oMMMNysNMMMM+  +ds  
     yMMMMd :::: NMMMNNMMNshMMMN :mMMNshMMMMMy::+MMMhomMMMMhdMMMMm :NMMMs:sNMd+-dMMMs--oMMMdoMMMMh:sMMMdsmMMMMNo  ymo   
    yMMMMh::::: dMMMMMMMd :mMMMyhNMMMdNMMMMMo-:yMMMmmMmNMMMMMMMMs-:mMMN+sNNy - mMMMo--sMMNo:oMMMmymMMMNmMMMMMm+ omd+    
   yMMMMy::: ohMMMMMMMMd :oNMmdhNMMMMMh+NMM+:oNMMMMMNoyMMMNsMMN -sNMMMmmh+--:hMMMMo-+mMMM+: dMMmddMMMMMNsyMMm +dNs      
  yMMMMNyyhmNMMMMMMmNMN  yMMy::oMMMMN+:+MMNsmmmMMMMh oMMMN sMMmsNNmMMd --- yNhmMMy+dNhMMy:+mMm+  mMMMMh :dMMhhNd+       
 sMMMMmMMMMMMMMMmho dMmsmMd+::-yMMMm --:NMMms:mMMMy::hMMN+- NMMNy: mMd++sdNh -+MMMMh  MMyhMNy :: MMMMy:::sMMNdo         
 +hmNs +syyyyso  ::: yddh+ :::::smm --:: + :::+dms::::+o+:--:+ -----ohdmhs:---- yy+--:ohdds :::::odmy:::: +++           
        ::::::::::::::  ::::::::-::::::::::::::::::::::::://////////////////////////::::  ::::::::   :::::::            
        :::::::::::::::::::::::::::::::::::::::::::::::::://///////////////////////:::::::::::::::::::::::::            
        ::::::::::::::::::::::::::::::::::::::::::::::::::///////////////////////////:::::::::::::::::::::::            
        ::::::::::::::::::::::::::::::::::::::::::::::::::///////////////////////////////:::::::::::::::::::            
        :::::::::::::::::::::::::::::::::::::::::::::::::://////////////////////////////////::::::::::::::::            
        :::::::::::::::::::::::::::::::::::::::::::::::::://///////////////////////////////////:::::::::::::            
        :::::::::::::::::::::::::::::::::::::::::::::::::://///////////////////////////////////////:::::::::            
        ::::::::::::::::::::::::::::::::::::::::::::::::::////////////////////////////////////////////::::::            
        ::::::::::::::::::::::::::::::::::::::::::::::::::///////////////////////////////////////////////:::            
          :::::::::::::::::::::::::::::::::::::::::::::::://///////////////////////////////////////////:::              
              :::::::::::::::::::::::::::::::::::::::::::://////////////////////////////////////////::                  
                 ::::::::::::::::::::::::::::::::::::::::://////////////////////////////////////:::                     
                     :::::::::::::::::::::::::::::::::::::///////////////////////////////////:::                        
                        ::::::::::::::::::::::::::::::::::///////////////////////////////:::                            
                           :::::::::::::::::::::::::::::::////////////////////////////:::                               
                               ::::::::::::::::::::::::::://///////////////////////::                                   
                                  :::::::::::::::::::::::://///////////////////:::                                      
                                     ::::::::::::::::::::://////////////////::                                          
                                         ::::::::::::::::://////////////:::                                             
                                             :::::::::::::///////////:::                                                
                                                ::::::::::///////:::                                                    
                                                   :::::::////:::                                                       
                                                        :::-:::                                                          

 */




body, html{
	margin:0;
	padding:0;
	font-size:12px;
	background:#FFF;
	color:#000;
	font-family: Helvetica, sans-serif;
	width:100%;
	height:100%;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	font-size:15px;

	-webkit-font-variant-ligatures: no-common-ligatures;
	font-variant-ligatures: no-common-ligatures;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga" 1, "dlig" 1;
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 0, "dlig" 0;
}

#site{
	min-height: 100%;
}

/**
	COMMON
**/

.clr{
	clear:both;
}

a,
.color{
	color:#0f673b;
}

a.btn{
	display: inline-block;
	text-decoration: none;
	margin:0;
	padding:15px;
	text-decoration: none;
	background:#0f673b;
	color:#FFF;
	text-transform: uppercase;
}
a.btn:hover{
	opacity: 0.9;
}

a.btn.addMargin{
	margin:10px;
}


.col,
.col2,
.col3{
	width:100%;
}

	.col2>div.col{
		width:50%;
		width:calc(50% - 15px);
		float:left;
		margin-left:30px;
	}
	.col2>div.col:first-child{
		margin-left:0;
	}

	.col3>div.col{
		width:33%;
		width:calc(33% - 20px);
		float:left;
		margin-left:30px;
	}
	.col3>div.col:first-child{
		margin-left:0;
	}

	div.col>h3{
		text-transform: uppercase;
		font-weight: 500;
		font-size: 1.4em;
		margin:0 0 1em 0;
		padding:0;
	}

	div.col>h4{
		margin:0;
		padding:0;
		font-weight: 500;
		font-size: 1.13em;
	}


cite{
	text-transform: uppercase;
	font-weight: 500;
	font-style: normal;
	color:#0f673b;
}

/* topBackground */
#content>div>.topBackground{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 135px;
	background: #EEEEEE;
}
	#content>div>.topBackground>h2{
		position: absolute;
		bottom:30px;
		left:0;
		width:100%;
		height:auto;
		text-transform: uppercase;
		text-align: center;
		margin:0;
		padding:0;
		transition: opacity 0.6s;

		font-size:1.4em;
		font-weight: 500;
	}
	#content>div>.topBackground.scrolled>h2{
		opacity:0.15;
	}

b, strong{
	font-weight: 500;
}

/* carrousel */

.carrousel{

}

	.carrousel>.prev,
	.carrousel>.next{
		position: absolute;
		width:90px;
		height:100%;
		top:0%;
		z-index:3;
		background-repeat: no-repeat;

		transition: background-position 0.4s;
	}

	.carrousel>.prev{
		left:0;
		background-image: url(../images/larrow.png);
		background-image: -webkit-image-set(url('../images/larrow.png') 1x, url('../images/larrow2x.png') 2x);
		background-position: 50% 50%;
	}

	.carrousel>.next{
		right:0;
		background-image: url(../images/rarrow.png);
		background-image: -webkit-image-set(url('../images/rarrow.png') 1x, url('../images/rarrow2x.png') 2x);
		background-position: 50% 50%;
	}

	.carrousel>.prev:hover,
	.carrousel>.next:hover{
		cursor: pointer;
		background-position: 25% 50%;
	}

	.carrousel>.next:hover{
		background-position: 75% 50%;
	}

	.carrousel>ul{
		display: block;
		list-style: none;
		margin:0;
		padding:0;
		widows: 100%;
		height:100%;
	}

	.carrousel>ul>li{
		display: none;
	}
	.carrousel>ul>li:first-child{
		display: block;
		width:100%;
		height:100%;
	}


/*	.carrousel>ul.images{
		display: block;
		list-style: none;
		margin:0;
		padding:0;
	}*/

		.carrousel>ul.images>li,
		.carrousel>ul.images>li:first-child{
			display: none;
			position: absolute;
			top:0;
			left:0;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-size: 100% auto;
			background-size: cover;
			background-position: 50% 50%;
			background-color:black;
			z-index:1;
/*			transition: left 1s cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
		}

			.carrousel>ul.images>li::before{
				content:"";
				display: block;
				position: absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
				background:rgba(0,0,0,0.15);
				z-index:1;
			}


		.carrousel.fullscreen>ul.images>li{
			background-size:contain;
		}

				.carrousel>ul.images>li{
					left:0;
				}


				.carrousel>ul.images>li.prev,
				.carrousel>ul.images>li.next{
					display: block;
/*					transition: left 1s cubic-bezier(0.550, 0.055, 0.675, 0.190); /* easeInCubic */
					z-index:1;

					transition:opacity 1s 0.1s;
					opacity: 0;
				}

				.carrousel>ul.images>li.prev{
/*					left:-100%;*/
				}
				.carrousel>ul.images>li.next{
/*					left:100%;*/
				}

				.carrousel>ul.images>li.cur.prev{
/*					left:-30%;*/
				}
				.carrousel>ul.images>li.cur.next{
/*					left:30%;*/
				}

				.carrousel>ul.images>li.active{
				/*.carrousel>ul.images>li.active.next,*/
				/*.carrousel>ul.images>li.active.prev{*/
					display: block;
					z-index:2;
					left:0;
/*					transition: left 1s cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */

					transition:opacity 1s;
					opacity: 1;
				}


/**
 * transform animation instead
 */
/*				.supportTransform .carrousel>ul.images>li{
					left:0;
					transform:translateX(0);
				}

				.supportTransform .carrousel>ul.images>li.prev,
				.supportTransform .carrousel>ul.images>li.next{
					transition: transform 1s cubic-bezier(0.550, 0.055, 0.675, 0.190); easeInCubic
				}

				.supportTransform .carrousel>ul.images>li.prev{
					left:0;
					transform:translateX(-100%);
				}
				.supportTransform .carrousel>ul.images>li.next{
					left:0;
					transform:translateX(100%);
				}

				.supportTransform .carrousel>ul.images>li.cur.prev{
					left:0;
					transform:translateX(-30%);
				}
				.supportTransform .carrousel>ul.images>li.cur.next{
					left:0;
					transform:translateX(30%);
				}

				.supportTransform .carrousel>ul.images>li.active{
					transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1.000); easeInOutCubic
				}
*/

	.carrousel>ul.pager{
		display: none;
		position: absolute;
		bottom:30px;
		right:25px;
/*		display: block;
		list-style: none;
		margin:0;
		padding:0;*/
		z-index: 3;
		width:auto;
		height:19px;
	}
		.carrousel>ul.pager>li{
			display: block;
			width:19px;
			height:19px;
			float:left;
			position: relative;
			cursor: pointer;
		}
			.carrousel>ul.pager>li>span{
				width:7px;
				height:7px;
				position: absolute;
				top:5px;
				left:5px;
				border-radius: 100%;
				border:1px solid white;
				background:white;
				color:#FFFFFF;
				color:transparent;
				overflow: hidden;
				font-size: 0;
				text-indent: -1000px;
				transition: background 0.4s;
			}

			.carrousel>ul.pager>li:hover>span{
				background:rgba(255,255,255,0.5);
			}

			.carrousel>ul.pager>li.active>span{
				background: transparent;
			}





.pager{
	text-align: center;
	line-height:30px;
	margin-top:4em;
}

	.pager div.text{
		display: inline-block;
		height:30px;
		width:auto;
		overflow: hidden;
		padding:0 1em;
	}

	.pager .link{
		width:30px;
		height:30px;
		display: inline-block;
		overflow: hidden;
/*		background:#0f673b;
		color:#FFFFFF;*/
		text-decoration: none;
		white-space: nowrap;
		color:transparent;
		text-indent: -1000px;
		cursor: pointer;

		background-repeat: no-repeat;
		background-position: center center;
		opacity: 1;
	}
	.pager .link:hover{
		opacity: 0.6;
	}
	.pager .link.disabled,
	.pager .link.disabled:hover{
		pointer-events: none;
		cursor: default;
		opacity: 1;
/*		opacity: 0.5;
		background:#888;*/
	}

	.pager .link.next{
		background-image: url(../images/smallright.png);
		background-image: -webkit-image-set(url('../images/smallright.png') 1x, url('../images/smallright2x.png') 2x);
	}
	.pager .link.next.disabled{
		background-image: url(../images/smallrightb.png);
		background-image: -webkit-image-set(url('../images/smallrightb.png') 1x, url('../images/smallrightb2x.png') 2x);
	}

	.pager .link.prev{
		background-image: url(../images/smallleft.png);
		background-image: -webkit-image-set(url('../images/smallleft.png') 1x, url('../images/smallleft2x.png') 2x);
	}
	.pager .link.prev.disabled{
		background-image: url(../images/smallleftb.png);
		background-image: -webkit-image-set(url('../images/smallleftb.png') 1x, url('../images/smallleftb2x.png') 2x);
	}



/* pagetop */
#content>div>#pageTop{
		width: 100%;
		height:600px;
		background:#000;
		position: relative;
		z-index:2;
	}

		#content>div>#pageTop>#homeVideo{
			display: block;
			width:100%;
			height:100%;
			overflow: hidden;
		}

			#content>div>#pageTop>#homeVideo>iframe{
				width:100%;
				height:200%;
				transform: translateY(-25%);
			}


		#content>div>#pageTop>#homeImage{
			position: relative;
			width: 100%;
			height:100%;
			overflow: hidden;
		}

		#content>div>#pageTop .text{
			position: absolute;
			top:50%;
			left:90px;
			right:90px;
			/*width:100%;*/
			height:auto;
			-webkit-transform:translateY(-50%) translateZ(0px);
			transform:translateY(-50%) translateZ(0px);
			z-index:5;
			pointer-events: none;
			text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
/*
			box-shadow: 0 0 0 20000px rgba(0,0,0,0.15);
			background:rgba(0,0,0,0.15);
*/
		}
			#content>div>#pageTop .text>h2{
				text-align: center;
				color:#FFFFFF;
				width:100%;
				line-height: 1em;
				padding:0;
				text-transform: uppercase;
				font-size: 3em;
				margin:0;
				padding:0;
				font-weight: 500;
			}
			#content>div>#pageTop .text>h3{
				text-align: center;
				color:#FFFFFF;
				width:100%;
				line-height: 2em;
				padding:0;
				font-size: 1.6em;
				font-style: italic;
				margin:0;
				padding:0;
				font-weight: normal;
			}


		#content>div>#pageTop>.image{

		}

		#content>div>#pageTop>.downArrow{
			position: absolute;
			left:50%;
			bottom:15px;

			width:50px;
			height:50px;

			margin-left:-25px;

			cursor: pointer;

/*			background:#FFF;*/
			background-image: url(../images/down.png);
			background-image: -webkit-image-set(url('../images/down.png') 1x, url('../images/down2x.png') 2x);
			background-repeat: no-repeat;
			background-position: 50% 50%;

			z-index:5;

			-webkit-animation: jump 2s ease-in-out infinite alternate;
			animation: jump 2s ease-in-out infinite alternate;
		}

		@-webkit-keyframes jump {
			from {
				background-position: 50% 0%;
			}
			to {
				background-position: 50% 100%;
			}
		}

		@keyframes jump {
			from {
				background-position: 50% 0%;
			}
			to {
				background-position: 50% 100%;
			}
		}

/* toggles */

	ul.toggles{
		display: none;
		float:right;
		list-style: none;
		margin:0;
		padding:0;
	}

	.js ul.toggles{
		display: block;
	}

		ul.toggles>li{
			display: block;
			float:left;
			margin:0 0 0 2em;
			padding:0;
			text-transform: uppercase;
			color:#888888;
		}
		ul.toggles>li:hover{
			border-bottom:2px solid #888888;
			cursor: pointer;
		}

		ul.toggles>li.enabled{
			color:#000000;
			border-bottom:2px solid #000000;
		}

@media screen and (max-width:1060px){
	ul.toggles>li{
		margin:0 0 0 1em;
	}
}

@media screen and (max-width:920px){
	ul.toggles>li{
		font-size:.8em;
	}
}


/**
	«mobile»
**/

@media screen and (max-width:700px){
	.carrousel>.prev,
	.carrousel>.next{
		width:30px;
		background-size:18px 33px;
		/*display: none;*/
		background-position: 0% 50%;
	}

	.carrousel>.prev{
		background-position: 100% 50%;
	}

	.carrousel>.prev:hover{
		background-position: 25% 50%;
	}

	.carrousel>.next:hover{
		background-position: 75% 50%;
	}

	#content>div>#pageTop .text{
		left:40px;
		right:40px;
	}

}


@media screen and (max-width:700px){
	#content>div>.topBackground>h2{
		bottom:auto;
		top:100%;
		top:calc(100% + 10px);
		font-size:1em;
	}


		ul.toggles{
			width:100%;
			float:none;
			text-align: center;
			margin-top:20px;
		}

			.js ul.toggles>li{
				display: inline-block;
				float:none;
				margin-top:10px;
			}
}


/* form */
form{
	position: relative;
}
	form::before{
		content:"";
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:#FFFFFF;
		opacity: 0;
		pointer-events: none;
		z-index:-1;
		transition: opacity 0.3s;
	}

	form .formThanks{
		position: absolute;
		left:0;
		top:50%;
		transform: translateY(-50%);
		opacity: 0;
		transition: opacity 0.6s;
		pointer-events: none;
		z-index:3;

		text-align: center;
		width:100%;

		font-size:1.2em;
	}

		form .formThanks h2{
			font-size: 2.5em;
			margin:0;
			padding:0;
		}

		form .formThanks p{
			margin:0;
			padding:0;
		}

		form .formThanks p.close{
			margin-top:1em;
			text-decoration:underline;
			cursor: pointer;
		}

		form .formThanks p.close:hover{
			color:#0f673b;
		}


form.loading{
	/*	opacity: 0.5;*/
	pointer-events: none;
}
	form.loading::before,
	form.success::before{
		z-index:2;
		opacity: 0.85;
		pointer-events: auto;
	}

form.success{

}

	form.success .formThanks{
		opacity: 1;
		pointer-events: auto;
	}


	form label{
		display: block;
		width:100%;
	}

	form label{
		display: block;
		width:100%;
	}

	form input,
	form textarea{
		background:#EEEEEE;
		border:0;
		border-radius: 0;
		width:100%;
		width:calc(100% - 10px);
		height:20px;
		line-height: 20px;
		padding:5px;
		margin-bottom:20px;
		margin-top:10px;
	}

	form input.submit{
		width:auto;
		height:auto;
		margin:0;
		font-size: 15px;
		line-height: 15px;
		padding:15px;
		background:#0f673b;
		color:#FFFFFF;
		text-transform: uppercase;
		border-radius: 0;
		display: block;
		-webkit-appearance: none;
		float:right;

		position: absolute;
		bottom: 0;
		right: 0;
	}

	form input.submit:hover{
		cursor: pointer;
		opacity: 0.9;
	}


	form textarea{
		height:80px;
		resize:none;
	}

div.selectMultiple{
	border: 2px solid black;
	width: 196px;
	height: 30px;
	position: relative;
}

	div.selectMultiple div.default{
		display: block;
		margin:0;
		padding:0;
		width:170px;
		line-height:20px;
		height:20px;
		padding:5px;
		position: relative;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		color:#888;
	}

	div.selectMultiple::before{
		content:"";
		position: absolute;
		top:0;
		right:0px;
		width:20px;
		height:30px;
		border-left:2px solid black;
		text-align: center;
		line-height: 30px;
		background:#FFFFFF;
		background:rgba(255,255,255,0.5);
		color:black;
		background-image: url(../images/dropdown.png);
		background-image: -webkit-image-set(url('../images/dropdown.png') 1x, url('../images/dropdown2x.png') 2x);
		background-repeat: no-repeat;
		background-position: 50% 50%
	}

		div.selectMultiple div.default>span{
			color:#000000;
		}

	div.selectMultiple ul{
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top:100%;
		left:-2px;
		width:100%;
		height:auto;
		max-height: 250px;
		max-height:0;
		overflow: auto;
		border: 2px solid black;
		background:#FFFFFF;
		background: rgba(255,255,255,0.7);
		border-top:0;
		transition: max-height 0.4s;
		-webkit-backdrop-filter: saturate(180%) blur(20px);
		backdrop-filter: saturate(180%) blur(20px);
	}

	div.selectMultiple:hover ul{
		max-height:250px;
	}

	div.selectMultiple ul li{
		display: block;
		margin:0;
		padding:0;
		width:190px;
		line-height:20px;
		height:20px;
		padding:5px;
		position: relative;
	}

	div.selectMultiple ul li:hover{
		background:#EEEEEE;
		cursor:default;
	}

	div.selectMultiple ul li.checked{
		background:rgba(15,103,59,0.2);
	}

	div.selectMultiple ul li.checked:hover{
		background:rgba(15,103,59,0.1);
	}

	div.selectMultiple ul li{
		display: block;
		position: relative;
		border-top:2px solid black;
	}
/*		div.selectMultiple ul li:first-child{
			border-top:0;
		}*/
			div.selectMultiple ul li>label{
				display: block;
				width:100%;
				height:100%;
				overflow: hidden;
				margin:0;
				padding:0;
			}

				div.selectMultiple ul li>label>input{
					position: absolute;
					width: auto;
					height: auto;
					margin: 0;
					padding: 0;
					top: 15px;
					left: 15px;
					transform: translate(-50%, -50%);
				}

				div.selectMultiple ul li>label>span{
					display: block;
					position: absolute;
					top: 0;
					left: 30px;
					right: 0;
					bottom: 0;
					width: auto;
					line-height:30px;
					overflow: hidden;
					text-overflow: ellipsis;
				    white-space: nowrap;
				}






.contactAboutList{
	/*clear:left;*/
	display: block;
	margin:0;
	padding:0;
	list-style: none;
	/*padding-right:150px;*/
	/*width:350px;*/
	/*width:calc(100% - 150px);*/
	/*float:left;*/

	width:100%;
	clear:both;
}
.js .contactAboutList{
	opacity: .5;
}

.js .contactAboutList.active{
	opacity: 1;
}

	.contactAboutList>li{
		display: block;
		float:left;
		height:30px;
		line-height: 30px;
		display: block;
		position: relative;
		border:2px solid black;
		margin-right:5px;
		margin-bottom:5px;
		position: relative;
		white-space: nowrap;
	}

	.contactAboutList>li.checked{
		background: rgba(15, 103, 59, 0.2);
	}

		.contactAboutList>li>label{
			display: block;
			padding:0 15px 0 30px;
			width:auto;
		}

			.contactAboutList>li>label>input{
				position: absolute;
				top:15px;
				left:15px;
				transform: translate(-50%, -50%);

				width: auto;
				height: auto;
				margin: 0;
				padding: 0;
			}

			.contactAboutList>li>label>span{
				display: block;
			}


/**
	NAV
**/

	#site>nav{
		position: fixed;
		top:0;
		left:0;
		width:100%;
		height:75px;
		z-index: 10;
		transition:background 0.8s, height 0.8s;
	}

		#site>nav>#logo{
			position: relative;
			height: 100%;
			/*width:75px;*/
			/*height:75px;*/
/*			background:#000;*/
			margin:30px 0 0 40px;
			float:left;
/*			transition:margin 0.8s;*/
		}
			#site>nav>#logo>h1{
				width:1px;
				height:1px;
				position: absolute;
				top:0;
				left:-1000px;
			}

			#site>nav>#logo>svg{
				width:100%;/*75px;*/
				height:100%;/*75px;*/
				transition: opacity 0.6s;
			}


			#site>nav>#logo>img{
				display: block;
				width:auto;/*75px;*/
				height:100%;/*75px;*/
				transition: opacity 0.6s;
			}

				#site>nav>#logo>svg .st0{
					fill:#FFFFFF;
				}

			#site>nav>#logo>a{
				display: block;
				position: absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
				color:transparent;
				text-decoration: none;
				border:0;
			}

		/*
		#site>nav>#logo:hover>svg,
		#site>nav>#logo:hover>img{
			opacity: 0.5;
			transition: opacity 0.2s;
		}
		*/


		#site>nav>ul{
			list-style: none;
			display: block;
			float:right;
			margin:30px 40px 0 0;
			font-size:0.93em;
		}

			#site>nav>ul>li{
				display: block;
				float:left;
				margin:0 0 0 25px;
				padding:0;
			}

				#site>nav>ul>li.langlink{
					font-size:0.8em;
				}
					#site>nav>ul>li.langlink>a{
						padding-bottom:0.5em;
					}


				#site>nav>ul>li>a{
					color:#FFFFFF;
					text-decoration: none;
					text-transform: uppercase;
					transition:color 0.4s 0.2s;
				}
				#site>nav>ul>li>a:hover{
					text-decoration: underline;
				}

	#site>nav.fixed{
		background:rgba(255,255,255,0.9);
		height:75px;
	}

		#site>nav.fixed>#logo{
			margin-top:0;
		}

			#site>nav.fixed>#logo>svg .st0{
				fill:#000000;
				transition:fill 0.4s 0.2s;
			}

			#site>nav.fixed>#logo>img{
				/*filter: invert(1);*/
				/*transition:filter 0.4s 0.2s;*/
			}

		#site>nav.fixed>ul>li>a{
			color:#000000;
		}


	#site.blackHeader,
	#site.blackHeaderWithBackground{
		padding-top:135px;
		min-height:calc(100% - 135px);
	}

	#site.blackHeader>nav,
	#site.blackHeaderWithBackground>nav{
		background:rgba(255,255,255,0.9);
		height:75px;
	}

		#site.blackHeader>nav>#logo,
		#site.blackHeaderWithBackground>nav>#logo{
			margin-top:0;
		}

			#site.blackHeader>nav>#logo>svg .st0,
			#site.blackHeaderWithBackground>nav>#logo>svg .st0{
				fill:#000000;
				transition:fill 0.4s 0.2s;
			}


		#site.blackHeader>nav>ul>li>a,
		#site.blackHeaderWithBackground>nav>ul>li>a{
			color:#000000;
		}


	#site>#content{
		min-height: 100%;
		transition: filter 0.4s
	}

	#site.blackHeaderWithBackground>nav{
/*		height:135px;*/
/*		background:#EEEEEE;*/
/*		background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(238,238,238,0) 100%);*/
		background:transparent;
		transition:height 0.8s;
	}
	#site.blackHeaderWithBackground>nav.fixed{
		background:rgba(255,255,255,0.9);
		height:75px;
	}



/**
	FOOTER
**/

	#site>footer{
		clear:both;
		padding:30px 45px;
		margin-top:75px;
		height:72px;
		background:#EEEEEE;
	}

		#site>footer>.logo{
			float:left;
			width:72px;
			height:72px;
/*			background:#000;*/
		}
			#site>footer>.logo>img{
				width:100%;
				height:auto;
			}

		#site>footer>.address{
			float:left;
			margin-left:50px;
		}

		#site>footer>ul{
			float:right;
			list-style: none;
			margin:0;
			padding:0;
			display: block;
		}

			#site>footer>ul>li{
				float:left;
				margin-left:10px;
			}

			#site>footer>ul>li.button_facebooklink,
			#site>footer>ul>li.button_instagramlink,
			#site>footer>ul>li.button_linkedinlink{
				width: 30px;
				height:30px;
				margin-top:-0.4em;
			}

				#site>footer>ul>li.button_facebooklink>a,
				#site>footer>ul>li.button_instagramlink>a,
				#site>footer>ul>li.button_linkedinlink>a{
					display: block;
					width: 30px;
					height:30px;
					overflow: hidden;
					background-repeat: no-repeat;
					background-position: 50% 50%;
					text-indent: -100px;
				}

				#site>footer>ul>li.button_facebooklink>a{
					background-image: url(../images/facebook.png);
					background-image: -webkit-image-set(url('../images/facebook.png') 1x, url('../images/facebook2x.png') 2x);
				}

				#site>footer>ul>li.button_instagramlink>a{
					background-image: url(../images/instagram.png);
					background-image: -webkit-image-set(url('../images/instagram.png') 1x, url('../images/instagram2x.png') 2x);
				}

				#site>footer>ul>li.button_linkedinlink>a{
					background-image: url(../images/linkedin.png);
					background-image: -webkit-image-set(url('../images/linkedin.png') 1x, url('../images/linkedin2x.png') 2x);
				}


			#site>footer>a{
				float:right;
				clear:right;
				margin-top:20px;
			}















/**
	«tablet»
**/


@media screen and (max-width:1060px){
	#site>nav>#logo,
	#site.blackHeader>nav>#logo{
		margin-left:30px;
	}
	#site>nav>ul{
		margin-right:30px;
	}
}









/**
	«mobile»
**/

@media screen and (max-width:700px){
	#site{
		padding-top: 55px;
	}

	#site>nav{
		height: 55px;
		background: rgba(255,255,255,0.9);
	}
	#site>nav.fixed{
		opacity: 1;
		height: 55px;
	}

	#site>nav>ul>li>a{
		color: #000;
	}

	#site>nav>ul{
		margin-top: 23px;
	}

	#site>nav>#logo{
		margin: 0 !important;
/*		width:50px;
		height:50px;*/
	}

		#site>nav>#logo>img{
			width: 50vw;
			max-width: 200px;
			height: auto;
			position: absolute;
			top: 50%;
			left: 10px;
			transform: translateY(-50%);
		}

	.carrousel>ul.pager{
		bottom:10px;
		right:10px;
	}

	#content>div>#pageTop>.downArrow{
		display: none;
	}

	#projectInside .carrouselViewer{
		display: none;
	}

	.col2>div.col,
	.col3>div.col{
		width:100%;
		margin:0;
	}


	#content>div>#pageTop .text>h2{
		font-size:25px;
		line-height: 30px;
	}

	#content>div>#pageTop .text>h3{
		font-size: 18px;
		line-height: 22px;
	}


	.contactAboutList{
		width:100%;
		float:none;
		clear:both;
	}

	form input.submit{
		float:none;
		margin:1em auto 0 0;
	}



	#site>footer{
		height:auto;
	}

		#site>footer>.logo{
			float:none;
			margin:0 auto;
		}

		#site>footer>.address{
			float: none;
			margin: 20px 0;
			text-align: center;
		}

		#site>footer>ul{
			float: none;
			margin: 0;
			text-align: center;
		}

			#site>footer>ul>li{
				float: none;
				display: inline-block;
				vertical-align: middle;
			}

			#site>footer>ul>li:first-child{
				margin-left:0;
			}

}

@media screen and (max-width:400px){
	#site>footer>ul>li.bottom_newsletter{
		display: block;
		margin-bottom: 20px;
	}
}














































/**
			██╗  ██╗ ██████╗ ██╗  ██╗
			██║  ██║██╔═████╗██║  ██║
			███████║██║██╔██║███████║
			╚════██║████╔╝██║╚════██║
			     ██║╚██████╔╝     ██║
			     ╚═╝ ╚═════╝      ╚═╝                         
 */

#site.page_404>#content>#error404{
	text-align:center;
	font-size:100px;
	line-height:150px;
	color:#EEE;
}








































/**	                                                                   
			██╗  ██╗ ██████╗ ███╗   ███╗███████╗
			██║  ██║██╔═══██╗████╗ ████║██╔════╝
			███████║██║   ██║██╔████╔██║█████╗  
			██╔══██║██║   ██║██║╚██╔╝██║██╔══╝  
			██║  ██║╚██████╔╝██║ ╚═╝ ██║███████╗
			╚═╝  ╚═╝ ╚═════╝ ╚═╝     ╚═╝╚══════╝
**/

	#content>#home{
		min-height: 100%;
	}



/*
	#content>#home>#projectList{
		position: relative;
		width:100%;
		max-width: 1000px;
		margin:75px auto;
		padding:0 0 20px 0;
	}

	.jsAnimation #content>#home>#projectList{
		margin-top:75px;
	}

	#content>#home>#projectList.buttonFixedTop,
	#content>#home>#projectList.buttonFixedBottom{
		padding-top:44px;
	}

		#content>#home>#projectList>a.btn{
			float:right;
			margin-bottom: 20px;
			transition: opacity 0.4s;
		}
		#content>#home>#projectList.disabled>a.btn{
			opacity: 0;
		}
		#content>#home>#projectList.buttonFixedTop>a.btn{
			position: fixed;
			top: 95px;
			right: 50%;
			margin-right: -500px;
			z-index:5;
			box-shadow: 0 0 0 3px white;
		}
		#content>#home>#projectList.buttonFixedBottom>a.btn{
			position: absolute;
			bottom:-20px;
			right:0;
			opacity: 0;
		}

		#content>#home>#projectList>ul{
			display: block;
			clear:both;
			margin:0;
			padding:0;
			list-style: none;
		}

			#content>#home>#projectList>ul>li{
				position: relative;
				margin:20px 0;
				padding:0;
				display: block;
				clear:both;
				margin-top:20px;
			}

				#content>#home>#projectList>ul>li>div.img{
					position: relative;
					margin:0 30px;
					width:614px;
					height:338px;
					height:auto;
					background:#888;
					float:left;
					background-size:100% auto;
					background-size:cover;
					background-position: 50% 50%;
					background-repeat: no-repeat;
					top:0;
					left:0;
				}
					#content>#home>#projectList>ul>li>div.img>a{
						position: absolute;
						top:0;
						left:0;
						display: block;
						width:100%;
						height: 100%;
						margin:0;
						padding:0;
						color:transparent;
						font-size: 0;
						text-indent: -1000px;
					}
					#content>#home>#projectList>ul>li>div.img>a:hover{
						background:rgba(255,255,255,0.2);
					}
				#content>#home>#projectList>ul>li:nth-child(odd)>div.img{
					float:right;
				}

					#content>#home>#projectList>ul>li>div.img::before{
						display: block;
						content:"";
						width:1px;
						padding-bottom:55%;
					}


				#content>#home>#projectList>ul>li>div.text{

				}

					#content>#home>#projectList>ul>li>div.text>h2{
						display: block;
						margin:0 0 30px 0;
						padding:20px 0 0 0;
						text-transform: uppercase;

						font-size: 1.4em;
						font-weight: 500;
					}

					#content>#home>#projectList>ul>li>div.text>h3{
						display: block;
						margin:-20px 0 20px 0;
						padding:0 0 0 0;
						text-transform: uppercase;

						font-size: 1.2em;
						font-weight: 500;
					}

					#content>#home>#projectList>ul>li>div.text>p{

					}

					#content>#home>#projectList>ul>li>div.text>a{
						text-transform: uppercase;
					}
*/



/* timing function (enabled) 
	.jsAnimation #content>#home>#projectList>ul>li{
		transition: top 0.8s, transform 0.8s;
	}

	.jsAnimation #content>#home>#projectList>ul>li>div.img{
		transition: top 0.8s, left 0.8s, right 0.8s, width 0.8s, height 0.8s;
	}

	.jsAnimation #content>#home>#projectList>ul>li>div.img::before{
		transition:padding 0.8s;
	}


	.jsAnimation #content>#home>#projectList>ul>li>div.text{
		transition:opacity 0.5s 0.5s;
	}
*/


/* timing function (disabled) 
	.jsAnimation #content>#home>#projectList.disabled>ul>li{
		transition: top 0s, transform 0s;
	}

	.jsAnimation #content>#home>#projectList.disabled.back2disabled>ul>li{
		transition: top 0.2s, transform 0.2s;
	}


	.jsAnimation #content>#home>#projectList.disabled>ul>li>div.img{
		transition: top 0.4s, left 0.4s, width 0.4s, height 0.4s;
	}

		.jsAnimation #content>#home>#projectList.disabled>ul>li>div.img::before{
			transition:padding 0.4s;
		}

	.jsAnimation #content>#home>#projectList.disabled>ul>li>.text{
		opacity: 0;
		transition:opacity 0.4s;
		pointer-events: none;
	}
*/
/* animation 

	.jsAnimation #content>#home>#projectList.disabled>ul>li.img1{

	}
		.jsAnimation #content>#home>#projectList.disabled>ul>li.img1>.img{
			width:320px;
			left:-300px;
		}
			.jsAnimation #content>#home>#projectList.disabled>ul>li.img1>div.img::before{
				padding-bottom: 100%;
			}

	.jsAnimation #content>#home>#projectList.disabled>ul>li.img2{

	}
		.jsAnimation #content>#home>#projectList.disabled>ul>li.img2>.img{
			top: -45px;
			left: 40px;
		}

	.jsAnimation #content>#home>#projectList.disabled>ul>li.img3{

	}
		.jsAnimation #content>#home>#projectList.disabled>ul>li.img3>.img{
			width:425px;
			top: -230px;
			left: 38px;
		}
			.jsAnimation #content>#home>#projectList.disabled>ul>li.img3>div.img::before{
				padding-bottom: 80%;
			}

	.jsAnimation #content>#home>#projectList.disabled>ul>li.img4{

	}
		.jsAnimation #content>#home>#projectList.disabled>ul>li.img4>.img{
			top: -475px;
			left:-45px;
			width: 543px;
		}
*/

	#content>#home>#projectList{
		width: 100%;
		max-width: 1000px;
		margin: 75px auto;
		position: relative;
	}

		#content>#home>#projectList{

		}


		#content>#home>#projectList>ul{
			list-style: none;
			margin:0;
			padding:0;
			display: block;
			position: relative;
		}

			#content>#home>#projectList>ul>li{
				list-style: none;
				margin:0;
				padding:0;
				display: block;
				width:50%;
				width:calc(50% - 10px);
				margin:0 10px 20px 0;
				background: #EEE;
				overflow: hidden;
				background-position: 50% 50%;
				background-size: 100% auto;
				background-size: cover;
				background-repeat: no-repeat;
				position: relative;
			}
				#content>#home>#projectList>ul>li::before{
					display: block;
					content:"";
					transition:background 0.8s;
				}

				#content>#home>#projectList>ul>li:hover::before{
					background: rgba(0, 0, 0, 0.5);
				}


			#content>#home>#projectList>ul>li>.text{
			/*#content>#home>#projectList>ul>li>p{*/
			/*#content>#home>#projectList>ul>li>p.titre{*/
				position: absolute;
				top:50%;
				left:0;
				text-align: center;
				width:100%;
				transform: translateY(-50%);
				margin:0;
				padding:0;
				box-sizing: border-box;
				text-transform: uppercase;
				color:#FFFFFF;
				text-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
				font-size:40px;
				line-height: 1em;
			}

				#content>#home>#projectList>ul>li>.text>p.titre{
					margin:0;
					padding:0 20px;
				}

				#content>#home>#projectList>ul>li>.text>.mention{
					margin:0;
					padding:0 20px;
					box-sizing: border-box;
					display: block;
					width:100%;
					position: absolute;
					top:100%;
					margin-top:20px;
					text-align:center;
					font-size:15px;
					text-transform: uppercase;
					line-height: 1.2em;
				}

/*				#content>#home>#projectList>ul>li>.text>p.mention{
					margin:0;
					padding:0;
					text-transform: none;
					font-size:.5em;
				}*/


			#content>#home>#projectList>ul>li>a{
				display: block;
				position: absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
				z-index: 2;
				color:transparent;
				font-size: 0;
				text-indent: -100px;
			}


				#content>#home>#projectList>ul>li.img1{
					position: absolute;
					top:0;
					right:0;
					margin:0;
				}
					#content>#home>#projectList>ul>li.img1::before{
						padding-bottom:153.0377668309%;
						padding-bottom:calc(153.0377668309% + 20px);
					}

				#content>#home>#projectList>ul>li.img2{

				}
					#content>#home>#projectList>ul>li.img2::before{
						padding-bottom:100%;

					}

				#content>#home>#projectList>ul>li.img3{

				}
					#content>#home>#projectList>ul>li.img3::before{
						padding-bottom:52.5368%;
					}

				#content>#home>#projectList>ul>li.img4{
					width:100%;
					margin-bottom:0;
					border-top: 20px solid #FFFFFF;
					margin-top: -20px;
				}
					#content>#home>#projectList>ul>li.img4::before{
						padding-bottom:36.7742%;
					}





	#content>#home>#moreaboutus{
		clear:both;
		background:#EEEEEE;
		margin:75px 0;
		padding:75px 0;

		text-align: center;
	}
		#content>#home>#moreaboutus>div.text{
			width:80%;
			width:calc(100% - 60px);
			max-width:800px;
			height:auto;
			margin:0 auto;
			color:#000000;

			font-style: italic;

			font-size: 1.2em;
			line-height: 1.3em;
		}

			#content>#home>#moreaboutus>div.text>p{
				/*font-family: felt-tip-senior, sans-serif;*/
				/*font-size: 1.8em;*/

				font-family: Rubik, sans-serif;
				font-size: 1.667em;
				/* font-weight: 500; */
				line-height: 1.2em;
				/* text-transform: uppercase; */

				position: relative;
				padding:20px 30px;
				margin:0;

				z-index:2;
			}

			#content>#home>#moreaboutus>div.text>p::before,
			#content>#home>#moreaboutus>div.text>p::after{
				display: block;
				content:"";
				position: absolute;
				width:110px;
				height:98px;
				z-index:-1;
			}

			#content>#home>#moreaboutus>div.text>p::before{
				top:0;
				left:0;
				background-image: url(../images/quotea.png);
				background-image: -webkit-image-set(url('../images/quotea.png') 1x, url('../images/quotea2x.png') 2x);
			}

			#content>#home>#moreaboutus>div.text>p::after{
				bottom:0;
				right:0;
				background-image: url(../images/quoteb.png);
				background-image: -webkit-image-set(url('../images/quoteb.png') 1x, url('../images/quoteb2x.png') 2x);
			}

/*			#content>#home>#moreaboutus>div.text>p.title{
				font-weight: 500; 
			}

			#content>#home>#moreaboutus>div.text>p.signature{
				color:#0f673b;
				margin-top:0;
			}*/
			#content>#home>#moreaboutus>div.text>a{
				margin-top:1em;
			}


	#news{
		width:100%;
		max-width: 1000px;
		margin:75px auto;
	}

		#news>div.intro{
/*			float:left;
			width:493px;*/
			text-align: center;
		}

			#news>div.intro>h2{
				text-transform: uppercase;
				font-size: 2em;
				font-weight: 500;
				margin-bottom: 1.25em
			}

		#news>ul{
			display: block;
			list-style: none;
			margin:0;
			padding:0;
			float:left;
			width:493px;
			position: relative;
		}
		#news>ul+ul{
			margin-left:14px;
		}

			#news>ul>li{
				position: relative;
				background:#EEEEEE;
				margin:0 0 14px 0;
				cursor: pointer;
				transition: opacity 0.4s;
			}

			.js #news>ul>li.fadeOnScroll{
				transition: opacity 1.5s;
			}


				#news>ul>li>.img{
					width:100%;
					height:300px;
					height:auto;
					background: #888888;
					background-size: 100% auto;
					background-size:cover;
					background-position: 50% 50%;
					background-repeat: no-repeat;
				}

					#news>ul>li>.img::before{
						display: block;
						content:"";
						padding-bottom:60%;
						width:1px;
/*						background:red;*/
					}


				#news>ul>li>.title{
					padding:25px;
					border-top:2px solid white;
				}

					#news>ul>li>.title>h2{
						font-size: 1.26em;
						color:#000000;
						font-weight: 500;
					}


				#news>ul>li>.text{
					padding:25px;
					display: none;
				}

					#news>ul>li>.text>h2{
						font-size: 1.26em;
						color:#000000;
						font-weight: 500;
						transition: color 0.4s;
					}

						#news>ul>li>.text>.text>p{
							margin-top:0;
							padding-top:0;
						}

						#news>ul>li>.text>.text>a{
							text-transform: uppercase;
						}


/*			#news>ul>li:first-child{
				position: absolute;
				top: 200px;
				left: -507px;
				width: 100%;
			}*/

			#news>ul>li:hover>.title>h2{
				color:transparent;
			}

			#news>ul>li:hover>.text{
				display: block;
				position: absolute;
				bottom:0;
				left:0;
				background:#EEEEEE;
				background:rgba(238, 238, 238, 0.9);
			}

			#site.js #news>ul>li>.text>h2{
				color:#0f673b;
			}


			#site.js #news>ul>li>.text>.text{
				max-height:0;
				overflow: hidden;
				transition: max-height 0.4s;
			}

			#site.js #news>ul>li.hover>.text>.text{
				max-height:200px;
			}







div.newsCtn{
	width: 614px;
	height:auto;
	background: #FFFFFF;
	margin:0 auto;
}

	div.newsCtn>a.close{
		position: absolute;
		display: block;
		top:0;
		right:0;
		width:45px;
		height:45px;
		overflow: hidden;
		text-indent: -100px;
		text-decoration: none;

		cursor: pointer;

		background-image: url(../images/close.png);
		background-image: -webkit-image-set(url('../images/close.png') 1x, url('../images/close2x.png') 2x);
		background-repeat: no-repeat;
		background-position: 50% 50%;

		opacity: 0.8;
	}
	div.newsCtn>a.close:hover{
		opacity: 1;
	}


	div.newsCtn>div.img{
		width:100%;
		height:340px;
		background:#EEE;
		background-size:100% auto;
		background-size:cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

	div.newsCtn>div.text{
		width:auto;
		height:290px;
		height:auto;
		overflow: auto;
		padding:25px;
		background:#EEEEEE;
	}

		div.newsCtn>div.text>div.text br{
			display: block;
			height:1em;
			width:100%;
			content:"";
		}

	div.newsCtn>div.text>h2{
		font-size: 1.26em;
		color:#0f673b;
		font-weight: 500;
	}


#newsInside{
	margin-top:75px;
}

	#newsInside .btn{
		margin-top:18px;
	}





#newsContainer{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: transparent;
	z-index:10;
	overflow: scroll;
	/*opacity: 0;*/
	transition: background 0.4s;
}

	#newsContainer>div.newsCtn{
		height:630px;
		display: none;
		position: absolute;
		top:50%;
		left:50%;
		margin-left:-307px;
		margin-top:-315px;
	}

	#newsContainer>div.newsCtn>div.text{
		background:#FFFFFF;
		height:240px;
	}

		#newsContainer>div.newsCtn>div.text>h2{
			font-size: 1.26em;
			color:#0f673b;
			font-weight: 500;
		}

	#newsContainer.showPopup>div.newsCtn{
		display: block;
	}

body.showNewsContainer{
	overflow: hidden;
}

body.showNewsContainer #news>ul>li.showNewsHidden{
	transition: opacity 0;
	opacity: 0;
}


body.showNewsContainer #newsContainer{
	/*opacity: 1;*/
	background:#000000;
	background:rgba(0,0,0,0.5);
}

#newsContainer #animationImage{
	background-size:100% auto;
	background-size:cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute;
	top:0;
	left:0;
}


#newsContainer #animationText{
	position: absolute;
	top:0;
	left:0;
	background: #EEEEEE;
	background: rgba(238, 238, 238, 0.9);
	padding: 25px;
	transition:background 0.4s;
}

#newsContainer #animationText>h2{
	font-size: 1.26em;
	color:#0f673b;
	font-weight: 500;
}

#site.page_news #newsContainer #animationText{
	background: #FFFFFF;
}

#newsContainer #animationText.setBackground{
	background:#FFFFFF;
}


body.showNewsContainer #newsContainer.fadeOut{
	opacity: 0;
}

#newsContainer.fadeOut>div.newsCtn{
	transition: transform 0.4s;
	transform:translateY(-150%);
}












/**
	«tablet»
**/


@media screen and (max-width:1060px){
/*
	#content>#home>#projectList{
		width:calc(100% - 20px);
	}

		#content>#home>#projectList>ul>li>div.text,
		#content>#home>#projectList>ul>li>div.img{
			float:left;
			margin:0 30px;
			width:50%;
			width:calc(50% - 45px);
		}

		#content>#home>#projectList>ul>li>div.img{
			margin-left:0;
		}

		#content>#home>#projectList.buttonFixedTop>a.btn{
			right: 10px;
			margin-right: 0;
		}

*/
	#content>#home>#projectList{
		margin: 75px 20px;
		width: auto;
	}



	#news{
		margin: 0 20px;
		width: auto;
	}

		#news>div.intro{
			width:100%;
		}

		#news>ul{
			width:50%;
			width:calc(50%);
			margin-left:-3px;
		}

		#news>ul+ul{
			margin-left:3px;
		}


		#news>ul>li{
			margin: 6px 0;
		}

}









/**
	«mobile»
**/


@media screen and (max-width:700px){
	#content>#home>#projectList{
		margin: 30px 15px;
		padding-bottom: 0;
	}

		/*#content>#home>#projectList>ul>li>p{*/
		#content>#home>#projectList>ul>li>.text>p.titre{
			font-size:25px;
			line-height: 1em;
		}

		#content>#home>#projectList>ul>li>.text>.mention{
			margin-top:10px;
			position: static;
		}


		#content>#home>#projectList>ul>li,
		#content>#home>#projectList>ul>li.img1,
		#content>#home>#projectList>ul>li.img2,
		#content>#home>#projectList>ul>li.img3,
		#content>#home>#projectList>ul>li.img4{
			position: relative;
			top:0;
			left:0;
			right:auto;
			width:100%;
			margin:0 0 15px 0;

			border:0;
			margin-top:0;
		}

		#content>#home>#projectList>ul>li::before,
		#content>#home>#projectList>ul>li.img1::before,
		#content>#home>#projectList>ul>li.img2::before,
		#content>#home>#projectList>ul>li.img3::before,
		#content>#home>#projectList>ul>li.img4::before{
			padding-bottom:313px;
			padding-bottom: 56.25%;
		}


			#content>#home>#projectList>ul>li>div.img,
			#content>#home>#projectList>ul>li>div.text{
				width:100%;
				margin:0;
				padding:0;
			}

			#content>#home>#projectList>ul>li>div.text{
				margin-bottom:30px;
			}

	#content>#home>#moreaboutus{
		margin:30px 0;
		padding:30px 0;
	}

	#content>#home>#moreaboutus>div.text>p{
		/*font-family: felt-tip-senior, sans-serif;*/
		/*font-size: 1.8em;*/

		font-family: Rubik, sans-serif;
		font-size: 1.2em;
		/* font-weight: 500; */
		line-height: 1.2em;
		/* text-transform: uppercase; */
	}
	#content>#home>#moreaboutus>div.text>p.title{
		/*text-transform: uppercase; */
		font-weight: 500; 
	}

	#news>div.intro{
		width:100%;
		margin:0 0 30px 0;
	}

	#news>ul,
	#news>ul+ul,
	#news>ul>li{
		position: relative;
		top:0;
		left:0;
		width:100%;
		margin:0 0 30px 0;
	}

	#news>ul{
		margin-bottom:0;
	}

	div.newsCtn{
		width:100%;
		width:calc(100% - 60px);
	}


	#newsContainer>div.newsCtn{
		position: absolute;
		top:30px;
		left:30px;
		bottom:30px;
		right:30px;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
		overflow: auto;
	}
		#newsContainer>div.newsCtn>div.text{
			height:auto;
		}
}



































































































/**
				██████╗ ██████╗  ██████╗      ██╗███████╗ ██████╗████████╗
				██╔══██╗██╔══██╗██╔═══██╗     ██║██╔════╝██╔════╝╚══██╔══╝
				██████╔╝██████╔╝██║   ██║     ██║█████╗  ██║        ██║   
				██╔═══╝ ██╔══██╗██║   ██║██   ██║██╔══╝  ██║        ██║   
				██║     ██║  ██║╚██████╔╝╚█████╔╝███████╗╚██████╗   ██║   
				╚═╝     ╚═╝  ╚═╝ ╚═════╝  ╚════╝ ╚══════╝ ╚═════╝   ╚═╝   
				                                                          
 */

#projects{
	margin:0 auto -30px auto;
	width:auto;
	max-width:1000px;
}

	#projects>h2{
		text-transform: uppercase;
		font-weight: normal;
		font-size:20px;
		float:left;
		margin:0;
		padding:0;
	}

	#projects>#projectsList{
		clear:both;
		display: block;
		list-style: none;
		margin:55px 0 0 0;
		padding:0;
		width:100%;
	}

		#projects>#projectsList>li{
			position: relative;
			display: block;
			margin:0;
			padding:0;
/*				width:33.3%;
			height: auto;
			width:calc(33.3% - 20px);
			margin-bottom:calc(30px + 0px);
			margin-left:calc(30px + 0px);*/
			width:313px;
			height:313px;
			margin:0 0 30px 30px;
			float:left;
			background-size: auto 100%;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 50% 50%;
			background-color:#EEE;
			overflow: hidden;
		}
		#projects>#projectsList>li.hidden{
			display: none;
		}

			#projects>#projectsList>li>a{
				display: block;
				position: absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
				color:transparent;
				border:0;
				text-decoration: none;
			}

			#projects>#projectsList>li>.background{
				position: absolute;
				top:0;
				left:0;
				width:100%;
				height:400%;
				background:transparent;
				background:rgba(0,0,0,0.5);
/*				background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0) 100%);
				transition: transform 0.8s;*/
				transition: opacity 0.8s;
			}

			#projects>#projectsList>li>.text{
				position: absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
/*				background:transparent;
				background:rgba(0,0,0,0.5);*/
				color:#FFFFFF;
				text-align: center;
				text-transform: uppercase;
				display: table;
				transform: translateY(0);
				transition: transform 1s, opacity 0.5s 0.3s;
			}

				#projects>#projectsList>li>.text>div{
					display: table-cell;
					vertical-align: middle;
					padding:20px;
				}

					#projects>#projectsList>li>.text>div>h3{
						font-weight: bold;
						margin:0;
						padding:0 0 0.3em 0;

						font-weight:1.4em;
						font-weight: 500;
					}

					#projects>#projectsList>li>.text>div>p{
						margin:0;
						padding:0;

				}

		#projects>#projectsList>li::before{
			content:"";
			display: block;
			width:1px;
			padding-bottom:100%;

		}

		#projects>#projectsList>li:nth-child(3n+1){
			margin-left:0;
		}

		#projects>#projectsList.jsPositionned>li.pos0{
			width:656px;
		}

		#projects>#projectsList.jsPositionned>li,
		#projects>#projectsList.jsPositionned>li.pos0,
		#projects>#projectsList.jsPositionned>li.pos1,
		#projects>#projectsList.jsPositionned>li.pos2,
		#projects>#projectsList.jsPositionned>li.pos3,
		#projects>#projectsList.jsPositionned>li.pos4,
		#projects>#projectsList.jsPositionned>li.pos5,
		#projects>#projectsList.jsPositionned>li.pos6,
		#projects>#projectsList.jsPositionned>li.pos7,
		#projects>#projectsList.jsPositionned>li.pos8,
		#projects>#projectsList.jsPositionned>li.pos9,
		#projects>#projectsList.jsPositionned>li.pos10,
		#projects>#projectsList.jsPositionned>li.pos11,
		#projects>#projectsList.jsPositionned>li.pos12,
		#projects>#projectsList.jsPositionned>li.pos13,
		#projects>#projectsList.jsPositionned>li.pos14,
		#projects>#projectsList.jsPositionned>li.pos15,
		#projects>#projectsList.jsPositionned>li.pos16,
		#projects>#projectsList.jsPositionned>li.pos17,
		#projects>#projectsList.jsPositionned>li.pos18,
		#projects>#projectsList.jsPositionned>li.pos19,
		#projects>#projectsList.jsPositionned>li.pos20,
		#projects>#projectsList.jsPositionned>li.pos21,
		#projects>#projectsList.jsPositionned>li.pos22,
		#projects>#projectsList.jsPositionned>li.pos23,
		#projects>#projectsList.jsPositionned>li.pos24,
		#projects>#projectsList.jsPositionned>li.pos25{
			margin-left:30px;
		}
		#projects>#projectsList.jsPositionned>li.pos0,
		#projects>#projectsList.jsPositionned>li.pos2,
		#projects>#projectsList.jsPositionned>li.pos5,
		#projects>#projectsList.jsPositionned>li.pos8,
		#projects>#projectsList.jsPositionned>li.pos11,
		#projects>#projectsList.jsPositionned>li.pos14,
		#projects>#projectsList.jsPositionned>li.pos17,
		#projects>#projectsList.jsPositionned>li.pos20,
		#projects>#projectsList.jsPositionned>li.pos23{
			margin-left:0;
		}

		#projects>#projectsList>li:hover{
			cursor: pointer;
		}

			#projects>#projectsList>li:hover>.text{
				transform:translateY(-100%);
				opacity:0;
				/*transition: transform 1s;*/
				transition: transform 1s, opacity 0.5s;
			}
			#projects>#projectsList>li:hover>.background{
/*				transform:translateY(-100%);*/
				/*transition: transform 0.5s;*/
				opacity:0;
			}




















/**
	«tablet»
**/


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

	#content>#projects{
		width:calc(100% - 60px);
	}

		#projects>#projectsList>li{
			width:calc(50% - 15px);
		}

		#projects>#projectsList>li:nth-child(odd){
			margin-left:0;
		}

		#projects>#projectsList>li:nth-child(even){
			margin-left:30px;
		}

		#projects>#projectsList.jsPositionned>li.pos0{
			width:100%;
		}

		#projects>#projectsList.jsPositionned>li,
		#projects>#projectsList.jsPositionned>li.pos0,
		#projects>#projectsList.jsPositionned>li.pos1,
		#projects>#projectsList.jsPositionned>li.pos2,
		#projects>#projectsList.jsPositionned>li.pos3,
		#projects>#projectsList.jsPositionned>li.pos4,
		#projects>#projectsList.jsPositionned>li.pos5,
		#projects>#projectsList.jsPositionned>li.pos6,
		#projects>#projectsList.jsPositionned>li.pos7,
		#projects>#projectsList.jsPositionned>li.pos8,
		#projects>#projectsList.jsPositionned>li.pos9,
		#projects>#projectsList.jsPositionned>li.pos10,
		#projects>#projectsList.jsPositionned>li.pos11,
		#projects>#projectsList.jsPositionned>li.pos12,
		#projects>#projectsList.jsPositionned>li.pos13,
		#projects>#projectsList.jsPositionned>li.pos14,
		#projects>#projectsList.jsPositionned>li.pos15,
		#projects>#projectsList.jsPositionned>li.pos16,
		#projects>#projectsList.jsPositionned>li.pos17,
		#projects>#projectsList.jsPositionned>li.pos18,
		#projects>#projectsList.jsPositionned>li.pos19,
		#projects>#projectsList.jsPositionned>li.pos20,
		#projects>#projectsList.jsPositionned>li.pos21,
		#projects>#projectsList.jsPositionned>li.pos22,
		#projects>#projectsList.jsPositionned>li.pos23,
		#projects>#projectsList.jsPositionned>li.pos24,
		#projects>#projectsList.jsPositionned>li.pos25{
			margin-left:30px;
		}

		#projects>#projectsList.jsPositionned>li.pos0,
		#projects>#projectsList.jsPositionned>li.pos1,
		#projects>#projectsList.jsPositionned>li.pos3,
		#projects>#projectsList.jsPositionned>li.pos5,
		#projects>#projectsList.jsPositionned>li.pos7,
		#projects>#projectsList.jsPositionned>li.pos9,
		#projects>#projectsList.jsPositionned>li.pos11,
		#projects>#projectsList.jsPositionned>li.pos13,
		#projects>#projectsList.jsPositionned>li.pos15,
		#projects>#projectsList.jsPositionned>li.pos17,
		#projects>#projectsList.jsPositionned>li.pos19,
		#projects>#projectsList.jsPositionned>li.pos21,
		#projects>#projectsList.jsPositionned>li.pos23{
			margin-left:0;
		}

}









/**
	«mobile»
**/


@media screen and (max-width:700px){
	#content>#projects{
		width:calc(100% - 60px);
	}

		#projects>h2{
			width:100%;
			float:none;
			text-align: center;
		}


		#projects>#projectsList>li{
			width:100%;
		}
		#projects>#projectsList.jsPositionned>li,
		#projects>#projectsList.jsPositionned>li.pos0,
		#projects>#projectsList.jsPositionned>li.pos1,
		#projects>#projectsList.jsPositionned>li.pos2,
		#projects>#projectsList.jsPositionned>li.pos3,
		#projects>#projectsList.jsPositionned>li.pos4,
		#projects>#projectsList.jsPositionned>li.pos5,
		#projects>#projectsList.jsPositionned>li.pos6,
		#projects>#projectsList.jsPositionned>li.pos7,
		#projects>#projectsList.jsPositionned>li.pos8,
		#projects>#projectsList.jsPositionned>li.pos9,
		#projects>#projectsList.jsPositionned>li.pos10,
		#projects>#projectsList.jsPositionned>li.pos11,
		#projects>#projectsList.jsPositionned>li.pos12,
		#projects>#projectsList.jsPositionned>li.pos13,
		#projects>#projectsList.jsPositionned>li.pos14,
		#projects>#projectsList.jsPositionned>li.pos15,
		#projects>#projectsList.jsPositionned>li.pos16,
		#projects>#projectsList.jsPositionned>li.pos17,
		#projects>#projectsList.jsPositionned>li.pos18,
		#projects>#projectsList.jsPositionned>li.pos19,
		#projects>#projectsList.jsPositionned>li.pos20,
		#projects>#projectsList.jsPositionned>li.pos21,
		#projects>#projectsList.jsPositionned>li.pos22,
		#projects>#projectsList.jsPositionned>li.pos23,
		#projects>#projectsList.jsPositionned>li.pos24,
		#projects>#projectsList.jsPositionned>li.pos25{
			margin-left:0;
		}
}








































































/*
		██████╗ ██████╗  ██████╗      ██╗███████╗ ██████╗████████╗    ██╗███╗   ██╗███████╗██╗██████╗ ███████╗
		██╔══██╗██╔══██╗██╔═══██╗     ██║██╔════╝██╔════╝╚══██╔══╝    ██║████╗  ██║██╔════╝██║██╔══██╗██╔════╝
		██████╔╝██████╔╝██║   ██║     ██║█████╗  ██║        ██║       ██║██╔██╗ ██║███████╗██║██║  ██║█████╗  
		██╔═══╝ ██╔══██╗██║   ██║██   ██║██╔══╝  ██║        ██║       ██║██║╚██╗██║╚════██║██║██║  ██║██╔══╝  
		██║     ██║  ██║╚██████╔╝╚█████╔╝███████╗╚██████╗   ██║       ██║██║ ╚████║███████║██║██████╔╝███████╗
		╚═╝     ╚═╝  ╚═╝ ╚═════╝  ╚════╝ ╚══════╝ ╚═════╝   ╚═╝       ╚═╝╚═╝  ╚═══╝╚══════╝╚═╝╚═════╝ ╚══════╝
 */

#projectInside{

}


	#projectInside .carrouselViewer{
		position: absolute;
		bottom: 27px;
		left: 30px;
		z-index: 3;
		color: white;
		cursor: pointer;
		height:25px;
		line-height: 25px;
		padding-left:45px;

		background-repeat: no-repeat;
		background-image: url(../images/slideshow.png);
		background-image: -webkit-image-set(url('../images/slideshow.png') 1x, url('../images/slideshow2x.png') 2x);
		background-position: 0 50%;

		overflow: hidden;
	}

	#projectInside .logo{
		padding-top: 75px;
	}
	#projectInside .logo.colored{
		padding-bottom:75px;
	}


		#projectInside .logo .ctn{
			
		}

			#projectInside .logo .ctn>img{
				display: block;
				margin:0 auto 0 auto;
				max-width: 320px;
				height:auto;
			}

	#projectInside .logo+#submenu{
		margin-top:75px;
	}

	#projectInside .logo.colored+#submenu{
		margin-top:0;
	}


	#projectInside #submenu{
		background:#EEEEEE;
		list-style: none;
		margin:0;
		padding:0;
		display: block;
		width:100%;
		padding:15px 0;
		line-height: 30px;
		text-align: center;
		text-transform: uppercase;
	}

		#projectInside #submenu>li{
			list-style: none;
			margin:0 20px;
			padding:0;
			display: inline-block;
		}

			#projectInside #submenu>li>a{
				font-size:18px;
				text-decoration: none;
				color:#000;
			}

			#projectInside #submenu>li>a:hover{
				color:#0f673b;
			}



	#projectInside .textCenter{
		width:100%;
		width:calc(100% - 60px);
		max-width:650px;
		text-align: center;
		font-size: 1.3em;
		margin:0 auto;
		padding:75px 0;
		line-height: 1.4em;
	}
	#projectInside .textCenter.smaller{
		font-size:1.2em;
		line-height:1.3em;
	}

		#projectInside .textCenter .ctn>img{
			display: block;
			margin:0 auto 1em auto;
			max-width: 320px;
			height:auto;
		}

		#projectInside .textCenter .ctn>h2{
			display: block;
			font-size: 1.07em;
			text-transform: uppercase;
			margin: 0;
			padding: 0;
			font-weight: 500;
		}

	#projectInside .textCenter.smaller .ctn>h2{
		color:#0f673b;
		font-size: 1.4em;
	}



	#projectInside .specs{
		width:100%;
		padding:75px 0;
		background:#EEEEEE;
	}

		#projectInside .specs>.ctn{
			width:100%;
			width:calc(100% - 60px);
			max-width:1000px;
			margin:0 auto;
		}

			#projectInside .specs>.ctn>.spotlight{
				width:575px;
				width:calc(100% - 275px - 150px);
				float:left;
			}

				#projectInside .specs>.ctn>.spotlight>h4{
					font-size: 1.4em;
					text-transform: uppercase;
					margin:0;
					padding:0;
					font-weight: 500;
					color:#0f673b;
				}

				#projectInside .specs>.ctn>.spotlight>p{
					font-size: 1.4em;
					text-transform: uppercase;
				}


				#projectInside .specs>.ctn>.spotlight>ul{
					display: block;
					list-style: none;
					margin:0;
					padding:0;

					column-gap: 25px;
					column-count: 2;

					text-transform: none;
				}

					#projectInside .specs>.ctn>.spotlight>ul>li{
						position: relative;
						padding-left:25px;

						-webkit-column-break-inside: avoid;
						page-break-inside: avoid;
						break-inside: avoid;

						padding-bottom:0.5em;
					}
						#projectInside .specs>.ctn>.spotlight>ul>li::before{
							content:"-";
							display: block;
							position: absolute;
							top:0;
							left:0;
							width:25px;
							height:1em;
							color:#0f673b;
						}

			#projectInside .specs>.ctn>ul{
				display: block;
				list-style: none;
				margin:0;
				padding:0;

				width:275px;
				padding-left:150px;
				float:right;
			}

				#projectInside .specs>.ctn>ul>li{
					margin:0 0 1em 0;
					padding:0;
					text-transform: uppercase;	
				}

					#projectInside .specs>.ctn>ul>li>h5{
						margin:0;
						padding:0;
						font-size: 1em;
						font-weight: 500;
					}

					#projectInside .specs>.ctn>ul>li>div{

					}

	.video{
		width:100%;
		padding:75px 0;
		background:#EEEEEE;
	}
	#projectInside .specs+.video{
		padding-top:0; /*Fix padding top if those two are next to each other.*/
/*		background: red;*/
	}

		.video>.ctn{
			width:100%;
			width:calc(100% - 60px);
			max-width:1000px;
			margin:0 auto;
		}

			.video>.ctn>.videocontainer{
				position: relative;
				width:100%;
				height:auto;
				background:#000000;
				min-height:100px;
			}
				.video>.ctn>.videocontainer::before{
					display: block;
					content:"";
					width:1px;
					height:0;
					padding-bottom:56.25%;
					margin-left:-1px;
				}
				.video>.ctn>.videocontainer>iframe{
					position: absolute;
					top:0;
					left:0;
					float:left;
					display: block;
					width:100%;
					height:100%;
					margin:0;
					padding:0;
					border:0;
				}

	#projectInside #images{

	}

		#imagesFeed{
			background:#333333;
		}

			#imagesFeed>div.img{
				float:left;
				width:20%;
				background-position: 50% 50%;
				background-size: auto 100%;
				background-size: cover;
			}
			#imagesFeed>div.img:hover{
				opacity: .5;
				cursor: pointer;
			}

				#imagesFeed>div.img::after{
					display:block;
					content:"";
					padding-bottom:100%;
				}


		@media screen and (max-width:800px){
			#imagesFeed>div.img{
				width:25%;
				display: none;
			}

			#imagesFeed>div.img:nth-child(1),
			#imagesFeed>div.img:nth-child(2),
			#imagesFeed>div.img:nth-child(3),
			#imagesFeed>div.img:nth-child(4),
			#imagesFeed>div.img:nth-child(5),
			#imagesFeed>div.img:nth-child(6),
			#imagesFeed>div.img:nth-child(7),
			#imagesFeed>div.img:nth-child(8),
			#imagesFeed>div.img:nth-child(9),
			#imagesFeed>div.img:nth-child(10),
			#imagesFeed>div.img:nth-child(11),
			#imagesFeed>div.img:nth-child(12){
				display: block;
			}

			#imagesFeed.nbRow2>div.img:nth-child(9),
			#imagesFeed.nbRow2>div.img:nth-child(10),
			#imagesFeed.nbRow2>div.img:nth-child(11),
			#imagesFeed.nbRow2>div.img:nth-child(12){
				display:none;
			}

			#imagesFeed.nbRow1>div.img:nth-child(5),
			#imagesFeed.nbRow1>div.img:nth-child(6),
			#imagesFeed.nbRow1>div.img:nth-child(7),
			#imagesFeed.nbRow1>div.img:nth-child(8),
			#imagesFeed.nbRow1>div.img:nth-child(9),
			#imagesFeed.nbRow1>div.img:nth-child(10),
			#imagesFeed.nbRow1>div.img:nth-child(11),
			#imagesFeed.nbRow1>div.img:nth-child(12){
				display:none;
			}
		}

		@media screen and (max-width:450px){
			#imagesFeed>div.img{
				width:50%;
				display: none;
			}

			#imagesFeed>div.img:nth-child(1),
			#imagesFeed>div.img:nth-child(2),
			#imagesFeed>div.img:nth-child(3),
			#imagesFeed>div.img:nth-child(4),
			#imagesFeed>div.img:nth-child(5),
			#imagesFeed>div.img:nth-child(6),
			#imagesFeed>div.img:nth-child(7),
			#imagesFeed>div.img:nth-child(8),
			#imagesFeed>div.img:nth-child(9),
			#imagesFeed>div.img:nth-child(10),
			#imagesFeed>div.img:nth-child(11),
			#imagesFeed>div.img:nth-child(12){
				display: none;
			}


			#imagesFeed>div.img:nth-child(1),
			#imagesFeed>div.img:nth-child(2),
			#imagesFeed>div.img:nth-child(3),
			#imagesFeed>div.img:nth-child(4),
			#imagesFeed>div.img:nth-child(5),
			#imagesFeed>div.img:nth-child(6){
				display: block;
			}

			#imagesFeed.nbRow1>div.img:nth-child(5),
			#imagesFeed.nbRow1>div.img:nth-child(6){
				display:none;
			}
		}



	#projectInside .plans{
		width:100%;
		padding-top:75px;
	}

		#projectInside .plans>.ctn{
			width:100%;
			width:calc(100% - 60px);
			max-width:1000px;
			margin:0 auto;
		}
			#projectInside .plans>.ctn>h4{
				float:left;
				margin-top:0;
				padding-top:0;
				text-transform: uppercase;
				font-weight:500;
				font-size: 1.4em;
			}

			#projectInside .plans>ul.toggles{

			}

			#projectInside .plans>.ctn>#plansList{
				display: block;
				width:100%;
				clear:both;
				list-style: none;
				margin:0;
				padding:50px 0 0 0;

				column-count: 2;
				column-gap: 8px;
			}

				#projectInside .plans>.ctn>#plansList>li{
					display: block;
					width:100%;
					height: 45px;
					background: #EEE;
					margin:0;
					border-bottom: 8px solid white;
					padding:0;
					line-height: 45px;
					text-transform: uppercase;

					transition:background 0.4s;

					white-space: nowrap;
					overflow: hidden;

					-webkit-column-break-inside: avoid;
					page-break-inside: avoid;
					break-inside: avoid;
					position: relative;
				}

				#projectInside .plans>.ctn>#plansList>li.hidden{
					display: none;
				}


					#projectInside .plans>.ctn>#plansList>li>a{
						display: block;
						padding:0 15px;
						text-decoration: none;
						overflow: hidden;
						text-overflow: ellipsis;
					}

						#projectInside .plans>.ctn>#plansList>li>a>span.floor{
							color:#000000; 
							font-size: 1.2em;
						}

						#projectInside .plans>.ctn>#plansList>li>a>span.size{
							color:#0f673b;
							padding-left:0.5em;
						}

						#projectInside .plans>.ctn>#plansList>li>a>span.download{
/*							position: absolute;
							top:0;
							right:0;*/
							padding:0 0 0 10px;

							display: block;
							float:right;

							overflow: hidden;

							color:#FFFFFF;
							transition: opacity 0.6s, max-width 0.6s;
							opacity: 0;
							font-size: 0.8em; 

							max-width:0;
						}

				#projectInside .plans>.ctn>#plansList>li:hover{
					background:#0f673b;
				}

					#projectInside .plans>.ctn>#plansList>li:hover>a{

					}

						#projectInside .plans>.ctn>#plansList>li:hover>a>span.floor{

						}

						#projectInside .plans>.ctn>#plansList>li:hover>a>span.size{
							color:#FFFFFF;
							transition: color 0.3s;
						}

						#projectInside .plans>.ctn>#plansList>li:hover>a>span.download{
							/*transform: translateX(0);*/
							transition: opacity 0.3s, max-width 0.3s;

							opacity:1;

							max-width:100px;
						}



	#projectInside .map{
		width:100%;
		padding-top:75px;
	}

		#projectInside .map>.ctn{
			width:100%;
			width:calc(100% - 60px);
			max-width:1000px;
			margin:0 auto;
		}

			#projectInside .map>.ctn>.mapImage{
				width:100%;
				height:435px;
				/*height:400px;*/
				background:#DDDDDD;
			}

				#projectInside .map>.ctn>.mapImage>img{
					display: block;
					width: 100%;
					height:auto;
				}


			#projectInside .map>.ctn>ul.mapDetails{
				list-style: none;
				margin:0;
				padding:0;
				display: block;
				padding:25px 25px 5px 25px;

				background:#EEEEEE;

				column-count:2;
				column-gap: 25px;
			}

				#projectInside .map>.ctn>ul.mapDetails>li{
					position: relative;

					display: block;
					margin:0;
					padding:0;
					min-height: 30px;
	
					-webkit-column-break-inside: avoid;
					page-break-inside: avoid;
					break-inside: avoid;
					position: relative;

					border-bottom: 20px solid #EEEEEE;
				}

					#projectInside .map>.ctn>ul.mapDetails>li.mapFX{
						cursor: pointer;
					}


				#projectInside .map>.ctn>ul.mapDetails>li>div.bubble{
					width:30px;
					height:30px;
					border-radius: 100%;
					background:#0f673b;
					color:#FFF;
					text-align: center;
					line-height: 30px;
					float:left;
					position: absolute;
					top:0;
					left:0;
				}

				#projectInside .map>.ctn>ul.mapDetails>li>div.text{
					padding-left:40px;
					line-height:16px;
					padding-top:7px;
				}

					#projectInside .map>.ctn>ul.mapDetails>li>div.text>span.title{
						display: block;
						text-transform: uppercase;
						font-weight: 500;
					}

					#projectInside .map>.ctn>ul.mapDetails>li>div.text>span.subtext{
						display: block;
					}

	.map .marker{
		position: absolute;
		transform: translate(-50%, -50%);
		border:2px solid #FFFFFF;
		background:#0f673b;
		color:#FFFFFF;
		text-align: center;
		border-radius: 100%;
		font-size: 13px;

		width:16px;
		height:16px;
		line-height: 16px;

/*		animation-name: pulse;
		animation-duration: 2s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;*/
	}

	.map .marker2{
		border:0;
		transform: translate(-50%, -100%);
		border-radius: 0;

		width:30px;
		height:30px;
		line-height: 30px;
		font-size:30px;

		color:#0f673b;
		background:transparent;

		/* use !important to prevent issues with browser extensions that change fonts */
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.map .marker2::before,
	.map .marker2::after{
		position: absolute;
		bottom:0;
		left:50%;
		transform: translateX(-50%);
	}


	.map .marker2::before{
		content: "\e900";
		-ms-text-stroke:2px white;
		-moz-text-stroke:2px white;
		-webkit-text-stroke:2px white;
		text-stroke:2px white;
	}

	.map .marker2::after{
		content: "\e901";
		/*margin-left: -0.7333984375em;*/
		color:#FFF;
	}


	#projectInside .map .marker.point{
		border-color:#0f673b;
		background:#FFFFFF;
		color:#0f673b;

		width:24px;
		height:24px;
		line-height: 24px;

		box-shadow:none;
		animation-name: none;
	}

	/*#projectInside .map .marker.point.prevfx,*/
	#projectInside .map .marker.point.fx{
		border-color:#FFFFFF;
		background:#0f673b;
		color:#FFFFFF;
		z-index:2;
	}

/*
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0px rgba(0,0,0,0.07);
	}
	40% {
		box-shadow: 0 0 0 10px rgba(0,0,0,0.07);
	}
	80% {
	   	box-shadow: 0 0 0 20px rgba(0,0,0,0.0);
	}
	100% {
		box-shadow: 0 0 0 0px rgba(0,0,0,0);
	}
}
*/


/*
	#projectInside .textImage{
		width:100%;
		padding-top:75px;
		padding-bottom:75px;
	}

		#projectInside .textImage>.ctn{
			width:100%;
			width:calc(100% - 60px);
			max-width:1000px;
			margin:0 auto;
		}

			#projectInside .textImage>.ctn>.img{
				width:345px;
				min-height: 10px;
				margin-right:50px;
				float:left;
				background:#EEE;
			}

				#projectInside .textImage>.ctn>.img>img{
					width:100%;
					height:auto;
					display: block;
				}


			#projectInside .textImage>.ctn>.text{
				float:left;
				width:605px;
				width:calc(100% - 345px - 50px);
			}
			#projectInside .textImage.noimage>.ctn>.text{
				margin:0 auto;
				float:none;
			}

				#projectInside .textImage>.ctn>.text>h3{
					margin-top:0;
					padding-top:0;
					text-transform: uppercase;
					font-weight: 500;
					font-size: 1.4em;
				}
*/
	#projectInside .textImage{
		width:100%;
		height:auto;

		background-size:100% auto;
		background-size:cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

	#projectInside .map+.textImage,
	#projectInside .map+.partenaires,
	#projectInside .map+.video{
		margin-top: 75px;
	}

		#projectInside .textImage>.ctn{
			background:rgba(255,255,255,0.8);
		}

			#projectInside .textImage>.ctn>.text{
				width: 100%;
				width: calc(100% - 60px);
				max-width: 650px;
				margin: 0 auto;
				padding: 75px 0;

				min-height:100px;

				font-size: 1.2em;
				line-height: 1.3em;
			}

				#projectInside .textImage>.ctn>.text>h3{
					margin-top:0;
					padding-top:0;
					text-transform: uppercase;
					font-weight: 500;
					font-size: 1.4em;
				}

				#projectInside .textImage>.ctn>.text>p{
					margin-bottom: 0;
				}






	.partenaires{
		width:100%;
		padding:75px 0 25px 0;
		background: #0f673b;
		color:#FFF;
		/*margin-top:75px;*/
	}

	#projectInside .bandeau+.partenaires{
		margin-top:5px;
	}


		.partenaires>.ctn{
			width:100%;
			width:calc(100% - 60px);
			max-width:1000px;
			margin:0 auto;
		}

			.partenaires>.ctn>h5{
				display: block;
				width:295px;
				padding-right:50px;
				float: left;
				font-size:1.4em;
				font-weight: 500;
				text-transform: uppercase;
				margin-top:0;
			}

				.partenaires>.ctn>ul{
					float: left;
					display: block;
					margin:0;
					padding:0;
					list-style: none;
					width:655px;
					width:calc(100% - 345px);
				}

					.partenaires>.ctn>ul>li{
						display: block;
						float:left;
						width:33%;
						height:auto;
						text-align: center;
						position: relative;
						margin-bottom:50px;
					}

						.partenaires>.ctn>ul>li>img{
/*							position: absolute;
							top:50%;
							left:50%;*/
							display: block;
/*							transform: translate(-50%, -50%);*/
							max-width: 100%;
/*							position: absolute;
							top:50%;
							left:50%;
							transform: translate(-50%,-50%);*/
						}

						.partenaires>.ctn>ul>li.settedHeight>img{
							position: absolute;
							top:50%;
							left:50%;
							transform: translate(-50%,-50%);
						}


					.partenaires>.ctn>ul>li.tiers{
						clear:left;
					}


	#projectInside .bandeau{
		width:100%;
		padding:75px 0;
		background: #0f673b;
		color:#FFF;
		text-align: center;
		/*margin-top:75px;*/
	}

	#projectInside .map+.bandeau{
		margin-top:75px;
	}


	#projectInside .bandeau a{
		color:#FFFFFF;
	}

		#projectInside .bandeau>.ctn{
			width:100%;
			width:calc(100% - 60px);
			max-width:1000px;
			margin:0 auto;
			line-height: 1.8em;
		}

		#projectInside .bandeau>.ctn>.text1{
			text-transform: uppercase;
			font-weight: 400;
			font-size: 2em;/*30px;*/
		}
		#projectInside .bandeau>.ctn>.text2,
		#projectInside .bandeau>.ctn>.text{
			font-size: 1.46em;/*22px;*/
		}

	#projectInside .bandeau.footer{
		padding: 45px 0;
		text-align: left;
	}

		#projectInside .bandeau.footer>.ctn{
			position: relative;
			max-width: none;
		}

			#projectInside .bandeau.footer>.ctn>.text{
				padding-right: 150px;
			}

			#projectInside .bandeau.footer>.ctn>.logo{
				position: absolute;
				top: 50%;
				right: 0;
				transform: translateY(-50%);
				background-image: url(../images/gidl.png);
				background-image: -webkit-image-set(url('../images/gidl.png') 1x, url('../images/gidl2x.png') 2x);
				width: 130px;
				height: 140px;
				padding: 0;
				margin: 0;
			}

			@media screen and (max-width: 450px){
				#projectInside .bandeau.footer>.ctn>.text{
					padding-right: 0;
					text-align: center;
					font-size: 1.25em;
				}

				#projectInside .bandeau.footer>.ctn>.logo{
					position: static;
					margin: 50px auto 0 auto;
					transform: none;
				}
			}


			#projectInside .bandeau.footer>.ctn>div>b,
			#projectInside .bandeau.footer>.ctn>div>strong{
				font-weight:500;
				text-transform: uppercase;
			}


	#projectInside .office{
		width:100%;
		padding:75px 0 0 0;
	}

		#projectInside .office>.ctn{
			width:100%;
			width:calc(100% - 60px);
			max-width:1000px;
			margin:0 auto;
		}

			#projectInside .office>.ctn>h4{
				font-weight: 500;
				text-transform: uppercase;
				font-size: 1.4em;
			}

			#projectInside .office h3{
				font-weight: 500;
				text-transform: uppercase;
				font-size: 1.4em;
			}

			#projectInside .office>.ctn>div>.nb1{

			}

			#projectInside .office>.ctn>div>.nb2{
				float:left;
				width:50%;
				width:calc(50% - 45px);
				margin-left:calc(45px + 0px);
			}
			#projectInside .office>.ctn>div>.nb2:first-child{
				margin-left:0;
			}

			#projectInside .office>.ctn>div>.nb3{
				float:left;
				width:50%;
				width:calc(33.33% - 45px);
				margin-left:calc(45px + 0px);
			}
			#projectInside .office>.ctn>div>.nb3:first-child{
				margin-left:0;
			}

				#projectInside .office>.ctn h5{
					font-weight: 500;
					text-transform: uppercase;
					font-size: 1.4em;
				}

	#projectInside .learnmore{
		width:100%;
		padding:75px 0;
	}

		#projectInside .learnmore>.ctn{
			width:100%;
			width:calc(100% - 60px);
			max-width:1000px;
			margin:0 auto;
		}

			#projectInside .learnmore>.ctn>h4{
				font-weight: 500;
				text-transform: uppercase;
				font-size: 1.4em;
			}


		#projectInside .ProjectNavigator{
			width:100%;
			margin-top:75px;
		}

		#projectInside .logo.colored+.ProjectNavigator,
		#projectInside .partenaires+.ProjectNavigator,
		#projectInside .video+.ProjectNavigator,
		#projectInside .textImage+.ProjectNavigator,
		#projectInside .footer+.ProjectNavigator{
			margin-top:0;
		}


			#projectInside .ProjectNavigator>div.prev,
			#projectInside .ProjectNavigator>div.next{
				width:50%;
				height:300px;
				background:#888;
				color:#FFFFFF;
				text-align: center;
				float:left;
				background-position: 50% 50%;
				background-size: 100% auto;
				background-size: cover;
			}
				#projectInside .ProjectNavigator>div>a{
					display: block;
					width:100%;
					height:100%;
					position: relative;
					background:rgba(0,0,0,0.5);
					transition: background 0.8s;
				}
					#projectInside .ProjectNavigator>div>a>.text{
						text-align: center;
						width:100%;
						height:auto;
						position: absolute;
						top:50%;
						left:0;
						transform: translateY(-50%);
						color:#FFFFFF;
						text-decoration: none;
						font-weight: 500;
						text-transform: uppercase;
						font-size: 1.4em;
						transition: transform 1s, opacity 0.5s 0.3s;
					}
						#projectInside .ProjectNavigator>div>a>.text>.arrow{
							width:99px;
							height:24px;
							display: block;
							background-image: url(../images/leftarrow.png);
							background-image: -webkit-image-set(url('../images/leftarrow.png') 1x, url('../images/leftarrow2x.png') 2x);
							background-position: 50% 50%;
							margin:1em auto 0 auto;
						}
						#projectInside .ProjectNavigator>div.next>a>.text>.arrow{
							background-image: url(../images/rightarrow.png);
							background-image: -webkit-image-set(url('../images/rightarrow.png') 1x, url('../images/rightarrow2x.png') 2x);
						}

				#projectInside .ProjectNavigator>div>a:hover{
					background:transparent;
				}
					#projectInside .ProjectNavigator>div>a:hover>.text{
						transform: translateY(-50%) translateX(-100%);
						opacity:0;
						transition: transform 1s, opacity 0.5s;
					}

					#projectInside .ProjectNavigator>div.next>a:hover>.text{
						transform: translateY(-50%) translateX(100%);
						opacity:0;
						transition: transform 1s, opacity 0.5s;
					}



			#projectInside .ProjectNavigator>a{
				display:block;
				clear:both;
				text-align: center;
			}

	div#site.page_projectInside>footer{
		margin-top: 0;
	}











#site.fullscreen{
	width:100%;
	height:100%;
	overflow:hidden;
}

#site.fullscreen #content>div>#pageTop>#homeImage.carrousel.fullscreen{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999;
}

#site.fullscreen nav{
	opacity: 0;
	pointer-events: none;
	transition:opacity 0.5s;
}

#fullscreenCarrouselClose{
	position: fixed;
	bottom: 30px;
	left: 30px;
	text-decoration: none;
	cursor: pointer;
	z-index:1000;
	color:#FFFFFF;
}








/**
	«tablet»
**/


@media screen and (max-width:1060px){
	#projectInside .specs>.ctn>.spotlight{
		width:55%;
		width:calc(100% - 300px);
	}
		#projectInside .specs>.ctn>.spotlight>ul{
			column-count:1;
			column-gap:0;
		}
	#projectInside .specs>.ctn>ul{
		width:40%;
		width:calc(275px + 0px);
		padding:0;
	}

		#projectInside .bandeau>.ctn>.text1{
			font-size:1.5em;
		}

	#projectInside .office>.ctn>div>.nb3{
		width:50%;
		width:calc(50% - 45px);
		margin-left:calc(45px + 0px);
	}
	#projectInside .office>.ctn>div>.nb3:first-child{
		margin-left:0;
	}

	#projectInside .office>.ctn>div>.nb3.last{
		clear:both;
		float:none;
		width:100%;
		margin:0;
		padding-top:20px;
	}

	.partenaires>.ctn>ul>li{
		width:50%;
	}

		.partenaires>.ctn>ul>li.tiers{
			clear:none;
		}

		.partenaires>.ctn>ul>li.pair{
			clear:left;
		}


}















/**
	«mobile»
**/


@media screen and (max-width:700px){
	#projectInside .carrouselViewer{
		color:transparent;
		text-indent: -1000px;
		width:45px;
		padding-left:0;
	}

			#projectInside .logo .ctn>img{
				max-width: 80%;
			}


	#projectInside .specs>.ctn>.spotlight{
		width:100%;
		float:none;
		margin:0 auto;
	}

	#projectInside .specs>.ctn>ul{
/*		width:100%;
		float:none;
		max-width:350px;
		margin:30px auto 0 auto;
		text-align: center;*/
		background: #DDDDDD;
		margin: 75px -30px -75px -30px;
		width: auto;
		padding: 75px 30px;
		float:none;
	}

	#projectInside .plans>.ctn>h4{
		text-align: center;
		float:none;
	}

	#projectInside .plans>.ctn>#plansList,
	#projectInside .map>.ctn>ul.mapDetails{
		column-count:1;
		column-gap:0;
	}

	#projectInside .map>.ctn>ul.mapDetails>li{
		max-width:400px;
		margin:0 auto;
	}

	#projectInside .textImage>.ctn>.img,
	#projectInside .textImage>.ctn>.text{
		float:none;
		width:100%;
		margin:0;
		padding:0;
		margin-bottom:30px;

		padding:40px 10px;
		width:auto;
	}

	.partenaires>.ctn>h5,
	.partenaires>.ctn>ul{
		float:none;
		width:100%;
		margin:0;
		padding:0;
		margin-bottom:50px;
	}

		.partenaires>.ctn>ul>li{
			width:50%;
		}

	#projectInside .ProjectNavigator>div.prev, 
	#projectInside .ProjectNavigator>div.next{
		height:200px;
		/*line-height: 200px;*/
	}

		#projectInside .ProjectNavigator>div>a>.text, 
		#projectInside .ProjectNavigator>div>a>.text{
			font-size: 1em;
		}


	#projectInside .office>.ctn>div>.nb2,
	#projectInside .office>.ctn>div>.nb3{
		float:none;
		width:100%;
		margin:0 0 20px 0;
	}

	#projectInside .bandeau.footer>.ctn>.text1,
	#projectInside .bandeau.footer>.ctn>.text2{
		width: 100%;
		padding:0;
		float:none;
	}

	#projectInside .bandeau.footer>.ctn>.text2{
		margin-top:1em;
	}

	#projectInside .plans>.ctn>#plansList>li>a>span.download>span{
		display: none;
	}

	#projectInside .plans>.ctn>#plansList>li>a>span.download::before{
		/* use !important to prevent issues with browser extensions that change fonts */
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;

		font-size:1.5em;
		line-height:45px;

		content: "\e902";
	}

}































































































































/*
		 █████╗ ██████╗  ██████╗ ██╗   ██╗████████╗    ██╗   ██╗███████╗
		██╔══██╗██╔══██╗██╔═══██╗██║   ██║╚══██╔══╝    ██║   ██║██╔════╝
		███████║██████╔╝██║   ██║██║   ██║   ██║       ██║   ██║███████╗
		██╔══██║██╔══██╗██║   ██║██║   ██║   ██║       ██║   ██║╚════██║
		██║  ██║██████╔╝╚██████╔╝╚██████╔╝   ██║       ╚██████╔╝███████║
		╚═╝  ╚═╝╚═════╝  ╚═════╝  ╚═════╝    ╚═╝        ╚═════╝ ╚══════╝
 */

 	#aboutusImage{
		background: url(../images/us2.jpg);
 		/*background: url(../images/us.jpg);*/
 		background-size: 100% auto;
 		background-repeat: no-repeat;
 		background-position: 50% 50%;
 		width:100%;
 		height:100%;
 	}

	#content>#aboutus>#pageTop{
		margin-bottom:75px;
	}

	#content>#aboutus{
		min-height: 100%;
	}

	#content>#aboutus>.col,
	#content>#aboutus>.col2,
	#content>#aboutus>.col3{
		width:calc(100% - 60px);
		max-width:1000px;
		margin:0 auto;
	}

	#content>#aboutus>.col,
	#content>#aboutus>.col2,
	#content>#aboutus>.col3{
		margin-bottom: 35px;
	}

		#content>#aboutus>.col3>.col{
			font-size: 1.4em;
			background:#ebebeb;
			padding:25px;
			padding-bottom: 75px;
			box-sizing: border-box;
			width: 33%;
			width: calc(33% - 6.66px);
			margin-left: 10px;
		}

		#content>#aboutus>.col3>.col:first-child{
			margin-left:0;
		}

			#content>#aboutus>.col3>.col strong{
				display: block;
				font-size:1.33em;
			}


	#aboutus .col p{
		text-align: justify;
	}

	#content>#aboutus>.col p{
		font-size: 1.4em;
		margin:1em 0;
	}

	#content>#aboutus>.col div.centerzone{
		display:block;
		margin:0 auto;
		width:100%;
		max-width:890px;
	}

		#content>#aboutus>.col div.centerzone>p{
			text-align:center;
		}


	#content>#aboutus>.col p.end{
		font-size:1.9em;
		text-align: center;
		font-weight: bold;
		max-width: 850px;
		margin:3em auto;
	}


	#content>#aboutus>.col h4{
		font-size: 1.4em;
		margin:1em 0;
		text-transform: uppercase;
		/*text-align: center;*/
	}

	#content>#aboutus>.col ul.list{
		font-size: 1.4em;
		margin:1em -10px 3em -10px;
		padding:0;
		list-style: none;
		text-align:center;
	}
		#content>#aboutus>.col ul.list>li{
			vertical-align: top;
			display:inline-block;
			width:50%;
			width:calc(50% - 20px);
			height:150px;
			background:#ebebeb;
			margin:0 10px 1em 10px;
			text-align: left;
			position: relative;
		}
			#content>#aboutus>.col ul.list>li>span{
				position: absolute;
				top:50%;
				left:0;
				transform: translateY(-50%);
				padding:20px;
			}

	#content>#aboutus>.col ul.valeurs{
		font-size: 1.4em;
		margin:1em 0 0 0;
		padding:0;
		list-style: none;
		text-align:center;
	}
		#content>#aboutus>.col ul.valeurs>li{
			vertical-align: top;
			display:inline-block;
			width:200px;
			/*padding:20px;*/
			/*background:#ebebeb;*/
			margin:0 10px 1em 10px;
			color:#0f673b;
			text-transform: uppercase;
			font-weight: bold;
		}

			#content>#aboutus>.col ul.valeurs>li::before{
				content:"";
				display:block;
				margin:0 auto 1em auto;

				width:100px;
				height:100px;
				/*border-radius: 100%;*/
				/*box-sizing: border-box;*/
				/*border:2px solid #0f673b*/

				background-size:100px 100px;
				background-position: 50% 50%;
				background-repeat: no-repeat;
			}

			#content>#aboutus>.col ul.valeurs>li.icon1::before{
				background-image:url(../images/icon1.svg);
			}
			#content>#aboutus>.col ul.valeurs>li.icon2::before{
				background-image:url(../images/icon2.svg);
			}
			#content>#aboutus>.col ul.valeurs>li.icon3::before{
				background-image:url(../images/icon3.svg);
			}
			#content>#aboutus>.col ul.valeurs>li.icon4::before{
				background-image:url(../images/icon4.svg);
			}


	#content>#aboutus>.col3 p{
		margin:0;
		padding:0;
	}

	#content>#aboutus>.video{
		margin-top:75px;
	}


	#content>#aboutus .partenaires>.ctn>h5{
		width:170px;
	}

	#content>#aboutus .partenaires>.ctn>ul{
		width: calc(100% - 220px);
	}

		#content>#aboutus .partenaires>.ctn>ul>li{
			text-align: left;
			display: inline-block;
			float:none;
			vertical-align:top;
		}

/*			#content>#aboutus .partenaires>.ctn>ul>li.settedHeight>img,
			#content>#aboutus .partenaires>.ctn>ul>li>img{
				position: static;
				transform: none;
				display: block;
				width:calc(100% - 20px);
			}*/

			#content>#aboutus .partenaires>.ctn>ul>li>.img{
				width:100%;
				margin-right:20px;
				position: relative;
			}
			#content>#aboutus .partenaires>.ctn>ul>li>.img::before{
				content:"";
				display: block;
				width:1px;
				padding-bottom:38.4615%;
			}

				#content>#aboutus .partenaires>.ctn>ul>li>.img img{
					width:auto;
					max-width:100%;
					height:auto;
					position: absolute;
					bottom:0;
					left:0;
				}

			#content>#aboutus .partenaires>.ctn>ul>li>p{
				padding:0;
				line-height:1.4em;
				margin-right:20px;
			}
			#content>#aboutus .partenaires>.ctn>ul>li>p.year{
				font-size:1.2em;
				font-weight: bold;
				margin-top:20px;
			}

			#site.page_aboutus>footer{
				margin-top:0;
			}

@media screen and (max-width:1060px){
	#content>#aboutus>.col3>.col{
		font-size:1.1em;
		padding-bottom:50px;
	}

	#content>#aboutus .partenaires>.ctn>ul>li{
		width:49.5%;
	}
}

@media screen and (max-width:700px){
	#content>#aboutus>.col3>.col{
		font-size:1.4em;
		float:none;
		width:100%;
		max-width:400px;
		margin: 10px auto  0 auto;
		padding-bottom: 25px;
	}

	#content>#aboutus>.col3>.col:first-child{
		margin-top:0;
		margin-left:auto;
	}



	#content>#aboutus .partenaires>.ctn>ul{
		width:100%;
	}

	#content>#aboutus .partenaires>.ctn>ul>li>p,
	#content>#aboutus .partenaires>.ctn>ul>li>.img{
		margin-right:0;
		margin-left:10px;
	}

	#content>#aboutus .partenaires>.ctn>ul>li.pair>p,
	#content>#aboutus .partenaires>.ctn>ul>li.pair>.img{
		margin-right:10px;
		margin-left:0;
	}

	#content>#aboutus .partenaires>.ctn>h5{
		width:100%;
	}
}


@media screen and (max-width:550px){
	#content>#aboutus>.col ul.list>li{
		display: block;
		margin:0 auto 20px auto;
		width:100%;
		max-width:350px;
	}

	#content>#aboutus .partenaires>.ctn>ul>li{
		width:100%;
	}
}














/*
		 ██████╗ ██████╗ ███╗   ██╗████████╗ █████╗  ██████╗████████╗
		██╔════╝██╔═══██╗████╗  ██║╚══██╔══╝██╔══██╗██╔════╝╚══██╔══╝
		██║     ██║   ██║██╔██╗ ██║   ██║   ███████║██║        ██║   
		██║     ██║   ██║██║╚██╗██║   ██║   ██╔══██║██║        ██║   
		╚██████╗╚██████╔╝██║ ╚████║   ██║   ██║  ██║╚██████╗   ██║   
		 ╚═════╝ ╚═════╝ ╚═╝  ╚═══╝   ╚═╝   ╚═╝  ╚═╝ ╚═════╝   ╚═╝   
 */


	#content>#contact{
		width:100%;
		width:calc(100% - 60px);
		max-width:1000px;
		margin:25px auto 0 auto;
	}

		#content>#contact>#contactMap{
			width:100%;
			height:435px;
			background:#EEEEEE;
		}

		#content>#contact>#contactBottom{
			margin-top:50px;
		}

			#content>#contact>#contactBottom>#contactText{
				width:200px;
				float:left;
			}

				#content>#contact>#contactBottom>#contactText>h2{
					font-size: 1.4em;
					color: #000000;
					font-weight: 500;
					text-transform: uppercase;
				}

			#content>#contact>#contactBottom>#contactForm{
				width:600px;
				float:right;
			}


			form label.moreAbout{
				/*height:34px;
				line-height: 34px;*/
				float:left;
				width:auto;
				display: block;
				margin-right:1em;
				position: relative;
				/*padding-left:34px;*/
				line-height: 20px;
				height: auto;
				padding: 7px 0 7px 34px;
			}
				form label.moreAbout input.checkbox{
					display:block;
					position: absolute;
					top:50%;
					/*left:17px;*/
					/*transform: translate(-50%, -50%);*/
					left:0;
					transform: translate(0, -50%);
					width:auto;
					height:auto;
					margin:0;
					padding:0;
				}

			form div.selectMultiple{
				float:left;
			}

			form .error{
				color:red;
			}

			form input.text.error{
				background:rgb(255, 120, 120);
				color:white;
			}










.contactForm{
	pointer-events: none;
	opacity: .5;
}

.js.captchaready .contactForm{
	pointer-events: auto;
	opacity: 1;
}

.g-recaptcha{
	position: relative;
	clear:both;
	float:left;
	margin-top:45px;
}

.g-recaptcha::before{
	content:"CAPTCHA";
	position: absolute;
	top:-30px;
	left:0;
}


/*.g-recaptcha.error{
	box-shadow: 0 0 0 2px red;
}*/
.g-recaptcha.error::before{
	color:red;
}



/**
	«tablet»
**/


@media screen and (max-width:1060px){
	#content>#contact>#contactBottom>#contactForm{
		width:450px;
	}

	#contact form input.submit{
		/*clear:both;*/
		margin-top:1em;
	}
}









/**
	«mobile»
**/


@media screen and (max-width:700px){
	#content>#contact>#contactBottom>#contactText{
		width:100%;
		float:none;
	}

	#content>#contact>#contactBottom>#contactForm{
		width:100%;
		float:none;
	}

	#content>#contact>#contactBottom form input.submit{

	}

	form input.submit{
		position: static;

		clear:both;
		margin-top:1em;
	}

	.g-recaptcha{
		float:none;
	}
}


@media screen and (max-width:350px){
	.g-recaptcha{
		margin-left: -20px;
	}

	.g-recaptcha::before{
		left:20px;
	}
}
























/*
		███╗   ██╗███████╗██╗    ██╗███████╗
		████╗  ██║██╔════╝██║    ██║██╔════╝
		██╔██╗ ██║█████╗  ██║ █╗ ██║███████╗
		██║╚██╗██║██╔══╝  ██║███╗██║╚════██║
		██║ ╚████║███████╗╚███╔███╔╝███████║
		╚═╝  ╚═══╝╚══════╝ ╚══╝╚══╝ ╚══════╝
 */

	#content>#news>#newsList{
		position: relative;
		width:100%;
		max-width: 1000px;
		margin:75px auto;
		padding:0 0 20px 0;
		margin:75px auto;
	}

		#content>#news>#newsList>ul{
			display: block;
			clear:both;
			margin:0;
			padding:0;
			list-style: none;
		}

			#content>#news>#newsList>ul>li{
				position: relative;
				margin:20px 0;
				padding:0;
				display: block;
				clear:both;
				margin-top:20px;
				transition: opacity 0.4s;
			}

			.js #content>#news>#newsList>ul>li.fadeOnScroll{
				transition: opacity 1.5s;
			}


				#content>#news>#newsList>ul>li>div.img{
					position: relative;
					margin:0 30px;
					width:614px;
					height:338px;
					height:auto;
					background:#888;
					float:left;
					background-size:100% auto;
					background-size:cover;
					background-position: 50% 50%;
					background-repeat: no-repeat;
				}
				#content>#news>#newsList>ul>li:nth-child(odd)>div.img{
					float:right;
				}

					#content>#news>#newsList>ul>li>div.img>a{
						position: absolute;
						top:0;
						left:0;
						display: block;
						width:100%;
						height: 100%;
						margin:0;
						padding:0;
						color:transparent;
						font-size: 0;
						text-indent: -1000px;
					}
					#content>#news>#newsList>ul>li>div.img>a:hover{
						background:rgba(255,255,255,0.2);
					}

					#content>#news>#newsList>ul>li>div.img::before{
						display: block;
						content:"";
						width:1px;
/*						background:red;*/
						padding-bottom:55%;
					}


				#content>#news>#newsList>ul>li>div.text{
					float:left;
					width:326px;

				}

					#content>#news>#newsList>ul>li>div.text>h2{
						display: block;
						margin:0;
						padding:20px 0 0 0;
						text-transform: uppercase;

						font-size: 1.26em;
						color: #000000;
						font-weight: 500;
						transition: color 0.6s;
					}

					#content>#news>#newsList>ul>li:hover>div.text>h2{
						color: #0f673b;
						transition: color 0.4s;
					}

					#content>#news>#newsList>ul>li>div.text>p{

					}

					#content>#news>#newsList>ul>li>div.text>a{
						text-transform: uppercase;
					}



body.showNewsContainer #content>#news>#newsList>ul>li.showNewsHidden{
	transition: opacity 0;
	opacity: 0;
}

body.showNewsContainer #content{
	filter:grayscale(0.7);
}



#news .btn{
	margin: 0 auto;
	display: block;
	width: 300px;
	text-align: center;
	margin-top:1em;
}

#instagramFeed{
	display: block;
	list-style: none;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	background:#0f673b;
	margin-bottom:-75px;
	margin-top:-30px;
}

	#instagramFeed>*.insta{
		display: block;
		float:left;
		margin:0;
		padding:0;
		list-style: none;
		position: relative;
		width: 20%;
		height:auto;

		background-size: 100% auto;
		background-size:cover;
		background-position: 50% 50%;
	}
/*		#instagramFeed>*.insta::after{
			content:"";
			display: block;
			width:1px;
			height:0;
			padding-bottom:100%;
		}*/

	#instagramFeed>*.insta>a{
		display: block;
		width:100%;
		height:0;
		padding-bottom:100%;
		transition: background 0.4s;
	}

	#instagramFeed>*.insta>a:hover{
		background:transparent;
		background-color:rgba(255,255,255,0.3);
	}


	#instagramFeed>*.insta:nth-child(3n+0){
		background-color:rgba(255,255,255,0.1);
	}
	#instagramFeed>*.insta:nth-child(3n+1){
		background-color:rgba(0,0,0,0.13);
	}
	#instagramFeed>*.insta:nth-child(3n+2){
		background-color:rgba(0,0,0,0.05);
	}
	#instagramFeed>*.insta.pub{
		background-color: transparent;
	}

		#instagramFeed>*.insta.pub::after{
			content:"";
			display: block;
			width:1px;
			height:0;
			padding-bottom:100%;
		}

	#instagramFeed>*.insta.pub>a{
		display: block;
		width:80%;
		position: absolute;
		top:50%;
		left:10%;
		text-align: center;
		color:#FFFFFF;
		text-decoration: none;
		padding:30px 0 0 0;
		transform: translateY(-50%);

		height:auto;

		background-image: url(../images/instagram.png);
		background-image: -webkit-image-set(url('../images/instagram.png') 1x, url('../images/instagram2x.png') 2x);
		background-repeat: no-repeat;
		background-position: 50% 0%;
	}

	#instagramFeed>*.insta.pub>a:hover{
		background-color: transparent;
		opacity: 0.8;
	}


/**
	«tablet»
**/


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

	#content>#news>#newsList{
		width:calc(100% - 20px);
	}

		#content>#news>#newsList>ul>li>div.text,
		#content>#news>#newsList>ul>li>div.img{
			float:left;
			margin:0 30px;
			width:50%;
			width:calc(50% - 45px);
		}

		#content>#news>#newsList>ul>li>div.img{
			margin-left:0;
		}

	#instagramFeed>*.insta{
		width:25%;
	}

	#instagramFeed>*.insta.noTablet{
		display: none;
	}

}









/**
	«mobile»
**/


@media screen and (max-width:700px){
	#content>#news>#newsList>ul>li>div.img,
	#content>#news>#newsList>ul>li>div.text{
		width:100%;
		margin:0;
		padding:0;
	}

	#content>#news>#newsList>ul>li>div.text{
		margin-bottom:30px;
	}

	#instagramFeed>*.insta{
		width:50%;
	}

	#instagramFeed>*.insta.noMobile{
		display: none;
	}
}

















































#newsletterRegisterForm{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;

	display:none;

	opacity: 0;
	background: #000000;
	background: rgba(0, 0, 0, 0.5);
}

	#newsletterRegisterForm>div{
		width:500px;
		min-height:300px;
		height:auto;
		background:white;
		padding:25px;
		top:-100%;
		left:50%;
		position: absolute;
		transform: translate(-50%, -50%);

		transition: top 0.7s;
	}

		#newsletterRegisterForm>div>div.close{
			position: absolute;
			display: block;
			top:0;
			right:0;
			width:45px;
			height:45px;
			text-indent: -100px;
			text-decoration: none;

			background-color:#333;
			border-radius:100%;
			width:30px;
			height:30px;
			top:-15px;
			right:-15px;

			background-image: url(../images/close.png);
			background-image: -webkit-image-set(url('../images/close.png') 1x, url('../images/close2x.png') 2x);
			background-repeat: no-repeat;
			background-position: 50% 50%;

			cursor: pointer;
		}
		#newsletterRegisterForm>div>div.close:hover{
			background-color:#000;
		}

		#newsletterRegisterForm>div form textarea{
			height:40px;
		}


	#newsletterRegisterForm>div input.submit{
		margin-top:1em;
	}



body.showNewsletter{
	overflow: hidden;
}

body.showNewsletter #newsletterRegisterForm{
	display: block;
	transition:opacity 0.4s;
}

body.showNewsletterForm #newsletterRegisterForm{
	opacity:1;
}

	body.showNewsletterForm	#newsletterRegisterForm>div{
		top:50%;
	}

/**
	«mobile»
**/


@media screen and (max-width:700px){
	#newsletterRegisterForm>div{
		height:auto;
		width: 300px;
		max-height:75%;
		width:calc(100% - 50px);
		max-height:calc(100% - 50px);
		overflow: auto;
		padding:15px;
	}

	#newsletterRegisterForm>div>div.close{
		top:5px;
		right:5px;
		z-index:2;
	}


	#newsletterRegisterForm>div div.selectMultiple{
		/*float:right;*/
		float:none;
		clear:left;
	}

	#newsletterRegisterForm>div div.selectMultiple ul{
		top:auto;
		bottom:100%;
	}
}






.unpublishedWarning{
	position: fixed;
	right: -120px;
	bottom: -120px;
	padding: 5px;
	width: 190px;
	height: 190px;
	text-align: center;
	color: #FFF;
	background: red;
	transform: rotate(-45deg);
	z-index:99999999;
	pointer-events: none;
}



.js .fadeOnScroll {
    opacity: 0
}

.js .fadeOnScroll.visible {
    opacity: 1;
    transition: opacity 1.5s
}







#lightbox{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	background: rgba(0,0,0,0.9);
	z-index: 10;
	opacity: 0;
	transition: opacity .45s;
}

#lightbox.visible{
	opacity:1;
}

	#lightboxclose{
		position: absolute;
		bottom:0;
		left:0;
		padding:30px;
		/*background:red;*/
		color:#FFFFFF;
		z-index:5;
		cursor: pointer;
	}

	#lightboxprev,
	#lightboxnext{
		z-index:4;
		position: absolute;
		top:0;
		left:0;
		width:90px;
		bottom:0;
		cursor: pointer;
		/*background: fuchsia;*/

		background-image: url(../images/larrow.png);
		background-image: -webkit-image-set(url('../images/larrow.png') 1x, url('../images/larrow2x.png') 2x);
		background-position: 50% 50%;
		background-repeat: no-repeat;

		transition:background-position .4s;
	}
	#lightboxnext{
		left:auto;
		right:0;

		background-image: url(../images/rarrow.png);
		background-image: -webkit-image-set(url('../images/rarrow.png') 1x, url('../images/rarrow2x.png') 2x);
		background-position: 50% 50%;
	}

	#lightboxprev:hover{
		background-position: 25% 50%;
	}
	#lightboxnext:hover{
		background-position: 75% 50%;
	}

	#lightboximage,
	#lightboximageOld{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		/*background:blue;*/
		max-width: 100%;
		max-height:100%;
	}

		#lightboximage img,
		#lightboximageOld img{
			display: block;
			max-width: 100%;
			max-height: 100%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}