section.header_reseau img{
    height: 50vh;
    width: 100%;
    object-fit: cover;
    filter: brightness(0.5);
}
section.intro{
	background: black;
	position: relative;
	z-index: 999;
}

section.intro .row{
    display: flex;
    flex-wrap: wrap;
    padding: 10vw 5vw;
	position: relative;
}

section.intro .colonne_01{
    width: 50%;
}
section.intro .colonne_01 > div{
    padding-right: 10vw;
    padding-left: 40px;	
}
section.intro .colonne_02{
	width: 50%;
	position: relative;
	margin-top: -5vw;
	margin-bottom: -14vw;
}

section.intro div.colonne_02 > img{
	aspect-ratio:1/1;
	object-fit: cover;
}
div.column{
	float: left;
	width: 50%;
	margin-bottom: 20px;
}
div.column + p{
	clear: both;
}
section.intro .colonne_02 #clipsvg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
section.intro div.colonne_02 > img{
	clip-path: url(#my-shape);
}
.plateformes .botlinefromleft{
	position: relative;
	height: 1px;
}
.intro .colonne_01::before {
    left: 5vw;	
}
.intro .titre{
	position: relative;
}
.intro .titre > .linecontainer{
	position: relative;
	height: 1px;
	left: -40px;
	width: 205%;
}
.intro .contenu{
    padding-top: 1em;	
}
section.intro .colonne_02::before{
    content: "";
}
section.plateformes{
	
    padding: 10vw 5vw;
}
.medias{
	margin-top: 10vh;
	display:grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-column-gap: 8vw;
	grid-row-gap: 8vh;
	margin-bottom: 15vh;
}
.medias a.b1{
	text-transform: none;
	font-size:14px;
}
.medias img{
	aspect-ratio: 3/1;
	width: 100%;
	object-fit: contain;
	object-position: top center;
	margin-bottom: 40px;
    max-width: 300px;	
}
.medias > div > a:nth-of-type(n+2){
	display: inline-block;
	margin-bottom: 10px;
}
.medias > div > a:nth-of-type(1){
	display: block;
	margin-bottom: 10px;
}

@media screen and (max-width:960px){
	section.intro .colonne_01 {
		width: 100%;
	}
	
	section.intro .colonne_02 {
		width: 100%;
		position: relative;
		margin-top: 5vw;
		margin-bottom: -14vw;
	}	
	
	section.intro .row {
		display: flex;
		flex-wrap: wrap;
		padding: 10vw 0vw 10vw 5vw;
		position: relative;
	}	
	
	.medias {

		grid-template-columns: repeat(3, minmax(0, 1fr));

	}
}

@media screen and (max-width:860px){
		.medias {

		grid-template-columns: repeat(2, minmax(0, 1fr));

	}
}

@media screen and (max-width:500px){
		.medias {

		grid-template-columns: repeat(1, minmax(0, 1fr));

	}
}