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;
}
.modele_single.jobpostings h5{
	margin-top: 5vh;
}
.modele_single.jobpostings .b1{
	margin-top: 20px;
	display: inline-block;
}
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;
	max-width: 900px;
}

section.intro div.colonne_02 > img{
	aspect-ratio:1/1;
	width: 100%;
	object-fit: cover;
}

.page_434 section.intro div.colonne_02 > img{
	height: auto;
	aspect-ratio :1 / 1;
	width: 100%;
}
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);
}

.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: "";
    /* color: white; */
/*
    left: 0vw;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    background-color: var(--grismoyen);	
*/
}

.contenu_02,
.contenu_01{
	display: flex;
    flex-wrap: wrap;
    padding: 5vw;
    align-items: center;
	position: relative;
}

.contenu_01{
	padding: 12vw 5vw 5vw 5vw;
}



.contenu_01 .colonne_01{
	width: 50%;
    padding-right: 5vw;	
	padding-left: 40px;	
		
}


.contenu_02 .colonne_02{
	width: 50%;
    padding-left: 5vw;	
	padding-right: 40px;	
		
}


.contenu_01 .colonne_02{
    width: 50%;
    text-align: center;
}

.contenu_02 .colonne_01{
    width: 50%;
    text-align: center;
}

.contenu_01 .colonne_02 img{
    aspect-ratio: 1 / 1;
    border-radius: 100%;
	max-width: 75%;
}

.contenu_02 .colonne_01 img{
    aspect-ratio: 1 / 1;
    border-radius: 100%;
	max-width: 75%;
}

.contenu_01 .colonne_01::before {

    left: 5vw;

}

.contenu_01 .ligne{
		position: relative;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    bottom: 0;
}

.contenu_02 .colonne_01::before {

    left: 50%;

}

section.slider {
    padding: 5vw 0vw 5vw 5vw;
    background: black;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;	
	align-items: center;
}
section.slider .colonne_01{
    width: 40%;
	padding-left: 40px;
}

section.slider .colonne_02{
    width: 60%;
    right: -10vw;
    position: relative;
}

main.modele_reseau{
	overflow: hidden;
}

section.slider ul.splide__pagination{
	display: none;
}

section.slider .splide__slide img{
	aspect-ratio:1 / 1;
    width: 100%;	
	object-fit: cover;
	transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */	
}

section.slider .splide__slide:hover img{
	height: 75%;
}


div.flexcontent > .row{
	padding: 5vw;
    position: relative;
	border-bottom: 1px solid var(--grismoyen);
}

div.flexcontent .row::before {
    content: "";
    /* color: white; */
    left: 5vw;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    background-color: var(--grismoyen);
}

div.flexcontent > section:nth-child(2)::before {

    left: 50vw;
}

div.flexcontent .row > div:nth-child(1){
	padding-left: 40px;
}

div.flexcontent .row .lightbox img{
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    max-width: 75%;	
	object-fit: cover;
}

div.flexcontent .row .lightbox > a{
text-align: center;
}

div.flexcontent > section:nth-child(3){
	background-color: black;
}

div.flexcontent > section:nth-child(3) *{
	color: white;
}

.banniere {
    background-color: var(--color1);
    padding: 1px 5vw;
}

.banniere p{
    background-color: var(--color1);
    font-size: 35px;
    font-weight: 300;
	
}

.banniere p strong{
    text-decoration: underline;	
}
.multiplateformes{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	gap:15px;
}
.multiplateformes > div{
	flex-basis: 60px;
	width: 60px;
}
.multiplateformes > span.plus{
	display: block;
	width: 30px;
}
.multiplateformes > span.plus::after,
.multiplateformes > span.plus::before {
	position: absolute;
	content:"";
	display: block;
	background-color: var(--color1);
	border-radius:5px;
}
.multiplateformes > span.plus::after{
	left: calc(50% - 5px);
	width: 10px;
	height: 30px;
	top: calc(50% - 15px);
}
.multiplateformes > span.plus::before{
	top: calc(50% - 5px);
	height: 10px;
	width: 30px;
	left: calc(50% - 15px);
}
section.suivez{
	background-color: var(--color1);
	padding: 45px 6vw;
	text-align: center;
}
section.suivez h1{
	margin: 0;
}
section.suivez h1 strong{
	text-decoration: underline;
}
section.suivez a{
	color:#000;
}

@media screen and (max-width:960px){
	
	.contenu_02 .colonne_01::before {
    	left: 5%;
	}
	
	section.slider {
		padding: 5vw;
		background: black;
		display: flex;
		flex-wrap: wrap;
		overflow: hidden;
		align-items: center;
	}	
	
	section.slider .colonne_02 {
		width: 100%;
    	right: 0;
		position: relative;
	}	
	
    div.boite_slider {
        position: relative;
        bottom: 0;
        height: 100%;
        width: auto;
        right: unset;
        left: unset;
        top: unset;
        transform: unset;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }	
	
	div.flexcontent > .row:nth-of-type(2n+2) > div:nth-of-type(1){
		order: 1;
	}
	
	div.flexcontent > .row:nth-of-type(2n+2) > div:nth-of-type(2){
		order: 2;
	}
	
	section.slider .colonne_01 {
		width:100%;
		padding-left: 0px;
		padding-bottom: 5vw;
	}	
	
	div.flexcontent > section:nth-child(2)::before {
    	left: 5vw;
	}
	
	section.intro div.colonne_02 > img {
    	position: relative;
    	clip-path: url(#my-shape);
	}
	
	section.intro .colonne_01 {
    	width: 100%;
	}
	
	section.intro .colonne_02 {
    	width: 100%;
        margin-top: 5vw;		
	}
	
	.contenu_01 .colonne_01 {
    	width: 100%;

	}
	
	.contenu_01 .colonne_02 {
		width: 100%;
        margin-top: 5vw;		
	}
	
	.contenu_02 .colonne_02 {
		width: 100%;
		padding-left: 5vw;
		padding-right: 40px;
		order: 1;
	}	
	
	.contenu_02 .colonne_01 {
		width: 100%;
		text-align: center;
		order: 2;
		padding-top: 5vw;
	}

}

@media screen and (max-width:640px){
	div.flexcontent > .row > div {
		flex-basis: unset;
		flex-grow: 1;
		min-width: auto;
	}
	a.post-more{
		display: block;
		text-align: left;
		margin-top: 40px;
		padding-left: 0;
		float:none;
	}
	.modele_single.jobpostings ul li{
		font-size: calc(11px + 0.5vw);
	}
}