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


.intro{
    display: flex;
    flex-wrap: wrap;	

}

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

section.intro .colonne_01{
    width: 55%;
    padding: 5vw 5vw 5vw 10vw;
}

section.intro .colonne_01 .contenu{
	padding-left: 5vw;
}

section.intro .colonne_02{
    width: 45%;
	overflow: hidden;

}
section.intro .colonne_02 img {
    
/*    object-fit: cover;*/
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.section_02{
    display: flex;
    flex-wrap: wrap;	
	align-items: center;
}


section.section_02 .colonne_01{
    width: 55%;
    padding: 5vw 5vw 5vw 10vw;
}

section.section_02 .colonne_01 .contenu{
	padding-left: 5vw;
}

section.section_02 .colonne_02{
    width: 45%;
	overflow: hidden;

}
section.section_02 .colonne_02 img {
/*    height: 100%;*/
    object-fit: cover;
    height: 100%;
    width: 100%;
}


section.section_03 ,
section.section_01 {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--color4);
   	
}

.section_03 .colonne_01,
.section_01 .colonne_01{
    width: 45%;
    overflow: hidden;
    
}


.section_01 .colonne_01 img{
/*    height: 100%;*/
    object-fit: cover;
    width: 100%;
	height: 60vw;
	padding: 5vw 0vw 5vw 10vw;
}

.section_03 .colonne_01 img {
    height: 100%;
    object-fit: cover;
    width: 100%;

}

.section_03 .colonne_02,
.section_01 .colonne_02{
    width: 55%;
    padding: 5vw 10vw 5vw 5vw;
}

.section_03 .colonne_02 .contenu,
.section_01 .colonne_02 .contenu{
	padding-left: 5vw;
}


@media screen and (min-width:1300px){
/*
		.section_03 .colonne_01 img {

		height: 50vw;
	}
*/
	
	section.section_03, section.section_01,
	.intro{
		align-items: center;
	}

}

@media screen and (max-width:960px){
	
	section.intro .colonne_01{
		width: 100vw;
		padding: 5vw;
	}
	

	section.section_02 .colonne_02 img{
		height: 50vw;
	}
	
	section.section_03,
	section.section_01{
	    flex-direction: column-reverse;	
	}
	
	section.section_02 .colonne_01 {
    	width: 100%;
    	padding: 5vw;
	}
	
	section.section_02 .colonne_02 {
    	width: 100%;
    	
	}
	
	section.intro .colonne_02 {
	 	width: 100%;
	}
	
	.section_01 .colonne_01 img {
		/* height: 100%; */
		object-fit: cover;
		width: 100%;
		height: 50vw;
		padding: 0;
	}
	
	.section_03 .colonne_01,
	.section_01 .colonne_01{
		width: 100%;
	}
	
	.section_03 .colonne_02, 
	.section_01 .colonne_02{
		width: 100%;
		padding: 5vw;
	}
	
}