@charset "UTF-8";
/********************************************************************************************* Page Terrazzo M5 **********************************************************************************/		
.page_AboutUs{
	display:block;
	width:100%;
	margin: 0 auto;
	padding:0;
    padding-bottom: 4rem;
	text-align:center;
	color:#444343;
	font-size:2rem;
	background-color:#FFF;
}
.page_AboutUs .header_AboutUs{
    display: block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
    position: relative;
    color: #FFF;
    text-align: right;
}
.page_AboutUs .header_AboutUs .map{
	position: relative;
}
.page_AboutUs .header_AboutUs .map img{
    aspect-ratio: 1739/634;
}
.page_AboutUs .header_AboutUs .map .tooltip{
    position: absolute;
    background: rgb(255, 255, 255, 0.83);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    border: 1px solid #EFEFEF;
    border-radius: 0.8rem;
    -webkit-border-radius: 0.8rem;
    -moz-border-radius: 0.8rem;
    -ms-border-radius: 0.8rem;
    -o-border-radius: 0.8rem;
    color: #242827;
    text-align: left;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 1rem 1.5rem;
    display: none;
    z-index: 3;
    white-space: nowrap;
}
.page_AboutUs .header_AboutUs .introd_AboutUs{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-end;
    position: absolute;
    top:0;
    left: 0;
	max-width:38%;
    height: 100%;
	margin:0;
	padding:0 2rem;
    padding-bottom: 4rem;
    text-align: left;
	font-weight:100;
}
.page_AboutUs .header_AboutUs .introd_AboutUs h1{
	width:80%;
	height:auto;
	margin: 0;
	padding:0;
	text-align: left;
	font-size:2.2rem;
	font-weight:500;
}
.page_AboutUs .header_AboutUs .introd_AboutUs h1 span{
	font-size:1.8rem;
	font-weight:100;
}
.page_AboutUs .header_AboutUs .introd_AboutUs p{
    display: block;
	width:100%;
	height:auto;
	margin: 0;
    margin-top: 2rem;
	padding:0;
    text-align: left;
	font-size:1.8rem;
	font-weight:100;
}
.page_AboutUs .text{
    display: block;
	width:100%;
	height:auto;
	margin: 0;
    margin-top: 6rem;
	padding:0 2rem;
	text-align: left;
	font-weight:400;
}
.page_AboutUs .block_gallery_AboutUs{
    display: block;
	width: 100%;
	height:auto;
	margin: 0 auto;
    margin-top: 1rem;
	padding:0 1rem;
    text-align: left;
}
.page_AboutUs .gallery_AboutUs{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	display: grid;
	grid-template-columns: repeat(6,1fr);
	grid-template-rows: repeat(4,1fr);
	grid-auto-columns: 1fr;
	gap: 5px 5px; 
	grid-auto-flow: row;
	grid-template-areas:
		"div1 div1 div2 div2 div3 div3"
		"div1 div1 div4 div4 div3 div3"
		"div5 div6 div6 div7 div8 div9"
		"div5 div6 div6 div7 div10 div10";
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.page_AboutUs .gallery_AboutUs > div{
    position:relative;
    transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.page_AboutUs .gallery_AboutUs div a{
	flex:1;
}
.page_AboutUs .gallery_AboutUs div img, .page_AboutUs .gallery_AboutUs div video{
	width:100%;
	height: 100%;
	display:inline-block;
	vertical-align:bottom;
	border:none;
	/*border-radius:1rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7); 
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7); 
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7); 
	-ms-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7); 
	-o-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7); */
}
.div1 { grid-area: div1;}
.div2 { grid-area: div2;}
.div3 { grid-area: div3;}
.div4 { grid-area: div4;}
.div5 { grid-area: div5;}
.div6 { grid-area: div6;}
.div7 { grid-area: div7;}
.div8 { grid-area: div8;}
.div9 { grid-area: div9;}
.div10 { grid-area: div10;}
.div11 { grid-area: div11;}
.div12 { grid-area: div12;}
.div13 { grid-area: div13;}
.div14 { grid-area: div14;}
.div15 { grid-area: div15;}
.div16 { grid-area: div16;}
.div17 { grid-area: div17;}
.div18 { grid-area: div18;}
.div19 { grid-area: div19;}
.div20 { grid-area: div20;}
.page_AboutUs .gallery_AboutUs .lazy{
   opacity: 0;
}
.page_AboutUs .gallery_AboutUs img, .page_AboutUs .gallery_AboutUs video{
	transition: opacity .5s linear 0.2s;
	-webkit-transition: opacity .5s linear 0.2s;
	-moz-transition: opacity .5s linear 0.2s;
	-ms-transition: opacity .5s linear 0.2s;
	-o-transition: opacity .5s linear 0.2s;
	opacity: 1;
}
#visage-caption{
	color:#FFFFFF !important;
	font-size:1.8rem !important;
}
#visage-caption a{
	color: inherit !important;
	font-size:1.8rem !important;
}