@font-face{
    font-family: "NewsonGLSDTP-Black";
    src: url("../fonts/NewsonGLSDTP-Black.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-BlackItalic";
    src: url("../fonts/NewsonGLSDTP-BlackItalic.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-Bold";
    src: url("../fonts/NewsonGLSDTP-Bold.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-BoldItalic";
    src: url("../fonts/NewsonGLSDTP-BoldItalic.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-Extralight";
    src: url("../fonts/NewsonGLSDTP-Extralight.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-ExtralightItalic";
    src: url("../fonts/NewsonGLSDTP-ExtralightItalic.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-Italic";
    src: url("../fonts/NewsonGLSDTP-Italic.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-Light";
    src: url("../fonts/NewsonGLSDTP-Light.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-LightItalic";
    src: url("../fonts/NewsonGLSDTP-LightItalic.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-Medium";
    src: url("../fonts/NewsonGLSDTP-Medium.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-MediumItalic";
    src: url("../fonts/NewsonGLSDTP-MediumItalic.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-Regular";
    src: url("../fonts/NewsonGLSDTP-Regular.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-Semibold";
    src: url("../fonts/NewsonGLSDTP-Semibold.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-SemiboldItalic";
    src: url("../fonts/NewsonGLSDTP-SemiboldItalic.ttf") format('truetype');
}

:root {
	--white-color: #FFFFFF;
	--black-color: #000000;
	--primary-color: #061AB1;
	--secondary-color: #FFD100;
	--soft-sky-blue: #C8E7F2;
	--soft-green: #C0E2AD;
	--soft-pink: #F3C8D4;
	
	--primary-color-60: #767A98;
	--primary-color-50: #8B90A9;
	--primary-color-40: #A2A6BB;
	--primary-color-30: #B9BCCB;
	--primary-color-20: #D1D3DD;
	--primary-color-10: #E7E8EE;
}


/* GENERAL STYLES */
body {
  font-family: 'NewsonGLSDTP-Regular', sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: var(--black-color);
	font-feature-settings: 'lnum' 1;
	background-color: var(--white-color);
}

.text-white {
  color:#FFFFFF !important;
}
@media screen and (min-width: 767px) {	
  .vcenter {
    display: flex;
    align-items: center;
  }
}
/* NAV BAR */
.menu-shadow {
    background-color: var(--primary-color);
	box-shadow: 0px 5px 15px 0px rgba(90,90,90,0.3);
	z-index:800;
	overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
  margin: 0px;
}

.navbar-brand {
    float: left;
    height: auto;
    padding: 30px 0;
}

.navbar {
	margin-bottom:0px;
}

.navbar-default {
    background-color:var(--primary-color);
	border: 0;
}

.navbar-right {
	margin-top:10px;
}

.navbar ul li {
	font-family: 'NewsonGLSDTP-Bold', sans-serif;
	font-size: 16px;
	color: var(--white-color);
	list-style: none;
	margin-bottom: 0;
	padding-bottom: 20px;
	padding-top: 0;
}

.navbar ul li:last-child a img {
	display: inline-block;
}

a.links { 
	padding: 0px!important;
	margin-top: 0px;
	margin-bottom: 0px;
}

@media screen and (min-width: 1150px) {	
	.navbar ul li {
		font-size: 13px;
		padding-bottom: 9px;
		margin-top: -10px;
		padding-top: 19px;
	}	
}

.navbar-default .navbar-nav > li > a, 
.navbar-default .navbar-nav > li > a:hover {
    color: var(--white-color);
}

.navbar ul li a {
	text-decoration: none;
}

.navbar ul li a:hover, .navbar ul li a:focus, .navbar ul li a:active,
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
	color: var(--white-color);
	text-decoration: underline;
}

.navbar ul .langue:hover {
	color: var(--white-color);
	text-decoration: underline;
}

.navbar ul li:before {
	content: "";
}

.nav > li > a {
    padding-left: 11px;
	padding-right: 11px;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: var(--white-color);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--white-color);
}

.navbar-default .navbar-toggle .icon-bar:hover {
    background-color: var(--white-color);
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 0px;
    margin-top: 36px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 0px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 24px;
    height: 3px;
	margin-bottom:5px;
    border-radius: 0px;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-collapse {
    padding-right: 20px;
    padding-left: 20px;
	padding-top:0px;
	padding-bottom:20px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 0px solid transparent;
    box-shadow: none;
}

@media (max-width: 1150px) {

	.navbar-header {
		float: none;
	}

	.navbar-left, .navbar-right {
		float: none !important;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-collapse {
		border-top: 0px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}

	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}

	.navbar-collapse.collapse {
		display: none!important;
	}

	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}

	.navbar-nav > li {
		float: none;
	}

	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.collapse.in {
		display: block!important;
	}
	
	
	.carousel-indicators li {
    display: inline-block;
    width:5px;
    height: 5px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 5px;
}

.carousel-indicators .active {
    width: 6px;
    height: 6px;
    margin: 0;
    background-color: #fff;
}

}




.recipients p {
    font-family: 'NewsonGLSDTP-Regular', sans-serif;
	font-size:16px;
	line-height:20px;
	color: var(--primary-color);
	text-align:center;
	margin: 0 0 20px;
}


p {
    font-family: 'NewsonGLSDTP-Regular', sans-serif;
	font-size:16px;
	line-height:20px;
	color: var(--primary-color-60);
	text-align:center;
	margin: 0 0 20px;
}

a {
	color: var(--primary-color);
	transition: 0.3s;
}

a:hover {
	color:var(--primary-color);
	text-decoration: none;
}

p a {
	color: var(--primary-color);
	transition: 0.3s;
}

p a:hover {
	color:var(--primary-color);
	background-color: var(--secondary-color);
	text-decoration: none;
}

p b, b {
	font-family: 'NewsonGLSDTP-Bold', sans-serif;
	font-style: normal;
}

p i {
	font-family: 'NewsonGLSDTP-RegularItalic', sans-serif;
	color: var(--primary-color);
	font-style: normal;
}

h1, .h1{
    font-family: 'NewsonGLSDTP-Regular', sans-serif;
	font-style: normal;
	font-size: 40px;
	color: var(--primary-color);
	line-height: 40px;
	text-align: center;
}

h1 hr {
	border-bottom: 4px var(--secondary-color) solid;
	border-top: 0;
	width: 60px;
	margin-top: 15px;
	margin-bottom: 30px;
}

h2 {
    font-family: 'NewsonGLSDTP-Bold', sans-serif;
	font-style: normal;
	font-size: 22px;
	color: var(--primary-color);
	line-height: 24px;
	text-align: center;
	margin: 0 0 20px;
}

ul {
	margin-left:-20px;
}

ul li {
    font-family: 'NewsonGLSDTP-Regular', sans-serif;
	font-size:16px;
	color: var(--primary-color-70);
	line-height:20px;
	margin: 0 0 20px;
	list-style:none;
}

ul li:before {
	content: "■";
	color: var(--secondary-color);
	margin-left:-20px;
	padding-right:10px;
	vertical-align:2px;
}

.text-center {
	text-align:center!important;
}

img {
	margin: 0 auto;
	display: block;
}

.btn {
	font-size: 16px;
	font-family: 'NewsonGLSDTP-Bold', sans-serif;
	text-transform: uppercase;
	border: 2px var(--primary-color) solid;
	border-radius: 0;
	color: var(--primary-color);
	transition: 0.3s;
	text-decoration: none;
}

.btn:hover {
	color: var(--primary-color);
	border: 2px var(--secondary-color) solid;
	background: var(--secondary-color);
}

.container-fluid {
    padding-top: 95px; /* For position fixed navbar */
}

.field {
	font-size: 16px;
	font-family: 'NewsonGLSDTP-Semibold', sans-serif;
	border: 2px var(--primary-color-20) solid;
	color: var(--primary-color);
	margin-bottom: 8px;
	padding: 6px 12px;
	display: inline-block;
	width: 245px;
}

.white {
    filter: invert(100%) sepia(0%) saturate(29%) hue-rotate(95deg) brightness(108%) contrast(107%);
}

.yellow {
    filter: invert(78%) sepia(19%) saturate(6343%) hue-rotate(2deg) brightness(105%) contrast(104%);
}

.navy {
    filter: invert(12%) sepia(81%) saturate(1035%) hue-rotate(205deg) brightness(92%) contrast(101%);
}








/* POURQUOI GLS? */
.bg-pourquoi-gls {
	background-image:url(../images/bg-pourquoi-gls.jpg); 
	background-repeat:no-repeat; 
	background-position:top center;
	padding-top:60px; 
	padding-bottom:60px; 
	padding-left:45px; 
	padding-right:45px;
	background-size: contain;
}

@media screen and (min-width: 1200px) {

    .bg-pourquoi-gls {
        background-size: cover;
	}	
}

.bg-pourquoi-gls .ellipse {
	padding: 16px;
	width: 140px;
	height: 140px; 
	border: 4px var(--secondary-color) solid;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: var(--white-color);
	margin: 0 auto;
	box-shadow: 0px 0px 15px 0px rgba(90,90,90,0.15);
	margin-bottom: 25px;
}


/* L'ESPRIT GLS */
.bg-esprit-gls {
	/*background-image:url(../images/bg-esprit-gls.jpg);*/
	background-repeat:no-repeat; 
	background-position:top center;
	padding-top:60px; 
	padding-bottom:60px; 
	padding-left:45px; 
	padding-right:45px;
}

@media screen and (min-width: 1200px) {

    .bg-esprit-gls {
        background-size:cover;
	}	
}



/* CERCLE D'EXCELLENCE */
.bg-24-recipiendaires {
	padding-top:60px; 
	padding-bottom:100px; 
	padding-left:45px; 
	padding-right:45px;
}

.bg-24-recipiendaires p {
	text-align:left;
}

.scott-dobak {
	margin:0 auto;
	background-color:var(--primary-color);
	width:160px;
	display:block;
}

@media screen and (min-width: 768px) {

    .scott-dobak {
		background-color:var(--primary-color);
		width:160px;
	}
}

.scott-dobak p {
	color:var(--white-color);
	padding:20px;
}

.scott-dobak p i {
	color:var(--white-color);
}

.catfish-rejoignez-notre-reseau {
	background-image:url(../images/catfish-rejoignez-notre-reseau-de-talents.jpg);
	padding:34px;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
}

.catfish-rejoignez-notre-reseau a {
	font-family: 'NewsonGLSDTP-Semibold', sans-serif;
	font-size:20px;
	color:var(--white-color);
	text-decoration:none;
	text-align:center;
}

.catfish-consultez-nos-offres {
	background-image:url(../images/catfish-consultez-nos-offres-emploi.jpg);
	padding:34px;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
}

.catfish-consultez-nos-offres a {
	font-family: 'NewsonGLSDTP-Semibold', sans-serif;
	font-size:20px;
	color:var(--secondary-color);
	text-decoration:none;
}

.bg-cercle-excellence {
	background-image:url(../images/bg-cercle-excellence.jpg);
	padding:34px;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
}

.bg-cercle-excellence a {
	font-family: 'NewsonGLSDTP-Semibold', sans-serif;
	font-size:20px;
	line-height: 24px;
	color:var(--secondary-color);
	text-decoration:none;
}

.btn-cercle-excellence {
	background: rgba(0, 0, 0, 0.5);
	padding: 7px;
	padding-left: 15px;
	padding-right: 15px;
	text-align:center;
	border: 2px rgba(255, 255, 255, 0.4) solid;
	margin-top: 20px;
	transition: 0.3s;
}

.btn-cercle-excellence:hover {
	background: rgba(0, 0, 0, 0);
}

.btn-cercle-excellence a {
	font-family: 'NewsonGLSDTP-Semibold', sans-serif;
	font-size:16px;
	line-height: 18px;
	color: var(--white-color);
	text-decoration:none;
}

.bg-nous-sommes-gls-chauffeurs {
	background-image:url("../images/bg_chauffeurs.jpg");
	background-repeat:no-repeat; 
	background-position:top center;
	padding-top:60px; 
	padding-bottom:60px; 
	padding-left:45px; 
	padding-right:45px;
}

.bg-nous-sommes-gls-chauffeurs p, 
.bg-nous-sommes-gls-chauffeurs h1 {
	color:var(--white-color)
}

.bg-nous-sommes-gls-chauffeurs h1 hr {
	border-bottom: 4px var(--secondary-color) solid;
	width:60px;
	margin-top:15px;
	margin-bottom:15px;
}

.circle-excellence-paul{
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 4px;
  transition: 0.5s;
}

.paul-entrevue:hover .circle-excellence-paul{
  filter: none;
}

/* NOUS SOMMES GLS DEV */
.bg-nous-sommes-gls-dev {
	background-image:url(../images/bg-nous-sommes-gls-dev.jpg);
	background-repeat:no-repeat; 
	background-position:top center;
	padding-top:60px; 
	padding-bottom:60px; 
	padding-left:45px; 
	padding-right:45px;
}

.bg-nous-sommes-gls-dev p, 
.bg-nous-sommes-gls-dev h1 {
	color:var(--white-color);
}

.bg-nous-sommes-gls-dev h1 hr {
	border-bottom: 4px var(--secondary-color) solid;
	width:60px;
	margin-top:15px;
	margin-bottom:15px;
}

/* NOUS SOMMES GLS */
.bg-nous-sommes-gls {
	background-image:url(../images/bg-nous-sommes-gls.jpg);
	background-repeat:no-repeat; 
	background-position:top center;
	padding-top:60px; 
	padding-bottom:60px; 
	padding-left:45px; 
	padding-right:45px;
}

.bg-nous-sommes-gls p, 
.bg-nous-sommes-gls h1 {
	color:var(--white-color);
}

.bg-nous-sommes-gls h1 hr {
	border-bottom: 4px var(--secondary-color) solid;
	width:60px;
	margin-top:15px;
	margin-bottom:15px;
}

.btn-profil-employe {
	font-family: 'NewsonGLSDTP-Regular', sans-serif;
	color:var(--white-color);
	font-size:16px;
	padding:7px;
	padding-left:15px;
	padding-right:15px;
	background-color: rgba(255, 255, 255, 0.4);
	border: 2px rgba(255, 255, 255, 0.4) solid;
	display:block;
	margin-bottom:7px;
	text-align:center;
	transition: 0.3s;
}

.btn-profil-employe b {
	font-family: 'NewsonGLSDTP-Bold', sans-serif;
	text-transform:uppercase;
}

.btn-profil-employe:hover {
	color:var(--white-color);
	background-color: transparent;
	text-decoration:none;
	border: 2px var(--white-color) solid;
}

@media screen and (min-width: 768px) {

    .btn-profil-employe {
		text-align:left;
	}	
}

.btn-profil-entrevue {
	font-family: 'NewsonGLSDTP-Regular', sans-serif;
	color: var(--primary-color-80);
	font-size:16px;
	padding:7px;
	padding-left:15px;
	padding-right:15px;
	background-color: rgba(255, 255, 255, 0.4);
	border: 2px var(--primary-color-20) solid;
	display:block;
	margin-bottom:7px;
	text-align:center;
	transition: 0.3s;
}

.btn-profil-entrevue b {
	font-family: 'NewsonGLSDTP-Bold', sans-serif;
	text-transform:uppercase;
}

.btn-profil-entrevue:hover {
	color: var(--primary-color-80);
	text-decoration:none;
	border: 2px var(--primary-color-20) solid;
	background-color: var(--primary-color-20);
}

@media screen and (min-width: 768px) {

    .btn-profil-entrevue {
		text-align:left;
	}
}

.first-name {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size:42px; 
	color: var(--primary-color-30);
	line-height: 0.8;
	text-transform:uppercase;
	text-align:center;
}

.last-name {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size:70px; 
	color: var(--primary-color);
	line-height: 1;
	text-transform:uppercase;
	text-align:center;
}

.job-title {
	font-family: 'NewsonGLSDTP-Semibold', sans-serif;
	font-size:16px;
	line-height: 1.2;
	color:var(--primary-color-70);
	text-transform:uppercase;
	text-align:center;
	margin-bottom:50px;
}

@media screen and (min-width: 768px) {

    .first-name {
		font-size:72px;
	}
		
	.job-title { 
		font-size:18px;
		margin-bottom:60px;
	}
}

.employee-photo {
	border:2px var(--primary-color-50) solid; 
	margin-top:-80px; 
	margin-bottom:30px;
	max-width: 100%;
}

.employee-photo-antony-voyer {
	border:2px var(--primary-color-50) solid; 
	margin-bottom:30px;
	margin-top:69px;
	max-width: 100%;
}

.bg-nous-sommes-gls-2 {
	background-image:url(../images/bg-nous-sommes-gls-2.jpg);
	background-repeat:no-repeat; 
	background-position:top center;
	margin-top:60px;
}

.bg-nous-sommes-gls-dev-2 {
	background-image:url(../images/bg-nous-sommes-gls-dev2.jpg);
	background-repeat:no-repeat; 
	background-position:top center;
	margin-top:60px;
}

.bg-nous-sommes-gls-3 {
	background-image:url(../images/bg-nous-sommes-gls-3.jpg);
	background-repeat:no-repeat; 
	background-position:top center;
	margin-top:60px;
}

.bg-nous-sommes-gls-4 {
	background-image:url(../images/bg-nous-sommes-gls-4.jpg);
	background-repeat:no-repeat; 
	background-position:top center;
	margin-top:60px;
}

.bg-nous-sommes-gls-5 {
	background-image:url(../images/bg-nous-sommes-gls-5.jpg);
	background-repeat:no-repeat; 
	background-position:top center;
	margin-top:60px;
}

@media screen and (min-width: 1200px) {

    .bg-nous-sommes-gls {
        background-size:cover;
		background-image:url("../images/bg-nous-sommes-gls.jpg");
		background-repeat:no-repeat; 
		background-position:top center;
		padding-top:60px; 
		padding-bottom:60px; 
		padding-left:45px; 
		padding-right:45px;
    }
	
	.bg-nous-sommes-gls-dev {
        background-size:cover;
		background-image:url("../images/bg-nous-sommes-gls-dev.jpg");
		background-repeat:no-repeat; 
		background-position:top center;
		padding-top:60px; 
		padding-bottom:60px; 
		padding-left:45px; 
		padding-right:45px;
    }
	
	.bg-nous-sommes-gls-chauffeurs {
        background-size:cover;
		background-image:url("../images/bg_chauffeurs.jpg");
		background-repeat:no-repeat; 
		background-position:top center;
		padding-top:60px; 
		padding-bottom:60px; 
		padding-left:45px; 
		padding-right:45px;
    }
	
	.bg-nous-sommes-gls-dev-2 {
        background-size:cover;
		background-image:url(../images/bg-nous-sommes-gls-dev2.jpg);
		background-repeat:no-repeat; 
		background-position:top center;
		height:200px;
		margin-top:60px;
    }
		
	.bg-nous-sommes-gls-2 {
        background-size:cover;
		background-image:url(../images/bg-nous-sommes-gls-2.jpg);
		background-repeat:no-repeat; 
		background-position:top center;
		height:200px;
		margin-top:60px;
    }
		
	.bg-nous-sommes-gls-3 {
        background-size:cover;
		background-image:url(../images/bg-nous-sommes-gls-3.jpg);
		background-repeat:no-repeat; 
		background-position:top center;
		height:200px;
		margin-top:60px;
    }
		
	.bg-nous-sommes-gls-4 {
        background-size:cover;
		background-image:url(../images/bg-nous-sommes-gls-4.jpg);
		background-repeat:no-repeat; 
		background-position:top center;
		height:200px;
		margin-top:60px;
    }
		
	.bg-nous-sommes-gls-5 {
        background-size:cover;
		background-image:url(../images/bg-nous-sommes-gls-5.jpg);
		background-repeat:no-repeat; 
		background-position:top center;
		height:200px;
		margin-top:60px;
    }
		
	.employee-photo-antony-voyer {
		border:2px #cbcaca solid; 
		margin-bottom:30px;
		margin-top:115px;
	}
}


/* ENTREVUES DES RÉCIPIENDAIRES */
.bg-entrevue {
	background-size:cover;
	background-repeat:no-repeat; 
	background-position:top center;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.bg-entrevue i {
	color: var(--primary-color);
}

.bg-entrevue b i {
	font-size: 18px;
	line-height: 22px;
}

.doaa {
	background-image:url(../images/bg-Doaa-Elmasry.jpg);
	margin-top:60px;
}

.mondira {
	background-image:url("../images/bg_mondira.jpg");
	margin-bottom: 30px;
}

.martin {
	background-image:url("../images/bg_martin.jpg");
}

.suzanne {
	background-image:url("../images/bg_suzanne.png");
}

.eric {
	background-image:url("../images/bg_eric.jpg");
}

.murray {
	background-image:url(../images/bg-Murray-Palmatier.jpg);
}

.daniyal {
	background-image:url(../images/bg-Daniyal-Zahir.jpg);
}

.solange {
	background-image:url(../images/bg-Solange-Beluse.jpg);
}

.nathan {
	background-image:url(../images/bg-Nathan-Glover.jpg);
}

.vince {
	background-image:url(../images/bg-Vince-Maria.jpg);
}

.erica {
	background-image:url(../images/bg-Erica-Hales.jpg);
}

.jason {
	background-image:url(../images/bg-Jason-Key.jpg);
	margin-top:60px;
}

.margo {
	background-image:url(../images/bg-Margo-Butler.jpg);
	margin-top:60px;
}

.melissa {
	background-image:url(../images/bg-Melissa-OBrien.jpg);
	margin-top:60px;
}

.sylvain {
	background-image:url("../images/bg_sylvain.jpg");
	margin-top:60px;
}

.ceri {
	background-image:url("../images/bg_ceriW.jpg");
	margin-top:60px;
}

.claude {
	background-image:url("../images/bg_claude.jpg");
	margin-top:60px;
}


/* GLS EN CHIFFRES */
.bg-emplacement-succursales a {
	font-family: 'NewsonGLSDTP-Semibold', sans-serif;
	font-size:24px;
	line-height:27px;
	color: var(--primary-color);
	text-decoration:none;
}

.bg-emplacement-succursales {
	background-image:url(../images/bg-emplacement-de-nos-succursales.jpg);
	background-repeat:no-repeat; 
	background-position:top left;
	padding-top:110px; 
	padding-bottom:110px;
	text-align:center;
	background-size:cover;
}
	  
@media screen and (min-width: 1200px) {

    .bg-emplacement-succursales {
		padding-top:130px; 
		padding-bottom:130px;
		background-position:top center;
	}
}



/* WE ARE GLS: MAIN PAGE */
.home-career {
	font-family: 'NewsonGLSDTP-Bold', sans-serif;
	font-size:20px;
	line-height:24px;
	background-size: cover;
	background-repeat:no-repeat; 
	background-position:right;
	padding-top:110px; 
	padding-bottom:110px;
	text-align: center;
	max-width: 100%;
	transition: 0.3s;
}

.home-career a {
	color: var(--white-color);
	text-decoration: none;
}

.home-career:hover {
	box-shadow: inset 2000px 0 0 0 rgba(252,191,0, 0.5);
}

.home-career:hover > a {
	color: var(--primary-color);
}

.home-career div {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size: 50px;
	text-align: center;
	line-height: 65px;
}

.innovator {
	background-image:url("../images/bg-Mondira-black1.jpg");
}

.emp1oyee {
	background-image: url("../images/emp1-black1.jpg");
}

.drivers {
	background-image:url("../images/bg-driver-black2.jpg");
}

.excellence {
	background-image:url("../images/excellence1-red2.jpg");
}

.bg-women a {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	color: var(--white-color);
	text-decoration:none;
	cursor: pointer;
}

.bg-women {
	background-image:url("../images/we-are-gls-women.jpg");
	background-repeat:no-repeat; 
	background-position:top left;
	padding-top:110px; 
	padding-bottom:110px;
	text-align:center;
	background-size:cover;
}
	  
@media screen and (min-width: 1200px) {

    .bg-women {
		padding-top:170px; 
		padding-bottom:170px;
		background-position:top center;
	}
}


@media screen and (min-width: 992px) {
	
	.home-career {
		background-position: top center;
	}
	
	.home-career:hover {
		background-position: right;
	}

	.home-career div {
		line-height: 50px;
	}
	
	.excellence:hover, .drivers:hover {
		background-position: left;
	}
}
/* FIN WE ARE GLS: MAIN PAGE */




/* GLS EN CHIFFRES */
.bg-gls-en-chiffres {
	padding-top:60px; 
	padding-bottom:60px; 
	padding-left:45px; 
	padding-right:45px;
}
	
.tonnes-de-marchandises {
	font-family: 'NewsonGLSDTP-Bold', sans-serif;
	background-color: var(--primary-color-60); 
	padding:40px;
	color: var(--primary-color-10);
	font-size:20px;
	line-height:24px;
	text-align:center;
}

.tonnes-de-marchandises a {
	color: var(--primary-color-10);
	text-decoration:none;
}

.tonnes-de-marchandises:hover {
	background-color:var(--secondary-color);
	text-decoration:none;
}

.tonnes-de-marchandises:hover > a {
	color: var(--primary-color);
}

.tonnes-de-marchandises div {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size:65px;
	text-align:center;
	line-height:65px;
}

.tonnes-de-marchandises img {
	filter: invert(93%) sepia(7%) saturate(122%) hue-rotate(195deg) brightness(103%) contrast(88%);
}

.tonnes-de-marchandises:hover img {
	filter: invert(8%) sepia(28%) saturate(6855%) hue-rotate(226deg) brightness(99%) contrast(93%);
}

@media screen and (min-width: 992px) {
	
	.tonnes-de-marchandises {
		font-family: 'NewsonGLSDTP-Bold', sans-serif;
		font-size:30px;
		line-height:32px;
		text-align:center;
		padding: 205px 0;
	}

	.tonnes-de-marchandises div {
		font-family: 'NewsonGLSDTP-Light', sans-serif;
		font-size:75px;
		text-align:center;
		line-height:50px;
	}
}

.nb-employes {
	font-family: 'NewsonGLSDTP-Bold', sans-serif;
	background-color:var(--primary-color-80);
	padding:40px;
	color:var(--primary-color-40);
	font-size:20px;
	line-height:24px;
	text-align:center;
}

.nb-employes div {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size:70px;
	text-align:center;
	line-height:70px;
}

.nb-employes a {
	color:var(--primary-color-40);
	text-decoration:none;
}

.nb-employes:hover {
	background-color:var(--secondary-color);
	text-decoration:none;
}

.nb-employes:hover > a {
	color: var(--primary-color);
}

.nb-employes img {
	filter: invert(73%) sepia(10%) saturate(455%) hue-rotate(193deg) brightness(89%) contrast(93%);
}

.nb-employes:hover img {
	filter: invert(8%) sepia(28%) saturate(6855%) hue-rotate(226deg) brightness(99%) contrast(93%);
}

@media screen and (min-width: 992px) {
	
	.nb-employes div {
		font-size:80px;
		line-height:70px;
	}
}

.ans-expertise {
	font-family: 'NewsonGLSDTP-Bold', sans-serif;
	background-color: var(--primary-color-20);
	padding:40px;
	color: var(--primary-color-80);
	font-size:20px;
	line-height:24px;
	text-align:center;
}

.ans-expertise div {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size:70px;
	text-align:center;
	line-height:70px;
}

.ans-expertise a {
	color: var(--primary-color-80);
	text-decoration:none;
}

.ans-expertise:hover {
	background-color:var(--secondary-color);
	text-decoration:none;
}

.ans-expertise:hover > a {
	color: var(--primary-color);
}

.ans-expertise img {
	filter: invert(27%) sepia(20%) saturate(1060%) hue-rotate(192deg) brightness(99%) contrast(87%);
}

.ans-expertise:hover img {
	filter: invert(8%) sepia(28%) saturate(6855%) hue-rotate(226deg) brightness(99%) contrast(93%);
}

@media screen and (min-width: 992px) {
	
	.ans-expertise div {
		font-size:80px;
		line-height:70px;
	}
}

.colis-chaque-annee {
	font-family: 'NewsonGLSDTP-Bold', sans-serif;
	background-color: var(--primary-color-40);
	padding:40px;
	color: var(--primary-color-90);
	font-size:20px;
	line-height:24px;
	text-align:center;
}

.colis-chaque-annee div {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size:60px;
	text-align:center;
	line-height:60px;
}

.colis-chaque-annee a {
	color: var(--primary-color-90);
	text-decoration:none;
}

.colis-chaque-annee:hover {
	background-color:var(--secondary-color);
	text-decoration:none;
}

.colis-chaque-annee:hover > a {
	color: var(--primary-color);
}

.colis-chaque-annee img {
	filter: invert(18%) sepia(42%) saturate(892%) hue-rotate(193deg) brightness(97%) contrast(90%);
}

.colis-chaque-annee:hover img {
	filter: invert(8%) sepia(28%) saturate(6855%) hue-rotate(226deg) brightness(99%) contrast(93%);
}

@media screen and (min-width: 992px) {
	
	.colis-chaque-annee div {
		font-size:80px;
		line-height:70px;
	}
}

.succursales {
	font-family: 'NewsonGLSDTP-Bold', sans-serif;
	background-color: var(--primary-color-20);
	padding:40px;
	color: var(--primary-color-80);
	font-size:20px;
	line-height:24px;
	text-align:center;
}

.succursales div {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size:70px;
	text-align:center;
	line-height:70px;
}

.succursales a {
	color: var(--primary-color-80);
	text-decoration:none;
}

.succursales:hover {
	background-color: var(--secondary-color);
	text-decoration:none;
}

.succursales:hover > a {
	color: var(--primary-color);
}

.succursales img {
	filter: invert(31%) sepia(13%) saturate(1452%) hue-rotate(193deg) brightness(94%) contrast(95%);
}

.succursales:hover img {
	filter: invert(8%) sepia(28%) saturate(6855%) hue-rotate(226deg) brightness(99%) contrast(93%);
}


@media screen and (min-width: 992px) {
	
	.succursales {
		font-size:18px;
		line-height:21px;
		min-height: 400px;
	}

	.succursales div {
		font-size:80px;
		line-height:70px;
	}
}

.livraisons-effectuees {
	font-family: 'NewsonGLSDTP-Bold', sans-serif;
	background-color: var(--primary-color-50);
	padding:40px;
	color:var(--white-color);
	font-size:20px;
	line-height:24px;
	text-align:center;
}

.livraisons-effectuees div {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size:70px;
	text-align:center;
	line-height:70px;
}

.livraisons-effectuees a {
	color:var(--white-color);
	text-decoration:none;
}

.livraisons-effectuees:hover {
	background-color: var(--secondary-color);
	text-decoration:none;
}

.livraisons-effectuees:hover > a {
	color: var(--primary-color);
}

.livraisons-effectuees img {
	filter: invert(93%) sepia(7%) saturate(122%) hue-rotate(195deg) brightness(103%) contrast(88%);
}

.livraisons-effectuees:hover img {
	filter: invert(8%) sepia(28%) saturate(6855%) hue-rotate(226deg) brightness(99%) contrast(93%);
}


@media screen and (min-width: 992px) {
	
	.livraisons-effectuees {
		display: flex;
		align-items: center;
		justify-content: space-around;
		min-height: 400px;
	}

	.livraisons-effectuees div {
		font-family: 'NewsonGLSDTP-Light', sans-serif;
		font-size:80px;
		line-height:77px;
	}
}

.nb-chauffeurs {
	font-family: 'NewsonGLSDTP-Bold', sans-serif;
	background-color: var(--primary-color-80);
	padding:40px;
	color: var(--primary-color-20);
	font-size:20px;
	line-height:24px;
	text-align:center;
}

.nb-chauffeurs a {
	color: var(--primary-color-20);
	text-decoration:none;
}

.nb-chauffeurs:hover {
	background-color:var(--secondary-color);
	text-decoration:none;
}

.nb-chauffeurs:hover > a {
	color: var(--primary-color);
}

.nb-chauffeurs div {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size:70px;
	line-height:70px;
}

.nb-chauffeurs img {
	filter: invert(100%) sepia(34%) saturate(1617%) hue-rotate(179deg) brightness(86%) contrast(101%);
}

.nb-chauffeurs:hover img {
	filter: invert(8%) sepia(28%) saturate(6855%) hue-rotate(226deg) brightness(99%) contrast(93%);
}


@media screen and (min-width: 992px) {
	
	.nb-chauffeurs {
		min-height: 400px;
	}

	.nb-chauffeurs div {
		font-size:80px;
	}
}



/* WE ARE GLS WOMEN */
.bg-gls-women {
	background-image:url("../images/bg-we-are-gls-womens.jpg"); 
	background-repeat: no-repeat; 
	background-position: top center;
	padding: 120px 15px 30px 15px;
	background-size: 100%;
}

.bg-gls-women p {
	text-align: left;
}

.bg-gls-women .col-md-3 p:first-child,
.bg-gls-women .col-xs-12 p:first-child {
	font-size: 18px;
}

.bg-gls-women p b {
	color: var(--primary-color);
}

.bg-gls-women .col-sm-6 {
	padding-top: 30px;
}

.bg-gls-women .col-sm-6:after {
	content: "";
    display: block;
    width: 40%;
    border-bottom: 4px solid var(--secondary-color);
}

.bg-gls-women .spacing-between-title-content {
	padding-top: 2rem;
}

.bg-gls-women .flex-container {
	display: flex;
	align-items: center;
	background-color: var(--primary-color-10);
}

.bg-gls-women .flex-container .title {
	font-family: 'NewsonGLSDTP-Light'; 
	font-size: 82px; 
	line-height: 86px; 
	border-bottom: 4px var(--secondary-color) solid; 
	margin-right: 10px;
}

.bg-gls-women .flex-container .subtitle {
	font-family: 'NewsonGLSDTP-Light'; 
	font-size: 30px; 
	line-height: 1;
}


@media screen and (min-width: 768px) {
	
	.bg-gls-women .col-md-3 p:first-child,
	.bg-gls-women .col-xs-12 p:first-child {
		font-size: inherit;
	}
	
	.bg-gls-women .col-sm-6 {
		min-height: 200px;
		padding-top: 40px;
	}
	
	.bg-gls-women .col-xs-12 {
		min-height: 280px;
	}
	
	.bg-gls-women .col-sm-6:after {
		position: absolute;
		bottom: 0;
	}
	
	.bg-gls-women {
		padding: 60px 45px;
	}
	
	.bg-gls-women .spacing-between-title-content {
		padding-top: 20rem;
	}
}

@media screen and (min-width: 992px) {
	
	.bg-gls-women .spacing-between-title-content {
		padding-top: 40rem;
	}
}

@media screen and (min-width: 1200px) {
	
	.bg-gls-women .spacing-between-title-content {
		padding-top: 50rem;
	}
}

@media screen and (min-width: 1400px) {
	
	.bg-gls-women .spacing-between-title-content {
		padding-top: 60rem;
	}
}







/* WE ARE GLS Women Carousel */

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.carousel-showmanymoveone .carousel-control .glyphicon-chevron-right {
	margin-left: -20px;
}

@media screen and (min-width: 768px) {
	
	.carousel-showmanymoveone .carousel-control .glyphicon-chevron-right {
		margin-left: inherit;
	}
}


.carousel-showmanymoveone .carousel-control {
   width: 4%;
   background-image: none;
}

.carousel-showmanymoveone .carousel-control.left {
   margin-left: 0;
}

.carousel-showmanymoveone .carousel-control.right {
   margin-right: 0;
}

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
   display: none;
}

.carousel .item .col-xs-12 {
   padding: 0 10px 0 40px;
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
   .carousel .item .col-xs-12:nth-last-child(-n+2) {
      display: none;
   }
}

@media all and (min-width: 768px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -50%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 50%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
      display: block;
   }
	.carousel .item .col-xs-12 {
   		padding-left: 50px;
		padding-right: 20px;
	}
}

@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}

@media all and (min-width: 992px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -25%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 25%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-2,
   .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
      display: block;
   }
	
 	.carousel .item .col-xs-12 {
   		padding-left: 60px;
		padding-right: 30px;
	}
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(25%, 0, 0);
      transform: translate3d(25%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-25%, 0, 0);
      transform: translate3d(-25%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}

/* END GLS Women Carousel */






/* ACCUEIL */
.bg {
	background-size:cover;
	background-position: center;
	background-repeat:no-repeat;
	padding-top:330px; 
	height:790px;
}

.accueil-1 {
	background-size:cover;
	background-image:url(../images/bg-accueil-1.jpg); 
	background-repeat:no-repeat;
	padding-top:330px; 
	height:790px;
}

.accueil-2 {
	background-size:cover;
	background-image:url(../images/bg-accueil-2.jpg); 
	background-repeat:no-repeat;
	padding-top:330px; 
	height:790px;
}

.accueil-3 {
	background-size:cover;
	background-image:url(../images/bg-accueil-3.jpg); 
	background-repeat:no-repeat;
	padding-top:330px; 
	height:790px;
}

.box-content {
	border-top:4px var(--secondary-color) solid; 
	border-bottom:4px var(--secondary-color) solid; 
	padding:30px;
	padding-top:15px; 
	background-color: rgba(255, 255, 255, 0.88);
}

.box-content a:hover {
	text-decoration:none;
}

.accueil-consultez-nos-offres {
	background-size:cover;
	background-repeat:no-repeat;
	background-image:url(../images/bg-accueil-consultez-nos-offres-emploi.jpg); 
	padding:60px; 
	text-align:center;
	padding-top:60px;
	padding-bottom:60px;
	background-position: center;
}

.accueil-consultez-nos-offres a {
	font-family: 'NewsonGLSDTP-Semibold', sans-serif;
	color: var(--secondary-color);
	font-size:24px;
	line-height:28px;
}

.accueil-consultez-nos-offres a:hover {
	text-decoration:none;
}

.accueil-rejoignez-notre-reseau {
	background-size:cover;
	background-repeat:no-repeat;
	background-image:url(../images/bg-accueil-rejoignez-notre-reseau-de-talents.jpg); 
	padding:60px; 
	text-align:center;
	padding-top:60px;
	padding-bottom:60px;
}

.accueil-rejoignez-notre-reseau a {
	font-family: 'NewsonGLSDTP-Semibold', sans-serif;
	color:var(--white-color);
	font-size:24px;
	line-height:28px;
}

.accueil-rejoignez-notre-reseau a:hover {
	text-decoration:none;
}

@media screen and (min-width: 768px) {
	.accueil-consultez-nos-offres {
		padding-top:126px;
		padding-bottom:126px;
	}
	
	.accueil-rejoignez-notre-reseau {
		padding-top:126px;
		padding-bottom:126px;
	}
}

@media screen and (min-width: 979px) {
	.accueil-consultez-nos-offres {
		padding-top:133px;
		padding-bottom:133px;
	}
	
	.accueil-rejoignez-notre-reseau {
		padding-top:133px;
		padding-bottom:133px;
	}
}


@media screen and (min-width: 1101px) {
	.accueil-consultez-nos-offres {
		padding-top:140px;
		padding-bottom:140px;
	}
	
	.accueil-rejoignez-notre-reseau {
		padding-top:140px;
		padding-bottom:140px;
	}

}



/* CAROUSEL */
.clear-left-xs {
	padding-left: 0px;
}

.clear-right-xs {
	padding-right: 0px;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: none!important
}

.carousel-control.left {
    background-image: none!important
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 7%;
    font-size: 26px;
    color: var(--primary-color-40);
    text-align: center;
    text-shadow: none;
    filter: alpha(opacity=1);
    opacity:1;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
  -webkit-transition-timing-function:linear;
          transition-timing-function:linear;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-caption {
    text-shadow: none;
}


@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}






/* MARGINS */
.margin-bottom-15 {
	margin-bottom: 15px;
}

.margin-bottom-25 {
	margin-bottom: 25px;
}

.margin-bottom-60 {
	margin-bottom: 60px;
}

.margin-bottom-120 {
	margin-bottom: 50px;
}

.margin-bottom-130 {
	margin-bottom: 90px;
}

@media screen and (min-width: 768px) {

    .margin-bottom-120 {
        margin-bottom: 120px;
	 }
	 
	.margin-bottom-130 {
		margin-bottom: 130px;
    }
}
	

	  
/* FOOTER */
.grey-footer {
	background-color: var(--primary-color-20);
	padding:30px;
}

.grey-footer a {
	font-family: 'NewsonGLSDTP-Semibold', sans-serif;
	font-size:14px;
	padding: 6px 12px;
	color: var(--primary-color);
	text-transform:uppercase;
	border: 2px var(--primary-color) solid;
	display: block;
	margin: 0 6px 12px 6px;
}

.grey-footer a:hover {
	background-color: var(--secondary-color);
	border: 2px var(--secondary-color) solid;
	text-decoration:none;
	color: var(--primary-color);
}

@media screen and (min-width: 768px) {
    .grey-footer a {
		display: inline;
		margin-bottom:0;
	}
}
	  
.white-footer {
	background-color: var(--white-color);
	padding:30px;
	font-size:9px;
	line-height:18px;
}

.white-footer .flex-container {
	display: flex;
	justify-content: center;
	margin-bottom: 8px;
}

.white-footer a img {
	margin: 0 4px;
	filter: brightness(0) saturate(100%) invert(7%) sepia(83%) saturate(7475%) hue-rotate(
239deg) brightness(100%) contrast(103%);
}



.white-footer .links a {
	font-size:12px;
	line-height:30px;
	color: var(--black-color);
	text-decoration:none;
	text-align:center;
	margin-left:7px;
	margin-right:7px;
}

.white-footer .links a:hover {
	color: var(--primary-color);
	text-decoration:none;
}

.white-footer .copyright {
	font-size:10px;
	line-height:12px;
	color: var(--black-color);
	text-align:center;
}

/* LANDING PAGES CAMPAGNE DE RECRUTEMENT */




.vie-de-reve-camionneur, .gls-recrute-camionneur, .bien-au-travail > div{
  padding: 30px 40px;
}

.recherche-bg-blanc .gls-recrute-camionneur{
  padding-top: 0px !important;
}

.vie-de-reve-camionneur{
  background-color: var(--primary-color);
}

.bien-au-travail > div:nth-child(1), .bien-au-travail > div:nth-child(2){
  padding: 0px !important;
}

.bien-au-travail, .bien-au-travail > div:nth-child(2){
  background-color: var(--primary-color);
}

.recherche-bg-blanc{
  background-color: white !important;
}

.vie-de-reve-camionneur h1, .bien-au-travail h1{
 
  font-size: 55px;
  line-height:60px;
  text-align: left;
 
  font-family: "NewsonGLSDTP-Light";
  margin-bottom: 30px;
}

.bien-au-travail h1{
  color: var(--primary-color)!important;	
}

.bien-au-travail p{
  color: #767a98 !important;
}

.vie-de-reve-camionneur h1 div, .gls-recrute-camionneur h2,
.bien-au-travail h1 div{
  color:var(--black-color)!important;
  font-size: 34px;
  line-height: 36px;
  margin-bottom: 5px;
}

.gls-recrute-camionneur h3{
  font-size: 26px;
  line-heigth: 28px;
  margin-bottom: 5px;
}

.bien-au-travail h1 span.yellow-underline{
  border-bottom: 5px var(--secondary-color) solid;
}

.vie-de-reve-camionneur h1 div span, .bien-au-travail h1 div span{
  border-bottom: 4px var(--secondary-color) solid;
}

.bien-au-travail p span.yellow-underline{
  border-bottom: 2px var(--secondary-color) solid;
}

.vie-de-reve-camionneur p{
  width: 80%;
  color: white;
  text-align: left;
}

.bien-au-travail p{
  color: white;
  text-align: left;
}

.bien-au-travail .temoignage1{
  float: right;
}

.gls-recrute-camionneur h2, .gls-recrute-camionneur a p{
  text-align: left;
}

.gls-recrute-camionneur a{
  display: inline-block;
}

.gls-recrute-camionneur h2{
  font-family: "NewsonGLSDTP-Light";
  width: 100%;
  margin-bottom: 20px;
}

.gls-recrute-camionneur h3{
  font-family: "NewsonGLSDTP-Light";
  margin-bottom: 20px;
}

.gls-recrute .gls-recrute-camionneur{
  width: 77%;
  margin-left: auto;
  margin-right: auto;
}

.gls-recrute .gls-recrute-camionneur h2{
  width: 100%;
}

.btn-landing-recrute{
  padding: 5px 15px;
}

.btn-landing-recrute:hover, .btn-landing-recrute:hover .yellow{
  transition: 0.5s;
}

.btn-landing-recrute:hover{
  background-color: var(--secondary-color);
}

.btn-landing-recrute:hover .yellow{
  filter: none;
}

.gls-recrute-camionneur a p{
  font-family: "NewsonGLSDTP-Semibold";
  font-size: 20px;
  line-height: 24px;
  color: var(--primary-color);
  margin-left: 20px;
  margin-bottom: 0px;
}

.gls-recrute .img-manutentionnaire a p{
  font-family: "NewsonGLSDTP-Semibold";
  font-size: 26px;
  line-height: 30px;
  margin-left: 20px;
  margin-bottom: 0px;
}

.liste-offres-emploi .btn-landing-recrute a p{
  text-align: left;
  color: white;
  font-family: "NewsonGLSDTP-Semibold";
  font-size: 20px;
  line-height: 24px;
  margin-left: 2px;
  margin-bottom: 0px;
}

.gls-recrute-camionneur h2 br{
    display: none;
  }

.conduire-avec-gls.container-fluid, .gls-recrute.container-fluid{
  padding-top: 0px;
  box-shadow: 0px 30px 30px rgb(167, 167, 167, 0.28);
  background-color: #EDEDED;
}

.conduire-avec-gls .gls-driver, .gls-recrute .img-repartiteur, .gls-recrute .img-manutentionnaire,
.gls-recrute .img-employe-bulle{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.conduire-avec-gls .gls-driver{
  background-image: url('../images/gls-driver.jpg');
  min-height: 100vh;
}

.gls-recrute .img-repartiteur{
  /*
  background-image: url('../images/repartiteur-employe.jpg');
  margin-top: -30px;
  margin-left: -30px;
  margin-right: -30px;
  background-position: right top !important;
  */
  min-height: 350px;
  display: flex;
}

.gls-recrute .img-employe-bulle{
  background-image: url('../images/gls-recrutement-employe-bulle.jpg');
  background-position: center top !important;
  min-height: 350px;
  max-width: 860px;
}

.embed-responsive-1by1 {
  padding-bottom: 100%;
}

#video-gls-recrute, #video-gls-recrute-mobile{
  min-width: 100%;
  width: 100%;
  max-width: 1200px;
}

.gls-recrute .img-manutentionnaire{
  /*background-image: url('../images/icones-recrutement-carre.png');*/
  min-height: 350px;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gls-recrute .img-manutentionnaire a{
  display: inline-block;
}

.gls-recrute .img-manutentionnaire a p{
  color: white !important;
}

.gls-recrute .img-manutentionnaire-en{
  background-image: url('../images/icones-recrutement-carre-en.png') !important;
}

.gls-recrute .temoignage1, .gls-recrute .temoignage2{
  padding-top: 25px;
}

.gls-recrute .temoignage1 p:nth-child(3), .gls-recrute .temoignage2 p:nth-child(3){
  margin-bottom: 5px;
}

.job-posting {
	display: flex;
	align-items: center;
	border-bottom: 1px var(--primary-color-20) solid; 
	padding: 16px 0;
}

.liste-offres-emploi{
	background-color: var(--primary-color);
	padding: 30px 40px;
}

.liste-offres-emploi .btn-landing-recrute{
  display: flex;
}

.liste-offres-emploi .btn-landing-recrute a{
	display: inline-block;
}

.bien-au-travail .get-access-to ul li{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "NewsonGLSDTP-Semibold";
  font-size: 20px;
}

.bien-au-travail .get-access-to ul li img{
  margin: 0;
  margin-right: 10px;
}

.bien-au-travail .get-access-to ul li:before{
  display: none;
}

.liste-offres-emploi .btn-landing-recrute a p .dot-list,
.liste-offres-emploi .btn-landing-recrute .dot-list{
  margin-right: 10px;
  font-size: 24px;
  font-weight: 700;
  color: white;
}

.liste-offres-emploi .btn-landing-recrute ul li:before{
  content: "•";
  color: white;
  margin-left: -20px;
  font-size: 24px;
  font-weight: 900;
  padding-right: 10px;
  vertical-align: top;
}

.liste-offres-emploi .btn-landing-recrute ul li,
.liste-offres-emploi .btn-landing-recrute ul{
  margin-bottom: 0px;
}

/*validation*/
.invalid-feedback{
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  color: #dc3545;
}

.form-control.is-invalid{
  border-color: #dc3545;
}

.form-notification.invalid p{
  color: #dc3545;
}

.from-recrute .form-notification:not(.invalid){
  border: 2px solid green;
  border-radius: 10px;
  background-color: rgba(0, 128, 0, 0.12);
  padding: 10px;
  margin-bottom: 20px;
}

.from-recrute .form-notification:not(.invalid) p{
  margin: 0px;
  color: #000000;
}

.gls-recrute form>div:nth-child(2) .form-group:last-of-type{
  margin-bottom: 36px; 
}

select{
	font-size: 12px!important;
	color: var(--black-color) !important;
}

input{
	font-size: 12px!important;
	color: var(--black-color)!important;
}
.gls-recrute form>div:nth-child(2) button.btn{
  background-color: var(--primary-color);
  color: white;
  width:100%;
  text-transform: capitalize;
}

.gls-recrute form>div:nth-child(2) button.btn:hover,
.gls-recrute form>div:nth-child(2) button.btn:focus{
    color: var(--primary-color);
    border: 2px var(--secondary-color) solid;
    background: var(--secondary-color);
}

.gls-recrute .from-recrute{
  padding:30px 40px;
  background-color:white;
}

.from-recrute{
  padding:30px 40px !important;
  background-color:white;
}


@media screen and (min-width: 2200px){
  .conduire-avec-gls .gls-driver, .gls-recrute .img-repartiteur, .gls-recrute .img-manutentionnaire, .gls-recrute .img-employe-bulle{
    background-size: contain;
    background-position: right;
  }
  
  .gls-recrute .img-manutentionnaire{
    background-position: left;
  }
}

@media screen and (min-width: 1300px){
  .gls-recrute-camionneur h2 br{
    display: block;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1400px){
  .vie-de-reve-camionneur p, .gls-recrute-camionneur h2{
    width: 100%;
  }
}

@media screen and (max-width: 1099px){
  .vie-de-reve-camionneur p, .gls-recrute-camionneur h2{
    width: 100%;
  }
  
  .vie-de-reve-camionneur, .gls-recrute-camionneur, .bien-au-travail > div{
    padding: 30px !important;
  }
  
  .vie-de-reve-camionneur h1, .bien-au-travail h1{
	  color: var(--primary-color)!important;
    font-size: 54px;
    line-height: 60px;
  }
}

@media screen and (max-width: 992px){
	.conduire-avec-gls .gls-driver{
    	min-height: 500px;
 	}
  
  .gls-recrute .img-manutentionnaire{
    min-height: 100px;
  }
  
  .bien-au-travail h1.h1-responsive{
    font-size: 38px;
    line-height: 42px;
  }
}

@media screen and (min-width: 769px){
  .footer-blank-space{
    height: 45vh;
  }
}

@media screen and (max-width: 768px){
	
	.conduire-avec-gls .gls-driver{
		min-height: 360px;
	}
	
	job-posting .hidden-lg {
		display: inline!important;
	}
  
  .vie-de-reve-camionneur h1, .bien-au-travail h1{
	   color: var(--primary-color)!important;
    font-size: 42px;
    line-height: 54px;
  }
  
  .bien-au-travail h1.h1-responsive{
    font-size: 34px;
    line-height: 38px;
  }
  
  .vie-de-reve-camionneur h1 div, 
	.gls-recrute-camionneur h2,
  .bien-au-travail h1 div{
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 5px;
  }
	
  .gls-recrute-camionneur h2 {
    margin-bottom: 20px;
  }
  
  .gls-recrute .gls-recrute-camionneur{
    width: 100%;
  }
  
  .footer-blank-space{
    height: 30vh;
  }
}

@media screen and (max-width: 520px){
  #video-gls-recrute{
    display: none;
  }

  #video-gls-recrute-mobile{
    display: block;
  }
}

@media screen and (min-width: 521px){
  #video-gls-recrute-mobile{
    display: none;
  }

  #video-gls-recrute{
    display: block;
  }
}

@media screen and (max-width: 425px){
  .vie-de-reve-camionneur h1, .bien-au-travail h1{
	   color: var(--primary-color)!important;
    font-size: 40px;
    line-height: 50px;
  }
}


/* Carousel vidéos */
#videoCarousel.carousel {
  width: 100%;
}

.video-caroussel-pt {
  padding-top: 200px;
  background-color: var(--primary-color);
}

@media screen and (min-width: 768px){
  .video-caroussel-pt {
	padding-top: 120px;
	padding-left: 200px; 
	padding-right: 200px;
	padding-bottom: 50px;
  }
}

.video-caroussel-padding-general {
  background-color: var(--primary-color);
}

@media screen and (min-width: 768px){
  .video-caroussel-padding-general {
	padding-top: 50px;
	padding-left: 200px; 
	padding-right: 200px;
	padding-bottom: 50px;
  }
}

#videoCarousel.carousel .carousel-inner {
  max-width: 1400px;
  margin: auto;
}

#videoCarousel.carousel video {
	width: 100%;
	max-width: 1400px;
}

#videoCarousel.carousel .carousel-control {
  height: 30px;
  top: calc(50% - 30px);
  width: calc(7% + 30px);
}

#videoCarousel.carousel .carousel-control .icon-next,
#videoCarousel.carousel .carousel-control .icon-prev {
  font-size: 50px;
  line-height: 28px;
  color: var(--white-color);
  background-color: rgba(6, 26, 177, 0.7);
  border-radius: 3px;
  width: 30px;
  height: 30px;
}

#videoCarousel.carousel .carousel-control .icon-next::before {
    margin-left: 4px;
}

#videoCarousel.carousel .carousel-control .icon-prev::before {
    margin-left: -4px;
}

#videoCarousel.carousel .carousel-control .icon-next {
    margin-left: -20px;
}

@media screen and (min-width: 768px){
	#videoCarousel.carousel .carousel-control .icon-next,
	#videoCarousel.carousel .carousel-control .icon-prev {
	  font-size: 80px;
	  line-height: 45px;
	  height: 50px;
	  width: 50px;
	}
	
	#videoCarousel.carousel .carousel-control .icon-next {
    	margin-left: -30px;
	}
}
/* END Carousel vidéos */


/* GLS rerute: Position Anchor avec menu fixe */
#recrutement-offres-emploi, #postuler, #job-offer, #apply {
	top: -200px;
	display: block; 
	position: relative;
	isibility: hidden;
}

@media screen and (min-width: 768px){
  #recrutement-offres-emploi, #postuler, #job-offer, #apply {
	top: -100px;
	}
}
/* END GLS rerute: Position Anchor avec menu fixe */

@media screen and (max-width: 767px){
	.btn-applique {
		margin-left: -60px;
	}
	
	.btn-apply-now {
		margin-left: -20px;
	}
}


	.button {
	border: 0;
	border-radius: 100px; 
	padding: 10px 35px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.25s ease-out,color 0.25s ease-out;
  }

.btn-primary {
	background-color: var(--primary-color);
	color: var(--white-color);
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background-color: #00108C;
	color: var(--white-color);
} 



.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
	background-color: var(--secondary-color);
	color: var(--black-color);
}

	.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
		background-color: #D6AF00;
		color: var(--black-color);
	}
  
  @media(min-width:768px){
	  .button {
		  padding: 15px 45px;
		  min-width: 160px;
	  }
   }

	.recrute {
		background-color: var(--white-color);
      padding: 34px;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
}
		
	.offre {
    background-color: var(--white-color);
    padding: 34px;
    background-repeat: no-repeat;
    background-size: cover;
			text-align: end;}
		
				
		
@media(max-width:768px){
	 .recrute {
		 padding: 25px;
		 padding-top: 0px;
       text-align: center;
	}
		
	.offre {
		padding: 25px;
	   text-align: center;
	}
	   
 }
		
/* Carousel vidéos */
#videoCarousel.carousel {
  width: 100%;
}

.video-caroussel-pt {
  padding-top: 0px;
  background-color: var(--white-color);
}

@media screen and (min-width: 768px){
  .video-caroussel-pt {
	padding-top: 0px;
	padding-left: 200px; 
	padding-right: 200px;
	padding-bottom: 0px;
  }
}

.video-caroussel-padding-general {
  background-color: var(--primary-color);
}

@media screen and (min-width: 768px){
  .video-caroussel-padding-general {
	padding-top: 50px;
	padding-left: 200px; 
	padding-right: 200px;
	padding-bottom: 50px;
  }
}

#videoCarousel.carousel .carousel-inner {
  max-width: 1400px;
  margin: auto;
}

#videoCarousel.carousel video {
	width: 100%;
	max-width: 1400px;
}

#videoCarousel.carousel .carousel-control {
  height: 30px;
  top: calc(50% - 30px);
  width: calc(7% + 30px);
}

#videoCarousel.carousel .carousel-control .icon-next,
#videoCarousel.carousel .carousel-control .icon-prev {
  font-size: 30px;
  line-height: 20px;
  color: var(--white-color);
  background-color: rgba(6, 26, 177, 0.7);
  border-radius: 3px;
  width: 30px;
  height: 30px;
}

#videoCarousel.carousel .carousel-control .icon-next::before {
    margin-left: 6px;
}

#videoCarousel.carousel .carousel-control .icon-prev::before {
    margin-left: -6px;
}

#videoCarousel.carousel .carousel-control .icon-next {
    margin-left: -25px;
}

@media screen and (min-width: 768px){
	#videoCarousel.carousel .carousel-control .icon-next,
	#videoCarousel.carousel .carousel-control .icon-prev {
	  font-size: 50px;
	  line-height: 45px;
	  height: 50px;
	  width: 50px;
	}
	
	#videoCarousel.carousel .carousel-control .icon-next {
    	margin-left: -30px;
	}
}
/* END Carousel vidéos */	

/* PARCELS TO PEOPLE PAGE 2023-2024 */
body#parcels-to-people-page .navbar-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

body#parcels-to-people-page .navbar-header div{
	width: 50%;
	text-align: left;
}

body#parcels-to-people-page .navbar-header div:nth-child(1){
	text-align: left;
}

body#parcels-to-people-page .navbar-header div:nth-child(2){
	text-align: right;
}

body#parcels-to-people-page .navbar-header div .btn-signup{
	color: black;
  background-color: #efd73e;
  padding: 15px 45px;
  border-radius: 50px;
}

body#parcels-to-people-page .navbar-header div .btn-signup:hover{
	background-color: #D6AF00;
}

body#parcels-to-people-page #signup-today{
	position: absolute;
  top: -101px;
}

body#parcels-to-people-page .offer-details{
	margin-top: 5px;
}

body#parcels-to-people-page .offer-details > div:nth-child(1){
	background-color: var(--soft-sky-blue);
}

body#parcels-to-people-page .offer-details > div:nth-child(2){
	background-color: var(--soft-pink);
}

body#parcels-to-people-page .offer-details > div{
	padding: 0px 50px 50px 50px;
}

body#parcels-to-people-page .offer-details > div .h1{
	color: #000000;
	line-height: 46px;
}

body#parcels-to-people-page .offer-details > div .h1 strong{
	font-family: 'NewsonGLSDTP-Black', sans-serif;
}

body#parcels-to-people-page #ship-with-gls{
	background-color: var(--soft-sky-blue);
	margin-top: 10px;
	padding: 30px 0px 10px 0px;
	color: #000000;
}

body#parcels-to-people-page #ship-with-gls p{
	color: #000000;
	font-size: 18px;
	line-height: 1.2em;
	margin-left: 20px;
	margin-right: 20px;
}

body#parcels-to-people-page .from-recrute{
	padding: 50px 40px 40px !important;
	position: relative;
}

body#parcels-to-people-page .from-recrute button,
body#parcels-to-people-page .navbar-header div .btn-signup,
body#parcels-to-people-page strong{
	font-family: 'NewsonGLSDTP-bold', sans-serif;
}

body#parcels-to-people-page .from-recrute .form-notification:not(.invalid){
	border: 2px solid var(--soft-pink);
}

@media screen and (max-width: 768px){
	body#parcels-to-people-page .offer-details > div img{
		max-height: 200px;
	}

	body#parcels-to-people-page .navbar-header div .btn-signup{
		padding: 10px 20px;
	}
}

@media screen and (max-width: 400px){
	body#parcels-to-people-page .navbar-header div .btn-signup{
		padding: 10px 15px;
	}

	body#parcels-to-people-page .navbar-header div:nth-child(1) img{
		max-width: 100px;
	}
}

/* End parcels to people page 2023-2024 */