.entete{
	background-color: #000;
	position: relative;
}
.entete img{
	opacity: 0.5;
}
.entete > div{
    position: absolute;
    top: 70%;
    width: 100%;
    transform: translate(-50%, -50%);
    max-width: 800px;
    /* margin: 0 auto; */
    left: 50%;
}
.entete > div *{
	color: var(--blanc);
}





section.intro{
	position: relative;
	padding: 5vw;
}

.intro .row{
	    max-width: 1000px;
    margin: 0 auto;
}

/*
section.intro .img_bg{
position: absolute;
       opacity: 0.1;
    width: 50%;
    bottom: -10%;
    left: 0;
    z-index: -1;
}
*/





.video_youtube iframe{
	    border: none;
    width: 100%;
    height: 100vh;
}

section.video_youtube{
	    margin-top: 10%;
}

section.flexible{
	position: relative;
/*	overflow: hidden;*/
}



.intro .img_bg{
	    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.1;
}

section.flexible .img_bg{
    position: absolute;
    bottom: -7%;
    opacity: 0.09;
    width: 20%;
    right: 0;
    z-index: -1;
}



.image_seul img{
	padding: 0 5vw;
}








@media screen and (max-width:1300px){
/*
	section.intro .img_bg{
		    bottom: -10%;
	}
*/
}


@media screen and (max-width:1024px){
/*
	section.intro .img_bg{
		    bottom: -5%;
	}
*/
}

@media screen and (max-width:760px){
	.entete > img{
		    height: 45vh;
    object-fit: cover;
	}

}

@media screen and (max-width:650px){
	
	
	
/*
	section.intro .img_bg{
		right: 0;
   		left: auto;
	}
*/
	
	
	section.flexible .img_bg{
		bottom: 0;
	}
	
	section.intro .colonne_01{
		text-align: left;
		width: 100%;
	 	padding: 5vw 0vw 0vw 5vw;
	}
	section.intro .colonne_02{
		padding: 0 5vw 5vw 5vw;
		width: 100%
	}
	
	section.banniere .colonne_02,
	section.banniere .colonne_01{
		width: 100%;
	}
}

.nowrap{
	white-space: nowrap;
}