/* ====================
		COMMUN
 ==================== */ 
 
 body.overflow
 {
	 overflow: hidden;
 }
 
.contenu
{
	color: #004070;
}
	.contenu.lightblue, .contenu20p.lightblue
	{
		color: #0086CD;
	}
.contenu20p
{
	font-size: 20px;
	color: #004070;
}
.contenu30p
{
	font-size: 24px;
	color: #004070;
	font-weight: bold;
	line-height: 1.5em;
}
*
{
	font-family: 'Montserrat', sans-serif;
}
h1,h2,h3,h4,h5,h6
{
	font-family: 'Raleway', sans-serif;
}
h2, h3
{
	text-transform: uppercase;
	color: #0086CD;
}
h3
{
	font-size: 2.5rem;
	font-weight: bold;
}
.z5
{
	z-index: 5;
}

h2.type1, h3.type2{
	font-size: 20px;
	color: #0086CD;
	font-weight: bold;
	padding-bottom: 30px;
}
h3.type2
{
	color: #FBBA00;
}
h2.type2{
	text-align: center;
	font-size: 5vw;
	font-weight: bold;
/* 	text-transform: capitalize; */
	text-transform: none;
    margin-bottom: 75px;
    margin-top: -100px;
}

h2.type3
{
	color: #0086CD;
	font-weight: bold;
	font-size: 4vw;
	text-transform: none;
}

.contentBlue
{
	color: #004070;
}

section
{
	padding-top: 150px;
	padding-bottom: 150px;
}

a.button
{
	padding: 10px 35px;
	border: 2px solid #FBBA00;
	color: #004070;
}

a.btn_9
{
	position: relative;
	padding: 10px 30px;
	border: 2px solid #FBBA00;
	display: inline-block;
	text-decoration: none;
	transition: 0.5s;
	overflow: hidden;
	color: #004070;
	
}
a.btn_9:hover
{
	color: #fff;
	border: 2px solid #0086CD;
}

a.btn_9:before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: -2;
}
a.btn_9:after
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
	a.btn_9:after
	{
		background: #0086CD;
		transition: transform 0.5s;
		transform-origin: top;
		transform: scaleY(0);
	}
	a.btn_9:hover:after
	{
		transition: transform 0.5s;
		transform-origin: bottom;
		transform: scaleY(1);
	}

a{
	cursor: pointer;
}
	a.button:hover{
		text-decoration: none;
	}

menu
{
	position: absolute;
	top: 0;
	z-index: 99;
	margin-top: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

		menu li{
			list-style: none;
			color: #004070;
			margin: auto;
		}
		menu li a
		{
			color: inherit;
			position: relative;
			font-weight: 500;
		}
		menu li a.menuIt.active
		{
			color: #0086CD;
		}
		
		menu a.logo
		{
			padding: 0;
			padding-bottom: 5px;
		}
			menu a.logo img
			{
				height: 75px;
				padding: 5px 0;
			}

		menu li a:hover, menu li a.active
		{
			text-decoration: none;
			color: #0086CD;
		}
			menu li a:hover:after
			{
				position: absolute;
				bottom: -5px; left: 0; right: 0; top: auto;
				content: '';
				height: 2px;
				width: 100%;
				background-color: #0086CD;
				transition: all .2s;
			}
		menu .jobNumber
		{
			position: absolute;
			top: -10px;
			left: auto;
			right: -20px;
			bottom: auto;
			font-size: 12px;
			height: 18px;
			width: 18px;
			background: #0086CD;
			color: #fff;
			text-align: center;
			border-radius: 100%;
		}

menu.scroll{
	position: fixed;
	top: 0;
	background: rgba(255,255,255, .95);
	box-shadow: 0 2px 5px rgba(0,0,0,.1);
	animation-name: menuScroll;
	animation-duration: .5s;
	animation-timing-function: ease-out;
	z-index: 999;
}

@keyframes menuScroll
{
	from{top: -100px}
	to{top: 0}
}

.submenu
{
	display: none;
	position: absolute;
	bottom: auto; left: 0; right: 0; top: 100%;
	padding: 12px 7px 7px 0;
}
	.submenu.active
	{
		display: block;
		
	}
	.submenu li
	{
		padding: 4px 0;
	}

.hamburger
{
	margin-left: auto;
	display: none;
	padding-right: 25px;
}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after
	{
		background-color: #FBBA00;
		outline: none;
	}
		.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after
		{
			background-color: #FBBA00;
		}


menu .container.menuElement
{
	display: flex;
	margin-right: 0;

}
.lang_menu {
	margin-left: 40px;
	flex-direction: row;
}
.lang_menu a {
	padding-right: 10px;
	text-transform: uppercase;
	color: #004070;
	font-weight: 500;
}
.menuMainItem.active_lang a{
	color: #0086CD;
}
.lang_menu a:hover, .lang_menu a.active
{
	text-decoration: none;
	color: #0086CD;
}

.bannerType
{
	margin-top: 20vh;
	margin-bottom: 50px;
}
.bannerType .contenu20p a {
    color: inherit;
}

.bannerType .contenu20p p:nth-child(2) {
    font-size: .8em;
}

	.imgBanner
	{
		width: 55%;
	    height: 100%;
	    right: 5vw;
	    top: 0;
	}
		.imgBanner img
		{
			height: 100%;
		    width: 100%;
		    object-fit: cover;
		}
		.imgBanner:after
		{
			content: '';
			position: absolute;
			top:0;left:0;right:0;bottom:0;
			height: 100%; width: 100%;
			background-color: rgba(255,255,255,.25);
		}
	
	.slick-imgBannerschema
	{
		
	}
	.imgBannerschemaCateg
	{
		top:auto; bottom: 0; left: 0; right: 0; margin: auto;
		text-transform: uppercase;
		color: #0086CD;
		font-weight: bold;
		letter-spacing: 1px;
		text-align: center;
		font-size: 1.5em;
	}
	
	
	
	.bannerType h1
	{
		color: #0086CD;
		font-weight: bold;
		padding-bottom: 2vh;
	}
		.bannerType h1.h1type2
		{
			font-size: 2em;
		}
	
	.bannerType .container
	{
		padding-top: 7vh;
	}
	
	.bannerType .container .contenu20p
	{
		padding-bottom: 3vh;
	}
	
	.bannerType .bannerSocial
	{
		right: auto;
		bottom: auto;
	}

    .slick-slide-about, .slick-slide-about .slick-list, .slick-slide-about .slick-track{
        height: 100%;
    }


.imgHooverTech
{
	width: auto;
	z-index: -1;
	top: 0; right: 0; bottom: 0;
	margin: auto;
	left: 50%; transform: translate(-50%,0);
	transition: 1s cubic-bezier(.22,.54,.04,.98);
	position: absolute;
	object-fit: cover;
}
.siteGroupe .imgHooverTech
{
	width: 100%;
}
.siteGroupe a.techniqueItem:hover
{
	box-shadow: none;
}

.techImgParent
{
	overflow: hidden;
	position: relative;
}
	.techImgParent:hover .imgHooverTech
	{
		transform: translate(-49%,0);
	}
	
	.refImage .imgHooverTech
	{
		z-index: 1;
	}

/* ====================
		ACCUEIL
 ==================== */ 
 .bannerHomepage
 {
	 height: 100vh;
 }
 
 .bannerHomepage h1
{
	font-size: 5rem;
	color: #FBBA00;
	font-weight: bold;
	max-width: 100%;
}

.bannerHomepage .contenu20p
{
	padding-left: 10%;
}

.bannerHomepage:after
{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	height: 100%; width: 100%;
	content: "";
/* 	background: linear-gradient(90deg, rgba(255,255,255,.5), transparent); */
/* 	background: linear-gradient(90deg, rgba(255,255,255,.7), 80%, transparent); */
/* 	background: rgba(255,255,255,.65); */
	background: linear-gradient(90deg, rgba(255,255,255,.7), 75%, rgba(255,255,255,.95));
}

.bannerSocial
{
	position: absolute;
	right: 30px;
	bottom: 30px;
}
	.bannerSocial i{
		font-size: 1.2em;
		color: #FBBA00;
	}
	.bannerSocial i.fa-facebook-f, .bannerSocial i.fa-twitter
	{
		color: #0086CD;
	}
.bannerHomeSlider
{
	top: 0; left: 0; right: 0; bottom: 0;
}
	.bannerHomeSlider .slick-list
	{
		height: 100%;
	}
	.bannerHomeSlider .slick-track
	{
		height: 100%;
	}
	
	.slideHome
	{
		top: 0; bottom: 0; right: 0; left: 0;
	}
	
		.slide-animation{
		    animation: fadezoom 8s 0s forwards;
		}
		@keyframes fadezoom {
		  0% {
		    transform: scale(1);
		  }
		  100% {
		    transform: scale(1.2);
		  }
		}



.quiVideo
{
	position:relative;
}
	.quiVideo video, video
	{
		outline: none;
	}
	.quiVideo img
	{
		object-fit:cover;
		max-width: 100%;
		max-height: 100%;
	}
	.quiVideoAfter
	{
		position: absolute;
		top:0;left:0;right:0;bottom:0;
		height: 100%;width: 100%;
		background: #fff;
		opacity: .25;
		content: '';
	}
	
	.quiVideo .quiVideoPlay, .VideoPlay, .CEOVideoPlay
	{
		position: absolute;
		top:0; left: 0; right: 0; bottom: 0;
		z-index: 5;
		cursor: pointer;
		display: flex;
	}
		.quiVideo .quiVideoPlay svg, .VideoPlay svg, .CEOVideoPlay svg
		{
			margin: auto;
		}

a.techniqueItem
{
	transition: all .2s;
}
a.techniqueItem:hover
{
	text-decoration: none;
	box-shadow: 0px 5px 10px rgba(0,0,0,.1);
}
.techniqueItem
{
	height: 50vh;
}
	.techniqueItem p{
		margin-bottom: 0;
	}
	
	.techContent
	{
/* 		max-height: 85%; */
/* 		height: 100%; */
		
		min-height: 30%;
		background: rgba(255,255,255,.95);
	}

.rowQui
{
	padding-top: 100px;
}
section.quiSommesNous
{
	padding-bottom: 100px;
}

.backgroundRef:after, .sectionAfter:after
{
	position: absolute;
	top: 0;left:0;right:0;bottom:0;
	height: 100%;width: 100%;
	content: '';
	background: rgba(255,255,255,.75);
	z-index: -1;
}


.slick-technique, .slick-ref
{
/* 	margin-left: 20%; */
/* 	width: 100vw; */
}
.slick-technique .slick-list, .slick-ref .slick-list
{
	overflow: inherit;
}

.slick-slide{
	outline: none;
}

section.technique, .sectionAfter{
	overflow: hidden;
	padding-top: 75px;
	padding-bottom: 0;
}

.arrowLeftTec, .arrowLeftRef,.arrowLeftJob, .arrowLeftTemoign{
	bottom: -75px;
	left: 46%;
	cursor: pointer;
}
.arrowRightTec, .arrowRightRef, .arrowRightJob, .arrowRightTemoign{
	bottom: -75px;
	right: 46%;
	cursor: pointer;
}

section.reference{
	padding-bottom: 125px;
}

.techniqueBackground, .backgroundRef, .backgroundNosRef
{
	padding-top: 50px;
	padding-bottom: 100px;
	position: relative;
}

.techniqueBackground:after, .backgroundValeurs:after{
	background-color: rgba(255,255,255,.75);
	content: '';
	top: 0; left: 0; right: 0; bottom: 0;
	position: absolute;
}

.contactFormBackground:after
{
	z-index: 0;
}

	.technique h3.type2, .techniqueItem h3{
		font-size: 14px;
		line-height: 1.5em;
		padding-bottom: 20px;
	}
	.technique .contenu20p, .techniqueItem .contenu20p
	{
		font-weight: bold;
	}

.itemFamily
{
	height: 50vh;
	position: relative;
}
	.itemFamily:after
	{
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		height: 100%; width: 100%;
		content: '';
		background: #fff;
		opacity: .25;
	}
	.itemFamily.margin0
	{
		
	}
	.itemFamily.margin1
	{
		margin-top: -20%
	}
	.itemFamily.margin2
	{
		margin-top: -40%
	}

.refName{
	color: #FBBA00;
	text-transform: uppercase;
	font-weight: 600;
	font-size: .9rem;
}
.refImage
{
	height: 40vh;
	transition: all .2s;
}
a:hover .refImage
{
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
	.refImage img
	{
		object-fit: cover;
	}

section.linkedin
{
	padding-top: 35px;
	padding-bottom: 35px;
	color: #004070;
	cursor: pointer;
}
	section.linkedin:after
	{
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
		content: '';
		background: #fff;
		opacity: .5;
		height: 100%;
		width: 100%;
	}
.linkedin img
{
	max-height: 180px;
	max-width: 180px;
}
	.linkedin p
	{
		margin: 0 !important;
	}
	
	.linkedin p span
	{
		color: #0086CD;
		font-size: 2em;
		font-weight: 600;
	}
	
.active .localisa .locName
{
	color: #FBBA00;
}

.localisationVille .locName
{
	cursor: pointer;
}

.localisation h2
{
	padding-bottom: 75px;
}

.pins
{
	cursor: pointer;
}

.chiffres .num
{
	font-size: 85px;
	color: #004070;
	font-weight: 600;
}

.chiffres .welcome
{
	position: absolute;
	top: 25%;left:0;right:0;bottom:0;
	content: 'Welcome.';
	color: rgba(0,0,0,.05);
	font-weight: 600;
	text-align: center;
}

section.famille .contenu30p
{
	width: 60%;
	padding-bottom: 3rem;
}

.map
{
	margin-top: -10%;
}
	.map svg
	{
		width: 100%;
		height: 100%;
	}

.temoignImg img
{
	object-fit: cover;
}
	.temoignImg:after, .job-single .img:after, .futurProof .img:after{
		position: absolute;
		top: 0;left: 0;right: 0;bottom: 0;
		height: 100%; width: 100%;
		content: '';
		background: rgba(255,255,255,.25);
	}
	
	.temoignImg svg
	{
		position: absolute;
		top:0; left: 0; right: 0; bottom: 0;
		z-index: 5;
		cursor: pointer;
		margin: auto;
	}

section.temoignages
{
	padding-top: 100px;
	padding-bottom: 0;
	margin-bottom: 5%;
}

.fleches
{
	top: auto;
	left: auto;
	right: 0;
	bottom: -44px;
	background-color: #FBBA00;
	padding: 10px 0px;
	cursor: pointer;
}
	.fleches i
	{
		color: #fff;
		padding: 15px;
	}
	
	.fleches .caretFirst
	{
		border-right: 1px solid #fff;
	}

.slick-video-testimonial
{
	margin-bottom: -50px;
}

/* ====================
		REFERENCES
 ==================== */

section.no-ref
{
	overflow: hidden;
	padding-bottom: 0;
}

.refForm select, .refForm input.form-control
{
	border: 1px solid #FFB833;
	border-radius: 0;
}

.refForm button.btn.btn-primary
{
	background-color: #FFB833;
	border: none;
	border-radius: 0;
}




/* ====================
		A PROPOS
 ==================== */
 
 .infoHist
 {
	 display: none;
 }
 .infoHist.last
 {
	 display: flex;
 }
 
 .timeline
 {
	 margin: 75px 0;
	 position: relative;
 }
 	.timeline:after
 	{
	 	content: '';
	 	position: absolute;
	 	top: auto;left:0;right:0;bottom: 12px;
	 	width: 100%;
	 	height: 2px;
	 	background: #00416E;
 	}
 
.customRadio {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0;
  padding-bottom: 35px;
  font-size: 20px;
  color: #004070;
}

.customRadio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #FFB833;
  border-radius: 50%;
  margin: auto;
}

.customRadio:hover input ~ .checkmark {
  background-color: #E5E5E5;
}

/* When the radio button is checked, add a blue background */
.customRadio input:checked ~ .checkmark {
  background-color: #FFB833;
  border: 1px solid #FFB833;
}



/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.timelineButton svg:hover
{
	cursor: pointer;
}

.infoHistBlock
{
	min-height: 40vh;
}


.sectionKarl-Griet
{
	color: #004070;
	font-weight: bold;
	font-size: 20px;
/*
	padding-top: 25px;
	padding-bottom: 75px;
*/
}
.sectionKarl-Griet h2
{
	text-transform: none;
	font-weight: bold;
	font-size: 3.5rem;
	padding-bottom: 3rem;
	text-align: center;
}

.sectionKarl-Griet .container .row .col:nth-child(2)
{
	font-size: 8vw;
	color: #0086CD;
}

.imgValeurAbout
{
	height: 50vh;
	position: relative;
}
 .imgValeurAbout:after
 {
	 position: absolute;
	 top:0;bottom:0;left:0;right:0;
	 content: '';
	 background: rgba(255,255,255,.20);
 }
   .nos-valeurs:after
   {
	 position: absolute;
	 top:0;bottom:0;left:0;right:0;
	 content: '';
	 background: rgba(255,255,255,.75);	   
   }
 
 .nos-valeurs
 {
	 padding-top: 50px;
 }
 
 .nos-valeurs .col.pos-2
 {
	 margin-top: 5%;
 }
  .nos-valeurs .col.pos-1, .nos-valeurs .col.pos-3
  {
	  margin-top: 2.5%;
  }
  
  .nos-valeurs h2
  {
	  top: -10%;
	  left:0; right: 0; bottom: auto;
	  
  }
  
  .nos-valeurs h3
  {
	  text-transform: none;
	  color: #004070;
	  font-size: 1.5rem;
	  -ms-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
  }
  
  img.valeur-img
  {
	  width: 150px;
  }

/* ====================
		SITES/GROUPES
 ==================== */
 
 .nos-succursales h2
 {
	 margin-bottom: 15vh;
 }
 
 .sucursaleItem
 {
	 margin-bottom: 8.33%;
	 height: 60vh;
 }
 	.sucursaleItem.marge
 	{
	 	margin-top: -20vh;
 	}

.sucursaleItem .techContent
{
	max-height: 40%;
}

/* ====================
		QUE FIASONS- NOUS
 ==================== */

 
 .strategie img
 {
	 top: 0;
	 right: 0;
	 bottom: auto; left: auto;
	 width: 100%;	
 }
 
 .strategie .contenu
 {
	 padding-top: 100px;
	 padding-bottom: 100px;
 }
 
 .strategie li
 {
	 text-transform: capitalize;
	 font-weight: bold;
	 color: #0086CD;
	 cursor: pointer;
 }
 
 .strategie li:hover
 {
	 color: #FBBA00;
 }
 
 li.schem.active
 {
	 color: #FBBA00;
 }
 
 .sucurTech.notech
 {
	 filter: grayscale(1);
	 display: none !important;
 }
 
 .imgschema
 {
/* 	 margin-top: -75px; margin-bottom: -75px; */
	margin-top: 50px;
 }
 
.pagewhatwedo.whatweDo .sucursaleItem .techContent
 {
	 min-height: 20%;
	 background: rgba(255,255,255,.95);
 }
 
.nos-succursales .sucursaleItem .techContent
{
	min-height: 30%;
}
 
 /* ====================
		RECRUTEMENT
 ==================== */

	 .softskills h3
	 {
		 padding-top: 10px;
		 padding-bottom: 10px;
		 font-weight: bold;
		 text-transform: none;
	 }
	 
	 .softskillsImg:before, .postulerImg:after
	 {
		 position: absolute;
		 content: '';
		 top:0;left:0;right:0;bottom:0;
		 height: 100%; width: 100%;
		 background: rgba(255,255,255,.2);
	 }
	 .softskillsImg:after
	 {
		 position: absolute;
		 content: url(../images/softskillsgrey.png);
		 top:0;left:auto;right:-30%;bottom:0;
		 height: 100%;
		 z-index: -1;
	 }
	 
	 .videoCEOImg svg
	 {
		 position: absolute;
		 top: 0; left: 0; right: 0; bottom: 0;
		 cursor: pointer;
		 margin: auto;
		 z-index: 1;
	 }
	 
	 .temEquipBox
	 {
		 
	 }
	 	.temEquipBox img
	 	{
		 	object-fit: cover;
		 	height: 100%;
		 	width: 100%;
		 	max-width: 50vw;
	 	}
	 	
	 	.temEquipBox .temEquipTxt
	 	{
		 	display: none;
	 	}
	 		.temEquipBox.active .temEquipTxt
	 		{
		 		display: block;
		 		background: #fff;
	 		}
	 		
	 		.temEquipTxt .fas
	 		{
		 		font-size: 3.5rem;
		 		color: #0086CD;
	 		}
	 		
	 		.temEquipBox .filter
	 		{
		 		top:0; left: 0; right: 0; bottom: 0;
		 		height: 100%; width: 100%;
		 		background: rgba(251, 186, 0, .7);
	 		}
	 			.temEquipBox.active .filter
	 			{
		 			background: transparent;
	 			}

 /* ====================
		JOB
 ==================== */
 
 .jobDispo{
	 overflow: hidden;
 }
 
 
 .postulerImg img
 {
	 height: 100%;
	 width: 100%;
	 object-fit:cover;
 }

a.job-card 
{
	transition: all .2s;
}
.job-card
{
 	background-color: #fff;
 	transition: all .2s;
}
a.job-card:hover
{
	text-decoration: none;
	box-shadow: 0px 5px 10px rgba(0,0,0,.2);
}

.slick-jobs .slick-track
{
	margin-left: 0;
}

.slick-jobs .slick-list
{
	overflow: visible;
}
.arrowLeftJob, .arrowRightJob, .arrowLeftTemoign, .arrowRightTemoign
{
	bottom: 0;
}

.job-single .img
{
	height: 50vh;
}


.slick-jobs .slick-track, .slick-temoignages .slick-track
{
    display: flex !important;
}

.slick-jobs .slick-slide, .slick-temoignages .slick-slide
{
    height: inherit !important;
}

.jobspontaForm .label-upload {
   cursor: pointer;
   border-bottom: 5px solid #FBBA00;
   width: 100%;
   margin-top: 10px;
   font-weight: normal;
   padding: 2px 10px 2px 2px;
}

.jobspontaForm .input-job {
   opacity: 0;
   position: absolute;
   z-index: -1;
}



/* ====================
		FUTUR PROOF
 ==================== */

.futurProof .img
{
	position: relative;
}

/* ====================
		CONTACT
 ==================== */
 .contactInfo h2, .contactForm h2.type2
 {
	 text-transform: none;
 }
 .contactInfo h3
 {
	 padding-bottom: 20px;
 }
 
.contactInfo i
{
	color: #FBBA00;
    font-size: 1.2em;
}
 
.contactForm {
  position: relative;
  color: #009EE0;
}
.contactForm .bootstrapElement input{
  width: 100%;
  border: none;
  border-bottom: 5px solid #FBBA00;
  outline: none;
  background-color: transparent;
/*   margin-bottom: 2em; */
}
	.contactForm .bootstrapElement input::placeholder
	{
		color: #0086CD;
		font-weight: bold;
		text-transform: uppercase;
	}
	
.contactForm .bootstrapElement textarea{
  width: 100%;
  border: none;
  border-bottom: 5px solid #FBBA00;
  outline: none;
  margin-right: 15px;
  margin-bottom: 2em;
  background-color: transparent;
}
	.contactForm .bootstrapElement textarea::placeholder
	{
		color: #0086CD;
		font-weight: bold;
		text-transform: uppercase;
	}
.contactForm .contactButton{
  background-color: #009EE0;
  border: none;
  width: auto;
  padding: 15px 30px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  transition: all 0.2s ease-in-out;
  color: #fff;
}
.contactForm .contactButton:hover{
	box-shadow: 0px 0px 10px 5px rgba(0, 158, 224, .2);
}

.contactForm ul
{
	list-style: none;
}
	.contactForm ul li
	{
		padding: 7px 0;
	}
	.contactForm ul li a
	{
		color: #000
	}
	
.container.contactForm
{
	background: rgba(255,255,255,.8);
	box-shadow: 0px 0px 10px 5px rgba(0, 158, 224, .2);
}
	.container.contactForm h2
	{
		margin-bottom: 20px;
	}
	
.contactForm .bootstrapElement
{
	padding-bottom: 20px;
}

.contactForm select.form-control 
{
	background: transparent;
	border: none;
	border-bottom: 5px solid #FBBA00;

	border-radius: 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #0086CD;
	padding-left: 0;
	margin-bottom: 1rem;
	outline: none;
}

.sucursaleSelect
{
	padding-top: 20px;
}

/* ====================
		FOOTER
 ==================== */
 
 footer
 {
	 padding-top: 100px;
 }
 			footer a.logo img
			{
				height: 150px;
			}
 
 .footerSocial i{
	 color: #0086CD;
	 font-size: 1.5em;
 }
 
 .footerInfo h3
 {
	font-size: 20px;
    color: #004070;
    font-weight: bold;
    padding-bottom: 30px;
 }
 
 footer i
 {
	 color: #FBBA00;
	 font-size: 1.2em;
 }
 
 footer .contenu{
	 font-size: 0.9em;
 }
 
 
 /* ====================
		MEDIA QUERIES
 ==================== */
 
 

@media (min-width: 1600px)
{
	.container-xl{
		max-width: 1430px;
	}
	
	

}

@media (max-width: 1440px)
{
	.bannerHomepage h1
	{
		font-size: 4rem;
	}
	.nos-valeurs h3
	{
		font-size: 1rem;
	}
	/* 	font-size 80% origine */
	.contenu30p
	{
		font-size: 18px;
	}
	.contenu20p
	{
		font-size: 16px;
	}
	
	section.famille .contenu30p
	{
		width: 80%;
	}
	
	section
	{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	section.quiSommesNous
	{
		padding-bottom: 75px;
	}
	section.reference
	{
		padding-bottom: 100px;
	}
	
	.footerInfo h3
	{
		font-size: 16px;
		padding-bottom: 20px;
	}
	.chiffres .num
	{
		font-size: 60px;
	}
	h3
	{
		font-size: 2rem;
	}
	
	a.logo
	{
		z-index: 99;
	}
	menu .container.menuElement.firstload
	{
		animation: none;
	}

	menu .container.menuElement
	{
		position: fixed;
		flex-direction: column;
		padding-top: 100px;
		background-color: rgba(255,255,255,.9);
		height: 100vh;
		max-width: 25%;
		right: -25vw;
		animation-name: AnimHideMenu;
		animation-duration: .25s;
		animation-timing-function: all;
		top: 0;
	}
		menu.open .container.menuElement
		{
			display: flex;
			animation-name: AnimShowMenu;
			right: 0;
			animation-duration: .25s;
			animation-timing-function: all;
			box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
		}
		menu.scroll.open
		{
			animation-name: AnimShowMenuColor;
			animation-duration: .25s;
			animation-timing-function: all;
			background-color: rgba(255,255,255,1);
		}
		menu li
		{
			margin: 1rem;
			text-align: left;
			margin-right: 0;
		}
		
		menu
		{
			animation-name: AnimHideMenuColor;
			animation-duration: .25s;
			animation-timing-function: all;
		}
	
	.hamburger
	{
		display: block;
	}
	
	.bannerSocial
	{
		z-index: 99;
	}
	
	@keyframes AnimShowMenu {
	  from {right: -25vw;}
	  to {right: 0;}
	}
	@keyframes AnimHideMenu {
	  from {right: 0;}
	  to {right: -25vw;}
	}
	@keyframes AnimShowMenuColor {
	  from {background-color: rgba(255,255,255,.9);}
	  to {background-color: rgba(255,255,255,1);}
	}
	@keyframes AnimHideMenuColor {
	  from {background-color: rgba(255,255,255,1);}
	  to {background-color: rgba(255,255,255,.9);}
	}
	
	section.technique .container-xl
	{
/* 		margin: 0; */
	}
	.fleches
	{
		right: -90px;
	}
	.lang_menu .menuMainItem {
		margin: unset !important;
	}
	.lang_menu {
		margin-left: 17px;
		margin-top: 13px;
	}
}
@media (min-width: 1024px)
{
	.nos-valeurs .order-lg-1
	{
		order: 3;
	}
	.nos-valeurs .order-lg-2
	{
		order: 2;
	}
	.nos-valeurs .order-lg-3
	{
		order: 4;
	}
	.nos-valeurs .order-lg-4
	{
		order: 1;
	}
	.nos-valeurs .order-lg-5
	{
		order: 5;
	}
	.col-lg-half-offset{
	    margin: 1%
	}
}
@media (max-width: 1024px)
{
	 .bannerHomepage
	 {
		 height: auto;
		 min-height: 75vh
	 }
	.bannerHomepage h1
	{
		text-align: center;
	}
	
	.bannerHomepage .contenu20p
	{
		text-align: center;
		padding-left: 0;
	}
	.bannerType.id-43 .imgBanner
	{
		position: relative !important;
		width: 100%;
	}
		.bannerType.id-43 .imgBanner:after
		{
			content: none;
		}
		
	.quiContent
	{
		padding-bottom: 50px;
	}
	
	section.famille .contenu30p
	{
		width: 100%;
	}
	.itemFamily.margin1, .itemFamily.margin2
	{
		margin-top: 0%
	}
	.arrowRightTec, .arrowRightRef
	{
		right: 44%;
	}
	.arrowLeftTec, .arrowLeftRef
	{
		left: 44%;
	}
	
	menu .container.menuElement
	{
		max-width: 50%;
		right: -50vw;
	}
	menu li
	{
		text-align: left;
	}
	@keyframes AnimShowMenu {
	  from {right: -50vw;}
	  to {right: 0;}
	}
	@keyframes AnimHideMenu {
	  from {right: 0;}
	  to {right: -50vw;}
	}
	.fleches
	{
		display: none !important;
	}
	.linkedin img
	{
		max-height: 90px;
		max-width: 90px;
	}
	h3
	{
		font-size: 1.75rem;
		
	}
	h2.type1, h3.type2, h3
	{
		padding-bottom: 20px;
	}
	h2, h3
	{
		margin-bottom: 0;
	}
	.imgBanner:after
	{
		background-color: rgba(255,255,255,.75);
	}
	.imgHist
	{
		min-height: 30vh;
	}
	.sectionKarl-Griet .container .row .col:nth-child(2)
	{
		font-size: 16vw;
		padding-bottom: 25px;
	}
	.sectionKarl-Griet
	{
		text-align: center;
	}
	.nos-valeurs img
		{
			max-width: 100px;
		}
	.nos-valeurs h2
	{
		top:0;
		margin-top: 0;
	}
	.nos-valeurs h3
	{
		font-size: 1.75rem;
	}
	.strategie img
	{
		margin-top: 0;
	}
	.sucursaleItem.marge
	{
		margin-top: 0;
	}
	.nos-succursales h2
	{
		margin-bottom: 5vh;
	}
	.sucursaleItem
	{
		height: 40vh;
	}
	
	.postulerImg
	{
		padding-top: 50px;
	}
	.postulerImg1
	{
		height: 25vh;
	}
	.arrowRightTec, .arrowRightRef, .arrowRightJob, .arrowRightTemoign
	{
		right: 44%;
	}
	.arrowLeftTec, .arrowLeftRef, .arrowLeftJob, .arrowLeftTemoign
	{
		left: 44%;
	}
	.softskillsImg
	{
		height: 30vh;
	}
	.futurProof .img
	{
		height: 20vh !important;
	}
	.futurProof .colImg
	{
		order: 2;
		padding-top: 0px;

	}
	section
	{
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.sucursaleItem .techContent
	{
		max-height: 60%;
	}
	footer
	{
		padding-top: 75px;
	}
	.techniqueBackground, .backgroundRef, .backgroundNosRef 
	{
		padding-bottom: 75px;
	}
	.chiffres .num
	{
		font-size: 3rem;
	}
	.rowQui
	{
		padding-top: 75px;
	}
	section.quiSommesNous
	{
		padding-bottom: 50px;
	}
	section.technique, .sectionAfter
	{
		padding-bottom: 50px;
	}
	.localisation h2
	{
		padding-bottom: 50px;
	}
	.imgValeurAbout
	{
		height: 30vh;
	}
	section.temoignages
	{
		padding-top: 75px;
	}
	.slick-video-testimonial
	{
		margin-bottom: 0;
	}
	.imgschema
	 {
		 margin-top: -25px; margin-bottom: -25px;
	 }
	 
	 .futurProof .row.pt-100
	 {
		 padding-top: 50px;
	 }
	 .quiSommesNous .quiVideo
	 {
		 min-height: 20vh;
	 }
}

@media (max-width: 576px)
{
	section, section.technique, .sectionAfter
	{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	section.technique
	{
		padding-bottom: 0;
	}
	.sectionKarl-Griet
	{
		padding-bottom: 50px;
	}
	.itemFamily{
		height: 30vh;
	}
	section.reference .backgroundRef
	{
		background-size: cover;
	}
	menu
	{
		padding-left: 0;
	}
	
	menu .container.menuElement
	{
		width: 100%;
		max-width: 100%;
		right: -100vw;
	}
	@keyframes AnimShowMenu {
	  from {right: -100vw;}
	  to {right: 0;}
	}
	@keyframes AnimHideMenu {
	  from {right: 0;}
	  to {right: -100vw;}
	}
	.arrowLeftTec, .arrowLeftRef
	{
		left: 42%;
	}
	.arrowRightTec, .arrowRightRef
	{
		right: 42%;
	}
	.quiVideoPlay svg
	{
		height: 60px;
		width: 60px;
	}
	.nos-valeurs h3, h3
	{
		font-size: 1.25rem;
	}
	.nos-valeurs img
	{
		max-width: 75px;
	}
	.contenu30p
	{
		font-size: 16px;
	}
	.sucursaleItem .techContent
	{
		max-height: 70%;
	}
	footer
	{
		padding-top: 50px;
	}
	.arrowLeftJob, .arrowLeftTemoign
	{
		left: 30%;
		bottom: 20px;
	}
	.arrowRightJob, .arrowRightTemoign
	{
		right: 30%;
		bottom: 20px;
	}	
	.arrowLeftTec, .arrowLeftRef
	{
/*
		left: 40%;
		bottom: 20px;
*/
		display: none !important;
	}
	.arrowRightTec, .arrowRightRef
	{
/*
		right: 40%;
		bottom: 20px;
*/
		display: none !important;
	}
	.techniqueBackground, .backgroundRef, .backgroundNosRef
	{
		padding-bottom: 50px;
	}
	.chiffres .num
	{
		font-size: 2rem;
	}
	h2.type2
	{
		margin-top: 0;
		margin-bottom: 3rem;
	}
	.futurProof h2.type2
	{
		margin: 0;
	}
	.contactInfo h2.type2
	{
		margin-bottom: 25px;
	}
	.rowQui
	{
		padding-top: 50px;
	}
	section.quiSommesNous
	{
		padding-bottom: 25px;
	}
	section.technique, .sectionAfter
	{
		padding-top: 0;
	}
	.localisation h2
	{
		padding-bottom: 25px;
	}
	.refImage
	{
		height: 30vh;
	}
	.techniqueItem
	{
/* 		height: 40vh; */
	}
	.slick-technique .slick-track
	{
	    display: flex !important;
	}
	
	.techniqueItem.slick-slide
	{
	    height: inherit !important;
	}
		.techniqueItem .techContent
		{
			max-height: 100%;
			background: rgba(255,255,255,.95) !important;
		}
	h2.type3
	{
		font-size: 5vw;
	}
	.sectionKarl-Griet h2
	{
		font-size: 2rem;
		padding-bottom: 10px;
	}
	.sectionKarl-Griet .container .row .col:nth-child(2)
	{
		display: none;
	}
	.sectionKarl-Griet .container .row .col:nth-child(1)
	{
		padding-bottom: 20px;
	}
	.imgValeurAbout
	{
		height: 20vh;
	}
	section.jobDispo
	{
		padding-top: 0;
	}
		section.jobDispo .techniqueBackground
		{
			padding-top: 25px;
			padding-bottom: 25px;
		}
		section.jobDispo .techniqueBackground .pb-50
		{
			padding-bottom: 20px;
		}
	.quiVideo .quiVideoPlay svg, .VideoPlay svg, .CEOVideoPlay svg
	{
		height: 60px;
		width: 60px;
	}
	.timeline
	{
		display: none;
	}
	section.temoignages
	{
		padding-top: 50px;
	}
	section.technique.reference .backgroundRef
	{
		background-size: cover !important;
	}
	.bannerType
	{
		margin-bottom: 0;
	}
	menu.open .container.menuElement
	{
		overflow: scroll;
	}
	menu a.logo img {
    	height: 75px;
		padding-left: 10px;
    }
    
	.futurProof .row.pt-100, .futurProof .row.pt-50
	{
	 padding-top: 25px;
	}
	
	menu .menuElement
	{
		padding-bottom: 150px;
	}
}

@media (max-width: 440px)
{
	.chiffres .num
	{
		font-size: 1.5rem;
	}
	h2, h2.type2
	{
		font-size: 1.5rem;
	}
	.contenu30p
	{
		font-size: 16px;
	}
	
	.nos-succursales.pagewhatwedo .sucursaleItem
	{
		height: auto;
	}
	.bannerHomepage h1
	{
		font-size: 3rem;
	}
	
}
@media (max-width: 360px)
{
	.bannerSocial 
	{
		right: 10px;
		bottom: 10px;
	}
	.bannerSocial i
	{
		font-size: 1em;
	}
	h2.type3
	{
		font-size: 1.5em;
	}
	a.button
	{
		padding: 10px;
	}
	.bannerHomepage
	{
		min-height: 85vh;
	}
	.bannerHomepage h1
	{
		font-size: 2.5rem;
	}
}