/* DOCUMENT INFORMATION
	- Document: Capgemini RA 2019
	- Version:  1.0
	- Client:   Capgemini
	- Author:   WordAppeal  
*/

/* SUMMARY

.WEB FONTS
.GLOBAL SETTINGS
.SIDEBAR
.MEGA MENU
.LOGO
.HOME
.REGISTRATION DOCUMENT
.ANNUAL REPORT
.INTEGRATED REPORT
.POP-IN CREDIT
.POP-IN VIDEO
.FOOTER
.HACK INTERNET EXPLORER
.HACK INTERNET EXPLORER - DEVICE < 1450px
.MEDIA QUERIES - DEVICE < 1600px
.MEDIA QUERIES - DEVICE < 1450px
.MEDIA QUERIES - DEVICE < 1280px
.MEDIA QUERIES - DEVICE < 1024px
.MEDIA QUERIES - DEVICE < 768px
.MEDIA QUERIES - DEVICE < 454px

*/

/* WEB FONTS
================================================================================= */
@import url('https://fonts.googleapis.com/css?family=Ubuntu:100,300,400,500,700');

@font-face {
	font-family: 'GatsbyRetro';
	src: url('Gatsby-Retro.eot');
	src: url('../fonts/Gatsby-Retro.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Gatsby-Retro.woff2') format('woff2'),
		url('../fonts/Gatsby-Retro.woff') format('woff'),
		url('../fonts/Gatsby-Retro.ttf') format('truetype'),
		url('../fonts/Gatsby-Retro.svg#Gatsby-Retro') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* GLOBAL SETTINGS
================================================================================= */
html {
	width: 100%;
	height: 100%;
}
html * {
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	color: #000000;
	background: #ffffff;
	width: 100%;
	height: 100%;
}
a, a:hover, a:focus, a:visited, a:active  {
	text-decoration: none;
	color: #ffffff;
}
p {
	margin: 0;
}
ul {
	margin: 0;
	padding: 0;
}
::-moz-selection {
	color: #2b0a3d;
	background: #ffffff;
}
::selection {
	color: #2b0a3d;
	background: #ffffff;
}
.display-block {
	display: block;
	text-align: center;
}

/* LAYOUT
================================================================================= */
.layout-border-bottom,
.layout-border-top {
	width: calc( (100vw / 16) * 14);
	height: calc(100vw / 16);
	background-color: #ffffff;
	position: fixed;
	top: 0;
	z-index: 10;
}

.layout-border-top {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
	.layout-border-top svg {
		width: 195px;
		min-height: 43px;
		display: block;
	}

.layout-border-bottom {
	bottom: 0;
	left: calc(100vw / 16);
	top: initial;
	display: flex;
	z-index: 1;
}

/* SIDEBAR
================================================================================= */
.rightSidebar {
	width: calc(100vw / 16);
	height: 100%;
	background: #ffffff;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1;
}

.menuSidebar {
	width: calc(100vw / 16);
	height: 100%;
	background: #ffffff;
	position: fixed;
	/* float: left; */
	top: 0;
	left: 0;
	z-index: 12;
}
	/* Burger menu
	* -------------------------- */
	.menuSidebar .menu {
		width: calc( (100vw / 16) * 1 );
		height: calc( (100vw / 16) * 1 );
		position: relative;
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;
	}
		.menuSidebar .menu svg {
			width: 14px;
			height: 14px;
			cursor: pointer;
		}
			.menuSidebar .menu svg.open path {
				fill: #304;
				transition: fill 0.3s ease-in-out;
			}
			.menuSidebar.menuOpen .menu svg.open path {
				fill: #ffffff;
			}
		/* Close */
		.menuSidebar .menu svg.close {
			display: none;
		}

	/* Languages
	* -------------------------- */
	.menuSidebar .languages {
		position: absolute;
		left: 50%;
		top: calc( (100vw / 16) * 1 );
		transform: translateX(-50%);
		text-transform: uppercase;
		display: flex;
		z-index: 2;
	}
		.menuSidebar .languages a {
			opacity: 0.4;
			margin-left: 5px;
			font-size: 12px;
			font-weight: 700;
			color: #2b0a3d;
			display: block;
			transition: color 0.3s ease-in-out;
		}
		.menuSidebar.menuOpen .languages a {
			color: #ffffff;
		}
		.menuSidebar .languages a:first-of-type {
			margin-left: 0;
		}
		.menuSidebar .languages a.active {
			opacity: 1;
		}

	/* Sidebar title
	* -------------------------- */
	.menuSidebar h2 {
		margin: 0;
		font-size: 16px;
		font-weight: 700;
		color: #2b0a3d;
		text-transform: uppercase;
		position: absolute;
		top: 50%;
		left: 40%;
		-webkit-transform: rotate(-90deg) translateX(-50%);
		transform: rotate(-90deg) translateX(-50%);
		-webkit-transform-origin: left top;
		transform-origin: left top;
		min-width: 195px;
	}
	.integratedReport .menuSidebar h2 {
		min-width: 170px;
	}
	.registrationDocument .menuSidebar h2 {
		min-width: 220px;
	}
	.menuSidebar .logo {
		display: none;
	}

	/* Download buttons
	* -------------------------- */
	.menuSidebar .download {
		position: absolute;
		bottom: 1.8vw;
		left: 50%;
		transform: translateX(-50%);
	}
		.menuSidebar .download .item {
			width: 50px;
			height: 50px;
			border-radius: 50%;
			margin: 10px 0 0 0;
			position: relative;
			z-index: 1;
		}
			.menuSidebar .download .item > a {
				display: block;
				width: 100%;
				height: 100%;
			}
		/* Download button */
		.menuSidebar .download .item.downloadPDF {
			background: #2b0a3d;
		}
			.menuSidebar .download .item.downloadPDF svg {
				width: 18px;
				height: auto;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
				.menuSidebar .download .item.downloadPDF svg polygon,
				.menuSidebar .download .item.downloadPDF svg polyline,
				.menuSidebar .download .item.downloadPDF svg path {
					fill: none;
					stroke: #ffffff;
				}
		.menuSidebar .download .downloadPDFOpen {
			width: 0;
			height: 50px;
			background: #2b0a3d;
			border-radius: 0 25px 25px 0;
			position: absolute;
			top: 0;
			left: 25px;
			display: flex;
			justify-content: center;
			align-items: center;
			transition: all 0.4s ease-in-out;
			z-index: -1;
		}
		.menuSidebar .download .downloadPDFOpen.hover {
			width: 120px;
		}
			.menuSidebar .download .downloadPDFOpen a {
				color: #ffffff;
				text-transform: uppercase;
				font-size: 12px;
				line-height: 16px;
				opacity: 0;
			}
		/* Share button */
		.menuSidebar .download .item.shareButton {
			background: #ffffff;
			border: 1px solid #2b0a3d;
			cursor: pointer;
		}
			.menuSidebar .download .item.shareButton svg {
				width: 18px;
				height: auto;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
				.menuSidebar .download .item.shareButton svg polygon,
				.menuSidebar .download .item.shareButton svg polyline,
				.menuSidebar .download .item.shareButton svg path {
					fill: none;
					stroke: #2b0a3d;
				}
		.menuSidebar .download .item.shareButtonLink {
			opacity: 0;
			transition: all 0.3s ease-in-out;
		}
			.menuSidebar .download .item.shareButtonLink svg {
				width: 40px;
			}
		/* Active */
		.menuSidebar .download .item.shareButton.active {
			background: #2b0a3d;
		}
		.menuSidebar .download .item.shareButton.active svg polygon,
		.menuSidebar .download .item.shareButton.active svg polyline,
		.menuSidebar .download .item.shareButton.active svg path {
			fill: none;
			stroke: #ffffff;
		}


/* MEGA MENU
================================================================================= */

/* Mega menu - Mobile
* -------------------------- */
.megaMenuMobile {
	display: none;
}

/* Mega menu - RA & RI
* -------------------------- */
.megaMenu {
	height: 100vh;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	background: rgba(50, 0, 66, 0.5);
	display: none;
}
	.megaMenu .mega-submenu {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		width: calc( (100vw / 16) * 8 );
		height: 100vh;
		background: #330044;
		z-index: 11;
		transform-origin: top center;
	}
	.megaMenu .mainLinks {
		width: calc( (100vw / 16) * 6 );
		padding-right: calc( (100vw / 16) * 1 );
		position: absolute;
		top: 50%;
		left: calc( (100vw / 16) * 2 );
		transform: translateY(-50%);
	}

		/* Main links */
		.megaMenu .mainLinks > ul {
			margin: 0;
			padding: 0 0 100px 0;
			border-bottom: 1px solid rgba(255, 255, 255, 0.25);
			margin-bottom: 20px;
		}
			.megaMenu .mainLinks ul li {
				list-style-type: none;
				opacity: 0;
				transform: translateY(30px);
			}
			.megaMenu .mainLinks > ul > li {
				padding-bottom: 35px;
			}
			.megaMenu .mainLinks > ul > li:last-of-type {
				padding: 0;
			}
				.megaMenu .mainLinks > ul > li > a {
					font-size: 21px;
					line-height: 25px;
					font-weight: 700;
					list-style: none;
					color: #ffffff;
					text-transform: uppercase;
				}
				.subMenu-mobile {
					display: none;
					background-color: #fff;
				}

		/* Altran */
		.megaMenu .mainLinks .altran {
			min-height: 240px;
		}
			.megaMenu .mainLinks .altran .title {
				font-size: 21px;
				line-height: 25px;
				font-weight: 700;
				list-style: none;
				color: #ffffff;
				margin-bottom: 25px;
			}
			.megaMenu .mainLinks .altran .downloadPDF {
				background: #330044;
				width: 100%;
				height: 100%;
			}
				.megaMenu .mainLinks .altran .downloadPDF .picto {
					width: 50px;
					height: 50px;
					border-radius: 50%;
					position: relative;
					z-index: 1;
					display: flex;
					justify-content: center;
					background: #ffffff;
				}
					.megaMenu .mainLinks .altran .downloadPDF a {
						width: 100%;
						height: 100%;
						display: block;
						position: relative;
						display: flex;
						justify-content: flex-start;
						align-items: center;
					}
					.megaMenu .mainLinks .altran .downloadPDF svg {
						width: 16px;
						display: block;
					}
						.megaMenu .mainLinks .altran .downloadPDF svg polygon,
						.megaMenu .mainLinks .altran .downloadPDF svg polyline,
						.megaMenu .mainLinks .altran .downloadPDF svg path {
							fill: none;
							stroke: #304;
						}
				.megaMenu .mainLinks .altran .downloadPDF span {
					margin-left: 15px;
					font-size: 14px;
					line-height: 20px;
					color: #ffffff;
					font-weight: 700;
				}
				.megaMenu .mainLinks .altran .altranImg {
					position: absolute;
					bottom: 0;
					right: -30px;
					z-index: 1;
				}

		/* Social links */
		.megaMenu .socialLinks {
			position: absolute;
			bottom: 20px;
			left: calc( (100vw / 16) * 2 );
			width: calc( (100vw / 16) * 5 );
			padding-top: 20px;
			border-top: 1px solid rgba(255, 255, 255, 0.25);
		}
			.megaMenu .socialLinks ul {
				margin: 0;
				padding: 0;
			}
				.megaMenu .socialLinks ul li {
					float: left;
					list-style: none;
					margin-right: 15px;
					width: 50px;
					height: 50px;
					position: relative;
					border-radius: 50%;
					opacity: 0;
					transform: translateX(30px);
					border: 1px solid #ffffff;
				}
					.megaMenu .socialLinks ul li a svg {
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						width: 50px;
					}
						.megaMenu .socialLinks ul li a svg path {
							fill: none;
							stroke: #ffffff;
							transition: stroke 0.3s ease-in-out;
						}

					/* First */
					.megaMenu .socialLinks ul li:first-of-type {
						background: #ffffff;
					}
					.megaMenu .socialLinks ul li:first-of-type svg {
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						width: 20px;
					}
						.megaMenu .socialLinks ul li:first-of-type svg path {
							stroke: #304;
						}


/* LOGO
================================================================================= */
.mainContent .logo {
	position: absolute;
	top: 40px;
	right: calc(100vw / 16 * 1);
	z-index: 10;
	text-align: center;
}
	.mainContent .logo svg path {
		fill: #ffffff;
	}


/* REGISTRATION DOCUMENT
================================================================================= */
/* Grid
* -------------------------- */
.registrationDocument .grid .grid-row:before {
	background: rgba(255, 255, 255, 0.2);
}

.downloadBusiness {
	display: flex;
	align-items: flex-end;
	position: absolute;
	top: 0;
	right: 72px;
	width: calc(100vw / 16 * 2.75);
}
	.downloadBusiness .column-1 {
		padding-right: 10px;
	}
	.downloadBusiness .column-1 svg {
		margin-right: 10px;
	}
		.downloadBusiness .column .item {
			width: 50px;
			height: 50px;
			border-radius: 50%;
			margin: 0 0 20px 0;
			position: relative;
			z-index: 1;
			background: #ffffff;
		}
			.downloadBusiness .column-2 .item svg {
				width: 18px;
				height: auto;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
				.downloadBusiness .column .item svg polygon,
				.downloadBusiness .column .item svg polyline,
				.downloadBusiness .column .item svg path {
					fill: none;
					stroke: #2b0a3d;
				}
			.downloadBusiness .column-2 p {
				font-size: 12px;
				line-height: 16px;
				text-transform: uppercase;
			}


/* HOME
================================================================================= */
/* Columns
* -------------------------- */
.mainContent.mainContentHome {
	width: calc( (100vw / 16) * 14 );
}
	.mainContentHomeInner {
		background: url('../images/2019/home/background.jpg');
		background-size: cover;
		background-repeat: no-repeat;
		width: 100%;
		position: absolute;
		top: 6.25vw;
		bottom: 0;
	}
		.mainContentHome .column {
			width: calc(100% / 3);
			height: 100%;
			text-align: center;
			position: relative;
			z-index: 2;
			overflow: hidden;
			float: left;
		}
			.mainContentHome .column .columnInner {
				width: 100%;
				height: 100%;
				height: calc(100% - 6.25vw);
				z-index: 1;
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				background: rgba(43, 10, 61, 0.75);
				padding: 40px;
				transition: background 0.3s ease-in-out;
				display: none;
				opacity: 0;
			}
				.mainContentHome .column .columnInner h2 {
					width: 100%;
					margin: 0;
					font-size: 21px;
					line-height: 25px;
					color: #ffffff;
					text-transform: uppercase;
					text-align: center;
				}
				.mainContentHome .column .columnInner p {
					margin: 0;
					font-size: 14px;
					line-height: 20px;
					color: #ffffff;
					padding: 15px 0 20px;
				}
				.mainContentHome .column .columnInner p strong {
					font-weight: 700;
				}
				.mainContentHome .column .columnInner .downloadPDF {
					width: 50px;
					height: 50px;
					border-radius: 50%;
					position: relative;
					background: #ffffff;
					margin: 0 auto 40px;
				}
					.mainContentHome .column .columnInner .downloadPDF > a {
						width: 100%;
						height: 100%;
						display: block;
					}
					.mainContentHome .column .columnInner .downloadPDF svg {
						display: block;
						height: auto;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						width: 14px;
						height: 8px;
					}
						.mainContentHome .column .columnInner .downloadPDF svg polygon,
						.mainContentHome .column .columnInner .downloadPDF svg polyline,
						.mainContentHome .column .columnInner .downloadPDF svg path {
							fill: #2b0a3d;
							stroke: none;
						}
				.mainContentHome .column .columnInner .downloadPDFPicto {
					position: relative;
					margin: 0 auto;
					padding: 0 40px;
					opacity: 0;
				}
					.mainContentHome .column .columnInner .downloadPDFPicto .inner {
						display: flex;
						align-items: center;
						font-size: 14px;
						line-height: 20px;
						font-weight: 100;
					}
						.mainContentHome .column .columnInner .downloadPDFPicto .inner .columnPicto:first-of-type {
							padding-right: 10px;
						}
						.mainContentHome .column .columnInner .downloadPDFPicto > a {
							width: 100%;
							height: 100%;
							display: block;
						}
						.mainContentHome .column .columnInner .downloadPDFPicto svg {
							width: 24px;
							height: 29px;
							display: block;
						}
							.mainContentHome .column .columnInner .downloadPDFPicto svg polygon,
							.mainContentHome .column .columnInner .downloadPDFPicto svg polyline,
							.mainContentHome .column .columnInner .downloadPDFPicto svg path {
								fill: none;
								stroke: #ffffff;
							}

			.mainContentHome .column .pushBottom {
				width: 100%;
				height: 6.25vw;
				position: absolute;
				bottom: 0;
				text-align: center;
				display: flex;
				flex-direction: column;
				justify-content: center;
				background: #ffffff;
				z-index: 1;
			}
				.mainContentHome .column .pushBottom h2 {
					color: #330044;
					font-size: 21px;
					line-height: 25px;
					font-weight: 700;
					text-transform: uppercase;
					margin: 0;
				}
					.mainContentHome .column .pushBottom h2 > a {
						color: #330044;
					}

				.mainContentHome .column .pushBottom .download {
					background: #330044;
					width: 100%;
					height: 100%;
					display: none;
					position: absolute;
					top: 0;
					left: 0;
					opacity: 0;
					transform: matrix(1, 0, 0, 1, 0, 50);
				}
					.mainContentHome .column .pushBottom .download .picto {
						width: 50px;
						height: 50px;
						border-radius: 50%;
						position: relative;
						z-index: 1;
						border: 1px solid #ffffff;
						display: flex;
						justify-content: center;
					}
						.mainContentHome .column .pushBottom .download a {
							width: 100%;
							height: 100%;
							display: block;
							position: relative;
							display: flex;
							justify-content: flex-start;
							align-items: center;
							padding: 20px;
						}
						.mainContentHome .column .pushBottom .download svg {
							width: 16px;
							display: block;
						}
							.mainContentHome .column .pushBottom .download svg polygon,
							.mainContentHome .column .pushBottom .download svg polyline,
							.mainContentHome .column .pushBottom .download svg path {
								fill: none;
								stroke: #ffffff;
							}
					.mainContentHome .column .pushBottom .download span {
						margin-left: 15px;
						font-size: 16px;
						line-height: 22px;
						color: #ffffff;
						font-weight: 700;
					}

/* ANNUAL REPORT
================================================================================= */
.mainContent {
	height: 100vh;
	width: calc((100vw / 16) * 15);
	margin-left: calc(100vw / 16);
	background: #ffffff;
	position: relative;
	/* overflow: auto; */
}

	/* Grid
	* -------------------------- */
	.grid {
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%;
		z-index: 1;
		pointer-events: none;
	}
	.grid .grid-row {
		float: left;
		display: block;
		width: calc((100vw / 16) * 3.5);
		height: 0;
		position: relative;
		transition: all 1s ease-in-out;
	}
		.grid .grid-row:before {
			content: '';
			background: rgba(51, 0, 68, 0.1);
			width: 1px;
			display: block;
			position: absolute;
			right: 0;
			height: 100%;
		}
		.grid .grid-row:first-of-type:after {
			content: '';
			background: rgba(51, 0, 68, 0.1);
			width: 1px;
			display: block;
			position: absolute;
			left: 0;
			height: 100%;
		}

	/* First screen
	* -------------------------- */
	.firstScreen {
		width: 100%;
		height: 100vh;
		position: relative;
		overflow: hidden;
		background: url('../images/ra/illus-1.jpg');
		background-size: cover;
		background-repeat: no-repeat;
	}
		.firstScreen .overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(43, 10, 61, 0.3);
			z-index: 1;
		}
		.firstScreen .imgBackground {
			width: 100%;
			display: none;
		}
		.firstScreen .inner {
			position: absolute;
			left: calc(100vw / 16 * 1);
			right: calc(100vw / 16 * 1);
			bottom: 80px;
			color: #ffffff;
			z-index: 2;
		}
			.firstScreen h1 {
				font-size: 43px;
				line-height: 40px;
				margin: 0 0 20px 0;
				text-transform: uppercase;
			}
			.firstScreen .bottom {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
				.firstScreen .bottom .intro {
					width: 60%;
					font-size: 21px;
					line-height: 25px;
					font-weight: 300;
				}
				.firstScreen .bottom  .artistsLink {
					text-align: right;
					display: flex;
					align-items: center;
				}
					.firstScreen .bottom .artistsLink .cta {
						width: 22px;
						height: 22px;
						background: #ffffff;
						border-radius: 50%;
						position: relative;
						transition: transform 0.6s ease-in-out;
						margin-left: 15px;
						margin-right: -10px;
					}
					.firstScreen .bottom .artistsLink .cta:before {
						content: '';
						width: 2px;
						height: 10px;
						background: #2b0a3d;
						position: absolute;
						top: 6px;
						left: 10px;
					}
					.firstScreen .bottom .artistsLink .cta:after {
						content: '';
						width: 10px;
						height: 2px;
						background: #2b0a3d;
						position: absolute;
						top: 10px;
						left: 6px;
					}
					.firstScreen .bottom  .artistsLink a {
						font-size: 12px;
						line-height: 16px;
						font-weight: 300;
						display: flex;
						align-items: center;
						width: 100%;
					}
					.firstScreen .bottom  .artistsLink a strong {
						font-weight: 500;
					}
			.scrollBottom {
				width: 50px;
				height: 50px;
				border-radius: 50%;
				background: #ffffff;
				position: absolute;
				left: 50%;
				bottom: 20px;
				transform: translateX(-50%);
				cursor: pointer;
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 1;
			}
				.scrollBottom svg path,
				.scrollBottom svg polygon,
				.scrollBottom svg polyline {
					fill: #2b0a3d;
					stroke: none;
				}

/* Widget - Common
* -------------------------- */
.widget a.btn {
	font-size: 13px;
	line-height: 15px;
	background: #330044;
	padding: 5px 20px;
	border-radius: 25px;
	border: 1px solid #330044;
	margin-left: calc((100vw / 16) * 2.5);
	transition: all 0.3s ease-in-out;
}
.widget a.btn:hover {
	background: #ffffff;
	color: #330044;
}

/* Widget - Lettre de Paul Hermelin
* -------------------------- */
.widget.widgetLetter {
	width: calc((100vw / 16) * 12);
	margin: 80px calc((100vw / 16) * 2) 0 calc((100vw / 16) * 1);
}
	.widget.widgetLetter .inner {
		width: 100%;
		display: flex;
		align-items: center;
	}
		.widget.widgetLetter .inner .column1 {
			width: calc((100vw / 16) * 8);
			color: #330044;
		}
			.widget.widgetLetter .inner .column1 h3 {
				font-size: 11px;
				line-height: 30px;
				font-weight: 700;
				text-transform: uppercase;
				margin-left: calc((100vw / 16) * 2.5);
			}
			.widget.widgetLetter .inner .column1 h2 {
				font-size: 29px;
				line-height: 30px;
				font-weight: 700;
				text-transform: uppercase;
				margin-left: calc((100vw / 16) * 2.5);
			}
			.widget.widgetLetter .inner .column1 p {
				font-size: 21px;
				line-height: 25px;
				font-weight: 700;
				margin-right: calc((100vw / 16) * 1);
				margin-bottom: 30px;
			}
		.widget.widgetLetter .inner .column2 {
			width: calc((100vw / 16) * 4);
		}
			.widget.widgetLetter .inner .column2 img {
				width: 100%;
				display: block;
				position: relative;
				z-index: 1;
			}


/* Widget - A message from Paul Hermelin
* -------------------------- */
.widget.widgetMessage {
	width: calc((100vw / 16) * 12);
	margin: 40px calc((100vw / 16) * 2) 0 calc((100vw / 16) * 1);
}
	.widget.widgetMessage .blockTitle {
		margin-left: calc((100vw / 16) * 2.5);
		color: #2b0a3d;
	}
		.widget.widgetMessage .blockTitle h2 {
			font-size: 29px;
			line-height: 40px;
			margin: 0 0 40px 0;
			text-transform: uppercase;
		}
		.widget.widgetMessage .blockTitle h3 {
			font-size: 11px;
			line-height: 15px;
			text-transform: uppercase;
			margin: 0 0 30px 0;
		}
		.widget.widgetMessage .inner {
			display: flex;
			min-height: calc((100vw / 16) * 6);
		}
			.widget.widgetMessage .inner > div:first-of-type {
				width: calc((100vw / 16) * 8);
				position: relative;
			}
			.widget.widgetMessage .inner > div:last-of-type {
				width: calc((100vw / 16) * 4);
				position: relative;
			}
				.widget.widgetMessage .inner {
					position: relative;
					z-index: 5;
					overflow: hidden;
				}
					.widget.widgetMessage .inner .line {
						width: 100%;
						/* display: flex; */
						display: none
					}
						.widget.widgetMessage .inner .line > div {
							width: 50%;
						}
							.widget.widgetMessage .inner .play {
								width: calc((100vw / 16) * 1.5);
								height: calc((100vw / 16) * 1.5);
								position: absolute;
								top: 50%;
								left: 50%;
								transform: translate(-50%, -50%);
								display: flex;
								align-items: center;
								justify-content: center;
								border: 1px solid #330044;
								border-radius: 50%;
								cursor: pointer;
							}
							.widget.widgetMessage .inner .player {
								position: relative;
								background: #eef5ff;
								position: relative;
							}
								.widget.widgetMessage .inner .player img.play {
									width: 60%;
									position: absolute;
									top: 50%;
									left: 50%;
									transform: translate(-50%, -50%);
									cursor: pointer;
								}
							.widget.widgetMessage .inner .img img {
								width: 100%;
								display: block;
							}
							.widget.widgetMessage .inner .img .background {
								background: #330044;
							}
			.widget.widgetMessage .inner .content {
				position: relative;
				padding: 40px;
				background: #330044;
			}
				/* Share content */
				.widget.widgetMessage .inner .content .shareContent {
					/* display: flex; */
					display: none;
					flex-direction: row-reverse;
				}
					.widget.widgetMessage .inner .content .shareContent li {
						list-style: none;
						width: 50px;
						height: 50px;
						position: relative;
						border: 1px solid #2b0a3d;
						border-radius: 50%;
						margin-left: 10px;
						transition: background 0.3s ease-in-out;
					}
					.widget.widgetMessage .inner .content .shareContent li.share {
						cursor: pointer;
					}
						.widget.widgetMessage .inner .content .shareContent li.share svg {
							width: 18px;
							height: auto;
						}
					.widget.widgetMessage .inner .content .shareContent li.shareNetwork {
						opacity: 0;
					}
						.widget.widgetMessage .inner .content .shareContent li svg {
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%, -50%);
							width: 40px;
						}
							.widget.widgetMessage .inner .content .shareContent li svg polygon,
							.widget.widgetMessage .inner .content .shareContent li svg polyline,
							.widget.widgetMessage .inner .content .shareContent li svg path {
								fill: none;
								stroke: #2b0a3d;
								transition: stroke 0.3s ease-in-out;
							}
					/* Active */
					.widget.widgetMessage .inner .content .shareContent li.active {
						background: #2b0a3d;
					}
						.widget.widgetMessage .inner .content .shareContent li.active svg polygon,
						.widget.widgetMessage .inner .content .shareContent li.active svg polyline,
						.widget.widgetMessage .inner .content .shareContent li.active svg path {
							stroke: #ffffff;
						}
				/* Content */
				.widget.widgetMessage .inner .content .text {
					position: absolute;
					top: 50%;
					left: 40px;
					right: 40px;
					transform: translateY(-50%);
				}
					.widget.widgetMessage .inner .content h3 {
						font-size: 11px;
						line-height: 15px;
						color: #00b0e3;
						margin: 0;
						text-transform: uppercase;
						font-weight: 500;
						text-align: right;
						margin-top: 10px;
						position: relative;
						padding-bottom: 10px;
					}
					.widget.widgetMessage .inner .content h3::after {
						content: '';
						width: 12px;
						height: 1px;
						background: #00b0e3;
						position: absolute;
						bottom: 0;
						right: 0;
					}
					.widget.widgetMessage .inner .content .text p {
						font-size: 29px;
						line-height: 35px;
						font-weight: 700;
						color: #ffffff;
						margin-bottom: 20px;
					}
				.widget.widgetMessage .inner .content .btn {
					margin: 0;
					background: #ffffff;
					color: #304;
					border: none;
				}
				.widget.widgetMessage .inner .content .names {
					position: absolute;
					bottom: 40px;
					right: 40px;
				}
				/* CTA */
				.widget.widgetMessage .inner .content .cta {
					color: #ffffff;
					background: #2b0a3d;
					font-size: 11px;
					line-height: 15px;
					font-weight: 300;
					padding: 5px 20px;
					border-radius: 25px;
					position: absolute;
					border: 1px solid #304;
					left: 40px;
					bottom: 40px;
					transition: all .3s ease-in-out;
					cursor: pointer;
					display: none;
				}
				.widget.widgetMessage .inner .content .cta:hover {
					background: #fff;
					color: #304;
				}

/* Widget - Altran
* -------------------------- */
.widget.widgetAltran {
	width: calc((100vw / 16) * 12);
	margin: 80px calc((100vw / 16) * 2) 0 calc((100vw / 16) * 1);
	display: none;
}
	.widget.widgetAltran .video {
		width: 100%;
		overflow: hidden;
		position: relative;
	}
		.widget.widgetAltran .video img.background {
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}
		.widget.widgetAltran .video iframe {
			width: 100%;
			height: 810px;
		}
		.widget.widgetAltran .video .content {
			position: absolute;
			top: 50%;
			z-index: 2;
			left: calc((100vw / 16) * 1);
			display: flex;
			align-items: center;
			cursor: pointer;
		}
			.widget.widgetAltran .video .content svg {

			}
			.widget.widgetAltran .video .content h2 {
				font-size: 29px;
				line-height: 30px;
				font-weight: 700;
				color: #ffffff;
				text-transform: uppercase;
				margin: 0 0 0 50px;
			}
	.widget.widgetAltran .download {
		position: relative;
	}
		.widget.widgetAltran .download .downloadPDF {
			width: auto;
			height: 100%;
			margin-left: calc((100vw / 16) * 6);
			margin-top: 15px;
		}
			.widget.widgetAltran .download .downloadPDF .picto {
				width: 50px;
				height: 50px;
				border-radius: 50%;
				position: relative;
				z-index: 1;
				display: flex;
				justify-content: center;
				background: #ffffff;
				border: 1px solid #330044;
			}
				.widget.widgetAltran .download .downloadPDF a {
					width: 100%;
					height: 100%;
					display: block;
					position: relative;
					display: flex;
					justify-content: flex-start;
					align-items: center;
				}
				.widget.widgetAltran .download .downloadPDF svg {
					width: 16px;
					display: block;
				}
					.widget.widgetAltran .download .downloadPDF svg polygon,
					.widget.widgetAltran .download .downloadPDF svg polyline,
					.widget.widgetAltran .download .downloadPDF svg path {
						fill: none;
						stroke: #304;
					}
			.widget.widgetAltran .download .downloadPDF span {
				margin-left: 15px;
				font-size: 14px;
				line-height: 20px;
				color: #330044;
				font-weight: 700;
			}
		.widget.widgetAltran .download img.pdf {
			width: calc((100vw / 16) * 2);
			position: absolute;
			right: calc((100vw / 16) * 1.5);
			top: -200px;
			z-index: 1;
			transform: rotate(10deg);
		}

/* Widget - Hilights
* -------------------------- */
.widget.widgetHighlights {
	width: 100%;
	margin-top: 80px;
	position: relative;
}
	.widget.widgetHighlights h2 {
		font-size: 29px;
		line-height: 30px;
		font-weight: 700;
		text-transform: uppercase;
		color: #330044;
		margin: 0 0 40px calc((100vw / 16) * 3.5);
	}

	.widget.widgetHighlights .navigation {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: calc((100vw / 16) * 1);
		position: absolute;
		top: 45px;
		right: calc((100vw / 16) * 1);
		z-index: 2;
	}
		.widget.widgetHighlights .navigation .arrow {
			cursor: pointer;
		}
		.widget.widgetHighlights .navigation span {
			width: 20px;
			height: 2px;
			background: #2b0a3d;
		}

	.widget.widgetHighlights .inner {
		position: relative;
	}
		/* Carrousel Images */
		.highlightsImages {
			width: 100%;
			position: relative;
			z-index: 1;
			opacity: 0;
		}
		.highlightsImages.slick-initialized {
			opacity: 1;
		}
			.highlightsImages .slick-list {
				padding-right: calc((100vw / 16) * 2);
			}
			.highlightsImages .slick-item {

			}
				.highlightsImages .slick-item img {
					width: 100%;
					display: block;
				}
			.highlightsImages .slick-dots {
				bottom: initial;
				top: -60px;
				width: calc((100vw / 16) * 5.5);
				right: 0;
				text-align: left;
			}
				.highlightsImages .slick-dots li {
					margin: 0 10px 0 0;
					padding: 0;
				}
					.highlightsImages .slick-dots li button:before {
						font-size: 12px;
						color: #2b0a3d;
						opacity: 0.2;
					}
					.highlightsImages .slick-dots li.slick-active button:before {
						opacity: 1;
					}

		/* Carrousel Content */
		.highlightsContent {
			width: calc((100vw / 16) * 4);
			position: absolute;
			top: 50%;
			right: calc((100vw / 16) * 1);
			transform: translateY(-50%);
			background: #ffffff;
			z-index: 1;
			padding: 40px 20px;
			opacity: 0;
		}
		.highlightsContent.slick-initialized {
			opacity: 1;
		}
			.highlightsContent .slick-item {

			}
				.highlightsContent .slick-item h3 {
					font-size: 24px;
					line-height: 24px;
					color: #330044;
					font-weight: 700;
					margin-bottom: 15px;
					text-transform: uppercase;
					margin: 0 0 20px 0;
				}
				.highlightsContent .slick-item p {
					font-size: 16px;
					line-height: 22px;
					color: #330044;
				}
				.highlightsContent .slick-item:not(:first-child) > p::first-letter {
					font-size: 72px;
					line-height: 72px;
					font-weight: normal;
					font-family: 'GatsbyRetro';
				}
					.highlightsContent .slick-item p sup {
						line-height: 1px;
					}
					.highlightsContent .slick-item p strong {
						font-weight: 700;
					}
					.highlightsContent .slick-item a.btn {
						margin: 20px 0 0 0;
						display: inline-block;
						cursor: pointer;
					}
					.highlightsContent .slick-item img.altranImg {
						position: absolute;
						bottom: 0;
						right: 0;
					}

		/* Carrousel Content */
		.highlightsContentAltran {
			width: calc((100vw / 16) * 4);
			position: absolute;
			bottom: 17%;
			right: calc((100vw / 16) * 1);
			z-index: 1;
		}
			.highlightsContentAltran .slick-item {
				display: flex;
				align-items: center;
			}
			.highlightsContentAltran img {
				width: 50%;
				margin-right: 10%;
			}

			.highlightsContentAltran .downloadPDF {
				width: 100%;
				height: 100%;
			}
				.highlightsContentAltran .downloadPDF .picto {
					width: 50px;
					height: 50px;
					border-radius: 50%;
					position: relative;
					z-index: 1;
					display: flex;
					justify-content: center;
					background: #ffffff;
				}
					.highlightsContentAltran .downloadPDF a {
						width: 100%;
						height: 100%;
						display: block;
						position: relative;
						display: flex;
						justify-content: flex-start;
						align-items: center;
					}
					.highlightsContentAltran .downloadPDF svg {
						width: 16px;
						display: block;
					}
						.highlightsContentAltran .downloadPDF svg polygon,
						.highlightsContentAltran .downloadPDF svg polyline,
						.highlightsContentAltran .downloadPDF svg path {
							fill: none;
							stroke: #304;
						}
				.highlightsContentAltran .downloadPDF span {
					margin-left: 15px;
					font-size: 16px;
					line-height: 22px;
					color: #ffffff;
					font-weight: 700;
				}

/* Widget - Interview
* -------------------------- */
.interviewCarrousel {
	opacity: 0;
	position: relative;
	z-index: 1;
	margin-bottom: 0;
	margin-top: 80px;
}
.interviewCarrousel.slick-initialized {
	opacity: 1;
}
	.interviewCarrousel .slick-item {
		background: #eef5ff;
		display: flex;
		justify-content: space-between;
		outline: none;
	}
		.interviewCarrousel .slick-item .content {
			width: calc((100vw / 16) * 7);
			display: flex;
			padding: 50px 0;
		}
			.interviewCarrousel .slick-item .content .column-1 {
				font-family: 'GatsbyRetro';
				width: calc((100vw / 16) * 3.5);
				font-size: 195px;
				letter-spacing: -40px;
				align-self: center;
				text-align: right;
				color: #00aadd;
				padding-right: calc((100vw / 16) * 1);
			}
			.interviewCarrousel .slick-item .content .column-2 {
				width: calc((100vw / 16) * 3.5);
				display: flex;
				flex-direction: column;
				justify-content: center;
				padding-right: calc((100vw / 16) * 0.5);
			}
				.interviewCarrousel .slick-item .content .column-2 h2 {
					font-size: 29px;
					line-height: 30px;
					font-weight: 400;
					color: #2b0a3d;
				}
				.interviewCarrousel .slick-item .content .column-2 h2 span {
					font-weight: 700;
					display: block;
				}
				.interviewCarrousel .slick-item .content .column-2 h2 a {
					color: #330044;
					display: block;
				}
				.interviewCarrousel .slick-item .content .column-2 h2 a.btn {
					margin-left: 0;
					color: #ffffff;
					margin: 20px 0 0 0;
					display: inline-block;
				}
				.interviewCarrousel .slick-item .content .column-2 h2 a.btn:hover {
					color: #330044;
				}
				.interviewCarrousel .slick-item .content .column-2 h3 {
					font-size: 11px;
					line-height: 15px;
					font-weight: 700;
					text-transform: uppercase;
					color: #330044;
					margin: 0;

					position: absolute;
					top: 35px;
				}
				.interviewCarrousel .slick-item .content .column-2 img {
					width: calc((100vw / 16) * 1.5);
					height: auto;
					border-radius: 50%;
				}
				.interviewCarrousel .slick-item .content .column-2 .picture {
					padding: 40px 0;
					text-align: right;
				}
					.interviewCarrousel .slick-item .content .column-2 .picture img {
						width: 100px;
						height: 100px;
						border-radius: 100%;
						display: inline-block;
					}
		.interviewCarrousel .slick-item .img {
			width: calc((100vw / 16) * 8);
			position: relative;
			overflow: hidden;
		}
			.interviewCarrousel .slick-item .img img {
				width: 100%;
				display: block;
			}
			.interviewCarrousel .slick-item .img video {
				display: block;
				width: 100%;
			}
			.interviewCarrousel .slick-item .img .play {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				cursor: pointer;
			}
				.interviewCarrousel .slick-item .img .play circle,
				.interviewCarrousel .slick-item .img .play path {
					transition: fill 0.3s ease-in-out;
				}
				.interviewCarrousel .slick-item .img .play circle {
					stroke: #ffffff;
				}
				.interviewCarrousel .slick-item .img .play path {
					fill: #ffffff;
				}
				.interviewCarrousel .slick-item:hover .img .play circle {
					fill: #ffffff;
				}
				.interviewCarrousel .slick-item:hover .img .play path {
					fill: #2b0a3d;
				}
			.interviewCarrousel .slick-item .img .cover {
				width: 100%;
				height: 100%;
				background: #2b0a3d;
				position: absolute;
				top: 0;
				left: 0;
			}

/* Dots */
.interviewCarrousel .slick-dots {
	bottom: initial;
	top: 50px;
	right: calc((100vw / 16) * 7);
	z-index: 1;
	width: auto;
}
	.interviewCarrousel .slick-dots li {
		margin: 0 5px;
		background: #2b0a3d;
		border-radius: 50%;
		width: 12px;
		height: 12px;
		opacity: 0.5;
	}
		.interviewCarrousel .slick-dots  li.slick-active {
			opacity: 1;
		}
			.interviewCarrousel .slick-dots li button:before {
				display: none;
			}

/* Nav */
.interviewCarrousel .navigation {
	position: absolute;
	top: 50px;
	right: calc((100vw / 16) * 7);
	z-index: 1;
	width: 60px;
	display: flex;
	justify-content: space-between;
}
	.interviewCarrousel .navigation > div {
		cursor: pointer;
	}

/* Carrousel Thumbs */
.interviewCarrouselThumb .slick-item {
	position: relative;
	cursor: pointer;
	outline: none;
}
	.interviewCarrouselThumb .slick-item img {
		width: 100%;
		display: block;
	}
	.interviewCarrouselThumb .slick-item .content {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		padding: 30px;
		color: #ffffff;
	}
		.interviewCarrouselThumb .slick-item .content h2 {
			font-size: 16px;
			line-height: 22px;
			font-weight: 300;
			margin: 0;
			position: absolute;
			left: 30px;
			right: 30px;
			bottom: 30px;
		}
			.interviewCarrouselThumb .slick-item .content h2 strong {
				font-weight: 700;
			}
		.interviewCarrouselThumb .slick-item .content p {
			font-size: 36px;
			line-height: 36px;
			font-family: 'GatsbyRetro';
			font-weight: normal;
		}
		.interviewCarrouselThumb .slick-item .content svg {
			position: absolute;
			top: 30px;
			right: 30px;
		}
	.interviewCarrouselThumb .slick-item .overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.interviewCarrouselThumb .slick-item:nth-of-type(1) .overlay {
		background: rgba(51, 0, 68, 0.75);
	}
	.interviewCarrouselThumb .slick-item:nth-of-type(2) .overlay {
		background: rgba(0, 187, 238, 0.75);
	}
	.interviewCarrouselThumb .slick-item:nth-of-type(3) .overlay {
		background: rgba(153, 204, 51, 0.75);
	}


/* Widget - Our Offers
* -------------------------- */
.widgetOffers {
	width: calc((100vw / 16) * 14);
	margin-left: calc((100vw / 16) * 1);
	margin-top: 80px;
	position: relative;
}
	.widgetOffers .inner {
		display: flex;
		justify-content: space-between;
	}
		.widgetOffers .inner .column {
			padding-top: 40px;
		}
		/* Column 1 */
		.widgetOffers .inner .column1 {
			width: calc((100vw / 16) * 6);
			position: relative;
			z-index: 1;
		}
			.widgetOffers .inner .column1 h3 {
				font-size: 11px;
				line-height: 15px;
				color: #330044;
				font-weight: 700;
				text-transform: uppercase;
				margin-left: calc((100vw / 16) * 2.5);
				margin-bottom: 100px;
			}
			.widgetOffers .inner .column1 h2 {
				font-size: 29px;
				line-height: 30px;
				color: #330044;
				font-weight: 700;
				text-transform: uppercase;
			}
			.widgetOffers .inner .column1 p {
				font-size: 21px;
				line-height: 25px;
				color: #330044;
				font-weight: 300;
				margin-bottom: 20px;
			}
			.widgetOffers .inner .column1 a.btn {
				margin: 0;
			}

		/* Column 2 */
		.widgetOffers .inner .column2 {
			width: calc((100vw / 16) * 6);
			margin-right: calc((100vw / 16) * 1);
			padding-top: 100px;
			position: relative;
			z-index: 1;
		}
			.widgetOffers .inner .column2 .circle {
				color: #ffffff;
				border-radius: 50%;
				border: 1px solid transparent;
				transition: 0.3s all ease-in-out;
			}
			.widgetOffers .inner .column2 .circle1 {
				position: relative;
				width: calc((100vw / 16) * 6);
				height: calc((100vw / 16) * 6);
				background: #330044;
			}
			.widgetOffers .inner .column2 .circle2 {
				width: calc((100vw / 16) * 4);
				height: calc((100vw / 16) * 4);
				background: #003366;
				position: absolute;
				left: 30px;
				bottom: 6%;
			}
			.widgetOffers .inner .column2 .circle3 {
				width: calc((100vw / 16) * 2);
				height: calc((100vw / 16) * 2);
				background: #00bbee;
				position: absolute;
				right: 60px;
				top: 3%;
			}
			.widgetOffers .inner .column2 .circle4 {
				width: calc((100vw / 16) * 1);
				height: calc((100vw / 16) * 1);
				background: #ffffff;
				position: absolute;
				left: 30px;
				top: 3%;
				color: #330044;
			}
			.widgetOffers .inner .column2 .circle.inactive {
				background: #330044;
				border: 1px solid #ffffff;
				color: #ffffff;
			}
				.widgetOffers .inner .column2 .circle .content {
					margin: 0 auto;
					text-align: center;
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					cursor: pointer;
				}
					.widgetOffers .inner .column2 .circle .content .hide {
						display: none;
					}
					.widgetOffers .inner .column2 .circle1 .content {
						width: 30%;
						position: absolute;
						left: 50%;
						transform: translateX(-50%);
						top: 50px;
					}
					.widgetOffers .inner .column2 .circle2 .content {
						width: 50%;
						position: absolute;
						left: 50%;
						transform: translateX(-50%);
						bottom: 50px;
						top: initial;
					}
					.widgetOffers .inner .column2 .circle3 .content {
						width: 50%;
						position: absolute;
						left: 50%;
						transform: translateX(-50%);
						bottom: 20px;
						top: initial;
					}
						.widgetOffers .inner .column2 .circle .content a {
							cursor: default;
						}
						.widgetOffers .inner .column2 .circle .content a p {
							font-size: 11px;
							line-height: 15px;
							font-weight: 700;
							text-transform: uppercase;
							margin-bottom: 10px;
							color: #ffffff;
						}
						.widgetOffers .inner .column2 .circle .content4 a p {
							color: #304;
						}
						.widgetOffers .inner .column2 .circle .content .cta {
							width: 22px;
							height: 22px;
							border-radius: 50%;
							position: relative;
							transition: transform 0.6s ease-in-out;
							border: 1px solid #ffffff;
							margin: 0 auto;
							display: none;
						}
						.widgetOffers .inner .column2 .circle .content .cta:before {
							content: '';
							width: 2px;
							height: 10px;
							background: #ffffff;
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%, -50%);
						}
						.widgetOffers .inner .column2 .circle .content .cta:after {
							content: '';
							width: 10px;
							height: 2px;
							background: #ffffff;
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%, -50%);
						}

						/* CTA Circle 4 */
						.widgetOffers .inner .column2 .circle4 .content a {
							color: #330044;
						}
						.widgetOffers .inner .column2 .circle4 .content .cta {
							border: 1px solid #330044;
						}
						.widgetOffers .inner .column2 .circle4 .content .cta:before {
							background: #330044;
						}
						.widgetOffers .inner .column2 .circle4 .content .cta:after {
							background: #330044;
						}

						/* Active */
						.widgetOffers .inner .column2 .circle1.active {
							border: 1px solid #330044;
						}
						.widgetOffers .inner .column2 .circle.active {
							background: #ffffff;
							color: #330044;
						}
						.widgetOffers .inner .column2 .circle.active .content a p {
							color: #ffffff;
						}
						.widgetOffers .inner .column2 .circle.active > .content a p {
							color: #304;
						}

		/* Column 3 */
		.widgetOffers .inner .column3 {
			width: calc((100vw / 16) * 6);
			right: calc((100vw / 16) * 1);
			height: 100%;
			position: absolute;
			z-index: 1;
			display: none;
		}
			.widgetOffers .inner .column3 h3.back {
				font-size: 11px;
				line-height: 15px;
				color: #330044;
				font-weight: 700;
				text-transform: uppercase;
				margin-bottom: 100px;
				cursor: pointer;
				display: flex;
				align-items: center;
			}
				.widgetOffers .inner .column3 h3.back span {
					margin-left: 10px;
				}
			.widgetOffers .inner .column3 h2 {
				font-size: 29px;
				line-height: 30px;
				color: #330044;
				font-weight: 700;
				text-transform: uppercase;
			}
			.widgetOffers .inner .column3 p {
				font-size: 21px;
				line-height: 25px;
				color: #330044;
				font-weight: 300;
				margin-bottom: 30px;
			}
			.widgetOffers .inner .column3 a.btn {
				margin: 0;
			}

		/* Background */
		.widgetOffers .inner .background {
			width: calc((100vw / 16) * 4.5);
			right: 0;
			height: 100%;
			position: absolute;
			background: #eef5ff;
		}


/* Widget - Our Talents
* -------------------------- */
.widgetTalents {
	width: calc((100vw / 16) * 14);
	margin-top: 80px;
	position: relative;
	z-index: 1;
}
	.widgetTalents h3 {
		font-size: 11px;
		line-height: 15px;
		color: #330044;
		font-weight: 700;
		text-transform: uppercase;
		margin-left: calc((100vw / 16) * 3.5);
		margin-bottom: 30px;
	}
	.widgetTalents h2 {
		font-size: 29px;
		line-height: 30px;
		color: #330044;
		font-weight: 700;
		text-transform: uppercase;
		margin-left: calc((100vw / 16) * 1);
	}
	.widgetTalents p {
		font-size: 21px;
		line-height: 25px;
		color: #330044;
		font-weight: 300;
		margin-left: calc((100vw / 16) * 3.5);
	}
	.widgetTalents .inner {
		position: relative;
		margin-top: 80px;
	}
		.widgetTalents .inner .column1 {
			width: calc((100vw / 16) * 10.5);
		}
			.widgetTalents .inner .column1 img {
				width: 100%;
				display: block;
			}
		.widgetTalents .inner .column2 {
			width: calc((100vw / 16) * 6);
			height: 100%;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: 0;
			display: flex;
			align-items: center;
		}
			.widgetTalents .inner .column2 .circle {
				width: calc((100vw / 16) * 6);
				height: calc((100vw / 16) * 6);
				padding: 0;
			}
			.widgetTalentsCarrouselContent .slick-list,
			.widgetTalentsCarrouselContent .slick-track {
				height: 100%;
			}
				.widgetTalents .inner .column2 .circle .content {
					width: calc((100vw / 16) * 6);
					height: calc((100vw / 16) * 6);
					padding: calc((100vw / 16) * 1);
					background: #330044;
					border-radius: 50%;
					position: relative;
					width: 100%;
					height: 100%;
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					text-align: center;
				}
				.widgetTalents .inner .column2 .circle .content::before {
					content: '';
					width: calc((100vw / 16) * 5.5);
					height: calc((100vw / 16) * 5.5);
					border: 1px solid #ffffff;
					border-radius: 50%;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
				}

				.widgetTalents .inner .column2 .circle h4 {
					font-size: 11px;
					line-height: 15px;
					font-weight: 700;
					color: #ffffff;
					text-transform: uppercase;
					margin: 0 0 30px 0;
				}
				.widgetTalents .inner .column2 .circle .number {
					font-family: 'GatsbyRetro';
					font-weight: normal;
					font-size: 37px;
					line-height: 40px;
					color: #330044;
					margin: 0 0 10px 0;
				}
				.widgetTalents .inner .column2 .circle h3 {
					margin: 0 0 10px 0;
					font-size: 29px;
					line-height: 30px;
					font-weight: 700;
					color: #99cc33;
					text-transform: uppercase;
				}
				.widgetTalents .inner .column2 .circle p.text {
					margin: 0;
					font-size: 16px;
					line-height: 22px;
					color: #ffffff;
					margin-bottom: 20px;
				}
				.widgetTalents .inner .column2 .circle a.btn {
					margin: 0;
					background: #99cc33;
					color: #330044;
					position: relative;
					z-index: 2;
				}

				/* Numbers */
				.widgetTalents .inner .column2 .circle .numbers .item {
					width: 30px;
					height: 30px;
					background: #ffffff;
					border-radius: 50%;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 11px;
					line-height: 15px;
					font-weight: 700;
					color: #330044;
					text-transform: uppercase;
				}
				.widgetTalents .inner .column2 .circle .numbers .item::before {
					content: '';
					width: 25px;
					height: 25px;
					border: 1px solid #330044;
					border-radius: 50%;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
				}
				.widgetTalents .inner .column2 .circle .numbers .item1 {
					position: absolute;
					bottom: 16%;
					left: 15%;
				}
				.widgetTalents .inner .column2 .circle .numbers .item2 {
					position: absolute;
					bottom: 8%;
					left: 25%;
				}
				.widgetTalents .inner .column2 .circle .numbers .item3 {
					position: absolute;
					bottom: 3%;
					left: 40%;
				}
				.widgetTalents .inner .column2 .circle .numbers .item4 {
					position: absolute;
					bottom: 3%;
					right: 40%;
				}
				.widgetTalents .inner .column2 .circle .numbers .item5 {
					position: absolute;
					bottom: 8%;
					right: 25%;
				}
				.widgetTalents .inner .column2 .circle .numbers .item6 {
					position: absolute;
					bottom: 16%;
					right: 15%;
				}

			/* Hover circle */
			.widgetTalents .inner .column2 .circle .contentColor {
				background: #99cc33;
			}
				.widgetTalents .inner .column2 .circle .contentColor h4,
				.widgetTalents .inner .column2 .circle .contentColor h3,
				.widgetTalents .inner .column2 .circle .contentColor p.text {
					color: #330044;
				}

			.widgetTalents .inner .column2 .navigation {
				display: flex;
				justify-content: space-between;
				align-items: center;
				width: calc((100vw / 16) * 1);
				position: absolute;
				top: 0;
				right: 0;
				z-index: 2;
			}
				.widgetTalents .inner .column2 .navigation .arrow {
					cursor: pointer;
				}
				.widgetTalents .inner .column2 .navigation span {
					width: 20px;
					height: 2px;
					background: #2b0a3d;
				}

			/* Dots */
			.widgetTalentsCarrouselContent .slick-dots {
				bottom: 0;
			}
				.widgetTalentsCarrouselContent .slick-dots li:first-of-type {
					display: none;
				}
				.widgetTalentsCarrouselContent .slick-dots li:nth-of-type(2) {
					position: absolute;
					bottom: 120px;
					left: 15%;
				}
				.widgetTalentsCarrouselContent .slick-dots li:nth-of-type(3) {
					position: absolute;
					bottom: 70px;
					left: 25%;
				}
				.widgetTalentsCarrouselContent .slick-dots li:nth-of-type(4) {
					position: absolute;
					bottom: 30px;
					left: 40%;
				}
				.widgetTalentsCarrouselContent .slick-dots li:nth-of-type(5) {
					position: absolute;
					bottom: 30px;
					left: 55%;
				}
				.widgetTalentsCarrouselContent .slick-dots li:nth-of-type(6) {
					position: absolute;
					bottom: 70px;
					right: 25%;
				}
				.widgetTalentsCarrouselContent .slick-dots li:nth-of-type(7) {
					position: absolute;
					bottom: 130px;
					right: 15%;
				}
					.widgetTalentsCarrouselContent .slick-dots li button {
						width: 30px;
						height: 30px;
						background: #ffffff;
						border-radius: 50%;
						display: flex;
						align-items: center;
						justify-content: center;
						font-size: 13px;
						line-height: 17px;
						font-weight: 700;
						color: #330044;
						text-transform: uppercase;
						position: relative;
					}
					.widgetTalentsCarrouselContent .slick-dots li button::before {
						content: '';
						width: 25px;
						height: 25px;
						border: 1px solid #330044;
						border-radius: 50%;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
					}
					/* Active */
					.widgetTalentsCarrouselContent .slick-dots li.slick-active button {
						background: #330044;
						color: #ffffff;
					}
					.widgetTalentsCarrouselContent .slick-dots li.slick-active button::before {
						border-color: #ffffff;
					}


/* Widget - Our talents
* -------------------------- */
.widgetMap {
	background-color: #330044;
	padding: 80px;
	position: relative;
	margin-top: 80px;
}
	.widgetMap h2 {
		color: #ffffff;
		font-size: 29px;
		line-height: 40px;
		font-weight: 700;
		margin: 0 0 20px calc((100vw / 16) * 3.5);
		text-transform: uppercase;
	}
	.widgetMap h2 strong {
		font-weight: 700;
		display: block;
	}
	.widgetMap p {
		font-size: 21px;
		line-height: 25px;
		font-weight: 300;
		color: #ffffff;
		margin: 0 0 0 calc((100vw / 16) * 3.5);
		width: calc((100vw / 16) * 5.5);
	}
	.widgetMap .inner {
		position: relative;
		width: calc((100vw / 16) * 13);
		margin: 80px auto 0;
	}
		.widgetMap .inner img {
			width: 100%;
			display: block;
		}
		.widgetMap .inner .push {
			max-width: 15%;
			text-align: left;
			display: flex;
			align-items: center;
			color: #ffffff;
			cursor: pointer;
			position: absolute;
			font-size: 11px;
			line-height: 12px;
			letter-spacing: 1px;
			text-transform: uppercase;
			font-weight: 700;
			width: 10vw;
		}
			.widgetMap .inner .push > div:first-of-type {
				margin-right: 10px;
			}
			.widgetMap .inner .push .cta {
				width: 22px;
				height: 22px;
				background: #ffffff;
				border-radius: 50%;
				position: relative;
				transition: transform 0.6s ease-in-out;
			}
			.widgetMap .inner .push .cta:before {
				content: '';
				width: 2px;
				height: 10px;
				background: #2b0a3d;
				position: absolute;
				top: 6px;
				left: 10px;
			}
			.widgetMap .inner .push .cta:after {
				content: '';
				width: 10px;
				height: 2px;
				background: #2b0a3d;
				position: absolute;
				top: 10px;
				left: 6px;
			}
		/* Push positions */
		.widgetMap .inner .pushNA {
			top: 23vh;
			left: 13vw;
		}
		.widgetMap .inner .pushLA {
			bottom: 20vh;
			left: 28vw;
		}
		.widgetMap .inner .pushEU {
			top: 24vh;
			left: 46vw;
		}
		.widgetMap .inner .pushAF {
			bottom: 20vh;
			left: 40vw;
		}
		.widgetMap .inner .pushAP {
			top: 42vh;
			right: 8vw;
		}
		/* Hover */
		.widgetMap .inner .push:hover .cta {
			transform: rotate(365deg);
		}
		/* Active */
		.widgetMap .inner .push.active .cta {
			background: #ff9900;
		}
		.widgetMap .inner .push.active .cta:before {
			display: none;
		}
	/* Numbers */
	.widgetMap .numbers {
		width: calc((100vw / 16) * 2);
		height: calc((100vw / 16) * 2);
		background: #330044;
		border: 1px solid #ffffff;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		text-align: center;
		color: #ffffff;
		position: absolute;
		opacity: 0;
	}
		.widgetMap .numbers.numbersNA {
			bottom: 50%;
			left: calc((100vw / 16) * 0.25);
		}
		.widgetMap .numbers.numbersLA {
			bottom: calc((100vw / 16) * 1.5);
			left: calc((100vw / 16) * 2);
		}
		.widgetMap .numbers.numbersEU {
			top: calc((100vw / 16) * 3);
			right: calc((100vw / 16) * 2);
		}
		.widgetMap .numbers.numbersAF {
			bottom: calc((100vw / 16) * 0.25);
			right: calc((100vw / 16) * 3.5);
		}
		.widgetMap .numbers.numbersASIA {
			bottom: 30%;
			right: calc((100vw / 16) * 0.25);
		}
		.widgetMap .numbers svg {
			margin: 0 auto;
			display: block;
			width: 40%;
		}
		.widgetMap .numbers h3 {
			margin: 10px 0 0 0;
			font-size: 55px;
			font-family: 'GatsbyRetro';
			font-weight: normal;
			letter-spacing: -8px;
		}
		.widgetMap .numbers h4 {
			margin: 0;
			font-size: 14px;
			line-height: 20px;
			text-transform: uppercase;
			font-weight: 300;
		}
	/* Legend */
	.mapLegend {
		text-align: left;
		margin-top: 40px;
		margin-left: calc((100vw / 16) * 1);
		position: relative;
	}
	.mapLegend:before {
		content: '';
		width: 12px;
		height: 12px;
		background: #ffffff;
		position: absolute;
		top: 5px;
		left: -25px;
		border-radius: 50%;
	}
	.mapLegend:after {
		content: '';
		width: 10px;
		height: 10px;
		background: #ff9900;
		position: absolute;
		top: 6px;
		left: -24px;
		border-radius: 50%;
	}
		.mapLegend h4 {
			font-size: 14px;
			line-height: 20px;
			color: #ffffff;
			font-weight: 700;
			text-transform: uppercase;
			margin: 0;
		}
			.mapLegend h4 span {
				color: #ff9900;
			}
		.mapLegend p {
			font-size: 14px;
			line-height: 20px;
			margin: 0;
			width: 100%;
		}

/* Widget - Architectes
* -------------------------- */
.widgetArchitectes {
	background: #eef5ff;
	width: 100%;
	margin-top: 80px;
	padding: 80px calc((100vw / 16) * 1);
}
	.widgetArchitectes h2 {
		color: #330044;
		font-size: 29px;
		line-height: 40px;
		font-weight: 700;
		margin: 0 0 20px 0;
		text-transform: uppercase;
	}
	.widgetArchitectes p.intro {
		font-size: 21px;
		line-height: 25px;
		color: #330044;
		margin: 0 0 70px calc((100vw / 16) * 2.5);
		width: calc((100vw / 16) * 7);
	}

	/* Accordion */
	.widgetArchitectes .accordion {
		width: 100%;
		border-top: 1px solid #330044;
		position: relative;
		z-index: 1;
	}
		.widgetArchitectes .accordion li {
			border-bottom: 1px solid #330044;
			position: relative;
			list-style: none;
		}
			.widgetArchitectes .accordion li a.accordionLink  {
				font-size: 21px;
				line-height: 25px;
				color: #330044;
				font-weight: 700;
				text-transform: uppercase;
				width: 100%;
				display: block;
				cursor: pointer;
				padding: 25px 20px;
				user-select: none;
				position: relative;
			}
			.widgetArchitectes .accordion li a.active {
				color: #0277b2;
				background: #ffffff;
			}
				.widgetArchitectes .accordion li a .more {
					width: 50px;
					height: 50px;
					border-radius: 50%;
					position: relative;
					border: 1px solid #330044;
					transition: transform 0.6s ease-in-out;
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
					right: 20px;
				}
				.widgetArchitectes .accordion li a .more:before {
					content: '';
					width: 2px;
					height: 10px;
					background: #2b0a3d;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
				}
				.widgetArchitectes .accordion li a.active .more:before {
					display: none;
				}
				.widgetArchitectes .accordion li a .more:after {
					content: '';
					width: 10px;
					height: 2px;
					background: #2b0a3d;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
				}
				.widgetArchitectes .accordion .inner {
					display: none;
					background: #ffffff;
					font-size: 13px;
					font-size: 0.8125rem;
					line-height: 2;
				}
					.widgetArchitectes .accordion .inner .columnWrapper {
						display: flex;
					}
						.widgetArchitectes .accordion .inner .columnWrapper .column1 {
							width: calc((100vw / 16) * 6);
							padding: 30px calc((100vw / 16) * 0.5) 0 20px;
						}
							.widgetArchitectes .accordion .inner .columnWrapper .column1 h3 {
								font-size: 21px;
								line-height: 25px;
								font-weight: 700;
								margin: 0 0 20px 0;
								color: #330044;
							}
							.widgetArchitectes .accordion .inner .columnWrapper .column1 p {
								font-size: 21px;
								line-height: 25px;
								font-weight: 300;
								color: #330044;
							}
						.widgetArchitectes .accordion .inner .columnWrapper .column2 {
							width: calc((100vw / 16) * 7);
							display: flex;
							padding-bottom: 40px;
						}
							.widgetArchitectes .accordion .inner .columnWrapper .column2 .item {
								width: 50%;
								position: relative;
								padding-bottom: 40px;
							}
								.widgetArchitectes .accordion .inner .columnWrapper .column2 .item img {
									width: 100%;
									display: block;
								}
								.widgetArchitectes .accordion .inner .columnWrapper .column2 .item h4 {
									color: #0277b2;
									font-size: 14px;
									line-height: 15px;
									font-weight: 700;
									text-transform: uppercase;
									margin: 20px 0;
									width: 80%;
								}
								.widgetArchitectes .accordion .inner .columnWrapper .column2 .item a.btn {
									margin: 0;
									background: #330044;
									text-transform: none;
									color: #ffffff;
									width: auto;
									display: inline-block;
									font-weight: 300;
									position: absolute;
									bottom: 0;
									left: 0;
								}
								.widgetArchitectes .accordion .inner .columnWrapper .column2 .item a.btn:hover {
									background: #fff;
									color: #304;
								}

	/* key Figures */
	.widgetArchitectes .keyFigures {
		width: calc((100vw / 16) * 11);
		margin-left: calc((100vw / 16) * 1);
		margin-top: 80px;
		display: flex;
		flex-wrap: wrap;
	}
		.widgetArchitectes .keyFigures .item {
			width: calc((100vw / 16) * 3.2);
			height: calc((100vw / 16) * 3.2);
			border: 1px solid #330044;
			border-radius: 50%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			text-align: center;
			padding: 20px;
		}
			.widgetArchitectes .keyFigures .item p.number {
				font-family: 'GatsbyRetro';
				font-size: 92px;
				line-height: 82px;
				font-weight: normal;
				color: #330044;
				letter-spacing: -10px;
				margin-bottom: 15px;
			}
			body.en .widgetArchitectes .keyFigures .item p.number {
				letter-spacing: -10px;
			}
				.widgetArchitectes .keyFigures .item p.number span {
					display: block;
				}
			.widgetArchitectes .keyFigures .item p.text {
				font-size: 16px;
				line-height: 18px;
				color: #330044;
			}
				.widgetArchitectes .keyFigures .item p.text sub {
					line-height: 1px;
				}
			.widgetArchitectes .keyFigures .item a.btn {
				margin: 0;
			}
			/* Last */
			.widgetArchitectes .keyFigures .item:last-of-type {
				border: 0;
				text-align: left;
				align-items: flex-start;
			}
				.widgetArchitectes .keyFigures .item:last-of-type p {
					width: 80%;
					margin-bottom: 20px;
				}

/* Widget - Revenue
* -------------------------- */
.widgetRevenue {
	margin: 80px 0 0 0;
}
	/* Key figures */
	.keyFiguresCarole {
		width: calc((100vw / 16) * 12);
		margin-left: calc((100vw / 16) * 1);
		margin-top: 80px;
	}
		.keyFiguresCarole h2 {
			color: #304;
			font-size: 29px;
			line-height: 40px;
			font-weight: 700;
			margin: 0 0 20px;
			text-transform: uppercase;
			margin-left: calc((100vw / 16) * 2.5);
		}
		.keyFiguresCarole h3 {
			color: #304;
			font-size: 24px;
			line-height: 35px;
			font-weight: 700;
			margin: 0 0 20px;
			text-transform: uppercase;
			margin-left: calc((100vw / 16) * 2.5);
		}
		.keyFiguresCarole h4 {
			color: #304;
			font-size: 20px;
			line-height: 31px;
			font-weight: 700;
			margin: 0 0 20px;
			text-transform: uppercase;
			margin-left: calc((100vw / 16) * 2.5);
		}
		.keyFiguresCarole p.intro {
			font-size: 21px;
			line-height: 25px;
			color: #304;
			margin: 0 0 70px 15.625vw;
			width: calc((100vw / 16) * 7);
		}
		.keyFiguresCarole p.intro2 {
			font-size: 21px;
			line-height: 25px;
			color: #304;
			margin: 0 0 20px 15.625vw;
			width: calc((100vw / 16) * 7);
		}
		.keyFiguresCarole a {
			color: #304;
			text-decoration: underline;
		}
		.keyFiguresCarole ul {
			font-size: 21px;
			line-height: 25px;
			color: #304;
			margin: 0 0 70px 15.625vw;
			width: calc((100vw / 16) * 7);
			padding-left: 30px;
		}
		.keyFiguresCarole .people {
			width: calc((100vw / 16) * 8);
			margin-left: calc((100vw / 16) * 2.5);
			display: flex;
			align-items: center;
		}
			.keyFiguresCarole .people .img {
				width: calc((100vw / 16) * 3);
			}
				.keyFiguresCarole .people .img img {
					width: 100%;
					display: block;
				}
			.keyFiguresCarole .people .content {
				width: calc((100vw / 16) * 4.5);
				margin-left: calc((100vw / 16) * 0.5);
			}
				.keyFiguresCarole .people .content h3 {
					font-size: 11px;
					line-height: 15px;
					color: #2b0a3d;
					margin: 0;
					text-transform: uppercase;
					font-weight: 500;
					margin-bottom: 20px;
				}
				.keyFiguresCarole .people .content h2 {
					font-size: 29px;
					line-height: 35px;
					font-weight: 700;
					color: #304;
					margin-left: 0;
				}
				.keyFiguresCarole .people .content a.btn {
					margin: 0;
				}

	.widgetRevenue .inner {
		width: 100%;
		padding: 0 calc((100vw / 16) * 2);
		margin: 0 auto;
		display: flex;
		position: relative;
		background: #eef5ff;
		text-align: center;
	}
		.widgetRevenue .inner .column {
			width: calc((100vw / 16) * 3);
			margin-right: calc((100vw / 16) * 0.5);
			padding: 40px 0;
		}
		.widgetRevenue .inner .column:last-of-type {
			margin-right: 0;
		}
			.widgetRevenue .inner .column h2 {
				font-size: 14px;
				line-height: 15px;
				font-weight: 400;
				color: #2b0a3d;
			}
			.widgetRevenue .inner .column h2 strong {
				text-transform: uppercase;
				font-weight: 700;
			}
			.widgetRevenue .inner .column .row {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
				.widgetRevenue .inner .column .row h3 {
					font-size: 14px;
					line-height: 15px;
					font-weight: 400;
					color: #0277b2;
					width: 100%;
				}
				.widgetRevenue .inner .column .row h3 strong {
					font-weight: 700;
				}
			.widgetRevenue .inner .column .stats {
				display: flex;
				justify-content: space-between;
				padding: 10px calc((100vw / 16) * 0.5) 40px;
			}
				.widgetRevenue .inner .column .stats .item {
					width: 80px;
					min-height: 207px;
					display: flex;
					flex-direction: column;
					text-align: center;
					justify-content: flex-end;
				}
				.widgetRevenue .inner .column .stats .item:last-of-type {
					margin-right: 0;
				}
					.widgetRevenue .inner .column .stats .item p {
						font-size: 16px;
						line-height: 16px;
						font-weight: 700;
						color: #340b45;
						margin-bottom: 5px;
					}
					.widgetRevenue .inner .column .stats .item .line {
						width: 30px;
						background: none;
						border: 1px solid #0277b2;
						border-radius: 25px;
						margin: 5px auto;
						position: relative;
						box-shadow: 3px 5px 0 1px #0277b2;
						margin-bottom: 20px;
					}
					.widgetRevenue .inner .column .stats .item .line:after {
						content: '';
						width: 7px;
						height: 7px;
						background: #0277b2;
						position: absolute;
						top: 12px;
						left: 50%;
						transform: translateX(-50%);
						border-radius: 50%;
					}

					/* Colors */
					.widgetRevenue .inner .column .stats .item .line3,
					.widgetRevenue .inner .column .stats .item .line6 {
						border: 1px solid #340b45;
						box-shadow: 3px 5px 0 1px #340b45;
					}
					.widgetRevenue .inner .column .stats .item .line3:after,
					.widgetRevenue .inner .column .stats .item .line6:after {
						background: #340b45;
					}
			.widgetRevenue .inner .column .footnote {
				font-size: 11px;
				line-height: 15px;
				font-weight: 500;
				color: #330044;
			}


/* Widget - Breakdown
* -------------------------- */
.widgetBreakdown {
	width: calc((100vw / 16) * 10);
	margin-left: calc((100vw / 16) * 2);
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
	z-index: 1;
	background: #ffffff;
}
	.carrouselBreakdown .slick-item {
		/* padding-right: calc((100vw / 16) * 0.5); */
	}
	.carrouselBreakdown .slick-item .img {
		width: calc((100vw / 16) * 2);
		margin: 0 auto;
	}
		.carrouselBreakdown .slick-item .img img {
			width: 100%;
			display: block;
			margin: 0 auto;
		}
	.carrouselBreakdown .slick-item h2 {
		margin: 25px 0 0 0;
		color: #330044;
		font-size: 14px;
		line-height: 15px;
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
	}
	.carrouselBreakdown .slick-item h3 {
		font-size: 14px;
		line-height: 15px;
		font-weight: 400;
		color: #2b0a3d;
		margin: 0 0 30px 0;
		text-align: center;
	}
	.carrouselBreakdown .slick-item .list {
		display: flex;
		justify-content: center;
	}
		.carrouselBreakdown .slick-item ul li {
			list-style: none;
			font-size: 11px;
			line-height: 15px;
			color: rgba(43, 10, 61, 0.75);
			font-weight: 700;
			text-transform: uppercase;
			position: relative;
			padding-left: 15px;
			display: flex;
		}
		.carrouselBreakdown .slick-item ul li:before {
			content: '';
			width: 8px;
			height: 8px;
			background: #000000;
			position: absolute;
			top: 4px;
			left: 0;
			border-radius: 100%;
		}
			.carrouselBreakdown .slick-item ul li strong {
				color: #4f2776;
				padding-right: 10px;
				min-width: 40px;
			}

	/* Colors - Region */
	.carrouselBreakdown .slick-item.region ul li:nth-of-type(1):before {
		background: #4f2776;
	}
	.carrouselBreakdown .slick-item.region ul li:nth-of-type(2):before {
		background: #0075b2;
	}
	.carrouselBreakdown .slick-item.region ul li:nth-of-type(3):before {
		background: #00b0e3;
	}
	.carrouselBreakdown .slick-item.region ul li:nth-of-type(4):before {
		background: #94c120;
	}
	.carrouselBreakdown .slick-item.region ul li:nth-of-type(5):before {
		background: #bfda79;
	}

	/* Colors - Region */
	.carrouselBreakdown .slick-item.sector ul li:nth-of-type(1):before {
		background: #4f2776;
	}
	.carrouselBreakdown .slick-item.sector ul li:nth-of-type(2):before {
		background: #0075b2;
	}
	.carrouselBreakdown .slick-item.sector ul li:nth-of-type(3):before {
		background: #00b0e3;
	}
	.carrouselBreakdown .slick-item.sector ul li:nth-of-type(4):before {
		background: #94c120;
	}
	.carrouselBreakdown .slick-item.sector ul li:nth-of-type(5):before {
		background: #bfda79;
	}
	.carrouselBreakdown .slick-item.sector ul li:nth-of-type(6):before {
		background: #155a6c;
	}
	.carrouselBreakdown .slick-item.sector ul li:nth-of-type(7):before {
		background: #1c9a9e;
	}

	/* Colors - Business */
	.carrouselBreakdown .slick-item.business ul li:nth-of-type(1):before {
		background: #4f2776;
	}
	.carrouselBreakdown .slick-item.business ul li:nth-of-type(2):before {
		background: #00b0e3;
	}
	.carrouselBreakdown .slick-item.business ul li:nth-of-type(3):before {
		background: #1c9a9e;
	}

/* Widget - Push Bottom
* -------------------------- */
.widgetPushBottom {
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 5;
}
	.widgetPushBottom .item {
		width: 33.2%;
		position: relative;
		overflow: hidden;
	}
		.widgetPushBottom .item img {
			width: 100%;
			display: block;
		}
		.widgetPushBottom .item h2 {
			font-size: 30px;
			line-height: 34px;
			color: #ffffff;
			font-weight: 100;
			position: absolute;
			left: 20px;
			bottom: 80px;
			margin: 0;
			z-index: 2;
			max-width: 90%;
		}
		.widgetPushBottom .item .cover {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			background: rgba(42, 2, 73, 0.3);
		}
		.widgetPushBottom .item .download {
			position: absolute;
			top: 20px;
			right: 20px;
			z-index: 1;
			display: flex;
			justify-content: center;
			align-items: center;
		}
			.widgetPushBottom .item .download .text {
				font-size: 14px;
				line-height: 25px;
				color: #ffffff;
				margin-right: 15px;
				font-weight: 700;
			}
			.widgetPushBottom .item .download .svg {
				width: 50px;
				height: 50px;
				border-radius: 50%;
				position: relative;
				background: #ffffff;
			}
				.widgetPushBottom .item .download .svg .pdf {
					width: 100%;
					height: 100%;
				}
				.widgetPushBottom .item .download .svg a {
					display: block;
					width: 100%;
					height: 100%;
				}
					.widgetPushBottom .item .download .svg .pdf svg {
						width: 16px;
						height: auto;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						display: block;
					}
						.widgetPushBottom .item .download .svg .pdf svg polygon,
						.widgetPushBottom .item .download .svg .pdf svg polyline,
						.widgetPushBottom .item .download .svg .pdf svg path {
							fill: none;
							stroke: #2a0249;
						}


/* POP-IN CREDIT
================================================================================= */
.popInCredit {
	width: calc((100vw / 16) * 14);
	height: 100vh;
	position: fixed;
	top: 0;
	bottom: 0;
	left: calc((100vw / 16) * 1);
	z-index: 10;
	background: rgba(255, 255, 255, 1);
	padding: calc((100vw / 16) * 1);
	display: none;
}
	.popInCredit h2 {
		margin: 0 0 20px 0;
	}
	.popInCredit p {
		font-size: 16px;
		line-height: 24px;
		color: #000000;
	}
		.popInCredit p a {
			color: #000000;
			text-decoration: underline;
		}
	.popInCredit .close {
		position: absolute;
		top: calc((100vw / 16) * 1);
		right: calc((100vw / 16) * 1);
		cursor: pointer;
	}
		.popInCredit .close path {
			fill: #000000;
			stroke: none;
		}

/* POP-IN VIDEO
================================================================================= */
.popInVideo {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 11;
	display: none;
}
	.popInVideo .inner {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.9);
		transform-origin: top center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		.popInVideo .inner video,
		.popInVideo .inner iframe {
			width: calc((100vw / 16) * 10);
			height: 720px;
			display: block;
			position: absolute;
			outline: none;
		}
		.popInVideo .inner .close {
			position: absolute;
			top: calc((100vw / 16) * 1);
			right: calc((100vw / 16) * 1);
			cursor: pointer;
		}
			.popInVideo .inner .close path {
				fill: #ffffff;
				stroke: none;
			}

/* FOOTER
================================================================================= */
.mainFooter .thankYou {
	padding: 80px calc((100vw / 16) * 1) 0;
	font-size: 21px;
	line-height: 25px;
	font-weight: 400;
	color: #2b0a3d;
}
	.mainFooter .thankYou a {
		color: #2b0a3d;
		text-decoration: underline;
	}

footer.mainFooter ul {
	padding: 0 calc((100vw / 16) * 1);
	display: flex;
}
	footer.mainFooter ul li {
		list-style: none;
		font-size: 12px;
		line-height: 24px;
		color: #2b0a3d;
		text-transform: uppercase;
		font-weight: 500;
		padding: 40px 20px 40px 0;
	}
	footer.mainFooter ul li:last-of-type {
		justify-self: flex-end;
		margin-left: auto;
		padding-right: 0;
	}
		footer.mainFooter ul li a {
			font-size: 12px;
			line-height: 24px;
			color: #2b0a3d;
			text-transform: uppercase;
			font-weight: 500;
		}
	/* Credit */
	footer.mainFooter ul li#credit {
		cursor: pointer;
	}


/* HACK INTERNET EXPLORER
================================================================================= */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/* Home
	* -------------------------- */
	.scroll-content {
		overflow: hidden;
	}
	.home .scroll-content {
		transform: none !important;
	}
	video.videoMenu {
		width: 100%;
		height: auto;
	}

	/* Annual report
	* -------------------------- */
	.widgetAccordion li .section-content .accordionWrapper {
		max-width: calc((100vw / 16) * 6);
	}
	.widgetMap .numbers svg {
		width: 110px;
		height: 62px;
	}
	.interviewCarrousel .slick-item .content .column-1 {
		color: #12abdb;
	}
	.carrouselBreakdown .slick-item svg {
		width: 430px;
		height: 387px;
	}

	/* Integrated Report
	* -------------------------- */
	.widgetGlance .inner .item svg {
		width: 112px;
		height: 112px;
	}
	.widgetTimeline .partnersPictos .partnersLine-3 .item svg {
		width: 90px;
		height: 90px;
	}
	.widgetStrategic .carrouselStrategic .slick-item .content .column-1 {
		color: #12abdb;
	}
}


/* HACK INTERNET EXPLORER - DEVICE < 1450px
================================================================================= */
@media only screen and (max-width : 1450px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.carrouselBreakdown .slick-item svg {
		width: auto;
		height: auto;
	}
}

/* MEDIA QUERIES - DEVICE < 1600px
================================================================================= */
@media only screen and (max-width : 1600px) {
	.widget.widgetAltran .video iframe {
		width: 100%;
		height: 650px;
	}
	.widgetOffers .inner .column2 .circle3 .content4 {
		width: 80%;
	}
	.widgetArchitectes .keyFigures .item p.number {
		font-family: GatsbyRetro;
		font-size: 72px;
		line-height: 72px;
	}
	.highlightsContentAltran {
		bottom: 8%;
	}
}


/* MEDIA QUERIES - DEVICE < 1450px
================================================================================= */
@media only screen and (max-width : 1450px) {
	/* Menu
	* -------------------------- */
	.megaMenu .mainLinks > ul > li {
		padding-bottom: 25px;
	}

	/* Home
	* -------------------------- */
	.numberYear {
		width: calc((100vw / 16) * 10);
		margin: 15vh calc((100vw / 16) * 2) 0;
	}
	.numberYear p {
		font-size: 20vw;
	}
	.mainContentHome .column .columnInner {
		bottom: -50%;
		min-height: 70vh;
	}
	.mainContentHome .column.hover .columnInner {
		bottom: -12%;
	}

	/* Annual report
	* -------------------------- */
	.widgetTalents .column-1 .picture2 {
		margin-top: 100px;
	}
	.widget.widgetBridge .inner .column-1 {
		width: calc((100vw / 16) * 6);
	}
	.widget.widgetBridge .inner .column-2 {
		width: calc((100vw / 16) * 4);
	}
	.widget.widgetBridge .inner .column-1 .text {
		width: 100%;
	}
	.widget.widgetBridge .inner .column-1 h2 {
		margin: 40px 0 30px 0;
	}
	.widget.widgetBridge .inner .column-1 h2 br {
		display: none;
	}
	.widgetAccordion {
		height: 88vh;
	}
	.widgetAccordion li .section-title h2 {
		margin-top: 35px;
		text-align: right;
		height: 250px;
		width: 280px;
	}
	.momentsCarrousel .slick-item h3 {
		width: 80%;
	}
	.interviewCarrousel .slick-item .content .column-2 .picture {
		padding: 20px;
	}
	.momentsCarrousel .slick-item img {
		height: auto;
		min-height: 440px;
	}
	.widgetTalents .column blockquote {
		font-size: 20px;
		line-height: 28px;
	}
	.widgetTalents .column-2 .picture4 {
		margin-top: -50px;
	}
	.widgetTalents .column-1 .picture2 .img img {
		margin-left: 0;
	}
	.widgetMap .numbers {
		width: calc((100vw / 16) * 2.5);
		height: calc((100vw / 16) * 2.5);
	}
	.widgetMap .numbers h3 {
		font-size: 60px;
	}
	.widgetMap .numbers.numbersLA {
		bottom: calc((100vw / 16) * 2);
		left: calc((100vw / 16) * 1.5);
	}
	.widgetMap .numbers.numbersEU {
		top: calc((100vw / 16) * 4);
		right: calc((100vw / 16) * 2);
	}
	.widgetMap .numbers.numbersASIA {
		bottom: 15%;
		right: calc((100vw / 16) * 0.5);
	}
	.widgetRevenue .inner .column .row {
		min-height: 100px;
	}
	.widgetRevenue .inner .column .row h3 strong {
		display: block;
	}
	.widget.widgetAltran .video iframe {
		width: 100%;
		height: 600px;
	}
	.highlightsImages .slick-dots {
		width: calc((100vw / 16) * 6.5);
	}
	.highlightsImages .slick-dots li {
		margin: 0 5px 0 0;
	}
	.widgetOffers .inner .column2 .circle4 {
		width: 7vw;
		height: 7vw;
	}
	.widgetTalents .inner .column2 .circle h4 {
		margin-bottom: 15px;
	}
	.widgetTalents .inner .column2 .circle p.text {
		font-size: 14px;
		line-height: 20px;
	}
	.widgetTalentsCarrouselContent .slick-dots li:nth-of-type(2) {
		position: absolute;
		bottom: 90px;
		left: 15%;
	}
	.widgetTalentsCarrouselContent .slick-dots li:nth-of-type(3) {
		position: absolute;
		bottom: 50px;
		left: 25%;
	}
	.widgetTalentsCarrouselContent .slick-dots li:nth-of-type(4) {
		position: absolute;
		bottom: 20px;
		left: 40%;
	}
	.widgetTalentsCarrouselContent .slick-dots li:nth-of-type(5) {
		position: absolute;
		bottom: 20px;
		left: 55%;
	}
	.widgetTalentsCarrouselContent .slick-dots li:nth-of-type(6) {
		position: absolute;
		bottom: 50px;
		right: 25%;
	}
	.widgetTalentsCarrouselContent .slick-dots li:nth-of-type(7) {
		position: absolute;
		bottom: 90px;
		right: 15%;
	}
	.widgetArchitectes .keyFigures .item p.number {
		font-size: 72px;
		line-height: 62px;
	}
	.keyFiguresCarole .people {
		width: calc((100vw / 16) * 10);
	}
	.keyFiguresCarole .people .content {
		width: calc((100vw / 16) * 6.5);
	}
	.widget.widgetMessage .inner .content .text {
		top: 40%;
	}
	.widget.widgetMessage .inner .content .text p {
		font-size: 21px;
		line-height: 27px;
	}
	.highlightsContentAltran {
		bottom: 5%;
	}
	.highlightsContentAltran img {
		margin-right: 5%;
	}
	.widgetOffers .inner .column2 .circle .content3 {
		width: 70%;
	}

	/* Credit
	* -------------------------- */
	.popInCredit {
		padding: calc((100vw / 16) * 0.5);
	}
}


/* MEDIA QUERIES - DEVICE < 1280px
================================================================================= */
@media only screen and (max-width : 1280px) {
	/* Menu
	* -------------------------- */
	.megaMenu .mainLinks > ul {
		padding: 0 0 50px;
	}
	.megaMenu .mainLinks .altran .altranImg {
		width: 50%;
	}

	/* Annual report
	* -------------------------- */
	.widget.widgetMessage .inner .content .text {
		font-size: 20px;
		line-height: 28px;
	}
	.widgetAccordion {
		height: 90vh;
	}
	.widgetAccordion li .section-content .accordionWrapper.noImage .column-1 p:last-of-type {
		padding-bottom: 0;
	}
	.widgetPushBottom .item h2 br {
		display: none;
	}
	.popInVideo .inner iframe {
		height: 475px;
	}
	.widget.widgetAltran .video iframe {
		width: 100%;
		height: 535px;
	}
	.widgetOffers .inner .column2 .circle .content p {
		font-size: 10px;
		line-height: 14px;
	}
	.widgetMap .numbers h3 {
		font-size: 50px;
	}
	.widgetMap .numbers.numbersLA {
		bottom: 15.5vw;
	}
	.widgetArchitectes .keyFigures .item p.text br {
		display: none;
	}
	.widgetArchitectes .keyFigures .item p.number {
		font-size: 52px;
		line-height: 42px;
	}


	.widgetTalents .inner .column2 .circle .content {
		padding: 3vw;
	}
	.widgetTalents .inner .column2 .circle h3 {
		font-size: 21px;
		line-height: 22px;
	}
	.widgetTalents .inner .column2 .circle h4 {
		margin-bottom: 10px;
	}
	.widgetTalents .inner .column2 .circle p.text {
		font-size: 14px;
		line-height: 20px;
	}
	.widgetTalentsCarrouselContent .slick-dots li:nth-of-type(2) {
		position: absolute;
		bottom: 90px;
		left: 15%;
	}
	.widgetTalentsCarrouselContent .slick-dots li:nth-of-type(3) {
		position: absolute;
		bottom: 50px;
		left: 25%;
	}
	.widgetTalentsCarrouselContent .slick-dots li:nth-of-type(4) {
		position: absolute;
		bottom: 20px;
		left: 40%;
	}
	.widgetTalentsCarrouselContent .slick-dots li:nth-of-type(5) {
		position: absolute;
		bottom: 20px;
		left: 55%;
	}
	.widgetTalentsCarrouselContent .slick-dots li:nth-of-type(6) {
		position: absolute;
		bottom: 50px;
		right: 25%;
	}
	.widgetTalentsCarrouselContent .slick-dots li:nth-of-type(7) {
		position: absolute;
		bottom: 90px;
		right: 15%;
	}


}


/* MEDIA QUERIES - DEVICE < 1024px
================================================================================= */
@media only screen and (max-width : 1024px) {
	/* Scroll bar
	* -------------------------- */
	.home .scroll-content {
		transform: none !important;
	}

	/* Aside
	* -------------------------- */
	.menuSidebar .languages {
		text-align: center;
	}
	.menuSidebar .languages a {
		padding: 0;
	}

	/* Home
	* -------------------------- */
	.numberYear {
		width: calc((100vw / 16) * 12);
		margin: 20vh calc((100vw / 16) * 1) 0;
	}
	.mainContentHome .column .columnInner {
		min-height: 62vh;
	}
	.mainContentHome .column .columnInner h2 {
		font-size: 34px;
		line-height: 34px;
	}
	.mainContentHome .column .pushBottom h2 {
		font-size: 16px;
		line-height: 20px;
	}

	/* Annual report
	* -------------------------- */
	.firstScreen .inner {
		bottom: 120px;
	}
	.scrollBottom {
		bottom: 60px;
	}
	.widget.widgetMessage {
		width: calc((100vw / 16) * 12);
	}
	.widget.widgetMessage .inner .content .text p {
		font-size: 20px;
		line-height: 24px;
	}
	.widget.widgetMessage .inner .content h3 {
		font-size: 10px;
		line-height: 14px;
	}
	.widget.widgetBridge .inner .column-1 .text {
		font-size: 20px;
		line-height: 24px;
	}
	.interviewCarrousel .slick-item .content .column-1 {
		font-size: 200px;
	}
	.interviewCarrousel .slick-item .content .column-2 .picture {
		padding: 10px;
	}
	.interviewCarrousel .slick-item .content .column-2 h2 span {
		font-size: 26px;
		line-height: 26px;
	}
	.interviewCarrousel .slick-item .content .column-2 h2 {
		font-size: 16px;
		line-height: 16px;
	}
	.interviewCarrouselThumb .slick-item .content {
		padding: 10px;
	}
	.interviewCarrouselThumb .slick-item .content p {
		font-size: 30px;
		line-height: 30px;
	}
	.interviewCarrouselThumb .slick-item .content h2 {
		font-size: 18px;
		line-height: 18px;
		left: 10px;
		right: 10px;
	}
	.momentsCarrousel .slick-item .content {
		position: static;
		display: block;
	}
	.momentsCarrousel .slick-item .img {
		display: none;
	}
	.momentsCarrousel .slick-item h3 {
		width: 100%;
		margin:  0 0 40px 0;
	}
	.widgetTalents .column-2 .picture4 {
		margin-top: 50px;
	}
	.widgetTalents .column blockquote {
		font-size: 20px;
		line-height: 24px;
	}
	.widgetRevenue .inner .column .row {
		min-height: 120px;
	}
	.widgetRevenue .inner .column .stats {
		padding: 40px 0 40px;
	}
	.popInVideo .inner iframe {
		height: 385px;
	}
	.firstScreen .bottom .intro {
		width: 80%;
	}
	.widget.widgetAltran .video .content {
		left: 3vw;
	}
	.widget.widgetAltran .video .content h2 {
		margin: 0 0 0 20px
	}
	.widget.widgetAltran .video iframe {
		height: 360px;
	}
	.widget.widgetAltran .download img.pdf {
		top: -100px;
		right: 8vw;
	}
	.widgetOffers .inner .column2 .circle1 .content {
		width: 50%;
		top: 30px;
	}
	.widgetOffers .inner .column2 .circle .content2 {
		width: 80%;
		top: initial;
		bottom: 20px;
	}
	.widgetOffers .inner .column2 .circle3 {
		width: 15vw;
		height: 15vw;
		right: 25px;
		top: 3%;
	}
	.widgetOffers .inner .column2 .circle .content3 {
		width: 80%;
		top: initial;
		bottom: 20px;
	}
	.widgetMap .numbers.numbersLA {
		bottom: 20vw;
	}
	.widgetMap .numbers.numbersASIA {
		bottom: 35%;
	}
	.widgetTalents .inner .column2 .circle .content {
		width: 80%;
	}
	.widgetTalents .inner .column2 .circle p.text {
		font-size: 12px;
		line-height: 16px;
	}
	.widgetTalents .inner .column2 .circle h3 {
		font-size: 21px;
		line-height: 22px;
	}
	.widgetArchitectes .keyFigures .item p.text {
		font-size: 12px;
		line-height: 14px;
	}
	.widgetPushBottom .item h2 {
		max-width: 70%;
		bottom: 40px;
	}
	.highlightsContentAltran {
		width: 50%;
		bottom: -2%;
		right: 20px;
	}
	.highlightsContentAltran .slick-item {
		justify-content: flex-end;
		align-items: flex-end;
		align-content: flex-end;
	}
	.highlightsContentAltran img {
		display: none;
	}
	.highlightsContentAltran .downloadPDF {
		width: auto;
	}
	.highlightsContentAltran .downloadPDF span {
		color: #304;
		margin-left: 10px;
	}
	.highlightsContentAltran .downloadPDF .picto {
		border: 1px solid #304;
	}
	.highlightsContent .slick-item a.btn {
		margin: 40px 0 0 0;
	}
}


/* MEDIA QUERIES - DEVICE < 812px
================================================================================= */
@media only screen and (max-width : 812px) {
	/* Aside
	* -------------------------- */
	.menuSidebar {
		width: 100%;
		height: auto;
		float: none;
		display: flex;
		justify-content: space-between;
		align-content: center;
		align-items: center;
		padding: 20px;
	}
	.menuSidebar .menu {
		margin: 0;
		height: 13px;
	}
	.menuSidebar .logo {
		display: block;
		z-index: 1;
	}
	.menuSidebar .logo path {
		fill: #0070ad;
		stroke: none;
		transition: 0.5s all ease-in-out;
	}
	.menuSidebar.menuOpen .logo path {
		fill: #ffffff;
		stroke: none;
	}
	.menuSidebar h2 {
		display: none;
	}
	.menuSidebar .languages {
		position: static;
		transform: none;
	}
	.menuSidebar .languages a {
		padding-left: 5px;
	}
	.menuSidebar .download {
		display: none;
	}

	/* Main content
	* -------------------------- */
	.mainContent {
		width: 100%;
		height: 100vh;
		margin: 83px 0 0 0;
		/* -webkit-overflow-scrolling: touch; */
	}
	.mainContent .logo {
		display: none;
	}
	.layout-border-bottom,
	.layout-border-top,
	.rightSidebar {
		display: none;
	}
	.grid {
		display: none;
	}
	
	/* Menu
	* -------------------------- */
	.megaMenu,
	.megaMenu .mega-submenu {
		width: 100%;
	}
	.megaMenu {
		left: 0;
		padding-top: 83px;
	}
	.megaMenu .mainLinks {
		left: 20px;
		right: 20px;
		top: 100px;
		transform: none;
		width: auto;
		padding: 0;
	}
	.megaMenu .mainLinks > ul > li {
		padding-bottom: 20px;
	}
	.megaMenu .mainLinks > ul > li > a {
		font-size: 26px;
		line-height: 40px;
	}
	.megaMenu .socialLinks {
		bottom: 180px;
		left: 20px;
		right: 20px;
		width: auto;
	}
	.megaMenu .mainLinks .altran .altranImg {
		right: 0;
	}

	/* Home
	* -------------------------- */
	.mainContent.mainContentHome {
		width: 100%;
		height: 65vh; /* Fallback for browsers that do not support Custom Properties */
		height: calc(var(--vh, 1vh) * 92);
	}
	.mainContentHomeInner {
		top: 0;
		background: url('../images/2019/home/background-mob.jpg');
		background-size: cover;
		background-repeat: no-repeat;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}
	.mainContentHome .column {
		width: 100%;
		height: auto;
		float: none;
		border-bottom: 1px solid #330044;
		/* padding: 28px 20px; */
		background: #ffffff;
	}
	.mainContentHome .column .columnInner {
		display: none;
	}
	.mainContentHome .column .pushBottom {
		position: static;
		height: auto;
	}
	.mainContentHome .column .pushBottom h2 {
		font-size: 21px;
		line-height: 25px;
	}
	.mainContentHome .column .pushBottom h2 br {
		display: none;
	}
	.mainContentHome .column .pushBottom h2 > a {
		position: relative;
		display: block;
		width: 100%;
		padding: 25px 20px;
	}
	.mainContentHome .column.hover {
		background: none;
	}
	.mainContentHome .column .columnInner {
		min-height: 0;
		position: static;
		padding: 10vh 0;
	}
	.numberYear {
		display: none;
	}
	.mainContentHome .column .columnInner h2 {
		font-size: 40px;
		line-height: 40px;
	}
	.mainContentHome .column .columnInner p {
		display: none;
	}
	.mainContentHome .column .columnInner .downloadPDF {
		display: none;
	}

	.mainContentHome .column .columnInner .downloadPDFPicto {
		display: none;
	}

	/* Annual report
	* -------------------------- */
	.firstScreen .overlay {
		display: block;
	}
	.firstScreen {
		height: 90vh;
		background: url('../images/ra/illus-1-400.jpg');
		background-size: cover;
		background-repeat: no-repeat;
	}
	.firstScreen .inner {
		bottom: 150px;
		left: 20px;
		right: 20px;
	}
	.firstScreen h1 {
		text-align: center;
	}
	.firstScreen .bottom .intro {
		width: 100%;
		text-align: center;
	}
	.firstScreen .bottom {
		flex-direction: column;
	}
	.firstScreen .bottom .artistsLink {
		width: auto;
		text-align: center;
		margin-top: 20px;
	}
	.widget.widgetMessage {
		width: auto;
		margin: 40px 20px 0;
	}
	.widget.widgetMessage .inner {
		flex-direction: column;
	}
	.widget.widgetMessage .inner > div {
		width: 100% !important;
	}
	.widget.widgetMessage .inner .img video {
		width: 100%;
		height: auto;
		transform: none;
	}
	.widget.widgetMessage .blockTitle h3 {
		margin: 0;
	}
	.widget.widgetMessage .inner .content .shareContent {
		margin-bottom: 100px;
	}
	.widget.widgetMessage .inner .content .text {
		position: static;
		transform: none;
	}
	.widget.widgetMessage .inner .content .names {
		position: static;
	}
	.widget.widgetBridge {
		width: auto;
		margin: 40px 20px 0;
	}
	.widget.widgetBridge .inner .column-1 {
		width: 100%;
		margin: 0;
	}
	.widgetBridgeQuote {
		background: #f0f0f0;
		padding: 40px 20px;
	}
	.widget.widgetBridge .inner .column-1 .job {
		display: flex;
		justify-content: space-between;
		align-content: center;
		align-items: center;
	}
	.widget.widgetBridge .inner .column-1 .job p {
		margin: 0;
	}
	.widget.widgetBridge .inner .column-1 .imgMobile {
		display: block;
		width: 100px;
		height: 100px;
		border-radius: 50%;
	}
	.widget.widgetBridge .inner .column-1 .job {
		width: 100%;
	}
	.widget.widgetBridge .inner .column-1 .job {
		margin-bottom: 0;
	}
	.widget.widgetBridge .inner .column-1 h2 {
		margin: 40px 0 30px;
	}
	.widget.widgetBridge .inner .column-2 {
		display: none;
	}
	.highlightsImages .slick-list {
		padding: 0;
	}
	.widgetAccordion {
		height: auto;
	}
	.widgetAccordion li,
	.widgetAccordion ul {
		flex-direction: column;
	}
	.widgetAccordion li {
		width: 100%;
		height: 60px;
	}
	.widgetAccordion li.active {
		width: 100%;
		height: auto;
	}
	.widgetAccordion li .section-title {
		max-width: 100%;
	}
	.widgetAccordion li .section-title .deploy {
		width: 22px;
		height: 22px;
		background: #fff;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.widgetAccordion li .section-title .deploy:before {
		content: '';
		width: 1px;
		height: 11px;
		background: #2b0a3d;
		position: absolute;
		top: 6px;
		left: 11px;
	}
	.widgetAccordion li .section-title .deploy:after {
		content: '';
		width: 11px;
		height: 1px;
		background: #2b0a3d;
		position: absolute;
		top: 11px;
		left: 6px;
	}
	.widgetAccordion li .section-title h2 {
		position: static;
		transform: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	.widgetAccordion li.active .section-content {
		padding: 40px 0;
		transition: all 0s ease-in 0s;
	}
	.widgetAccordion li .section-content .accordionWrapper ul.tabs {
		flex-direction: row;
	}
	.widgetAccordion li .section-content .accordionWrapper ul.tabs li {
		margin: 0 20px 0 0;
		height: auto;
	}
	.widgetAccordion li .section-content .accordionWrapper.noImage .column-1 p:last-of-type {
		padding-bottom: 0;
	}
	.widget.widgetBridge .inner .column-1 h2 br {
		display: none;
	}
	.widget.widgetBridge.reverse .inner .column-1 p {
		margin-left: 0;
	}
	.interviewCarrousel .slick-item {
		flex-direction: column;
	}
	.interviewCarrousel .slick-item .content {
		width: 100%;
		padding: 40px 20px;
	}
	.interviewCarrousel .slick-item .img {
		width: 100%;
	}
	.interviewCarrousel .slick-item .img video {
		height: auto;
		width: 100%;
		transform: none;
	}
	.interviewCarrousel .slick-item .content .column-1 {
		width: 40%;
		font-size: 130px;
		text-align: left;
	}
	.interviewCarrousel .slick-item .content .column-2 {
		width: 60%;
	}
	.interviewCarrousel .slick-item .content .column-2 .picture {
		text-align: left;
	}
	.interviewCarrousel .slick-item .content .column-2 h3 br {
		display: none;
	}
	.interviewCarrousel .slick-dots {
		top: initial;
		right: initial;
		left: 50%;
		transform: translateX(-50%);
		margin-top: 20px;
	}
	.interviewCarrousel .slick-dots li {
		width: 10px;
		height: 10px;
	}
	.popInVideo .inner .close {
		position: absolute;
		top: calc((100vw / 16) * 4);
		right: calc((100vw / 16) * 1);
		cursor: pointer;
	}
	.interviewCarrouselThumb {
		display: none;
	}
	.widgetMoments h2 {
		margin: 0 0 35px 20px;
	}
	.momentsCarrousel.slick-dotted.slick-slider {
		margin-bottom: 80px;
	}
	.momentsCarrousel .slick-dots {
		top: initial;
		left: 50%;
		transform: translateX(-50%);
		margin: 20px 0 0;
		width: 100%;
	}
	.momentsCarrousel .slick-dots li {
		width: 10px;
		height: 10px;
	}
	.widgetTalents .column-2 .picture3 {
		flex-direction: column;
	}
	.widgetTalents .column-2 .picture3 .img {
		width: 100%;
		text-align: center;
		margin: 40px 0 20px;
	}
	.widgetTalents .column-2 .picture3 .img img {
		width: 80%;
		margin: 0 auto;
	}
	.widgetTalents .column-2 .picture3 .content {
		width: 100%;
		margin: 0 0 40px 0;
	}
	.widgetTalents .column-2 .picture3 .img img.pictureDesktop {
		display: none;
	}
	.widgetTalents .column-2 .picture3 .img img.pictureMobile {
		display: block;
	}
	.widgetTalents {
		padding: 40px 20px 0;
		flex-direction: column;
	}
	.widgetTalents .column {
		width: 100%;
	}
	.widgetTalents .column-1 h2,
	.widgetTalents .column-1 p.paragraph1 {
		margin-left: 0;
	}
	.widgetTalents .column-1 blockquote.blockquote1 {
		width: 100%;
		padding: 40px 0 40px;
	}
	.widgetTalents .column-1 .picture2 {
		margin-top: 40px;
		align-items: center;
	}
	.widgetTalents .column-1 .picture2 .content {
		width: 55%;
		margin-right: 5%;
	}
	.widgetTalents .column-1 .picture2 .img img {
		width: 100%;
	}
	.widgetTalents .column-2 .picture4 {
		margin-top: 0;
	}
	.widgetRevenue {
		padding: 40px 0 0;
	}
	.widgetRevenue .inner {
		width: auto;
		margin: 0 20px;
	}
	.widgetRevenue .inner .column {
		width: calc((100vw / 16) * 4);
		margin-right: calc((100vw / 16) * 1);
	}
	.widgetRevenue .inner .column .stats {
		padding: 40px 0 40px;
	}
	.widgetRevenue .inner .column h2 {
		min-height: 0;
	}
	.widgetRevenue .inner .column .row {
		min-height: 0;
	}
	.widgetBreakdown {
		width: auto;
		margin: 40px 20px;
	}
	.widgetBreakdown h2 {
		margin: 0 0 40px 0;
	}
	.widgetPushBottom .item .download {
		right: 20px;
		top: 20px;
	}
	.widgetPushBottom .item h2 {
		left: 20px;
		bottom: 20px;
		max-width: none;
	}
	.mainFooter .thankYou {
		padding: 40px 20px 0;
	}
	footer.mainFooter ul {
		padding: 0 20px;
	}
	.popInVideo .inner iframe {
		width: calc((100vw / 16) * 12);
		height: 350px;
	}
	.firstScreen .bottom .artistsLink a br {
		display: none;
	}



	/* Letter */
	.widget.widgetLetter {
		width: 100%;
		margin: 40px 0 0 0;
		padding: 0 20px;
	}
	.widget.widgetLetter .inner {
		flex-direction: column;
	}
	.widget.widgetLetter .inner .column1 {
		width: 100%;
	}
	.widget.widgetLetter .inner .column1 h3,
	.widget.widgetLetter .inner .column1 h2 {
		margin-left: 0;
	}
	.widget.widgetLetter .inner .column1 h2 br {
		display: none;
	}
	.widget.widgetLetter .inner .column1 p {
		margin: 0 0 60px 0;
	}
	.widget a.btn {
		margin-left: 0;
	}
	.widget.widgetLetter .inner .column2 {
		width: 50%;
		align-self: flex-end;
		margin-top: -20px;
	}
	.widget.widgetMessage .inner .play {
		width: 20vw;
		height: 20vw;
	}

	/* Message */
	.widget.widgetMessage .blockTitle {
		margin-left: 0;
	}

	/* Altran */
	.widget.widgetAltran {
		width: 100%;
		margin: 40px 0 0 0;
	}
	.widget.widgetAltran .video iframe {
		height: 433px;
	}
	.widget.widgetAltran .download {
		padding: 0 20px;
	}
	.widget.widgetAltran .download .downloadPDF {
		margin-left: 0;
	}
	.widget.widgetAltran .download img.pdf {
		width: 30%;
		right: 5%;
		top: -130px;
	}

	/* Hilights */
	.widget.widgetHighlights h2 {
		padding: 0 20px;
		margin: 0 0 40px 0;
	}
	.widget.widgetHighlights .navigation {
		width: calc((100vw / 16) * 2);
	}
	.highlightsContent {
		margin-top: 20px;
		position: static;
		width: 100%;
		padding: 0 20px;
		transform: none !important;
	}
	.highlightsContent .slick-item p::first-letter {
		font-size: 40px;
		line-height: 40px;
	}

	/* Interview */
	.interviewCarrousel {
		margin: 40px 0 0 0;
	}
	.interviewCarrousel .slick-item .content .column-1 {
		letter-spacing: -10px;
	}

	/* Offre */
	.widgetOffers {
		width: 100%;
		padding: 0 20px;
		margin: 80px 0 0 0;
	}
	.widgetOffers .inner {
		flex-direction: column;
	}
	.widgetOffers .inner .column1,
	.widgetOffers .inner .column2 {
		width: 100%;
		margin: 0;
	}
	.widgetOffers .inner .column1 h3 {
		margin: 0 0 20px 0;
	}
	.widgetOffers .inner .column3 {
		display: none;
	}
	.widgetOffers .inner .column2 .circle1 {
		width: calc(100vw / 16 * 15);
		height: calc(100vw / 16 * 15);
		margin: 0 auto;
	}
	.widgetOffers .inner .column2 .circle2 {
		width: calc(100vw / 16 * 10);
		height: calc(100vw / 16 * 10);
	}
	.widgetOffers .inner .column2 .circle3 {
		width: calc(100vw / 16 * 6);
		height: calc(100vw / 16 * 6);
	}
	.widgetOffers .inner .column2 .circle4 {
		width: calc(100vw / 16 * 3);
		height: calc(100vw / 16 * 3);
	}
	.widgetOffers .inner .column2 .circle1 .content {
		width: 40%;
		top: 50px;
	}
	.widgetOffers .inner .column2 .circle .content2 {
		top: initial;
		width: 60%;
		bottom: 30px;
	}
	.widgetOffers .inner .column2 .circle .content3 {
		top: initial;
		width: 60%;
		bottom: 30px;
	}
	.widgetOffers .inner .background {
		width: 50%;
		height: calc(100vw / 16 * 15);
		bottom: 0;
	}

	/* Map */
	.widgetMap {
		padding: 40px 20px;
		margin-top: 40px;
	}
	.widgetMap h2,
	.widgetMap p {
		margin-left: 0;
		width: 100%;
	}
	.widgetMap .inner {
		width: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.widgetMap .inner img {
		width: 150%;
	}
	.widgetMap .inner .push {
		max-width: 30vw;
		width: 30vw;
	}
	.widgetMap .inner .pushNA {
		top: 15vh;
		left: 21vw;
	}
	.widgetMap .inner .pushLA {
		bottom: 15vh;
		left: 48vw;
	}
	.widgetMap .inner .pushEU {
		top: 16vh;
		left: 80vw;
	}
	.widgetMap .inner .pushAP {
		left: auto;
		top: auto;
		bottom: 50%;
		right: -47%;
	}
	.widgetMap .numbers {
		width: calc((100vw / 16) * 3);
		height: calc((100vw / 16) * 3);
	}

	/* Talents */
	.widgetTalents {
		width: 100%;
		margin: 40px 0 0 0;
		padding: 0;
	}
	.widgetTalents h2,
	.widgetTalents h3,
	.widgetTalents p {
		margin-left: 0;
		padding-left: 20px
	}
	.widgetTalents .inner {
		margin-top: 40px;
	}
	.widgetTalents .inner .column1 {
		width: calc(100% - 20px);
	}
	.widgetTalents .inner .column2 {
		width: calc((100vw / 16) * 12);
		min-height: calc((100vw / 16) * 12);
		left: 50%;
		top: 80%;
		transform: translate(-50%, 0);
	}

	.widgetTalents .inner .column2 .circle {
		width: calc((100vw / 16) * 12);
		height: calc((100vw / 16) * 12);
	}
	.widgetTalents .inner .column2 .circle .content::before {
		width: calc((100vw / 16) * 11);
		height: calc((100vw / 16) * 11);
	}
	.widgetTalents .inner .column2 .circle h3 {
		font-size: 21px;
		line-height: 25px;
	}
	.widgetTalents .inner .column2 .navigation {
		width:  25vw;
		top: initial;
		right: initial;
		bottom: -40px;
		left: 50%;
		transform: translateX(-50%);
	}

	/* Architectes */
	.widgetArchitectes {
		width: 100%;
		margin: 540px 0 0 0;
		padding: 40px 20px;
	}
	.widgetArchitectes p.intro {
		margin-left: 0;
		width: 100%;
	}
	.widgetArchitectes .accordion .inner .columnWrapper {
		flex-direction: column;
	}
	.widgetArchitectes .accordion .inner .columnWrapper .column1,
	.widgetArchitectes .accordion .inner .columnWrapper .column2 {
		width: 100%;
	}
	.widgetArchitectes .accordion .inner .columnWrapper .column1 p {
		margin-bottom: 20px;
	}
	.widgetArchitectes .accordion .inner .columnWrapper .column2 .item h4,
	.widgetArchitectes .accordion .inner .columnWrapper .column2 .item a.btn {
		margin-left: 20px;
	}

	/* Key Figures */
	.widgetArchitectes .keyFigures {
		width: 100%;
		margin: 40px 0 0 0;
	}
	.widgetArchitectes .keyFigures .slick-list {
		padding-right: calc((100vw / 16) * 5);
		margin-left: calc((100vw / 16) * 3);
		margin-right: -20px;
	}
	.widgetArchitectes .keyFigures .item {
		border: 0;
		border-radius: 0;
		height: auto;
		padding: 0;
	}
	.widgetArchitectes .keyFigures .item .inner {
		width: calc((100vw / 16) * 7);
		height: calc((100vw / 16) * 7);
		border: 1px solid #304;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding: 20px;
	}
	.widgetArchitectes .keyFigures .slick-dots {
		bottom: 20%;
	}
	.widgetArchitectes .keyFigures .slick-dots li {
		margin: 0 10px 0 0;
		padding: 0;
	}
	.widgetArchitectes .keyFigures .slick-dots li button:before {
		font-size: 12px;
		color: #2b0a3d;
		opacity: 0.2;
	}
	.widgetArchitectes .keyFigures .slick-dots li.slick-active button:before {
	opacity: 1;
	}
	.widgetArchitectes .keyFigures .item:last-of-type {
		width: 100%;
		padding: 40px 0 0;
		text-align: center;
	}
	.widgetArchitectes .keyFigures .item:last-of-type p {
		width: 100%;
		font-size: 14px;
		line-height: 20px;
	}
	.widgetArchitectes .keyFigures .item a.btn {
		margin: 0 auto;
	}


	/* Revenue */
	.widgetRevenue {
		width: 100%;
		margin: 20px 0 0 0;
		padding: 0 20px;
	}
	.keyFiguresCarole h2,
	.keyFiguresCarole h3,
	.keyFiguresCarole h4 {
		margin-left: 0;
	}
	.keyFiguresCarole {
		width: 100%;
		padding: 0 20px;
		margin: 40px 0 0 0;
	}
	.keyFiguresCarole p.intro {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.keyFiguresCarole p.intro2 {
		width: 100%;
		margin: 0;
		font-size: 16px;
		line-height: 22px;
	}
	.keyFiguresCarole ul {
		width: 100%;
		margin: 0 0 20px 0;
		font-size: 16px;
		line-height: 22px;
	}
	.keyFiguresCarole .people {
		width: 100%;
		margin: 0 0 40px 0;
	}
	.keyFiguresCarole .people .img {
		width: 25%;
	}
	.keyFiguresCarole .people .content {
		width: 70%;
	}
	.widgetRevenue .inner {
		width: 100%;
		margin: 0;
		padding: 0 20px;
		flex-direction: column;
	}
	.widgetRevenue .inner .column {
		width: 100%;
		margin: 0;
	}
	.widgetRevenue .inner .column .stats {
		width: 50%;
		margin: 0 auto;
	}

	/* Breakdown */
	.widgetBreakdown {
		width: 100%;
		margin: 40px 0 0 0;
		padding: 0 20px;
	}
	.carrouselBreakdown .slick-item .img {
		width: 50%;
	}
	.carrouselBreakdown .slick-item .list {
		padding-bottom: 20px;
	}
	.carrouselBreakdown .slick-dots li {
		margin: 0 10px 0 0;
		padding: 0;
	}
	.carrouselBreakdown .slick-dots li button:before {
		font-size: 12px;
		color: #2b0a3d;
		opacity: 0.2;
	}
	.carrouselBreakdown .slick-dots li.slick-active button:before {
		opacity: 1;
	}

	/* PushBottom */
	.widgetPushBottom {
		margin-top: 0px;
	}

	/* Credit
	* -------------------------- */
	.popInCredit {
		padding-top: 100px;
		background: #ffffff;
		width: 100%;
		left: 0;
	}
	.popInCredit .close {
		top: calc((100vw / 16) * 2);
	}
}


/* MEDIA QUERIES - DEVICE < 768px - LANDSCAPE
================================================================================= */
@media only screen and (max-width : 768px) and (orientation: landscape) {
	/* Annual repport
	* -------------------------- */
	.popInVideo,
	.popInVideo .inner {
		z-index: 12;
	}
}


/* MEDIA QUERIES - DEVICE < 445px
================================================================================= */
@media only screen and (max-width : 445px) {
	.widget a.btn {
		padding: 3px 20px;
	}

	/* Header
	* -------------------------- */
	.menuSidebar {
		padding: 10px 20px;
	}
	.menuSidebar .logo svg {
		width: 120px;
		height: 40px;
		display: block;
	}

	/* Menu
	* -------------------------- */
	.megaMenu {
		background: #304;
		padding-top: 0;
	}
	.megaMenu .mega-submenu {
		margin-top: 100px;
		padding: 0 20px 20px;
		height: 65vh; /* Fallback for browsers that do not support Custom Properties */
		height: calc(var(--vh, 1vh) * 85);
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.megaMenu .mainLinks {
		top: 20px;
		position: static;
	}
	.megaMenu .mainLinks > ul > li > a {
		font-size: 21px;
		line-height: 25px;
	}
	.megaMenu .mainLinks > ul > li > a br {
		display: none;
	}
	.megaMenu .mainLinks .altran {
		display: flex;
		flex-direction: column;
		padding-bottom: 20px;
	}
	.megaMenu .mainLinks .altran .altranImg {
		position: static;
		align-self: flex-end;
	}
	.megaMenu .socialLinks {
		position: static;
	}
	.megaMenu .socialLinks ul li {
		/* float: none; */
	}

	/* Main content
	* -------------------------- */
	.mainContent {
		margin: 60px 0 0;
	}

	/* Home
	* -------------------------- */
	.videoOverlay,
	video.videoMenu {
		top: 60px;
	}
	video.videoMenu.videoMenuIpad {
		display: none;
	}
	video.videoMenu.videoMenuIphone {
		display: block;
	}
	.mainContentHome .column .columnInner {
		padding: 6vh 0;
	}

	/* Annual Report
	* -------------------------- */
	.firstScreen .inner {
		bottom: 200px;
	}
	.firstScreen h1 {
		font-size: 21px;
		line-height: 25px;
		margin: 0 0 20px;
	}
	.firstScreen h1 br {
		display: none;
	}
	.firstScreen .bottom .intro {
		font-size: 16px;
		line-height: 25px;
	}
	.firstScreen .bottom .artistsLink {
		width: 90%;
		margin-top: 30px;
	}
	.firstScreen .bottom .artistsLink a {
		justify-content: flex-end;
	}
	.scrollBottom {
		bottom: 120px;
	}
	.widget.widgetMessage .blockTitle {
		margin-left: 0;
	}
	.widget.widgetMessage .blockTitle h2 {
		margin: 0 0 20px 0;
	}
	.widget.widgetMessage .inner .content {
		padding: 20px;
	}
	.widget.widgetMessage .inner .content .cta {
		left: 20px;
	}
	.widget.widgetBridge .inner .column-1 .job {
		margin-bottom: 30px;
	}
	.widgetAccordion li .section-content .inner .column p {
		font-size: 16px;
		line-height: 24px;
	}
	.interviewCarrousel .slick-item .content .column-2 {
		margin-left: 5%;
		width: 55%;
	}
	.widgetTalents {
		margin: 40px 0 0;
		padding-bottom: 80px;
	}
	.widgetTalents .column-1 .picture {
		margin-right: 0;
	}
	.widgetTalents .column-1 .picture2 .content blockquote {
		margin-top: 20px;
	}
	.widgetTalents .column-2 .picture3 .content blockquote {
		margin-bottom: 40px;
	}
	.widgetTalents .cta {
		bottom: -40px;
	}
	.carrouselBreakdown .slick-item {
		padding: 0;
	}
	.widgetBreakdown {
		margin-bottom: 60px;
	}
	.widgetBreakdown .slick-dots {
		z-index: 1;
		width: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	.widgetBreakdown .slick-dots li {
		margin: 0 5px;
		background: #2b0a3d;
		border-radius: 50%;
		width: 10px;
		height: 10px;
		opacity: 0.5;
	}
	.widgetBreakdown .slick-dots  li.slick-active {
		opacity: 1;
	}
	.widgetBreakdown .slick-dots li button:before {
		display: none;
	}
	.widgetPushBottom {
		flex-direction: column;
	}
	.widgetPushBottom .item {
		width: 100%;
		margin-bottom: 2px;
	}
	.popInVideo .inner iframe {
		height: 170px;
	}

	/* Letter */
	.widget.widgetLetter .inner .column1 h3 {
		margin: 0 0 5px 0;
		line-height: 15px;
	}
	.widget.widgetLetter .inner .column1 h2 {
		margin-top: 0;
		font-size: 21px;
		line-height: 25px;
	}
	.widget.widgetLetter .inner .column1 h2 br {
		display: none;
	}
	.widget.widgetLetter .inner .column1 p {
		font-size: 17px;
		line-height: 25px;
		margin-bottom: 40px;
	}

	/* Message */
	.widget.widgetMessage .blockTitle h2 {
		font-size: 21px;
		line-height: 25px;
	}
	.widget.widgetMessage .inner {
		height: auto;
		min-height: auto;
	}
	.widget.widgetMessage .inner .content .shareContent {
		margin-bottom: 0px;
	}
	.widget.widgetMessage .inner .content .text {
		transform: none;
	}
	.widget.widgetMessage .inner .content .text p {
		font-size: 21px;
		line-height: 25px;
		margin: 20px 0;
	}
	.widget.widgetMessage .inner .content .cta {
		bottom: 20px;
		padding: 3px 20px;
	}
	.widget.widgetMessage .blockTitle h3 {
		margin: 0 0 5px 0;
	}

	/* Altran */
	.widget.widgetAltran .video iframe {
		height: 210px;
	}
	.widget.widgetAltran .video .content {
		top: 40%;
		left: 20px;
		right: 20px;
	}
	.widget.widgetAltran .video .content h2 {
		font-size: 21px;
		line-height: 25px;
		width: 70%;
	}
	.widget.widgetAltran .download img.pdf {
		width: 35%;
		top: initial;
		bottom: -170%;
		right: 40px;
	}

	/* Hilights */
	.widget.widgetHighlights {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.widget.widgetHighlights .navigation {
		width: 20vw;
		top: 65px;
	}

	/* Interview */
	.interviewCarrousel .slick-item .content .column-1 {
		font-size: 100px;
		margin-right: 5%;
		padding: 0;
		width: 30%;
	}
	.interviewCarrousel .slick-item .content .column-2 {
		margin-left: 0;
		padding: 0;
		width: 70%;
	}
	.interviewCarrousel .slick-item .content {
		padding: 40px 20px 20px;
	}
	.interviewCarrousel .slick-item .content .column-2 h2,
	.interviewCarrousel .slick-item .content .column-2 h2 span {
		font-size: 21px;
		line-height: 25px;
		margin: 15px 0 0 0;
	}
	.interviewCarrousel .slick-item .content .column-2 img {
		display: none;
	}

	/* Offers */
	.widgetOffers {
		margin: 40px 0 0;
	}
	.widgetOffers .inner .column1 h3 {
		margin: 0 0 5px;
	}
	.widgetOffers .inner .column1 h2 {
		font-size: 21px;
		line-height: 25px;
		margin-top: 0;
	}
	.widgetOffers .inner .column1 p {
		font-size: 17px;
		line-height: 25px;
	}
	.widgetOffers .inner .column2 {
		padding-top: 40px;
	}
	.widgetOffers .inner .column2 .circle1 {
		width: calc(100vw / 16 * 14);
		height: calc(100vw / 16 * 14);
		margin: 0 auto;
	}
	.widgetOffers .inner .column2 .circle2 {
		width: calc(100vw / 16 * 9.5);
		height: calc(100vw / 16 * 9.5);
		left: 20px;
		bottom: 4%;
	}
	.widgetOffers .inner .column2 .circle3 {
		width: calc(100vw / 16 * 6);
		height: calc(100vw / 16 * 6);
	}
	.widgetOffers .inner .column2 .circle4 {
		width: calc(100vw / 16 * 3);
		height: calc(100vw / 16 * 3);
	}
	.widgetOffers .inner .column2 .circle1 .content {
		top: 35px;
		width: 50%;
	}
	.widgetOffers .inner .column2 .circle1 .content2 {
		top: initial;
		bottom: 5px;
		width: 70%;
	}
	.widgetOffers .inner .column2 .circle1 .content3 {
		top: initial;
		bottom: 5px;
	}
	.widgetOffers .inner .column2 .circle .content a p {
		font-size: 9px;
		line-height: 11px;
		margin-bottom: 5px;
	}
	.widgetOffers .inner .background {
		height: calc(100vw / 16 * 14);
	}

	/* Map */
	.widgetMap h2 {
		font-size: 21px;
		line-height: 25px;
	}
	.widgetMap p {
		font-size: 17px;
		line-height: 25px;
	}
	.widgetMap .inner img {
		width: 250%;
	}
	.widgetMap .numbers {
		width: 30vw;
		height: 30vw;
	}
	.widgetMap .numbers h3 {
		font-size: 30px;
		letter-spacing: -4px;
	}
	.widgetMap .numbers h4 {
		font-size: 11px;
		line-height: 15px;
	}
	.widgetMap .inner .push {
		max-width: 50vw;
		width: 50vw;
	}
	.widgetMap .inner .pushNA {
		top: 16vh;
		left: 41vw;
	}
	.widgetMap .inner .pushLA {
		bottom: 13vh;
		left: 75vw;
	}
	.widgetMap .inner .pushEU {
		top: 15vh;
		left: 123vw;
	}
	.widgetMap .inner .pushAP {
		right: -147%;
	}
	.widgetMap .numbers.numbersEU {
		top: 55vw;
	}
	.widgetMap .numbers.numbersLA {
		bottom: 80vw;
	}
	.mapLegend h4,
	.widgetMap p {
		font-size: 11px;
		line-height: 15px;
	}

	/* Talents */
	.widgetTalents h3 {
		margin: 0 0 5px 0;
		padding: 0 20px;
	}
	.widgetTalents h2 {
		margin: 0;
		padding: 0 20px;
		font-size: 21px;
		line-height: 25px;
	}
	.widgetTalents p {
		font-size: 17px;
		line-height: 25px;
		padding: 0 20px;
	}
	.widgetTalents .inner .column2 .circle,
	.widgetTalents .inner .column2 {
		width: 90vw;
		height: 90vw;
	}
	.widgetTalents .inner .column2 .circle .content {
		padding: 12vw;
	}
	.widgetTalents .inner .column2 .circle .content:before {
		width: 85vw;
		height: 85vw;
	}
	.widgetTalents .inner .column2 .circle h4 {
		width: 50%;
	}
	.widgetTalents .inner .column2 .circle.hover h3 {
		font-size: 17px;
	}
	.widgetTalents .inner .column2 .circle p.text {
		padding: 0;
		font-size: 11px;
		line-height: 15px;
	}
	.widgetTalents .inner .column2 .navigation span {
		width: 40px;
	}


	/* Architectes */
	.widgetArchitectes {
		margin: 320px 0 0;
	}
	.widgetArchitectes h2 {
		font-size: 21px;
		line-height: 25px;
	}
	.widgetArchitectes p.intro {
		font-size: 17px;
		margin-bottom: 40px;
	}
	.widgetArchitectes .accordion li a.accordionLink,
	.widgetArchitectes .accordion .inner .columnWrapper .column1 p {
		font-size: 17px;
		line-height: 25px;
	}
	.widgetArchitectes .accordion .inner .columnWrapper .column2 .item {
		position: relative;
		padding-bottom: 20px;
	}
	.widgetArchitectes .accordion .inner .columnWrapper .column2 .item a.btn {
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.widgetArchitectes .keyFigures .slick-dots {
		bottom: 35%;
	}
	.widgetArchitectes .keyFigures .slick-list {
		padding-right: 25vw;
	}
	.widgetArchitectes .keyFigures .item .inner {
		width: 50vw;
		height: 50vw;
	}

	/* Revenue */
	.widgetRevenue {
		padding: 0;
	}
	.keyFiguresCarole {
		padding: 0 20px;
	}
	.keyFiguresCarole h2 {
		font-size: 21px;
		line-height: 25px;
	}
	.keyFiguresCarole p.intro {
		font-size: 16px;
		line-height: 22px;
	}
	.keyFiguresCarole .people {
		flex-direction: column;
		margin-top: 30px;
		margin-bottom: 0;
	}
	.keyFiguresCarole .people .img {
		width: 100%;
	}
	.keyFiguresCarole .people .img img {
		width: 30%;
	}
	.keyFiguresCarole .people .content {
		width: 100%;
		margin: 30px 0 0 0;
		position: relative;
	}
	.keyFiguresCarole .people .content h2 {
		font-size: 17px;
		line-height: 25px;
		margin-bottom: 0;
	}
	.keyFiguresCarole .people .content h3 {
		margin: 0;
		position: absolute;
		left: 35%;
		top: -95px;
	}
	.widgetRevenue .inner {
		padding: 40px 20px 0;
	}
	.widgetRevenue .inner .column {
		padding: 0;
		margin-bottom: 40px;
	}
	.widgetRevenue .inner .column:last-of-type {
		margin-bottom: 0;
	}
	.widgetRevenue .inner .column .stats {
		width: 70%;
	}
	.widgetRevenue .inner .column .footnote {
		width: 70%;
		margin: 0 auto;
	}
	body.en .widgetArchitectes .keyFigures .item p.number {
		letter-spacing: -10px;
	}

	/* Breakdown */
	.carrouselBreakdown .slick-item .img {
		width: 70%;
	}

	/* PushBottom */
	.widgetPushBottom .item h2 {
		font-size: 21px;
		line-height: 25px;
		bottom: 40px;
	}


	/* Footer
	* -------------------------- */
	.mainFooter .thankYou {
		padding: 40px 20px;
		font-size: 17px;
		line-height: 25px;
	}
		.mainFooter .thankYou br {
			display: none;
		}
	footer.mainFooter ul {
		flex-direction: column;
		padding-bottom: 20px;
	}
	footer.mainFooter ul li {
		padding: 0 0 10px 0;
		text-align: left;
	}
	footer.mainFooter ul li:last-of-type {
		margin: 0;
	}
	footer.mainFooter ul li a {
		font-size: 11px;
		line-height: 15px;
	}

	/* Credit
	* -------------------------- */
	.popInCredit {
		padding-top: 70px;
		padding-bottom: 70px;
		margin-bottom: 70px;
		padding-left: 20px;
		padding-right: 20px;
		webkit-overflow-scrolling: touch;
	}
	.popInCredit h2 {
		font-size: 21px;
		line-height: 25px;
	}
	.popInCredit p {
		font-size: 17px;
		line-height: 25px;
	}
	.popInCredit .inner {
		height: 70vh;
		overflow: scroll;
		webkit-overflow-scrolling: touch;
	}
	.popInCredit .close {
		top: calc((100vw / 16) * 3);
	}
}