/* Webfont: ModernEra-Bold */@font-face {
    font-family: 'ModernEra';
    src: url('fonts/ModernEra-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/ModernEra-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/ModernEra-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/ModernEra-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/ModernEra-Bold.svg#ModernEra') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility;
}

/* Webfont: ModernEra-Black */
/*@font-face {
    font-family: 'ModernEra';
    src: url('fonts/ModernEra-Black.eot'); 
    src: url('fonts/ModernEra-Black.eot?#iefix') format('embedded-opentype'), 
         url('fonts/ModernEra-Black.woff') format('woff'), 
         url('fonts/ModernEra-Black.ttf') format('truetype'), 
         url('fonts/ModernEra-Black.svg#ModernEra') format('svg'); 
    font-style: normal;
    font-weight: 900;
    text-rendering: optimizeLegibility;
}*/

/* Webfont: ModernEra-Medium */@font-face {
    font-family: 'ModernEra';
    src: url('fonts/ModernEra-Medium.eot'); /* IE9 Compat Modes */
    src: url('fonts/ModernEra-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/ModernEra-Medium.woff') format('woff'), /* Modern Browsers */
         url('fonts/ModernEra-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/ModernEra-Medium.svg#ModernEra') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 500;
    text-rendering: optimizeLegibility;
}

/* Webfont: ModernEra-Regular */@font-face {
    font-family: 'ModernEra';
    src: url('fonts/ModernEra-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/ModernEra-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/ModernEra-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/ModernEra-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/ModernEra-Regular.svg#ModernEra') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}

/* Webfont: ModernEra-Regular */@font-face {
    font-family: 'ModernEra';
    src: url('fonts/ModernEra-Light.eot'); /* IE9 Compat Modes */
    src: url('fonts/ModernEra-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/ModernEra-Light.woff') format('woff'), /* Modern Browsers */
         url('fonts/ModernEra-Light.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/ModernEra-Light.svg#ModernEra') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}


:root{
  --beige: #F8F4EB;
  --violet:#5465FF;
  --noir:#1D1D39;
}


*, body, p, h1, h2, h3,h4, h5, blockquote, span, div, i, strong, em, div, a, ul, li, ol, b, u
{
	font-family: 'ModernEra';
	font-weight: 400;
	color:var(--noir);
}

*
{
	cursor: none!important;
}


.cursor,
.cursor2,
.cursor3{
  position: fixed;
  border-radius: 50%;	
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
  left: -100px;
  top: 50%;
  transition: width .2s ease, height .2s ease;
}
.cursor {
  background-color: #FFF;
  z-index: 9999999;
  height: 30px;
  width: 30px;
  mix-blend-mode: difference;
}
.cursor2,
.cursor3{
  height: 50px;
  width: 50px;
  z-index: 108;
  /*transition: all 0.3s ease-out;*/
  display: none;
}
.cursor2.hover,
.cursor3.hover {
  transform: scale(1.4) translateX(-35%) translateY(-35%);
  border: none;
  background: transparent;
}

.cursor2
{
	width: 30px;
	height: 30px;
  	transition: width .2s ease, height .2s ease;
	z-index: 99999999;
	border-radius: 100%;
	background: var(--beige);
	display: block;
	opacity: 0;

	visibility: hidden;
}

.cursor2.hover-oui
{
	
	width: 170px;
	height: 170px;
	opacity: 1;
	visibility: visible;
}

.cursor2::after
{

	content: "Oui !";
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%) rotate(15deg);
	font-family: 'ModernEra';
	font-size: 1px;
	opacity: 0;
	font-weight: 700;
	visibility: hidden;
	width: 170px;
	height: 170px;
	text-align: center;
	line-height: 170px;
}

.cursor2.hover-oui::after
{
	opacity: 1;
	font-size: 30px;

	visibility: visible;
}

.cursor.hover
{
	width: 35px;
	height: 35px;
}

.cursor2.hover {
  /*background: rgba(255,255,255,0.3);*/
}

/*
.ball {
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  border: 1px solid #fff;
  z-index: 100;
  transition: all .3s linear;
}*/

#page
{
	width: 100vw;
	overflow-x: hidden;
}

.centrer
{
	overflow: visible;
}

h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a,
h1 span, h2 span, h3 span, h4 span, h5 span
{
	font-family: 'ModernEra';
}

p, li
{
	font-size: 14px;
}

sup
{
	font-size: .5em;
	font-weight: normal!important;
}

body
{
	background-color: var(--beige);
	overflow-x: hidden;
	width: 100vw;

    scroll-behavior: smooth;

}

.logo
{
	position: relative;
	width: 130px;
	height: 35px;
	margin-top: 30px;
	z-index: 9999;
}

.logo img
{
	position: absolute;
	left: 0;
	top:0;

	transition:.3s ease all;
}

.logo .logo-site
{
	opacity: 1;
}

.logo .logo-site-transparent
{
	opacity: 1;
}

.logo .logo-site-transparent-blanc
{
	opacity: 0;
}


.logo .logo-site-full-blanc
{
	opacity: 0;
}

.logo .logo-site.past
{
	opacity: 0;
}

.logo .logo-site-transparent.active
{
	opacity: 1;
	/*left: -26px;*/
}

.logo .logo-site-transparent.active.past
{
	opacity: 0;
}

.logo .logo-site-transparent-blanc.active
{
	opacity: 1;
}



section
{
	height: 100vh;
	position: relative;
	
    /*scroll-snap-align: start;*/
	
}

/*
#main
{
	height: 100vh;
	overflow-y: scroll;
	overflow-x: hidden;
	scroll-behavior: smooth;
    scroll-snap-type: y mandatory;
}*/

.section-1
{
	z-index: 99;
}
.section-2
{
	z-index: 98;
}
.section-2-1
{
	z-index: 97;
}

.section-3
{
	z-index: 99;
	background: var(--beige);
}
.section-4
{
	z-index: 99;
}
.section-5
{
	z-index: 91;
}
.section-6
{
	z-index: 91;
}
.section-7
{
	z-index: 91;
}
.section-8
{
	z-index: 99;
}
.section-9
{
	z-index: 99;
}

.section-10
{
	z-index: 91;
}

.section-11
{
	z-index: 91;
}

header .centrer
{
	width: 80%;
	max-width: 1111px;
	position: relative;
}

header .centrer .centrer
{
	position: absolute;
	top:50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

section .centrer
{
	width: 80%;
	max-width: 1111px;
	position: relative;
	height: 100vh;
}

body.page-template-default section,
body.page-template-default section .centrer
{
	height: auto;
}



header
{
	position: fixed;
	z-index: 9999;
	width: 100vw;
}

.centre
{
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
}

.section-1
{

	background: var(--beige);
}

.section-hero .pre-titre
{
	font-size: 30px;
	text-align: center;
}

.section-hero h1
{
	font-size: 80px;
	text-align: center;
	line-height: 85px;
	font-weight: 500;
	font-weight: 500;
}

.section-hero h1 i
{
	font-style: normal;
	font-weight: 500;
}

.section-hero i::before
{
	content: '';
	width: 40px;
	height: 40px;
	background: url('images/smiley.svg');
	border-radius: 20px;
	margin-right: 10px;
	display: inline-block;
}

.section-hero h1 span
{
	position: relative;
	z-index: 1;
	color:var(--noir);
	font-weight: 500;

	transition: .3s ease all;
}

.section-hero h1 span.active
{
	color:var(--beige);

}

.section-hero h1 span::before
{
	transition: .3s ease all;

	z-index: -1;
	content: "";
	background: var(--violet);
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	height: 0%;
}

.section-hero h1 span.active::before
{
	height: 100%;
}

.section-hero .centre
{
	width: 90%;
}

.section-hero .ancre,
.showreel .ancre
{
	position: absolute;
	right: 30px;
	bottom: 30px;
	width: 148px;
	height: 148px;
	cursor: pointer;

	overflow: hidden;
}

.showreel .ancre
{
	left: 0%;
	top:0%;
	transform: translate(-50%, -50%);
	right: auto;
	bottom: auto;
}

.section-hero .ancre .fond-tourne,
.showreel .ancre .fond-tourne
{
	background: url('images/fond-tourne.svg') no-repeat center;

	width: 148px;
	height: 148px;
	position: absolute;
	left: 0;
	top:0;
	z-index: 9;
}

.section-hero .ancre .fond-tourne
{
	  animation: anim-tourne 8s linear infinite;

}


@keyframes anim-tourne {
  0% {
    transform: rotate(0deg);
blue;
  }
  100%{
    transform: rotate(360deg);
  }
}

.section-hero .ancre .play-mini,
.showreel .ancre .play-mini
{
	background: url('images/play-mini.svg') no-repeat center;

	width: 26px;
	height: 22px;
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
	z-index: 99;
	transition:.3s ease all;
}

.section-hero .ancre:hover .play-mini,
.showreel .ancre:hover .play-mini
{
	transform: translate(-50%, -50%) scale(1.2);

}	







.section-intro 
{
	overflow: hidden;
	height: 150vh;
}

.section-2-1
{
	/*height: 50vh;*/
}

.section-intro .centrer
{
	position: absolute;
	top:0;
	left: 50%;
	height: 200vh;
	min-height: 100%;
	transform: translateX(-50%);
}

.section-intro .masque-centre
{
	position: absolute;
	background: var(--beige);
	/*background: rgba(255,0,0,.5);*/
	bottom:0%;
	left: 0%;
	z-index: 9;
	width: 100%;
	height: 100%;
	content: "";

	display: none;

	/*transition:.1s ease all;*/
}




.section-intro.active .centrer,
.section-intro.futur .centrer
{
	position: absolute;
}

.section-intro.past .centrer
{
	position: absolute;
	/*top:100vh;*/
}

.section-intro .centre
{
	width: 80%;
	top: 0;
	transform: translateX(-50%);
}

.section-intro .titre
{
	font-size: 35px;
	text-align: center;
	line-height: 40px;

}



.section-intro .titre b
{
	font-weight: 500;
}

.section-intro .titre i
{
	font-weight: 300;
	font-style: italic;
}


.section-intro .titre span
{
	position: relative;
	z-index: 1;
	color:var(--noir);
	font-weight: 700;

	transition:.3s ease all;
	display: inline-block;
	/*background: #5465FF*/
}


.section-intro .titre span::before
{
	z-index: -1;
	content: "";
	background: #5465FF;
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	height: 0%;

	transition:.3s ease all;
}

.section-intro .titre span.active
{
	
	color:var(--beige);
	
}


.section-intro .titre span.active::before
{
	height: 100%;
}















.section-3 .vague-mission
{
	position: absolute;
	left: 0%;
	top:-10%;
	transform: translateX(-70%);
	background: url('images/vague.svg') no-repeat center;
	width: 490px;
	height: 490px;

	/*transition:.1s ease all;*/
}

.section-3 .vague-mission-2
{
	top:calc(-10% + 490px);
}

.section-3 ul 
{
	list-style: none;
}

.section-3 ul li
{
	font-size: 35px;
	line-height: 45px;
	padding: 0;
	margin-bottom: 40px;
	position: relative;
	cursor: pointer;
	clear: both;
}

.section-3 ul li::before
{
	content: '';
	position: absolute;
	left: -50px;
	top: 0%;
	/*transform: translateY(-50%);*/
	background: url('images/01.svg') no-repeat center;
	width: 30px;
	height: 20px;
	transition: .3s ease all;
	opacity: 1;
}

.section-3 ul li+li::before
{
	background-image: url('images/02.svg');
}

.section-3 ul li+li+li::before
{
	background-image: url('images/03.svg');
}

.section-3 ul li+li+li+li::before
{
	background-image: url('images/04.svg');
}

.section-3 ul li+li+li+li+li::before
{
	background-image: url('images/05.svg');
}

.section-3 ul li::after
{
	content: '';
	position: absolute;
	left: -50px;
	top: 0%;
	/*transform: translateY(-50%);*/
	background: url('images/01-hover.svg') no-repeat left top;
	width: 25px;
	height: 25px;
	opacity: 0;
	transition: .3s ease all;
}


.section-3 ul li+li::after
{
	background-image: url('images/02-hover.svg');
}

.section-3 ul li+li+li::after
{
	background-image: url('images/03-hover.svg');
}

.section-3 ul li+li+li+li::after
{
	background-image: url('images/04-hover.svg');
}

.section-3 ul li+li+li+li+li::after
{
	background-image: url('images/05-hover.svg');
}

.section-3 ul li:hover::before
{
	opacity: 0;
}

.section-3 ul li:hover::after
{
	opacity: 1;
}


.section-3 ul li span
{
	font-weight: 500;
	font-size: 35px;
	line-height: 45px;
	text-align: left;
	color: var(--noir);
	float: left;
	width: 300px;

	transition: .3s ease all;
}

.section-3 ul li div
{
	transition: .3s ease all;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	text-align: left;
	color: var(--noir);
	float: left;
	padding-top: 10px;
	width: calc(100% - 380px);
}

.section-3 ul li div.clear
{
	float: none;
	width: auto;
	padding: 0;
}

.section-3 ul li:hover div,
.section-3 ul li:hover span
{
	color:var(--violet);
	font-weight: 500;
}






.section-3 .centre
{
	width: 80%;
}

.section-4 .showreel
{
	position: absolute;
	width: auto;
	height: calc(100vh - 180px - 48px);
	left: 50%;
	top:50%;
	transform: translate(calc(-50% + 60vw ), calc(-50% - 50vh));

	/*/*transition:.1s ease all;*/*/

	/*background: url('images/img-showreel.jpg') no-repeat center;*/
	/*background-size: cover;*/
}

.section-4 .showreel img
{
	height: 100%;
	display: block;
	margin: 0 auto;
	width: auto;
	max-width: none;
}

.section-4.active .showreel,
.section-4.past .showreel
{
	transform: translate(calc(-50% + 0vw), calc(-50% - 0vh))!important;
}

.section-4.active .showreel
{
	position: fixed;
}


.section-4 .showreel .play
{
	position: absolute;
	z-index: 9;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
	background: url('images/play.svg') no-repeat center rgba(255, 255,255, .5);
	border-radius: 50px;

	cursor: pointer;

	visibility: hidden;
	opacity: 0;

	transition: .3s ease all;
}

.section-4.active .showreel .play
{
	visibility: visible;
	opacity: 1;
}

.section-4 .showreel .play:hover
{
	background-color: rgba(255,255,255,1)
}

.showreel-video-after,
.showreel-video-hero, 
.popin-docu-video
{
	display: block;
	position: fixed;
	transform: translate(calc(-50% + 0vw), calc(-50% - 0vh));
	left: 50%;
	top: 50%;
	width: 80%;
	height: calc(100vh - 180px - 48px);
	z-index: 9;

	background: var(--noir);
	background: rgba(29,29,57, .8);


	display: block;
	visibility: hidden;
	opacity: 0;
	z-index: -1;

	transition:.3s ease all;

	overflow: hidden;
}

header.z-index-99
{
	z-index: 99;
}

.showreel-video-after.active,
.showreel-video-hero.active,
.popin-docu-video.active
{
	display: block;
	width: 100%;
	height: 100%;
	opacity: 1;
	visibility: visible;
	z-index: 999;
}

.showreel-video-after iframe,
.showreel-video-hero iframe,
.popin-docu-video iframe
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	height: 70%;
	z-index: 999;
}

.showreel-video-after .centrer,
.showreel-video-hero .centrer,
.popin-docu-video .centrer
{
	position: relative;
	z-index: 99;
}

body.fixed-body
{
	overflow: hidden;
}

.showreel-video-after .titre,
.showreel-video-hero .titre,
.popin-docu-video .titre
{
	font-size: 40px;
	position: absolute;
	left: 80px;
	top:40px;
	color: #f8f4eb;

}

.showreel-video-hero .fermer,
.showreel-video-after .fermer,
.popin-docu-video .fermer
{
	
	font-weight: 500;
	font-size: 18px;
	color: #f8f4eb;
	position: absolute;
	right: 80px;
	top:40px;
	cursor: pointer;
}

.showreel-video-hero .fermer:hover,
.showreel-video-after .fermer:hover,
.popin-docu-video .fermer:hover
{
	text-decoration: underline;
}

.section-4 .centrer
{
	position: absolute;
	left: 50%;
	top:0;
	width: 100%;
	max-width: none;
	transform: translateX(-50%);
}

.section-4.active .centrer
{
	position: fixed;
}

.section-4.past .centrer
{
	position: absolute;
	top:100vh;
}

.texte-showreel-head,
.texte-showreel-foot
{
	background: url('images/showreel-repeat.svg') repeat-x left center;
	height: 48px;
	width: calc(380px * 10);
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.texte-showreel-head
{
	top:90px;
	left: -50vw;
}

/*.section-4.past .texte-showreel-head
{
	top:calc(100vh + 90px);
}*/

.texte-showreel-foot
{
	bottom:90px;
	right: -50vw;
	/*transition:.1s ease all;*/
}

/*.section-4.past .texte-showreel-foot
{
	bottom: calc(90px - 100vh);
}*/

.section-4.active .texte-showreel-head,
.section-4.active .texte-showreel-foot,
.section-4.past .texte-showreel-head,
.section-4.past .texte-showreel-foot
{
	position: fixed;
}

/*
.section-4.past .texte-showreel-head,
.section-4.past .texte-showreel-foot
{
	position: absolute;
}*/

.section-6 .centre
{
	width: 100%;
}

.section-6 .right
{
	width: 50%;
}

.section-6 .left
{
	width: 46%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}


.section-6 .left img
{
	width: 60%;
	position: absolute;
	left: 0;
	bottom:40%;

	/*transition:.1s ease all;*/
}

.section-6 .left img+img
{
	bottom:-0%;
	right: 0;
	left: auto;
	top:auto;
}

.section-6 .left img+img+img
{
	bottom:-40%;
	left: 0;
	
	top:auto;
}

.section-6
{
	text-align: left;
}

.section-6 p b{
	font-weight: bold;
}


.section-6 h2,
.section-10-ter h2
{
	font-size: 45px;
	line-height: 50px;
	font-weight:700;
}

.section-6 h2 span.color-violet,
.section-10-ter h2 span.color-violet
{
	color:var(--violet);
	font-weight:700;
}

.section-6  span.ufo
{
	color:var(--violet);
	display: inline-block;
	padding-right: 40px;
	position: relative;
}

.section-6  span.ufo::after
{
	position: absolute;
	right: 5px;
	top:50%;
	transform: translateY(-50%);
	content: "";
	background: url('images/ufo.svg') no-repeat center;
	width: 30px;
	height: 18px;
}

.section-6  span.ufo:hover::after
{
	  animation: animufo .5s ease-in-out infinite;
}

@keyframes animufo {
  0% {
	transform: translateY(-50%);
  }
  50%
  {
	transform: translateY(-45%);

  }
  100%{
	transform: translateY(-50%);
    
  }

}

.section-6 h2 span.line-violet,
.section-10-ter h2 span.line-violet
{
	position: relative;
	z-index: 1;
	font-weight:700;
	color:var(--beige);
	display: inline-block;
}

.section-6 h2 span.line-violet::before,
.section-10-ter h2 span.line-violet::before
{
	z-index: -1;
	content: "";
	background: var(--violet);
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
}

.section-6 h3
{
	font-size: 24px;
	line-height: 28px
}

.section-6 p,
.section-10-ter p
{
	font-size: 16px;
	line-height: 24px;
}

.section-6 p strong,
.section-10-ter p b
{
	font-weight: 800;
}

.section-10-ter p.gros
{
	font-size: 24px;
	line-height: 28px;
}

.section-7 .coeur
{
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
	width: 0px;


	/*transition:.1s ease all;*/

}

.section-7 .coeur img
{
	width: 100%;
}

.section-7.futur .coeur
{
	width: 0!important;
}

.section-7.active .coeur,
.section-7.past .coeur
{
	position: fixed;
	width: 0px;
}

.section-9
{
	background: var(--violet);
	overflow: hidden;
}

.section-9 h2
{
	font-size: 45px;
	line-height: 50px;
	color:var(--beige);
	text-align: center;
	padding-bottom: 80px;
	font-weight: 700;
}

.section-9 .centre
{
	width: 100%;
}

.liste-partenaires
{

}

.liste-partenaires a
{
	float: left;
	width: 25%;
	box-sizing: border-box;
	padding: 0 5%;
	padding-bottom: 30px;
	position: relative;
	transition: none;

	/*transition:.1s ease all;*/
}

.section-10
{
	background: var(--noir);
}

.section-10 h2
{
	font-size: 50px;
	line-height: 50px;
	color:var(--beige);
	text-align: center;
	padding-bottom: 80px;
	font-weight: 700;
}

.section-10 .centre
{
	width: 100%;
}

.section-11.close
{
	height: 0;
	overflow: hidden;
}

.section-11
{
	background: var(--beige);
}

.section-11 .centre
{
	width: 80%;
}

.section-11 h2
{
	font-size: 50px;
	line-height: 50px;
	color:var(--noir);
	text-align: center;
	padding-bottom: 80px;
	font-weight: 700;
}

.section-11 h2 span
{
	text-indent: -10000px;
	background: url('images/bulles.svg');
	display: inline-block;
	width: 49px;
	height: 39px;
}

.section-11 .rejoindre
{
	font-size: 30px;
	float: left;
	position: relative;
}

.section-11 .travailler
{
	font-size: 30px;
	float: right;
}

.section-11 .travailler span,
.section-11 .rejoindre span
{
	position: relative;
	display: inline-block;
	

	transition: .3s ease all;

}

.section-11 .rejoindre span::before,
.section-11 .travailler span::before
{
	background: var(--violet);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0%;
	content: "";
	transition: .3s ease all;
	z-index: -1;
}

.section-11 .rejoindre:hover span,
.section-11 .travailler:hover span
{
	color: var(--beige);
}

.section-11 .rejoindre:hover span::before,
.section-11 .travailler:hover span::before
{
	height: 100%;
}

.to-top
{
	background: url('images/to-top.svg') no-repeat center;
	width: 40px;
	height: 40px;
	position: fixed;
	right: 10%;
	bottom:15%;
	opacity: 0;
	visibility: hidden;

	transition: .3s ease all;
}

.section-10.active + .to-top,
.section-10.past + .to-top
{
	opacity: 1;
	visibility: visible;
}

.credits
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	z-index: 99;
	padding-bottom: 30px;
}

.credits p,
.credits a,
.credits span
{
	color: var(--beige);
	font-size: 20px;
}

.credits.fonce p,
.credits.fonce a,
.credits.fonce span
{
	color: var(--noir);
	font-size: 20px;
}


.credits .sociaux
{
	float: left;
}

.credits a.mail
{
	float: left;
	margin-left: 60px;
}

.credits .sociaux a
{
	height: 21px;
	width: 21px;
	margin-right: 15px;
	background: no-repeat center;
	float: left;
}

.credits .right a
{
	margin-right: 75px;
	float: left;
}

.credits .copyright
{
	float: right;
}

.credits .sociaux a.twitter { background-image: url('images/twitter-clair.svg'); }
.credits .sociaux a.linkedin { background-image: url('images/linkedin-clair.svg'); }
.credits .sociaux a.facebook { background-image: url('images/facebook-clair.svg'); }
.credits .sociaux a.instagram { background-image: url('images/instagram-clair.svg'); }


.credits.fonce .sociaux a.twitter { background-image: url('images/twitter-sombre.svg'); }
.credits.fonce .sociaux a.linkedin { background-image: url('images/linkedin-sombre.svg'); }
.credits.fonce .sociaux a.facebook { background-image: url('images/facebook-sombre.svg'); }
.credits.fonce .sociaux a.instagram { background-image: url('images/instagram-sombre.svg'); }

body
{
	position: relative;
}

.anim-lotie
{
	background-color:var(--noir);
	width: 100vw;
	height: 100vh;
	position: fixed;
	opacity: 1;
	visibility: visible;
	z-index: 9999998;
	transition: .5s ease all;
}

.anim-lotie.masque
{
	visibility: hidden;
	opacity: 0;
}

#lottie
{
    background-color:var(--noir);
    position: absolute;
    width: 50%;
    height: 50%;
    left: 50%;
    top:50%;
    display:block;
    overflow: hidden;
    transform: translate3d(0,0,0)  translate(-50%, -50%);
    text-align: center;
    opacity: 1;
}

.page-simple
{
	padding-top: 150px;
	padding-bottom: 100px;
	height: auto;
}

section.page-simple .centrer
{
	height: auto;
}

.page-simple h3
{

	font-size: 20px;
	text-align: left;
}

.page-simple h2
{

	font-size: 30px;
	text-align: left;
}


.page-simple h3
{

	font-size: 25px;
	text-align: left;
}

.page-simple h1
{
	font-size: 50px;
	text-align: left;
	line-height: 55px;
	font-weight: 500;
	font-weight: 500;
}

.page-simple p,
.page-simple li
{
	font-size:16px;
}

.page-simple strong,
.page-simple b
{
	font-weight: 700;
}

.page-simple a
{
	color:var(--violet);
	text-decoration: underline;
}

.detail-presse
{
	clear: both;
	padding-top: 50px;
	margin-top: 50px;
	border-top: 1px solid rgba(0,0,0,.1);
	display: flex;
  	align-items: center;
}

.detail-presse .left
{
	width: calc(66% - 40px);
	margin-left: 40px;
}

.detail-presse .right
{
	width: 33%;
}

.liste-presse
{
	padding-bottom: 150px;
}

body.page-template-template-presse #branding,
body.blog #branding,
body.single #branding,
body.author #branding,
body.page-template-template-flexible #branding
{
	height: 100px;
	background: var(--beige);
}

.section-blog,
.section-blog .centrer,
.section-article .centrer,
.section-article 
{
	height: auto;
}


.section-blog
{
	padding-bottom: 200px;
}

.section-blog h3
{
	font-size: 25px;
	font-weight: bold;
}

.liste-article
{
	/*display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 40px;*/
  border-top: 1px solid #1d1d39;
  padding-top: 50px;
}

.liste-article .detail-article
{
	width: 83%;
	padding: 30px 15px;
  border: 1px solid #1d1d39;
  border-radius: 5px;
  margin-bottom: 30px;
}

.liste-article .detail-article .vignette
{
	width: 40%;
	float: left;
}

.liste-article .detail-article .details
{
	float: right;
	padding-right: 20px;
	width: calc(55% - 20px);
	padding-top: 20px;
}

.liste-article .detail-article img
{
	width: 100%;
	border-radius: 5px;

}

.liste-article h3
{
	font-family: "ModernEra";
	font-weight: normal;
	font-size: 24px;
	line-height: 28px;
	text-align: left;
	color: #1d1d39;
}

.liste-article p
{
	font-family: "ModernEra";
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: #1d1d39;
}


.liste-article .date,
.section-article .date
{
	text-transform: uppercase;
	font-size: 12px;
}

.une-colonne
{
	padding-bottom: 20px;
}

.deux-colonne
{
	display: flex;
  	align-items: center;
	padding-bottom: 20px;

}

.deux-colonne .col-50
{
	width: 50%;
}

.author-card
{
	background: var(--violet);
	padding: 20px;
	color:#fff;
	overflow: hidden;
	border-radius: 70px 0 0 70px;
}

.author-card p,
.author-card p a
{
	color:#fff;
}

.author-card img
{
	width: 60px;
	border-radius: 100%;
	margin-right: 30px;
	display: block;
}

.author-card-single img
{
	width: 150px;
}

.author-card-single
{
	border-radius: 100px 0 0 100px;
}

.hero-offre .picto
{
	padding-right: 20px;
	padding-top: 30px;
}

.ancre-intro
{
	padding: 80px 0;

}

.ancre-intro .left
{
	width: 33%;
}

.ancre-intro .left+.left
{
	width: 50%;
}

.ancre-intro .liste-ancre
{
	border-left: 1.5px solid #1d1d39;
	padding: 20px;
	padding-top: 0;
}



.ancre-intro .liste-ancre a
{
	font-family: "ModernEra";
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: #1d1d39;
	display: block;
	text-decoration: none;
}

.ancre-intro .liste-ancre a:hover
{
	color:#5465FF;
}

.ancre-intro h3
{
	font-family: "ModernEra";
	font-weight: normal;
	font-size: 30px;
	line-height: 45px;
	text-align: left;
	color: #1d1d39;

}

.texte-simple,
.bloc-projet
{
	padding: 80px 0;
}

.page-flexible .bouton,
.blog .bouton,
.author .bouton,
#main .bouton
{
	padding: 0;
	background: none;

	font-family: "ModernEra";
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	text-align: left;
	color: #1d1d39;
	line-height: 30px;
	height: 30px;
	padding-right: 40px;
	position: relative;
	text-decoration: none;
}

.page-flexible .bouton::after,
.blog .bouton::after,
.author .bouton::after,
#main .bouton::after
{
	width: 30px;
	height: 30px;
	content: "";
	position: absolute;
	border-radius: 15px;
  right: 0;
  top: 0;
  background: url('images/fleche-bouton.svg') #1D1D39 no-repeat center;

  transition: .3s ease all;
}

.page-flexible .bouton:hover::after,
.blog .bouton:hover::after,
.author .bouton:hover::after,
#main .bouton:hover::after
{
	transform: rotate(90deg);
	background-color: #5465FF;

}

.page-flexible h2
{
	font-family: "ModernEra";
	font-weight: bold;
	font-size: 45px;
	line-height: 50px;
	text-align: left;
	color: #1d1d39;
}

.page-flexible h3
{
	font-family: "ModernEra";
	font-weight: normal;
	font-size: 24px;
	line-height: 28px;
	text-align: left;
	color: #1d1d39;
}

.page-flexible p
{
	font-family: "ModernEra";
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: #1d1d39;

}

.page-flexible h2 i,
.page-flexible h2 em
{
	font-weight: 300;
/*	font-style: normal;*/
}


.page-flexible h2 strong,
.page-flexible h2 b
{
	font-weight: 300;
/*	font-style: normal;*/
}

.page-flexible ul
{
	list-style: none;
	margin-left: 0;
}

.page-flexible ul li::before
{
	content: "";
	background: url('images/fleche-liste.svg') no-repeat center;
	width: 10px;
	height: 20px;
  float: left;
  margin-right: 10px;
}

.page-flexible .texte-image
{
	display: flex;
	padding: 80px 0;
  align-items: center;
}

.page-flexible .texte-image.image-droite
{
  flex-direction: row-reverse;
}

.page-flexible .texte-image .image
{
	width: 25%;
}

.page-flexible .texte-image .image img
{
	max-width: 80%;
	display: block;
	margin: 0 auto;
}

.page-flexible .texte-image .texte
{
	margin-left: 5%;
	width: 75%;
}


.page-flexible .texte-image.image-droite .texte
{
	margin-left: 0%;
	margin-right: 5%;
	
}

.liste-projet
{
	padding-top: 60px;
}

.detail-projet
{
	border-bottom: 1px solid #1d1d39;
	padding-bottom: 40px;
	margin-bottom: 40px;

}

.detail-projet .left
{
	width: 200px;
}

.detail-projet .right
{
	width: calc(100% - 250px);
}

.detail-projet .livrable
{
	display: none;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 32px;
	width: 100%;
	padding-top: 40px;
}

.detail-projet .livrable .detail-livrable
{
	border-radius: 5px;
	background: transparent;
	border: 1px solid #1d1d39;
	padding: 15px;
}

.detail-projet .livrable .detail-livrable:hover
{
	padding: 14px;

	border: 2px solid #5465FF;
}

.detail-projet .livrable .detail-livrable img
{
	border-radius: 5px;
}

.detail-projet .livrable .detail-livrable .image
{
	position: relative;
}

.detail-projet .livrable .detail-livrable .image::after
{
	content: "";
	background: url('images/zoom.svg') no-repeat center;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
	position: absolute;
	width: 50px;
	height: 50px;
	opacity: 0;
	transition: .3s ease all;
}

.detail-projet .livrable .detail-livrable:hover .image::after
{
	opacity: 1;
}



.detail-projet .livrable.show
{
	display: grid;
}

.detail-projet .liste-tag 
{
	padding-top: 30px;
	padding-bottom: 15px;
}

.detail-projet .liste-tag span
{
	font-family: "ModernEra";
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 0 5px;
	text-align: left;
	color: #1d1d39;
	border-radius: 5px;
	background: transparent;
	border: 1px solid #1d1d39;

}

.detail-projet .decouvrir
{
	font-family: "ModernEra";
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	text-align: left;
	color: #1d1d39;
	line-height: 30px;
	display: inline-block;
	padding-right: 40px;
	background: url('images/oeil.svg') no-repeat right center;

/*	display: none;*/
}

.detail-projet .decouvrir.hide
{
	display: none;
}

.detail-projet .masquer
{
	font-family: "ModernEra";
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	text-align: left;
	color: #5465ff;
	line-height: 30px;
	display: inline-block;
	padding-right: 40px;
	background: url('images/croix.svg') no-repeat right center;
	display: none;
}

.detail-projet .masquer.show
{
	display: inline-block;
}

.bloc-projet
{
	position: relative;
	padding: 80px 0;
	padding-top: 120px;
}

.has-barre.bloc-projet::before
{
	content: "";
	position: absolute;
	border-left: 1.5px solid #1d1d39;
	left: 50%;
	top:0;
	height: 100px;
}

.titre-page .left,
.hero-classique .left
{
	padding-right: 20px;
}

.titre-page .left img,
.hero-classique .left img
{
	padding-top: 20px;
}

.titre-page .left+.left,
.hero-classique .left+.left
{
	width: calc(100% - 60px);
	max-width: 650px;
	padding: 0;
}

.section-temoignage,
.section-engage
{
  position: relative;
  z-index: 999;
  background: #F8F4EB;
  box-sizing: border-box;
}

.section-temoignage .centrer,
.section-engage .centrer
{
	padding-top: 100px;
	padding-bottom: 100px;
}

.section-engage .centrer
{
	padding-top: 0;
}

.section-engage
{
	height: auto;

}

.liste-temoignage
{
	height: 500px;
	position: relative;
}

.liste-temoignage .detail-temoignage
{
	width: calc(30%);
	position: absolute;
	border-radius: 5px;
	top:0;
  box-sizing: border-box;
	padding: 40px;
	color:#fff;
}

.liste-temoignage .detail-temoignage .texte 
{
	font-family: "ModernEra";
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: #f8f4eb;

}


.liste-temoignage .detail-temoignage .nom
{

	font-family: "ModernEra";
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.2em;
	line-height: 18px;
	text-align: right;
	color: #f8f4eb;
	padding-top: 30px;
	position: relative;
}

.liste-temoignage .detail-temoignage .nom::before
{
	background: url('images/mini-cosme.svg') no-repeat center;
	content: "";
	height: 20px;
	width: 20px;
	right: -30px;
	bottom: 0; 
}


.liste-temoignage .detail-temoignage-1
{
	left: 0;
	background: #CAA8F5;
}

.liste-temoignage .detail-temoignage-2
{
	left: 50%;
	transform: translateX(-50%);
	background: #12B185;
}

.liste-temoignage .detail-temoignage-3
{
	right: 0;
	background: #5465FF;
}

.section-engage .logo img
{
	width: 270px;
	position: relative;
}

.vertical-align
{
	  display: flex;
  align-items: center;
}



.section-engage .right
{
	text-align: center;
	  padding-left: 10%;
	width: calc(33% - 5%);

}

.section-engage .left
{
	width: calc(66% - 5%);
}

.savoir-plus
{
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	text-align: left;
	color: #1d1d39;
	position: relative;	
}

.savoir-plus::after
{
	content: "";
	height: 30px;
	width: 30px;
	background-color: #1D1D39;
	right: -40px;
	top:50%;
	transform: translateY(-50%);
  
  mask:  url('images/fleche-noir.svg') no-repeat center;
  transition: all .3s ease;
  position: absolute;
  
}

.savoir-plus:hover::after
{
	background-color: #5465FF;
	transform: translateY(-50%) rotate(90deg);
}
/*
svg {
    background: url('chemin/vers/votre/svg.svg');
    transition: fill 0.3s ease;
}

svg:hover {
    fill: #nouvelleCouleur;
}*/

body.burgered
{
	overflow: hidden;
}

body.burgered .logo .logo-site-full-blanc
{
	opacity: 1;
}

body.burgered .logo .logo-site
{
	opacity: 0;
}

#burger
{
	float: right;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.2em;
	line-height: 20px;
	background: none;
	border: none;
	padding: 0;
	text-align: left;
	color: #1d1d39;
	position: relative;
	padding-right: 27px;
	text-transform: uppercase;
	transition: .3s ease all;
    margin-top: -20px;

  position: relative;
  z-index: 9999999;
}

#burger::before
{
	position: absolute;
	content: "";
	width: 20px;
	right: 0;
	top:5px;
	border: 1px solid #1d1d39;
	transition: .3s ease all;
}

#burger::after
{
	position: absolute;
	content: "";
	width: 10px;
	transition: .3s ease all;
	right: 10px;
	bottom: 5px;
	border: 1px solid #1d1d39;
}

#burger.blanc,
#burger.blanc:hover
{
	color:#F8F4EB;
}

#burger.blanc::before,
#burger.blanc::after,
#burger.blanc:hover::before,
#burger.blanc:hover::after
{
	border-color:#F8F4EB;
}


#burger.violet
{
	color:#5465FF;
}

#burger.violet::before,
#burger.violet::after
{
	border-color:#5465FF;
}

#burger:hover
{
	color: #5465FF;
}

#burger:hover::before
{
	border-color: #5465FF;
}

#burger:hover::after
{
	border-color: #5465FF;
	
	right: 0;
}

#burger.active
{
	color:#1D1D39!important;
}

#burger.active::before
{
	border-color:#F8F4EB;
	width: 30px;
	right: 0;
	transform: rotate(45deg);
	top:9px;
}

#burger.active::after
{
	width: 30px;
	transform: rotate(-45deg);
	right: 0;
	border-color:#F8F4EB;
	bottom:9px;
}

#access
{
	opacity: 0;
	visibility: hidden;
	background: #1D1D39;
	position: fixed;
	z-index: 9;
	left: 0;
	top:0;
	height: 100vh;
	width: 100vw;
}

#burger.active + #access
{
	opacity: 1;
	visibility: visible;
}

#access > div
{
	padding-top: 120px;
}

#access > div > div > ul
{
	margin-left: 0;
}

#access > div > div > ul > li
{
	overflow: hidden;
	margin-bottom: 15px;
	height: 60px;
	padding: 0;
	display: block;
	float: none;
}


#access > div > div > ul > li > a
{
	font-weight: bold;
	font-size: 50px;
	line-height: 50px;
	text-align: left;
	color: #f8f4eb;
	padding: 5px 0;
	padding-top: 100px;
	display: block;
	transition: .5s ease all;
	padding-left: 100px;
	background: no-repeat left -100px center;
	cursor: pointer;
}

#access > div > div > ul > li > a:hover,
#access > div > div > ul > li.active > a
{
	background-position: left 0 center;
	color:#5465FF;
}

#burger.active + #access > div > div > ul > li > a
{
	padding-top: 5px;
}

#burger.active + #access > div > div > ul > li.coop > a
{
	background-image: url('images/menu-coop.svg');
}

#burger.active + #access > div > div > ul > li.offre > a
{
	background-image: url('images/menu-offre.svg');
}

#burger.active + #access > div > div > ul > li.projet > a
{
	background-image: url('images/menu-projet.svg');
}

#burger.active + #access > div > div > ul > li.blog > a
{
	background-image: url('images/menu-blog.svg');
}

#burger.active + #access > div > div > ul > li.presse > a
{
	background-image: url('images/menu-presse.svg');
}

#burger.active + #access > div > div > ul > li.contact > a
{
	background-image: url('images/menu-contact.svg');
}

#access > div > div > ul > li > ul
{
	display: none;
}

#access > div > div > ul > li.active
{
	height: auto;
}

#access > div > div > ul > li.active > ul
{
	display: block;
	margin-left: 100px;
}

#access > div > div > ul > li > ul > li
{
	display: inline-block;
}

#access > div > div > ul > li > ul > li > a
{
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: #f8f4eb;
	margin-right: 30px;
}

#access > div > div > ul > li > ul > li > a:hover
{
	color:#5465FF;
}

#access .sociaux
{
	margin-left: 100px;
	margin-top: 20px;
}

#access .sociaux a
{
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 15px;
  background: #F8F4EB;
}

#access .sociaux a.linkedin
{
  mask:  url('images/menu-linkedin.svg') no-repeat center;
  mask-size: contain;
}

#access .sociaux a.instagram
{
  mask:  url('images/menu-instagram.svg') no-repeat center;
  mask-size: contain;
}

#access .sociaux a:hover
{
  background: #5465FF;
}


.coop-1
{

}

.coop-1 h1
{
	font-weight: normal;
	font-size: 45px;
	line-height: 50px;
	text-align: center;
	color: #1D1D39;
}

.coop-1 h1 span
{
	position: relative;
  z-index: 1;
  color: var(--noir);
  transition: .3s ease all;
  font-weight: 900;
}

.coop-1 h1 span.active {
  color: var(--beige);
}

.coop-1 h1 span::before {
  
  	transition: .3s ease all;

	z-index: -1;
	content: "";
	background: var(--violet);
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	height: 0%;
}

.coop-1 span.active::before {
  height: 100%;
}

.coop-1 h1 i
{
	font-style: normal;
	font-weight: 900;
	color:#5465FF;
}

.coop-1 h1 b
{
	font-style: normal;
	font-weight: 900;
	color:#5465FF;
}

.coop-1 h1 i::after
{
	content: "";
	background: url('images/chat-cosmique.svg') no-repeat center;
	display: inline-block;
	width: 40px;
	margin-left: 5px;
	height: 40px;
}

.coop-1 .centre
{
	width: 70%;
}

.coop-2
{
}

.coop-2 .centrer
{
	position: relative;
}

.fond-coop
{
	background: url('images/fond-coop.jpg')no-repeat center;
	background-size: cover;
	position: absolute;
	left: 0%;
	top:0;
	width: calc(80vw / 2 - 40px);
	height: calc(80vw / 2 - 40px);
	border-radius: 100%;
	transform: translateX(0%);

  max-width: calc(1100px / 2 - 40px);
  max-height: calc(1100px / 2 - 40px);
}

.coop-2 .right
{
	width: calc(50% - 40px);
}


.coop-2 h2
{
	font-weight: normal;
	font-size: 35px;
	line-height: 45px;
	text-align: left;
	color:#1D1D39;
}

.coop-2 h2 b,
.coop-2 h2 strong
{
	font-weight: 800;
}

.coop-2 h2 strong
{
	color:#5465FF;
}

.coop-2 h2 span
{
	position: relative;
  z-index: 1;
  color: var(--noir);
  transition: .3s ease all;
  font-weight: 900;
}

.coop-2 h2 span.active {
  color: var(--beige);
	background: var(--violet);

}

.coop-2 h2 span::before {
  
  	transition: .3s ease all;

	z-index: -1;
	content: "";
	background: var(--violet);
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	height: 0%;
}

.coop-2 h2 span.active::before {
  height: 100%;
}


.coop-2 h2 i
{
	font-weight: 200;
	font-style: italic;
}

.coop-2 h2 .bande {
  position: relative;
	z-index: 1;
	color:var(--noir);
	font-weight: 700;

	transition:.3s ease all;
	display: inline-block;
	background: #5465FF;
	padding: 0 5px;
	color:var(--beige)
}

.coop-2 h2 .pistolet
{
	width: 47px;
	height: 41px;
	background: url('images/pistolet.svg') no-repeat center;
	background-size: contain;
	display: inline-block;
	margin: 0 5px;
}

.coop-3 h2 
{	
	font-weight: normal;
	font-size: 35px;
	line-height: 45px;
	text-align: center;
	color:#1D1D39;
}

.coop-3 h2 span.bleu
{
	color:#5465FF;
	font-weight: 900;
}


.coop-3 h2 span.cartouche
{
	position: relative;
  z-index: 1;
  color: var(--noir);
  transition: .3s ease all;
  font-weight: 900;
	background: var(--violet);

}

.coop-3 h2 span.cartouche.active {
  color: var(--beige);
}

.coop-3 h2 span.cartouche::before {
  
  	transition: .3s ease all;

	z-index: -1;
	content: "";
	background: var(--violet);
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	height: 0%;
}

.coop-3 h2 span.cartouche.active::before {
  height: 100%;
}


.coop-3 .centre
{
	width: 80%;
}


.coop-4 .centre
{
	width: 100%;
}

.coop-4 h2
{
	font-weight: normal;
	font-size: 35px;
	line-height: 45px;
	text-align: left;
	color: #1d1d39;
}

.coop-4 li
{
	font-weight: normal;
    font-size: 20px;
  	line-height: 20px;
	text-align: left;
	color: #1d1d39;
}

.coop-4 h2 span
{
	color:#5465FF;
	font-weight: 900;
}


.coop-4 h2 b
{
	
	font-weight: 900;
}

.coop-4 h2 .bande
{
	position: relative;
  z-index: 1;
  color: var(--noir);
  font-weight: normal;
  transition: .3s ease all;
}

.coop-4 h2 .bande.active {
  color: var(--beige);
}

.coop-4 h2 .bande::before {
  
  	transition: .3s ease all;

	z-index: -1;
	content: "";
	background: var(--violet);
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	height: 0%;
}

.coop-4 h2 .bande.active::before {
  height: 100%;
}

.coop-4 .centre .left
{
	width: calc(50% - 40px);
}

.coop-4 .centre .right
{
	width: calc(50% - 40px);
}

.coop-4 img
{
	position: absolute;
	top:50%;
	right: 0;
	transform: translateY(-50%);
	width: calc(50% - 40px);
}

.coop-4 h2 .chat
{
	font-style: normal;
	
}

.coop-4 h2 .chat::after
{
	content: "";
	background: url('images/chat-cosmique.svg') no-repeat center;
	display: inline-block;
	width: 40px;
	margin-left: 5px;
	height: 40px;
}

.coop-4 h2 i
{
	font-weight: 200;
	font-style: italic;
}

.coop-5
{
	height: auto;
	min-height: 100vh;

	background: #1D1D39;
}

.coop-5 .centre-coop-5
{
	width: 80%;
	margin: 0 auto;
}


.coop-5 .centre-coop-5 img
{
	margin: 0 auto;
	display: block;
	width: 500px;
  margin-top: -40px;
  border-radius: 5px;
}

.coop-5
{
	padding-top: 100px;

	padding-bottom: 100px;
}

.coop-5 .centrer
{
	height: auto;
}

.coop-5 .div-iframe
{
	margin-top: 50px;
	margin-bottom: 50px;
}

.coop-5 h3
{
	font-weight: normal;
  font-size: 35px;
  line-height: 45px;
  text-align: left;
  color: #f8f4eb;
}

.coop-5 .docu-video
{
	position: relative;
}

.coop-5 .docu-video .left
{
	width: calc(50% - 30px);
}


.coop-5 h2
{
	font-family: "ModernEra";
	font-weight: normal;
	font-size: 35px;
  line-height: 45px;
	text-align: center;
	color: #f8f4eb;

	margin: 0 auto;
  margin-bottom: 40px;
}

.coop-5 .docu-video .right-image
{
	position: absolute;
	right: 0;
	width: calc(50% - 30px);
	top:50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.coop-5 p,
.coop-5 li
{
	font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  text-align: left;
  color: #f8f4eb;
}

.coop-5 ul
{
	list-style: disc;
}

.coop-5 p a
{
	color: #5465FF;
  font-weight: 900;
}

.coop-5 p a:hover
{
	text-decoration: underline;
}

.coop-5 strong
{
	color:var(--violet);
	font-weight: 900;
}


.coop-6
{
	padding-bottom: 100px;
}

.coop-6 .centre
{
	width: 70%;
}



.coop-5 .play {
  position: absolute;
  z-index: 9;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  background: url('images/play.svg') no-repeat center rgba(255, 255,255, .5);
  border-radius: 50px;
  cursor: pointer;
  visibility: visible;
  opacity: 1;
  transition: .3s ease all;
}


.coop-5 h2 .bande
{
	position: relative;
  z-index: 1;
  font-weight: 900;
  color: var(--noir);
  font-weight: normal;
  transition: .3s ease all;
}

.coop-5 h2 .bande.active {
  color: var(--beige);
}

.coop-5 h2 .bande::before {
  
  	transition: .3s ease all;

	z-index: -1;
	content: "";
	background: var(--violet);
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	height: 0%;
}

.coop-5 h2 .bande.active::before {
  height: 100%;
}

.coop-5 h2 i
{
	font-weight: 200;
	font-style: normal;
	color: #f8f4eb;
}

.coop-6 .right
{
	width: calc(50% - 40px);
}

.coop-6 h3
{
	font-weight: normal;
	  font-size: 35px;
	  line-height: 45px;
	  text-align: center;
	  color: #1D1D39;
}

.coop-6 h3 .bleu
{
	color:#5465FF;
	font-weight: 900;
}

.coop-6 h3 i
{
	font-weight: 200;
	font-style: italic;
	color: #f8f4eb;
}


.coop-6 h3 em
{
	font-weight: 200;
	font-style: normal;
	color: #f8f4eb;
}

.coop-6 h3 .roue
{
	color: #f8f4eb;
}

.coop-6 h3 .roue::after
{
	content: "";
	background: url('images/roue.svg') no-repeat center;
	display: inline-block;
	width: 40px;
	margin-left: 5px;
  height: 41px;
  margin-bottom: -8px;
}


.coop-6 h3 span.cartouche
{
	position: relative;
  z-index: 1;
  color: var(--noir);
  transition: .3s ease all;
	background: var(--violet);
  font-weight: 900;
}

.coop-6 h3 span.cartouche.active {
  color: var(--beige);
}

.coop-6 h3 span.cartouche::before {
  
  	transition: .3s ease all;

	z-index: -1;
	content: "";
	background: var(--violet);
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	height: 0%;
}

.coop-6 h3 span.cartouche.active::before {
  height: 100%;
}

.coop-7,
.coop-7 .centrer
{
/*	height: auto;*/
}

.coop-7
{
	padding: 100px 0;
}

.coop-7 .centre
{
	width: 80%;
}

.coop-7 h3
{
	font-weight: normal;
	font-size: 35px;
	line-height: 45px;
	text-align: left;
	color: #1d1d39;
}

.coop-7 .right
{
	width: calc(50% - 40px);
}

.coop-7 img
{
	position: absolute;
	top:50%;
	left: 0;
	transform: translateY(-50%);
	width: calc(50% - 40px);
}

.coop-7 h3 span
{
	color:#5465FF;
	font-weight: 900;
}

.coop-7 h3 b
{
	font-weight: bold;
}

.coop-7 p
{
	font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  text-align: left;
}

.coop-7 p span
{
	color:#5465FF;
	font-weight: 900;
}
.coop-7 p b
{
	font-weight: bold;
}


.coop-8 .centre
{
	width: 80%;
}



.coop-9 h2
{
	text-align: center;
	font-weight: normal;
	font-size: 35px;
	line-height: 35px;
	text-align: left;
	color: #1d1d39;
}

.coop-9 h2 span
{
	color:#5465FF;
	font-weight: 900;
}

.coop-9 h3 b
{
	font-weight: 900;
	color: #5465ff;
}

.coop-9 .centre
{
	width: 80%;
}

.coop-9,
.coop-9 .centrer
{
/*	height: auto;*/
}

.coop-9
{
	padding: 100px 0;
}

.coop-9 p
{
	text-align: center;
	font-weight: normal;
	font-size: 20px;
	line-height: 28px;
	text-align: left;
	color: #1d1d39;
}

.coop-9 p span
{
font-weight: 900;

}

.coop-9 p b
{
	font-weight: 900;
	color: #5465ff;
}

.coop-last
{
	height: auto;
}

.liste-images
{
	overflow: hidden;
}

.slide 
{
	float: left;
	width: calc(100% / 6);
	height: auto;
}

.slide img
{
	display: block;
}


.section-newsletter
{
	background: #12B185;
	height: auto;

	  position: relative;
  z-index: 99;

  
}

.section-newsletter .centrer
{
	height: auto;
	padding: 80px 0;
	padding-bottom: 150px;
}

.section-newsletter h2
{
	font-weight: normal;
	font-size: 35px;
	line-height: 35px;
	text-align: center;
	color: #f8f4eb;
}

.section-newsletter .centre
{
	position: static;
	transform: none;
	margin-left: 0 auto;
}

.champ-news
{
	max-width: 460px;
	width: 100%;
	margin:0 auto;
	position: relative;
}

.champ-news input[type="email"]
{
	max-width: 460px;
	width: 100%;
	border:none;
	height: 50px;
	border-radius: 5px;
	background: #fff;
	padding: 0;
	box-sizing: border-box;
	padding-left: 20px;


	font-family: "ModernEra";
	font-weight: normal;
	font-size: 16px;
	color: #1d1d39;
	  margin-bottom: 10px;
}

.champ-news label
{
	font-family: "ModernEra";
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: #fff;
}

.champ-news input[type="submit"]
{
	position: absolute;
	right: 20px;
	top:45px;
	height: 30px;
	width: 30px;
	background: url('images/bouton-news.svg') no-repeat center;
	transition: .3s ease all;
	  border: none;
  text-indent: -10000px;
}

.champ-news input[type="submit"]:hover
{
	transform: rotate(15deg);
}

.wpcf7-response-output
{
	width:100%;
	max-width:260px;
	border-radius: 5px;
	background: #fff;
  margin: 0 auto !important;
  padding: 20px !important;
  box-sizing: border-box;
}

.wpcf7-spinner {
  position: absolute;
  right: -80px;
  top: 48px;
}

.grecaptcha-badge
{
	display: none!important;
}

.mini-section-offre
{
	height: calc(100vh - 150px);
	min-height: 550px;
	position: relative;
}

.popin-projet
{
	display: none;
	background: rgba(0,0,0,.3);
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 99999;
}

.popin-projet.active
{
	display: block;
}

.popin-projet img
{
	position: absolute;
	left: 50%;
	top:50%;

	transform: translate(-50%, -50%);

	max-height: 80%;
	max-width: 80%;
}

.popin-projet .fermer
{
	
	font-weight: 500;
	font-size: 18px;
	color: #f8f4eb;
	position: absolute;
	right: 80px;
	top:40px;
	cursor: pointer;
}

.popin-projet .fermer:hover
{
	text-decoration: underline;
}

.centrer-grid
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	align-items: center;
	column-gap: 40px;

	row-gap: 40px;


	width: 80%;
  max-width: 1111px;
  margin: 0 auto;
}

.centrer-grid .col-100
{
  grid-column: span 4;
}

.centrer-grid .col-75
{
  grid-column: span 3;
}

.centrer-grid .col-50
{
  grid-column: span 2;
}

.centrer-grid .col-25
{
  grid-column: span 1;
}

.texte-grand
{
	font-size: 20px;
  line-height: 30px;
}

.liste-cards
{
	grid-template-columns: repeat(3, 1fr);
	row-gap: 40px;
	column-gap: 40px;
	display: grid;
	align-items: center;
}

.liste-cards .card
{
	border-radius: 5px;
  padding: 30px;
  border: 1px solid #1d1d39;
}

.fond-bleu
{
	background: #1D1D39;
}

.fond-bleu h2,
.fond-bleu h3,
.fond-bleu p,
.fond-bleu li,
.fond-vert h2,
.fond-vert p,
.fond-vert li,
.fond-vert .bouton,
.fond-bleu .bouton
{
	color:#fff;
}


.fond-vert
{
	background: #12B185;
}


.carte
{
	position: relative;
}

.carte a
{
	position: absolute;
	left: 0;
	top:0;
	width: 31px;
	height: 31px;
	background: url('images/picto-carte.svg') no-repeat center;
}

.carte a.hover,
.carte a:hover
{
	background: url('images/picto-carte-hover.svg') no-repeat center;
}

.liste-lien a
{
	display: block;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: #1d1d39;
	text-decoration: none;
	padding-left: 20px;
	background: url('images/arrow-right-solid.svg') left top 6px no-repeat;
}

.liste-lien a:hover,
.liste-lien a.hover
{
	color:#5465FF;
}

.slider-temoignage 
{
	display: none;
}

.slider-temoignage .slide
{
	padding: 50px 200px;
}

.slider-temoignage .slick-arrow
{
	display: none!important;
}

.slider-temoignage .texte blockquote
{
	padding-left: 100px;
	background: url('images/quote-violet.svg') no-repeat left top;
}

.slider-temoignage .texte blockquote p
{
	  font-size: 20px;
  line-height: 30px;
  font-style: italic;

}

.slider-temoignage .image-texte
{
	margin-top: 20px;
	margin-left: 100px;
}

.slider-temoignage .image-texte img
{
	width: 100px;
	height: 100px;
	float: left;
	border-radius: 100%;
}

.slider-temoignage .image-texte span
{
	color:#fff;
	float: left;
  font-size: 18px;
  margin-top: 40px;
  margin-left: 20px;
}

.slider-temoignage ul
{
	list-style: none;
	text-align: center	;
}

.slider-temoignage ul li{
	display: inline-block;
}

.slider-temoignage ul li::before
{
	display: none;
}

.slider-temoignage ul li button
{
	text-indent: -10000px;
	margin:0 5px;
	width: 15px;
	height: 15px;
	border:none;
	border-radius: 100%;
	background: #f8f4eb;
}

.slider-temoignage ul li.slick-active  button,
.slider-temoignage ul li  button:hover
{
	background: #5465ff;
}


.galerie-photo
{
	width: 100vw;
  margin-left: calc((100vw - 1111px) / -2);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 0;

    margin-top: -150px;
  margin-bottom: -100px;
}

.galerie-photo img
{
	display: block;
	width: 100%;
}

@media (max-width: 1400px)
{
	.galerie-photo
	{
			margin-left: calc(-10vw);
	}
}

@media (max-width: 1300px)
{

	.section-temoignage
	{
		height: auto;
	}

	#access > div > div > ul > li > a
	{
		font-size: 40px;
		line-height: 40px;
		background-size: contain;
	}

	#access > div > div > ul > li
	{
		height: 50px;
		margin-bottom: 10px;
	}

}

@media (max-width: 1000px)
{
	.credits p, .credits a, .credits span
	{
		font-size: 17px;
	}

	.credits .right a {
	  margin-right: 35px;
	}

	.section-hero .pre-titre
	{
		font-size: 20px;
	}

	.section-hero h1
	{
		font-size: 50px;
		line-height: 55px;
	}

	.section-2 .centrer
	{
		position: absolute;
	}

	.section-hero .ancre
	{
		right: 50%;
		bottom: 10px;
		transform: translateX(50%);
		width: 80px;
		height: 80px;
	}

	.section-hero .ancre .fond-tourne, .showreel .ancre .fond-tourne
	{
		width: 80px;
		height: 80px;
		background-size: 100%;
	}

	.section-hero .ancre .play-mini, .showreel .ancre .play-mini 
	{
		background-size: 50%;
	}

	.section-intro .titre {
	  font-size: 35px;
	  line-height: 40px;
	}

	.section-3 .vague-mission
	{
		display: none;
	}

	.showreel .ancre
	{
		display: none;
	}

	.section-4 .showreel
	{
		transform: translate(-50%, -50% );
	}

	.section-6 .left
	{
		display: none;
	}

	.section-6 .right {
	  width: 80%;
	  margin-left: 10%;
    float: none;
	}

	.texte-showreel-head,
	.texte-showreel-foot
	{
		display: none;
	}

	.section-11.close
	{
		height: 100vh;
		overflow: hidden;
	}

	.section-10
	{
		display: none;
	}

	.to-top
	{
		display: none;
	}

	.section-3 ul li.li-1 span,
	.section-3 ul li.li-2 span,
	.section-3 ul li.li-3 span,
	.section-3 ul li.li-4 span,
	.section-3 ul li.li-5 span
	{
		display: inline-block;
	}


	.section-intro .centre {
	  width: 80%;
	  top: 50%;
	  transform: translate(-50%, -50%);

	}

	.section-intro .masque-centre
	{
		display: none;
	}

	.section-intro .titre span.active
	{
		background: var(--violet);
	}

	.section-5 {
	  height: 100vh;
	  overflow: hidden;
	}

	.liste-temoignage .detail-temoignage
	{
		width: calc(45%);
	  transform: none!important;

	}

	.liste-temoignage .detail-temoignage-1
	{
		top:0px;
	}

	.liste-temoignage .detail-temoignage-2 {
	  left: 0;
	  transform: translateX(0%) !important;
    top: 350px;
	}

	.liste-temoignage .detail-temoignage-3
	{
		top:170px;
	}

	.liste-temoignage
	{
		height: 600px;
	}

	.fond-coop
	{
		position: relative;
		transform: none;
		margin: 0 auto;
	}

	.coop-2 .right
	{
		width: 100%;
		float: none;
	}

	.coop-5 .docu-video .left
	{
		float: none;
		width: 100%;

	}

	.coop-5 .docu-video .right-image
	{
		position: relative;
		transform: none;
		margin: 0 auto;
    margin-top: 30px;
	}

	.centrer-grid .col-50
	{
		grid-column: span 4;
	}
	
	
}

@media (max-width: 740px)
{

	.centrer-grid .col-75,
	.centrer-grid .col-25 {
	  grid-column: span 4;
	}

	.section-hero h1 {
	  font-size: 40px;
	  line-height: 45px;
	}

	.section-hero i::before {
	  background-size: 100%;
	  width: 30px;
	  height: 30px;
	}

	.showreel-video-after .titre, 
	.showreel-video-hero .titre
	{
		left: 0;
		width: 50%;
		font-size: 30px;
	}

	.showreel-video-hero .fermer, .showreel-video-after .fermer
	{
		right: 0;
	}

	.liste-partenaires a
	{
		width: 33%;
	}

	header .centrer
	{
		width: 100%;
	}

	section .centrer
	{
		width: 100%;
	}

	.section-2 .centre
	{
		width: 90%;
	}

	.section-11 .rejoindre,
	.section-11 .travailler
	{
		float: none;
		display: block;
		margin: 10px auto;
		text-align: center;
	}

	.cursor,
	.cursor2,
	.cursor3
	{
		display: none;
	}

	*
	{
		cursor: auto!important;
	}

	.texte-showreel-head, .texte-showreel-foot
	{

	}

	.section-4
	{
		overflow: hidden;
		width: 100vw;
	}

	.section-7.active .coeur, .section-7.past .coeur
	{
		z-index: -1;
	}

	.section-hero h1 span
	{
		display: inline-block;
	}

	.showreel-video-after .centrer, .showreel-video-hero .centrer
	{
		width: 90%;
	}

	.section-intro .titre span
	{
		display: inline;
	}

	.section-intro .masque-centre
	{
		display: none;
	}

	.section-3 ul li
	{
		font-size: 25px;
		line-height: 35px;

	}

	.section-3 ul li span
	{
		float: none;
		width: auto;
	}

	.section-3 ul li div
	{
		width: auto;
		float: none;
	}


	.section-4.active .texte-showreel-head, 
	.section-4.active .texte-showreel-foot, 
	.section-4.past .texte-showreel-head, 
	.section-4.past .texte-showreel-foot
	{
		position: absolute;
	}

	.section-4.active .centrer
	{
		position: absolute;
	}

	.section-4 .showreel
	{
		width: 90vw;
	}

	.section-4 .showreel img
	{
		max-width: 100%;
		height: auto;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
	}

	.texte-showreel-head
	{
		left: -150vw;
	}

	.texte-showreel-foot
	{
		right: -150vw;
	}

	.scroll-mobile
	{
		position: absolute;
		height: 100%;
		width: 100%;
		/*background: rgba(0,255,0,.5);*/
	}

	
	.section-7.active .coeur
	{
		position: fixed;
	}

	
	.section-7.past .coeur
	{
		position: absolute;
		width: 0px;
		top:calc(100vh + 50%);
	}

	.section-7
	{
		overflow-x: hidden;
	}


	.section-8.active
	{
		background: var(--violet);
	}

	.section-11 h2 b
	{
		display: block;
	}

	.credits .left,
	.credits .right
	{
		float: none;
		text-align: center;
	}

	.credits.fonce p, .credits.fonce a, .credits.fonce span
	{
		font-size: 12px;
	}

	.credits .sociaux {
	  float: left;
	  float: none;
	  clear: both;
	  display: inline-block;
	}

	.credits a.mail {
	  float: none;
	  margin-left: 0;
	  display: block;
	  margin: 10px 0;
	}

	.retour-mobile
	{
		display: inline-block!important;
	}

	.section-4 .showreel .play {
	  visibility: visible;
	  opacity: 1;
	}

	body.fixed-body .section-4.active > .centrer,
	body.fixed-body .section-4.past > .centrer,
	body.fixed-body .section-3.active+.section-4 > .centrer
	 {
	  position: fixed;
	}

	.detail-presse
	{
		display: block;
	}

	.detail-presse .right
	{
		float: none;
		width: 50%;
		margin-bottom: 30px;

	}

	.detail-presse .left
	{
		margin-left: 0;
		float: none;
		width: auto;
	}

	.hero-offre .left+.left
	{
		width: calc(100% - 60px);
	}

	.page-simple h1
	{
		font-size: 40px;
		line-height: 45px;
	}

	.hero-offre .picto
	{
		padding-top: 25px;
	}

	.ancre-intro,
	.texte-simple, 
	.bloc-projet,
	.page-flexible .texte-image
	{
		padding: 50px 0;
	}

	.bloc-projet
	{
		padding-top: 120px;
	}

	.page-flexible h2
	{
	  font-size: 35px;
  	line-height: 40px;
	}

	.page-flexible .texte-image
	{
		display: block;
	}

	.page-flexible .texte-image .image
	{
		width: 100%;
	}

	.page-flexible .texte-image .texte
	{
		width: 100%;
		margin-left: 0;
		margin-top: 30px;
	}

	.ancre-intro .left
	{
		width: 100%;
	}

	.ancre-intro .left + .left
	{
		width: 100%;
		margin-top: 30px;
	}

	.bloc-projet::before 
	{
		height: 50px;
	}

	.detail-projet .left,
	.detail-projet .right
	{
		width: 100%;
	}

	.detail-projet .livrable.show
	{
		clear: both;
		display: block;
	}

	.detail-projet .livrable .detail-livrable
	{
		margin-top: 30px;
	}

	.liste-article .detail-article
	{
		width: 100%;
		    box-sizing: border-box;
	}

	.liste-article .detail-article .vignette
	{
		width: 100%;
	}

	.liste-article .detail-article .details
	{
		width: 100%;
		padding: 0;
		padding-top: 20px;
	}

	.titre-page .left+.left
	{
		width: calc(100% - 60px);
		padding: 0;
		padding-top: 5px;
	}

	.liste-temoignage .detail-temoignage
	{
		width: 100%;
    position: static;
    margin-bottom: 30px;
	}

	.liste-temoignage {
	  height: auto;
	}

	.section-engage .left,
	.section-engage .right
	{
	  width: 100%;
	  float: none;
	  padding: 0;
	}

	.vertical-align {
	  display: block;
	}

	.section-temoignage .centrer
	{
		height: auto;
	}

	.section-temoignage .align-right
	{
		text-align: left;
	}

	.section-engage .right img
	{
		transform: none!important;
		margin-top: 40px;
	}

	.section-engage .centrer
	{
		height: auto;
	}

	 #access > div > div > ul > li > a 
	 {
    font-size: 30px;
    line-height: 30px;
    padding-left: 60px;
  }

  #access > div > div > ul > li 
  {
    height: 40px;
  }

  #access > div > div > ul > li > ul > li {
	  display: block;
	}

	#access > div > div > ul > li.active > ul
	{
		margin-left: 80px
	}

	#access .sociaux 
	{
	  margin-left: 60px;
	}

	.coop-4 .centre .left
	{
		float: none;
		width: 100%;

	}

	.coop-4 img
	{
		position: static;
		transform: none;
		margin:30px auto;
		
		transform: none;
	}

	.coop-1 h1
	{
		font-size: 35px;
  	line-height: 40px;
	}

	.fond-coop
	{
		width: 80%;
    height: calc(80vw - 30px);
	}

	section.coop-2,
	section.coop-2 .centrer
	{
		height: auto;
	}

	.coop-2 h2
	{
		font-size: 25px;
  	line-height: 35px;
	}

	.coop-3 h2
	{
		font-size: 25px;
  line-height: 35px;
	}

	.coop-4 .centre
	{
	  position: static;
    transform: none;
	}

	.coop-4,
	.coop-4 .centrer
	{
		height: auto;

	}

	.coop-4 img
	{
		width: 100%;
		position: static;
	}

	.coop-4 h2
	{
		font-size: 25px;
  	line-height: 35px;
	}

	.coop-4 li
	{
		font-size: 16px;
  	line-height: 16px;
	}

	.coop-5 h2
	{
		font-size: 35px;
  	line-height: 45px;
	}

	.coop-5 h3
	{
		font-size: 25px;
  	line-height: 35px;
	}

	.coop-5 p {
    font-size: 16px;
	  line-height: 24px;
	}

	.coop-5 .docu-video .right-image
	{
		width: 80%;
	}

	.coop-6 h3
	{
		font-size: 25px;
  	line-height: 35px;
	}

	.coop-7 img
	{
		position: static;
		transform: none;
		width: 80%;
  	margin: 0 auto;
  	margin-bottom: 30px;
  	display: block;
	}

	.coop-7 .right {
	  width: 100%;
	  float: none;
	}

	.coop-7 h3
	{
		font-size: 25px;
  	line-height: 35px;
	}

	.coop-7 p,
	.coop-9 p
	{
		font-size: 16px;
  	line-height: 24px;
	}

	.coop-9 h2
	{
		font-size: 25px;
  	line-height: 35px;
	}

	.slide
	{
		width: calc(100% / 3);
	}

	.wpcf7
	{
		margin:0 20px;
	}

	.section-intro .centre,
	.section-intro .centrer,
	.section-intro
	{
		transform: none;
		height: auto;
		min-height: auto!important;
		position: static!important;
	}

	.section-2 .centre {
    width: 100%;
  }

  .section-intro
  {
  	padding-bottom: 150px;
  }

  .section-3 .centrer,
  .section-intro,
  .section-3
  {
  	height: auto;
  }

  .section-3 .centre {
	  width: 80%;
	  position: static;
	  transform: none;
	  margin-left: 10%;
	}


	.galerie-photo
	{
	  grid-template-columns: repeat(2, 1fr);
	}

	.centrer-grid iframe
	{
		max-width: 100%;
	}

}