.header{
	height: 50vh;
    overflow: hidden;
}

.intro{
    display: flex;
    flex-wrap: wrap;
/*    align-items: center;	*/
}
.wp-video{
	width: auto!important;
}
.intro .colonne_01 {
    width: 65%;
    padding: 0 5vw 4vw 10vw;
}

.intro .colonne_02{
    width: 35%;	
	overflow: hidden;
}

.header img{
	height: 100%;
    width: 100%;
    object-fit: cover;
}

.intro_equipe h1{
    width: 100%;
}

.intro_equipe .colonne_01{
	width: 50%;
    padding-right: 5vw;
}

.intro_equipe .colonne_02{
	width: 50%;
}

.intro_equipe .colonne_02 .slider{
    position: relative;
}

.intro_equipe .contenu {
    padding-left: 5vw;
    padding-right: 10vw;
}
.intro_equipe{
	padding-bottom: 5vw;
    display: flex;
    flex-wrap: wrap;	
}

.intro .colonne_02 img {
  width: 100%;
    object-fit: cover;
    height: 100%;
}

.logo_installation{
	max-width: 525px;
    width: 50vw;	
}

section.galerie{
    display: flex;	
	flex-wrap: wrap;
}
.page-id-71 section.intro > div.colonne_01 a.b1{
	background-color: #9CC732;
}


.page-id-178 section.intro > div.colonne_01 a.b1,
.page-id-136 section.intro > div.colonne_01 a.b1{
	background-color: #157DC1;
}




section.galerie .colonne_01{
    width: 40%;
}
section.galerie .colonne_02{
    width: 60%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

section.galerie .colonne_02 > div img{
    width: 100%;
    object-fit: cover;
    height: 60vh;
}

.galerie .colonne_02 div{
	overflow: hidden;
}
.galerie .colonne_01{
	overflow: hidden;
}
.galerie .colonne_01 img{
	height: 100%;
    width: 100%;
	object-fit: cover; 
}

section.video {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12vw 10vw 6vw 10vw;
    position: relative;
	flex-wrap: wrap;
}

.titre_bg{
    position: absolute;
    text-align: center;
    /* font-size: 125px; */
    /* display: none; */
    margin: 0;
    top: 5vw;
    font-size: calc(15px + 8.2vw);
    color: rgb(61 67 81 / 20%);
}

.video .contenu{
	padding-left: 50%;
	padding-top: 5vw;
	
}

section.video > div.contenu p{
	font-size: calc(13px + 0.6vw);
}

@media screen and (min-width:1920px){
	section.video > div.contenu p{
		font-size: 25px;
	}
}
.boite_video {
	position: relative;
}

.boite_video img{
	width: 50vw;
	position: relative;
	z-index: 5;
}
.boite_video img:first-child {
    position: absolute;
    left: calc(50% - 90px);
    top: calc(50% - 90px);
    max-width: 180px;
    width: 10vw;
	max-height: 180px;
    height: 10vw;
    z-index: 6;
}
.boite_video img:not(:first-of-type){
	width: 50vw;
    aspect-ratio:16 / 9;
	position: relative;
	z-index: 5;
}

section.video > img{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .25;
}

.boite_video p{
	margin: 0;
}



.equipe .members{
	display: flex;
    flex-wrap: wrap;	
}

section.equipe{
	    padding: 5vw 10vw;
}

.intro h3{
	text-transform: uppercase;
}

.equipe .members > div{
	display: flex;
    align-items: center;	
}

.equipe .members > div:nth-child(even){
    flex-direction: row-reverse;
}

.contenu_membre{
	padding: 0vw 5vw;	
	width: 75%;
}

.member div.img{
	width: 60%;
}

.banniere{
	position: relative;
}
.banniere div{
    background-color: rgb(61 67 81 / 85%);
    position: relative;
    padding: 3vw 5vw;
}

.banniere h4{
	color: white;
	margin: 0;
	text-transform: uppercase;
	
}

.banniere > img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 100;
}

.popup > div {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    height: 100%;
    -ms-align-items: flex-start;
    align-items: center;
    justify-content: center;
    max-height: 100%;
    overflow-y: scroll;
    padding: 5vh 4vw;
}

.popup > div > div:after {
    content: "X";
    display: block;
    position: absolute;
    top: -10px;
    right: -33px;
    color: #fff;
    font-weight: 900; 
    font-size: calc(28px + 0.5vw);
    text-transform: uppercase;
    pointer-events: none;
    cursor: pointer;
}

.popup > div > div {
/*    background-color: #fff;*/
/*    padding: 4vw;*/
/*
    max-width: 1200px;
    margin: 0 auto;
*/
/*    display: none;*/
	position: relative;
}

.popup > div > div p{
	margin: 0;
}

/*body > main > div > div > div > p > iframe,*/
.popup iframe{
	    height: 25vw;
    width: 40vw;
}
@media screen and (min-width:1300px){
	.boite_video img:first-child {
		left: calc(50% - 5vw);
		top: calc(50% - 5vw);
	}
	.intro .colonne_02 img,
		.intro .colonne_02 img {
		height: 50vw;
	}
	
	

	.intro{
		align-items: center;
	}

}



@media screen and (max-width:960px){
	.intro .colonne_01 {
		width: 100%;
		padding: 5vw;
	}
	
	.intro .colonne_02{
		width: 100%;
		height: 65vw;
	}
	
	.intro_equipe .colonne_01{
		width: 100%;
		padding: 0;
		order: 3;		
	}
	
	.intro_equipe .colonne_02 {
		width: 100%;
    	order: 2;
	}
	
	.boite_video img {
		width: 80vw;
	}
	
	
	.video .contenu {
		padding-left: 0;
		
		text-align: center;
	}	
	
	.intro_equipe .contenu {
    	 padding-left: 0vw; 
    	 padding-right: 0vw; 
	}
	
	.contenu_membre{
		padding: 0vw 5vw;	
		width: 65%;
	}

	.member div.img{
		width: 35%;
	}
	
		section.galerie .colonne_01 {
		width: 100%;
	}
	
	section.galerie .colonne_02{
		width: 100%;
	}
}
@media screen and (max-width:860px){
	video.wp-video-shortcode{
		width: 80vw!important;
	}
}
@media screen and (max-width:760px){

	
	.contenu_membre{
		padding: 0vw 5vw;	
		width: 100%;
	}
	
	.equipe .members > div {

		flex-wrap: wrap;
	}

	.member div.img{
		width: 100%;
	}	
}