.dotSpace{
		align-items:center;
		align-self:center;
		justify-content:center;
		height:100vh;
		overflow:hidden;
		background:#ffffff;
	}
		.welcome{
			display:flex;
			flex-direction:column;
			justify-content:left;
			width:110px;
			position:absolute;
			top:25.5vh;
			left:11.46vw;
		}
			.welcome p{
				font-family: 'Dosis', sans-serif;
				font-size:1.35vw;
				font-weight:300;
				color:#F31755;
				text-transform:uppercase;
				letter-spacing:15px;
			}
				.welcome p span.letterOne{
					transform-origin:center center;
					font-size:0%;
					opacity:0;
					animation-name:firstLetter;
					animation-duration:300ms;
					animation-delay:1100ms;
					animation-timing-function:ease-in-out;
					animation-fill-mode: forwards;
				}
				@keyframes firstLetter{
					0%{
						font-size:0%;
						opacity:0;
					}
					75%{
						font-size:150%;
						opacity:0.5;
					}
					100%{
						font-size:100%;
						opacity:1;
					}
				}
				.welcome p span.letterTwo{
					transform-origin:center center;
					font-size:0%;
					opacity:0;
					animation-name:secondLetter;
					animation-duration:300ms;
					animation-delay:1200ms;
					animation-timing-function:ease-in-out;
					animation-fill-mode: forwards;
				}
				@keyframes secondLetter{
					0%{
						font-size:0%;
						opacity:0;
					}
					75%{
						font-size:150%;
						opacity:0.5;
					}
					100%{
						font-size:100%;
						opacity:1;
					}
				}
				.welcome p span.letterThree{
					transform-origin:center center;
					font-size:0%;
					animation-name:thirdLetter;
					animation-duration:300ms;
					animation-delay:1300ms;
					animation-timing-function:ease-in-out;
					animation-fill-mode: forwards;
				}
				@keyframes thirdLetter{
					0%{
						font-size:0%;
						opacity:0;
					}
					75%{
						font-size:150%;
						opacity:0.5;
					}
					100%{
						font-size:100%;
						opacity:1;
					}
				}
				.welcome p span.letterFoor{
					transform-origin:center center;
					font-size:0%;
					animation-name:fourthLetter;
					animation-duration:300ms;
					animation-delay:1400ms;
					animation-timing-function:ease-in-out;
					animation-fill-mode: forwards;
				}
				@keyframes fourthLetter{
					0%{
						font-size:0%;
						opacity:0;
					}
					75%{
						font-size:150%;
						opacity:0.5;
					}
					100%{
						font-size:100%;
						opacity:1;
					}
				}
			.welcome h1{
				position:absolute;
				font-family: 'GothamRounded-Bold';
				transform-origin:top left;
				transform:rotateZ(-90deg);
				font-size:10.41vw;
				color:#3CB5E9;
				left:-3.8vw;
				text-align:left;
				opacity:0;
				animation-name:logoHome;
				animation-duration:500ms;
				animation-delay:1700ms;
				animation-timing-function:ease-in-out;
				animation-fill-mode: forwards;
			}
				.welcome h1 span{
					color:#034F7B;
				}
				@keyframes logoHome{
					0%{
						top:40vw;
						opacity:0;
					}
					75%{
						top:31vw;
						opacity:.5;
					}
					100%{
						top:33vw;
						opacity:1;
					}
				}
		
		.animTextHomeContainer {
			position:absolute;
			top:76.94vh;
			left:22.39vw;
			display:flex;
			flex-direction:row;
			align-items:center;
			border-top:1px solid #3EB5E9;
			width:25.05vw;
			height:36px;
			font-family: 'Maven Pro', sans-serif;
			font-size:16px;
			letter-spacing:1px;
			text-align: left;
			color:#3EB5E9;
			opacity:0;
			animation-name:animTxtHome;
			animation-duration:600ms;
			animation-delay:1900ms;
			animation-timing-function:ease-in-out;
			animation-fill-mode: forwards;
		}
		@keyframes animTxtHome{
			0%{
				left:430px;
				opacity:0;
			}
			100%{
				left:479px;
				opacity:1;
			}
		}
		
		.baseline{
			position:absolute;
			z-index:20;
			width:650px;
			height:153px;
			top:29.15vh;
			left:50vw;
			opacity:0;
			animation-name:animTxtHome;
			animation-duration:600ms;
			animation-delay:2200ms;
			animation-timing-function:ease-in-out;
			animation-fill-mode: forwards;
		}
		@keyframes animTxtHome{
			0%{
				opacity:0;
			}
			100%{
				opacity:1;
			}
		}
			.baseline h2{
				font-family: 'Maven Pro', sans-serif;
				font-size:2.29vw;
				font-weight:900;
				line-height:2.65vw;
				color:#034F7B;
				text-transform:uppercase;
			}
			.baseline h2 span{
				color:#F31755;
			}
			.baseline p{
				font-family: 'Maven Pro', sans-serif;
				font-size:1.145vw;
				font-weight:400;
				line-height:1.666;
				color:#034F7B;
			}
	.homeVideo{
		min-width:100%;
		min-height:100%;
		opacity:.2;
	}
			
			
	/* APPROCHE */
	#thirdDotSpace{
		position:relative;
	}
	.servicesGlobalContainer{
		display:flex;
		flex-direction:row;
		justify-content:center;
		/* align-items:center; */
		background:#730625;
		width:100%;
		height:100%;
	}
		.introApproche{
			position:absolute;
			z-index:230;
			display:flex;
			flex-direction:column;
			justify-content:center;
			align-items:center;
			top:15vh;
		}
			.servicesGlobalContainer h2{
				top:15vh;
				font-family: 'Dosis', sans-serif;
				font-weight:300;
				font-size:2.64vw;
				line-height:1.3em;
				text-transform:uppercase;
				color:#ffffff;
				letter-spacing:0.8vw;
				word-break: normal;
				text-align:center;
			}
			.servicesGlobalContainer p{
				position:relative;
				font-family: 'Maven Pro', sans-serif;
				font-size:1.14vw;
				font-weight:500;
				line-height:1.66vw;
				color:#ffffff;
				text-align:center;
				margin-bottom:4.26vh;
				max-width:46vw;
			}
			.servicesContainer{
				display:flex;
				flex-direction:column;
				align-items:center;
				width:24.7vw;
				height:100%;
				flex:1 1 0;
			}
			.servicesLiner{
				width:0.10vw;
				height:100%;
				background:#F31755;
			}
			.servicesContentContainer{
				position:absolute;
				z-index:10;
				display:flex;
				flex-direction:column;
				align-items:center;
				background:transparent;
				width:22vw;
				top:45vh;
			}
				.servicesContentContainer h3{
					position:relative;
					font-family: 'Maven Pro', sans-serif;
					font-size:2.08vw;
					font-weight:400;
					text-transform:uppercase;
					line-height:2.65vw;
					color:#ffffff;
					margin-bottom:1vw;
				}
				.servicesContentContainer p{
					position:relative;
					font-family: 'Maven Pro', sans-serif;
					font-size: 0.83vw;
					font-weight: 400;
					line-height: 1.666;
					color:#ffffff;
					text-align:center;
					margin-bottom:4.26vh;
				}
			.serviceVisual{
				position:relative;
				z-index:1;
				width:100%;
				height:100%;
				mix-blend-mode:luminosity;
				opacity:.2;
			}
			.strategie{
				background:url(../img/service-strategie.jpg) center center;
			}
			.design{
				background:url(../img/service-design.jpg) center center;
			}
			.support{
				background:url(../img/service-support.jpg) center center;
			}
			.reporting{
				background:url(../img/service-reporting.jpg) center center;
			}		
			

/* TOOLS */
			#fifthDotSpace{
				display:flex;
				flex-direction:column;
				background: linear-gradient(#FFFFFF,#E5E5E5);
			}
				.stsGlobalIntro{
					display:flex;
					flex-direction:row;
					width:73.59vw;
				}
					.stsIntro{
						display:flex;
						flex-direction:column;
						width:34.89vw;
					}
						.stsIntro h2{
							width:33.28vw;
							font-family: 'Dosis', sans-serif;
							font-weight:300;
							font-size:2.76vw;
							line-height:1em;
							text-transform:uppercase;
							color:#CC9900;
							letter-spacing:0.44vw;
							word-break: break-all;
							text-align:justify;
						}
						.stsIntro p{
							width:34.89vw;
							font-family: 'Maven Pro', sans-serif;
							font-size:1.14vw;
							line-height:1.66vw;
							color:#707070;
							font-weight:400;
							text-align:justify;
							margin-top:2vh;
						}
						p.surtitreSts{
							font-family: 'Maven Pro', sans-serif;
							font-size:0.83vw;
							font-weight:400;
							line-height:1vh;
							color:#0085B0;
							text-indent:2.08vw;
						}
					.stsCtaBlock{
						display:flex;
						flex-direction:column;
						width:65.11vw;
						text-align:center;
						align-self:center;
						align-items:center;
						justify-content:space-around;
					}
					.globalCtaRequestContainer{
						position:relative;
						display:inline-block;
						width:240px;
						height:18px;
						flex-direction:row;
						align-self:center;
						justify-content:center;
						border-radius:47px;
						background:#CC9900;
						padding:15px;
						margin-top:15px;
						box-shadow:rgba(0,0,0,.5) 0px 12px 28px;
						transition: 300ms ease-in-out;
					}
					.ctaRequestContainer{
						display:flex;
						flex-direction:row;
						align-items:center;
						align-self:center;
						justify-content:center;
						border-radius:47px;
					}
					.ctaRequestContainer svg {
					  position: absolute;
					  left: 0;
					  top: 0;
					  fill: none;
					  stroke: #ffdb6d;
					  stroke-dasharray: 210 670;
					  stroke-dashoffset: 210;
					  transition: 1s ease-in-out;
					}
					.globalCtaRequestContainer:hover{
						cursor:pointer;
						background:#946e00;
						box-shadow:rgba(0,0,0,.5) 0px 6px 14px;
					}
					.ctaRequestContainer:hover svg{
						stroke-dashoffset:-670;
					}
					.ctaRequestContainer h5{
						font-family: 'Maven Pro', sans-serif;
						font-size:18px;
						font-weight:500;
						color:#ffffff;
						text-transform:uppercase;
						margin:0 20px;
						align-items:center;
						align-self:center;
						justify-content:center;
					}
				.stsGlobalCarrousel{
					display:flex;
					flex-direction:column;
					width:100vw;
					align-items:center;
					justify-content:space-around;
					margin-top:10vh;
				}
					.stsNavCarrousel{
						display:flex;
						flex-direction:row;
						width:80vw;
						align-items:center;
						margin-bottom:3vh;
					}
						.globalNavSlider{
								
							}
							.globalNavArrowContainer{
								display:inline-block;
								flex-direction:row;
								/* align-self:center; */
								justify-content:space-around;
								border-radius:47px;
								background:#ffffff;
								box-shadow:rgba(0,0,0,.5) 0px 12px 28px;
								overflow:hidden;
								/* margin-right:35px; */
								transition:all 1s;
								transition-timing-function: ease-in-out;
								transition-duration: 300ms;
							}
							.globalNavArrowContainer:hover{
								box-shadow:rgba(0,0,0,.5) 0px 6px 14px;
							}
							.navArrowContainer{
								display:flex;
								flex-direction:row;
								border-radius:47px;
							}
							.navArrowIco, .navArrowLeftIco{
								display:flex;
								flex-direction:row;
								width:47px;
								height:47px;
								background:#ffffff;
								border-radius:50%;
								justify-content:center;
							}
							.navArrowIco img,.navArrowLeftIco img{
								max-width:30px;
								max-height:30px;
								align-items:center;
								align-self:center;
								justify-content:center;
								transform:translateX(0);
								opacity:1;
							}
							.navArrowLeftIco img{
								transform:rotate(180deg);
							}
							.globalNavArrowContainer:hover .navArrowIco img{
								animation-duration: 500ms;
								animation-timing-function: ease-in-out;
								animation-fill-mode: backwards;
								animation-name:movingArrow;
							}
							.globalNavArrowContainer:hover .navArrowLeftIco img{
								animation-duration: 500ms;
								animation-timing-function: ease-in-out;
								animation-fill-mode: backwards;
								animation-name:movingLeftArrow;
							}
							@keyframes movingArrow{
								0%{
									opacity:1;
									transform:translateX(0);
								}
								49%{
									opacity:0;
									transform:translateX(-100px);
								}
								50%{
									opacity:0;
									transform:translateX(100px);
								}
								100%{
									opacity:1;
									transform:translateX(0);
								}
							}
							@keyframes movingLeftArrow{
								0%{
									opacity:1;
									transform:rotate(180deg) translateX(0);
								}
								49%{
									opacity:0;
									transform:rotate(180deg) translateX(-100px);
								}
								50%{
									opacity:0;
									transform:rotate(180deg) translateX(100px);
								}
								100%{
									opacity:1;
									transform:rotate(180deg) translateX(0);
								}
							}
							.inactive{
								opacity:.5;
								box-shadow:rgba(0,0,0,0) 0px 0px 0px;
							}
							.inactive:hover{
								opacity:.5;
								box-shadow:rgba(0,0,0,0) 0px 0px 0px;
							}
							.inactive:hover .navArrowLeftIco img,.inactive:hover .navArrowIco img{
								animation-name: none;
							}
						
					.stsScreenCarrousel{
						display: flex;
						flex-direction: row;
						justify-content: start;
						max-width: 100%;
						padding: 0 5%;
					}
						.stsVisuelsCarrousel{
							display:flex;
							flex-direction:column;
							justify-content:center;
							align-items:center;
						}
						.stsVisuelsCarrousel p{
							font-family: 'Maven Pro', sans-serif;
							font-size:1.04vw;
							font-weight:400;
							line-height:1vh;
							color:#0085B0;
						}
						.stsScreenCarrousel img{
							max-width: 21vw;
							margin: 1vw;
						}
			
/* FORMATS */			
	#sixthDotSpace{
		display:flex;
		flex-direction:column;
		height: 100%;
		padding-top: 10vh;
		padding-bottom: 20vh;
		background: linear-gradient(#034F7B,#02283E);
	}
		.introFormats{
			display:flex;
			flex-direction:column;
			justify-content:center;
			align-items:center;
		}
			.introFormats h2{
				font-family: 'Dosis', sans-serif;
				font-weight:300;
				font-size:2.64vw;
				line-height:1.3em;
				text-transform:uppercase;
				color:#ffffff;
				letter-spacing:0.8vw;
				word-break: normal;
				text-align:center;
			}
			.introFormats p{
				font-family: 'Maven Pro', sans-serif;
				font-size:1.14vw;
				font-weight:500;
				line-height:1.66vw;
				color:#ffffff;
				text-align:center;
				margin-bottom:4.26vh;
				max-width:46vw;
			}
			.globalVisuelFormats{
				display:flex;
				flex-direction:row;
				width:100%;
				justify-content:center;
			}
				.globalVisuelFormatsMobile{
					display:flex;
					flex-direction:row;
					position:absolute;
					z-index:60;
					margin-top: 210px;
					width: 90%;
					justify-content: space-between;
				}
					.visuelsFormatsMobile{
						width: 45vw;
						display: flex;
						flex-direction: row;
						justify-content: space-around;
					}
				.globalVisuelsFormatsDesktop{
					display: flex;
					flex-direction: row;
					justify-content: center;
					width:63%;
				}
					.globalVisuelsFormatsDesktop img{
						position:absolute;
						z-index:50;
					}
						.visuelsFormatsDesktop{
							width:100%;
							display:flex;
							flex-direction:row;
							justify-content:center;
						}
						.visuelsFormatsDesktop img{
							position: relative;
							z-index: 40;
							top: 1vh;
						}
						
			.globalVisuelFormats .globalCTAInContainer{
				position:absolute;
				margin-top: 420px;
				left: 50%;
				transform: translateX(-50%);
			}
			
/* FAMILY */			
	#seventhDotSpace{
		display:flex;
		flex-direction:row;
		height: 100%;
		padding-top: 10vh;
		padding-bottom: 20vh;
		background: linear-gradient(#ffffff,#E5E5E5);
		justify-content:space-around;
	}
		.globalFamilyBlock{
			display:flex;
			flex-direction:column;
			justify-content:left;
			max-width:40%;
			align-items: start;
		}
			.globalFamilyBlock h2{
				font-family: 'Dosis', sans-serif;
				font-weight:300;
				font-size:2.64vw;
				line-height:1.3em;
				text-transform:uppercase;
				color:#034F7B;
				letter-spacing:0.8vw;
				word-break: normal;
				text-align:left;
				margin-left:10vw;
			}
			.globalFamilyBlock p{
				font-family: 'Maven Pro', sans-serif;
				font-size:1.14vw;
				font-weight:400;
				line-height:1.66vw;
				color:#707070;
				text-align:left;
				margin-bottom:4.26vh;
				max-width:46vw;
				margin-left:10vw;
			}
			.globalFamilyBlock img{
				width:100%;
			}
			.ctaFamily{
				position:absolute;
				margin-top:22vw;
				margin-left:10vw;
			}
		.globalSuccessBlock{
			display:flex;
			flex-direction:column;
			justify-content:left;
			max-width:34%;
			flex-shrink: 1;
			align-items: start;
		}
			.successBlockHomeLogos{
				display:flex;
				flex-direction:row;
				justify-content:start;
				align-items:left;
				width:100%;
				flex-shrink:0;
				flex-wrap:wrap;
			}
				.successBlockHomeLogosImage{
					display:flex;
					flex-direction:column;
					justify-content:center;
					align-items:center;
					overflow:hidden;
					background:rgba(255,255,255,1);
					box-shadow:rgba(0,0,0,.33) 0px 0px 4px;
					width:30%;
					width:147px;
					height:55px;
					margin-right:1vw;
					margin-bottom:1vw;
				}
				.successBlockHomeLogosImage img{
					width:70%;
				}
			.globalSuccessBlock h2{
				font-family: 'Dosis', sans-serif;
				font-weight:300;
				font-size:2.64vw;
				line-height:1.3em;
				text-transform:uppercase;
				color:#034F7B;
				letter-spacing:0.8vw;
				word-break: normal;
				text-align:left;
			}
			.globalSuccessBlock p{
				font-family: 'Maven Pro', sans-serif;
				font-size:1.14vw;
				font-weight:400;
				line-height:1.66vw;
				color:#707070;
				text-align:left;
				margin-bottom:4.26vh;
				max-width:46vw;
			}
						
						
						
			
/* ACTU */
			
#eighthDotSpace{
	display:flex;
	flex-direction:row;
	height: 100%;
	background: linear-gradient(#034F7B,#02283E);
}
			.brefGradientBlock{
				display:flex;
				flex-direction:column;
				justify-content:center;
				align-items:center;
				width:40.05vw;
				height:100%;
				
			}
				.brefGradientBlock h2{
					width:24.73vw;
					font-family: 'Dosis', sans-serif;
					font-weight:300;
					font-size:2.76vw;
					line-height:2.5em;
					text-transform:uppercase;
					color:#ffffff;
					letter-spacing:0.8vw;
					word-break: break-all;
					text-align:center;
				}
				.brefGradientBlock p{
					width: 21.97vw;
					font-family: 'Maven Pro', sans-serif;
					font-size:0.83vw;
					line-height:1.35vw;
					color:#ffffff;
					text-align:center;
					margin-bottom:2vw;
				}
			.brefGrille{
				display:flex;
				flex-direction:row;
				flex-wrap: wrap;
				justify-content:space-around;
				width:59.94vw;
				height:100%;
			}
				.brefGrille a{
					display: flex;
					flex-direction: column;
					width: 50%;
					height: 50%;
					overflow: hidden;
					background: #0085b0;
					justify-content: center;
					align-items: center;
				}
				.brefSample{
					display:flex;
					flex-direction:column;
					width:100%;
					height:100%;
					overflow:hidden;
					background: #0085b0;
					justify-content:center;
					align-items:center;
					transition:all 1s;
					transition-timing-function: ease-in-out;
					transition-duration: 500ms;
				}
					.brefVisuel{
						position:relative;
						z-index:1;
						max-width:100%;
						overflow:hidden;
						background:#000000;
						display: flex;
						flex-direction: row;
						justify-content: center;
					}
					.brefVisuel img{
						opacity:.15;
						transition:all 1s;
						transition-timing-function: ease-in-out;
						transition-duration: 500ms;
						height: 540px;
					}
					.brefSample:hover > .brefVisuel img{
						cursor:pointer;
						transform:scale(1.2);
						opacity:.3;
					}
					.brefContent{
						position:absolute;
						z-index:10;
					}
					p.brefDate{
						width: 18.80vw;
						font-family: 'Maven Pro', sans-serif;
						font-size:0.83vw;
						line-height:1.35vw;
						color:#AFAFAF;
						text-align:left;
					}
					.brefSample h4{
						width:18.80vw;
						font-family: 'Maven Pro', sans-serif;
						font-size:1.04vw;
						color:#ffffff;
						margin-bottom:.8vw;
					}
					.brefSample p{
						width:18.80vw;
						font-family: 'Maven Pro', sans-serif;
						font-size:0.83vw;
						font-weight:500;
						line-height:1.35vw;
						color:#AFAFAF;
						text-align:left;
					}
					
/* PROGRA */
#secondDotSpace{
	display:flex;
	flex-direction:row;
}	
		.prograGradientBlock{
			position:relative;
			z-index:20;
			width:40.05vw;
			height:100%;
			background: linear-gradient(#034F7B,#02283E);
		}
		.prograTextBlock{
			display:flex;
			flex-direction:column;
			justify-content:center;
			align-items:start;
			width:59.94vw;
			height:100%;
		}
			.prograTextBlock h3{
				position:relative;
				width:30.05vw;
				left:12vw;
				font-family: 'Maven Pro', sans-serif;
				font-size:2.08vw;
				font-weight:400;
				line-height:2.65vw;
				color:#0085B0;
				margin-bottom:1vw;
			}
			.prograTextBlock p{
				position:relative;
				width:30.05vw;
				left:12vw;
				font-family: 'Maven Pro', sans-serif;
				font-size:1.14vw;
				font-weight:500;
				line-height:1.66vw;
				color:#707070;
				text-align:left;
				margin-bottom:3vh;
			}
			.globalCTAInContainer{
				position:relative;
				display:flex;
				flex-direction:row;
				justify-content:center;
				align-items:center;
				border-radius:47px;
				background:#ffffff;
				box-shadow:rgba(0,0,0,.5) 0px 12px 28px;
				cursor:pointer;
				transition:all 1s;
				transition-timing-function: ease-in-out;
				transition-duration: 300ms;
			}
			.ctaInContainer{
				display:flex;
				flex-direction:row;
				border-radius:47px;
			}
			.ctaInIco{
				display:flex;
				flex-direction:row;
				width:35px;
				height:35px;
				background:#ffffff;
				border-radius:50%;
				justify-content:center;
			}
			.ctaInIco img{
				max-width:25px;
				max-height:25px;
				align-items:center;
				align-self:center;
				justify-content:center;
				transition:all 1s;
				transition-timing-function: ease-in-out;
				transition-duration: 500ms;
			}
			.globalCTAInContainer:hover{
				box-shadow:rgba(0,0,0,.5) 0px 6px 14px;
			}
			.globalCTAInContainer:hover .ctaInIco img{
				transform:rotate(360deg);
			}
			.prograTextBlock .globalCTAInContainer{
				left:12vw;
			}
			h5{
				font-family: 'Maven Pro', sans-serif;
				font-size:0.83vw;
				color:#F31755;
				text-transform:uppercase;
				margin-right:20px;
				align-items:center;
				align-self:center;
				justify-content:center;
			}
		.prograTitleBlock{
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			z-index: 50;
			width: 28.28vw;
			height: 28.28vw;
			top: 0;
			left: 15%;
			background: rgba(0,133,176,1);
			box-shadow: rgba(0,0,0,.10) 15px 13px 6px;
			transform: rotate(15deg);
			flex-shrink: 0;
		}
			.prograTitleBlock h2{
				width: 28.2vw;
				font-family: 'Dosis', sans-serif;
				font-weight: 300;
				font-size: 2.64vw;
				line-height: 1.5em;
				text-transform: uppercase;
				color: #ffffff;
				letter-spacing: 2.2vw;
				word-break: break-all;
				text-align: center;
				transform: rotate(-15deg);
				position: relative;
				left: 1vw;
				top: -1vw;
			}
		
			.secteursGradientBlock{
				display:flex;
				flex-direction:column;
				justify-content:center;
				align-items:center;
				width:40.05vw;
				height:100%;
				background: linear-gradient(#034F7B,#02283E);
			}
				.secteursGradientBlock h2{
					width:24.73vw;
					font-family: 'Dosis', sans-serif;
					font-weight:300;
					font-size:2.76vw;
					line-height:2.5em;
					text-transform:uppercase;
					color:#ffffff;
					letter-spacing:0.8vw;
					word-break: break-all;
					text-align:center;
				}
				.secteursGradientBlock p{
					width: 21.97vw;
					font-family: 'Maven Pro', sans-serif;
					font-size:0.83vw;
					line-height:1.35vw;
					color:#ffffff;
					text-align:center;
					margin-bottom:2vw;
				}
			
@media screen and (min-width: 1200px){
	.ctaInIcoMobile{
		display:none;
	}
}	
@media screen and (min-width: 900px) and (max-width: 1200px){					
					
					
/* PREMIER BLOCK */
	
	.welcome{
			display:flex;
			flex-direction:column;
			justify-content:left;
			width:110px;
			position:absolute;
			top:31.5vh;
			left:11.46vw;
		}
			.welcome p{
				font-family: 'Dosis', sans-serif;
				font-size:1.35vw;
				font-weight:300;
				color:#F31755;
				text-transform:uppercase;
				letter-spacing:15px;
				margin-top: -10vw;
				margin-left: 2vw;
			}
				.welcome p span.letterOne{
					transform-origin:center center;
					font-size:0%;
					opacity:0;
					animation-name:firstLetter;
					animation-duration:300ms;
					animation-delay:1100ms;
					animation-timing-function:ease-in-out;
					animation-fill-mode: forwards;
				}
				@keyframes firstLetter{
					0%{
						font-size:0%;
						opacity:0;
					}
					75%{
						font-size:150%;
						opacity:0.5;
					}
					100%{
						font-size:100%;
						opacity:1;
					}
				}
				.welcome p span.letterTwo{
					transform-origin:center center;
					font-size:0%;
					opacity:0;
					animation-name:secondLetter;
					animation-duration:300ms;
					animation-delay:1200ms;
					animation-timing-function:ease-in-out;
					animation-fill-mode: forwards;
				}
				@keyframes secondLetter{
					0%{
						font-size:0%;
						opacity:0;
					}
					75%{
						font-size:150%;
						opacity:0.5;
					}
					100%{
						font-size:100%;
						opacity:1;
					}
				}
				.welcome p span.letterThree{
					transform-origin:center center;
					font-size:0%;
					animation-name:thirdLetter;
					animation-duration:300ms;
					animation-delay:1300ms;
					animation-timing-function:ease-in-out;
					animation-fill-mode: forwards;
				}
				@keyframes thirdLetter{
					0%{
						font-size:0%;
						opacity:0;
					}
					75%{
						font-size:150%;
						opacity:0.5;
					}
					100%{
						font-size:100%;
						opacity:1;
					}
				}
				.welcome p span.letterFoor{
					transform-origin:center center;
					font-size:0%;
					animation-name:fourthLetter;
					animation-duration:300ms;
					animation-delay:1400ms;
					animation-timing-function:ease-in-out;
					animation-fill-mode: forwards;
				}
				@keyframes fourthLetter{
					0%{
						font-size:0%;
						opacity:0;
					}
					75%{
						font-size:150%;
						opacity:0.5;
					}
					100%{
						font-size:100%;
						opacity:1;
					}
				}
			.welcome h1{
				position:absolute;
				font-family: 'GothamRounded-Bold';
				transform-origin:top left;
				transform:rotateZ(-90deg);
				font-size:15.41vw;
				color:#3CB5E9;
				left:-3.8vw;
				/* margin-top: 20px; */
				text-align:left;
				opacity:0;
				animation-name:logoHome;
				animation-duration:500ms;
				animation-delay:1700ms;
				animation-timing-function:ease-in-out;
				animation-fill-mode: forwards;
			}
				.welcome h1 span{
					color:#034F7B;
				}
				@keyframes logoHome{
					0%{
						top:43vw;
						opacity:0;
					}
					75%{
						top:34vw;
						opacity:.5;
					}
					100%{
						top:36vw;
						opacity:1;
					}
				}
	
	.animTextHomeContainer {
			position:absolute;
			top:76.94vh;
			left:46vw;
			display:flex;
			flex-direction:column;
			align-items:start;
			border-top:1px solid #3EB5E9;
			padding-top:1vh;
			width:37vw;
			height:36px;
			font-family: 'Maven Pro', sans-serif;
			font-size:16px;
			letter-spacing:1px;
			text-align: left;
			line-height:3vh;
			color:#3EB5E9;
			opacity:0;
			animation-name:animTxtHome;
			animation-duration:600ms;
			animation-delay:1900ms;
			animation-timing-function:ease-in-out;
			animation-fill-mode: forwards;
		}
			.dropLineHome{
				display:flex;
			}
		@keyframes animTxtHome{
			0%{
				left:430px;
				opacity:0;
			}
			100%{
				left:479px;
				opacity:1;
			}
		}
		a { color:#F31755; text-decoration: none;}
		.baseline{
			position:absolute;
			z-index:20;
			width:437px;
			height:153px;
			top:25.15vh;
			left:46vw;
			opacity:0;
			animation-name:animTxtHome;
			animation-duration:600ms;
			animation-delay:2200ms;
			animation-timing-function:ease-in-out;
			animation-fill-mode: forwards;
		}
		@keyframes animTxtHome{
			0%{
				opacity:0;
			}
			100%{
				opacity:1;
			}
		}
			.baseline h2{
				font-family: 'Maven Pro', sans-serif;
				font-size:3.29vw;
				font-weight:900;
				line-height:3.65vw;
				color:#034F7B;
				text-transform:uppercase;
			}
			.baseline p{
				font-family: 'Maven Pro', sans-serif;
				font-size:1.5vw;
				font-weight:400;
				line-height:2.2vw;
				color:#034F7B;
				margin-top: 1.5vw;
				max-width: 35vw;
			}
			
			
	/* SERVICES */
	.servicesGlobalContainer{
			display:flex;
			flex-direction:column;
			justify-content:start;
			align-items:center;
			background:#730625;
			width:100%;
			height:100%;
		}
			.introApproche{
				position:relative;
				z-index:230;
				display:flex;
				flex-direction:column;
				justify-content:center;
				align-items:center;
				height:37vh;
				top:2vh;
			}
			.servicesGlobalContainer h2{
				position:relative;
				z-index:230;
				top:auto;
				font-family: 'Dosis', sans-serif;
				font-weight:300;
				font-size:3.64vw;
				line-height:1.3em;
				text-transform:uppercase;
				color:#ffffff;
				letter-spacing:0.8vw;
				word-break: normal;
				text-align:center;
				width:auto;
			}
			.servicesGlobalContainer p{
				position:relative;
				font-family: 'Maven Pro', sans-serif;
				font-size:1.5vw;
				font-weight:500;
				line-height:2vw;
				color:#ffffff;
				text-align:center;
				margin-bottom:0;
				max-width:46vw;
			}
			.servicesContainer{
				position:relative;
				display:flex;
				flex-direction:column;
				align-items:center;
				width:100vw;
				min-height:10vh;
				flex:0 1 0;
			}
			.servicesLiner{
				display:none;
			}
			.servicesContentContainer{
				position:relative;
				z-index:10;
				display:flex;
				flex-direction:column;
				align-items:center;
				background:transparent;
				width:22vw;
				top:50%;
				transform:translateY(-50%);
			}
				.servicesContentContainer h3{
					position:relative;
					font-family: 'Maven Pro', sans-serif;
					font-size:2.08vw;
					font-weight:400;
					text-transform:uppercase;
					line-height:2.65vw;
					color:#ffffff;
					margin-bottom:0;
				}
				.servicesContentContainer p{
					display:none;
				}
				.servicesContentContainer .globalCTAInContainer{
					display:none;
				}
				.ctaInIcoMobile{
					margin-top:7vh;
				}
			.serviceVisual{
				position:absolute;
				z-index:1;
				width:100%;
				height:100%;
				mix-blend-mode:luminosity;
				opacity:.2;
				flex:1 1 0;
			}
			.strategie{
				background:url(../img/service-strategie.jpg) center center;
			}
			.design{
				background:url(../img/service-design.jpg) center center;
			}
			.support{
				background:url(../img/service-support.jpg) center center;
			}
			.reporting{
				background:url(../img/service-reporting.jpg) center center;
			}
			.ctaInIco {
				display: flex;
				flex-direction: row;
				width: 53px;
				height: 53px;
				background: #ffffff;
				border-radius: 50%;
				justify-content: center;
			}
			.ctaInIco img {
				max-width: 40px;
				max-height: 40px;
				align-self: center;
				transition: all 1s;
					transition-duration: 1s;
					transition-timing-function: ease;
				transition-timing-function: ease-in-out;
				transition-duration: 500ms;
			}
			
/* TOOLS */	
#fifthDotSpace{
				display:flex;
				flex-direction:column;
				background: linear-gradient(#FFFFFF,#E5E5E5);
				height:100%;
				padding-top:8vh;
				padding-bottom:8vh;
			}
				.stsGlobalIntro{
					display:flex;
					flex-direction:row;
					width:73.59vw;
				}
					.stsIntro{
						display:flex;
						flex-direction:column;
						width:34.89vw;
					}
						.stsIntro h2{
							width:33.28vw;
							font-family: 'Dosis', sans-serif;
							font-weight:300;
							font-size:2.76vw;
							line-height:1em;
							text-transform:uppercase;
							color:#CC9900;
							letter-spacing:0.44vw;
							word-break: break-all;
							text-align:justify;
						}
						.stsIntro p{
							width:34.89vw;
							font-family: 'Maven Pro', sans-serif;
							font-size:1.14vw;
							line-height:1.66vw;
							color:#707070;
							font-weight:400;
							text-align:justify;
							margin-top:2vh;
						}
						p.surtitreSts{
							font-family: 'Maven Pro', sans-serif;
							font-size:0.83vw;
							font-weight:400;
							line-height:1vh;
							color:#0085B0;
							text-indent:2.08vw;
						}
					.stsCtaBlock{
						display:flex;
						flex-direction:row;
						width:65.11vw;
						text-align:center;
						align-self:center;
						align-items:center;
						justify-content:space-around;
					}
					
					.globalCtaRequestContainer{
						position:relative;
						display:inline-block;
						width:240px;
						height:18px;
						flex-direction:row;
						align-self:center;
						justify-content:center;
						border-radius:47px;
						background:#CC9900;
						padding:15px;
						margin-top:15px;
						box-shadow:rgba(0,0,0,.5) 0px 12px 28px;
						transition: 300ms ease-in-out;
					}
					.ctaRequestContainer{
						display:flex;
						flex-direction:row;
						align-items:center;
						align-self:center;
						justify-content:center;
						border-radius:47px;
					}
					.ctaRequestContainer svg {
					  position: absolute;
					  left: 0;
					  top: 0;
					  fill: none;
					  stroke: #ffdb6d;
					  stroke-dasharray: 210 670;
					  stroke-dashoffset: 210;
					  transition: 1s ease-in-out;
					}
					.globalCtaRequestContainer:hover{
						cursor:pointer;
						background:#946e00;
						box-shadow:rgba(0,0,0,.5) 0px 6px 14px;
					}
					.ctaRequestContainer:hover svg{
						stroke-dashoffset:-670;
					}
					.ctaRequestContainer h5{
						font-family: 'Maven Pro', sans-serif;
						font-size:18px;
						font-weight:500;
						color:#ffffff;
						text-transform:uppercase;
						margin:0 20px;
						align-items:center;
						align-self:center;
						justify-content:center;
					}
				.stsGlobalCarrousel{
					display:flex;
					flex-direction:column;
					width:100vw;
					align-items:center;
					justify-content:space-around;
					margin-top:10vh;
				}
					.stsNavCarrousel{
						display:flex;
						flex-direction:row;
						width:80vw;
						align-items:center;
						margin-bottom:3vh;
					}		
					.stsScreenCarrousel{
						display: flex;
						flex-direction: row;
						justify-content: start;
						max-width: 100%;
						padding: 0 5%;
						flex-wrap:wrap;
					}
						.stsVisuelsCarrousel{
							display:flex;
							flex-direction:column;
							justify-content:center;
							align-items:center;
							width:100%;
						}
						.stsVisuelsCarrousel p{
							font-family: 'Maven Pro', sans-serif;
							font-size:1.04vw;
							font-weight:400;
							line-height:1vh;
							color:#0085B0;
						}
						.stsScreenCarrousel img{
							max-width: 80%;
							margin: 4vw;
						}
						.stsScreenCarrousel a{
							width:50%;
						}
						.stsCtaBlock .globalCTAInContainer{
							display:none;
						}
						.ctaInIcoMobile{
							display:flex !important;
							margin-top:2vh;
						}
						
						
						
						
/* FORMATS */			
	#sixthDotSpace{
		display:flex;
		flex-direction:column;
		height: 100%;
		padding-top: 10vh;
		padding-bottom: 20vh;
		background: linear-gradient(#034F7B,#02283E);
	}
		.introFormats{
			display:flex;
			flex-direction:column;
			justify-content:center;
			align-items:center;
		}
			.introFormats h2{
				font-family: 'Dosis', sans-serif;
				font-weight:300;
				font-size:2.64vw;
				line-height:1.3em;
				text-transform:uppercase;
				color:#ffffff;
				letter-spacing:0.8vw;
				word-break: normal;
				text-align:center;
			}
			.introFormats p{
				font-family: 'Maven Pro', sans-serif;
				font-size:1.14vw;
				font-weight:500;
				line-height:1.66vw;
				color:#ffffff;
				text-align:center;
				margin-bottom:4.26vh;
				max-width:46vw;
			}
			.globalVisuelFormats{
				display:flex;
				flex-direction:row;
				width:100%;
				justify-content:center;
			}
				.globalVisuelFormatsMobile{
					display:flex;
					flex-direction:row;
					position:absolute;
					z-index:60;
					margin-top: 210px;
					width: 90%;
					justify-content: space-between;
				}
					.visuelsFormatsMobile{
						width: 45vw;
						display: flex;
						flex-direction: row;
						justify-content: space-around;
					}
				.globalVisuelsFormatsDesktop{
					display: flex;
					flex-direction: row;
					justify-content: center;
					width:63%;
				}
					.globalVisuelsFormatsDesktop img{
						position:absolute;
						z-index:50;
					}
						.visuelsFormatsDesktop{
							width:100%;
							display:flex;
							flex-direction:row;
							justify-content:center;
						}
						.visuelsFormatsDesktop img{
							position: relative;
							z-index: 40;
							top: 1vh;
						}
						
			.globalVisuelFormats .globalCTAInContainer{
				position:absolute;
				margin-top: 420px;
			}
			.globalVisuelFormats .globalCTAInContainer{
				display:none;
			}
	
/* FAMILY */			
	#seventhDotSpace{
		display:flex;
		flex-direction:column;
		height: 100%;
		padding-top: 10vh;
		padding-bottom: 20vh;
		background: linear-gradient(#ffffff,#E5E5E5);
		justify-content: center;
		align-items: center;
	}
		.globalFamilyBlock{
			display:flex;
			flex-direction:column;
			justify-content:center;
			max-width:80%;
			align-items: center;
			margin-bottom: 10vw;
		}
			.globalFamilyBlock h2{
				font-family: 'Dosis', sans-serif;
				font-weight:300;
				font-size:2.64vw;
				line-height:1.3em;
				text-transform:uppercase;
				color:#034F7B;
				letter-spacing:0.8vw;
				word-break: normal;
				text-align:center;
				margin-left:0;
			}
			.globalFamilyBlock p{
				font-family: 'Maven Pro', sans-serif;
				font-size:1.14vw;
				font-weight:400;
				line-height:1.66vw;
				color:#707070;
				text-align:center;
				margin-bottom:4.26vh;
				max-width:46vw;
				margin-left:0;
			}
			.globalFamilyBlock img{
				width:100%;
			}
			.ctaFamily{
				position: absolute;
				margin-top: 280px;
				margin-left: 0;
				display: flex;
				flex-direction: column;
				align-items: center;
			}
		.globalSuccessBlock{
			display: flex;
			flex-direction: column;
			justify-content: center;
			max-width: 80%;
			flex-shrink: 1;
			align-items: center;
		}
			.successBlockHomeLogos{
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				width: 80%;
				flex-shrink: 0;
				flex-wrap: wrap;
			}
				.successBlockHomeLogosImage{
					display:flex;
					flex-direction:column;
					justify-content:center;
					align-items:center;
					overflow:hidden;
					box-shadow:rgba(0,0,0,.33) 0px 0px 4px;
					width:30%;
					width:147px;
					height:55px;
					margin-right:1vw;
					margin-bottom:1vw;
				}
				.successBlockHomeLogosImage img{
					width:70%;
				}
			.globalSuccessBlock h2{
				font-family: 'Dosis', sans-serif;
				font-weight:300;
				font-size:2.64vw;
				line-height:1.3em;
				text-transform:uppercase;
				color:#034F7B;
				letter-spacing:0.8vw;
				word-break: normal;
				text-align:center;
			}
			.globalSuccessBlock p{
				font-family: 'Maven Pro', sans-serif;
				font-size:1.14vw;
				font-weight:400;
				line-height:1.66vw;
				color:#707070;
				text-align:center;
				margin-bottom:4.26vh;
				max-width:46vw;
			}
			
			.globalFamilyBlock .globalCTAInContainer {
				position:relative;
				margin-top: 0;
			}
			.globalSuccessBlock .globalCTAInContainer {
				position:relative;
				margin-top: 0vw;
			}
			.globalFamilyBlock .globalCTAInContainer,.globalSuccessBlock .globalCTAInContainer{
				display:none;
			}
			
			
/* ACTU */
			
#eighthDotSpace{
	display:flex;
	flex-direction:column;
	height: 100%;
	background: linear-gradient(#034F7B,#02283E);
}
			.brefGradientBlock{
				display:flex;
				flex-direction:column;
				justify-content:center;
				align-items:center;
				width:40.05vw;
				height:100%;
				margin-top:5vw;
				margin-bottom:5vw;
			}
				.brefGradientBlock h2{
					width:24.73vw;
					font-family: 'Dosis', sans-serif;
					font-weight:300;
					font-size:2.64vw;
					line-height:1.3em;
					text-transform:uppercase;
					color:#ffffff;
					letter-spacing:0.8vw;
					word-break: break-all;
					text-align:center;
				}
				.brefGradientBlock p{
					width: 21.97vw;
					font-family: 'Maven Pro', sans-serif;
					font-size:1.14vw;
					line-height:1.66vw;
					color:#ffffff;
					text-align:center;
					margin-bottom:2vw;
				}
			.brefGrille{
				display:flex;
				flex-direction:row;
				flex-wrap: wrap;
				justify-content:space-around;
				width:100vw;
				height:100%;
			}
				.brefGrille a{
					display: flex;
					flex-direction: column;
					width: 25%;
					height: 25vw;
					overflow: hidden;
					background: #0085b0;
					justify-content: center;
					align-items: center;
				}
				.brefSample{
					display:flex;
					flex-direction:column;
					width:100%;
					height:100%;
					overflow:hidden;
					background: #0085b0;
					justify-content:center;
					align-items:center;
					transition:all 1s;
					transition-timing-function: ease-in-out;
					transition-duration: 500ms;
				}
					.brefVisuel{
						position: relative;
						z-index: 1;
						max-width: 100%;
						overflow: hidden;
						background: #000000;
						display: flex;
						flex-direction: column;
						flex-shrink: 0;
						height: 100%;
						align-items: center;
					}
					.brefVisuel img{
						width:auto;
						height:100%;
						opacity:.15;
						transition:all 1s;
						transition-timing-function: ease-in-out;
						transition-duration: 500ms;
					}
					.brefSample:hover > .brefVisuel img{
						cursor:pointer;
						transform:scale(1.2);
						opacity:.3;
					}
					.brefContent{
						position:absolute;
						z-index:10;
					}
					p.brefDate{
						width: 18.80vw;
						font-family: 'Maven Pro', sans-serif;
						font-size:1vw;
						line-height:1.35vw;
						color:#AFAFAF;
						text-align:left;
					}
					.brefSample h4{
						width:18.80vw;
						font-family: 'Maven Pro', sans-serif;
						font-size:1.75vw;
						color:#ffffff;
						margin-bottom:.8vw;
					}
					.brefSample p{
						width:18.80vw;
						font-family: 'Maven Pro', sans-serif;
						font-size:1.14vw;
						font-weight:500;
						line-height:1.35vw;
						color:#AFAFAF;
						text-align:left;
					}
			.brefGradientBlock .globalCTAInContainer {
				position:relative;
				margin-top: 0;
			}
			.brefGradientBlock .globalCTAInContainer,.brefGradientBlock .globalCTAInContainer{
				display:none;
			}
	
/* PROGRA */
#secondDotSpace{
	display:flex;
	flex-direction:row;
}	
		.prograGradientBlock{
			position:relative;
			z-index:20;
			width:40.05vw;
			height:100%;
			background: linear-gradient(#034F7B,#02283E);
		}
		.prograTextBlock{
			display:flex;
			flex-direction:column;
			justify-content:center;
			align-items:start;
			width:59.94vw;
			height:100%;
		}
			.prograTextBlock h3{
				position:relative;
				width:30.05vw;
				left:12vw;
				font-family: 'Maven Pro', sans-serif;
				font-size:2.08vw;
				font-weight:400;
				line-height:2.65vw;
				color:#0085B0;
				margin-bottom:1vw;
			}
			.prograTextBlock p{
				position:relative;
				width:30.05vw;
				left:12vw;
				font-family: 'Maven Pro', sans-serif;
				font-size:1.14vw;
				font-weight:500;
				line-height:1.66vw;
				color:#707070;
				text-align:left;
				margin-bottom:3vh;
			}
			.globalCTAInContainer{
				position:relative;
				display:flex;
				flex-direction:row;
				justify-content:center;
				align-items:center;
				border-radius:47px;
				background:#ffffff;
				box-shadow:rgba(0,0,0,.5) 0px 12px 28px;
				cursor:pointer;
				transition:all 1s;
				transition-timing-function: ease-in-out;
				transition-duration: 300ms;
			}
			.ctaInContainer{
				display:flex;
				flex-direction:row;
				border-radius:47px;
			}
			.ctaInIco{
				display:flex;
				flex-direction:row;
				width:35px;
				height:35px;
				background:#ffffff;
				border-radius:50%;
				justify-content:center;
			}
			.ctaInIco img{
				max-width:25px;
				max-height:25px;
				align-items:center;
				align-self:center;
				justify-content:center;
				transition:all 1s;
				transition-timing-function: ease-in-out;
				transition-duration: 500ms;
			}
			.globalCTAInContainer:hover{
				box-shadow:rgba(0,0,0,.5) 0px 6px 14px;
			}
			.globalCTAInContainer:hover .ctaInIco img{
				transform:rotate(360deg);
			}
			.prograTextBlock .globalCTAInContainer{
				left:12vw;
			}
			h5{
				font-family: 'Maven Pro', sans-serif;
				font-size:0.83vw;
				color:#F31755;
				text-transform:uppercase;
				margin-right:20px;
				align-items:center;
				align-self:center;
				justify-content:center;
			}
		.prograTitleBlock{
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			z-index: 50;
			width: 28.28vw;
			height: 28.28vw;
			top: 0;
			left: 15%;
			background: rgba(0,133,176,1);
			box-shadow: rgba(0,0,0,.10) 15px 13px 6px;
			transform: rotate(15deg);
			flex-shrink: 0;
		}
			.prograTitleBlock h2{
				width: 28.2vw;
				font-family: 'Dosis', sans-serif;
				font-weight: 300;
				font-size: 2.64vw;
				line-height: 1.5em;
				text-transform: uppercase;
				color: #ffffff;
				letter-spacing: 2.2vw;
				word-break: break-all;
				text-align: center;
				transform: rotate(-15deg);
				position: relative;
				left: 1vw;
				top: -1vw;
			}
	
			.prograTextBlock .globalCTAInContainer {
				position:relative;
				margin-top: 0;
			}
			.prograTextBlock .globalCTAInContainer{
				display:none;
			}
	
	.ctaInIco {
				display: flex;
				flex-direction: row;
				width: 53px;
				height: 53px;
				background: #ffffff;
				border-radius: 50%;
				justify-content: center;
			}
			.ctaInIco img {
				max-width: 40px;
				max-height: 40px;
				align-self: center;
				transition: all 1s;
					transition-duration: 1s;
					transition-timing-function: ease;
				transition-timing-function: ease-in-out;
				transition-duration: 500ms;
			}

	
}


@media screen and (min-width: 544px) and (max-width: 900px){
	
	/* PREMIER BLOCK */
	
	.welcome{
			display:flex;
			flex-direction:column;
			justify-content:left;
			width:110px;
			position:absolute;
			top:36.5vh;
			left:11.46vw;
		}
			.welcome p{
				font-family: 'Dosis', sans-serif;
				font-size:1.35vw;
				font-weight:300;
				color:#F31755;
				text-transform:uppercase;
				letter-spacing:15px;
				margin-top: -18vw;
				margin-left: 3.5vw;
			}
				.welcome p span.letterOne{
					transform-origin:center center;
					font-size:0%;
					opacity:0;
					animation-name:firstLetter;
					animation-duration:300ms;
					animation-delay:1100ms;
					animation-timing-function:ease-in-out;
					animation-fill-mode: forwards;
				}
				@keyframes firstLetter{
					0%{
						font-size:0%;
						opacity:0;
					}
					75%{
						font-size:150%;
						opacity:0.5;
					}
					100%{
						font-size:100%;
						opacity:1;
					}
				}
				.welcome p span.letterTwo{
					transform-origin:center center;
					font-size:0%;
					opacity:0;
					animation-name:secondLetter;
					animation-duration:300ms;
					animation-delay:1200ms;
					animation-timing-function:ease-in-out;
					animation-fill-mode: forwards;
				}
				@keyframes secondLetter{
					0%{
						font-size:0%;
						opacity:0;
					}
					75%{
						font-size:150%;
						opacity:0.5;
					}
					100%{
						font-size:100%;
						opacity:1;
					}
				}
				.welcome p span.letterThree{
					transform-origin:center center;
					font-size:0%;
					animation-name:thirdLetter;
					animation-duration:300ms;
					animation-delay:1300ms;
					animation-timing-function:ease-in-out;
					animation-fill-mode: forwards;
				}
				@keyframes thirdLetter{
					0%{
						font-size:0%;
						opacity:0;
					}
					75%{
						font-size:150%;
						opacity:0.5;
					}
					100%{
						font-size:100%;
						opacity:1;
					}
				}
				.welcome p span.letterFoor{
					transform-origin:center center;
					font-size:0%;
					animation-name:fourthLetter;
					animation-duration:300ms;
					animation-delay:1400ms;
					animation-timing-function:ease-in-out;
					animation-fill-mode: forwards;
				}
				@keyframes fourthLetter{
					0%{
						font-size:0%;
						opacity:0;
					}
					75%{
						font-size:150%;
						opacity:0.5;
					}
					100%{
						font-size:100%;
						opacity:1;
					}
				}
			.welcome h1{
				position:absolute;
				font-family: 'GothamRounded-Bold';
				transform-origin:top left;
				transform:rotateZ(-90deg);
				font-size:18.41vw;
				color:#3CB5E9;
				left:-3.8vw;
				text-align:left;
				opacity:0;
				animation-name:logoHome;
				animation-duration:500ms;
				animation-delay:1700ms;
				animation-timing-function:ease-in-out;
				animation-fill-mode: forwards;
			}
				.welcome h1 span{
					color:#034F7B;
				}
				@keyframes logoHome{
					0%{
						top:43vw;
						opacity:0;
					}
					75%{
						top:34vw;
						opacity:.5;
					}
					100%{
						top:36vw;
						opacity:1;
					}
				}
	
	.animTextHomeContainer {
			position:absolute;
			top:69.94vh;
			left:41vw;
			display:flex;
			flex-direction:column;
			align-items:start;
			border-top:1px solid #3EB5E9;
			padding-top:1vh;
			width:37vw;
			height:36px;
			font-family: 'Maven Pro', sans-serif;
			font-size:16px;
			letter-spacing:1px;
			text-align: left;
			line-height:3vh;
			color:#3EB5E9;
			opacity:0;
			animation-name:animTxtHome;
			animation-duration:600ms;
			animation-delay:1900ms;
			animation-timing-function:ease-in-out;
			animation-fill-mode: forwards;
		}
			.dropLineHome{
				display:flex;
			}
		@keyframes animTxtHome{
			0%{
				left:430px;
				opacity:0;
			}
			100%{
				left:479px;
				opacity:1;
			}
		}
		a { color:#F31755; text-decoration: none;}
		.baseline{
			position:absolute;
			z-index:20;
			width:437px;
			height:153px;
			top:24.15vh;
			left:41vw;
			opacity:0;
			animation-name:animTxtHome;
			animation-duration:600ms;
			animation-delay:2200ms;
			animation-timing-function:ease-in-out;
			animation-fill-mode: forwards;
		}
		@keyframes animTxtHome{
			0%{
				opacity:0;
			}
			100%{
				opacity:1;
			}
		}
			.baseline h2{
				font-family: 'Maven Pro', sans-serif;
				font-size:4vh;
				font-weight:900;
				line-height:4.65vh;
				color:#034F7B;
				text-transform:uppercase;
			}
			.baseline p{
				font-family: 'Maven Pro', sans-serif;
				font-size:1.8vh;
				font-weight:400;
				line-height:2.666vh;
				color:#034F7B;
				margin-top: 1.5vw;
				max-width: 35vw;
			}
	
			
			
	/* SERVICES */
	.servicesGlobalContainer{
			display:flex;
			flex-direction:column;
			justify-content:start;
			align-items:center;
			background:#730625;
			width:100%;
			height:100%;
		}
			.introApproche{
				position:relative;
				z-index:230;
				display:flex;
				flex-direction:column;
				justify-content:center;
				align-items:center;
				height:37vh;
				top:2vh;
			}
			.servicesGlobalContainer h2{
				position:relative;
				z-index:230;
				top:auto;
				font-family: 'Dosis', sans-serif;
				font-weight:300;
				font-size:5.64vw;
				line-height:2.3em;
				text-transform:uppercase;
				color:#ffffff;
				letter-spacing:0.8vw;
				word-break: normal;
				text-align:center;
				width:auto;
			}
			.servicesGlobalContainer p{
				position:relative;
				font-family: 'Maven Pro', sans-serif;
				font-size:2.5vw;
				font-weight:400;
				line-height:3.5vw;
				color:#ffffff;
				text-align:center;
				margin-bottom:0;
				max-width:70vw;
			}
			.servicesContainer{
				position:relative;
				display:flex;
				flex-direction:column;
				align-items:center;
				width:100vw;
				min-height:10vh;
				flex:0 1 0;
			}
			.servicesLiner{
				display:none;
			}
			.servicesContentContainer{
				position:relative;
				z-index:10;
				display:flex;
				flex-direction:column;
				align-items:center;
				background:transparent;
				width:22vw;
				top:50%;
				transform:translateY(-50%);
			}
				.servicesContentContainer h3{
					position:relative;
					font-family: 'Maven Pro', sans-serif;
					font-size:3.08vw;
					font-weight:400;
					text-transform:uppercase;
					line-height:2.65vw;
					color:#ffffff;
					margin-bottom:0;
				}
				.servicesContentContainer p{
					display:none;
				}
				.servicesContentContainer .globalCTAInContainer{
					display:none;
				}
				.ctaInIcoMobile{
					margin-top:7vh;
				}
			.serviceVisual{
				position:absolute;
				z-index:1;
				width:100%;
				height:100%;
				mix-blend-mode:luminosity;
				opacity:.2;
				flex:1 1 0;
			}
			.strategie{
				background:url(../img/service-strategie.jpg) center center;
			}
			.design{
				background:url(../img/service-design.jpg) center center;
			}
			.support{
				background:url(../img/service-support.jpg) center center;
			}
			.reporting{
				background:url(../img/service-reporting.jpg) center center;
			}
			.globalCTAInContainer{
					display:none;
				}
				
/* TOOLS */	
#fifthDotSpace{
				display:flex;
				flex-direction:column;
				background: linear-gradient(#FFFFFF,#E5E5E5);
				height:100%;
				padding-top:8vh;
				padding-bottom:8vh;
			}
				.stsGlobalIntro{
					display:flex;
					flex-direction:column;
					align-items:center;
					width:80vw;
				}
					.stsIntro{
						display:flex;
						flex-direction:column;
						width:80vw;
						align-items:center;
					}
						.stsIntro h2{
							width:80vw;
							font-family: 'Dosis', sans-serif;
							font-weight:300;
							font-size:6vw;
							line-height:1em;
							text-transform:uppercase;
							color:#CC9900;
							letter-spacing:0.44vw;
							word-break: break-all;
							text-align:center;
						}
						.stsIntro p{
							width:80vw;
							font-family: 'Maven Pro', sans-serif;
							font-size:2.5vw;
							line-height:3.5vw;
							color:#707070;
							font-weight:400;
							text-align:center;
							margin-top:2vh;
						}
						p.surtitreSts{
							font-family: 'Maven Pro', sans-serif;
							font-size:2vw;
							font-weight:400;
							line-height:1vh;
							color:#0085B0;
							text-indent:0;
							text-align:center;
						}
					.stsCtaBlock{
						display:flex;
						flex-direction:row;
						width:80vw;
						text-align:center;
						align-self:center;
						align-items:center;
						justify-content:space-around;
						margin-top: 4vw;
					}
					
					.globalCtaRequestContainer{
						position:relative;
						display:inline-block;
						width:240px;
						height:18px;
						flex-direction:row;
						align-self:center;
						justify-content:center;
						border-radius:47px;
						background:#CC9900;
						padding:15px;
						margin-top:15px;
						box-shadow:rgba(0,0,0,.5) 0px 12px 28px;
						transition: 300ms ease-in-out;
					}
					.ctaRequestContainer{
						display:flex;
						flex-direction:row;
						align-items:center;
						align-self:center;
						justify-content:center;
						border-radius:47px;
					}
					.ctaRequestContainer svg {
					  position: absolute;
					  left: 0;
					  top: 0;
					  fill: none;
					  stroke: #ffdb6d;
					  stroke-dasharray: 210 670;
					  stroke-dashoffset: 210;
					  transition: 1s ease-in-out;
					}
					.globalCtaRequestContainer:hover{
						cursor:pointer;
						background:#946e00;
						box-shadow:rgba(0,0,0,.5) 0px 6px 14px;
					}
					.ctaRequestContainer:hover svg{
						stroke-dashoffset:-670;
					}
					.ctaRequestContainer h5{
						font-family: 'Maven Pro', sans-serif;
						font-size:18px;
						font-weight:500;
						color:#ffffff;
						text-transform:uppercase;
						margin:0 20px;
						align-items:center;
						align-self:center;
						justify-content:center;
					}
				.stsGlobalCarrousel{
					display:flex;
					flex-direction:column;
					width:100vw;
					align-items:center;
					justify-content:space-around;
					margin-top:10vh;
				}
					.stsNavCarrousel{
						display:flex;
						flex-direction:row;
						width:80vw;
						align-items:center;
						margin-bottom:3vh;
					}		
					.stsScreenCarrousel{
						display: flex;
						flex-direction: row;
						justify-content: start;
						max-width: 100%;
						padding: 0 5%;
						flex-wrap:wrap;
					}
						.stsVisuelsCarrousel{
							display:flex;
							flex-direction:column;
							justify-content:center;
							align-items:center;
							width:100%;
						}
						.stsVisuelsCarrousel p{
							font-family: 'Maven Pro', sans-serif;
							font-size:2.04vw;
							font-weight:400;
							line-height:1vh;
							color:#0085B0;
						}
						.stsScreenCarrousel img{
							max-width: 80%;
							margin: 4vw;
						}
						.stsCtaBlock .globalCTAInContainer{
							display:none;
						}
						.ctaInIcoMobile{
							display:flex !important;
							margin-top:1vh;
						}
/* FORMATS */			
	#sixthDotSpace{
		display:flex;
		flex-direction:column;
		height: 100%;
		padding-top: 10vh;
		padding-bottom: 20vh;
		background: linear-gradient(#034F7B,#02283E);
	}
		.introFormats{
			display:flex;
			flex-direction:column;
			justify-content:center;
			align-items:center;
		}
			.introFormats h2{
				font-family: 'Dosis', sans-serif;
				font-weight:300;
				font-size:6vw;
				line-height:1.3em;
				text-transform:uppercase;
				color:#ffffff;
				letter-spacing:0.8vw;
				word-break: normal;
				text-align:center;
			}
			.introFormats p{
				font-family: 'Maven Pro', sans-serif;
				font-size:2.5vw;
				font-weight:500;
				line-height:3.5vw;
				color:#ffffff;
				text-align:center;
				margin-bottom:4.26vh;
				max-width:46vw;
			}
			.globalVisuelFormats{
				display:flex;
				flex-direction:row;
				width:100%;
				justify-content:center;
			}
				.globalVisuelFormatsMobile{
					display:flex;
					flex-direction:row;
					position:absolute;
					z-index:60;
					margin-top: 210px;
					width: 90%;
					justify-content: space-between;
				}
					.visuelsFormatsMobile{
						width: 45vw;
						display: flex;
						flex-direction: row;
						justify-content: space-around;
					}
				.globalVisuelsFormatsDesktop{
					display: flex;
					flex-direction: row;
					justify-content: center;
					width:63%;
				}
					.globalVisuelsFormatsDesktop img{
						position:absolute;
						z-index:50;
					}
						.visuelsFormatsDesktop{
							width:100%;
							display:flex;
							flex-direction:row;
							justify-content:center;
						}
						.visuelsFormatsDesktop img{
							position: relative;
							z-index: 40;
							top: 1vh;
						}
						
			.globalVisuelFormats .globalCTAInContainer{
				position:absolute;
				margin-top: 420px;
			}
			.globalVisuelFormats .globalCTAInContainer{
				display:none;
			}
	
	
	/* FAMILY */			
	#seventhDotSpace{
		display:flex;
		flex-direction:column;
		height: 100%;
		padding-top: 10vh;
		padding-bottom: 20vh;
		background: linear-gradient(#ffffff,#E5E5E5);
		justify-content: center;
		align-items: center;
	}
		.globalFamilyBlock{
			display:flex;
			flex-direction:column;
			justify-content:center;
			max-width:80%;
			align-items: center;
			margin-bottom: 10vw;
		}
			.globalFamilyBlock h2{
				font-family: 'Dosis', sans-serif;
				font-weight:300;
				font-size:6vw;
				line-height:1.3em;
				text-transform:uppercase;
				color:#034F7B;
				letter-spacing:0.8vw;
				word-break: normal;
				text-align:center;
				margin-left:0;
			}
			.globalFamilyBlock p{
				font-family: 'Maven Pro', sans-serif;
				font-size:2.5vw;
				font-weight:400;
				line-height:3.5vw;
				color:#707070;
				text-align:center;
				margin-bottom:4.26vh;
				max-width:46vw;
				margin-left:0;
			}
			.globalFamilyBlock img{
				width:100%;
			}
			.ctaFamily{
				position: absolute;
				margin-top: 350px;
				margin-left: 0;
				display: flex;
				flex-direction: column;
				align-items: center;
			}
		.globalSuccessBlock{
			display: flex;
			flex-direction: column;
			justify-content: center;
			max-width: 80%;
			flex-shrink: 1;
			align-items: center;
		}
			.successBlockHomeLogos{
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				width: 80%;
				flex-shrink: 0;
				flex-wrap: wrap;
			}
				.successBlockHomeLogosImage{
					display:flex;
					flex-direction:column;
					justify-content:center;
					align-items:center;
					overflow:hidden;
					box-shadow:rgba(0,0,0,.33) 0px 0px 4px;
					width:30%;
					width:147px;
					height:55px;
					margin-right:1vw;
					margin-bottom:1vw;
				}
				.successBlockHomeLogosImage img{
					width:70%;
				}
			.globalSuccessBlock h2{
				font-family: 'Dosis', sans-serif;
				font-weight:300;
				font-size:6vw;
				line-height:1.3em;
				text-transform:uppercase;
				color:#034F7B;
				letter-spacing:0.8vw;
				word-break: normal;
				text-align:center;
			}
			.globalSuccessBlock p{
				font-family: 'Maven Pro', sans-serif;
				font-size:2.5vw;
				font-weight:400;
				line-height:3.5vw;
				color:#707070;
				text-align:center;
				margin-bottom:4.26vh;
				max-width:46vw;
			}
			
			.globalFamilyBlock .globalCTAInContainer {
				position:relative;
				margin-top: 0;
			}
			.globalSuccessBlock .globalCTAInContainer {
				position:relative;
				margin-top: 0px;
			}
			.globalFamilyBlock .globalCTAInContainer,.globalSuccessBlock .globalCTAInContainer{
				display:none;
			}
	
	
	
	.ctaInIco {
				display: flex;
				flex-direction: row;
				width: 53px;
				height: 53px;
				background: #ffffff;
				border-radius: 50%;
				justify-content: center;
			}
			.ctaInIco img {
				max-width: 40px;
				max-height: 40px;
				align-self: center;
				transition: all 1s;
					transition-duration: 1s;
					transition-timing-function: ease;
				transition-timing-function: ease-in-out;
				transition-duration: 500ms;
			}
			
/* ACTU */
			
#eighthDotSpace{
	display:flex;
	flex-direction:column;
	height: 100%;
	background: linear-gradient(#034F7B,#02283E);
}
			.brefGradientBlock{
				display:flex;
				flex-direction:column;
				justify-content:center;
				align-items:center;
				width:40.05vw;
				height:100%;
				margin-top:5vw;
				margin-bottom:5vw;
			}
				.brefGradientBlock h2{
					width:80vw;
					font-family: 'Dosis', sans-serif;
					font-weight:300;
					font-size:6vw;
					line-height:1.3em;
					text-transform:uppercase;
					color:#ffffff;
					letter-spacing:0.8vw;
					word-break: break-all;
					text-align:center;
				}
				.brefGradientBlock p{
					width: 80vw;
					font-family: 'Maven Pro', sans-serif;
					font-size:2.5vw;
					line-height:3.5vw;
					color:#ffffff;
					text-align:center;
					margin-bottom:2vw;
				}
			.brefGrille{
				display:flex;
				flex-direction:row;
				flex-wrap: wrap;
				justify-content:space-around;
				width:100vw;
				height:100%;
			}
				.brefGrille a{
					display: flex;
					flex-direction: column;
					width: 50%;
					height: 50vw;
					overflow: hidden;
					background: #0085b0;
					justify-content: center;
					align-items: center;
				}
				.brefSample{
					display:flex;
					flex-direction:column;
					width:100%;
					height:100%;
					overflow:hidden;
					background: #0085b0;
					justify-content:center;
					align-items:center;
					transition:all 1s;
					transition-timing-function: ease-in-out;
					transition-duration: 500ms;
				}
					.brefVisuel{
						position: relative;
						z-index: 1;
						max-width: 100%;
						overflow: hidden;
						background: #000000;
						display: flex;
						flex-direction: column;
						flex-shrink: 0;
						height: 100%;
						align-items: center;
					}
					.brefVisuel img{
						width:auto;
						height:100%;
						opacity:.15;
						transition:all 1s;
						transition-timing-function: ease-in-out;
						transition-duration: 500ms;
					}
					.brefSample:hover > .brefVisuel img{
						cursor:pointer;
						transform:scale(1.2);
						opacity:.3;
					}
					.brefContent{
						position:absolute;
						z-index:10;
					}
					p.brefDate{
						width: 35vw;
						font-family: 'Maven Pro', sans-serif;
						font-size:2.5vw;
						line-height:3vw;
						color:#AFAFAF;
						text-align:left;
					}
					.brefSample h4{
						width:35vw;
						font-family: 'Maven Pro', sans-serif;
						font-size:3vw;
						color:#ffffff;
						margin-bottom:.8vw;
					}
					.brefSample p{
						width:35vw;
						font-family: 'Maven Pro', sans-serif;
						font-size:2.5vw;
						font-weight:400;
						line-height:3vw;
						color:#AFAFAF;
						text-align:left;
					}
					.brefGradientBlock .globalCTAInContainer {
				position:relative;
				margin-top: 0;
			}
			.brefGradientBlock .globalCTAInContainer,.brefGradientBlock .globalCTAInContainer{
				display:none;
			}
			
			
/* PROGRA */
#secondDotSpace{
	display:flex;
	flex-direction:column-reverse;
	padding-bottom: 10vw;
}	
		.prograGradientBlock{
			position: relative;
			z-index: 20;
			width: 100vw;
			height: 100%;
			background: linear-gradient(#034F7B,#02283E);
			overflow: hidden;
			display: flex;
			justify-content: center;
			align-items: center;
		}
			.prograGradientBlock img{
				width:100%;
			}
		.prograTextBlock{
			display: flex;
			flex-direction: column;
			justify-content: start;
			align-items: center;
			width: 89.94vw;
			height: 100%;
			margin-top: -20vw;
		}
			.prograTextBlock h3{
				position: relative;
				width: 50.05vw;
				left: 0;
				font-family: 'Maven Pro', sans-serif;
				font-size: 4vw;
				font-weight: 400;
				line-height: 5vw;
				color: #0085B0;
				margin-bottom: 1vw;
				text-align: center;
			}
			.prograTextBlock p{
				position: relative;
				width: 62.05vw;
				left: 0;
				font-family: 'Maven Pro', sans-serif;
				font-size: 2.5vw;
				font-weight: 400;
				line-height: 3vw;
				color: #707070;
				text-align: center;
				margin-bottom: 3vh;
			}
			.globalCTAInContainer{
				position:relative;
				display:flex;
				flex-direction:row;
				justify-content:center;
				align-items:center;
				border-radius:47px;
				background:#ffffff;
				box-shadow:rgba(0,0,0,.5) 0px 12px 28px;
				cursor:pointer;
				transition:all 1s;
				transition-timing-function: ease-in-out;
				transition-duration: 300ms;
			}
			.ctaInContainer{
				display:flex;
				flex-direction:row;
				border-radius:47px;
			}
			.ctaInIco{
				display:flex;
				flex-direction:row;
				width:35px;
				height:35px;
				background:#ffffff;
				border-radius:50%;
				justify-content:center;
			}
			.ctaInIco img{
				max-width:25px;
				max-height:25px;
				align-items:center;
				align-self:center;
				justify-content:center;
				transition:all 1s;
				transition-timing-function: ease-in-out;
				transition-duration: 500ms;
			}
			.globalCTAInContainer:hover{
				box-shadow:rgba(0,0,0,.5) 0px 6px 14px;
			}
			.globalCTAInContainer:hover .ctaInIco img{
				transform:rotate(360deg);
			}
			.prograTextBlock .globalCTAInContainer{
				left:0;
			}
			h5{
				font-family: 'Maven Pro', sans-serif;
				font-size:0.83vw;
				color:#F31755;
				text-transform:uppercase;
				margin-right:20px;
				align-items:center;
				align-self:center;
				justify-content:center;
			}
		.prograTitleBlock{
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			z-index: 50;
			width: 44.28vw;
			height: 44.28vw;
			top: -31vw;
			left: 0;
			background: rgba(0,133,176,1);
			box-shadow: rgba(0,0,0,.10) 15px 13px 6px;
			transform: rotate(15deg);
			flex-shrink: 0;
		}
			.prograTitleBlock h2{
				width: 39.2vw;
				font-family: 'Dosis', sans-serif;
				font-weight: 300;
				font-size: 6vw;
				line-height: 1.5em;
				text-transform: uppercase;
				color: #ffffff;
				letter-spacing: 2.2vw;
				word-break: break-all;
				text-align: center;
				transform: rotate(-15deg);
				position: relative;
				left: 1vw;
				top: -1vw;
				flex-shrink: 0;
			}
	
			.prograTextBlock .globalCTAInContainer {
				position:relative;
				margin-top: 0;
			}
			.prograTextBlock .globalCTAInContainer{
				display:none;
			}
			
	.ctaInIco {
				display: flex;
				flex-direction: row;
				width: 53px;
				height: 53px;
				background: #ffffff;
				border-radius: 50%;
				justify-content: center;
			}
			.ctaInIco img {
				max-width: 40px;
				max-height: 40px;
				align-self: center;
				transition: all 1s;
					transition-duration: 1s;
					transition-timing-function: ease;
				transition-timing-function: ease-in-out;
				transition-duration: 500ms;
			}
	
}

@media screen and (max-width: 544px){
	
	/* PREMIER BLOCK */
	
	.welcome{
			display:flex;
			flex-direction:column;
			justify-content:left;
			width:110px;
			position:absolute;
			top:59vh;
			left:7vw;
		}
			.welcome p{
				font-family: 'Dosis', sans-serif;
				font-size:2.35vh;
				font-weight:300;
				color:#F31755;
				text-transform:uppercase;
				letter-spacing:15px;
				margin-top: -51vh;
				margin-left: 2vh;
			}
				.welcome p span.letterOne{
					transform-origin:center center;
					font-size:0%;
					opacity:0;
					animation-name:firstLetter;
					animation-duration:300ms;
					animation-delay:1100ms;
					animation-timing-function:ease-in-out;
					animation-fill-mode: forwards;
				}
				@keyframes firstLetter{
					0%{
						font-size:0%;
						opacity:0;
					}
					75%{
						font-size:150%;
						opacity:0.5;
					}
					100%{
						font-size:100%;
						opacity:1;
					}
				}
				.welcome p span.letterTwo{
					transform-origin:center center;
					font-size:0%;
					opacity:0;
					animation-name:secondLetter;
					animation-duration:300ms;
					animation-delay:1200ms;
					animation-timing-function:ease-in-out;
					animation-fill-mode: forwards;
				}
				@keyframes secondLetter{
					0%{
						font-size:0%;
						opacity:0;
					}
					75%{
						font-size:150%;
						opacity:0.5;
					}
					100%{
						font-size:100%;
						opacity:1;
					}
				}
				.welcome p span.letterThree{
					transform-origin:center center;
					font-size:0%;
					animation-name:thirdLetter;
					animation-duration:300ms;
					animation-delay:1300ms;
					animation-timing-function:ease-in-out;
					animation-fill-mode: forwards;
				}
				@keyframes thirdLetter{
					0%{
						font-size:0%;
						opacity:0;
					}
					75%{
						font-size:150%;
						opacity:0.5;
					}
					100%{
						font-size:100%;
						opacity:1;
					}
				}
				.welcome p span.letterFoor{
					transform-origin:center center;
					font-size:0%;
					animation-name:fourthLetter;
					animation-duration:300ms;
					animation-delay:1400ms;
					animation-timing-function:ease-in-out;
					animation-fill-mode: forwards;
				}
				@keyframes fourthLetter{
					0%{
						font-size:0%;
						opacity:0;
					}
					75%{
						font-size:150%;
						opacity:0.5;
					}
					100%{
						font-size:100%;
						opacity:1;
					}
				}
			.welcome h1{
				position:absolute;
				font-family: 'GothamRounded-Bold';
				transform-origin:top left;
				transform:rotateZ(-90deg);
				font-size:23.41vh;
				color:#3CB5E9;
				left:-6vh;
				text-align:left;
				opacity:0;
				animation-name:logoHome;
				animation-duration:500ms;
				animation-delay:1700ms;
				animation-timing-function:ease-in-out;
				animation-fill-mode: forwards;
			}
				.welcome h1 span{
					color:#034F7B;
				}
				@keyframes logoHome{
					0%{
						top:43vw;
						opacity:0;
					}
					75%{
						top:34vw;
						opacity:.5;
					}
					100%{
						top:36vw;
						opacity:1;
					}
				}
		.baseline{
			position:absolute;
			z-index:20;
			width:58vw;
			height:153px;
			top:24.15vh;
			left:41vw;
			opacity:0;
			animation-name:animTxtHome;
			animation-duration:600ms;
			animation-delay:2200ms;
			animation-timing-function:ease-in-out;
			animation-fill-mode: forwards;
		}
		@keyframes animTxtHome{
			0%{
				opacity:0;
			}
			100%{
				opacity:1;
			}
		}
			.baseline h2{
				font-family: 'Maven Pro', sans-serif;
				font-size: 5.5vw;
				font-weight: 900;
				line-height: 6.65vw;
				color: #034F7B;
				text-transform: uppercase;
			}
			.baseline p{
				font-family: 'Maven Pro', sans-serif;
				font-size:1.8vh;
				font-weight:400;
				line-height:2.666vh;
				color:#034F7B;
				margin-top: 1.5vw;
			}
		.animTextHomeContainer {
			position:absolute;
			top:69.94vh;
			left:41vw;
			display:flex;
			flex-direction:column;
			align-items:start;
			border-top:1px solid #3EB5E9;
			padding-top:1vh;
			width:50vw;
			height:36px;
			font-family: 'Maven Pro', sans-serif;
			font-size:16px;
			letter-spacing:1px;
			text-align: left;
			line-height:3vh;
			color:#3EB5E9;
			opacity:0;
			animation-name:animTxtHomeFormat;
			animation-duration:600ms;
			animation-delay:1900ms;
			animation-timing-function:ease-in-out;
			animation-fill-mode: forwards;
		}
			.dropLineHome{
				display:flex;
			}
		@keyframes animTxtHomeFormat{
			0%{
				left:38vw;
				opacity:0;
			}
			100%{
				left:41vw;
				opacity:1;
			}
		}
		
		/* SERVICES */
	#thirdDotSpace {
		position: relative;
		height: 100%;
	}
	.servicesGlobalContainer{
			display:flex;
			flex-direction:column;
			justify-content:start;
			align-items:center;
			background:#730625;
			width:100%;
			height:100%;
		}
			.introApproche{
				position:relative;
				z-index:230;
				display:flex;
				flex-direction:column;
				justify-content:center;
				align-items:center;
				height:auto;
				top:0;
				padding:10% 3%;
			}
			.servicesGlobalContainer h2{
				position:relative;
				z-index:230;
				top:auto;
				font-family: 'Dosis', sans-serif;
				font-weight:300;
				font-size:9.64vw;
				line-height:1.3em;
				text-transform:uppercase;
				color:#ffffff;
				letter-spacing:0.8vw;
				word-break: normal;
				text-align:center;
				width:auto;
			}
			.servicesGlobalContainer p{
				position:relative;
				font-family: 'Maven Pro', sans-serif;
				font-size:4.5vw;
				font-weight:400;
				line-height:5.5vw;
				color:#ffffff;
				text-align:center;
				margin-bottom:0;
				max-width:90%;
			}
			.servicesContainer{
				position:relative;
				display:flex;
				flex-direction:column;
				align-items:center;
				width:100vw;
				min-height:10vh;
				flex:0 1 0;
			}
			.servicesLiner{
				display:none;
			}
			.servicesContentContainer{
				position:relative;
				z-index:10;
				display:flex;
				flex-direction:column;
				align-items:center;
				background:transparent;
				width:22vw;
				top:50%;
				transform:translateY(-50%);
			}
				.servicesContentContainer h3{
					position:relative;
					font-family: 'Maven Pro', sans-serif;
					font-size:5.08vw;
					font-weight:400;
					text-transform:uppercase;
					line-height:2.65vw;
					color:#ffffff;
					margin-bottom:0;
					top: 50%;
				}
				.servicesContentContainer p{
					display:none;
				}
				.servicesContentContainer .globalCTAInContainer{
					display:none;
				}
				.ctaInIcoMobile{
					margin-top:7vh;
					margin-bottom:7vh;
				}
			.serviceVisual{
				position:absolute;
				z-index:1;
				width:100%;
				height:100%;
				mix-blend-mode:luminosity;
				opacity:.2;
				flex:1 1 0;
			}
			.strategie{
				background:url(../img/service-strategie.jpg) center center;
			}
			.design{
				background:url(../img/service-design.jpg) center center;
			}
			.support{
				background:url(../img/service-support.jpg) center center;
			}
			.reporting{
				background:url(../img/service-reporting.jpg) center center;
			}
			.ctaInIco {
				display: flex;
				flex-direction: row;
				width: 53px;
				height: 53px;
				background: #ffffff;
				border-radius: 50%;
				justify-content: center;
			}
			.ctaInIco img {
				max-width: 40px;
				max-height: 40px;
				align-self: center;
				transition: all 1s;
					transition-duration: 1s;
					transition-timing-function: ease;
				transition-timing-function: ease-in-out;
				transition-duration: 500ms;
			}
			
/* TOOLS */	
#fifthDotSpace{
				display:flex;
				flex-direction:column;
				background: linear-gradient(#FFFFFF,#E5E5E5);
				height:100%;
				padding-top:8vh;
				padding-bottom:8vh;
			}
				.stsGlobalIntro{
					display:flex;
					flex-direction:column;
					align-items:center;
					width:80vw;
				}
					.stsIntro{
						display:flex;
						flex-direction:column;
						width:80vw;
						align-items:center;
					}
						.stsIntro h2{
							width:80vw;
							font-family: 'Dosis', sans-serif;
							font-weight:300;
							font-size:8vw;
							line-height:1em;
							text-transform:uppercase;
							color:#CC9900;
							letter-spacing:0.44vw;
							word-break: break-all;
							text-align:center;
						}
						.stsIntro p{
							width:80vw;
							font-family: 'Maven Pro', sans-serif;
							font-size:5.5vw;
							line-height:7.5vw;
							color:#707070;
							font-weight:400;
							text-align:center;
							margin-top:2vh;
						}
						p.surtitreSts{
							font-family: 'Maven Pro', sans-serif;
							font-size:5vw;
							font-weight:400;
							line-height:3.3vh;
							color:#0085B0;
							text-indent:0;
							text-align:center;
						}
					.stsCtaBlock{
						display:flex;
						flex-direction:column;
						width:80vw;
						text-align:center;
						align-self:center;
						align-items:center;
						justify-content:space-around;
						margin-top: 8vw;
					}
					
					.globalCtaRequestContainer{
						position:relative;
						display:inline-block;
						width:240px;
						height:18px;
						flex-direction:row;
						align-self:center;
						justify-content:center;
						border-radius:47px;
						background:#CC9900;
						padding:15px;
						margin-top:15px;
						box-shadow:rgba(0,0,0,.5) 0px 12px 28px;
						transition: 300ms ease-in-out;
					}
					.ctaRequestContainer{
						display:flex;
						flex-direction:row;
						align-items:center;
						align-self:center;
						justify-content:center;
						border-radius:47px;
					}
					.ctaRequestContainer svg {
					  position: absolute;
					  left: 0;
					  top: 0;
					  fill: none;
					  stroke: #ffdb6d;
					  stroke-dasharray: 210 670;
					  stroke-dashoffset: 210;
					  transition: 1s ease-in-out;
					}
					.globalCtaRequestContainer:hover{
						cursor:pointer;
						background:#946e00;
						box-shadow:rgba(0,0,0,.5) 0px 6px 14px;
					}
					.ctaRequestContainer:hover svg{
						stroke-dashoffset:-670;
					}
					.ctaRequestContainer h5{
						font-family: 'Maven Pro', sans-serif;
						font-size:18px;
						font-weight:500;
						color:#ffffff;
						text-transform:uppercase;
						margin:0 20px;
						align-items:center;
						align-self:center;
						justify-content:center;
					}
				.stsGlobalCarrousel{
					display:flex;
					flex-direction:column;
					width:100vw;
					align-items:center;
					justify-content:space-around;
					margin-top:10vh;
				}
					.stsNavCarrousel{
						display:flex;
						flex-direction:row;
						width:80vw;
						align-items:center;
						margin-bottom:3vh;
					}		
					.stsScreenCarrousel{
						display: flex;
						flex-direction: row;
						justify-content: start;
						max-width: 100%;
						padding: 0 5%;
						flex-wrap:wrap;
					}
						.stsVisuelsCarrousel{
							display:flex;
							flex-direction:column;
							justify-content:center;
							align-items:center;
							width:100%;
							margin-bottom: 7vw;
						}
						.stsVisuelsCarrousel p{
							font-family: 'Maven Pro', sans-serif;
							font-size:5.04vw;
							font-weight:400;
							line-height:1vh;
							color:#0085B0;
						}
						.stsScreenCarrousel img{
							max-width: 80%;
							margin: 4vw;
						}
						.stsCtaBlock .globalCTAInContainer{
							display:none;
						}
						.ctaInIcoMobile{
							display:flex !important;
							margin-top:1vh;
							margin-bottom:4vh;
						}
	
	/* FORMATS */			
	#sixthDotSpace{
		display:flex;
		flex-direction:column;
		height: 100%;
		padding-top: 10vh;
		padding-bottom: 30vh;
		background: linear-gradient(#034F7B,#02283E);
	}
		.introFormats{
			display:flex;
			flex-direction:column;
			justify-content:center;
			align-items:center;
		}
			.introFormats h2{
				font-family: 'Dosis', sans-serif;
				font-weight:300;
				font-size:8vw;
				line-height:1.3em;
				text-transform:uppercase;
				color:#ffffff;
				letter-spacing:0.8vw;
				word-break: normal;
				text-align:center;
			}
			.introFormats p{
				font-family: 'Maven Pro', sans-serif;
				font-size:5.5vw;
				font-weight:500;
				line-height:7.5vw;
				color:#ffffff;
				text-align:center;
				margin-bottom:4.26vh;
				max-width:80vw;
			}
			.globalVisuelFormats{
				display:flex;
				flex-direction:row;
				width:100%;
				justify-content:center;
			}
				.globalVisuelFormatsMobile{
					display: flex;
					flex-direction: row;
					position: absolute;
					z-index: 60;
					margin-top: 42vw;
					width: 90%;
					justify-content: center;
				}
					.visuelsFormatsMobile{
						width: 40%;
						display: flex;
						flex-direction: row;
						justify-content: center;
					}
					.globalVisuelFormatsMobile img{
						max-width:40%;
					}
				.globalVisuelsFormatsDesktop{
					display: flex;
					flex-direction: row;
					justify-content: center;
					width:63%;
				}
					.globalVisuelsFormatsDesktop img{
						position:absolute;
						z-index:50;
						max-width:80%;
					}
						.visuelsFormatsDesktop{
							width:100%;
							display:flex;
							flex-direction:row;
							justify-content:center;
						}
						.visuelsFormatsDesktop img{
							position: relative;
							z-index: 40;
							top: 1vh;
						}
						
			.globalVisuelFormats .globalCTAInContainer{
				position:absolute;
				margin-top: 240px;
			}
			.globalVisuelFormats .globalCTAInContainer{
				display:none;
			}
			
	/* FAMILY */			
	#seventhDotSpace{
		display:flex;
		flex-direction:column;
		height: 100%;
		padding-top: 10vh;
		padding-bottom: 10vh;
		background: linear-gradient(#ffffff,#E5E5E5);
		justify-content: center;
		align-items: center;
	}
		.globalFamilyBlock{
			display:flex;
			flex-direction:column;
			justify-content:center;
			max-width:80%;
			align-items: center;
			margin-bottom: 10vw;
		}
			.globalFamilyBlock h2{
				font-family: 'Dosis', sans-serif;
				font-weight:300;
				font-size:8vw;
				line-height:1.3em;
				text-transform:uppercase;
				color:#034F7B;
				letter-spacing:0.8vw;
				word-break: normal;
				text-align:center;
				margin-left:0;
			}
			.globalFamilyBlock p{
				font-family: 'Maven Pro', sans-serif;
				font-size:5.5vw;
				font-weight:400;
				line-height:7.5vw;
				color:#707070;
				text-align:center;
				margin-bottom:4.26vh;
				max-width:90vw;
				margin-left:0;
			}
			.globalFamilyBlock img{
				width:100%;
			}
			.ctaFamily{
				position: absolute;
				margin-top: 50vw;
				margin-left: 0;
				display: flex;
				flex-direction: column;
				align-items: center;
			}
		.globalSuccessBlock{
			display: flex;
			flex-direction: column;
			justify-content: center;
			max-width: 80%;
			flex-shrink: 1;
			align-items: center;
		}
			.successBlockHomeLogos{
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				width: 80%;
				flex-shrink: 0;
				flex-wrap: wrap;
			}
				.successBlockHomeLogosImage{
					display:flex;
					flex-direction:column;
					justify-content:center;
					align-items:center;
					overflow:hidden;
					box-shadow:rgba(0,0,0,.33) 0px 0px 4px;
					width:30%;
					width:147px;
					height:55px;
					margin-right:1vw;
					margin-bottom:1vw;
				}
				.successBlockHomeLogosImage img{
					width:70%;
				}
			.globalSuccessBlock h2{
				font-family: 'Dosis', sans-serif;
				font-weight:300;
				font-size:8vw;
				line-height:1.3em;
				text-transform:uppercase;
				color:#034F7B;
				letter-spacing:0.8vw;
				word-break: normal;
				text-align:center;
			}
			.globalSuccessBlock p{
				font-family: 'Maven Pro', sans-serif;
				font-size:5.5vw;
				font-weight:400;
				line-height:7.5vw;
				color:#707070;
				text-align:center;
				margin-bottom:4.26vh;
				max-width:90vw;
			}
			
			.globalFamilyBlock .globalCTAInContainer {
				position:relative;
				margin-top: 70px;
			}
			.globalSuccessBlock .globalCTAInContainer {
				position:relative;
				margin-top: 0;
			}
			.globalFamilyBlock .globalCTAInContainer,.globalSuccessBlock .globalCTAInContainer{
				display:none;
			}
	
/* ACTU */
			
#eighthDotSpace{
	display:flex;
	flex-direction:column;
	height: 100%;
	background: linear-gradient(#034F7B,#02283E);
}
			.brefGradientBlock{
				display:flex;
				flex-direction:column;
				justify-content:center;
				align-items:center;
				width:40.05vw;
				height:100%;
				margin-top:5vw;
				margin-bottom:5vw;
			}
				.brefGradientBlock h2{
					width:80vw;
					font-family: 'Dosis', sans-serif;
					font-weight:300;
					font-size:8vw;
					line-height:1.3em;
					text-transform:uppercase;
					color:#ffffff;
					letter-spacing:0.8vw;
					word-break: break-all;
					text-align:center;
				}
				.brefGradientBlock p{
					width: 90vw;
					font-family: 'Maven Pro', sans-serif;
					font-size:5.5vw;
					line-height:7.5vw;
					color:#ffffff;
					text-align:center;
					margin-bottom:2vw;
				}
			.brefGrille{
				display:flex;
				flex-direction:row;
				flex-wrap: wrap;
				justify-content:space-around;
				width:100vw;
				height:100%;
			}
				.brefGrille a{
					display: flex;
					flex-direction: column;
					width: 100%;
					height: 65vw;
					overflow: hidden;
					background: #0085b0;
					justify-content: center;
					align-items: center;
				}
				.brefSample{
					display:flex;
					flex-direction:column;
					width:100%;
					height:100%;
					overflow:hidden;
					background: #0085b0;
					justify-content:center;
					align-items:center;
					transition:all 1s;
					transition-timing-function: ease-in-out;
					transition-duration: 500ms;
				}
					.brefVisuel{
						position: relative;
						z-index: 1;
						max-width: 100%;
						overflow: hidden;
						background: #000000;
						display: flex;
						flex-direction: column;
						flex-shrink: 0;
						height: 100%;
						align-items: center;
					}
					.brefVisuel img{
						width:auto;
						opacity:.15;
						transition:all 1s;
						transition-timing-function: ease-in-out;
						transition-duration: 500ms;
					}
					.brefSample:hover > .brefVisuel img{
						cursor:pointer;
						transform:scale(1.2);
						opacity:.3;
					}
					.brefContent{
						position:absolute;
						z-index:10;
					}
					p.brefDate{
						width: 55vw;
						font-family: 'Maven Pro', sans-serif;
						font-size:4vw;
						line-height:4.5vw;
						color:#AFAFAF;
						text-align:left;
					}
					.brefSample h4{
						width:55vw;
						font-family: 'Maven Pro', sans-serif;
						font-size:4.5vw;
						line-height:5vw;
						color:#ffffff;
						margin-bottom:.8vw;
					}
					.brefSample p{
						width:55vw;
						font-family: 'Maven Pro', sans-serif;
						font-size:4vw;
						font-weight:400;
						line-height:4.5vw;
						color:#AFAFAF;
						text-align:left;
					}
					.brefGradientBlock .globalCTAInContainer {
				position:relative;
				margin-top: 0;
			}
			.brefGradientBlock .globalCTAInContainer,.brefGradientBlock .globalCTAInContainer{
				display:none;
			}

/* PROGRA */
#secondDotSpace{
	display: flex;
	flex-direction: column-reverse;
	padding-bottom: 10vw;
	align-items: center;
	justify-content: start;
	height: 100%;
}	
		.prograGradientBlock{
			position: relative;
			z-index: 20;
			width: 100vw;
			height: 50vw;
			background: linear-gradient(#034F7B,#02283E);
			overflow: hidden;
			display: flex;
			justify-content: center;
			align-items: center;
		}
			.prograGradientBlock img{
				width:100%;
			}
		.prograTextBlock{
			display: flex;
			flex-direction: column;
			justify-content: start;
			align-items: center;
			width: 89.94vw;
			height: 100%;
			margin-top: -50vw;
		}
			.prograTextBlock h3{
				position: relative;
				width: 80vw;
				left: 0;
				font-family: 'Maven Pro', sans-serif;
				font-size: 6.5vw;
				font-weight: 400;
				line-height: 8vw;
				color: #0085B0;
				margin-bottom: 1vw;
				text-align: center;
			}
			.prograTextBlock p{
				position: relative;
				width: 80vw;
				left: 0;
				font-family: 'Maven Pro', sans-serif;
				font-size: 4.5vw;
				font-weight: 400;
				line-height: 6vw;
				color: #707070;
				text-align: center;
				margin-bottom: 3vh;
			}
			.globalCTAInContainer{
				position:relative;
				display:flex;
				flex-direction:row;
				justify-content:center;
				align-items:center;
				border-radius:47px;
				background:#ffffff;
				box-shadow:rgba(0,0,0,.5) 0px 12px 28px;
				cursor:pointer;
				transition:all 1s;
				transition-timing-function: ease-in-out;
				transition-duration: 300ms;
			}
			.ctaInContainer{
				display:flex;
				flex-direction:row;
				border-radius:47px;
			}
			.ctaInIco{
				display:flex;
				flex-direction:row;
				width:35px;
				height:35px;
				background:#ffffff;
				border-radius:50%;
				justify-content:center;
			}
			.ctaInIco img{
				max-width:25px;
				max-height:25px;
				align-items:center;
				align-self:center;
				justify-content:center;
				transition:all 1s;
				transition-timing-function: ease-in-out;
				transition-duration: 500ms;
			}
			.globalCTAInContainer:hover{
				box-shadow:rgba(0,0,0,.5) 0px 6px 14px;
			}
			.globalCTAInContainer:hover .ctaInIco img{
				transform:rotate(360deg);
			}
			.prograTextBlock .globalCTAInContainer{
				left:0;
			}
			h5{
				font-family: 'Maven Pro', sans-serif;
				font-size:0.83vw;
				color:#F31755;
				text-transform:uppercase;
				margin-right:20px;
				align-items:center;
				align-self:center;
				justify-content:center;
			}
		.prograTitleBlock{
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			z-index: 50;
			width: 84.28vw;
			height: 84.28vw;
			top: -71vw;
			left: 0;
			background: rgba(0,133,176,1);
			box-shadow: rgba(0,0,0,.10) 15px 13px 6px;
			transform: rotate(15deg);
			flex-shrink: 0;
		}
			.prograTitleBlock h2{
				width: 52.2vw;
				font-family: 'Dosis', sans-serif;
				font-weight: 300;
				font-size: 8vw;
				line-height: 1.5em;
				text-transform: uppercase;
				color: #ffffff;
				letter-spacing: 2.2vw;
				word-break: break-all;
				text-align: center;
				transform: rotate(-15deg);
				position: relative;
				left: 1vw;
				top: -1vw;
				flex-shrink: 0;
			}
	
			.prograTextBlock .globalCTAInContainer {
				position:relative;
				margin-top: 0;
			}
			.prograTextBlock .globalCTAInContainer{
				display:none;
			}			
	
	
	.ctaInIco {
				display: flex;
				flex-direction: row;
				width: 53px;
				height: 53px;
				background: #ffffff;
				border-radius: 50%;
				justify-content: center;
			}
			.ctaInIco img {
				max-width: 40px;
				max-height: 40px;
				align-self: center;
				transition: all 1s;
					transition-duration: 1s;
					transition-timing-function: ease;
				transition-timing-function: ease-in-out;
				transition-duration: 500ms;
			}
	
}