/* Reset css @Meyer */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

html {
    scroll-behavior: smooth;
    height: 100%;
}

/* Accessibility */
.visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    font-family: 'Maven Pro', sans-serif;
    overflow-x: hidden;
    min-height: 100%;
    scroll-behavior: smooth;
    background: #001c22;
    height: 0 !important;
}

i {
    font-style: italic;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* End reset */

.word-title,
.lexiconWord {
    text-transform: uppercase;
}

.globalSiteContainer {
    scroll-behavior: smooth;
    overflow: hidden;
}

.globalPageContainer {
    scroll-behavior: smooth;
    background: #fff;
    padding-top: 7vw;
}

.globalCTAInContainer {
    position: relative;
    z-index: 500;
    display: flex;
    flex-direction: row;
    justify-content: 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);
}

.ctaInContainer h5 {
    font-family: 'Maven Pro', sans-serif;
    font-size: .83vw;
    color: #F31755;
    text-transform: uppercase;
    margin-right: 20px;
    align-items: center;
    align-self: center;
    justify-content: center;
}

.longueTraine {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: #00B8F1;
}

.longueTraine a {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    width: 100vw;
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.14vw;
    font-weight: 500;
    line-height: 1.35vw;
    color: #ffffff;
    text-align: left;
}

.longueTraine p {
    width: 50vw;
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.14vw;
    font-weight: 500;
    line-height: 1.35vw;
    color: #ffffff;
    text-align: left;
    margin-left: 10.41vw;
    flex-shrink: 0;
}

.longueTraine a span {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 1.35vw;
    color: #ffffff;
    text-align: left;
}

.visuelLongueTraine {
    display: flex;
    flex-direction: row;
    width: 23.54vw;
    flex-shrink: 0;
}

.visuelLongueTraine img {
    flex-shrink: 0;
}

.globalFooter {
    display: flex;
    flex-direction: column;
    width: 93.75vw;
    background: rgba(0, 28, 34, .8);
    padding: 2.96vw 3.125vw;
}

.linerFooter {
    width: 9.16vw;
    height: 1px;
    background: #ffffff;
}

.siteMapFooter {
    display: flex;
    flex-direction: row;
    justify-content: start;
}

.blockLinkFooter {
    display: flex;
    flex-direction: column;
    margin-right: 3vw;
    padding-top: 1.56vw;
}

.blockLinkFooter ul {
    list-style: none;
    font-family: 'Maven Pro', sans-serif;
    font-size: 0.83vw;
    font-weight: 500;
    line-height: 1.35vw;
    color: rgba(255, 255, 255, .75);
    text-align: left;
}

.blockLinkFooter ul li:first-child {
    text-transform: uppercase;
}

.blockLinkFooter ul li a {
    text-decoration: none;
    color: rgba(255, 255, 255, .75);
    padding: 5px;
    border-radius: 3px;
    transition: all 1s;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
}

.blockLinkFooter ul li a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, .75);
    background: #1C292B;
    border-radius: 3px;
}

.endPage {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding-left: 1.56vw;
    padding-right: 1.56vw;
    background: rgba(33, 33, 33, 1);
}

.legalContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding: 1.56vw;
    background: rgba(33, 33, 33, 1);
}

.legalContainer a {
    font-family: 'Maven Pro', sans-serif;
    font-size: 0.72vw;
    font-weight: 300;
    line-height: 1.35vw;
    color: rgba(255, 255, 255, .5) !important;
    margin-left: 1vw;
    margin-right: 1vw;
}

.logoContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding: 1vw;
    background: rgba(33, 33, 33, 1);
}

.logoContainer img {
    width: 2.60vw;
    margin: 0.52vw;
    padding-top: 10px;
    opacity: .2;
}

.logoContainer h1 {
    font-family: 'GothamRounded-Bold';
    font-size: 3vw;
    color: rgba(255, 255, 255, .2);
    text-align: left;
}

.logoContainer h1 span {
    color: rgba(255, 255, 255, .2);
}

.logoContainer h1 span.logoPoint {
    font-size: 3vw;
}

/* BLOC TITRE RUBRIQUE */
.titlePageContainer {
    display: flex;
    min-width: 92vw;
    transform: rotate(-90deg);
    justify-content: center;
    padding-top: 0vw;
    transform-origin: top right;
    top: -14vw;
    right: 97vw;
    position: absolute;
    z-index: 0;
    text-align: right;
}

@-moz-document url-prefix() {
    .titlePageContainer {
        display: flex;
        width: 100%;
        min-width: 100%;
        transform: rotate(-90deg);
        justify-content: end;
        padding-top: 0vw;
        transform-origin: top right;
        margin-left: -96vw;
        margin-top: 8vw;
        top: 0;
        left: 0;
        position: absolute;
        z-index: 0;
    }
}

.titlePageContainer h2 {
    font-family: 'Dosis', sans-serif;
    font-size: 5.52vw;
    font-weight: 300;
    color: #7FE0FF;
    text-transform: uppercase;
    margin-left: 0;
    letter-spacing: 28px;
}

.firstBlockContainer {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-bottom: 10vw;
}

.firstBlockContainer h3 {
    font-family: 'Maven Pro', sans-serif;
    font-size: 2.08vw;
    font-weight: 400;
    color: #034F7B;
    margin-bottom: 2vw;
    width: 34.89vw;
    margin-top: 2vw;
    margin-left: 25vw;
}

.firstBlockContainer p.entete {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.14vw;
    line-height: 1.66vw;
    font-weight: 600;
    color: #707070;
    margin-bottom: 2vw;
    text-align: justify;
    width: 34.89vw;
    margin-top: 2vw;
    margin-left: 25vw;
}

.firstBlockContainer p,
.firstBlockContainer ul,
.firstBlockContainer h4 {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.14vw;
    line-height: 1.66vw;
    font-weight: 400;
    color: #707070;
    margin-bottom: 2vw;
    text-align: justify;
    width: 34.89vw;
    margin-top: 2vw;
    margin-left: 25vw;
}

.firstBlockContainer > video {
    margin-left: 25vw;
    width: auto;
}

.firstBlockContainer ul li {
    margin-left: 1.14vw;
    list-style: disc;
}

.firstBlockContainer p.verbat {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.45vw;
    line-height: 1.97vw;
    font-weight: 400;
    color: #034F7B;
    margin-bottom: 2vw;
    text-align: justify;
    margin-bottom: 2vw;
    width: 34.89vw;
    margin-top: 2vw;
    margin-left: 25vw;
}

.firstBlockContainer p span,
.firstBlockContainer b,
.firstBlockContainer h4 {
    font-weight: 600;
}

.pageSkin {
    max-width: 37.08vw;
    position: absolute;
    top: 0;
    right: 0;
}

.pageSkin img {
    width: 100%;
}

.distributionBlocPage {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-bottom: 10vw;
    margin-left: 25vw;
}

.distributionBlocPageAds {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-bottom: 10vw;
    margin-left: 25vw;
}

.containerDistributionBlocPage {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 4vw;
}

.containerDistributionBlocPage h4 {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.87vw;
    line-height: 2.2vw;
    font-weight: 400;
    color: #034F7B;
    text-align: center;
    margin-bottom: 1vw;
}

.containerDistributionBlocPage p {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.14vw;
    line-height: 1.5vw;
    font-weight: 400;
    color: #707070;
    text-align: center;
    margin-bottom: 1vw;
}

.containerDistributionBlocPage img {
    width: 100%;
}

.distributionBlocPageTitre {
    width: 100vw;
}

.distributionBlocPageTitre h4 {
    width: 100vw;
    font-family: 'Maven Pro', sans-serif;
    font-size: 2.08vw;
    line-height: 2.60vw;
    font-weight: 400;
    color: #034F7B;
    margin-bottom: 1vw;
    margin-left: 25vw;
}

.containerDistributionBlocPageAds {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-right: 4vw;
}

.containerDistributionBlocPageAds img {
    width: 100%;
}

.containerDistributionBlocPageMail {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-right: 4vw;
}

.containerDistributionBlocPageMail img {
    width: 100%;
}


/* NAV APPROCHE */
.inNavApproche {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 20vw;
    padding-top: 2vw;
    padding-bottom: 10vw;
}

.inNavApproche a {
    margin-left: 2vw;
    margin-right: 2vw;
}

.containerRotateNavApproche {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 20vw;
    height: 20vw;
    background: #00B8F1;
    transform: rotate(15deg);
    overflow: hidden;
}

.contentNavApproche {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    width: 40vw;
    height: 15vw;
    transform: rotate(-15deg);
    background: linear-gradient(#034F7B, #02283E);
    padding-left: 30vw;
}

.contentNavApproche p {
    width: 14vw;
    font-family: 'Maven Pro', sans-serif;
    font-size: 2.08vw;
    line-height: 2.60vw;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 1vw;
}

/* NOS OUTILS */
.outilsLeft {
    display: flex;
    flex-direction: row;
    padding: 5vw;
    width: 90vw;
}

.outilsRight {
    display: flex;
    flex-direction: row-reverse;
    padding: 5vw;
    width: 90vw;
}

.visuelTools {
    margin-left: 3vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.visuelTools img {
    width: 100%;
}

.textTools {
    display: flex;
    flex-direction: column;
}

.textTools h3 {
    font-family: 'Maven Pro', sans-serif;
    font-size: 2.08vw;
    font-weight: 400;
    color: #034F7B;
    margin-bottom: 2vw;
    width: 34.89vw;
    margin-top: 0;
    margin-left: 5vw;
    margin-right: 5vw;
}

.textTools p.entete {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.14vw;
    line-height: 1.66vw;
    font-weight: 600;
    color: #707070;
    margin-bottom: 2vw;
    text-align: justify;
    width: 34.89vw;
    margin-top: 1vw;
    margin-left: 5vw;
    margin-right: 5vw;
}

.textTools p {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.14vw;
    line-height: 1.66vw;
    font-weight: 400;
    color: #707070;
    margin-bottom: 2vw;
    text-align: justify;
    width: 34.89vw;
    margin-top: 0;
    margin-left: 5vw;
    margin-right: 5vw;
}

.textTools .certifications {
    margin-left: 5vw;
    margin-right: 5vw;
    margin-bottom: 5vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}


.outilsLeftDSP {
    display: flex;
    flex-direction: row;
    padding: 5vw;
    width: 90vw;
    margin-left: -7vw;
}


.globalDspContainer {
    display: flex;
    flex-direction: row;
    width: 60vw;
}

.dspContainer {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.dsp {
    position: relative;
    z-index: 500;
    display: flex;
    flex-direction: row;
    border-radius: 30px;
    width: 25vw;
    height: 3vw;
    background: #1EC1F3;
    justify-content: flex-end;
    align-items: center;
    font-size: 1.14vw;
    color: #ffffff;
    padding-right: .3vw;
    margin-bottom: 1px;
    transition: all 1s;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
}

.dspTest {
    position: relative;
    z-index: 500;
    display: flex;
    flex-direction: row;
    border-radius: 30px;
    width: 25vw;
    height: 3vw;
    background: #1EC1F3;
    justify-content: end;
    align-items: center;
    font-size: 1.14vw;
    color: #ffffff;
    padding-right: .3vw;
    margin-bottom: 1px;
    transition: all 1s;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
}

.logoDsp {
    display: flex;
    width: 2.44vw;
    height: 2.44vw;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border-radius: 50%;
    margin-left: .5vw;
}

.logoDsp img {
    width: 100%;
    height: 100%;
}

.descDspContainer {
    position: absolute;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 45vw;
    height: 93%;
    background: linear-gradient(#034F7B, #02283E);
    margin-top: 1.2vw;
}

.desc {
    position: absolute;
    display: flex;
    flex-direction: column;
    margin-top: 2vw;
    margin-left: 28vw;
}

.desc p {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1vw;
    line-height: 1.3vw;
    color: #ffffff;
    margin-bottom: .5vw;
    padding-left: .7vw;
    border-left: 4px solid #ffffff;
}

.desc p span {
    font-weight: 600;
}

.google {
    opacity: 0;
    transition: all 1s;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
}

.verizon {
    opacity: 0;
    transition: all 1s;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
}

.teads {
    opacity: 0;
    transition: all 1s;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
}

.hubscale {
    opacity: 0;
    transition: all 1s;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
}

.tabmo {
    opacity: 0;
    transition: all 1s;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
}

.amazon {
    opacity: 0;
    transition: all 1s;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
}

.ttd {
    opacity: 0;
    transition: all 1s;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
}

.zemanta {
    opacity: 0;
    transition: all 1s;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
}

.displayce {
    opacity: 0;
    transition: all 1s;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
}

.gravity {
    opacity: 0;
    transition: all 1s;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
}

.liquidm {
    opacity: 0;
    transition: all 1s;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
}

.dsp:hover {
    background: #0085B0;
    width: 26vw;
    cursor: pointer;
}

.dspGoogle:hover~.descDspContainer .google {
    opacity: 1;
}

.dspVerizon:hover~.descDspContainer .verizon {
    opacity: 1;
}

.dspTeads:hover~.descDspContainer .teads {
    opacity: 1;
}

.dspHubscale:hover~.descDspContainer .hubscale {
    opacity: 1;
}

.dspTabmo:hover~.descDspContainer .tabmo {
    opacity: 1;
}

.dspAmazon:hover~.descDspContainer .amazon {
    opacity: 1;
}

.dspTtd:hover~.descDspContainer .ttd {
    opacity: 1;
}

.dspZemanta:hover~.descDspContainer .zemanta {
    opacity: 1;
}

.dspDisplayce:hover~.descDspContainer .displayce {
    opacity: 1;
}

.dspGravity:hover~.descDspContainer .gravity {
    opacity: 1;
}

.dspLiquidm:hover~.descDspContainer .liquidm {
    opacity: 1;
}

/* FORMATS */
.formatsBlock {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 25vw;
    margin-bottom: 5vw;
}

.formatsBlock h3 {
    font-family: 'Maven Pro', sans-serif;
    font-size: 2.08vw;
    font-weight: 400;
    color: #034F7B;
    margin-bottom: 2vw;
    width: 34.89vw;
    margin-top: 0;
    margin-right: 5vw;
}

.formatsBlock p.entete {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.14vw;
    line-height: 1.66vw;
    font-weight: 600;
    color: #707070;
    margin-bottom: 2vw;
    text-align: justify;
    width: 34.89vw;
    margin-top: 1vw;
    margin-right: 5vw;
}

.formatsBlock p {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.14vw;
    line-height: 1.66vw;
    font-weight: 400;
    color: #707070;
    margin-bottom: 2vw;
    text-align: justify;
    width: 34.89vw;
    margin-top: 0;
    margin-right: 5vw;
}

.globalFormatsBlock {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 80vw;
}

.formatsBlockContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #034F7B;
    width: 18vw;
    height: 18vw;
    cursor: pointer;
    margin-right: 1vw;
    margin-bottom: 1vw;
}

.formatsBlockContainer img {
    mix-blend-mode: multiply;
    height: 100%;
    opacity: .3;
    transition: all 1s;
    transition-timing-function: ease-in;
    transition-duration: 300ms;
    filter: grayscale(1);
}

.red {
    background: #730625;
}

.yellow {
    background: #946e00;
}

.formatsBlockContainer h4 {
    position: absolute;
    z-index: 9;
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.14vw;
    line-height: 1.66vw;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    text-align: justify;
    opacity: 1;
    transition: all 1s;
    transition-timing-function: ease-in;
    transition-duration: 300ms;
}

.formatsBlockContainer p {
    position: absolute;
    z-index: 10;
    font-family: 'Maven Pro', sans-serif;
    font-size: 0.93vw;
    line-height: 1.30vw;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    width: 14vw;
    margin: 0;
    opacity: 0;
    transition: all 1s;
    transition-timing-function: ease-in;
    transition-duration: 300ms;
}

.formatsBlockContainer p span {
    display: block;
    font-family: 'Maven Pro', sans-serif;
    font-size: 0.8vw;
    line-height: .9vw;
    font-weight: 400;
}

.formatsBlockContainer:hover h4 {
    opacity: 0;
}

.formatsBlockContainer:hover p {
    opacity: 1;
}

.formatsBlockContainer:hover img {
    opacity: .14;
}

.visuelTools video {
    width: 100%;
    height: auto;
}

/*FAMILY*/
.globalFamily {
    display: flex;
    flex-direction: column;
    width: 75vw;
    margin-left: 25vw;
}

.globalTeam {
    display: flex;
    flex-direction: column;
    margin-bottom: 3vw;
}

.titleFamily {
    display: flex;
    flex-direction: column;
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.56vw;
    line-height: 2vw;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 1vw;
}

.liner {
    width: 20vw;
    height: .1vw;
    background: #00B8F1;
}

.linerSales {
    width: 20vw;
    height: .1vw;
    background: #384C8B;
}

.linerTraders {
    width: 20vw;
    height: .1vw;
    background: #CC9900;
}

.linerTechnical {
    width: 20vw;
    height: .1vw;
    background: #F07A22;
}

.linerCreative {
    width: 20vw;
    height: .1vw;
    background: #F31755;
}

.linerCommunication {
    width: 20vw;
    height: .1vw;
    background: #b80a3d;
}

.linerFinance {
    width: 20vw;
    height: .1vw;
    background: #0085b0;
}

.CEO {
    color: #00B8F1;
}

.sales {
    color: #384C8B;
}

.traders {
    color: #CC9900;
}

.technical {
    color: #F07A22;
}

.creative {
    color: #F31755;
}

.communication {
    color: #b80a3d;
}

.finance {
    color: #0085b0;
}

.team {
    display: flex;
    flex-direction: row;
    width: 70vw;
    margin-bottom: 2vw;
    flex-wrap: wrap;
}

.member {
    display: flex;
    flex-direction: column;
    margin-right: 2vw;
}

.memberTeam {
    display: flex;
    flex-direction: column;
    margin-right: 2vw;
    align-items: center;
    margin-bottom: 2vw;
}

.memberPicture {
    display: flex;
    flex-direction: column;
    border: 5px solid #00B8F1;
    border-radius: 50%;
    overflow: hidden;
    width: 11vw;
    height: 11vw;
    flex-shrink: 1;
    align-items: center;
    justify-content: center;
}

.memberPicture img {
    width: 100%;
}

.memberPictureTeamSales {
    display: flex;
    flex-direction: column;
    border: 5px solid #384C8B;
    border-radius: 50%;
    overflow: hidden;
    width: 8vw;
    height: 8vw;
    flex-shrink: 1;
    align-items: center;
    justify-content: center;
}

.memberPictureTeamSales img {
    width: 100%;
}

.memberPictureTeamTraders {
    display: flex;
    flex-direction: column;
    border: 5px solid #CC9900;
    border-radius: 50%;
    overflow: hidden;
    width: 8vw;
    height: 8vw;
    flex-shrink: 1;
    align-items: center;
    justify-content: center;
}

.memberPictureTeamTraders img {
    width: 100%;
}

.memberPictureTeamTechnical {
    display: flex;
    flex-direction: column;
    border: 5px solid #F07A22;
    border-radius: 50%;
    overflow: hidden;
    width: 8vw;
    height: 8vw;
    flex-shrink: 1;
    align-items: center;
    justify-content: center;
}

.memberPictureTeamTechnical img {
    width: 100%;
}

.memberPictureTeamCreative {
    display: flex;
    flex-direction: column;
    border: 5px solid #F31755;
    border-radius: 50%;
    overflow: hidden;
    width: 8vw;
    height: 8vw;
    flex-shrink: 1;
    align-items: center;
    justify-content: center;
}

.memberPictureTeamCreative img {
    width: 100%;
}

.memberPictureTeamCommunication {
    display: flex;
    flex-direction: column;
    border: 5px solid #b80a3d;
    border-radius: 50%;
    overflow: hidden;
    width: 8vw;
    height: 8vw;
    flex-shrink: 1;
    align-items: center;
    justify-content: center;
}

.memberPictureTeamCommunication img {
    width: 100%;
}

.memberPictureTeamFinance {
    display: flex;
    flex-direction: column;
    border: 5px solid #0085b0;
    border-radius: 50%;
    overflow: hidden;
    width: 8vw;
    height: 8vw;
    flex-shrink: 1;
    align-items: center;
    justify-content: center;
}

.memberPictureTeamFinance img {
    width: 100%;
}

.memberText {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 19.16vw;
    text-align: left;
    margin-left: 1vw;
}

.memberText h5 {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.56vw;
    line-height: 2vw;
    font-weight: 600;
    text-transform: none;
    color: #00B8F1;
    text-align: left;
    align-self: start;
}

.memberText h5 span {
    text-transform: uppercase;
}

.memberText p.role {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.14vw;
    line-height: 1.4vw;
    font-weight: 400;
    color: #707070;
    text-align: left;
    align-self: start;
    margin-bottom:1vw;
    letter-spacing: -1px;
}

.memberText p.memberDesc {
    font-family: 'Maven Pro', sans-serif;
    font-size: 0.93vw;
    line-height: 1.3vw;
    font-weight: 400;
    text-transform: none;
    color: #707070;
    text-align: left;
    align-self: start;
}

.memberTextTeam {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 10.62vw;
    text-align: center;
}

.memberTextTeam h5 {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.56vw;
    line-height: 2vw;
    font-weight: 600;
    text-transform: none;
    text-align: center;
    align-self: center;
    width: 11.62vw;
    margin-right: 0;
}

.memberTextTeam h5 span {
    text-transform: uppercase;
}

.memberTextTeam p.role {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.14vw;
    line-height: 1.5vw;
    font-weight: 400;
    color: #707070;
    text-align: center;
    align-self: center;
    width: 10.62vw;
}

/* SUCCESS STORIES */
.successBlockLogos {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    width: 39.89vw;
    flex-shrink: 0;
    flex-wrap: wrap;
    margin-left: 25vw;
}

.successBlockLogosImage {
    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: 70px;
    margin-right: 1vw;
    margin-bottom: 1vw;
}

.successBlockLogosImage img {
    width: 70%;
}

.successLeft {
    display: flex;
    flex-direction: row;
    padding: 5vw 5vw 5vw 0;
    width: 100vw;
    margin-left: -2vw;
}

.successRight {
    display: flex;
    flex-direction: row-reverse;
    padding: 5vw;
    width: 90vw;
}

.visuelSuccess {
    display: flex;
    flex-direction: column;
}

.visuelSuccess img {
    width: 100%;
}

.textSuccess {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.textSuccess h3 {
    font-family: 'Maven Pro', sans-serif;
    font-size: 2.08vw;
    font-weight: 400;
    color: #034F7B;
    margin-bottom: 2vw;
    width: 34.89vw;
    margin-top: 0;
    margin-left: 5vw;
    margin-right: 5vw;
}

.textSuccess p {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.14vw;
    line-height: 1.66vw;
    font-weight: 400;
    color: #707070;
    margin-bottom: 2vw;
    text-align: justify;
    width: 34.89vw;
    margin-top: 0;
    margin-left: 5vw;
    margin-right: 5vw;
}

.campaignTypeContainer {
    display: flex;
    flex-direction: row;
    margin-left: 5vw;
    margin-right: 5vw;
    margin-bottom: 1vw;
}

.campaignType {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #7FE0FF;
    padding: 5px 10px;
    margin-right: 1vw;
}

.campaignType h5 {
    font-family: 'Maven Pro', sans-serif;
    font-size: 0.83vw;
    color: #7FE0FF;
    text-transform: uppercase;
    margin-right: 0;
    align-items: center;
    align-self: center;
    justify-content: center;
}

.textSuccess .globalCTAInContainer,
.textSuccessRight .globalCTAInContainer {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 47px;
    margin-left: 5vw;
    margin-right: 5vw;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, .5) 0px 12px 28px;
    cursor: pointer;
    transition: all 1s;
    transition-duration: 1s;
    transition-timing-function: ease;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
}

.textSuccessRight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.textSuccessRight h3 {
    font-family: 'Maven Pro', sans-serif;
    font-size: 2.08vw;
    font-weight: 400;
    color: #034F7B;
    margin-bottom: 2vw;
    width: 34.89vw;
    margin-top: 0;
    margin-left: 5vw;
    margin-right: 5vw;
    text-align: right;
}

.textSuccessRight p {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.14vw;
    line-height: 1.66vw;
    font-weight: 400;
    color: #707070;
    margin-bottom: 2vw;
    text-align: right;
    width: 34.89vw;
    margin-top: 0;
    margin-left: 5vw;
    margin-right: 5vw;
}

/* SUCCESS STORIES IN */
.ctaBackSuccessContainer {
    display: flex;
    flex-direction: row;
    margin-left: 25vw;
    margin-right: 5vw;
    margin-bottom: 1vw;
}

.ctaBackSuccess {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: start;
    border: 1px solid #F31755;
    padding: 5px 10px;
    margin-right: 1vw;
}

.ctaBackSuccess 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;
}

.pageSkinStoryIn {
    width: 37.08vw;
    position: absolute;
    top: 4vw;
    right: 0;
}

.pageSkinStoryIn img {
    position: absolute;
    max-width: 105%;
}

.pageSkinStoryIn img.inDisplayOne {
    position: absolute;
    max-width: 30%;
    z-index: 10;
    top: 24vw;
    left: 7vw;
}

.pageSkinStoryIn img.inDisplayTwo {
    position: absolute;
    max-width: 30%;
    top: 11vw;
    left: 1vw;
}

.pageSkinStoryIn video {
    width: 100%;
    height: auto;
}

.storyResults p {
    color: #F31755;
    font-size: 1.30vw;
    border-left: 0.3vw solid #F31755;
    padding-left: 1vw;
}

.storyResults span {
    color: #F31755;
    font-size: 1.80vw;
    text-transform: uppercase;
}


/* NOTRE PROGRAMMATIQUE */
.ctaProgrammatiqueToLexicon {
    position: absolute;
    margin-top: 0vw;
    margin-left: 25vw;
}


/* ACTUALITES */
.brefGrilleIn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 80vw;
    padding-left: 25vw;
    padding-bottom: 5vw;
    position: relative;
    z-index: 300;
}

#loadMore {
    width: fit-content;
    display: block;
    text-align: center;
    font-size: 0.83vw;
    margin: 20px auto;
    margin-top: -60px;
    margin-bottom: 50px;
  }

  h5.strMore{
    font-size: 16px;
}

  .content{
    display: none;
  }

.catColorACTUS{
    content: "";
    position: relative;
    width: 0;
    height: 0;
    top: 20px;
    border-top: solid 10px #00b9f0;
    border-left: solid 10px #00b9f0;
    border-right: solid 10px transparent;
    border-bottom: solid 10px transparent;
    z-index: 1;
}
.catColorACTUS\+TIPS{
    content: "";
    position: relative;
    width: 0;
    height: 0;
    top: 20px;
    border-top: solid 10px #00b9f0;
    border-left: solid 10px #f07a22;
    border-right: solid 10px transparent;
    border-bottom: solid 10px transparent;
    z-index: 1;
}
.catColorACTUS\+SKAZELIFE{
    content: "";
    position: relative;
    width: 0;
    height: 0;
    top: 20px;
    border-top: solid 10px #00b9f0;
    border-left: solid 10px #384c8b;
    border-right: solid 10px transparent;
    border-bottom: solid 10px transparent;
    z-index: 1;
}
.catColorTENDANCES{
    content: "";
    position: relative;
    width: 0;
    height: 0;
    top: 20px;
    border-top: solid 10px #cc9900;
    border-left: solid 10px #cc9900;
    border-right: solid 10px transparent;
    border-bottom: solid 10px transparent;
    z-index: 1;
}
.catColorTENDANCES\+ACTUS{
    content: "";
    position: relative;
    width: 0;
    height: 0;
    top: 20px;
    border-top: solid 10px #00b9f0;
    border-left: solid 10px #cc9900;
    border-right: solid 10px transparent;
    border-bottom: solid 10px transparent;
    z-index: 1;
}
.catColorTENDANCES\+TIPS{
    content: "";
    position: relative;
    width: 0;
    height: 0;
    top: 20px;
    border-top: solid 10px #cc9900;
    border-left: solid 10px #f07a22;
    border-right: solid 10px transparent;
    border-bottom: solid 10px transparent;
    z-index: 1;
}
.catColorTENDANCES\+SKAZELIFE{
    content: "";
    position: relative;
    width: 0;
    height: 0;
    top: 20px;
    border-top: solid 10px #cc9900;
    border-left: solid 10px #384c8b;
    border-right: solid 10px transparent;
    border-bottom: solid 10px transparent;
    z-index: 1;
}
.catColorTIPS{
    content: "";
    position: relative;
    width: 0;
    height: 0;
    top: 20px;
    border-top: solid 10px #f07a22;
    border-left: solid 10px #f07a22;
    border-right: solid 10px transparent;
    border-bottom: solid 10px transparent;
    z-index: 1;
}
.catColorTIPS\+SKAZELIFE{
    content: "";
    position: relative;
    width: 0;
    height: 0;
    top: 20px;
    border-top: solid 10px #f07a22;
    border-left: solid 10px #384c8b;
    border-right: solid 10px transparent;
    border-bottom: solid 10px transparent;
    z-index: 1;
}
.catColorSKAZELIFE{
    content: "";
    position: relative;
    width: 0;
    height: 0;
    top: 20px;
    border-top: solid 10px #384c8b;
    border-left: solid 10px #384c8b;
    border-right: solid 10px transparent;
    border-bottom: solid 10px transparent;
    z-index: 1;
}
.catColor{
    content: "";
    position: relative;
    width: 0;
    height: 0;
    top: 20px;
    border-top: solid 10px #999999;
    border-left: solid 10px #999999;
    border-right: solid 10px transparent;
    border-bottom: solid 10px transparent;
    z-index: 1;
}
/* bleu clair :   #00b9f0 */
/* jaune :        #cc9900 */
/* orange :       #f07a22 */
/* violet :       #384c8b */

  .categories{
    display: block;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    text-transform:uppercase;
    /* background:#034F7B; */
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    color:#ffffff;
    white-space: pre-wrap;
	margin-right: 10px;
    margin-top:4%;
    /* margin-bottom:4%; */
    border: 1px solid #034F7B;
    cursor: pointer;
}
#ACTU{
    /* background:#034F7B; */
    border: solid 1px #00b9f0;
    color:#00b9f0;
    background-color: transparent;
}
#TENDANCES{
    /* background:#034F7B; */
    border: solid 1px #cc9900;
    color:#cc9900;
    background-color: transparent;
}
#TIPS{
    /* background:#034F7B; */
    border: solid 1px #f07a22;
    color:#f07a22;
    background-color: transparent;
}
#SKAZE_LIFE{
    /* background:#034F7B; */
    border: solid 1px #384c8b;
    color:#384c8b;
    background-color: transparent;
}

.catButton{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 25vw;
}

.actuSample {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #034F7B;
    width: 18vw;
    height: 18vw;
    cursor: pointer;
    margin-right: 1vw;
    margin-bottom: 1vw;
    transition: all 1s;
    transition-timing-function: ease-in-out;
    transition-duration: 500ms;
}

.actuSample img {
    mix-blend-mode: multiply;
    min-height: 120%;
    opacity: .5;
    transition: all 1s;
    transition-timing-function: ease-in-out;
    transition-duration: 500ms;
}

.brefGrilleIn a:hover>.actuSample img {
    cursor: pointer;
    min-height: 100%;
    opacity: .2;
}

.brefGrilleIn a:hover>.actuSample {
    background: #b80a3d;
}

.actuContent {
    position: absolute;
    z-index: 500;
}

.actuContent h4 {
    width: 15vw;
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.04vw;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: .8vw;
    padding-left: 1vw;
}

.actuContent p {
    width: 15vw;
    font-family: 'Maven Pro', sans-serif;
    font-size: 0.83vw;
    font-weight: 500;
    line-height: 1.35vw;
    color: #e3e3e3;
    text-align: left;
    padding-left: 1vw;
}

.actuContent p.actuDate {
    width: 15vw;
    font-family: 'Maven Pro', sans-serif;
    font-size: 0.83vw;
    font-weight: 500;
    line-height: 1.35vw;
    color: #e3e3e3;
    text-align: left;
    padding-left: 1vw;
}

/* ACTUALITES IN */
p.dateActu {
    margin-bottom: -1.5vw;
}

/* CONTACT */
.formBlockGlobalContainer {
    margin-left: 25vw;
    width: 35vw;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

.formBlockGlobalContainer label {
    display: block;
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.04vw;
    font-weight: 400;
    color: #707070;
    margin-bottom: .5vw;
    text-indent: .5vw;
}

.formBlockGlobalContainer label.errorLabel {
    color: #F31755;
}


input[type=email],
input[type=file],
input[type=tel],
input[type=text],
textarea {
    width: 15vw;
    height: 2vw;
    border-radius: 3px;
    border: 5px solid #98E6FF;
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.04vw;
    font-weight: 400;
    color: #00B8F1;
    margin-bottom: 2vw;
    padding-left: .5vw;
}

input[type=file] {
    width : 50vw;
 border : none;
}

textarea#definition {
    height: 4vw;
    width: 34vw;
}

input[type=text].errorField,
input[type=file].errorField,
textarea.errorField {
    border: 5px solid #F31755;
    color: #F31755;
}

input[type=text]:focus,
input[type=file]:focus {
    border: 5px solid #00B8F1;
    color: #00B8F1;
}

input[type=text].done,
input[type=file].done {
    border: 5px solid #00B8F1;
    color: #00B8F1;
}

.validateDotContainer {
    display: flex;
    flex-direction: row;
    margin-bottom: 2vw;
}

.validateDot {
    width: 12px;
    height: 12px;
    border: 3px solid;
    border-radius: 50%;
    margin-right: .3vw;
}

.validateDot.selected {
    border-color: #FB8FAF;
    background: #F31755;
}

.validateDot.blank {
    border-color: #FB8FAF;
    background: #ffffff;
}

.validateDot.ready {
    border-color: #7FE0FF;
    background: #00B8F1;
}

.ctaValidateForm {
    display: flex;
    flex-direction: row;
    justify-content: start;
    width: 100%;
    margin-bottom: 3vw;
}

.globalCTAValidateContainer {
    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;
}

.ctaValidateContainer {
    display: flex;
    flex-direction: row;
    border-radius: 47px;
}

.ctaValidateIco {
    display: flex;
    flex-direction: row;
    width: 53px;
    height: 53px;
    background: #ffffff;
    border-radius: 50%;
    justify-content: center;
}

.ctaValidateIco img {
    max-width: 12.5px;
    max-height: 12.5px;
    align-items: center;
    align-self: center;
    justify-content: center;
    transition: all 1s;
    transition-timing-function: ease-in-out;
    transition-duration: 500ms;
}

.globalCTAValidateContainer:hover {
    box-shadow: rgba(0, 0, 0, .5) 0px 6px 14px;
}

.globalCTAValidateContainer:hover .ctaValidateIco img {
    transform: scale(2.5);
}

.ctaValidateContainer h5 {
    font-family: 'Maven Pro', sans-serif;
    font-size: 0.83vw;
    color: #00B8F1;
    text-transform: uppercase;
    margin-right: 20px;
    align-items: center;
    align-self: center;
    justify-content: center;
}

p.goodMessage {
    margin-left: 0;
    color: #7fe0ff;
    font-size: 1.8vw;
    font-weight: 600;
}

/* JOB */
.ctaPostulerContainer {
    margin-left: 25vw;
}

/* LEXIQUE */
.indexLexiconContainer {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-left: 25vw;
}

.slideLexicon {
    display: flex;
    flex-direction: row;
    margin-bottom: 2.5vw;
}

.lexiconLetter {
    display: flex;
    flex-direction: row;
    width: 2.44vw;
    height: 2.44vw;
    background: #ffffff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-family: 'Dosis', sans-serif;
    font-size: 1.82vw;
    font-weight: 900;
    color: #7FE0FF;
    text-transform: uppercase;
    box-shadow: rgba(0, 0, 0, .5) 0 0.62vw 1.45vw;
    cursor: pointer;
    margin-right: 1vw;
    transition: all;
    transition-timing-function: ease-in-out;
    transition-duration: 100ms;
}

.lexiconLetter:hover {
    box-shadow: rgba(0, 0, 0, .5) 0 0.31vw 0.72vw;
}

.slideDefinition {
    display: flex;
    flex-direction: row;
    margin-left: 1vw;
    margin-bottom: 2.5vw;
}

.lexiconWord {
    display: flex;
    flex-direction: row;
    width: auto;
    height: 2.44vw;
    background: #ffffff;
    border-radius: 53px;
    justify-content: center;
    align-items: center;
    font-family: 'Maven Pro', sans-serif;
    font-size: 0.83vw;
    font-weight: 600;
    color: #CC9900;
    text-transform: uppercase;
    box-shadow: rgba(0, 0, 0, .5) 0 0.62vw 1.45vw;
    cursor: pointer;
    padding-left: 1vw;
    padding-right: 1vw;
    margin-right: 1vw;
    transition: all;
    transition-timing-function: ease-in-out;
    transition-duration: 100ms;
}

.lexiconWord:hover {
    box-shadow: rgba(0, 0, 0, .5) 0 0.31vw 0.72vw;
}

.activeLetter {
    background: #7FE0FF;
    color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0) 0 0 0;
    margin-top: .1vw;
}

.activeLetter:hover {
    background: #7FE0FF;
    color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0) 0 0 0;
    margin-top: .1vw;
}

.activeWord {
    background: #C09000;
    color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0) 0 0 0;
    margin-top: .1vw;
}

.activeWord:hover {
    background: #C09000;
    color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0) 0 0 0;
    margin-top: .1vw;
}



a {
    color: #F31755;
    text-decoration: none;
}

.anchor a {
    color: #034F7B;
}

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

    .textSuccess .ctaInIcoMobile,
    .ctaValidateIcoMobile,
    .textSuccessRight .ctaInIcoMobile,
    .ctaProgrammatiqueToLexicon .ctaInIcoMobile {
        display: none;
    }
}

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

    .titlePageContainer {
        min-width: 89vw;
    }
}

@media handheld and (max-width: 1200px) {

    .textarea,
    input[type=text] {
        min-width: 89vw;
    }
}

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

    .slideLexicon,
    .slideDefinition {
        overflow: scroll;
        padding: 2vw 0;
    }
}

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

    .legalContainer a {
        font-size: 1vw;
    }

    .welcome {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: left;
        width: 28.17vw;
        position: absolute;
        top: 16vh;
        left: 11.46vw;
    }

    .welcome p {
        font-family: 'Dosis', sans-serif;
        font-size: 4.35vh;
        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: relative;
        font-family: 'GothamRounded-Bold';
        transform-origin: center center;
        transform: rotateZ(-90deg);
        font-size: 25vh;
        color: #3CB5E9;
        /* left:-6vw; */
        text-align: right;
        opacity: 0;
        animation-name: logoHomeTablet;
        animation-duration: 500ms;
        animation-delay: 1700ms;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards;
    }

    .welcome h1 span {
        color: #034F7B;
    }

    @keyframes logoHomeTablet {
        0% {
            top: 45vh;
            opacity: 0;
        }

        75% {
            top: 20vh;
            opacity: .5;
        }

        100% {
            top: 25vh;
            opacity: 1;
        }
    }

    /* NAV APPROCHE */
    .inNavApproche {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100vw;
        height: 100%;
        padding-bottom: 10vw;
        flex-wrap: wrap;
    }

    .inNavApproche a {
        margin-left: 2vw;
        margin-right: 2vw;
        margin-bottom: 10vw;
    }

    .containerRotateNavApproche {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 35vw;
        height: 35vw;
        background: #00B8F1;
        transform: rotate(15deg);
        overflow: hidden;
    }

    .contentNavApproche {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        width: 40vw;
        height: 25vw;
        transform: rotate(-15deg);
        background: linear-gradient(#034F7B, #02283E);
        padding-left: 30vw;
    }

    .contentNavApproche p {
        width: 14vw;
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.08vw;
        line-height: 2.60vw;
        font-weight: 400;
        color: #ffffff;
        margin-bottom: 1vw;
    }

    .contentNavApproche .globalCTAInContainer {
        position: relative;
        margin-top: 0;
    }

    .contentNavApproche .globalCTAInContainer {
        display: none;
    }



    /* LONGUE TRAINE */
    .longueTraine a {
        font-size: 2vw;
        line-height: 2.4vw;
    }

    .longueTraine p {
        font-size: 2vw;
        line-height: 2.4vw;
    }

    .longueTraine a span {
        font-size: 2.8vw;
        line-height: 3.2vw;
    }

    .visuelLongueTraine {
        display: flex;
        flex-direction: row;
        justify-content: end;
        align-items: end;
        width: 23.54vw;
        flex-shrink: 0;
        overflow: hidden;
    }

    /* FOOTER */
    .globalFooter {
        display: flex;
        flex-direction: column;
        width: 100%;
        background: rgba(0, 28, 34, .8);
        padding: 2.96vw 3.125vw;
    }

    .linerFooter {
        width: 9.16vw;
        height: 1px;
        background: #ffffff;
    }

    .siteMapFooter {
        display: flex;
        flex-direction: row;
        justify-content: start;
        flex-wrap: wrap;
    }

    .blockLinkFooter {
        display: flex;
        flex-direction: column;
        margin-right: 3vw;
        padding-top: 34px;
    }

    .blockLinkFooter ul {
        list-style: none;
        font-family: 'Maven Pro', sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        color: rgba(255, 255, 255, .75);
        text-align: left;
    }

    .blockLinkFooter ul li {
        display: block;
    }

    .blockLinkFooter ul li:first-child {
        text-transform: uppercase;
    }

    .blockLinkFooter ul li a {
        text-decoration: none;
        color: rgba(255, 255, 255, .75);
        padding: 5px;
        border-radius: 3px;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .blockLinkFooter ul li a:hover {
        text-decoration: none;
        color: rgba(255, 255, 255, .75);
        background: #1C292B;
        border-radius: 3px;
    }

    /* BLOC TITRE RUBRIQUE */
    .titlePageContainer {
        display: flex;
        min-width: 92vw;
        transform: rotate(-90deg);
        justify-content: center;
        padding-top: 0vw;
        transform-origin: top right;
        top: -36vw;
        right: 97vw;
        position: absolute;
        z-index: 0;
        text-align: right;
    }

    @-moz-document url-prefix() {
        .titlePageContainer {
            display: flex;
            width: 100%;
            min-width: 100%;
            transform: rotate(-90deg);
            justify-content: end;
            padding-top: 0vw;
            transform-origin: top right;
            top: -36vw;
            right: 97vw;
            top: 0;
            left: 0;
            position: absolute;
            z-index: 0;
        }
    }

    .titlePageContainer h2 {
        font-family: 'Dosis', sans-serif;
        font-size: 5.52vw;
        font-weight: 300;
        color: #7FE0FF;
        text-transform: uppercase;
        margin-left: 0;
        letter-spacing: 28px;
    }

    .firstBlockContainer {
        position: relative;
        z-index: 1;
        width: 100%;
        padding-bottom: 10vw;
    }

    .firstBlockContainer h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 3.5vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        width: 50vw;
        margin-top: 2vw;
        margin-left: 25vw;
    }

    .firstBlockContainer p.entete {
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.8vw;
        line-height: 2.5vw;
        font-weight: 600;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 50vw;
        margin-top: 2vw;
        margin-left: 25vw;
    }

    .firstBlockContainer > video {
        margin-left: 25vw;
        width: auto;
    }

    .firstBlockContainer p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.8vw;
        line-height: 2.5vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 50vw;
        margin-top: 2vw;
        margin-left: 25vw;
    }

    .firstBlockContainer h4 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.8vw;
        line-height: 2.5vw;
        font-weight: 600;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 50vw;
        margin-top: 2vw;
        margin-left: 25vw;
    }

    .firstBlockContainer p.verbat {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.4vw;
        line-height: 3vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        text-align: justify;
        margin-bottom: 2vw;
        width: 50vw;
        margin-top: 2vw;
        margin-left: 25vw;
    }
    .firstBlockContainer ul li {
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.8vw;
        line-height: 2.5vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 50vw;
        margin-top: 2vw;
        list-style: disc;
    }

    .pageSkin {
        display: none;
    }

    .pageSkin img {
        width: 100%;
    }

    .distributionBlocPage {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-bottom: 10vw;
        margin-left: 25vw;
    }

    .distributionBlocPageAds {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: row;
        width: 100%;
        padding-bottom: 10vw;
        margin-left: 25vw;
    }

    .containerDistributionBlocPage {
        width: 60%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: 0;
        margin-bottom: 4vw;
    }

    .containerDistributionBlocPage h4 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.87vw;
        line-height: 3.2vw;
        font-weight: 400;
        color: #034F7B;
        text-align: center;
        margin-bottom: 1vw;
    }

    .containerDistributionBlocPage p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.14vw;
        line-height: 4.5vw;
        font-weight: 400;
        color: #707070;
        text-align: center;
        margin-bottom: 1vw;
    }

    .containerDistributionBlocPage img {
        width: 100%;
    }

    .distributionBlocPageTitre {
        width: 100vw;
    }

    .distributionBlocPageTitre h4 {
        width: 100vw;
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.08vw;
        line-height: 2.60vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 1vw;
        margin-left: 25vw;
    }

    .containerDistributionBlocPageAds {
        width: 20%;
        display: flex;
        flex-direction: column;
        align-items: start;
        margin-right: 4vw;
    }

    .containerDistributionBlocPageAds img {
        width: 100%;
    }

    .containerDistributionBlocPageMail {
        width: 30%;
        display: flex;
        flex-direction: column;
        align-items: start;
        margin-right: 4vw;
    }

    .containerDistributionBlocPageMail img {
        width: 100%;
    }

    /* NOS OUTILS */
    .outilsLeft {
        display: flex;
        flex-direction: row;
        padding: 5vw;
        width: 90vw;
    }

    .outilsRight {
        display: flex;
        flex-direction: row-reverse;
        padding: 5vw;
        width: 90vw;
    }

    .visuelTools {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .visuelTools img {
        width: 100%;
    }

    .textTools {
        display: flex;
        flex-direction: column;
    }

    .textTools h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 3.5vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        width: 34.89vw;
        margin-top: 0;
        margin-left: 5vw;
        margin-right: 5vw;
    }

    .textTools p.entete {
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.8vw;
        line-height: 2.5vw;
        font-weight: 600;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 34.89vw;
        margin-top: 1vw;
        margin-left: 5vw;
        margin-right: 5vw;
    }

    .textTools p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.8vw;
        line-height: 2.5vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 34.89vw;
        margin-top: 0;
        margin-left: 5vw;
        margin-right: 5vw;
    }

    .outilsLeftDSP {
        display: flex;
        flex-direction: column-reverse;
        padding: 5vw;
        width: 90vw;
        margin-left: -7vw;
    }

    .globalDspContainer {
        display: flex;
        flex-direction: row;
        width: 60vw;
    }

    .dspContainer {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
    }

    .dsp {
        position: relative;
        z-index: 500;
        display: flex;
        flex-direction: row;
        border-radius: 30px;
        width: 50vw;
        height: 5vw;
        background: #1EC1F3;
        justify-content: flex-end;
        align-items: center;
        font-size: 2.14vw;
        color: #ffffff;
        padding-right: .3vw;
        margin-bottom: 1px;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .logoDsp {
        display: flex;
        width: 4.44vw;
        height: 4.44vw;
        justify-content: center;
        align-items: center;
        background: #ffffff;
        border-radius: 50%;
        margin-left: .5vw;
    }

    .logoDsp img {
        width: 100%;
        height: 100%;
    }

    .descDspContainer {
        position: absolute;
        z-index: 0;
        display: flex;
        flex-direction: column;
        align-items: start;
        width: 95vw;
        height: 93%;
        background: linear-gradient(#034F7B, #02283E);
        margin-top: 1.2vw;
    }

    .desc {
        position: absolute;
        display: flex;
        flex-direction: column;
        margin-top: 2vw;
        margin-left: 55vw;
    }

    .desc p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2vw;
        line-height: 2.3vw;
        color: #ffffff;
        margin-bottom: .8vw;
        padding-left: .7vw;
        border-left: 4px solid #ffffff;
    }

    .desc p span {
        font-weight: 600;
    }

    .google {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .verizon {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .teads {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .hubscale {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .tabmo {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .amazon {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .ttd {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .zemanta {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .displayce {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .gravity {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .liquidm {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .dsp:hover {
        background: #0085B0;
        width: 52.5vw;
        cursor: pointer;
    }

    .dspGoogle:hover~.descDspContainer .google {
        opacity: 1;
    }

    .dspVerizon:hover~.descDspContainer .verizon {
        opacity: 1;
    }

    .dspTeads:hover~.descDspContainer .teads {
        opacity: 1;
    }

    .dspHubscale:hover~.descDspContainer .hubscale {
        opacity: 1;
    }

    .dspTabmo:hover~.descDspContainer .tabmo {
        opacity: 1;
    }

    .dspAmazon:hover~.descDspContainer .amazon {
        opacity: 1;
    }

    .dspTtd:hover~.descDspContainer .ttd {
        opacity: 1;
    }

    .dspZemanta:hover~.descDspContainer .zemanta {
        opacity: 1;
    }

    .dspDisplayce:hover~.descDspContainer .displayce {
        opacity: 1;
    }

    .dspGravity:hover~.descDspContainer .gravity {
        opacity: 1;
    }

    .dspLiquidm:hover~.descDspContainer .liquidm {
        opacity: 1;
    }

    .outilsLeftDSP .textTools h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 3.5vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        width: 80vw;
        margin-top: 0;
        margin-left: 10vw;
        margin-right: 5vw;
    }

    .outilsLeftDSP .textTools p.entete {
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.8vw;
        line-height: 2.5vw;
        font-weight: 600;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 80vw;
        margin-top: 1vw;
        margin-left: 10vw;
        margin-right: 5vw;
    }

    .outilsLeftDSP .textTools p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.8vw;
        line-height: 2.5vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 80vw;
        margin-top: 0;
        margin-left: 10vw;
        margin-right: 5vw;
    }

    /* FORMATS */
    .formatsBlock {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding-left: 25vw;
        margin-bottom: 5vw;
    }

    .formatsBlock h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.87vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        width: 34.89vw;
        margin-top: 0;
        margin-right: 5vw;
    }

    .formatsBlock p.entete {
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.14vw;
        line-height: 1.66vw;
        font-weight: 600;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 34.89vw;
        margin-top: 1vw;
        margin-right: 5vw;
    }

    .formatsBlock p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.14vw;
        line-height: 3vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 60vw;
        margin-top: 0;
        margin-right: 5vw;
    }

    .globalFormatsBlock {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 80vw;
    }

    .formatsBlockContainer {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        background: #034F7B;
        width: 18vw;
        height: 18vw;
        cursor: pointer;
        margin-right: 1vw;
        margin-bottom: 1vw;
    }

    .formatsBlockContainer img {
        mix-blend-mode: multiply;
        height: 100%;
        opacity: .3;
        transition: all 1s;
        transition-timing-function: ease-in;
        transition-duration: 300ms;
        filter: grayscale(1);
    }

    .red {
        background: #730625;
    }

    .yellow {
        background: #946e00;
    }

    .formatsBlockContainer h4 {
        position: absolute;
        z-index: 9;
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.14vw;
        line-height: 1.66vw;
        font-weight: 600;
        color: #ffffff;
        text-transform: uppercase;
        text-align: justify;
        opacity: 1;
        transition: all 1s;
        transition-timing-function: ease-in;
        transition-duration: 300ms;
    }

    .formatsBlockContainer p {
        position: absolute;
        z-index: 10;
        font-family: 'Maven Pro', sans-serif;
        font-size: 0.93vw;
        line-height: 1.30vw;
        font-weight: 400;
        color: #ffffff;
        text-align: center;
        width: 14vw;
        margin: 0;
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in;
        transition-duration: 300ms;
    }

    .formatsBlockContainer p span {
        display: block;
        font-family: 'Maven Pro', sans-serif;
        font-size: 0.8vw;
        line-height: .9vw;
        font-weight: 400;
    }

    .formatsBlockContainer:hover h4 {
        opacity: 0;
    }

    .formatsBlockContainer:hover p {
        opacity: 1;
    }

    .formatsBlockContainer:hover img {
        opacity: .14;
    }

    /*FAMILY*/
    .globalFamily {
        display: flex;
        flex-direction: column;
        width: 75vw;
        margin-left: 25vw;
    }

    .globalTeam {
        display: flex;
        flex-direction: column;
        margin-bottom: 3vw;
    }

    .titleFamily {
        display: flex;
        flex-direction: column;
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.8vw;
        line-height: 2.60vw;
        font-weight: 400;
        text-transform: uppercase;
        margin-bottom: 1vw;
    }

    .liner {
        width: 20vw;
        height: .1vw;
        background: #00B8F1;
    }

    .linerSales {
        width: 20vw;
        height: .1vw;
        background: #384C8B;
    }

    .linerTraders {
        width: 20vw;
        height: .1vw;
        background: #CC9900;
    }

    .linerTechnical {
        width: 20vw;
        height: .1vw;
        background: #F07A22;
    }

    .linerCreative {
        width: 20vw;
        height: .1vw;
        background: #F31755;
    }

    .linerCommunication {
        width: 20vw;
        height: .1vw;
        background: #b80a3d;
    }

    .linerFinance {
        width: 20vw;
        height: .1vw;
        background: #0085b0;
    }

    .CEO {
        color: #00B8F1;
    }

    .sales {
        color: #384C8B;
    }

    .traders {
        color: #CC9900;
    }

    .technical {
        color: #F07A22;
    }

    .creative {
        color: #F31755;
    }

    .communication {
        color: #b80a3d;
    }

    .finance {
        color: #0085b0;
    }

    .team {
        display: flex;
        flex-direction: row;
        width: 70vw;
        margin-bottom: 2vw;
    }

    .member {
        display: flex;
        flex-direction: column;
        margin-right: 2vw;
    }

    .memberTeam {
        display: flex;
        flex-direction: column;
        margin-right: 2vw;
        align-items: center;
    }

    .memberPicture {
        display: flex;
        flex-direction: column;
        border: 5px solid #00B8F1;
        border-radius: 50%;
        overflow: hidden;
        width: 11vw;
        height: 11vw;
        flex-shrink: 1;
        align-items: center;
        justify-content: center;
    }

    .memberPicture img {
        width: 100%;
    }

    .memberPictureTeamSales {
        display: flex;
        flex-direction: column;
        border: 5px solid #384C8B;
        border-radius: 50%;
        overflow: hidden;
        width: 8vw;
        height: 8vw;
        flex-shrink: 1;
        align-items: center;
        justify-content: center;
    }

    .memberPictureTeamSales img {
        width: 100%;
    }

    .memberPictureTeamTraders {
        display: flex;
        flex-direction: column;
        border: 5px solid #CC9900;
        border-radius: 50%;
        overflow: hidden;
        width: 8vw;
        height: 8vw;
        flex-shrink: 1;
        align-items: center;
        justify-content: center;
    }

    .memberPictureTeamTraders img {
        width: 100%;
    }

    .memberPictureTeamTechnical {
        display: flex;
        flex-direction: column;
        border: 5px solid #F07A22;
        border-radius: 50%;
        overflow: hidden;
        width: 8vw;
        height: 8vw;
        flex-shrink: 1;
        align-items: center;
        justify-content: center;
    }

    .memberPictureTeamTechnical img {
        width: 100%;
    }

    .memberPictureTeamCreative {
        display: flex;
        flex-direction: column;
        border: 5px solid #F31755;
        border-radius: 50%;
        overflow: hidden;
        width: 8vw;
        height: 8vw;
        flex-shrink: 1;
        align-items: center;
        justify-content: center;
    }

    .memberPictureTeamCreative img {
        width: 100%;
    }

    .memberPictureTeamCommunication {
        display: flex;
        flex-direction: column;
        border: 5px solid #b80a3d;
        border-radius: 50%;
        overflow: hidden;
        width: 8vw;
        height: 8vw;
        flex-shrink: 1;
        align-items: center;
        justify-content: center;
    }

    .memberPictureTeamCommunication img {
        width: 100%;
    }

    .memberPictureTeamFinance {
        display: flex;
        flex-direction: column;
        border: 5px solid #b80a3d;
        border-radius: 50%;
        overflow: hidden;
        width: 8vw;
        height: 8vw;
        flex-shrink: 1;
        align-items: center;
        justify-content: center;
    }

    .memberPictureTeamFinance img {
        width: 100%;
    }

    .memberText {
        display: flex;
        flex-direction: column;
        align-items: start;
        width: 19.16vw;
        text-align: left;
        margin-left: 1vw;
    }

    .memberText h5 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.8vw;
        line-height: 2vw;
        font-weight: 600;
        text-transform: none;
        color: #00B8F1;
        text-align: left;
        align-self: start;
    }

    .memberText h5 span {
        text-transform: uppercase;
    }

    .memberText p.role {
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.5vw;
        line-height: 1.4vw;
        font-weight: 400;
        color: #707070;
        text-align: left;
        align-self: start;
        margin-bottom:1vw;
        letter-spacing: -1px;
    }

    .memberText p.memberDesc {
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.4vw;
        line-height: 1.8vw;
        font-weight: 400;
        text-transform: none;
        color: #707070;
        text-align: left;
        align-self: start;
    }

    .memberTextTeam {
        display: flex;
        flex-direction: column;
        align-items: start;
        width: 10.62vw;
        text-align: center;
    }

    .memberTextTeam h5 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.8vw;
        line-height: 2vw;
        font-weight: 600;
        text-transform: none;
        text-align: center;
        align-self: center;
        width: 10.62vw;
        margin-right: 0;
    }

    .memberTextTeam h5 span {
        text-transform: uppercase;
    }

    .memberTextTeam p.role {
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.5vw;
        line-height: 1.5vw;
        font-weight: 400;
        color: #707070;
        text-align: center;
        align-self: center;
        width: 10.62vw;
    }

    /* SUCCESS STORIES */
    .successBlockLogos {
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: start;
        width: 69.89vw;
        flex-shrink: 0;
        flex-wrap: wrap;
        margin-left: 20vw;
    }

    .successBlockLogosImage {
        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: 70px;
        margin-right: 1vw;
        margin-bottom: 1vw;
    }

    .successBlockLogosImage img {
        width: 70%;
    }

    .successLeft {
        display: flex;
        flex-direction: column;
        padding: 0;
        width: 100vw;
        margin-left: 0;
        align-items: center;
        justify-content: center;
        padding-bottom: 20vw;
    }

    .successRight {
        display: flex;
        flex-direction: column;
        padding: 0;
        width: 100vw;
        margin-left: 0;
        align-items: center;
        justify-content: center;
        padding-bottom: 20vw;
    }

    .visuelSuccess {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .visuelSuccess img {
        width: 80%;
    }

    .textSuccess {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80vw;
    }

    .textSuccess h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.87vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        width: 80vw;
        margin-top: 0;
        margin-left: 5vw;
        margin-right: 5vw;
        text-align: center;
    }

    .textSuccess p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.14vw;
        line-height: 3vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: center;
        width: 80vw;
        margin-top: 0;
        margin-left: 5vw;
        margin-right: 5vw;
    }

    .campaignTypeContainer {
        display: flex;
        flex-direction: row;
        margin-left: 5vw;
        margin-right: 5vw;
        margin-bottom: 1vw;
    }

    .campaignType {
        display: flex;
        flex-direction: column;
        align-items: center;
        border: 1px solid #7FE0FF;
        padding: 5px 10px;
        margin-right: 1vw;
    }

    .campaignType h5 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.14vw;
        color: #7FE0FF;
        text-transform: uppercase;
        margin-right: 0;
        align-items: center;
        align-self: center;
        justify-content: center;
    }

    .textSuccess .globalCTAInContainer,
    .textSuccessRight .globalCTAInContainer {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-radius: 47px;
        margin-left: 5vw;
        margin-right: 5vw;
        background: #ffffff;
        box-shadow: rgba(0, 0, 0, .5) 0px 12px 28px;
        cursor: pointer;
        transition: all 1s;
        transition-duration: 1s;
        transition-timing-function: ease;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .textSuccessRight {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80vw;
    }

    .textSuccessRight h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.87vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        width: 80vw;
        margin-top: 0;
        margin-left: 5vw;
        margin-right: 5vw;
        text-align: center;
    }

    .textSuccessRight p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.14vw;
        line-height: 3vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: center;
        width: 80vw;
        margin-top: 0;
        margin-left: 5vw;
        margin-right: 5vw;
    }


    .textSuccess .globalCTAInContainer,
    .textSuccessRight .globalCTAInContainer {
        display: none;
    }

    .ctaInIcoMobile {
        display: flex !important;
        margin-top: 2vh;
    }

    .ctaInIcoMobile .ctaInIco {
        display: flex;
        flex-direction: row;
        width: 53px;
        height: 53px;
        background: #ffffff;
        border-radius: 50%;
        justify-content: center;
    }

    .ctaInIcoMobile .ctaInIco img {
        max-width: 40px;
        max-height: 40px;
        align-self: center;
        transition: all 1s;
        transition-duration: 1s;
        transition-timing-function: ease;
        transition-duration: 1s;
        transition-timing-function: ease;
        transition-timing-function: ease-in-out;
        transition-duration: 500ms;
    }

    /* SUCCESS STORIES IN */
    .ctaBackSuccessContainer {
        display: flex;
        flex-direction: row;
        margin-left: 25vw;
        margin-right: 5vw;
        margin-bottom: 1vw;
    }

    .ctaBackSuccess {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: start;
        border: 1px solid #F31755;
        padding: 5px 10px;
        margin-right: 1vw;
    }

    .pageSkinStoryIn {
        width: 37.08vw;
        position: relative;
        margin-left: 25vw;
        height: 44vw;
    }

    .pageSkinStoryIn img {
        position: absolute;
        max-width: 105%;
    }

    .pageSkinStoryIn img.inDisplayOne {
        position: absolute;
        max-width: 30%;
        z-index: 10;
        top: 24vw;
        left: 7vw;
    }

    .pageSkinStoryIn img.inDisplayTwo {
        position: absolute;
        max-width: 30%;
        top: 11vw;
        left: 1vw;
    }

    .storyResults p {
        color: #F31755;
        font-size: 2.30vw;
        border-left: 0.3vw solid #F31755;
        padding-left: 1vw;
    }

    .storyResults span {
        color: #F31755;
        font-size: 2.80vw;
        text-transform: uppercase;
    }

    .ctaProgrammatiqueToLexicon .globalCTAInContainer {
        position: relative;
        margin-top: 0vw;
    }

    .ctaProgrammatiqueToLexicon .globalCTAInContainer,
    .ctaProgrammatiqueToLexicon .globalCTAInContainer {
        display: none;
    }

    /* ACTUALITES */
    .brefGrilleIn {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 80vw;
        padding-left: 25vw;
        padding-bottom: 5vw;
    }

    #loadMore {
        width: fit-content;
        display: block;
        text-align: center;
        font-size: 16px;
        margin: 20px auto;
		margin-top: 1px;
		margin-bottom: 50px;
    }

    h5.strMore{
        font-size: 16px;
    }
      
    .actuSample {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        background: #034F7B;
        width: 25vw;
        height: 25vw;
        cursor: pointer;
        margin-right: 1vw;
        margin-bottom: 1vw;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 500ms;
    }

    .actuSample img {
        mix-blend-mode: multiply;
        min-height: 120%;
        opacity: .5;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 500ms;
    }

    .brefGrilleIn a:hover>.actuSample img {
        cursor: pointer;
        min-height: 100%;
        opacity: .2;
    }

    .brefGrilleIn a:hover>.actuSample {
        background: #b80a3d;
    }

    .actuContent {
        position: absolute;
        z-index: 500;
    }

    .actuContent h4 {
        width: 20vw;
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.8vw;
        font-weight: 600;
        color: #ffffff;
        margin-bottom: .8vw;
        padding-left: 0;
    }

    .actuContent p {
        width: 20vw;
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.3vw;
        font-weight: 500;
        line-height: 1.35vw;
        color: #e3e3e3;
        text-align: left;
        padding-left: 0;
    }

    .actuContent p.actuDate {
        width: 20vw;
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.2vw;
        font-weight: 500;
        line-height: 1.35vw;
        color: #e3e3e3;
        text-align: left;
        padding-left: 0;
    }

    /* CONTACT */
    .contactPage {
        display: none;
    }

    .formBlockGlobalContainer {
        margin-left: 25vw;
        width: 35vw;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .formBlockGlobalContainer label {
        display: block;
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.8vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: .5vw;
        text-indent: .5vw;
    }

    input[type=text],
    textarea {
        width: 30vw;
        height: 4vw;
        border-radius: 3px;
        border: 5px solid #98E6FF;
        font-family: 'Maven Pro', sans-serif;
        font-size: 2vw;
        font-weight: 400;
        color: #00B8F1;
        margin-bottom: 2vw;
    }

    input[type=text]:focus,
    textarea:focus {
        border: 5px solid #00B8F1;
        color: #00B8F1;
    }

    input[type=text].done {
        border: 5px solid #00B8F1;
        color: #00B8F1;
    }

    .validateDotContainer {
        display: flex;
        flex-direction: row;
        margin-bottom: 2vw;
    }

    .validateDot {
        width: 12px;
        height: 12px;
        border: 3px solid;
        border-radius: 50%;
        margin-right: .3vw;
    }

    .validateDot.selected {
        border-color: #FB8FAF;
        background: #F31755;
    }

    .validateDot.blank {
        border-color: #FB8FAF;
        background: #ffffff;
    }

    .validateDot.ready {
        border-color: #7FE0FF;
        background: #00B8F1;
    }

    .ctaValidateForm {
        display: flex;
        flex-direction: row;
        justify-content: start;
        width: 100%;
    }

    .globalCTAValidateContainer {
        display: none;
    }

    .ctaValidateIcoMobile {
        display: flex;
    }

    .ctaValidateIco {
        display: flex;
        flex-direction: row;
        width: 53px;
        height: 53px;
        background: #ffffff;
        border-radius: 50%;
        justify-content: center;
    }

    .ctaValidateIco img {
        max-width: 20px;
        max-height: 20px;
        align-self: center;
        transition: all 1s;
        transition-duration: 1s;
        transition-timing-function: ease;
        transition-timing-function: ease-in-out;
        transition-duration: 500ms;
    }


    /* LEXIQUE */
    .indexLexiconContainer {
        position: relative;
        display: flex;
        flex-direction: column;
        margin-left: 25vw;
    }

    .slideLexicon {
        display: flex;
        flex-direction: row;
        margin-bottom: 2.5vw;
    }

    .lexiconLetter {
        display: flex;
        flex-direction: row;
        flex-shrink: 0;
        width: 53px;
        height: 53px;
        background: #ffffff;
        border-radius: 53px;
        justify-content: center;
        align-items: center;
        font-family: 'Dosis', sans-serif;
        font-size: 1.82vw;
        font-weight: 900;
        color: #7FE0FF;
        text-transform: uppercase;
        box-shadow: rgba(0, 0, 0, .5) 0 0.62vw 1.45vw;
        cursor: pointer;
        margin-right: 1vw;
        transition: all;
        transition-timing-function: ease-in-out;
        transition-duration: 100ms;
    }

    .lexiconLetter:hover {
        box-shadow: rgba(0, 0, 0, .5) 0 0.31vw 0.72vw;
    }

    .slideDefinition {
        display: flex;
        flex-direction: row;
        margin-left: 1vw;
        margin-bottom: 2.5vw;
    }

    .lexiconWord {
        display: flex;
        flex-direction: row;
        flex-shrink: 0;
        width: auto;
        height: 53px;
        background: #ffffff;
        border-radius: 53px;
        justify-content: center;
        align-items: center;
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.14vw;
        font-weight: 600;
        color: #CC9900;
        text-transform: uppercase;
        box-shadow: rgba(0, 0, 0, .5) 0 0.62vw 1.45vw;
        cursor: pointer;
        padding-left: 1vw;
        padding-right: 1vw;
        margin-right: 1vw;
        transition: all;
        transition-timing-function: ease-in-out;
        transition-duration: 100ms;
    }

    .lexiconWord:hover {
        box-shadow: rgba(0, 0, 0, .5) 0 0.31vw 0.72vw;
    }

    .activeLetter {
        background: #7FE0FF;
        color: #ffffff;
        box-shadow: rgba(0, 0, 0, 0) 0 0 0;
        margin-top: .1vw;
    }

    .activeLetter:hover {
        background: #7FE0FF;
        color: #ffffff;
        box-shadow: rgba(0, 0, 0, 0) 0 0 0;
        margin-top: .1vw;
    }

    .activeWord {
        background: #C09000;
        color: #ffffff;
        box-shadow: rgba(0, 0, 0, 0) 0 0 0;
        margin-top: .1vw;
    }

    .activeWord:hover {
        background: #C09000;
        color: #ffffff;
        box-shadow: rgba(0, 0, 0, 0) 0 0 0;
        margin-top: .1vw;
    }


}


@media screen and (min-width: 544px) and (max-width: 900px) {


    .welcome {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: left;
        width: 28.17vw;
        position: absolute;
        top: 16vh;
        left: 11.46vw;
    }

    .welcome p {
        font-family: 'Dosis', sans-serif;
        font-size: 4.35vh;
        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: relative;
        font-family: 'GothamRounded-Bold';
        transform-origin: center center;
        transform: rotateZ(-90deg);
        font-size: 25vh;
        color: #3CB5E9;
        /* left:-6vw; */
        text-align: right;
        opacity: 0;
        animation-name: logoHomeTablet;
        animation-duration: 500ms;
        animation-delay: 1700ms;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards;
    }

    .welcome h1 span {
        color: #034F7B;
    }

    @keyframes logoHomeTablet {
        0% {
            top: 45vh;
            opacity: 0;
        }

        75% {
            top: 20vh;
            opacity: .5;
        }

        100% {
            top: 25vh;
            opacity: 1;
        }
    }

    /* LONGUE TRAINE */
    .longueTraine a {
        font-size: 3vw;
        line-height: 2.4vw;
    }

    .longueTraine p {
        font-size: 3vw;
        line-height: 2.4vw;
    }

    .longueTraine a span {
        font-size: 3.8vw;
        line-height: 3.2vw;
    }

    .visuelLongueTraine {
        display: flex;
        flex-direction: row;
        justify-content: end;
        align-items: end;
        width: 23.54vw;
        flex-shrink: 0;
        overflow: hidden;
    }


    .globalFooter {
        display: flex;
        flex-direction: column;
        width: 93.75vw;
        background: rgba(0, 28, 34, .8);
        padding: 2.96vw 3.125vw;
    }

    .linerFooter {
        width: 9.16vw;
        height: 1px;
        background: #ffffff;
    }

    .siteMapFooter {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: start;
    }

    .blockLinkFooter {
        display: flex;
        flex-direction: column;
        /* width:17.34vw; */
        margin-right: 3vw;
        padding-top: 1.56vw;
    }

    .blockLinkFooter ul {
        list-style: none;
        font-family: 'Maven Pro', sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 4.35vw;
        color: rgba(255, 255, 255, .75);
        text-align: left;
    }

    .blockLinkFooter ul li:first-child {
        text-transform: uppercase;
    }

    .blockLinkFooter ul li a {
        text-decoration: none;
        color: rgba(255, 255, 255, .75);
        padding: 5px;
        border-radius: 3px;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .blockLinkFooter ul li a:hover {
        text-decoration: none;
        color: rgba(255, 255, 255, .75);
        background: #1C292B;
        border-radius: 3px;
    }

    .endPage {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: flex-end;
        padding: 1.56vw;
        background: rgba(33, 33, 33, 1);
    }

    .legalContainer {
        flex-wrap: wrap;
    }

    .legalContainer a {
        font-size: 1.5vw;
        line-height: 3vw;
    }

    .logoContainer img {
        width: 2.60vw;
        margin: 0.52vw;
        padding-top: 10px;
        opacity: .2;
    }

    .logoContainer h1 {
        font-family: 'GothamRounded-Bold';
        font-size: 3vw;
        color: rgba(255, 255, 255, .2);
        text-align: left;
    }

    .logoContainer h1 span {
        color: rgba(255, 255, 255, .2);
    }

    .logoContainer h1 span.logoPoint {
        font-size: 3vw;
    }

    /* BLOC TITRE RUBRIQUE */
    .titlePageContainer {
        display: flex;
        min-width: 92vw;
        transform: rotate(-90deg);
        justify-content: center;
        padding-top: 0vw;
        transform-origin: top right;
        top: -57vw;
        right: 96vw;
        position: absolute;
        z-index: 0;
        text-align: right;
    }

    @-moz-document url-prefix() {
        .titlePageContainer {
            display: flex;
            width: 120%;
            min-width: 100%;
            transform: rotate(-90deg);
            justify-content: end;
            padding-top: 0vw;
            transform-origin: top right;
            margin-left: -115vw;
            margin-top: 8vw;
            top: 0;
            left: 0;
            position: absolute;
            z-index: 0;
        }
    }

    .titlePageContainer h2 {
        font-family: 'Dosis', sans-serif;
        font-size: 5.52vw;
        font-weight: 300;
        color: #7FE0FF;
        text-transform: uppercase;
        margin-left: 0;
        letter-spacing: 28px;
    }

    .firstBlockContainer {
        position: relative;
        z-index: 1;
        width: 100%;
        padding-bottom: 10vw;
    }

    .firstBlockContainer h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 5.5vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 6vw;
        width: 65vw;
        margin-top: 2vw;
        margin-left: 20vw;
    }

    .firstBlockContainer p.entete {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.8vw;
        line-height: 4vw;
        font-weight: 600;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 65vw;
        margin-top: 2vw;
        margin-left: 20vw;
    }

    .firstBlockContainer > video {
        margin-left: 20vw;
        width: auto;
    }

    .firstBlockContainer p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.8vw;
        line-height: 4vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 65vw;
        margin-top: 2vw;
        margin-left: 20vw;
    }

    .firstBlockContainer h4 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.8vw;
        line-height: 4vw;
        font-weight: 600;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 50vw;
        margin-top: 2vw;
        margin-left: 25vw;
    }

    .firstBlockContainer p.verbat {
        font-family: 'Maven Pro', sans-serif;
        font-size: 4.4vw;
        line-height: 6vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        text-align: justify;
        margin-bottom: 2vw;
        width: 65vw;
        margin-top: 2vw;
        margin-left: 20vw;
    }
    .firstBlockContainer ul li {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.8vw;
        line-height: 4vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 65vw;
        margin-top: 2vw;
        list-style: disc;
    }

    .pageSkin {
        display: none;
    }

    .pageSkin img {
        width: 100%;
    }

    .distributionBlocPage {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-bottom: 10vw;
        margin-left: 25vw;
    }

    .distributionBlocPageAds {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: row;
        width: 100%;
        padding-bottom: 10vw;
        margin-left: 20vw;
    }

    .containerDistributionBlocPage {
        width: 60%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: 0;
        margin-bottom: 4vw;
    }

    .containerDistributionBlocPage h4 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.87vw;
        line-height: 3.2vw;
        font-weight: 400;
        color: #034F7B;
        text-align: center;
        margin-bottom: 1vw;
    }

    .containerDistributionBlocPage p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.14vw;
        line-height: 4.5vw;
        font-weight: 400;
        color: #707070;
        text-align: center;
        margin-bottom: 1vw;
    }

    .containerDistributionBlocPage img {
        width: 100%;
    }

    .distributionBlocPageTitre {
        width: 100vw;
    }

    .distributionBlocPageTitre h4 {
        width: 100vw;
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.87vw;
        line-height: 3.2vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 1vw;
        margin-left: 20vw;
    }

    .containerDistributionBlocPageAds {
        width: 20%;
        display: flex;
        flex-direction: column;
        align-items: start;
        margin-right: 4vw;
    }

    .containerDistributionBlocPageAds img {
        width: 100%;
    }

    .containerDistributionBlocPageMail {
        width: 30%;
        display: flex;
        flex-direction: column;
        align-items: start;
        margin-right: 4vw;
    }

    .containerDistributionBlocPageMail img {
        width: 100%;
    }

    /* NAV APPROCHE */
    .inNavApproche {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100vw;
        height: 100%;
        padding-bottom: 10vw;
        flex-wrap: wrap;
    }

    .inNavApproche a {
        margin-left: 2vw;
        margin-right: 2vw;
        margin-bottom: 10vw;
    }

    .containerRotateNavApproche {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 35vw;
        height: 35vw;
        background: #00B8F1;
        transform: rotate(15deg);
        overflow: hidden;
    }

    .contentNavApproche {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        width: 40vw;
        height: 25vw;
        transform: rotate(-15deg);
        background: linear-gradient(#034F7B, #02283E);
        padding-left: 22vw;
    }

    .contentNavApproche p {
        width: 20vw;
        font-family: 'Maven Pro', sans-serif;
        font-size: 3.08vw;
        line-height: 3.6vw;
        font-weight: 400;
        color: #ffffff;
        margin-bottom: 1vw;
    }

    .contentNavApproche .globalCTAInContainer {
        position: relative;
        margin-top: 0;
    }

    .contentNavApproche .globalCTAInContainer {
        display: none;
    }

    /* NOS OUTILS */
    .outilsLeft {
        display: flex;
        flex-direction: column;
        padding: 5vw;
        width: 90vw;
    }

    .outilsRight {
        display: flex;
        flex-direction: column;
        padding: 5vw;
        width: 90vw;
    }

    .visuelTools {
        display: flex;
        flex-direction: column;
        margin-bottom: 6vw;
    }

    .visuelTools img {
        width: 100%;
    }

    .textTools {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .textTools h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 5.5vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        width: 81vw;
        margin-top: 0;
        margin-left: 5vw;
        margin-right: 5vw;
        text-align: center;
    }

    .textTools p.entete {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.8vw;
        line-height: 4vw;
        font-weight: 600;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 80vw;
        margin-top: 1vw;
        margin-left: 5vw;
        margin-right: 5vw;
        text-align: center;
    }

    .textTools p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.8vw;
        line-height: 4vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 80vw;
        margin-top: 0;
        margin-left: 5vw;
        margin-right: 5vw;
        text-align: center;
    }

    .outilsLeftDSP {
        display: flex;
        flex-direction: column-reverse;
        padding: 5vw;
        width: 100vw;
        margin-left: -10vw;
    }

    .globalDspContainer {
        display: flex;
        flex-direction: row;
        width: 60vw;
    }

    .dspContainer {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
    }

    .dsp {
        position: relative;
        z-index: 500;
        display: flex;
        flex-direction: row;
        border-radius: 30px;
        width: 50vw;
        height: 53px;
        background: #1EC1F3;
        justify-content: flex-end;
        align-items: center;
        font-size: 2.8vw;
        color: #ffffff;
        padding-right: .8vw;
        margin-bottom: 1px;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .logoDsp {
        display: flex;
        width: 46px;
        height: 46px;
        justify-content: center;
        align-items: center;
        background: #ffffff;
        border-radius: 50%;
        margin-left: 1.5vw;
    }

    .logoDsp img {
        width: 100%;
        height: 100%;
    }

    .descDspContainer {
        position: absolute;
        z-index: 0;
        display: flex;
        flex-direction: column;
        align-items: start;
        width: 95vw;
        height: 93%;
        background: linear-gradient(#034F7B, #02283E);
        margin-top: 3.2vw;
    }

    .desc {
        position: absolute;
        display: flex;
        flex-direction: column;
        margin-top: 2vw;
        margin-left: 55vw;
    }

    .desc p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.8vw;
        line-height: 3vw;
        color: #ffffff;
        margin-bottom: .8vw;
        padding-left: .7vw;
        border-left: 4px solid #ffffff;
    }

    .desc p span {
        font-weight: 600;
    }

    .google {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .verizon {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .teads {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .hubscale {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .tabmo {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .amazon {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .ttd {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .zemanta {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .displayce {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .gravity {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .liquidm {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .dsp:hover {
        background: #0085B0;
        width: 52.5vw;
        cursor: pointer;
    }

    .dspGoogle:hover~.descDspContainer .google {
        opacity: 1;
    }

    .dspVerizon:hover~.descDspContainer .verizon {
        opacity: 1;
    }

    .dspTeads:hover~.descDspContainer .teads {
        opacity: 1;
    }

    .dspHubscale:hover~.descDspContainer .hubscale {
        opacity: 1;
    }

    .dspTabmo:hover~.descDspContainer .tabmo {
        opacity: 1;
    }

    .dspAmazon:hover~.descDspContainer .amazon {
        opacity: 1;
    }

    .dspTtd:hover~.descDspContainer .ttd {
        opacity: 1;
    }

    .dspZemanta:hover~.descDspContainer .zemanta {
        opacity: 1;
    }

    .dspDisplayce:hover~.descDspContainer .displayce {
        opacity: 1;
    }

    .dspGravity:hover~.descDspContainer .gravity {
        opacity: 1;
    }

    .dspLiquidm:hover~.descDspContainer .liquidm {
        opacity: 1;
    }

    .outilsLeftDSP .textTools h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 5.5vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        width: 80vw;
        margin-top: 0;
        margin-left: 10vw;
        margin-right: 5vw;
        text-align: center;
    }

    .outilsLeftDSP .textTools p.entete {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.8vw;
        line-height: 4vw;
        font-weight: 600;
        color: #707070;
        margin-bottom: 2vw;
        text-align: center;
        width: 80vw;
        margin-top: 1vw;
        margin-left: 10vw;
        margin-right: 5vw;
    }

    .outilsLeftDSP .textTools p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.8vw;
        line-height: 4vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: center;
        width: 80vw;
        margin-top: 0;
        margin-left: 10vw;
        margin-right: 5vw;
    }

    /* FORMATS */
    .formatsBlock {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding-left: 20vw;
        margin-bottom: 5vw;
    }

    .formatsBlock h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.87vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        width: 50vw;
        margin-top: 0;
        margin-right: 5vw;
    }

    .formatsBlock p.entete {
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.14vw;
        line-height: 1.66vw;
        font-weight: 600;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 34.89vw;
        margin-top: 1vw;
        margin-right: 5vw;
    }

    .formatsBlock p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.14vw;
        line-height: 3vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 60vw;
        margin-top: 0;
        margin-right: 5vw;
    }

    .globalFormatsBlock {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 80vw;
    }

    .formatsBlockContainer {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        background: #034F7B;
        width: 39vw;
        height: 35vw;
        cursor: pointer;
        margin-right: 1vw;
        margin-bottom: 1vw;
    }

    .formatsBlockContainer img {
        mix-blend-mode: multiply;
        height: 100%;
        opacity: .3;
        transition: all 1s;
        transition-timing-function: ease-in;
        transition-duration: 300ms;
        filter: grayscale(1);
    }

    .red {
        background: #730625;
    }

    .yellow {
        background: #946e00;
    }

    .formatsBlockContainer h4 {
        position: absolute;
        z-index: 9;
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.87vw;
        line-height: 1.66vw;
        font-weight: 600;
        color: #ffffff;
        text-transform: uppercase;
        text-align: justify;
        opacity: 1;
        transition: all 1s;
        transition-timing-function: ease-in;
        transition-duration: 300ms;
    }

    .formatsBlockContainer p {
        position: absolute;
        z-index: 10;
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.14vw;
        line-height: 3vw;
        font-weight: 400;
        color: #ffffff;
        text-align: center;
        width: 33vw;
        margin: 0;
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in;
        transition-duration: 300ms;
    }

    .formatsBlockContainer p span {
        display: block;
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.8vw;
        line-height: 1.9vw;
        font-weight: 400;
    }

    .formatsBlockContainer:hover h4 {
        opacity: 0;
    }

    .formatsBlockContainer:hover p {
        opacity: 1;
    }

    .formatsBlockContainer:hover img {
        opacity: .14;
    }

    /*FAMILY*/
    .globalFamily {
        display: flex;
        flex-direction: column;
        width: 100vw;
        margin-left: 0;
        align-items: center;
        justify-content: center;
    }

    .globalTeam {
        display: flex;
        flex-direction: column;
        margin-bottom: 3vw;
        align-items: center;
    }

    .titleFamily {
        display: flex;
        flex-direction: column;
        font-family: 'Maven Pro', sans-serif;
        font-size: 3.56vw;
        line-height: 5vw;
        font-weight: 400;
        text-transform: uppercase;
        margin-bottom: 1vw;
        align-items: center;
    }

    .liner {
        width: 20vw;
        height: .3vw;
        background: #00B8F1;
    }

    .linerSales {
        width: 20vw;
        height: .1vw;
        background: #384C8B;
    }

    .linerTraders {
        width: 20vw;
        height: .1vw;
        background: #CC9900;
    }

    .linerTechnical {
        width: 20vw;
        height: .1vw;
        background: #F07A22;
    }

    .linerCreative {
        width: 20vw;
        height: .1vw;
        background: #F31755;
    }

    .CEO {
        color: #00B8F1;
    }

    .sales {
        color: #384C8B;
    }

    .traders {
        color: #CC9900;
    }

    .technical {
        color: #F07A22;
    }

    .creative {
        color: #F31755;
    }

    .team {
        display: flex;
        flex-direction: column;
        width: 80vw;
        margin-bottom: 2vw;
        align-items: center;
    }

    .member {
        display: flex;
        flex-direction: column;
        margin-right: 0vw;
        align-items: center;
        margin-bottom: 6vw;
    }

    .memberTeam {
        display: flex;
        flex-direction: column;
        margin-right: 0vw;
        align-items: center;
        margin-bottom: 3vw;
    }

    .memberPicture {
        display: flex;
        flex-direction: column;
        border: 5px solid #00B8F1;
        border-radius: 50%;
        overflow: hidden;
        width: 30vw;
        height: 30vw;
        flex-shrink: 1;
        align-items: center;
        justify-content: center;
        margin-bottom: 0vw;
    }

    .memberPicture img {
        width: 100%;
    }

    .memberPictureTeamSales {
        display: flex;
        flex-direction: column;
        border: 5px solid #384C8B;
        border-radius: 50%;
        overflow: hidden;
        width: 22vw;
        height: 22vw;
        flex-shrink: 1;
        align-items: center;
        justify-content: center;
    }

    .memberPictureTeamSales img {
        width: 100%;
    }

    .memberPictureTeamTraders {
        display: flex;
        flex-direction: column;
        border: 5px solid #CC9900;
        border-radius: 50%;
        overflow: hidden;
        width: 22vw;
        height: 22vw;
        flex-shrink: 1;
        align-items: center;
        justify-content: center;
    }

    .memberPictureTeamTraders img {
        width: 100%;
    }

    .memberPictureTeamTechnical {
        display: flex;
        flex-direction: column;
        border: 5px solid #F07A22;
        border-radius: 50%;
        overflow: hidden;
        width: 22vw;
        height: 22vw;
        flex-shrink: 1;
        align-items: center;
        justify-content: center;
    }

    .memberPictureTeamTechnical img {
        width: 100%;
    }

    .memberPictureTeamCreative {
        display: flex;
        flex-direction: column;
        border: 5px solid #F31755;
        border-radius: 50%;
        overflow: hidden;
        width: 22vw;
        height: 22vw;
        flex-shrink: 1;
        align-items: center;
        justify-content: center;
    }

    .memberPictureTeamCreative img {
        width: 100%;
    }

    .memberText {
        display: flex;
        flex-direction: column;
        align-items: start;
        width: 70vw;
        text-align: center;
        margin-left: 1vw;
    }

    .memberText h5 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 3.8vw;
        line-height: 6vw;
        font-weight: 600;
        text-transform: none;
        color: #00B8F1;
        text-align: center;
        align-self: center;
        margin-right: 0;
    }

    .memberText h5 span {
        text-transform: uppercase;
    }

    .memberText p.role {
        font-family: 'Maven Pro', sans-serif;
        font-size: 3vw;
        line-height: 4vw;
        font-weight: 400;
        color: #707070;
        text-align: center;
        align-self: center;
    }

    .memberText p.memberDesc {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.4vw;
        line-height: 3.2vw;
        font-weight: 400;
        text-transform: none;
        color: #707070;
        text-align: center;
        align-self: center;
    }

    .memberTextTeam {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 80vw;
        text-align: center;
    }

    .memberTextTeam h5 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 3vw;
        line-height: 3vw;
        font-weight: 600;
        text-transform: none;
        text-align: center;
        align-self: center;
        width: 80vw;
        margin-right: 0;
    }

    .memberTextTeam h5 span {
        text-transform: uppercase;
    }

    .memberTextTeam p.role {
        font-family: 'Maven Pro', sans-serif;
        font-size: 3vw;
        line-height: 3.5vw;
        font-weight: 400;
        color: #707070;
        text-align: center;
        align-self: center;
        width: 80vw;
    }

    /* SUCCESS STORIES */
    .successBlockLogos {
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: start;
        width: 69.89vw;
        flex-shrink: 0;
        flex-wrap: wrap;
        margin-left: 20vw;
    }

    .successBlockLogosImage {
        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: 70px;
        margin-right: 1vw;
        margin-bottom: 1vw;
    }

    .successBlockLogosImage img {
        width: 70%;
    }

    .successLeft {
        display: flex;
        flex-direction: column;
        padding: 0;
        width: 100vw;
        margin-left: 0;
        align-items: center;
        justify-content: center;
        padding-bottom: 20vw;
    }

    .successRight {
        display: flex;
        flex-direction: column;
        padding: 0;
        width: 100vw;
        margin-left: 0;
        align-items: center;
        justify-content: center;
        padding-bottom: 20vw;
    }

    .visuelSuccess {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .visuelSuccess img {
        width: 80%;
    }

    .textSuccess {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80vw;
    }

    .textSuccess h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.87vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        width: 80vw;
        margin-top: 0;
        margin-left: 5vw;
        margin-right: 5vw;
        text-align: center;
    }

    .textSuccess p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.14vw;
        line-height: 3vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: center;
        width: 80vw;
        margin-top: 0;
        margin-left: 5vw;
        margin-right: 5vw;
    }

    .campaignTypeContainer {
        display: flex;
        flex-direction: row;
        margin-left: 5vw;
        margin-right: 5vw;
        margin-bottom: 1vw;
    }

    .campaignType {
        display: flex;
        flex-direction: column;
        align-items: center;
        border: 1px solid #7FE0FF;
        padding: 5px 10px;
        margin-right: 1vw;
    }

    .campaignType h5 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.14vw;
        color: #7FE0FF;
        text-transform: uppercase;
        margin-right: 0;
        align-items: center;
        align-self: center;
        justify-content: center;
    }

    .textSuccess .globalCTAInContainer,
    .textSuccessRight .globalCTAInContainer {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-radius: 47px;
        margin-left: 5vw;
        margin-right: 5vw;
        background: #ffffff;
        box-shadow: rgba(0, 0, 0, .5) 0px 12px 28px;
        cursor: pointer;
        transition: all 1s;
        transition-duration: 1s;
        transition-timing-function: ease;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .textSuccessRight {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80vw;
    }

    .textSuccessRight h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.87vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        width: 80vw;
        margin-top: 0;
        margin-left: 5vw;
        margin-right: 5vw;
        text-align: center;
    }

    .textSuccessRight p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.14vw;
        line-height: 3vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: center;
        width: 80vw;
        margin-top: 0;
        margin-left: 5vw;
        margin-right: 5vw;
    }


    .textSuccess .globalCTAInContainer,
    .textSuccessRight .globalCTAInContainer {
        display: none;
    }

    .ctaInIcoMobile {
        display: flex !important;
        margin-top: 2vh;
    }

    .ctaInIcoMobile .ctaInIco {
        display: flex;
        flex-direction: row;
        width: 53px;
        height: 53px;
        background: #ffffff;
        border-radius: 50%;
        justify-content: center;
    }

    .ctaInIcoMobile .ctaInIco img {
        max-width: 40px;
        max-height: 40px;
        align-self: center;
        transition: all 1s;
        transition-duration: 1s;
        transition-timing-function: ease;
        transition-duration: 1s;
        transition-timing-function: ease;
        transition-timing-function: ease-in-out;
        transition-duration: 500ms;
    }

    /* SUCCESS STORIES IN */
    .ctaBackSuccessContainer {
        display: flex;
        flex-direction: row;
        margin-left: 20vw;
        margin-right: 5vw;
        margin-bottom: 1vw;
    }

    .ctaBackSuccess {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: start;
        border: 1px solid #F31755;
        padding: 5px 10px;
        margin-right: 1vw;
    }

    .ctaBackSuccess h5 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2vw;
        color: #F31755;
        text-transform: uppercase;
        margin-right: 20px;
        align-items: center;
        align-self: center;
        justify-content: center;
    }

    .pageSkinStoryIn {
        width: 65.08vw;
        position: relative;
        margin-left: 20vw;
        height: 66vw;
        top: 0;
    }

    .pageSkinStoryIn img {
        position: absolute;
        max-width: 105%;
    }

    .pageSkinStoryIn img.inDisplayOne {
        position: absolute;
        max-width: 30%;
        z-index: 10;
        top: 41vw;
        left: 12vw;
    }

    .pageSkinStoryIn img.inDisplayTwo {
        position: absolute;
        max-width: 30%;
        top: 18vw;
        left: 1vw;
    }

    .storyResults p {
        color: #F31755;
        font-size: 3.30vw;
        border-left: 0.3vw solid #F31755;
        padding-left: 1vw;
        line-height: 5vw;
        margin-bottom: 6vw;
    }

    .storyResults span {
        color: #F31755;
        font-size: 3.80vw;
        text-transform: uppercase;
    }

    .ctaProgrammatiqueToLexicon .globalCTAInContainer {
        position: relative;
        margin-top: 0vw;
    }

    .ctaProgrammatiqueToLexicon .globalCTAInContainer,
    .ctaProgrammatiqueToLexicon .globalCTAInContainer {
        display: none;
    }

    /* ACTUALITES */
    .brefGrilleIn {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 80vw;
        padding-left: 20vw;
        padding-bottom: 5vw;
    }

    #loadMore {
        width: fit-content;
        display: block;
        text-align: center;
        font-size: 16px;
        margin: 20px auto;
        margin-top: 1px;
    }

    h5.strMore{
        font-size: 2ew;
    }

    .actuSample {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        background: #034F7B;
        width: 35vw;
        height: 35vw;
        cursor: pointer;
        margin-right: 1vw;
        margin-bottom: 1vw;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 500ms;
    }

    .actuSample img {
        mix-blend-mode: multiply;
        min-height: 120%;
        opacity: .5;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 500ms;
    }

    .brefGrilleIn a:hover>.actuSample img {
        cursor: pointer;
        min-height: 100%;
        opacity: .2;
    }

    .brefGrilleIn a:hover>.actuSample {
        background: #b80a3d;
    }

    .actuContent {
        position: absolute;
        z-index: 500;
    }

    .actuContent h4 {
        width: 30vw;
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.8vw;
        font-weight: 600;
        color: #ffffff;
        margin-bottom: .8vw;
        padding-left: 0;
    }

    .actuContent p {
        width: 30vw;
        font-family: 'Maven Pro', sans-serif;
        font-size: 2vw;
        font-weight: 500;
        line-height: 2.35vw;
        color: #e3e3e3;
        text-align: left;
        padding-left: 0;
    }

    .actuContent p.actuDate {
        width: 30vw;
        font-family: 'Maven Pro', sans-serif;
        font-size: 1.8vw;
        font-weight: 500;
        line-height: 1.35vw;
        color: #e3e3e3;
        text-align: left;
        padding-left: 0;
    }

    /* CONTACT */
    .contactPage {
        display: none;
    }

    .formBlockGlobalContainer {
        margin-left: 20vw;
        width: 35vw;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .formBlockGlobalContainer label {
        display: block;
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.8vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 1vw;
        text-indent: .5vw;
    }

    input[type=text],
     input[type=file],
    textarea {
        width: 30vw;
        height: 4vw;
        border-radius: 3px;
        border: 5px solid #98E6FF;
        font-family: 'Maven Pro', sans-serif;
        font-size: 3vw;
        font-weight: 400;
        color: #00B8F1;
        margin-bottom: 3vw;
    }
input[type=file] {
    border:none;
    width:70vw;
}
    input[type=text]:focus,
    textarea:focus {
        border: 5px solid #00B8F1;
        color: #00B8F1;
    }

    input[type=text].done {
        border: 5px solid #00B8F1;
        color: #00B8F1;
    }

    .validateDotContainer {
        display: flex;
        flex-direction: row;
        margin-bottom: 2vw;
    }

    .validateDot {
        width: 12px;
        height: 12px;
        border: 3px solid;
        border-radius: 50%;
        margin-right: .3vw;
    }

    .validateDot.selected {
        border-color: #FB8FAF;
        background: #F31755;
    }

    .validateDot.blank {
        border-color: #FB8FAF;
        background: #ffffff;
    }

    .validateDot.ready {
        border-color: #7FE0FF;
        background: #00B8F1;
    }

    .ctaValidateForm {
        display: flex;
        flex-direction: row;
        justify-content: start;
        width: 100%;
    }

    .globalCTAValidateContainer {
        display: none;
    }

    .ctaValidateIcoMobile {
        display: flex;
    }

    .ctaValidateIco {
        display: flex;
        flex-direction: row;
        width: 53px;
        height: 53px;
        background: #ffffff;
        border-radius: 50%;
        justify-content: center;
    }

    .ctaValidateIco img {
        max-width: 18px;
        max-height: 18px;
        align-self: center;
        transition: all 1s;
        transition-duration: 1s;
        transition-timing-function: ease;
        transition-timing-function: ease-in-out;
        transition-duration: 500ms;
    }

    /* JOB */
    .ctaPostulerContainer {
        margin-left: 20vw;
    }

    /* LEXIQUE */
    .indexLexiconContainer {
        position: relative;
        display: flex;
        flex-direction: column;
        margin-left: 20vw;
    }

    .slideLexicon {
        display: flex;
        flex-direction: row;
        margin-bottom: 2.5vw;
    }

    .lexiconLetter {
        display: flex;
        flex-direction: row;
        flex-shrink: 0;
        width: 53px;
        height: 53px;
        background: #ffffff;
        border-radius: 53px;
        justify-content: center;
        align-items: center;
        font-family: 'Dosis', sans-serif;
        font-size: 3.82vw;
        font-weight: 900;
        color: #7FE0FF;
        text-transform: uppercase;
        box-shadow: rgba(0, 0, 0, .5) 0 0.62vw 1.45vw;
        cursor: pointer;
        margin-right: 1vw;
        transition: all;
        transition-timing-function: ease-in-out;
        transition-duration: 100ms;
    }

    .lexiconLetter:hover {
        box-shadow: rgba(0, 0, 0, .5) 0 0.31vw 0.72vw;
    }

    .slideDefinition {
        display: flex;
        flex-direction: row;
        margin-left: 1vw;
        margin-bottom: 2.5vw;
    }

    .lexiconWord {
        display: flex;
        flex-direction: row;
        flex-shrink: 0;
        width: auto;
        height: 53px;
        background: #ffffff;
        border-radius: 53px;
        justify-content: center;
        align-items: center;
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.14vw;
        font-weight: 600;
        color: #CC9900;
        text-transform: uppercase;
        box-shadow: rgba(0, 0, 0, .5) 0 0.62vw 1.45vw;
        cursor: pointer;
        padding-left: 1vw;
        padding-right: 1vw;
        margin-right: 1vw;
        transition: all;
        transition-timing-function: ease-in-out;
        transition-duration: 100ms;
    }

    .lexiconWord:hover {
        box-shadow: rgba(0, 0, 0, .5) 0 0.31vw 0.72vw;
    }

    .activeLetter {
        background: #7FE0FF;
        color: #ffffff;
        box-shadow: rgba(0, 0, 0, 0) 0 0 0;
        margin-top: .1vw;
    }

    .activeLetter:hover {
        background: #7FE0FF;
        color: #ffffff;
        box-shadow: rgba(0, 0, 0, 0) 0 0 0;
        margin-top: .1vw;
    }

    .activeWord {
        background: #C09000;
        color: #ffffff;
        box-shadow: rgba(0, 0, 0, 0) 0 0 0;
        margin-top: .1vw;
    }

    .activeWord:hover {
        background: #C09000;
        color: #ffffff;
        box-shadow: rgba(0, 0, 0, 0) 0 0 0;
        margin-top: .1vw;
    }


}


@media screen and (min-width: 320px) and (max-width: 544px) {


    /* LONGUE TRAINE */
    .longueTraine a {
        font-size: 2vw;
        line-height: 2.4vw;
    }

    .visuelLongueTraine {
        display: flex;
        flex-direction: row;
        width: 100vw;
        flex-shrink: 0;
    }

    .visuelLongueTraine img {
        flex-shrink: 0;
        width: 100vw;
        opacity: .4;
        mix-blend-mode: multiply;
    }

    .longueTraine p {
        position: absolute;
        font-size: 5vw;
        line-height: 5.4vw;
    }

    .longueTraine a span {
        font-size: 6.8vw;
        line-height: 6.2vw;
    }



    .globalFooter {
        display: flex;
        flex-direction: column;
        width: 93.75vw;
        background: rgba(0, 28, 34, .8);
        padding: 2.96vw 3.125vw;
    }

    .linerFooter {
        width: 9.16vw;
        height: 1px;
        background: #ffffff;
    }

    .siteMapFooter {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: start;
    }

    .blockLinkFooter {
        display: flex;
        flex-direction: column;
        /* width:17.34vw; */
        margin-right: 3vw;
        padding-top: 34px;
    }

    .blockLinkFooter ul {
        list-style: none;
        font-family: 'Maven Pro', sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        color: rgba(255, 255, 255, .75);
        text-align: left;
    }

    .blockLinkFooter ul li:first-child {
        text-transform: uppercase;
    }

    .blockLinkFooter ul li a {
        text-decoration: none;
        color: rgba(255, 255, 255, .75);
        padding: 5px;
        border-radius: 3px;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .blockLinkFooter ul li a:hover {
        text-decoration: none;
        color: rgba(255, 255, 255, .75);
        background: #1C292B;
        border-radius: 3px;
    }

    .endPage {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1.56vw;
        background: rgba(33, 33, 33, 1);
    }

    .legalContainer {
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .legalContainer a {
        font-size: 2.5vw;
        line-height: 4.5vw;
    }

    .logoContainer img {
        width: 2.60vw;
        margin: 0.52vw;
        padding-top: 10px;
        opacity: .2;
    }

    .logoContainer h1 {
        font-family: 'GothamRounded-Bold';
        font-size: 3vw;
        color: rgba(255, 255, 255, .2);
        text-align: left;
    }

    .logoContainer h1 span {
        color: rgba(255, 255, 255, .2);
    }

    .logoContainer h1 span.logoPoint {
        font-size: 3vw;
    }




    /* BLOC TITRE RUBRIQUE */
    .titlePageContainer {
        display: flex;
        min-width: 92vw;
        transform: rotate(-90deg);
        justify-content: center;
        padding-top: 0vw;
        transform-origin: top right;
        top: -138vw;
        right: 92vw;
        position: absolute;
        z-index: 0;
        text-align: right;
    }

    @-moz-document url-prefix() {
        .titlePageContainer {
            display: flex;
            width: 180%;
            min-width: 100%;
            transform: rotate(-90deg);
            justify-content: end;
            padding-top: 0vw;
            transform-origin: top right;
            margin-left: -172vw;
            margin-top: 17vw;
            top: 0;
            left: 0;
            position: absolute;
            z-index: 0;
        }
    }

    .titlePageContainer h2 {
        font-family: 'Dosis', sans-serif;
        font-size: 5.52vw;
        font-weight: 300;
        color: #7FE0FF;
        text-transform: uppercase;
        margin-left: 0;
        letter-spacing: 28px;
    }

    .firstBlockContainer {
        position: relative;
        z-index: 1;
        width: 100%;
        padding-bottom: 10vw;
    }

    .firstBlockContainer h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 7.5vw;
        line-height: 9vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 6vw;
        width: 65vw;
        margin-top: 2vw;
        margin-left: 23vw;
    }

    .firstBlockContainer p.entete {
        font-family: 'Maven Pro', sans-serif;
        font-size: 4.5vw;
        line-height: 6vw;
        font-weight: 600;
        color: #707070;
        margin-bottom: 2vw;
        text-align: left;
        width: 65vw;
        margin-top: 2vw;
        margin-left: 23vw;
    }

    .firstBlockContainer > video {
        margin-left: 23vw;
        width: auto;
    }

    .firstBlockContainer p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 4.5vw;
        line-height: 6vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: left;
        width: 65vw;
        margin-top: 8vw;
        margin-left: 23vw;
    }

    .firstBlockContainer h4 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 4.5vw;
        line-height: 6vw;
        font-weight: 600;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 50vw;
        margin-top: 2vw;
        margin-left: 25vw;
    }

    .firstBlockContainer p.verbat {
        font-family: 'Maven Pro', sans-serif;
        font-size: 6.4vw;
        line-height: 8vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        text-align: left;
        margin-bottom: 2vw;
        width: 65vw;
        margin-top: 8vw;
        margin-left: 23vw;
    }
    .firstBlockContainer ul li {
        font-family: 'Maven Pro', sans-serif;
        font-size: 4.5vw;
        line-height: 6vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: left;
        width: 65vw;
        margin-top: 8vw;
        list-style: disc;
    }

    .pageSkin {
        display: none;
    }

    .pageSkin img {
        width: 100%;
    }

    .distributionBlocPage {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-bottom: 10vw;
        margin-left: 25vw;
    }

    .distributionBlocPageAds {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-bottom: 10vw;
        margin-left: 20vw;
    }

    .containerDistributionBlocPage {
        width: 60%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: 0;
        margin-bottom: 4vw;
    }

    .containerDistributionBlocPage h4 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.87vw;
        line-height: 3.2vw;
        font-weight: 400;
        color: #034F7B;
        text-align: center;
        margin-bottom: 1vw;
    }

    .containerDistributionBlocPage p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 2.14vw;
        line-height: 4.5vw;
        font-weight: 400;
        color: #707070;
        text-align: center;
        margin-bottom: 1vw;
    }

    .containerDistributionBlocPage img {
        width: 100%;
    }

    .distributionBlocPageTitre {
        width: 100vw;
    }

    .distributionBlocPageTitre h4 {
        width: 80vw;
        font-family: 'Maven Pro', sans-serif;
        font-size: 6.87vw;
        line-height: 7.2vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 1vw;
        margin-left: 20vw;
    }

    .containerDistributionBlocPageAds {
        width: 60%;
        display: flex;
        flex-direction: column;
        align-items: start;
        margin-right: 4vw;
        margin-bottom: 10vw;
    }

    .containerDistributionBlocPageAds img {
        width: 100%;
    }

    .containerDistributionBlocPageMail {
        width: 60%;
        display: flex;
        flex-direction: column;
        align-items: start;
        margin-right: 4vw;
        margin-bottom: 10vw;
    }

    .containerDistributionBlocPageMail img {
        width: 100%;
    }

    .distributionBlocPage {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-bottom: 10vw;
        margin-left: 25vw;
    }

    .containerDistributionBlocPage {
        width: 60%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: 0;
        margin-bottom: 4vw;
    }

    .containerDistributionBlocPage h4 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 6.87vw;
        line-height: 7.2vw;
        font-weight: 400;
        color: #034F7B;
        text-align: center;
        margin-bottom: 1vw;
    }

    .containerDistributionBlocPage p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 5.14vw;
        line-height: 6.5vw;
        font-weight: 400;
        color: #707070;
        text-align: center;
        margin-bottom: 1vw;
    }

    .containerDistributionBlocPage img {
        width: 100%;
    }

    /* NAV APPROCHE */
    .inNavApproche {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100vw;
        height: 100%;
        padding-bottom: 10vw;
        flex-wrap: wrap;
    }

    .inNavApproche a {
        margin-left: 2vw;
        margin-right: 2vw;
        margin-bottom: 10vw;
    }

    .containerRotateNavApproche {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 65vw;
        height: 65vw;
        background: #00B8F1;
        transform: rotate(15deg);
        overflow: hidden;
    }

    .contentNavApproche {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        width: 78vw;
        height: 46vw;
        transform: rotate(-15deg);
        background: linear-gradient(#034F7B, #02283E);
        padding-left: 28vw;
    }

    .contentNavApproche p {
        width: 60vw;
        font-family: 'Maven Pro', sans-serif;
        font-size: 6vw;
        line-height: 8vw;
        font-weight: 400;
        color: #ffffff;
        margin-bottom: 3vw;
    }

    .contentNavApproche .globalCTAInContainer {
        position: relative;
        margin-top: 0;
    }

    .contentNavApproche .globalCTAInContainer {
        display: none;
    }

    /* NOS OUTILS */
    .outilsLeft {
        display: flex;
        flex-direction: column;
        padding: 5vw;
        width: 90vw;
    }

    .outilsRight {
        display: flex;
        flex-direction: column;
        padding: 5vw;
        width: 90vw;
    }

    .visuelTools {
        display: flex;
        flex-direction: column;
        margin-bottom: 6vw;
    }

    .visuelTools img {
        width: 100%;
    }

    .textTools {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 0;
    }

    .textTools h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 7.5vw;
        line-height: 9vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        width: 63vw;
        margin-top: 0;
        margin-left: 32vw;
        margin-right: 21vw;
        text-align: left;
    }

    .textTools p.entete {
        font-family: 'Maven Pro', sans-serif;
        font-size: 4.5vw;
        line-height: 6vw;
        font-weight: 600;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 63vw;
        margin-top: 1vw;
        margin-left: 32vw;
        margin-right: 21vw;
        text-align: left;
    }

    .textTools p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 4.5vw;
        line-height: 6vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 63vw;
        margin-top: 0;
        margin-left: 32vw;
        margin-right: 21vw;
        text-align: left;
    }
    
    .textTools .certifications {
        margin-left: 5vw;
        margin-right: 5vw;
        margin-bottom: 5vw;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
        .textTools .certifications img {
            margin-bottom: 3vw;
        }

    .outilsLeftDSP {
        display: flex;
        flex-direction: column-reverse;
        padding: 5vw;
        width: 100vw;
        margin-left: -13vw;
    }

    .globalDspContainer {
        display: flex;
        flex-direction: row;
        width: 60vw;
        margin-top: 6vw;
    }

    .dspContainer {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
    }

    .dsp {
        position: relative;
        z-index: 500;
        display: flex;
        flex-direction: row;
        border-radius: 30px;
        width: 26vw;
        height: 53px;
        background: #1EC1F3;
        justify-content: flex-end;
        align-items: center;
        font-size: 2.8vw;
        color: #ffffff;
        padding-right: .8vw;
        margin-bottom: 1px;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .dsp p {
        display: none;
    }

    .logoDsp {
        display: flex;
        width: 46px;
        height: 46px;
        justify-content: center;
        align-items: center;
        background: #ffffff;
        border-radius: 50%;
        margin-left: 1.5vw;
    }

    .logoDsp img {
        width: 100%;
        height: 100%;
    }

    .descDspContainer {
        position: absolute;
        z-index: 0;
        display: flex;
        flex-direction: column;
        align-items: start;
        width: 95vw;
        height: 93%;
        background: linear-gradient(#034F7B, #02283E);
        margin-top: 3.2vw;
    }

    .desc {
        position: absolute;
        display: flex;
        flex-direction: column;
        margin-top: 2vw;
        margin-left: 45vw;
    }

    .desc p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 4.5vw;
        line-height: 4.5vw;
        color: #ffffff;
        margin-bottom: 2.5vw;
        padding-left: .7vw;
        border-left: 4px solid #ffffff;
    }

    .desc p span {
        font-weight: 600;
    }

    .google {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .verizon {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .teads {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .hubscale {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .tabmo {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .amazon {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .ttd {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .zemanta {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .displayce {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .gravity {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .liquidm {
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .dsp:hover {
        background: #0085B0;
        width: 40vw;
        cursor: pointer;
    }

    .dspGoogle:hover~.descDspContainer .google {
        opacity: 1;
    }

    .dspVerizon:hover~.descDspContainer .verizon {
        opacity: 1;
    }

    .dspTeads:hover~.descDspContainer .teads {
        opacity: 1;
    }

    .dspHubscale:hover~.descDspContainer .hubscale {
        opacity: 1;
    }

    .dspTabmo:hover~.descDspContainer .tabmo {
        opacity: 1;
    }

    .dspAmazon:hover~.descDspContainer .amazon {
        opacity: 1;
    }

    .dspTtd:hover~.descDspContainer .ttd {
        opacity: 1;
    }

    .dspZemanta:hover~.descDspContainer .zemanta {
        opacity: 1;
    }

    .dspDisplayce:hover~.descDspContainer .displayce {
        opacity: 1;
    }

    .dspGravity:hover~.descDspContainer .gravity {
        opacity: 1;
    }

    .dspLiquidm:hover~.descDspContainer .liquidm {
        opacity: 1;
    }

    .outilsLeftDSP .textTools h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 7.5vw;
        line-height: 9vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        width: 63vw;
        margin-top: 0;
        margin-left: 48vw;
        margin-right: 21vw;
        text-align: left;
    }

    .outilsLeftDSP .textTools p.entete {
        font-family: 'Maven Pro', sans-serif;
        font-size: 4.5vw;
        line-height: 6vw;
        font-weight: 600;
        color: #707070;
        margin-bottom: 2vw;
        width: 63vw;
        margin-top: 1vw;
        margin-left: 48vw;
        margin-right: 21vw;
        text-align: left;
    }

    .outilsLeftDSP .textTools p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 4.5vw;
        line-height: 6vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        width: 63vw;
        margin-top: 1vw;
        margin-left: 48vw;
        margin-right: 21vw;
        text-align: left;
    }

    /* FORMATS */
    .formatsBlock {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding-left: 20vw;
        margin-bottom: 5vw;
    }

    .formatsBlock h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 6.87vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        width: 50vw;
        margin-top: 0;
        margin-right: 5vw;
    }

    .formatsBlock p.entete {
        font-family: 'Maven Pro', sans-serif;
        font-size: 5.14vw;
        line-height: 6.5vw;
        font-weight: 600;
        color: #707070;
        margin-bottom: 2vw;
        text-align: justify;
        width: 34.89vw;
        margin-top: 1vw;
        margin-right: 5vw;
    }

    .formatsBlock p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 5.14vw;
        line-height: 6.5vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: left;
        width: 60vw;
        margin-top: 0;
        margin-right: 5vw;
    }

    .globalFormatsBlock {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 80vw;
    }

    .formatsBlockContainer {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        background: #034F7B;
        width: 75vw;
        height: 67vw;
        cursor: pointer;
        margin-right: 1vw;
        margin-bottom: 1vw;
    }

    .formatsBlockContainer img {
        mix-blend-mode: multiply;
        height: 100%;
        opacity: .3;
        transition: all 1s;
        transition-timing-function: ease-in;
        transition-duration: 300ms;
        filter: grayscale(1);
    }

    .red {
        background: #730625;
    }

    .yellow {
        background: #946e00;
    }

    .formatsBlockContainer h4 {
        position: absolute;
        z-index: 9;
        width: 70vw;
        font-family: 'Maven Pro', sans-serif;
        font-size: 6.87vw;
        line-height: 7.2vw;
        font-weight: 600;
        color: #ffffff;
        text-transform: uppercase;
        text-align: center;
        opacity: 1;
        transition: all 1s;
        transition-timing-function: ease-in;
        transition-duration: 300ms;
    }

    .formatsBlockContainer p {
        position: absolute;
        z-index: 10;
        font-family: 'Maven Pro', sans-serif;
        font-size: 4.5vw;
        line-height: 6vw;
        font-weight: 400;
        color: #ffffff;
        text-align: center;
        width: 70vw;
        margin: 0;
        opacity: 0;
        transition: all 1s;
        transition-timing-function: ease-in;
        transition-duration: 300ms;
    }

    .formatsBlockContainer p span {
        display: block;
        font-family: 'Maven Pro', sans-serif;
        font-size: 3.8vw;
        line-height: 4vw;
        font-weight: 400;
    }

    .formatsBlockContainer:hover h4 {
        opacity: 0;
    }

    .formatsBlockContainer:hover p {
        opacity: 1;
    }

    .formatsBlockContainer:hover img {
        opacity: .14;
    }

    .visuelTools video {
        width: 100%;
        height: auto;
        min-height: 100%;
    }


    /*FAMILY*/
    .globalFamily {
        display: flex;
        flex-direction: column;
        width: 100vw;
        margin-left: 0;
        align-items: center;
        justify-content: center;
    }

    .globalTeam {
        display: flex;
        flex-direction: column;
        margin-bottom: 3vw;
        align-items: center;
    }

    .titleFamily {
        display: flex;
        flex-direction: column;
        font-family: 'Maven Pro', sans-serif;
        font-size: 4.56vw;
        line-height: 10vw;
        font-weight: 400;
        text-transform: uppercase;
        margin-bottom: 1vw;
        align-items: center;
    }

    .liner {
        width: 20vw;
        height: .3vw;
        background: #00B8F1;
    }

    .linerSales {
        width: 20vw;
        height: .1vw;
        background: #384C8B;
    }

    .linerTraders {
        width: 20vw;
        height: .1vw;
        background: #CC9900;
    }

    .linerTechnical {
        width: 20vw;
        height: .1vw;
        background: #F07A22;
    }

    .linerCreative {
        width: 20vw;
        height: .1vw;
        background: #F31755;
    }

    .CEO {
        color: #00B8F1;
    }

    .sales {
        color: #384C8B;
    }

    .traders {
        color: #CC9900;
    }

    .technical {
        color: #F07A22;
    }

    .creative {
        color: #F31755;
    }

    .team {
        display: flex;
        flex-direction: column;
        width: 90vw;
        margin-bottom: 2vw;
        align-items: center;
    }

    .member {
        display: flex;
        flex-direction: column;
        margin-right: 0vw;
        align-items: center;
        margin-bottom: 6vw;
    }

    .memberTeam {
        display: flex;
        flex-direction: column;
        margin-right: 0vw;
        align-items: center;
        margin-bottom: 3vw;
    }

    .memberPicture {
        display: flex;
        flex-direction: column;
        border: 5px solid #00B8F1;
        border-radius: 50%;
        overflow: hidden;
        width: 50vw;
        height: 50vw;
        flex-shrink: 1;
        align-items: center;
        justify-content: center;
        margin-bottom: 0vw;
    }

    .memberPicture img {
        width: 100%;
    }

    .memberPictureTeamSales {
        display: flex;
        flex-direction: column;
        border: 5px solid #384C8B;
        border-radius: 50%;
        overflow: hidden;
        width: 35vw;
        height: 35vw;
        flex-shrink: 1;
        align-items: center;
        justify-content: center;
    }

    .memberPictureTeamSales img {
        width: 100%;
    }

    .memberPictureTeamTraders {
        display: flex;
        flex-direction: column;
        border: 5px solid #CC9900;
        border-radius: 50%;
        overflow: hidden;
        width: 35vw;
        height: 35vw;
        flex-shrink: 1;
        align-items: center;
        justify-content: center;
    }

    .memberPictureTeamTraders img {
        width: 100%;
    }

    .memberPictureTeamTechnical {
        display: flex;
        flex-direction: column;
        border: 5px solid #F07A22;
        border-radius: 50%;
        overflow: hidden;
        width: 35vw;
        height: 35vw;
        flex-shrink: 1;
        align-items: center;
        justify-content: center;
    }

    .memberPictureTeamTechnical img {
        width: 100%;
    }

    .memberPictureTeamCreative {
        display: flex;
        flex-direction: column;
        border: 5px solid #F31755;
        border-radius: 50%;
        overflow: hidden;
        width: 35vw;
        height: 35vw;
        flex-shrink: 1;
        align-items: center;
        justify-content: center;
    }

    .memberPictureTeamCreative img {
        width: 100%;
    }

    .memberText {
        display: flex;
        flex-direction: column;
        align-items: start;
        width: 70vw;
        text-align: center;
        margin-left: 1vw;
    }

    .memberText h5 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 5.8vw;
        line-height: 10vw;
        font-weight: 600;
        text-transform: none;
        color: #00B8F1;
        text-align: center;
        align-self: center;
        margin-right: 0;
    }

    .memberText h5 span {
        text-transform: uppercase;
    }

    .memberText p.role {
        font-family: 'Maven Pro', sans-serif;
        font-size: 4vw;
        line-height: 2vw;
        font-weight: 400;
        color: #707070;
        text-align: center;
        align-self: center;
    }

    .memberText p.memberDesc {
        font-family: 'Maven Pro', sans-serif;
        font-size: 4.4vw;
        line-height: 6.2vw;
        font-weight: 400;
        text-transform: none;
        color: #707070;
        text-align: center;
        align-self: center;
        margin-top: 3vw;
    }

    .memberTextTeam {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 80vw;
        text-align: center;
    }

    .memberTextTeam h5 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 5vw;
        line-height: 6vw;
        font-weight: 600;
        text-transform: none;
        text-align: center;
        align-self: center;
        width: 80vw;
        margin-right: 0;
    }

    .memberTextTeam h5 span {
        text-transform: uppercase;
    }

    .memberTextTeam p.role {
        font-family: 'Maven Pro', sans-serif;
        font-size: 5vw;
        line-height: 6.5vw;
        font-weight: 400;
        color: #707070;
        text-align: center;
        align-self: center;
        width: 80vw;
    }

    /* SUCCESS STORIES */
    .successBlockLogos {
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: start;
        width: 69.89vw;
        flex-shrink: 0;
        flex-wrap: wrap;
        margin-left: 23vw;
    }

    .successBlockLogosImage {
        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: 108px;
        height: 58px;
        margin-right: 1vw;
        margin-bottom: 1vw;
    }

    .successBlockLogosImage img {
        width: 70%;
    }

    .successLeft {
        display: flex;
        flex-direction: column;
        padding: 0;
        width: 100vw;
        margin-left: 0;
        align-items: center;
        justify-content: center;
        padding-bottom: 20vw;
    }

    .successRight {
        display: flex;
        flex-direction: column;
        padding: 0;
        width: 100vw;
        margin-left: 0;
        align-items: center;
        justify-content: center;
        padding-bottom: 20vw;
    }

    .visuelSuccess {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .visuelSuccess img {
        width: 80%;
    }

    .textSuccess {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80vw;
    }

    .textSuccess h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 6.87vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        width: 80vw;
        margin-top: 0;
        margin-left: 5vw;
        margin-right: 5vw;
        text-align: center;
    }

    .textSuccess p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 5.14vw;
        line-height: 6.5vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: center;
        width: 80vw;
        margin-top: 0;
        margin-left: 5vw;
        margin-right: 5vw;
    }

    .campaignTypeContainer {
        display: flex;
        flex-direction: row;
        margin-left: 5vw;
        margin-right: 5vw;
        margin-bottom: 1vw;
    }

    .campaignType {
        display: flex;
        flex-direction: column;
        align-items: center;
        border: 1px solid #7FE0FF;
        padding: 5px 10px;
        margin-right: 1vw;
    }

    .campaignType h5 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 3.14vw;
        color: #7FE0FF;
        text-transform: uppercase;
        margin-right: 0;
        align-items: center;
        align-self: center;
        justify-content: center;
    }

    .textSuccess .globalCTAInContainer,
    .textSuccessRight .globalCTAInContainer {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-radius: 47px;
        margin-left: 5vw;
        margin-right: 5vw;
        background: #ffffff;
        box-shadow: rgba(0, 0, 0, .5) 0px 12px 28px;
        cursor: pointer;
        transition: all 1s;
        transition-duration: 1s;
        transition-timing-function: ease;
        transition-timing-function: ease-in-out;
        transition-duration: 300ms;
    }

    .textSuccessRight {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80vw;
    }

    .textSuccessRight h3 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 6.87vw;
        font-weight: 400;
        color: #034F7B;
        margin-bottom: 2vw;
        width: 80vw;
        margin-top: 0;
        margin-left: 5vw;
        margin-right: 5vw;
        text-align: center;
    }

    .textSuccessRight p {
        font-family: 'Maven Pro', sans-serif;
        font-size: 5.14vw;
        line-height: 6.5vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 2vw;
        text-align: center;
        width: 80vw;
        margin-top: 0;
        margin-left: 5vw;
        margin-right: 5vw;
    }


    .textSuccess .globalCTAInContainer,
    .textSuccessRight .globalCTAInContainer {
        display: none;
    }

    .ctaInIcoMobile {
        display: flex !important;
        margin-top: 2vh;
    }

    .ctaInIcoMobile .ctaInIco {
        display: flex;
        flex-direction: row;
        width: 53px;
        height: 53px;
        background: #ffffff;
        border-radius: 50%;
        justify-content: center;
    }

    .ctaInIcoMobile .ctaInIco img {
        max-width: 40px;
        max-height: 40px;
        align-self: center;
        transition: all 1s;
        transition-duration: 1s;
        transition-timing-function: ease;
        transition-duration: 1s;
        transition-timing-function: ease;
        transition-timing-function: ease-in-out;
        transition-duration: 500ms;
    }

    /* SUCCESS STORIES IN */
    .ctaBackSuccessContainer {
        display: flex;
        flex-direction: row;
        margin-left: 23vw;
        margin-right: 5vw;
        margin-bottom: 1vw;
    }

    .ctaBackSuccess {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: start;
        border: 1px solid #F31755;
        padding: 5px 10px;
        margin-right: 1vw;
    }

    .ctaBackSuccess h5 {
        font-family: 'Maven Pro', sans-serif;
        font-size: 4vw;
        color: #F31755;
        text-transform: uppercase;
        margin-right: 20px;
        align-items: center;
        align-self: center;
        justify-content: center;
    }

    .pageSkinStoryIn {
        width: 77vw;
        position: relative;
        margin-left: 23vw;
        height: 77vw;
        top: 0;
    }

    .pageSkinStoryIn img {
        position: absolute;
        max-width: 105%;
    }

    .pageSkinStoryIn img.inDisplayOne {
        position: absolute;
        max-width: 30%;
        z-index: 10;
        top: 41vw;
        left: 12vw;
    }

    .pageSkinStoryIn img.inDisplayTwo {
        position: absolute;
        max-width: 30%;
        top: 18vw;
        left: 1vw;
    }

    .storyResults p {
        color: #F31755;
        font-size: 4.30vw;
        border-left: 0.3vw solid #F31755;
        padding-left: 1vw;
        line-height: 6vw;
        margin-bottom: 6vw;
    }

    .storyResults span {
        color: #F31755;
        font-size: 5.80vw;
        text-transform: uppercase;
    }

    .ctaProgrammatiqueToLexicon .globalCTAInContainer {
        position: relative;
        margin-top: 0vw;
    }

    .ctaProgrammatiqueToLexicon .globalCTAInContainer,
    .ctaProgrammatiqueToLexicon .globalCTAInContainer {
        display: none;
    }

    /* ACTUALITES */
    .brefGrilleIn {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 80vw;
        padding-left: 23vw;
        padding-bottom: 5vw;
    }

    #loadMore {
        width: fit-content;
        display: block;
        text-align: center;
        font-size: 16px;
        margin: 20px auto;
        margin-top: 1px;
    }

    h5.strMore{
        font-size: 2ew;
    }

    .actuSample {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        background: #034F7B;
        width: 78vw;
        height: 78vw;
        cursor: pointer;
        margin-right: 1vw;
        margin-bottom: 1vw;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 500ms;
    }

    .actuSample img {
        mix-blend-mode: multiply;
        min-height: 120%;
        opacity: .5;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        transition-duration: 500ms;
    }

    .brefGrilleIn a:hover>.actuSample img {
        cursor: pointer;
        min-height: 100%;
        opacity: .2;
    }

    .brefGrilleIn a:hover>.actuSample {
        background: #b80a3d;
    }

    .actuContent {
        position: absolute;
        z-index: 500;
    }

    .actuContent h4 {
        width: 64vw;
        font-family: 'Maven Pro', sans-serif;
        font-size: 5.8vw;
        font-weight: 600;
        color: #ffffff;
        margin-bottom: .8vw;
        padding-left: 0;
    }

    .actuContent p {
        width: 64vw;
        font-family: 'Maven Pro', sans-serif;
        font-size: 4vw;
        font-weight: 500;
        line-height: 4.35vw;
        color: #e3e3e3;
        text-align: left;
        padding-left: 0;
    }

    .actuContent p.actuDate {
        width: 64vw;
        font-family: 'Maven Pro', sans-serif;
        font-size: 3vw;
        font-weight: 500;
        line-height: 4.35vw;
        color: #e3e3e3;
        text-align: left;
        padding-left: 0;
    }

    /* CONTACT */
    .contactPage {
        display: none;
    }

    .formBlockGlobalContainer {
        margin-left: 23vw;
        width: 35vw;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .formBlockGlobalContainer label {
        display: block;
        font-family: 'Maven Pro', sans-serif;
        font-size: 4.5vw;
        font-weight: 400;
        color: #707070;
        margin-bottom: 1vw;
        margin-top: 5vw;
        text-indent: .5vw;
    }

    input[type=text],
    textarea {
        width: 60vw;
        height: 10vw;
        border-radius: 3px;
        border: 5px solid #98E6FF;
        font-family: 'Maven Pro', sans-serif;
        font-size: 5vw;
        font-weight: 400;
        color: #00B8F1;
        /* margin-bottom:5vw; */
    }

    textarea#definition {
        height: 60vw;
        width: 60vw;
    }

    input[type=text]:focus,
    textarea:focus {
        border: 5px solid #00B8F1;
        color: #00B8F1;
    }

    input[type=text].done {
        border: 5px solid #00B8F1;
        color: #00B8F1;
    }

    .validateDotContainer {
        display: flex;
        flex-direction: row;
        margin-top: 5vw;
        margin-bottom: 2vw;
    }

    .validateDot {
        width: 12px;
        height: 12px;
        border: 3px solid;
        border-radius: 50%;
        margin-right: 1vw;
    }

    .validateDot.selected {
        border-color: #FB8FAF;
        background: #F31755;
    }

    .validateDot.blank {
        border-color: #FB8FAF;
        background: #ffffff;
    }

    .validateDot.ready {
        border-color: #7FE0FF;
        background: #00B8F1;
    }

    .ctaValidateForm {
        display: flex;
        flex-direction: row;
        justify-content: start;
        width: 100%;
    }

    .globalCTAValidateContainer {
        display: none;
    }

    .ctaValidateIcoMobile {
        display: flex;
    }

    .ctaValidateIco {
        display: flex;
        flex-direction: row;
        width: 53px;
        height: 53px;
        background: #ffffff;
        border-radius: 50%;
        justify-content: center;
    }

    .ctaValidateIco img {
        max-width: 18px;
        max-height: 18px;
        align-self: center;
        transition: all 1s;
        transition-duration: 1s;
        transition-timing-function: ease;
        transition-timing-function: ease-in-out;
        transition-duration: 500ms;
    }

    /* JOB */
    .ctaPostulerContainer {
        display: flex;
        flex-direction: row;
        margin-left: 0vw;
        justify-content: center;
    }

    /* LEXIQUE */
    .indexLexiconContainer {
        position: relative;
        display: flex;
        flex-direction: column;
        margin-left: 23vw;
    }

    .slideLexicon {
        display: flex;
        flex-direction: row;
        margin-bottom: 2.5vw;
    }

    .lexiconLetter {
        display: flex;
        flex-direction: row;
        flex-shrink: 0;
        width: 53px;
        height: 53px;
        background: #ffffff;
        border-radius: 53px;
        justify-content: center;
        align-items: center;
        font-family: 'Dosis', sans-serif;
        font-size: 7.82vw;
        font-weight: 900;
        color: #7FE0FF;
        text-transform: uppercase;
        box-shadow: rgba(0, 0, 0, .5) 0 0.62vw 1.45vw;
        cursor: pointer;
        margin-right: 5vw;
        transition: all;
        transition-timing-function: ease-in-out;
        transition-duration: 100ms;
    }

    .lexiconLetter:hover {
        box-shadow: rgba(0, 0, 0, .5) 0 0.31vw 0.72vw;
    }

    .slideDefinition {
        display: flex;
        flex-direction: row;
        margin-left: 1vw;
        margin-bottom: 2.5vw;
    }

    .lexiconWord {
        display: flex;
        flex-direction: row;
        flex-shrink: 0;
        width: auto;
        height: 53px;
        background: #ffffff;
        border-radius: 53px;
        justify-content: center;
        align-items: center;
        font-family: 'Maven Pro', sans-serif;
        font-size: 4.14vw;
        font-weight: 600;
        color: #CC9900;
        text-transform: uppercase;
        box-shadow: rgba(0, 0, 0, .5) 0 0.62vw 1.45vw;
        cursor: pointer;
        padding-left: 1vw;
        padding-right: 1vw;
        margin-right: 5vw;
        transition: all;
        transition-timing-function: ease-in-out;
        transition-duration: 100ms;
    }

    .lexiconWord:hover {
        box-shadow: rgba(0, 0, 0, .5) 0 0.31vw 0.72vw;
    }

    .activeLetter {
        background: #7FE0FF;
        color: #ffffff;
        box-shadow: rgba(0, 0, 0, 0) 0 0 0;
        margin-top: .1vw;
    }

    .activeLetter:hover {
        background: #7FE0FF;
        color: #ffffff;
        box-shadow: rgba(0, 0, 0, 0) 0 0 0;
        margin-top: .1vw;
    }

    .activeWord {
        background: #C09000;
        color: #ffffff;
        box-shadow: rgba(0, 0, 0, 0) 0 0 0;
        margin-top: .1vw;
    }

    .activeWord:hover {
        background: #C09000;
        color: #ffffff;
        box-shadow: rgba(0, 0, 0, 0) 0 0 0;
        margin-top: .1vw;
    }


}