/*

bleu clair = #0bbbf9
bleu foncé = #0083bd

*/

@charset "utf-8";

/* TYPOS */


@font-face {
    font-family: 'Inter-ExtraLight-BETA';
    font-style:  normal;
    font-weight: 200;
    src: url("fonts/Inter-ExtraLight-BETA.woff2") format("woff2"),
        url("fonts/Inter-ExtraLight-BETA.woff") format("woff");
}

@font-face {
    font-family: 'Inter-Regular';
    font-style:  normal;
    font-weight: 400;
    src: url("fonts/Inter-Regular.woff2") format("woff2"),
        url("fonts/Inter-Regular.woff") format("woff");
}
@font-face {
    font-family: 'Inter-Bold';
    font-style:  normal;
    font-weight: 700;
    src: url("fonts/Inter-Bold.woff2") format("woff2"),
        url("fonts/Inter-Bold.woff") format("woff");
}
@font-face {
    font-family: 'Inter-Black';
    font-style:  normal;
    font-weight: 900;
    src: url("fonts/Inter-Black.woff2") format("woff2"),
        url("fonts/Inter-Black.woff") format("woff");
}



/*

@font-face {
  font-family: 'Inter-Light-BETA';
  font-style:  normal;
  font-weight: 300;
  src: url("fonts/Inter-Light-BETA.woff2") format("woff2"),
       url("fonts/Inter-Light-BETA.woff") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 100;
  src: url("fonts/Inter-Thin-BETA.woff2") format("woff2"),
       url("fonts/Inter-Thin-BETA.woff") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 100;
  src: url("fonts/Inter-ThinItalic-BETA.woff2") format("woff2"),
       url("fonts/Inter-ThinItalic-BETA.woff") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 200;
  src: url("fonts/Inter-ExtraLightItalic-BETA.woff2") format("woff2"),
       url("fonts/Inter-ExtraLightItalic-BETA.woff") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 300;
  src: url("fonts/Inter-LightItalic-BETA.woff2") format("woff2"),
       url("fonts/Inter-LightItalic-BETA.woff") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 400;
  src: url("fonts/Inter-Italic.woff2") format("woff2"),
       url("fonts/Inter-Italic.woff") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 500;
  src: url("fonts/Inter-Medium.woff2") format("woff2"),
       url("fonts/Inter-Medium.woff") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 500;
  src: url("fonts/Inter-MediumItalic.woff2") format("woff2"),
       url("fonts/Inter-MediumItalic.woff") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 600;
  src: url("fonts/Inter-SemiBold.woff2") format("woff2"),
       url("fonts/Inter-SemiBold.woff") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 600;
  src: url("fonts/Inter-SemiBoldItalic.woff2") format("woff2"),
       url("fonts/Inter-SemiBoldItalic.woff") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 700;
  src: url("fonts/Inter-BoldItalic.woff2") format("woff2"),
       url("fonts/Inter-BoldItalic.woff") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 800;
  src: url("fonts/Inter-ExtraBold.woff2") format("woff2"),
       url("fonts/Inter-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 800;
  src: url("fonts/Inter-ExtraBoldItalic.woff2") format("woff2"),
       url("fonts/Inter-ExtraBoldItalic.woff") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 900;
  src: url("fonts/Inter-BlackItalic.woff2") format("woff2"),
       url("fonts/Inter-BlackItalic.woff") format("woff");
}
*/
/* ----------------------------
Variable font.
Usage:

  html { font-family: 'Inter', sans-serif; }
  @supports (font-variation-settings: normal) {
    html { font-family: 'Inter var', sans-serif; }
  }
*/
/*
@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url("fonts/Inter-upright.var.woff2") format("woff2");
}
@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-style: italic;
  font-named-instance: 'Italic';
  src: url("fonts/Inter-italic.var.woff2") format("woff2");
}
*/

/* -------------------------------------
[EXPERIMENTAL] Multi-axis, single variable font.

Slant axis is not yet widely supported (as of February 2019) and thus this
multi-axis single variable font is opt-in rather than the default.

When using this, you will probably need to set font-variation-settings
explicitly, e.g.

  * { font-variation-settings: "slnt" 0deg }
  .italic { font-variation-settings: "slnt" 10deg }

*/
/*
@font-face {
  font-family: 'Inter var experimental';
  font-weight: 100 900;
  font-style: oblique 0deg 10deg;
  src: url("fonts/Inter.var.woff2") format("woff2");
}
*/


@font-face{font-family:'Stag Sans Light';src:url("fonts/StagLC-sans-light.eot");src:local("?"),url("fonts/StagLC-sans-light.woff") format("woff"),url("fonts/StagLC-sans-light.ttf") format("truetype"),url("fonts/StagLC-sans-light.svg#838673efa3f97adb4a8c5112bfdc6416") format("svg");font-style:normal;font-weight:200}
@font-face{font-family:'Stag Sans Light Italic';src:url("fonts/StagLC-sans-light-italic.eot");src:local("?"),url("fonts/StagLC-sans-light-italic.woff") format("woff"),url("fonts/StagLC-sans-light-italic.ttf") format("truetype"),url("fonts/StagLC-sans-light-italic.svg#180f9fa379fd55205595a50e9e6b11b5") format("svg");font-style:italic;font-weight:200}
@font-face{font-family:'Stag Sans Medium';src:url("fonts/StagLC-sans-medium.eot");src:local("?"),url("fonts/StagLC-sans-medium.woff") format("woff"),url("fonts/StagLC-sans-medium.ttf") format("truetype"),url("fonts/StagLC-sans-medium.svg#99fd25c110cc7503d76045299d72bd8f") format("svg");font-style:normal;font-weight:400}
@font-face{font-family:'Stag Light';src:url("fonts/StagLC-light.eot");src:local("?"),url("fonts/StagLC-light.woff") format("woff"),url("fonts/StagLC-light.ttf") format("truetype"),url("fonts/StagLC-light.svg#d5c4e458949c25cb7cdf2e4856ff0cde") format("svg");font-style:normal;font-weight:200}
@font-face{font-family:'Stag Book';src:url("fonts/STAG-BOOK.eot");src:url("fonts/STAG-BOOK.eot?#iefix") format("embedded-opentype"),url("fonts/STAG-BOOK.woff") format("woff"),url("fonts/STAG-BOOK.ttf") format("truetype"),url("fonts/STAG-BOOK.svg#000d7d2794809606bdf59c9b498371c4") format("svg");font-style:normal;font-weight:400}
@font-face{font-family:'Stag Book';src:url("fonts/STAG-BOOKITALIC.eot");src:url("fonts/STAG-BOOKITALIC.eot?#iefix") format("embedded-opentype"),url("fonts/STAG-BOOKITALIC.woff") format("woff"),url("fonts/STAG-BOOKITALIC.ttf") format("truetype"),url("fonts/STAG-BOOKITALIC.svg#a313c7fab5751996e9bfebb451a6cddd") format("svg");font-style:italic;font-weight:400}
@font-face{font-family:'Stag Medium';src:url("fonts/StagLC-medium.eot");src:local("?"),url("fonts/StagLC-medium.woff") format("woff"),url("fonts/StagLC-medium.ttf") format("truetype"),url("fonts/StagLC-medium.svg#89b9f31b738d8d9dad245cf22b952d60") format("svg");font-style:normal;font-weight:400}
@font-face{font-family:'Stag Bold';src:url("fonts/STAG-BOLD.eot");src:url("fonts/STAG-BOLD.eot?#iefix") format("embedded-opentype"),url("fonts/STAG-BOLD.woff") format("woff"),url("fonts/STAG-BOLD.ttf") format("truetype"),url("fonts/STAG-BOLD.svg#989ec862db1f01c1df5be8a2b4cfd1a2") format("svg");font-style:normal;font-weight:700}
@font-face{font-family:'Stag Sans Book';src:url("fonts/StagLC-sans-book.eot");src:local("?"),url("fonts/StagLC-sans-book.woff") format("woff"),url("fonts/StagLC-sans-book.ttf") format("truetype"),url("fonts/StagLC-sans-book.svg#8925de7fcbad6485079207f61d6c580c") format("svg");font-style:normal;font-weight:400}
@font-face{font-family:'Stag Sans Semibold';src:url("fonts/StagLC-sans-semibold.eot");src:local("?"),url("fonts/StagLC-sans-semibold.woff") format("woff"),url("fonts/StagLC-sans-semibold.ttf") format("truetype"),url("fonts/StagLC-sans-semibold.svg#b173c6206b47230bdc4eee6d3ff7df3d") format("svg");font-style:normal;font-weight:700}

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



/* -- RESET MEYER ------*/

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
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;
}

/* ------ */
/* -- BODY -- */
/* ------ */

a {
    text-decoration:none
}

img {
    max-width:100%
}

.tac {
    text-align:center;
}

.ma {
    margin-left:auto;
    margin-right:auto;
}

.displaynone {
    display:none
}
.clearboth {
    clear:both
}


.desktop_only {
    display:block;   
}
.mobile_only {
    display:none !important;   
}
@media(max-width:1100px) {
    .desktop_only {
        display:none !important;   
    }
    .mobile_only {
        display:block !important;   
    }
}

.wrap {
    width:1100px;
    margin:auto;   
}
@media(max-width:1100px) {
    .wrap {
        width:100%;
    }
}
@media(max-width:1100px) {
    .mob_padding {
        padding-left:10px;
        padding-right:10px;
    }
    .mob_no_br br {
        display:none;
    }

}


header {
    background-color:#fff;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:1;

    -webkit-box-shadow: 0px 0px 10px 0px rgba(102,102,102,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(102,102,102,1);
    box-shadow: 0px 0px 10px 0px rgba(102,102,102,1);
}
@media(max-width:1100px) {
    header {
        position:static;
        text-align:center;
        width:auto;
    }
}
header .wrap {
    padding-top:6px;
    height:56px;
    position:relative;
}
header .logo {
    float:left;
    width:210px;
}
#menu_switcher {
    display:none;
}
nav {
    font-family:Inter-Regular;
    font-size:13pt;
    color:#0066a1;
}
nav .as {
    float:right;
}
nav .a {
    width:168px;
    float:left;
    display:block;
    min-height:44px;
    text-align:center;
    line-height:45px;
    color:inherit;
}

nav .as > .a {
    border-left:1px solid #0066a1;
}
nav div.a {
    cursor:pointer;
    position:relative;
}
nav .as > .a:first-child {
    border-left:0;
}
nav .a:hover {
    color:#fff;
    background-color:#0066a1;
    text-decoration: none !important
}
nav span.br,
nav .a.br {
    line-height: 18px;
    padding-top: 3px
}
@media(max-width:1100px) {
    nav span.br,
    nav .a.br {
        line-height: inherit;
        padding-top: 0;
    }
}

nav .submenu {
    position:absolute;
    top:50px;
    top:0px;
    padding-top:50px;
    left:-1px;
    right:-2px;
}

nav .submenu {
    display:none;
}

@media(min-width:1100px) {
    nav .a:hover .submenu {
        display:block;
    }
}
@media(max-width:1100px) {
    nav .a.showSubmenu .submenu {
        display:block;
    }

    nav .submenu {
        position:static;
        padding-top:0;
    }
}

nav .launcher > span {
    display:block;
    width:100%;
    height:100%;
}
nav .submenu .a {
    float:none;
    width:100%;
    background-color:#0066a1;
    color:#fff;
    border-top:1px solid;
    font-size:14px;
    padding:3px;
}
nav .submenu .a[data-nb-lines="2"] {
    height: 59px;
    line-height: 20px;
    padding-top: 10px;
}
nav .submenu .a[data-nb-lines="3"] {
    height: 79px;
    line-height: 20px;
    padding-top: 10px;
}
@media(max-width:1100px) {
    nav .submenu .a[data-nb-lines] {
        height: auto;
        padding-top: 10px;
    }
}

nav .submenu .a:first-child {
    border-top:0;
}
nav .submenu .a:hover {
    color:#0066a1;
    background-color:#fff;
}
@media(max-width:1100px) {
    #menu_switcher {
        position:absolute;
        left: 16px;
        top: 16px;
        display:block;
        cursor:pointer;        
    }
    header .logo {
        float:none;
    }
    nav {
        position:absolute;
        left:0;
        width:100%;
        top:56px;
        z-index:10000;
    }
    .menu-hidden nav {
        display:none;
    }
    nav .as {
        float:none;
        background-color:#fff;
    }
    nav .a {
        float:none;
        border-left:0 !important;
        border-top:1px solid #0066a1;
        width:100%;
        padding-left:0;
    }
    nav .a.br {
        line-height: 44px;
        padding-top: 0px
    }

    nav .launcher[data-submenu="visible"] {
        height:auto;
    }
    nav .submenu {
        position:static;
    }
}
nav li:first-child {
    border-left:0;
}

#video {
    margin-top:56px; /* hauteur du header */
}
@media(max-width:1100px) {
    #video {
        display:none;
    }
    #revolution {
        margin-top:27px; /* hauteur du header */

    }

}

#video video {
    margin:auto;
    display:block;
    max-width:1920px;
    width:100%;
}

#revolution .wrap:first-child {
    padding-top:65px;
    position:relative;
    text-align:center;
}
@media(max-width:1100px) {
    #revolution .wrap:first-child {
        padding-top:0;
    }
}
#revolution .title {
    display:inline-block;
}
#revolution .title img {
    display:block;
    float:left;
    margin-left: 18px;
}
#revolution .download_factsheet {
    display:block;
    float:left;
    background:transparent url(img/bouton_download_factsheet.jpg) left bottom no-repeat;
    width:187px;
    height:50px;
    margin-top: 35px;
    margin-left: 23px;
}
@media(max-width:1100px) {
    #revolution .title img {
        width:calc(100% - 159px);
        max-width:200px !important;
    }
    #revolution .download_factsheet {
        background-image:url(img/bouton_download_factsheet_small.jpg);
        width:131px;
        height:35px;
        margin-top:0;
        margin-left: 10px;
    }
}
@media(max-width:360px) {
    #revolution .title img {
    }
}


#revolution .download_factsheet:hover {
    background-position:left top;
}
#revolution .wrap img {
    max-width:100%;
}
#wrapper3d + .wrap {
    position:relative;
    height:68px;
}

#sell {
    background:transparent url(img/fond_sell_like_never_before.jpg) center top no-repeat;
    color:#fff;
}
@media(max-width:1100px) {
    #sell {
        background-image:url(img/fond_sell_like_never_sectors_mobile.jpg);
    }
}
#sell .wrap {
    padding-top:90px;
    padding-bottom: 50px;
}
@media(max-width:1100px) {
    #sell .wrap {
        padding-top:30px;
    }
}
#sell h2 {
    font-family:Inter-Black;
    font-size:39px;
    margin-bottom: 41px;
}
#sell h3 {

}
#sell p {
    font-family:Inter-ExtraLight-BETA;
    font-size:20px;
    line-height:26px;
}
#sell li {
    cursor:pointer;
    position:relative;
    padding-top:344px;
    float:left;
    width:340px;
    height:570px;
    background:rgba(255,255,255,0.2) url() left top no-repeat;
    margin-left:40px;

    -webkit-box-shadow: 0px 0px 10px 0px rgba(102,102,102,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(102,102,102,1);
    box-shadow: 0px 0px 10px 0px rgba(102,102,102,1);
}
#sell li:nth-child(1) {
    background-image:url(img/make_yumi_03.jpg);
    margin-left:0;
}
#sell li:nth-child(2) {
    background-image:url(img/pave_the_way_03.jpg);
}
#sell li:nth-child(3) {
    background-image:url(img/embrace_a_disruptive_03.jpg);
}
#sell li::before {
    content:'';
    position:absolute;
    display:block;
    width:65px;
    height:65px;
    left:144px;
    top:262px;
    background:transparent url(img/signe_plus.png) left top no-repeat;
}
#sell li h3 {
    margin-bottom:21px;
    font-family:Inter-Bold;
    font-size:22px;
}
@media(max-width:1100px) {
    #sell li {
        float:none;
        margin-left:auto !important;
        margin-right:auto;
        margin-bottom:20px;
        height:auto;
        padding-bottom:20px;
    }
}
@media(max-width:350px) {
    #sell li {
        width:300px;
        height:auto;
        padding-bottom:20px;
        background-position:center top;
    }
    #sell li::before {
        left:120px;
    }
}


#merchants .block0 .wrap {
    padding-top: 90px;
    padding-bottom: 20px;
}
@media(max-width:1100px) {
    #merchants .block0 .wrap {
        padding-top: 30px;
    }
}
#merchants .block0 img {
    width:422px;
}
#merchants .block1,
#merchants .block3 {
    background:transparent url(img/fond_images_merchants.jpg) center top no-repeat;
}
@media(max-width:1100px) {
    #merchants .block1,
    #merchants .block3 {
        background-image:url(img/fond_boitier_1100.jpg);
    }
}
@media(max-width:1100px) {
    #merchants .block1,
    #merchants .block2,
    #merchants .block3,
    #merchants .block4 {
        padding-bottom: 30px;
        text-align:center;
    }
}

#merchants .title img {
    display:block;
    margin-left: 234px;
    margin-right:20px;
    float:left;
}
#merchants .download_brochure {
    display:block;
    float:left;
    background:transparent url(img/bouton_download_brochure.jpg) left bottom no-repeat;
    width:187px;
    height:50px;
    margin-top: 1px;
    margin-right: 230px;
}
#merchants .download_brochure:hover {
    background-position:left top;
}
@media(max-width:1100px) {
    #merchants .title img {
        float:none;
        margin-left:auto;
        margin-right:auto;
    }
    #merchants .download_brochure {
        float:none;
        width:187px;
        height:50px;
        margin-top:20px;
        margin-left:auto;
        margin-right:auto;
    }
}

#merchants em {
    font-family:Inter-Black;
    font-size: 39px;
    margin-top: 40px;
    display: block;
    line-height: 43px;
    margin-bottom: 34px;
    word-break: break-word;
}
#merchants .intro {
    font-family:Inter-ExtraLight-BETA;
    font-size: 23px;
    line-height: 32px;
}


#merchants .block1 .wrap {
    padding-top: 95px;
    padding-left: 347px;
    color:#fff;
    background:transparent url(img/merchants_image_01.png) 100px 60px no-repeat;   
    min-height: 500px;
}

#merchants .block1 h3 {
    font-family:Inter-Bold;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
}
#merchants .block1 p {
    font-family:Inter-ExtraLight-BETA;
    font-size: 20px;
    line-height: 26px;
}

#merchants .block2 .wrap {
    background:transparent url(img/merchants_image_02.png) 771px 60px no-repeat;   
    min-height: 460px;
    padding-right: 428px;
    padding-top: 95px;
    text-align:right
}
#merchants .block2 h3 {
    font-family:Inter-Bold;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
}
#merchants .block2 p {
    font-family:Inter-ExtraLight-BETA;
    font-size: 20px;
    line-height: 26px;
}
#merchants .block3 .wrap {
    background:transparent url(img/merchants_image_03.png) 100px 60px no-repeat;   
    min-height: 500px;
    padding-top: 95px;
    padding-left: 347px;
    color:#fff;
}
#merchants .block3 h3 {
    font-family:Inter-Bold;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
}
#merchants .block3 p {
    font-family:Inter-ExtraLight-BETA;
    font-size: 20px;
    line-height: 26px;
}
#merchants .block4 .wrap {
    background:transparent url(img/merchants_image_04.png) 752px 60px no-repeat;   
    min-height: 460px;
    padding-right: 428px;
    padding-top: 95px;
    text-align:right
}
#merchants .block4 h3 {
    font-family:Inter-Bold;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 25px;
}
#merchants .block4 p {
    font-family:Inter-ExtraLight-BETA;
    font-size: 20px;
    line-height: 26px;
}

@media(max-width:1100px) {
    #merchants .block1 .wrap,
    #merchants .block3 .wrap {
        padding-top: 405px;
        padding-left:10px;
        background-position:center 20px;
        min-height:0;
    }
    #merchants .block2 .wrap,
    #merchants .block4 .wrap {
        text-align:center;
        padding-top: 405px;
        padding-right:10px;
        background-position:center 20px;
        min-height:0;
    }
}

#merchants .next {
    font-size:50px;
    margin-top:30px;
}
#merchants .next span {
    text-indent:-9999px;
    cursor:pointer;
    display:inline-block;
    background:url(img/fleche.png) left top no-repeat;
    width:92px;
    height:92px;
}
#merchants .next span:hover {
    opacity:0.5
}
#merchants .block2 .wrap .next,
#merchants .block4 .wrap .next {
    padding-right:118px;
}
#merchants .block1 .wrap .next,
#merchants .block3 .wrap .next {
    padding-left:118px;
}
@media(max-width:1100px) {    
    #merchants .block2 .wrap .next,
    #merchants .block4 .wrap .next {
        padding-right:0;
    }
    #merchants .block1 .wrap .next,
    #merchants .block3 .wrap .next {
        padding-left:0;
    }
}


#merchants .block .wrap .next span {
    animation: shake 4.82s cubic-bezier(.36,.07,.19,.97) both;
    animation-iteration-count:infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    40%, 60% {
        transform: translate3d(0,-1px, 0);
        transform: translate3d(0,-2px, 0);
    }

    44%, 56% {
        transform: translate3d(0,2px, 0);
    }

    47%, 50%, 53% {
        transform: translate3d(0,-4px, 0);
    }

    49%, 51% {
        transform: translate3d(0,4px, 0);
    }
}

#sector {
    background:transparent url(img/fond_which-sector.jpg) center top no-repeat;
}
@media(max-width:1100px) {
    #sector {
        background:transparent url(img/fond_sell_like_never_sectors_mobile.jpg) center top no-repeat;
        padding-bottom:10px;
    }
}

#sector .wrap {
    padding-top:49px;
    padding-bottom:89px;
    color:#fff;
    text-align:center;
}
#sector h2 {
    font-family:Inter-Black;
    font-size:39px;
    line-height:43px;
    margin-bottom:35px;
}
#sector p {
    font-family:Inter-ExtraLight-BETA;
    font-size: 20px;
    line-height: 26px;
    margin-bottom:64px;
}
#sector p b {
    font-family:Inter-Bold;
}
#sector ul {
    font-family:Inter-Bold;
    font-size: 23px;
    line-height: 30px;
}
#sector li {
    float:left;
    margin-left:6px;
    cursor:pointer;
    position:relative;
    text-decoration:none;
    display:block;
    width:270px;
    height:282px;
    padding-top:11px;
    background:rgba(255,255,255,0.2) url() left 52px no-repeat;


    -webkit-box-shadow: 0px 0px 10px 0px rgba(102,102,102,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(102,102,102,1);
    box-shadow: 0px 0px 10px 0px rgba(102,102,102,1);


}
#sector li:nth-child(1) {
    margin-left:0;
    background-image:url(img/image_hospitality.jpg);
}
#sector li:nth-child(2) {
    background-image:url(img/image_fashion_stores.jpg);
}
#sector li:nth-child(3) {
    background-image:url(img/image_retail.jpg);
}
#sector li:nth-child(4) {
    background-image:url(img/image_luxury.jpg);
}
#sector li::before {
    content:'';
    position:absolute;
    display:block;
    width:65px;
    height:65px;
    left: 103px;
    bottom: -36px;
    background:transparent url(img/signe_plus.png) left top no-repeat;
}
@media(max-width:1100px) {

    #sector .wrap {
        padding-bottom:0;   
    }
    #sector li {
        float:none;
        margin-left:auto !important;
        margin-right:auto;
        margin-bottom:60px;
    }

}

@media(max-width:1100px) {
    #beourpartner {
    }
}
#beourpartner .preamble {
    padding-top: 90px;
}
#beourpartner .preamble img {
    margin-bottom: 60px;
}
#beourpartner .preamble .bold {
    text-transform:uppercase;
    font-size:39px;
    line-height: 41px;
    font-family:Inter-Black;
    margin-bottom: 32px;
    word-break: break-word;
}
#beourpartner .preamble .light {
    font-size:23px;
    font-family:Inter-ExtraLight-BETA;
    line-height: 30px;
    margin-bottom: 20px;
}
#beourpartner .abilities {
    background:transparent url(img/fond_images_merchants.jpg) center top no-repeat;
    color:#fff;
}
@media(max-width:1100px) {
    #beourpartner .abilities {
        background:transparent url(img/fond_sell_like_never_sectors_mobile.jpg) center top no-repeat;
    }
}
#beourpartner .abilities .wrap {
    padding-top: 47px;
    padding-bottom: 37px;
}
#beourpartner .abilities h3 {
    font-size:39px;
    font-family:Inter-Black;
    margin-bottom: 33px;
}
#beourpartner .abilities .item {
    width:340px;
    height:370px;
    margin-left:40px;
    float:left;
    text-transform:uppercase;
    font-size:22px;
    line-height:30px;
    font-family:Inter-Bold;
    padding-bottom:300px;
    background:transparent url() center 150px no-repeat;
}
#beourpartner .abilities .item:first-child {
    margin-left:0;
}
@media(max-width:1100px) {
    #beourpartner .abilities .item,
    #beourpartner .abilities .item:first-child {
        width:100%;
        max-width:340px;
        margin:0 auto 20px;
        float:none;
    }
}
#beourpartner .item.reach {
    background-image:url(img/be_our_partner_picto_01.png);
}
#beourpartner .item.lower {
    background-image:url(img/be_our_partner_picto_02.png);
}
#beourpartner .item.get {
    background-image:url(img/be_our_partner_picto_03.png);
}
#beourpartner .block.intro .wrap.intro {
    min-height:350px;
    min-height:260px;
}
@media(max-width:1100px) {
    #beourpartner .block.intro .wrap.intro {
        min-height:0;
        margin-bottom:70px;
    }
}
#beourpartner .block.intro.left {
    background:transparent url(img/fond_sell_like_never_before.jpg) center top no-repeat;
    color:#fff;    
}
@media(max-width:1100px) {
    #beourpartner .block.intro.left {
        background-image:url(img/fond_sell_like_never_sectors_mobile.jpg);
    }
}
#beourpartner .block.intro.left .wrap.intro {
    text-align:left;
    background:transparent url() left 30px no-repeat;
    padding-left:368px;
}
@media(max-width:1100px) {
    #beourpartner .block.intro.left .wrap.intro {
        max-width:640px;
        padding: 250px 10px 0;
        text-align:center;
        background-position:center 20px;
    }
}
@media(max-width:340px) {
    #beourpartner .block.intro.left .wrap.intro {
        background-position:center top;
    }
}
#beourpartner .block.intro.right .wrap.intro {
    padding-right:375px;
    text-align:right;
    background:transparent url() right 30px no-repeat;
}
@media(max-width:1100px) {
    #beourpartner .block.intro.right .wrap.intro {
        max-width:640px;
        padding: 250px 10px 0;
        text-align:center;
        background:transparent url() center 30px no-repeat;
    }
}

#beourpartner .block[data-type="reseller"] .wrap.intro {
    padding-top:50px;
}
#beourpartner .block[data-type="integrator"] .wrap.intro {
    padding-top:80px;
}
#beourpartner .block[data-type="android"] .wrap.intro {
    padding-top:65px;
}
@media(max-width:1100px) {
    #beourpartner .block .wrap.intro {
        padding-top:0;
    }
}



@media(max-width:340px) {
    #beourpartner .block.intro.right .wrap.intro {
        background-position:center top;
    }
}
#beourpartner .block.intro[data-type="reseller"] .wrap.intro {
    background-image:url(img/image_reseller.jpg);
}
#beourpartner .block.intro[data-type="integrator"] .wrap.intro {
    background-image:url(img/image_integrator.jpg);
}
#beourpartner .block.intro[data-type="android"] .wrap.intro {
    background-image:url(img/image_app_provider.jpg);
}   

#beourpartner .block.intro h3 {
    text-transform:uppercase;
    font-size:22px;
    line-height: 34px;
    font-family:Inter-Bold;
    margin-bottom: 6px;
}
#beourpartner .block.intro p {
    font-size:20px;
    font-family:Inter-ExtraLight-BETA;
    line-height:30px;
    margin-bottom: 19px;

}

#beourpartner .block.intro .wrap.desc {
    text-align:center;
    padding-bottom:20px;
}
#beourpartner .block.intro h4 {
    font-size:22px;
    font-family:Inter-ExtraLight-BETA;
    text-transform:uppercase;
    margin-bottom: 8px;
}
#beourpartner .block.intro em {
    display:block;
    font-size:22px;
    font-family:Inter-Bold;
    text-transform:uppercase;
    margin-bottom: 35px;
}
#beourpartner .block.intro .wrap.desc p {
    font-size:20px;
    line-height:30px;
    font-family:Inter-ExtraLight-BETA;
    margin-bottom: 30px;
}
#beourpartner .block.intro ul {
    font-size:20px;
    line-height: 30px;
    font-family:Inter-Bold;
    text-align:left;
    margin-left:203px;
    padding-right:20px;
}
@media(max-width:1100px) {
    #beourpartner .block.intro ul {
        margin-left:30px;
        padding-right:0;
    }
}
#beourpartner .block.intro li {
    display:list-item;
    list-style:disc;

}

#beourpartner .block.intro .contact { 
    text-align: left;
    width:190px;
    margin:50px auto 0;
    background:url("img/footer_icon-mail.svg") #0066a1 20px 14px no-repeat;
    background-size:26px 20px;
}
#beourpartner .block.intro .contact a{
    display:block;
    color:#fff;font-family:"Stag Sans Semibold",Arial,Helvetica,sans-serif;
    font-size:13px;
    line-height:13px;
    letter-spacing:1px;width:100%;
    padding:18px 0 18px 60px;
    text-transform:uppercase;
    background:url("img/footer_icon-cta-contact-chevron.svg") 160px 17px no-repeat;
    background-size:12px 14px;
    text-decoration:none;
}
#beourpartner .block.intro .contact a:hover {
    text-decoration:underline;
}
#beourpartner .block.intro .content {
    background:transparent url(img/image_bas_droite.png) right top no-repeat;
    margin-top: 30px;
    text-align: right;
    padding-top: 17px;
    padding-right: 206px;
    min-height:400px;
}
@media(max-width:1100px) {
    #beourpartner .block.intro .content {
        background-position:center top;
        padding-top:330px;
        text-align: center;
        padding-right: 0;
    }
}
#beourpartner .block.intro .content .light {
    font-size:20px;
    line-height:30px;
    font-family:Inter-ExtraLight-BETA;
}
#beourpartner .block.intro .content .bold {
    font-size:20px;
    line-height: 30px;
    font-family:Inter-Bold;
}

.popup_hidden #popup {
    display:none;
}
#popup {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:10000;
    background-color:rgba(0,0,0,0.75);    
}
.popup {
    display:none;
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:10000;
    background-color:rgba(0,0,0,0.75);
}
[data-popup-active="1"] .popup {
    display:block;
}
#popup_wrapper {
    cursor:default;
    position:absolute;

}
.popup_wrapper {
    cursor:default;
    position:absolute;
    left:50px;
    right:50px;
    top:50px;
    bottom:50px;    
    color:#000;
}
#popup_close,
.popup .close {
    cursor:pointer;
    font-family:Inter-Regular;
    position:absolute;
    right:20px;
    top:20px;
    display:block;
    width:40px;
    height:40px;
    text-align:center;
    font-size:30px;
    line-height:35px;
    color:#0066a1;
    border:1px solid;
    border-radius:50%;
    background-color:#fff;
    z-index:1;
}
#popup_close:hover,
.popup .close:hover {
    font-weight:bold;
}

@media(max-width:1100px) {
    [data-popup-content=img] #popup_media_wrapper {
        overflow-y:scroll;
    }
}
#popup video,
.popup video {
    display:block;
    width:100%;
}
#popup img,
.popup img {
    display:block;
    width:100%;
}

/*
FOOTER
*/


body {

}
#footer_ext {
    /* pour appliquer les règles du body de worldline seulement au footer de Yumi */
    font-size: 1.5rem;
    line-height: 1.8rem;
}

footer img {
    max-width: 100%;
    height: auto;
}


.grid-row {
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;
}
.cf:after,.grid-row:after,.grid-row-fluid:after,.block-featured:after,.grid__article-double:after,.block-article.h:after,.h.block-quote:after,.block-article.simple:after,.simple.block-quote:after,.block-article.small:after,.small.block-quote:after{display:block;content:'';clear:both}
.caps{text-transform:uppercase}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
.grid-row{position:relative;width:100%;max-width:1140px;margin:0 auto;padding:0}
.grid-row .grid-col-1{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row .grid-col-1{float:left;margin:0 20px;width:calc(8.33333% - (2 * 20px))}
}
.grid-row .grid-col-2{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row .grid-col-2{float:left;margin:0 20px;width:calc(16.66667% - (2 * 20px))}
}
.grid-row .grid-col-3{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row .grid-col-3{float:left;margin:0 20px;width:calc(25% - (2 * 20px))}
}
.grid-row .grid-col-4{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row .grid-col-4{float:left;margin:0 20px;width:calc(33.33333% - (2 * 20px))}
}
.grid-row .grid-col-5{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row .grid-col-5{float:left;margin:0 20px;width:calc(41.66667% - (2 * 20px))}
}
.grid-row .grid-col-6{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row .grid-col-6{float:left;margin:0 20px;width:calc(50% - (2 * 20px))}
}
.grid-row .grid-col-7{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row .grid-col-7{float:left;margin:0 20px;width:calc(58.33333% - (2 * 20px))}
}
.grid-row .grid-col-8{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row .grid-col-8{float:left;margin:0 20px;width:calc(66.66667% - (2 * 20px))}
}
.grid-row .grid-col-9{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row .grid-col-9{float:left;margin:0 20px;width:calc(75% - (2 * 20px))}
}
.grid-row .grid-col-10{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row .grid-col-10{float:left;margin:0 20px;width:calc(83.33333% - (2 * 20px))}
}
.grid-row .grid-col-11{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row .grid-col-11{float:left;margin:0 20px;width:calc(91.66667% - (2 * 20px))}
}
.grid-row .grid-col-12{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row .grid-col-12{float:left;margin:0 20px;width:calc(100% - (2 * 20px))}
}
@media(min-width:768px){.grid-row .grid-offset-1{margin-left:calc(8.33333% + 20px)}
}
@media(min-width:768px){.grid-row .grid-offset-2{margin-left:calc(16.66667% + 20px)}
}
@media(min-width:768px){.grid-row .grid-offset-3{margin-left:calc(25% + 20px)}
}
@media(min-width:768px){.grid-row .grid-offset-4{margin-left:calc(33.33333% + 20px)}
}
@media(min-width:768px){.grid-row .grid-offset-5{margin-left:calc(41.66667% + 20px)}
}
@media(min-width:768px){.grid-row .grid-offset-6{margin-left:calc(50% + 20px)}
}
@media(min-width:768px){.grid-row .grid-offset-7{margin-left:calc(58.33333% + 20px)}
}
@media(min-width:768px){.grid-row .grid-offset-8{margin-left:calc(66.66667% + 20px)}
}
@media(min-width:768px){.grid-row .grid-offset-9{margin-left:calc(75% + 20px)}
}
@media(min-width:768px){.grid-row .grid-offset-10{margin-left:calc(83.33333% + 20px)}
}
@media(min-width:768px){.grid-row .grid-offset-11{margin-left:calc(91.66667% + 20px)}
}
@media(min-width:768px){.grid-row .grid-offset-12{margin-left:calc(100% + 20px)}
}
.grid-row-fluid{position:relative;width:100%;max-width:1140px;margin:0 auto;padding:0}
.grid-row-fluid .grid-col-1{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row-fluid .grid-col-1{float:left;margin:0;width:calc(8.33333%)}
}
.grid-row-fluid .grid-col-2{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row-fluid .grid-col-2{float:left;margin:0;width:calc(16.66667%)}
}
.grid-row-fluid .grid-col-3{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row-fluid .grid-col-3{float:left;margin:0;width:calc(25%)}
}
.grid-row-fluid .grid-col-4{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row-fluid .grid-col-4{float:left;margin:0;width:calc(33.33333%)}
}
.grid-row-fluid .grid-col-5{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row-fluid .grid-col-5{float:left;margin:0;width:calc(41.66667%)}
}
.grid-row-fluid .grid-col-6{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row-fluid .grid-col-6{float:left;margin:0;width:calc(50%)}
}
.grid-row-fluid .grid-col-7{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row-fluid .grid-col-7{float:left;margin:0;width:calc(58.33333%)}
}
.grid-row-fluid .grid-col-8{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row-fluid .grid-col-8{float:left;margin:0;width:calc(66.66667%)}
}
.grid-row-fluid .grid-col-9{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row-fluid .grid-col-9{float:left;margin:0;width:calc(75%)}
}
.grid-row-fluid .grid-col-10{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row-fluid .grid-col-10{float:left;margin:0;width:calc(83.33333%)}
}
.grid-row-fluid .grid-col-11{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row-fluid .grid-col-11{float:left;margin:0;width:calc(91.66667%)}
}
.grid-row-fluid .grid-col-12{float:none;width:calc(100% - (2 * 20px));min-height:1px;margin:0 20px}
@media(min-width:768px){.grid-row-fluid .grid-col-12{float:left;margin:0;width:calc(100%)}
}
@media(min-width:768px){.grid-row-fluid .grid-offset-1{margin-left:calc(8.33333%)}
}
@media(min-width:768px){.grid-row-fluid .grid-offset-2{margin-left:calc(16.66667%)}
}
@media(min-width:768px){.grid-row-fluid .grid-offset-3{margin-left:calc(25%)}
}
@media(min-width:768px){.grid-row-fluid .grid-offset-4{margin-left:calc(33.33333%)}
}
@media(min-width:768px){.grid-row-fluid .grid-offset-5{margin-left:calc(41.66667%)}
}
@media(min-width:768px){.grid-row-fluid .grid-offset-6{margin-left:calc(50%)}
}
@media(min-width:768px){.grid-row-fluid .grid-offset-7{margin-left:calc(58.33333%)}
}
@media(min-width:768px){.grid-row-fluid .grid-offset-8{margin-left:calc(66.66667%)}
}
@media(min-width:768px){.grid-row-fluid .grid-offset-9{margin-left:calc(75%)}
}
@media(min-width:768px){.grid-row-fluid .grid-offset-10{margin-left:calc(83.33333%)}
}
@media(min-width:768px){.grid-row-fluid .grid-offset-11{margin-left:calc(91.66667%)}
}
@media(min-width:768px){.grid-row-fluid .grid-offset-12{margin-left:calc(100%)}
}





i.som,.icomoon-liga{font-family:'WLSoM' !important;font:normal normal normal 14px/1 WLSoM;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;font-feature-settings:"liga";-webkit-font-variant-ligatures:discretionary-ligatures;font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.youtube-play:before{content:"\e900"}
.youtube-play-grey:before{content:"\e909"}
.blog-grey:before{content:"\e901"}
.blog:before{content:"\e902"}
.facebook:before{content:"\e903"}
.facebook-grey:before{content:"\e904"}
.linkedin:before{content:"\e905"}
.linkedin-grey:before{content:"\e906"}
.twitter:before{content:"\e907"}
.twitter-grey:before{content:"\e908"}
.xing:before{content:"\e90a"}
.xing-grey:before{content:"\e90b"}
.cancel-circle:before{content:"\ea0d"}
.red{color:red}
.green{color:green}
.blue{color:blue}




.btn,.button,.button-white,.button-blue,.button-transp,button{cursor:pointer;position:relative;display:inline-block;color:#fff;font-family:"Stag Sans Medium",Arial,Helvetica,sans-serif;font-size:16px;/*font-size:1.6rem;*/line-height:16px;/*line-height:1.6rem;*/min-height:50px;margin:20px 0;padding:15px 25px 10px;text-transform:uppercase;background-color:#0066a1;border:solid 2px #0066a1;border-radius:25px}
.btn:hover,.button:hover,.button-white:hover,.button-blue:hover,.button-transp:hover,button:hover{cursor:pointer;color:#0066a1;border-color:#0066a1;background-color:transparent;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}
.btn.alt,.button.alt,.alt.button-white,.alt.button-blue,.alt.button-transp,button.alt{color:#fff;border:solid 2px #fff;background-color:transparent}
.btn.alt:after,.button.alt:after,.alt.button-white:after,.alt.button-blue:after,.alt.button-transp:after,button.alt:after{background:url("img/footer_icon_chevron-white.svg") 0 0 no-repeat;background-size:cover}
.btn.alt:hover,.button.alt:hover,.alt.button-white:hover,.alt.button-blue:hover,.alt.button-transp:hover,button.alt:hover{color:#0066a1;border-color:#fff;background-color:#fff;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}
.btn.alt:hover:after,.button.alt:hover:after,.alt.button-white:hover:after,.alt.button-blue:hover:after,.alt.button-transp:hover:after,button.alt:hover:after{background:url("img/footer_icon_chevron-blue.svg") 0 0 no-repeat;background-size:cover}
.btn.twitter,.button.twitter,.twitter.button-white,.twitter.button-blue,.twitter.button-transp,button.twitter{display:block;width:50px;padding:15px 0 12px;text-align:center}
.btn.twitter svg,.button.twitter svg,.twitter.button-white svg,.twitter.button-blue svg,.twitter.button-transp svg,button.twitter svg{width:17px;height:15px}
.btn.twitter:hover path,.button.twitter:hover path,.twitter.button-white:hover path,.twitter.button-blue:hover path,.twitter.button-transp:hover path,button.twitter:hover path{fill:#0066a1}
.btn.linkedin,.button.linkedin,.linkedin.button-white,.linkedin.button-blue,.linkedin.button-transp,button.linkedin{display:block;width:50px;padding:15px 0 12px;text-align:center}
.btn.linkedin svg,.button.linkedin svg,.linkedin.button-white svg,.linkedin.button-blue svg,.linkedin.button-transp svg,button.linkedin svg{width:17px;height:17px}
.btn.linkedin:hover path,.button.linkedin:hover path,.linkedin.button-white:hover path,.linkedin.button-blue:hover path,.linkedin.button-transp:hover path,button.linkedin:hover path{fill:#0066a1}
.btn.facebook,.button.facebook,.facebook.button-white,.facebook.button-blue,.facebook.button-transp,button.facebook{display:block;width:50px;padding:15px 0 12px;text-align:center}
.btn.facebook svg,.button.facebook svg,.facebook.button-white svg,.facebook.button-blue svg,.facebook.button-transp svg,button.facebook svg{width:8px;height:17px}
.btn.facebook:hover path,.button.facebook:hover path,.facebook.button-white:hover path,.facebook.button-blue:hover path,.facebook.button-transp:hover path,button.facebook:hover path{fill:#0066a1}
.btn.youtube,.button.youtube,.youtube.button-white,.youtube.button-blue,.youtube.button-transp,button.youtube{display:block;width:50px;padding:15px 0 12px;text-align:center}
.btn.youtube svg,.button.youtube svg,.youtube.button-white svg,.youtube.button-blue svg,.youtube.button-transp svg,button.youtube svg{width:22px;height:17px}
.btn.youtube:hover path,.button.youtube:hover path,.youtube.button-white:hover path,.youtube.button-blue:hover path,.youtube.button-transp:hover path,button.youtube:hover path{fill:#0066a1}
.btn.social,.button.social,.social.button-white,.social.button-blue,.social.button-transp,button.social{display:block;width:50px;padding:15px 0 12px;text-align:center}
.btn.social svg,.button.social svg,.social.button-white svg,.social.button-blue svg,.social.button-transp svg,button.social svg{width:17px;height:17px}
.btn.social:hover path,.button.social:hover path,.social.button-white:hover path,.social.button-blue:hover path,.social.button-transp:hover path,button.social:hover path{fill:#0066a1}


.cta-links a.button.alt.social:hover {
    text-decoration:none !important
}


.button-white{color:#0066a1;border:solid 2px #fff;background-color:#fff;-webkit-transition:all 100ms ease-in-out;transition:all 100ms ease-in-out}
.button-white:after{background:url("img/footer_icon_chevron-blue.svg") 0 0 no-repeat;background-size:cover}
.button-white:hover{color:#fff;border-color:#fff;background-color:transparent;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}
.button-white:hover:after{background:url("images/icon_chevron-white.svg") 0 0 no-repeat;background-size:cover}
.button-blue{color:#fff;border:solid 2px #0066a1;background-color:#0066a1;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}
.button-blue:after{background:url("images/icon_chevron-white.svg") 0 0 no-repeat;background-size:cover}
.button-blue:hover{color:#0066a1;border-color:#0066a1;background-color:transparent}
.button-blue:hover:after{background:url("img/footer_icon_chevron-blue.svg") 0 0 no-repeat;background-size:cover}
.button-blue.alt{color:#0066a1;border:solid 2px #0066a1;background-color:transparent}
.button-blue.alt:hover{color:#fff;border-color:#0066a1;background-color:#0066a1}
.button-transp{color:#fff;border:solid 2px #fff;background-color:transparent}
.button-transp:after{background:url("images/icon_chevron-white.svg") 0 0 no-repeat;background-size:cover}
.button-transp:hover{color:#0066a1;border-color:#fff;background-color:#fff;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}
.button-transp:hover:after{background:url("img/footer_icon_chevron-blue.svg") 0 0 no-repeat;background-size:cover}


.cta-stay-in-touch{
    display:block;
    margin-top:60px;
    color:#fff;padding:80px 0;text-align:center;background:url("img/footer_bg-cta-stay-in-touch.jpg") center center no-repeat;background-size:cover}
.cta-stay-in-touch .cta-title{
    position:relative;color:inherit;font-family:"Stag Book",Arial,Helvetica,sans-serif;
    font-size:30px;
    /*    font-size:3rem;*/
    line-height:30px;
    /*line-height:3rem;*/
    font-weight:400;letter-spacing:1px;margin:0 0 10px;padding:0 0 20px
}
.cta-stay-in-touch .cta-title:after{position:absolute;display:block;content:'';width:44px;height:4px;left:50%;bottom:0;background:url("img/footer_icon-title-underline-white.svg") center center no-repeat;background-size:44px 4px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
@media(min-width:768px){.cta-stay-in-touch .cta-title{margin:0}
                        .cta-stay-in-touch .cta-title:after{content:normal}
}
.cta-stay-in-touch .cta-links{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0;font-size:0rem;line-height:0;line-height:0rem;max-width:50%;margin:0 auto}
@media(min-width:768px){.cta-stay-in-touch .cta-links{display:block;max-width:none}
}
.cta-stay-in-touch .cta-links li{display:inline-block;margin:10px;padding:0;letter-spacing:1px;vertical-align:top}
@media(min-width:768px){.cta-stay-in-touch .cta-links li{margin:0 15px}
}
.cta-stay-in-touch li.list-break{width:100%;-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-ms-flex-order:3;order:3;margin:0}
@media(min-width:768px){.cta-stay-in-touch li.list-break{display:none}
}
.cta-stay-in-touch .button,.cta-stay-in-touch .button-white,.cta-stay-in-touch .button-blue,.cta-stay-in-touch .button-transp{margin:0}
.cta-stay-in-touch li.contact-us,.cta-stay-in-touch li.join-us{width:50%;margin:10px 0}
.cta-stay-in-touch li.contact-us .button,.cta-stay-in-touch li.contact-us .button-white,.cta-stay-in-touch li.contact-us .button-blue,.cta-stay-in-touch li.contact-us .button-transp,.cta-stay-in-touch li.join-us .button,.cta-stay-in-touch li.join-us .button-white,.cta-stay-in-touch li.join-us .button-blue,.cta-stay-in-touch li.join-us .button-transp{margin:0;padding:15px 0 10px;border:0}
.cta-stay-in-touch li.contact-us .button:hover,.cta-stay-in-touch li.contact-us .button-white:hover,.cta-stay-in-touch li.contact-us .button-blue:hover,.cta-stay-in-touch li.contact-us .button-transp:hover,.cta-stay-in-touch li.join-us .button:hover,.cta-stay-in-touch li.join-us .button-white:hover,.cta-stay-in-touch li.join-us .button-blue:hover,.cta-stay-in-touch li.join-us .button-transp:hover{color:#fff;background-color:transparent}
@media(min-width:768px){.cta-stay-in-touch li.contact-us,.cta-stay-in-touch li.join-us{width:auto;margin:0 10px}
                        .cta-stay-in-touch li.contact-us .button,.cta-stay-in-touch li.contact-us .button-white,.cta-stay-in-touch li.contact-us .button-blue,.cta-stay-in-touch li.contact-us .button-transp,.cta-stay-in-touch li.join-us .button,.cta-stay-in-touch li.join-us .button-white,.cta-stay-in-touch li.join-us .button-blue,.cta-stay-in-touch li.join-us .button-transp{margin:0;padding:15px 25px 10px;border:solid 2px #fff}
                        .cta-stay-in-touch li.contact-us .button:hover,.cta-stay-in-touch li.contact-us .button-white:hover,.cta-stay-in-touch li.contact-us .button-blue:hover,.cta-stay-in-touch li.contact-us .button-transp:hover,.cta-stay-in-touch li.join-us .button:hover,.cta-stay-in-touch li.join-us .button-white:hover,.cta-stay-in-touch li.join-us .button-blue:hover,.cta-stay-in-touch li.join-us .button-transp:hover{color:#0066a1;background-color:#fff}
}
.cta-stay-in-touch .contact-us{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-ms-flex-order:4;order:4}
.cta-stay-in-touch .join-us{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-ms-flex-order:5;order:5}





.footer-main{color:#a8a8a8;padding:45px 0;background-color:#343430}
.footer-main a{color:inherit}
.footer-main p{font-family:"Stag Sans Book",Arial,Helvetica,sans-serif;
               font-size:13px;
               /*    font-size:1.3rem;*/
               line-height:16px;
               /*     line-height:1.6rem*/
}
.footer-main *[class^="grid-col-"]{position:relative;padding:0 0 35px}
@media(min-width:768px){.footer-main *[class^="grid-col-"]{padding:0}
                        .footer-main *[class^="grid-col-"]:before{position:absolute;display:block;content:'';left:-20px;top:0;width:2px;height:100%;min-height:130px;background-color:#5d5d59}
                        .footer-main *[class^="grid-col-"]:first-of-type:before{content:normal}
}
.footer-title{display:block;color:#cacac9;font-family:"Stag Book",Arial,Helvetica,sans-serif;
              font-size:20px;
              /*   font-size:2rem;*/
              line-height:20px;
              /*    line-height:2rem;*/
              letter-spacing:1px;padding:0 0 10px;text-transform:none}
.footer-sitemap-list,.footer-networks-list{font-family:"Stag Sans Semibold",Arial,Helvetica,sans-serif;

                                           font-size:12px;
                                           /*      font-size:1.2rem;*/
                                           line-height:12px;
                                           /*                      line-height:1.2rem;*/
                                           text-transform:uppercase
}
.footer-sitemap-list{float:left;width:50%}
.footer-sitemap-list li{margin:8px 0}
.footer-network-link{opacity:.5;display:inline-block;width:35px;height:35px;margin:0 10px 0 0;text-indent:-9999px;border:solid 2px #fff;border-radius:50%}
.footer-network-link.facebook{background:url("img/footer_icon-facebook.svg") center center no-repeat;background-size:6px 13px}
.footer-network-link.twitter{background:url("img/footer_icon-twitter.svg") center center no-repeat;background-size:13px 11px}
.footer-network-link.linkedin{background:url("img/footer_icon-linkedin.svg") center center no-repeat;background-size:13px 13px}
/*.footer-network-link.blog{background:url("images/icon-blog.svg") center center no-repeat;background-size:13px 13px}*/
.footer-network-link.youtube-play{background:url("img/footer_icon-youtube.svg") center center no-repeat;background-size:13px 13px}
/*
.footer-network-link.xing{background:url("images/icon-xing.svg") center center no-repeat;background-size:13px 13px}
*/
.footer-network-link a{display:block;width:100%;height:100%}
.form-newsletter-subscribe{padding:5px 0 0}
.form-newsletter-input,.footer-main input{display:inline-block;color:#fff;max-width:234px;background-color:#52524f;border:0;border-radius:0}
.error{border:1px solid red !important}
.success{border:1px solid green !important}
.form-newsletter-input{width:65% !important}
.input-field p{padding:4px}
.form-newsletter-input::-webkit-input-placeholder,.footer-main input::-webkit-input-placeholder{color:#bfbfbf;font-size:14px;/*font-size:1.4rem;*/line-height:14px;/*line-height:1.4rem*/}
.form-newsletter-input:-moz-placeholder,.footer-main input:-moz-placeholder{color:#bfbfbf;font-size:14px;/*font-size:1.4rem;*/line-height:14px;/*line-height:1.4rem*/}
.form-newsletter-input::-moz-placeholder,.footer-main input::-moz-placeholder{color:#bfbfbf;font-size:14px;/*font-size:1.4rem;*/line-height:14px;/*line-height:1.4rem*/}
.form-newsletter-input:-ms-input-placeholder,.footer-main input:-ms-input-placeholder{color:#bfbfbf;font-size:14px;/*font-size:1.4rem;*/line-height:14px;/*line-height:1.4rem*/}
.form-newsletter-button,.footer-main button{display:inline-block;color:#bfbfbf;font-size:14px;/*font-size:1.4rem;*/line-height:14px;/*line-height:1.4rem;*/min-height:40px;margin:0;padding:11px 20px;border-color:#bfbfbf;border-radius:0;background-color:transparent}
.form-newsletter-button:hover,.footer-main button:hover{color:#bfbfbf;border-color:#bfbfbf}




.footer-sub{font-family:"Stag Sans Medium",Arial,Helvetica,sans-serif;font-size:13px;/*font-size:1.3rem;*/line-height:13px;/*line-height:1.3rem;*/padding:10px 0;text-align:center;background-color:#f5f5f5}
@media(max-width:767px) {
    .footer-sub {
        padding-bottom: 60px; /* pour que contact us ne recouvre pas les liens */
    }
}



.footer-sub ul li{display:inline-block;color:#858585;padding:5px 10px}
.footer-sub ul li:first-of-type{padding-left:0}
.footer-sub ul li:last-of-type{padding-right:0}
@media(min-width:1024px){.footer-sub ul li{padding:0 10px}
}
.cta-contact-us{position:fixed;bottom:0;right:30px;width:190px;background:url("img/footer_icon-mail.svg") #0066a1 20px 14px no-repeat;background-size:26px 20px;z-index:2;-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.cta-contact-us.visible{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.cta-contact-us a{display:block;color:#fff;font-family:"Stag Sans Semibold",Arial,Helvetica,sans-serif;
                  font-size:13px;/*font-size:1.3rem;*/
                  line-height:13px;/*line-height:1.3rem;*/
                  letter-spacing:1px;width:100%;padding:18px 0 18px 60px;text-transform:uppercase;background:url("img/footer_icon-cta-contact-chevron.svg") 160px 17px no-repeat;background-size:12px 14px}





.back-to-top{position:absolute;display:none;top:0;right:0;width:50px;height:50px;text-indent:-9999px;overflow:hidden;border-radius:50%;-webkit-transform:translate(0,-70px) rotate(180deg);-ms-transform:translate(0,-70px) rotate(180deg);transform:translate(0,-70px) rotate(180deg);background:url("img/footer_icon-chevron-blue.svg") #fff center center no-repeat;background-size:18px 12px}
@media(min-width:768px){.back-to-top{display:block}
}




.footer-sub a:hover {
    color: #003a5b;
}
.footer-sub a:focus, a:hover {
    /*   color: #23527c;*/
    text-decoration: underline !important;
}
.footer-sub a:active, a:hover {
    /*outline: 0;*/
}
.footer-sub a {
    color: #0066a1;
    text-decoration: none;

}



.footer-networks-list {
    margin-top:10px;
}