/*********************
COMPASS
*********************/
/* line 5, ../../../../../../../Users/Paupy/.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
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: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

/* line 22, ../../../../../../../Users/Paupy/.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
    line-height: 1;
}

/* line 24, ../../../../../../../Users/Paupy/.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
    list-style: none;
}

/* line 26, ../../../../../../../Users/Paupy/.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* line 28, ../../../../../../../Users/Paupy/.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

/* line 30, ../../../../../../../Users/Paupy/.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
    quotes: none;
}
/* line 103, ../../../../../../../Users/Paupy/.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none;
}

/* line 32, ../../../../../../../Users/Paupy/.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
    border: none;
}

/* line 116, ../../../../../../../Users/Paupy/.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

/*********************
INIT
*********************/
/*
Document   : _common$
Created on : 13 nov. 2013, 12:27:33
Author     : Diplomatic Cover
Description:
Purpose of the stylesheet follows.
*/
/* line 66, src/desktop/styles/helpers/_helpers.scss */
.f-left {
    float: left;
}

/* line 69, src/desktop/styles/helpers/_helpers.scss */
.f-right {
    float: right;
}

/* line 73, src/desktop/styles/helpers/_helpers.scss */
.cf:before {
    content: "";
    display: table;
}

/* line 78, src/desktop/styles/helpers/_helpers.scss */
.cf:after {
    clear: both;
}

/* line 82, src/desktop/styles/helpers/_helpers.scss */
.cf {
    zoom: 1;
}

/*
Document   : _common$
Created on : 13 nov. 2013, 12:27:33
Author     : Diplomatic Cover
Description:
Purpose of the stylesheet follows.
*/
/* line 19, src/desktop/styles/base/_colors.scss */
.gold {
    color: #ffb511;
}

@font-face {
    font-family: 'GraphikRegular';
    src: url("../fonts/Graphik-Regular.eot");
    src: url("../fonts/Graphik-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Regular.woff") format("woff"), url("../fonts/Graphik-Regular.ttf") format("truetype");
    font-weight: 300;
}
@font-face {
    font-family: 'GraphikMedium';
    src: url("../fonts/Graphik-Medium.eot");
    src: url("../fonts/Graphik-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Medium.woff") format("woff"), url("../fonts/Graphik-Medium.ttf") format("truetype");
    font-weight: 400;
}
@font-face {
    font-family: 'GraphikBold';
    src: url("../fonts/Graphik-Bold.eot");
    src: url("../fonts/Graphik-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Bold.woff") format("woff"), url("../fonts/Graphik-Bold.ttf") format("truetype");
    font-weight: 700;
}
@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?ekabqn");
    src: url("../fonts/icomoon.eot?ekabqn#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?ekabqn") format("truetype"), url("../fonts/icomoon.woff?ekabqn") format("woff"), url("../fonts/icomoon.svg?ekabqn#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* line 46, src/desktop/styles/base/_fonts.scss */
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-x-twitter:before {
    content: "\e900";
}
.icon-video:before {
    content: "\e901";
}
.icon-ico-agence:before {
    content: "\e902";
}
.icon-ico-arrow-down:before {
    content: "\e903";
}
.icon-ico-arrow-right:before {
    content: "\e904";
}
.icon-ico-baseline:before {
    content: "\e905";
}
.icon-ico-birthday:before {
    content: "\e906";
}
.icon-ico-bourse-down:before {
    content: "\e907";
}
.icon-ico-bourse-egal:before {
    content: "\e908";
}
.icon-ico-bourse:before {
    content: "\e909";
}
.icon-ico-bourse-up:before {
    content: "\e90a";
}
.icon-ico-build:before {
    content: "\e90b";
}
.icon-ico-conseil:before {
    content: "\e90c";
}
.icon-ico-document:before {
    content: "\e90d";
}
.icon-ico-egalite:before {
    content: "\e917";
}
.icon-ico-euro:before {
    content: "\e90e";
}
.icon-ico-externalisation:before {
    content: "\e90f";
}
.icon-ico-flag:before {
    content: "\e910";
}
.icon-ico-formation:before {
    content: "\e911";
}
.icon-ico-france-full:before {
    content: "\e912";
}
.icon-ico-france:before {
    content: "\e913";
}
.icon-ico-group:before {
    content: "\e914";
}
.icon-ico-home:before {
    content: "\e915";
}
.icon-ico-linkedin:before {
    content: "\e916";
}
.icon-ico-logo:before {
    content: "\e918";
}
.icon-ico-people:before {
    content: "\e919";
}
.icon-ico-planet:before {
    content: "\e91a";
}
.icon-ico-play:before {
    content: "\e91b";
}
.icon-ico-point:before {
    content: "\e924";
}
.icon-ico-randstad:before {
    content: "\e91c";
}
.icon-ico-recrutement:before {
    content: "\e91d";
}
.icon-ico-resources:before {
    content: "\e91e";
}
.icon-ico-twitter:before {
    content: "\e91f";
}
.icon-ico-vedior:before {
    content: "\e920";
}
.icon-ico-close:before {
    content: "\e921";
}
.icon-ico-statement:before {
    content: "\e922";
}
.icon-ico-facebook:before {
    content: "\e923";
}
.icon-ico-file:before {
    content: "\e925";
}
.icon-ico-age:before {
    content: "\e926";
}
.icon-ico-gender:before {
    content: "\e927";
}
.icon-ico-handi:before {
    content: "\e928";
}
.icon-ico-religion:before {
    content: "\e929";
}
.icon-ico-bulb:before {
    content: "\e92a";
}
.icon-ico-video:before {
    content: "\e935";
}
.icon-ico-youtube:before {
    content: "\e92b";
}
.icon-ico-wen:before {
    content: "\e92c";
}
.icon-ico-chain-left:before {
    content: "\e92d";
}
.icon-ico-chain-right:before {
    content: "\e92e";
}
.icon-ico-euro-full:before {
    content: "\e92f";
}
.icon-ico-suitcase:before {
    content: "\e930";
}
.icon-arrow-right:before {
    content: "\e931";
}
.icon-plus:before {
    content: "\e932";
}
.icon-at:before {
    content: "\e933";
}
.icon-linkedin:before {
    content: "\e934";
}
.icon-ico-instagram:before {
    content: "\ea92";
}

/* line 279, src/desktop/styles/base/_fonts.scss */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* line 288, src/desktop/styles/base/_fonts.scss */
.icon-ico-site:before {
    content: "@";
    font-family: 'GraphikRegular';
    font-size: 24px;
    line-height: 24px;
}

/* line 1, src/desktop/styles/base/_buttons.scss */
.light-button {
    display: inline-block;
    height: 26px;
}
/* line 5, src/desktop/styles/base/_buttons.scss */
.light-button .text {
    margin-top: 8px;
    float: left;
    color: #2175d9;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 12px;
}
/* line 12, src/desktop/styles/base/_buttons.scss */
.light-button .ico {
    text-align: center;
    float: right;
    width: 18px;
    height: 26px;
    color: #2175d9;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    font-size: 8px;
    line-height: 26px;
    margin-top: 2px;
}

/* line 25, src/desktop/styles/base/_buttons.scss */
.button {
    display: inline-block;
}
/* line 27, src/desktop/styles/base/_buttons.scss */
.button a {
    display: block;
    padding: 20px 30px;
    border: 1px solid #2175d9;
    text-decoration: none;
    border-radius: 3px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 14px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 37, src/desktop/styles/base/_buttons.scss */
.button a .text {
    margin-top: 2px;
    display: inline-block;
    vertical-align: middle;
    color: #2175d9;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 45, src/desktop/styles/base/_buttons.scss */
.button a .icon-ico-arrow-right {
    display: inline-block;
    vertical-align: middle;
    margin-left: 22px;
    font-size: 10px;
    color: white;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 54, src/desktop/styles/base/_buttons.scss */
.button a:hover {
    background-color: #2175d9;
}
/* line 56, src/desktop/styles/base/_buttons.scss */
.button a:hover .text {
    color: white;
}
/* line 58, src/desktop/styles/base/_buttons.scss */
.button a:hover .icon-ico-arrow-right {
    color: #2175d9;
}
/* line 65, src/desktop/styles/base/_buttons.scss */
.button.white a {
    border-color: white;
}
/* line 68, src/desktop/styles/base/_buttons.scss */
.button.white a .text {
    color: white;
}
/* line 72, src/desktop/styles/base/_buttons.scss */
.button.white a:hover {
    border-color: white;
    background-color: white;
    color: ##0F1941;
}
/* line 76, src/deskop/styles/base/_buttons.scss */
.button.white a:hover .text {
    color: #0F1941;
}

/* line 84, src/desktop/styles/base/_buttons.scss */
.button-rect {
    position: relative;
    overflow: hidden;
    display: block;
    width: 300px;
    height: 60px;
    line-height: 58px;
    border: 1px solid #223f62;
    padding: 0 20px;
    text-decoration: none;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 96, src/desktop/styles/base/_buttons.scss */
.button-rect span {
    display: inline-block;
    vertical-align: middle;
    color: white;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 103, src/desktop/styles/base/_buttons.scss */
.button-rect .icon {
    width: 30px;
}
/* line 106, src/desktop/styles/base/_buttons.scss */
.button-rect .icon span {
    margin-top: -6px;
}
/* line 111, src/desktop/styles/base/_buttons.scss */
.button-rect .text {
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 16px;
    width: 74%;
    margin-top: 2px;
}
/* line 117, src/desktop/styles/base/_buttons.scss */
.button-rect .arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    visibility: visible;
    font-size: 12px;
}
/* line 125, src/desktop/styles/base/_buttons.scss */
.button-rect .arrow span {
    display: block;
}
/* line 130, src/desktop/styles/base/_buttons.scss */
.button-rect:hover {
    background-color: transparent !important;
}
/* line 134, src/desktop/styles/base/_buttons.scss */
.button-rect.media-contact {
    border-color: #223f62;
    background-color: #223f62;
}
/* line 138, src/desktop/styles/base/_buttons.scss */
.button-rect.media-contact .icon {
    font-family: 'GraphikRegular';
    font-size: 24px;
    line-height: 24px;
}
/* line 143, src/desktop/styles/base/_buttons.scss */
.button-rect.media-contact:hover span {
    color: #223f62 !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
}
/* line 150, src/desktop/styles/base/_buttons.scss */
.button-rect.in {
    border-color: #2175d9;
    background-color: #2175d9;
}
/* line 155, src/desktop/styles/base/_buttons.scss */
.button-rect.in:hover span {
    color: #2175d9 !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
}
/* line 162, src/desktop/styles/base/_buttons.scss */
.button-rect.in-slideshare {
    border-color: #bcbcbc;
    background-color: #bcbcbc;
}
/* line 167, src/desktop/styles/base/_buttons.scss */
.button-rect.in-slideshare:hover span {
    color: #bcbcbc !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
}
/* line 174, src/desktop/styles/base/_buttons.scss */
.button-rect.twitter {
    border-color: #55acee;
    background-color: #55acee;
}
/* line 179, src/desktop/styles/base/_buttons.scss */
.button-rect.twitter:hover span {
    color: #55acee !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
}

/* line 187, src/desktop/styles/base/_buttons.scss */
.button-line {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #232323;
    color: #232323;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 22px 10px 22px;
    background-color: transparent;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.05em;
    transition: all 0.2s ease-out;
    text-decoration: none;
}
/* line 202, src/desktop/styles/base/_buttons.scss */
.button-line span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}
/* line 207, src/desktop/styles/base/_buttons.scss */
.button-line span.text {
    padding-top: 3px;
    font-size: 14px;
}
/* line 212, src/desktop/styles/base/_buttons.scss */
.button-line span:first-child {
    margin-right: 20px;
}
/* line 217, src/desktop/styles/base/_buttons.scss */
.button-line:hover {
    background-color: #2175d9 !important;
    border-color: #2175d9;
    color: white;
}
/* line 223, src/desktop/styles/base/_buttons.scss */
.button-line.twitter {
    padding: 10px 22px;
}
/* line 226, src/desktop/styles/base/_buttons.scss */
.button-line.twitter span {
    font-size: 14px;
}
/* line 229, src/desktop/styles/base/_buttons.scss */
.button-line.twitter span.text {
    font-size: 12px !important;
}
/* line 233, src/desktop/styles/base/_buttons.scss */
.button-line.twitter span:first-child {
    margin-right: 10px;
}

/* BOX-SIZING */
/* line 2, src/desktop/styles/base/_base.scss */
* {
    box-sizing: border-box;
}

/* GRID */
/* line 10, src/desktop/styles/base/_base.scss */
.wrapper {
    margin: 0 auto;
    position: relative;
    padding: 0;
    width: 100%;
    max-width: 1600px;
}

/* line 18, src/desktop/styles/base/_base.scss */
.wrap {
    margin: 0 auto;
    position: relative;
    padding: 0;
    width: 100%;
    max-width: 1200px;
}

/* line 26, src/desktop/styles/base/_base.scss */
.fl {
    float: left;
}

/* line 30, src/desktop/styles/base/_base.scss */
.fr {
    float: right;
}

/* line 34, src/desktop/styles/base/_base.scss */
.cb {
    clear: both;
}

/* line 38, src/desktop/styles/base/_base.scss */
.d-table {
    display: table;
    width: 100%;
    height: 100%;
}

/* line 44, src/desktop/styles/base/_base.scss */
.d-cell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

/* ELEMENTS */
/* line 51, src/desktop/styles/base/_base.scss */
a:focus, a:active, input:focus {
    outline: none;
}

/* line 52, src/desktop/styles/base/_base.scss */
a, a img {
    border: none;
}

/* line 55, src/desktop/styles/base/_base.scss */
a img {
    display: block;
}

/* line 60, src/desktop/styles/base/_base.scss */
/*input:not([type="checkbox"]), input:not([type="radio"]) {
-webkit-appearance: none;
border-radius: 0;
}*/

/*********************
RESPONSIVE
*********************/
@media screen and (max-width: 1370px) {
/* line 70, src/desktop/styles/base/_base.scss */
.wrapper {
    max-width: 1370px;
}

/* line 74, src/desktop/styles/base/_base.scss */
.wrap {
    max-width: 970px;
}
}
/* line 80, src/desktop/styles/base/_base.scss */
.half-col {
    width: 50%;
}

/* line 84, src/desktop/styles/base/_base.scss */
.pl {
    padding-left: 40px;
}

/* line 87, src/desktop/styles/base/_base.scss */
.pl-medium {
    padding-left: 20px;
}

/* line 91, src/desktop/styles/base/_base.scss */
.col-40 {
    width: 42%;
}

/* line 94, src/desktop/styles/base/_base.scss */
.col-60 {
    width: 58%;
}

/* line 98, src/desktop/styles/base/_base.scss */
.pr-100 {
    padding-right: 100px;
}

/* line 101, src/desktop/styles/base/_base.scss */
.pl-100 {
    padding-left: 100px;
}

/* line 105, src/desktop/styles/base/_base.scss */
.full {
    display: block;
    width: 100%;
    height: auto;
}

/* line 109, src/desktop/styles/base/_base.scss */
.large-title {
    font-family: 'GraphikRegular';
    font-size: 60px;
    letter-spacing: -3px;
    line-height: 60px;
    color: #0f1841;
    margin-bottom: 20px;
}
/* line 113, src/desktop/styles/base/_base.scss */
.large-title.white {
    color: white;
}

/* line 117, src/desktop/styles/base/_base.scss */
.medium-title {
    font-family: 'GraphikRegular';
    font-size: 32px;
    line-height: 32px;
    color: #0f1841;
    margin-bottom: 20px;
}
/* line 121, src/desktop/styles/base/_base.scss */
.medium-title.white {
    color: white;
}
/* line 125, src/desktop/styles/base/_base.scss */
.medium-title.mb {
    margin-bottom: 5px;
}

/* line 130, src/desktop/styles/base/_base.scss */
.small-title {
    font-family: 'GraphikRegular';
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
}
/* line 133, src/desktop/styles/base/_base.scss */
.small-title.white {
    color: white;
}
/* line 136, src/desktop/styles/base/_base.scss */
.small-title.dark-blue {
    color: #0f1841;
}
/* line 140, src/desktop/styles/base/_base.scss */
.small-title.mb {
    margin-bottom: 5px;
}

/* line 145, src/desktop/styles/base/_base.scss */
.darker-blue {
    color: #0f1841;
}

/* line 149, src/desktop/styles/base/_base.scss */
.description {
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 22px;
}
/* line 151, src/desktop/styles/base/_base.scss */
.description.dark-blue {
    color: #0f1841;
}

/* line 156, src/desktop/styles/base/_base.scss */
.subtitle {
    margin-bottom: 30px;
    font-family: 'GraphikRegular';
    font-size: 18px;
    line-height: 22px;
}

/* line 162, src/desktop/styles/base/_base.scss */
.yellow {
    color: #ffb511;
}

/* line 165, src/desktop/styles/base/_base.scss */
.white {
    color: white;
}

/* line 168, src/desktop/styles/base/_base.scss */
.dark-blue {
    color: #0f1841;
}

/* line 171, src/desktop/styles/base/_base.scss */
.blue {
    color: #2175d9;
}

/* line 174, src/desktop/styles/base/_base.scss */
.red {
    color: #e74536;
}

/* Slider */
/* line 3, src/desktop/styles/helpers/_slick.scss */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

/* line 18, src/desktop/styles/helpers/_slick.scss */
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
/* line 25, src/desktop/styles/helpers/_slick.scss */
.slick-list:focus {
    outline: none;
}
/* line 29, src/desktop/styles/helpers/_slick.scss */
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

/* line 34, src/desktop/styles/helpers/_slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

/* line 43, src/desktop/styles/helpers/_slick.scss */
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
/* line 49, src/desktop/styles/helpers/_slick.scss */
.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}
/* line 55, src/desktop/styles/helpers/_slick.scss */
.slick-track:after {
    clear: both;
}
/* line 59, src/desktop/styles/helpers/_slick.scss */
.slick-loading .slick-track {
    visibility: hidden;
}

/* line 63, src/desktop/styles/helpers/_slick.scss */
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
/* line 67, src/desktop/styles/helpers/_slick.scss */
[dir="rtl"] .slick-slide {
    float: right;
}
/* line 70, src/desktop/styles/helpers/_slick.scss */
.slick-slide img {
    display: block;
}
/* line 73, src/desktop/styles/helpers/_slick.scss */
.slick-slide.slick-loading img {
    display: none;
}
/* line 79, src/desktop/styles/helpers/_slick.scss */
.slick-slide.dragging img {
    pointer-events: none;
}
/* line 83, src/desktop/styles/helpers/_slick.scss */
.slick-initialized .slick-slide {
    display: block;
}
/* line 87, src/desktop/styles/helpers/_slick.scss */
.slick-loading .slick-slide {
    visibility: hidden;
}
/* line 91, src/desktop/styles/helpers/_slick.scss */
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

/* line 97, src/desktop/styles/helpers/_slick.scss */
.slick-arrow.slick-hidden {
    display: none;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
/* line 2, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

/* line 20, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

/* line 27, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-skin {
    position: relative;
    background: white;
    color: #444;
    text-shadow: none;
/*	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
    border-radius: 4px;*/
}

/* line 37, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-opened {
    z-index: 8030;
}

/* line 41, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-opened .fancybox-skin {
/*	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);*/
}

/* line 47, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-outer, .fancybox-inner {
    position: relative;
}

/* line 51, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-inner {
    overflow: hidden;
}

/* line 55, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

/* line 59, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

/* line 67, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

/* line 73, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

/* line 78, src/desktop/styles/helpers/_jquery.fancybox.scss */
#fancybox-loading, .fancybox-prev span, .fancybox-next span {
    background-image: url("../images/common/fancybox_sprite.png");
}

/* line 82, src/desktop/styles/helpers/_jquery.fancybox.scss */
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

/* line 94, src/desktop/styles/helpers/_jquery.fancybox.scss */
#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url("../images/common/fancybox_loading.gif") center center no-repeat;
}

/* line 100, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-close {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    font-size: 18px;
    text-align: center;
    color: #a3a3a3;
    text-decoration: none;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-top: 10px;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 122, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-close:hover {
    color: #2175d9;
}
/* line 126, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-close:before {
    content: "\e921";
}

/* line 133, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("../images/common/blank.gif");
/* helps IE */
-webkit-tap-highlight-color: transparent;
z-index: 8040;
}

/* line 145, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-prev {
    left: 0;
}

/* line 149, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-next {
    right: 0;
}

/* line 153, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

/* line 164, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

/* line 169, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

/* line 174, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-nav:hover span {
    visibility: visible;
}

/* line 178, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */
/* line 190, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

/* line 195, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-lock body {
    overflow: hidden !important;
}

/* line 199, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-lock-test {
    overflow-y: hidden !important;
}

/* line 203, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url("../images/common/fancybox_overlay.png");
}

/* line 213, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

/* line 219, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */
/* line 226, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

/* line 234, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-opened .fancybox-title {
    visibility: visible;
}

/* line 238, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

/* line 247, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
/* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}

/* line 263, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

/* line 269, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-title-inside-wrap {
    padding-top: 10px;
}

/* line 273, src/desktop/styles/helpers/_jquery.fancybox.scss */
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
/* line 288, src/desktop/styles/helpers/_jquery.fancybox.scss */
#fancybox-loading, .fancybox-prev span, .fancybox-next span {
    background-image: url("../images/common/fancybox_sprite@2x.png");
    background-size: 44px 152px;
/*The size of the normal image, half the size of the hi-res image*/
}

/* line 293, src/desktop/styles/helpers/_jquery.fancybox.scss */
#fancybox-loading div {
    background-image: url("../images/common/fancybox_loading@2x.gif");
    background-size: 24px 24px;
/*The size of the normal image, half the size of the hi-res image*/
}
}
/*********************
APP
*********************/
/* line 22, src/desktop/styles/main.scss */
html {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
}

/* line 28, src/desktop/styles/main.scss */
body {
    background-color: white;
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 22px;
    color: #0F1941;
    min-height: 100%;
    position: relative;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

/* line 37, src/desktop/styles/main.scss */
#site {
    position: fixed;
    overflow: hidden;
    min-height: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}

/* line 44, src/desktop/styles/main.scss */
#main-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 100%;
}

/* line 52, src/desktop/styles/main.scss */
.fancybox-type-iframe .fancybox-inner {
    overflow: hidden !important;
}

/* line 57, src/desktop/styles/main.scss */
#flip {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #223f62;
    top: 0;
    left: 0;
    z-index: 10000000;
    color: white;
    font-family: 'GraphikRegular';
    font-size: 22px;
    line-height: 28px;
    padding: 0 40px;
    text-align: center;
}
/* line 71, src/desktop/styles/main.scss */
#flip .legend {
    font-family: 'GraphikRegular';
    font-size: 18px;
    line-height: 24px;
    font-style: italic;
}

@media screen and (max-width: 1000px) {
/* line 79, src/desktop/styles/main.scss */
#flip {
    display: block;
}
}
/*********************
HEADER
*********************/
/* line 1, src/desktop/styles/layout/_header.scss */
#header {
    height: 130px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
/* line 8, src/desktop/styles/layout/_header.scss */
#header .top {
    padding: 32px 0 0 0;
    border-bottom: 1px solid white;
}
/* line 11, src/desktop/styles/layout/_header.scss */
#header .top .right {
    margin-top: 6px;
    text-align: right;
    padding-right: 12px;
}
/* line 16, src/desktop/styles/layout/_header.scss */
#header .top .right .baseline {
    display: inline-block;
    vertical-align: middle;
    color: #2175d9;
    font-size: 16px;
    margin-top: 2px;
}
/* line 23, src/desktop/styles/layout/_header.scss */
#header .top .right .baseline span {
    display: block;
}
/* line 30, src/desktop/styles/layout/_header.scss */
#header .bottom .euronext {
    color: white;
    font-size: 10px;
    margin-top: 10px;
    margin-right: 30px;
    text-transform: uppercase;
    line-height: 10px;
    text-align: right;
}
/* line 39, src/desktop/styles/layout/_header.scss */
#header .bottom .euronext .icon-ico-bourse-up {
    color: #93cf58;
}
/* line 42, src/desktop/styles/layout/_header.scss */
#header .bottom .euronext .icon-ico-bourse-down {
    color: red;
}

/* line 49, src/desktop/styles/layout/_header.scss */
#logo-randstad {
    font-size: 31px;
    margin-right: 50px;
}
/* line 52, src/desktop/styles/layout/_header.scss */
#logo-randstad a {
    color: white;
    text-decoration: none;
}

/* line 59, src/desktop/styles/layout/_header.scss */
body.home #header .home a {
    color: #d8dadb !important;
}
/* line 62, src/desktop/styles/layout/_header.scss */
body.home #header .home a:after {
    width: 100% !important;
}

/* line 71, src/desktop/styles/layout/_header.scss */
body.page-template-tpl-groupe #header .menu1 a {
    color: #d8dadb !important;
}
/* line 74, src/desktop/styles/layout/_header.scss */
body.page-template-tpl-groupe #header .menu1 a:after {
    width: 100% !important;
}

/* line 83, src/desktop/styles/layout/_header.scss */
body.page-template-tpl-activites #header .menu2 a {
    color: #d8dadb !important;
}
/* line 86, src/desktop/styles/layout/_header.scss */
body.page-template-tpl-activites #header .menu2 a:after {
    width: 100% !important;
}

/* line 95, src/desktop/styles/layout/_header.scss */
body.page-template-tpl-medias #header .menu3 a, body.single #header .menu3 a {
    color: #d8dadb !important;
}
/* line 98, src/desktop/styles/layout/_header.scss */
body.page-template-tpl-medias #header .menu3 a:after, body.single #header .menu3 a:after {
    width: 100% !important;
}

/* line 107, src/desktop/styles/layout/_header.scss */
body.page-template-tpl-rse #header .menu4 a {
    color: #d8dadb !important;
}
/* line 110, src/desktop/styles/layout/_header.scss */
body.page-template-tpl-rse #header .menu4 a:after {
    width: 100% !important;
}

/* line 119, src/desktop/styles/layout/_header.scss */
body.page-template-tpl-institut #header .menu5 a {
    color: #d8dadb !important;
}
/* line 122, src/desktop/styles/layout/_header.scss */
body.page-template-tpl-institut #header .menu5 a:after {
    width: 100% !important;
}

/* line 131, src/desktop/styles/layout/_header.scss */
body.page-template-tpl-talents #header .menu6 a {
    color: #d8dadb !important;
}
/* line 134, src/desktop/styles/layout/_header.scss */
body.page-template-tpl-talents #header .menu6 a:after {
    width: 100% !important;
}

/* line 143, src/desktop/styles/layout/_header.scss */
body.page-template-tpl-tech-and-touch #header .menu7 a {
    color: #d8dadb !important;
}
/* line 146, src/desktop/styles/layout/_header.scss */
body.page-template-tpl-tech-and-touch #header .menu7 a:after {
    width: 100% !important;
}

/* line 155, src/desktop/styles/layout/_header.scss */
body.page-template-tpl-ausy #header .menu8 a {
    color: #d8dadb !important;
}
/* line 158, src/desktop/styles/layout/_header.scss */
body.page-template-tpl-ausy #header .menu8 a:after {
    width: 100% !important;
}

/* line 166, src/desktop/styles/layout/_header.scss */
.open-layer #site {
    height: 100vh;
    overflow-y: hidden;
}

/* line 172, src/desktop/styles/layout/_header.scss */
#site:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #131313;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 184, src/desktop/styles/layout/_header.scss */
.open-layer #site:before {
    opacity: .85;
    visibility: visible;
}

/* line 190, src/desktop/styles/layout/_header.scss */
.trigger-btn {
    position: absolute;
    top: 35px;
    right: 20px;
    z-index: 50;
    display: block;
    border: 1px solid white;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    cursor: pointer;
    transition: border 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    color: white;
    text-align: center;
    padding: 0 10px;
    font-size: 15px;
}

.trigger-btn:hover
{
    color: #2175d9;
}

/* line 207, src/desktop/styles/layout/_header.scss */
.open-layer .trigger-btn .icon-container {
    transform: rotate(45deg);
}
/* line 212, src/desktop/styles/layout/_header.scss */
.trigger-btn .icon-container {
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 12px;
    left: 12px;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 220, src/desktop/styles/layout/_header.scss */
.open-layer .trigger-btn .icon-container {
    transform: rotate(45deg);
}
/* line 224, src/desktop/styles/layout/_header.scss */
.trigger-btn .icon-container span:before, .trigger-btn .icon-container span:after {
    content: '';
    display: block;
    background: white;
    position: absolute;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 231, src/desktop/styles/layout/_header.scss */
.trigger-btn .icon-container span:before {
    height: 1px;
    width: 15px;
    top: 7px;
    left: 0;
}
/* line 237, src/desktop/styles/layout/_header.scss */
.trigger-btn .icon-container span:after {
    width: 1px;
    height: 15px;
    left: 7px;
    top: 0;
}
/* line 246, src/desktop/styles/layout/_header.scss */
.trigger-btn:hover {
    border: 1px solid #2175d9;
}
/* line 249, src/desktop/styles/layout/_header.scss */
.trigger-btn:hover .icon-container span:before, .trigger-btn:hover .icon-container span:after {
    background: #2175d9;
}
/* line 254, src/desktop/styles/layout/_header.scss */
.open-layer .trigger-btn {
    border: 1px solid #2175d9;
    background-color: white;
    color: #2175d9;
}
/* line 257, src/desktop/styles/layout/_header.scss */
.open-layer .trigger-btn .icon-container span:before, .open-layer .trigger-btn .icon-container span:after {
    background: #2175d9;
}

/* line 264, src/desktop/styles/layout/_header.scss */
.layer-brand {
    position: fixed;
    background: #2175d9;
    height: 410px;
    padding-top: 130px;
    width: 100%;
    top: -130px;
    left: 0;
    z-index: 11;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translate3d(0, -330px, 0);
    opacity: 0;
}
/* line 279, src/desktop/styles/layout/_header.scss */
.open-layer .layer-brand {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    top: 0;
}
/* line 284, src/desktop/styles/layout/_header.scss */
.layer-brand .large-title {
    font-size: 32px;
    line-height: 32px;
    padding-left: 20px;
}
/* line 290, src/desktop/styles/layout/_header.scss */
.layer-brand .f-left {
    width: 33%;
}
/* line 293, src/desktop/styles/layout/_header.scss */
.layer-brand .f-right {
    width: 67%;
}
/* line 296, src/desktop/styles/layout/_header.scss */
.layer-brand ul {
    padding-top: 0;
    margin-top: 0;
}
/* line 300, src/desktop/styles/layout/_header.scss */
.layer-brand li {
    float: left;
    width: 50%;
    line-height: 33px;
}

.inner-layer-brand li
{
    float: none;
    width: 100%;
}
/* line 305, src/desktop/styles/layout/_header.scss */
.layer-brand a {
    color: white;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 311, src/desktop/styles/layout/_header.scss */
.layer-brand a:hover {
    opacity: 0.8;
}

/*********************
RESPONSIVE
*********************/
@media screen and (max-width: 1370px) {
/* line 322, src/desktop/styles/layout/_header.scss */
#logo-randstad {
    padding-left: 0;
    margin-right: 30px;
}

/* line 326, src/desktop/styles/layout/_header.scss */
#header .menu ul li {
    margin-right: 25px;
}

/* line 329, src/desktop/styles/layout/_header.scss */
.trigger-btn {
    right: 0;
}
}
/*********************
MENUS
*********************/
/* line 5, src/desktop/styles/layout/_menu.scss */
.menu ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 35px;
}
/* line 10, src/desktop/styles/layout/_menu.scss */
.menu ul li:last-child {
    margin-right: 0;
}
/* line 15, src/desktop/styles/layout/_menu.scss */
#header .menu ul li a {
    padding-top: 19px;
    height: 68px;
}
/* line 22, src/desktop/styles/layout/_menu.scss */
#footer .menu ul li a, .submenu .menu ul li a {
    padding-bottom: 5px;
}
/* line 24, src/desktop/styles/layout/_menu.scss */
#footer .menu ul li a:after, .submenu .menu ul li a:after {
    height: 1px;
}
/* line 30, src/desktop/styles/layout/_menu.scss */
.menu ul li a {
    position: relative;
    display: block;
    color: white;
    font-family: 'GraphikRegular';
    font-size: 15px;
    line-height: 15px;
    text-decoration: none;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 38, src/desktop/styles/layout/_menu.scss */
.menu ul li a.gold {
    color: #ffb511;
}
/* line 42, src/desktop/styles/layout/_menu.scss */
.menu ul li a:after {
    content: "";
    position: absolute;
    width: 0;
    max-width: 100%;
    height: 2px;
    background-color: white;
    bottom: 0;
    left: 0;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 54, src/desktop/styles/layout/_menu.scss */
.menu ul li a:hover, .menu ul li a .current {
    color: #d8dadb;
}
/* line 57, src/desktop/styles/layout/_menu.scss */
.menu ul li a:hover:after, .menu ul li a .current:after {
    width: 100%;
}
/* line 65, src/desktop/styles/layout/_menu.scss */
.menu .right {
    font-size: 12px;
    line-height: 60px;
    padding-right: 14px;
}
/* line 70, src/desktop/styles/layout/_menu.scss */
.menu .right strong {
    color: #2175d9;
}
/* line 74, src/desktop/styles/layout/_menu.scss */
.menu .right .icon-ico-bourse-down {
    font-size: 8px;
    display: inline-block;
    vertical-align: middle;
    color: red;
    margin-top: -2px;
}
/* line 81, src/desktop/styles/layout/_menu.scss */
.menu .right .icon-ico-bourse-egal {
    font-size: 8px;
    display: inline-block;
    vertical-align: middle;
    color: orange;
    margin-top: -2px;
}
/* line 88, src/desktop/styles/layout/_menu.scss */
.menu .right .icon-ico-bourse-up {
    font-size: 8px;
    display: inline-block;
    vertical-align: middle;
    color: green;
    margin-top: -2px;
}

/* line 98, src/desktop/styles/layout/_menu.scss */
.submenu {
    background: #0f1841;
    min-height: 40px;
}
/* line 101, src/desktop/styles/layout/_menu.scss */
.submenu ul {
    line-height: 10px;
}

/*********************
FOOTER
*********************/
/* line 1, src/desktop/styles/layout/_footer.scss */
#footer {
    background-color: #0f1841;
    position: relative;
    padding: 50px 0;
}
/* line 6, src/desktop/styles/layout/_footer.scss */
#footer .wrap {
    height: 100%;
}
/* line 10, src/desktop/styles/layout/_footer.scss */
#footer a {
    text-decoration: none;
}
/* line 13, src/desktop/styles/layout/_footer.scss */
#footer a span {
    display: block;
}
/* line 18, src/desktop/styles/layout/_footer.scss */
#footer .left {
    padding-left: 20px;
}
/* line 22, src/desktop/styles/layout/_footer.scss */
#footer .f-right {
    text-align: right;
}
/* line 25, src/desktop/styles/layout/_footer.scss */
#footer .f-right .legend {
    color: #2175d9;
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 16px;
}

/* line 32, src/desktop/styles/layout/_footer.scss */
.footer-top {
    margin-bottom: 30px;
}

/* line 36, src/desktop/styles/layout/_footer.scss */
.socials {
    display: inline-block;
    vertical-align: middle;
}
/* line 42, src/desktop/styles/layout/_footer.scss */
.socials ul li {
    display: inline-block;
    vertical-align: middle;
}
/* line 45, src/desktop/styles/layout/_footer.scss */
.socials ul li a {
    width: 45px;
    text-align: center;
    line-height: 30px;
    display: block;
    text-decoration: none;
    color: white;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 54, src/desktop/styles/layout/_footer.scss */
.socials ul li a span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: white;
}
/* line 61, src/desktop/styles/layout/_footer.scss */
.socials ul li a:hover {
    transform: translate3d(0, -5px, 0);
}
/* line 63, src/desktop/styles/layout/_footer.scss */
.socials ul li a:hover span {
    color: white;
}
/* line 69, src/desktop/styles/layout/_footer.scss */
.socials ul li:first-child {
    margin-left: 0;
}

/* line 76, src/desktop/styles/layout/_footer.scss */
.credits-legals {
    color: white;
    padding-top: 4px;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 12px;
}
/* line 80, src/desktop/styles/layout/_footer.scss */
.credits-legals p a {
    color: white;
    font-size: 12px;
    display: inline-block;
    opacity: .4;
}
/* line 85, src/desktop/styles/layout/_footer.scss */
.credits-legals p a:hover {
    opacity: 1;
}
/* line 89, src/desktop/styles/layout/_footer.scss */
.credits-legals .separator {
    height: 9px;
    width: 1px;
    margin: 0 6px;
    background: white;
    opacity: .4;
    display: inline-block;
}

/*********************
PAGE
*********************/
/*********************
TEMPLATE
*********************/
/* line 4, src/desktop/styles/layout/_page.scss */
.introduction-desc {
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 22px;
    max-width: 460px;
}
/* line 9, src/desktop/styles/layout/_page.scss */
.introduction-desc.white {
    color: white;
}

/* line 13, src/desktop/styles/layout/_page.scss */
#introduction {
    background-color: #223f62;
    background-position: center center;
    background-repeat: no-repeat;
    height: 450px;
}
/* line 19, src/desktop/styles/layout/_page.scss */
#introduction .large-title {
    max-width: 620px;
}
/* line 23, src/desktop/styles/layout/_page.scss */
#introduction .medium-title {
    max-width: 620px;
    line-height: 36px;
}
/* line 28, src/desktop/styles/layout/_page.scss */
#introduction .wrap {
    padding-top: 150px;
    height: 100%;
}
/* line 33, src/desktop/styles/layout/_page.scss */
#introduction .bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 80px;
    overflow: hidden;
}
/* line 42, src/desktop/styles/layout/_page.scss */
#introduction .bottom .push-item {
    width: calc(100% / 6);
    height: 80px;
    float: left;
}
/* line 48, src/desktop/styles/layout/_page.scss */
#introduction .bottom .push-item:first-child a {
    border-left: none;
}
/* line 53, src/desktop/styles/layout/_page.scss */
#introduction .bottom .push-item a {
    position: relative;
    display: block;
    border-left: 1px solid #d0d0d0;
    background-color: white;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #2175d9;
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 20px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    overflow: hidden;
}
/* line 66, src/desktop/styles/layout/_page.scss */
#introduction .bottom .push-item a .inner {
    position: absolute;
    padding: 0;
    width: 100%;
    left: 0;
    bottom: 20px;
}
/* line 74, src/desktop/styles/layout/_page.scss */
#introduction .bottom .push-item a .left {
    width: 150px;
    padding-left: 20px;
}
/* line 79, src/desktop/styles/layout/_page.scss */
#introduction .bottom .push-item a .right {
    position: absolute;
    right: 20px;
    bottom: 6px;
}
/* line 84, src/desktop/styles/layout/_page.scss */
#introduction .bottom .push-item a .right span {
    font-size: 6px;
    color: white;
    display: block;
}
/* line 91, src/desktop/styles/layout/_page.scss */
#introduction .bottom .push-item a:hover, #introduction .bottom .push-item a.current {
    background-color: #2175d9;
    color: white;
    border-color: #2175d9;
}

/* line 103, src/desktop/styles/layout/_page.scss */
#page .wrap {
    height: 100%;
}
/* line 107, src/desktop/styles/layout/_page.scss */
#page #content {
    background-color: #f4f4f4;
    padding: 40px 0;
}
/* line 112, src/desktop/styles/layout/_page.scss */
#page #post {
    padding: 40px;
    background-color: white;
}
/* line 116, src/desktop/styles/layout/_page.scss */
#page #post .content {
    margin-top: 20px;
}

/*********************
TWITTER FEED
*********************/
/* line 125, src/desktop/styles/layout/_page.scss */
.twitter-feed {
    position: relative;
}
/* line 129, src/desktop/styles/layout/_page.scss */
.twitter-feed .twitter-item {
    background-color: white;
    border: 1px solid #f6f6f6;
    width: calc(100% / 4);
    min-width: 300px;
    padding: 20px;
}
/* line 138, src/desktop/styles/layout/_page.scss */
.twitter-feed .twitter-item .head .thumb {
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    background-color: #ececec;
    overflow: hidden;
    border: 1px solid #ececec;
}
/* line 147, src/desktop/styles/layout/_page.scss */
.twitter-feed .twitter-item .head .thumb img {
    position: absolute;
    width: 100%;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/* line 159, src/desktop/styles/layout/_page.scss */
.twitter-feed .twitter-item .head .infos {
    float: left;
    padding-left: 20px;
    width: calc(100% - 40px);
    height: 40px;
}
/* line 165, src/desktop/styles/layout/_page.scss */
.twitter-feed .twitter-item .head .infos .name {
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 14px;
    color: #232323;
}
/* line 170, src/desktop/styles/layout/_page.scss */
.twitter-feed .twitter-item .head .infos .legend {
    margin-top: 4px;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 12px;
    color: #8a8a8a;
}
/* line 175, src/desktop/styles/layout/_page.scss */
.twitter-feed .twitter-item .head .infos .legend a {
    color: #8a8a8a;
    text-decoration: none;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 180, src/desktop/styles/layout/_page.scss */
.twitter-feed .twitter-item .head .infos .legend a:hover {
    color: #2175d9;
}
/* line 188, src/desktop/styles/layout/_page.scss */
.twitter-feed .twitter-item .content {
    margin-top: 20px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 18px;
    color: #232323;
}
/* line 193, src/desktop/styles/layout/_page.scss */
.twitter-feed .twitter-item .content a {
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 18px;
    color: #2175d9;
    text-decoration: none;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 199, src/desktop/styles/layout/_page.scss */
.twitter-feed .twitter-item .content a:hover {
    color: #223f62;
}
/* line 205, src/desktop/styles/layout/_page.scss */
.twitter-feed .twitter-item .content-img {
    margin-top: 20px;
    width: 100%;
}
/* line 209, src/desktop/styles/layout/_page.scss */
.twitter-feed .twitter-item .content-img img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

/*********************
FILTER
*********************/
/* line 221, src/desktop/styles/layout/_page.scss */
#filters {
    height: 120px;
    background-color: white;
}
/* line 225, src/desktop/styles/layout/_page.scss */
#filters .left {
    float: left;
    height: 100%;
    width: calc(100% - 400px);
}
/* line 231, src/desktop/styles/layout/_page.scss */
#filters .right {
    float: left;
    height: 100%;
    width: 400px;
    text-align: right;
}
/* line 238, src/desktop/styles/layout/_page.scss */
#filters .legend {
    display: inline-block;
    vertical-align: middle;
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 16px;
    color: #778496;
    margin-right: 16px;
}
/* line 246, src/desktop/styles/layout/_page.scss */
#filters ul {
    margin: 0 !important;
    display: inline-block;
    vertical-align: middle;
}
/* line 251, src/desktop/styles/layout/_page.scss */
#filters ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px;
}
/* line 256, src/desktop/styles/layout/_page.scss */
#filters ul li:first-child {
    margin-left: 0;
}
/* line 260, src/desktop/styles/layout/_page.scss */
#filters ul li a {
    display: block;
    padding: 8px 20px 10px 20px;
    color: #2175d9;
    text-decoration: none;
    border-radius: 3px;
    border: 1px solid #2175d9;
    text-align: center;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 270, src/desktop/styles/layout/_page.scss */
#filters ul li a .text {
    display: inline-block;
    vertical-align: middle;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 14px;
    min-width: 30px;
}
/* line 277, src/desktop/styles/layout/_page.scss */
#filters ul li a .ico {
    font-size: 6px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px;
}
/* line 283, src/desktop/styles/layout/_page.scss */
#filters ul li a .ico span {
    display: block;
}
/* line 288, src/desktop/styles/layout/_page.scss */
#filters ul li a:hover {
    background-color: #2175d9;
    color: white;
}
/* line 295, src/desktop/styles/layout/_page.scss */
#filters ul li.current a {
    background-color: #2175d9;
    color: white;
}
/* line 304, src/desktop/styles/layout/_page.scss */
#filters .list-btn li {
    display: inline-block;
}
/* line 309, src/desktop/styles/layout/_page.scss */
#filters .media-contact, #filters .in, #filters .twitter {
    width: 42px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    max-height: 42px;
    line-height: 28px;
}
/* line 316, src/desktop/styles/layout/_page.scss */
#filters .media-contact .icon, #filters .in .icon, #filters .twitter .icon {
    top: 3px;
}
/* line 321, src/desktop/styles/layout/_page.scss */
#filters .bt-archives {
    position: relative;
    width: 100px;
    height: 42px;
    border: 1px solid #2175d9;
    border-radius: 2px;
    cursor: pointer;
}
/* line 330, src/desktop/styles/layout/_page.scss */
#filters .bt-archives .ico {
    position: absolute;
    top: 10px;
    right: 13px;
    font-size: 8px;
    color: #2175d9;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 339, src/desktop/styles/layout/_page.scss */
#filters .bt-archives select {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #2175d9;
    background: none;
    border: none;
    outline: none;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 42px;
    text-indent: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: '';
}
/* line 360, src/desktop/styles/layout/_page.scss */
#filters .bt-archives:hover .ico {
    transform: translateY(3px);
}
/* line 366, src/desktop/styles/layout/_page.scss */
#filters .bt-search {
    display: none !important;
}
/* line 369, src/desktop/styles/layout/_page.scss */
#filters .bt-search a {
    max-height: 42px;
    padding: 12px 20px 8px 20px !important;
}

/*********************
NEW POST LIST
*********************/
/* line 379, src/desktop/styles/layout/_page.scss */
.media-new-item {
    background-color: white;
    margin-top: 20px;
}
/* line 383, src/desktop/styles/layout/_page.scss */
.media-new-item:first-child {
    margin-top: 0;
}
/* line 387, src/desktop/styles/layout/_page.scss */
.media-new-item a {
    padding: 20px;
    text-decoration: none;
    position: relative;
    display: block;
}
/* line 394, src/desktop/styles/layout/_page.scss */
.media-new-item a:hover .over {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
}
/* line 401, src/desktop/styles/layout/_page.scss */
.media-new-item:hover .ico {
    transform: translateX(3px);
}
/* line 405, src/desktop/styles/layout/_page.scss */
.media-new-item .left {
    float: left;
    width: 90px;
    position: relative;
    overflow: hidden;
    background-color: #d8dadb;
}
/* line 413, src/desktop/styles/layout/_page.scss */
.media-new-item .left img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 100%;
}
/* line 420, src/desktop/styles/layout/_page.scss */
.media-new-item .left .over {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 102, 204, 0.8);
    z-index: 10;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 432, src/desktop/styles/layout/_page.scss */
.media-new-item .left .over .text {
    display: inline-block;
    padding: 14px 32px;
    border: 1px solid white;
    text-decoration: none;
    border-radius: 3px;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 12px;
    color: white;
}
/* line 444, src/desktop/styles/layout/_page.scss */
.media-new-item .right {
    position: relative;
    float: left;
    padding-left: 20px;
    width: calc(100% - 90px);
}
/* line 451, src/desktop/styles/layout/_page.scss */
.media-new-item .right .date {
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 12px;
    color: #2175d9;
    text-transform: uppercase;
}
/* line 457, src/desktop/styles/layout/_page.scss */
.media-new-item .right .title {
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 20px;
    color: #232323;
    margin-top: 10px;
}
/* line 463, src/desktop/styles/layout/_page.scss */
.media-new-item .right .description {
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 16px;
    color: #232323;
    margin-top: 14px;
}
/* line 469, src/desktop/styles/layout/_page.scss */
.media-new-item .right .light-button {
    margin-top: 10px;
/*position: absolute;
bottom: 0;
left: 0;*/
}
/* line 480, src/desktop/styles/layout/_page.scss */
.media-new-item.right .right {
    padding-left: 0;
    padding-right: 20px;
}
/* line 484, src/desktop/styles/layout/_page.scss */
.media-new-item.right .right .light-button {
    padding-left: 0;
    padding-right: 20px;
}

/*********************
TEXT CONTENT
*********************/
/* line 495, src/desktop/styles/layout/_page.scss */
.post-content {
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 20px;
    color: #0f1841;
}
/* line 500, src/desktop/styles/layout/_page.scss */
.post-content .content:after {
    content: "";
    display: table;
    clear: both;
}
/* line 507, src/desktop/styles/layout/_page.scss */
.post-content strong {
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 20px;
}
/* line 511, src/desktop/styles/layout/_page.scss */
.post-content em {
    font-style: italic;
}
/* line 515, src/desktop/styles/layout/_page.scss */
.post-content .date {
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 12px;
    color: #2175d9;
    text-transform: uppercase;
}
/* line 521, src/desktop/styles/layout/_page.scss */
.post-content .title {
    font-family: 'GraphikRegular';
    font-size: 30px;
    line-height: 36px;
    color: #0f1841;
}
/* line 526, src/desktop/styles/layout/_page.scss */
.post-content img {
    display: block;
    max-width: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}
/* line 534, src/desktop/styles/layout/_page.scss */
.post-content img:first-child {
    margin-top: 0 !important;
}
/* line 539, src/desktop/styles/layout/_page.scss */
.post-content iframe, .post-content embed, .post-content object {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* line 556, src/desktop/styles/layout/_page.scss */
.post-content h4 {
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 20px;
    color: #2175d9;
}
/* line 563, src/desktop/styles/layout/_page.scss */
.post-content ol li, .post-content ul li {
    margin-top: 8px;
}
/* line 566, src/desktop/styles/layout/_page.scss */
.post-content ol li:first-child, .post-content ul li:first-child {
    margin-top: 0;
}
/* line 570, src/desktop/styles/layout/_page.scss */
.post-content ol li a, .post-content ul li a {
    color: #2175d9;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 20px;
    position: relative;
    text-decoration: none;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 577, src/desktop/styles/layout/_page.scss */
.post-content ol li a:hover, .post-content ul li a:hover {
    color: #223f62;
}
/* line 584, src/desktop/styles/layout/_page.scss */
.post-content a {
    color: #2175d9;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 20px;
    position: relative;
    text-decoration: none;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 591, src/desktop/styles/layout/_page.scss */
.post-content a:hover {
    color: #223f62;
}
/* line 596, src/desktop/styles/layout/_page.scss */
.post-content img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}
/* line 597, src/desktop/styles/layout/_page.scss */
.post-content img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}
/* line 598, src/desktop/styles/layout/_page.scss */
.post-content img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* line 599, src/desktop/styles/layout/_page.scss */
.post-content a img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}
/* line 600, src/desktop/styles/layout/_page.scss */
.post-content a img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}
/* line 601, src/desktop/styles/layout/_page.scss */
.post-content a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* line 604, src/desktop/styles/layout/_page.scss */
.fancybox-media {
    display: block;
    position: relative;
}
/* line 608, src/desktop/styles/layout/_page.scss */
.fancybox-media .thumb {
    width: 100%;
    height: 100%;
}
/* line 612, src/desktop/styles/layout/_page.scss */
.fancybox-media .thumb img {
    width: 100%;
    height: 100%;
}
/* line 618, src/desktop/styles/layout/_page.scss */
.fancybox-media .over {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: rgba(35, 35, 35, 0.7);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 1;
    text-align: center;
    line-height: 70px;
    color: white;
    font-size: 24px;
    padding-left: 6px;
    padding-top: 2px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.play {
    right: 30% !important;
    bottom: 30% !important;
}

/* line 638, src/desktop/styles/layout/_page.scss */
.normal-section {
    padding: 80px 0 130px 0;
}

/* line 642, src/desktop/styles/layout/_page.scss */
.content {
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 22px;
    color: #0f1841;
}
/* line 646, src/desktop/styles/layout/_page.scss */
.content p {
    margin-bottom: 20px;
}
/* line 648, src/desktop/styles/layout/_page.scss */
.content p.high {
    font-size: 16px;
}
/* line 656, src/desktop/styles/layout/_page.scss */
.content.white {
    color: white;
}
/* line 659, src/desktop/styles/layout/_page.scss */
.content.mb-50 {
    margin-bottom: 50px;
}

/* line 664, src/desktop/styles/layout/_page.scss */
.small-section {
    padding: 100px 0;
}

/* line 668, src/desktop/styles/layout/_page.scss */
.pl-small {
    padding-left: 10px;
}

/* line 671, src/desktop/styles/layout/_page.scss */
.pl-medium {
    padding-left: 20px;
}

/* line 698, src/desktop/styles/layout/_page.scss */
ul:first-child {
    margin-top: 0 !important;
}

/* line 703, src/desktop/styles/layout/_page.scss */
span.blue {
    color: #2175d9;
}

/*********************
RESPONSIVE
*********************/
@media screen and (max-width: 1370px) {
/* line 718, src/desktop/styles/layout/_page.scss */
#introduction .bottom .push-item a {
    font-size: 14px;
    line-height: 16px;
}
/* line 722, src/desktop/styles/layout/_page.scss */
#introduction .bottom .push-item a .left {
    width: 120px;
}
}
/*********************
HOME
*********************/
/* line 1, src/desktop/styles/pages/_home.scss */
#home {
/*********************
RESPONSIVE
*********************/
}
/* line 3, src/desktop/styles/pages/_home.scss */
#home #introduction {
    position: relative;
    height: auto !important;
}
/* line 7, src/desktop/styles/pages/_home.scss */
#home #introduction .wrap {
    padding-top: 0 !important;
}
/* line 11, src/desktop/styles/pages/_home.scss */
#home #introduction .slider-intro {
    height: 200px;
    background: #0f1841;
    color: #00D7FF;
    font-size: 16px;
}
/* line 17, src/desktop/styles/pages/_home.scss */
#home #introduction .slider-intro .d-cell {
    position: relative;
}
/* line 21, src/desktop/styles/pages/_home.scss */
#home #introduction .slider-intro .large-title {
    color: #00D7FF;
    margin-bottom: 20px;
    display: block;
}
/* line 27, src/desktop/styles/pages/_home.scss */
#home #introduction .slider-intro .button {
    position: absolute;
    right: 0;
    bottom: 54px;
}
/* line 34, src/desktop/styles/pages/_home.scss */
#home #introduction #slider {
    position: relative;
    overflow: hidden;
    height: 700px;
    width: 100%;
    background-color: #0f1841;
}
/* line 41, src/desktop/styles/pages/_home.scss */
#home #introduction #slider .slick-list, #home #introduction #slider .slick-track {
    width: 100%;
    height: 100%;
}
/* line 46, src/desktop/styles/pages/_home.scss */
#home #introduction #slider .slider-item {
    width: 100%;
    height: 100%;
    outline: none;
}
/* line 51, src/desktop/styles/pages/_home.scss */
#home #introduction #slider .slider-item .thumbnail {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/* line 57, src/desktop/styles/pages/_home.scss */
#home #introduction #slider .slider-item .thumbnail img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    display: block;
    min-width: 100%;
    min-height: 100%;
}
/* line 67, src/desktop/styles/pages/_home.scss */
#home #introduction #slider .slider-item .title {
    position: absolute;
    top: 300px;
    left: 50%;
    transform: translate(-50%, 0);
    padding-left: 40px;
    font-family: 'GraphikRegular';
    font-size: 28px;
    line-height: 32px;
    color: white;
    text-shadow: 0 0 35px rgba(0, 0, 0, 0.8);
}
/* line 77, src/desktop/styles/pages/_home.scss */
#home #introduction #slider .slider-item .title.wrap {
    height: auto !important;
}
/* line 81, src/desktop/styles/pages/_home.scss */
#home #introduction #slider .slider-item .title span {
    display: inline-block;
    max-width: 600px;
}
/* line 88, src/desktop/styles/pages/_home.scss */
#home #introduction #slider .slick-dots {
    position: absolute;
    bottom: 35px;
    z-index: 10;
    width: 1200px;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    padding-right: 40px;
}
/* line 98, src/desktop/styles/pages/_home.scss */
#home #introduction #slider .slick-dots li {
    outline: none;
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: none;
    border: 1px solid white;
    margin-left: 8px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 111, src/desktop/styles/pages/_home.scss */
#home #introduction #slider .slick-dots li button {
    background: none;
    font-size: 0;
    border: none;
    outline: none;
}
/* line 118, src/desktop/styles/pages/_home.scss */
#home #introduction #slider .slick-dots li:first-child {
    margin-left: 0;
}
/* line 122, src/desktop/styles/pages/_home.scss */
#home #introduction #slider .slick-dots li.slick-active {
    background-color: white;
}
/* line 129, src/desktop/styles/pages/_home.scss */
#home #introduction #news {
    background-color: #0f1841;
    padding: 50px 0;
    color: white;
}
/* line 134, src/desktop/styles/pages/_home.scss */
#home #introduction #news .top-line {
    margin-bottom: 50px;
    text-align: center;
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 18px;
}
/* line 140, src/desktop/styles/pages/_home.scss */
#home #introduction #news .bottom-line {
    text-align: center;
}
/* line 144, src/desktop/styles/pages/_home.scss */
#home #introduction #news .new-item {
    position: relative;
    width: calc(100% / 3);
    border-left: 1px solid #f5f5f5;
}
/* line 149, src/desktop/styles/pages/_home.scss */
#home #introduction #news .new-item:first-child {
    border-left: none;
}
/* line 153, src/desktop/styles/pages/_home.scss */
#home #introduction #news .new-item > a {
    padding: 20px;
    display: block;
    text-decoration: none;
}
/* line 159, src/desktop/styles/pages/_home.scss */
#home #introduction #news .new-item > a:hover .ico {
    background-color: #2175d9;
    color: white;
}
/* line 164, src/desktop/styles/pages/_home.scss */
#home #introduction #news .new-item > a:hover .title {
    color: #2175d9;
}
/* line 170, src/desktop/styles/pages/_home.scss */
#home #introduction #news .new-item .left {
    width: 50%;
    height: 120px;
    overflow: hidden;
}
/* line 175, src/desktop/styles/pages/_home.scss */
#home #introduction #news .new-item .left img {
    display: block;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    height: auto;
}
/* line 184, src/desktop/styles/pages/_home.scss */
#home #introduction #news .new-item .right {
    position: relative;
    width: 50%;
    height: 120px;
    padding-left: 20px;
    padding-top: 20px;
}
/* line 191, src/desktop/styles/pages/_home.scss */
#home #introduction #news .new-item .right .title {
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 14px;
    color: #232323;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 197, src/desktop/styles/pages/_home.scss */
#home #introduction #news .new-item .right .light-button {
    position: absolute;
    bottom: 0;
    left: 20px;
    width: calc(100% - 20px);
}
/* line 206, src/desktop/styles/pages/_home.scss */
#home #introduction #news .push-item {
    padding: 0 20px;
    height: 100%;
    border: 1px solid white;
    border-radius: 3px;
    position: relative;
    height: 60px;
    font-size: 14px;
    margin: 0 15px;
    display: inline-block;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 218, src/desktop/styles/pages/_home.scss */
#home #introduction #news .push-item:hover {
    background: #2175d9;
    border-color: #2175d9;
}
/* line 222, src/desktop/styles/pages/_home.scss */
#home #introduction #news .push-item a {
    text-decoration: none;
    color: white;
}
/* line 228, src/desktop/styles/pages/_home.scss */
#home #introduction #news .push-item .d-cell span {
    display: block;
}
/* line 232, src/desktop/styles/pages/_home.scss */
#home #introduction #news .push-item .d-cell .ico {
    display: inline-block;
    vertical-align: middle;
    color: white;
    font-size: 30px;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
#home #introduction #news .push-item .d-cell .ico img
{
    height: 25px;
}
/* line 240, src/desktop/styles/pages/_home.scss */
#home #introduction #news .push-item .d-cell .title {
    width: auto;
    margin-left: 16px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 14px;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 249, src/desktop/styles/pages/_home.scss */
#home #introduction #news .push-item .d-cell .title .legend {
    display: inline-block;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 18px;
    color: #bfdfff;
    margin-left: 12px;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 262, src/desktop/styles/pages/_home.scss */
#home #groupe {
    background: #f7f5f0;
    padding: 135px 0 140px 0;
}
/* line 266, src/desktop/styles/pages/_home.scss */
#home #groupe .wrap {
    height: 100%;
}
/* line 270, src/desktop/styles/pages/_home.scss */
#home #groupe .top {
    width: 778px;
    margin-bottom: 55px;
}
/* line 274, src/desktop/styles/pages/_home.scss */
#home #groupe .top .description {
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 18px;
    color: #0f1841;
}
/* line 279, src/desktop/styles/pages/_home.scss */
#home #groupe .top .button {
    margin-top: 30px;
}
/* line 284, src/desktop/styles/pages/_home.scss */
#home #groupe .bottom {
    width: 100%;
    margin-bottom: 35px;
}
/* line 288, src/desktop/styles/pages/_home.scss */
#home #groupe .bottom .push {
    padding: 0 50px;
    float: left;
    width: calc(100% / 3);
    color: #0f1841;
}
/* line 294, src/desktop/styles/pages/_home.scss */
#home #groupe .bottom .push:first-of-type {
    padding-left: 0;
}
/* line 298, src/desktop/styles/pages/_home.scss */
#home #groupe .bottom .push .ico {
    font-size: 44px;
    display: inline-block;
    vertical-align: middle;
    color: #0f1841;
}
/* line 304, src/desktop/styles/pages/_home.scss */
#home #groupe .bottom .push .ico span {
    display: block;
}
/* line 309, src/desktop/styles/pages/_home.scss */
#home #groupe .bottom .push .text {
    margin-left: 32px;
    display: inline-block;
    vertical-align: middle;
    max-width: 210px;
    width: calc(100% - 50px);
    color: #0f1841;
}
/* line 317, src/desktop/styles/pages/_home.scss */
#home #groupe .bottom .push .text .title {
    font-family: 'GraphikMedium';
    font-size: 24px;
    line-height: 24px;
}
/* line 321, src/desktop/styles/pages/_home.scss */
#home #groupe .bottom .push .text .legend {
    margin-top: 6px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 20px;
    color: #0f1841;
}
/* line 329, src/desktop/styles/pages/_home.scss */
#home #groupe .bottom .push.push2 .ico {
    font-size: 32px;
}
/* line 335, src/desktop/styles/pages/_home.scss */
#home #groupe .bottom .push.push2 .ico {
    font-size: 32px;
}
/* line 343, src/desktop/styles/pages/_home.scss */
#home #activite {
    background: #6ba5b4;
    padding: 140px 0;
}
/* line 347, src/desktop/styles/pages/_home.scss */
#home #activite .wrap {
    height: 100%;
}
/* line 351, src/desktop/styles/pages/_home.scss */
#home #activite .description-container {
    position: relative;
    max-width: 500px;
    min-height: 280px;
}
/* line 356, src/desktop/styles/pages/_home.scss */
#home #activite .description-container .default, #home #activite .description-container .title-item {
    position: absolute;
    top: 0;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    width: 100%;
}
/* line 364, src/desktop/styles/pages/_home.scss */
#home #activite .description-container .default {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
}
/* line 368, src/desktop/styles/pages/_home.scss */
#home #activite .description-container .button {
    position: absolute;
    bottom: 0;
    left: 0;
}
/* line 375, src/desktop/styles/pages/_home.scss */
#home #activite .right-col {
    max-width: 500px;
}
/* line 379, src/desktop/styles/pages/_home.scss */
#home #activite .description {
    width: 100%;
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 20px;
    color: white;
    margin-bottom: 60px;
    min-height: 120px;
}
/* line 387, src/desktop/styles/pages/_home.scss */
#home #activite .push {
    width: 33.3333333%;
    height: 180px;
    float: left;
    color: white;
    text-align: center;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 395, src/desktop/styles/pages/_home.scss */
#home #activite .push.push4 {
    clear: both;
}
/* line 399, src/desktop/styles/pages/_home.scss */
#home #activite .push a {
    text-decoration: none;
    color: #6f90b7;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 405, src/desktop/styles/pages/_home.scss */
#home #activite .push:hover, #home #activite .push.current {
    background-color: white;
}
/* line 407, src/desktop/styles/pages/_home.scss */
#home #activite .push:hover .ico, #home #activite .push:hover .text, #home #activite .push:hover a, #home #activite .push.current .ico, #home #activite .push.current .text, #home #activite .push.current a {
    color: #6ba5b4;
}
/* line 412, src/desktop/styles/pages/_home.scss */
#home #activite .push .d-cell {
    padding: 0 20px;
}
/* line 416, src/desktop/styles/pages/_home.scss */
#home #activite .push .ico {
    height: 40px;
    font-size: 40px;
    color: white;
}
/* line 421, src/desktop/styles/pages/_home.scss */
#home #activite .push .ico span {
    display: block;
}
/* line 426, src/desktop/styles/pages/_home.scss */
#home #activite .push .text {
    margin-top: 30px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: white;
}
/* line 435, src/desktop/styles/pages/_home.scss */
#home #activite .push.push4 .ico, #home #activite .push.push5 .ico, #home #activite .push.push6 .ico {
    padding-top: 7px;
    font-size: 30px;
}
/* line 442, src/desktop/styles/pages/_home.scss */
#home #activite .push.push6 .ico {
    padding-top: 10px;
    font-size: 28px;
}
/* line 450, src/desktop/styles/pages/_home.scss */
#home #resources {
    background: #f7f5f0;
    min-height: 480px;
    position: relative;
}
/* line 455, src/desktop/styles/pages/_home.scss */
#home #resources .wrap {
    height: 100%;
    background: url("../images/home/ressources-background.jpg") no-repeat right top;
    padding: 140px 0;
}
/* line 461, src/desktop/styles/pages/_home.scss */
#home #resources .top {
    margin-bottom: 60px;
}
/* line 465, src/desktop/styles/pages/_home.scss */
#home #resources .top .description {
    max-width: 470px;
    margin-bottom: 60px;
}
/* line 471, src/desktop/styles/pages/_home.scss */
#home #resources .bottom {
    position: relative;
    height: 0;
    overflow: hidden;
}
/* line 476, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .error {
    padding-top: 46px;
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: white;
}
/* line 483, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item {
    position: relative;
    float: left;
    width: 25%;
    height: 150px;
    padding: 30px;
    text-decoration: none;
}
/* line 491, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item > div {
    position: relative;
    height: 100%;
}
/* line 496, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item.futur-du-travail {
    background: #6ba5b4;
}
/* line 500, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item.innovation-rh {
    background: #e74536;
}
/* line 504, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item.regard-international {
    background: #ffb511;
}
/* line 508, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item.tendances-societales {
    background: #0f1841;
}
/* line 512, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item a {
    text-decoration: none;
}
/* line 516, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item .thumb {
    width: 100%;
}
/* line 519, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item .thumb img {
    max-width: 100%;
    width: 100% !important;
}
/* line 525, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item .content {
    max-width: 170px;
}
/* line 529, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item .title {
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 14px;
    color: white;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 535, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item .subtitle {
    color: white;
    font-size: 12px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin-bottom: 0;
    font-weight: bold;
    line-height: 12px;
}
/* line 546, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item .arrow-more {
    position: absolute;
    bottom: 0;
    right: 0px;
    width: 50px;
    height: 40px;
    border: 1px solid white;
    border-radius: 3px;
    display: block;
    text-align: center;
    vertical-align: middle;
    transition: background 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 558, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item .arrow-more .ico {
    font-size: 11px;
    display: inline-block;
    text-align: center;
    padding-top: 10px;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 567, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item .ico {
    color: white;
}
/* line 571, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item .link {
    margin-top: 10px;
    color: #232323;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 576, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item .link .text {
    display: inline-block;
    vertical-align: middle;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 16px;
}
/* line 582, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item .link .ico {
    margin-top: 2px;
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle;
    font-size: 8px;
}
/* line 589, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item .link .ico span {
    display: block;
}
/* line 596, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item:hover .arrow-more {
    background: white;
}
/* line 598, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item:hover .arrow-more .ico {
    color: #0f1841;
}
/* line 606, src/desktop/styles/pages/_home.scss */
#home #resources #spin {
    width: 56px;
    height: 56px;
    position: absolute;
    left: 50%;
    top: 58%;
    transform: translate(-50%, 0);
}
/* line 616, src/desktop/styles/pages/_home.scss */
#home #socials {
    background-color: #2175d9;
    padding: 130px 0 100px 0;
}
/* line 620, src/desktop/styles/pages/_home.scss */
#home #socials .large-title {
    margin-bottom: 40px;
}
/* line 624, src/desktop/styles/pages/_home.scss */
#home #socials .bottom {
    height: 60px;
    margin-bottom: 40px;
}
/* line 628, src/desktop/styles/pages/_home.scss */
#home #socials .bottom .push {
    position: relative;
    float: left;
    border: 1px solid white;
    height: 60px;
    width: calc((100% - 30px) / 3);
    margin-left: 10px;
    border: 1px solid white;
    border-radius: 3px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 640, src/desktop/styles/pages/_home.scss */
#home #socials .bottom .push a {
    text-decoration: none;
}
/* line 644, src/desktop/styles/pages/_home.scss */
#home #socials .bottom .push span {
    display: block;
}
/* line 648, src/desktop/styles/pages/_home.scss */
#home #socials .bottom .push .ico {
    display: inline-block;
    vertical-align: middle;
    color: white;
    font-size: 14px;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 656, src/desktop/styles/pages/_home.scss */
#home #socials .bottom .push .d-cell {
    padding-left: 20px;
}
/* line 660, src/desktop/styles/pages/_home.scss */
#home #socials .bottom .push .title {
    text-align: left;
    margin-top: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px;
    color: white;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 16px;
    width: 70%;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 672, src/desktop/styles/pages/_home.scss */
#home #socials .bottom .push:first-child {
    margin-left: 0;
}
/* line 676, src/desktop/styles/pages/_home.scss */
#home #socials .bottom .push:hover {
    background: white;
}
/* line 678, src/desktop/styles/pages/_home.scss */
#home #socials .bottom .push:hover .ico, #home #socials .bottom .push:hover .title {
    color: #2175d9;
}
/* line 684, src/desktop/styles/pages/_home.scss */
#home #socials .load-more {
    width: 245px;
    display: block;
    margin: 40px auto 0 auto;
}
/* line 689, src/desktop/styles/pages/_home.scss */
#home #socials .load-more a {
    border: 1px solid white;
    position: relative;
    padding: 20px 0;
    text-align: center;
    display: block;
    text-decoration: none;
    border-radius: 3px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 699, src/desktop/styles/pages/_home.scss */
#home #socials .load-more a .text {
    display: inline-block;
    vertical-align: middle;
    color: white;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 14px;
}
/* line 706, src/desktop/styles/pages/_home.scss */
#home #socials .load-more a .ico {
    display: inline-block;
    vertical-align: middle;
    color: #2175d9;
    margin-left: 14px;
}
/* line 712, src/desktop/styles/pages/_home.scss */
#home #socials .load-more a .ico span {
    display: block;
    font-size: 8px;
}
/* line 718, src/desktop/styles/pages/_home.scss */
#home #socials .load-more a #local-spin {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 32px;
    height: 32px;
    left: 50%;
    top: 50%;
    color: white;
    transform: translate(-50%, -50%);
}
/* line 729, src/desktop/styles/pages/_home.scss */
#home #socials .load-more a:hover {
    background-color: white;
}
/* line 731, src/desktop/styles/pages/_home.scss */
#home #socials .load-more a:hover .text {
    color: #2175d9;
}
@media screen and (max-width: 1370px) {
/* line 742, src/desktop/styles/pages/_home.scss */
#home #activite .right-col {
    max-width: 450px;
}
/* line 745, src/desktop/styles/pages/_home.scss */
#home #activite .description-container {
    min-height: 300px;
}
/* line 747, src/desktop/styles/pages/_home.scss */
#home #activite .description-container .large-title {
    font-size: 47px;
}
/* line 758, src/desktop/styles/pages/_home.scss */
#home #introduction #news .new-item .left {
    position: relative;
    width: 120px;
}
/* line 762, src/desktop/styles/pages/_home.scss */
#home #introduction #news .new-item .left img {
    position: absolute;
    width: auto;
    max-width: 180px;
    transform: translate(-50%, 0);
    left: 50%;
    top: 0;
}
/* line 772, src/desktop/styles/pages/_home.scss */
#home #introduction #news .new-item .right {
    padding-top: 10px;
    width: calc(100% - 120px);
}
/* line 805, src/desktop/styles/pages/_home.scss */
#home #groupe .bottom .push {
    padding: 0 20px;
}
/* line 808, src/desktop/styles/pages/_home.scss */
#home #groupe .bottom .push .text {
    margin-left: 20px;
}
/* line 817, src/desktop/styles/pages/_home.scss */
#home #resources .pl {
    padding-left: 0;
}
/* line 821, src/desktop/styles/pages/_home.scss */
#home #resources .large-title {
    font-size: 40px;
    line-height: 40px;
}
/* line 828, src/desktop/styles/pages/_home.scss */
#home #resources .bottom .r-item {
    padding: 20px 20px 30px 20px;
}
/* line 838, src/desktop/styles/pages/_home.scss */
#home #socials .twitter-feed .twitter-item {
    width: calc(100% / 3) !important;
}
}

/*********************
GROUPE
*********************/
/* line 5, src/desktop/styles/pages/_groupe.scss */
#groupe {
/*********************
RESPONSIVE
*********************/
}
/* line 11, src/desktop/styles/pages/_groupe.scss */
#groupe #identite {
    background-color: #f7f5f0;
    padding: 100px 0;
}
/* line 15, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .wrap {
    height: 100%;
    padding-bottom: 300px;
}
/* line 20, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .top {
    padding-bottom: 60px;
}
/* line 23, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .top .left {
    margin-top: 4px;
    float: left;
    width: 400px;
    height: 218px;
    position: relative;
}
/* line 30, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .top .left a {
    display: block;
    width: 100%;
    height: 100%;
}
/* line 37, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .top .left a:hover .over {
    background-color: #232323;
}
/* line 43, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .top .left .thumb {
    width: 100%;
    height: 100%;
}
/* line 47, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .top .left .thumb img {
    width: 100%;
    height: 100%;
}
/* line 53, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .top .left .over {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: rgba(35, 35, 35, 0.7);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 1;
    text-align: center;
    line-height: 70px;
    color: white;
    font-size: 24px;
    padding-left: 6px;
    padding-top: 2px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 73, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .top .right {
    float: right;
    width: calc(100% - 400px);
    padding-right: 10px;
}
/* line 79, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .top .right .content {
    margin-top: 30px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 22px;
    color: #0f1841;
}
/* line 86, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .top .right:first-child {
    width: 100%;
}
/* line 89, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .top .right .file {
    margin-top: 40px;
    margin-right: 35px;
}
/* line 139, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .bottom {
    position: absolute;
    width: 100%;
    height: 300px;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
/* line 147, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .bottom .push-item {
    float: left;
    width: calc(100% /3);
    height: 270px;
    padding: 30px 40px;
    position: relative;
}
/* line 154, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .bottom .push-item .title {
    font-family: 'GraphikRegular';
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 30px;
}
/* line 159, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .bottom .push-item .description {
    font-family: 'GraphikRegular';
    font-size: 13px;
    line-height: 18px;
}
/* line 162, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .bottom .push-item.push1 {
    background: #2175D9;
}
/* line 164, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .bottom .push-item.push1 .title, #groupe #identite .bottom .push-item.push1 .description {
    color: white;
}
/* line 166, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .bottom .push-item.push2 {
    background-color: white;
    color: #0f1841;
}
/* line 170, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .bottom .push-item.push3 {
    background: #0F1941;
}
/* line 172, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .bottom .push-item.push3 .title, #groupe #identite .bottom .push-item.push3 .description {
    color: white;
}
/* line 180, src/desktop/styles/pages/_groupe.scss */
#groupe #key-figures {
    background-color: #2175d9;
    padding: 80px 0 100px 0;
}
/* line 184, src/desktop/styles/pages/_groupe.scss */
#groupe #key-figures .push-container {
    margin-top: 20px;
}
/* line 188, src/desktop/styles/pages/_groupe.scss */
#groupe #key-figures .push-item {
    float: left;
    width: calc(100% / 4);
    height: 120px;
    padding-right: 10px;
    margin-top: 40px;
}
/* line 195, src/desktop/styles/pages/_groupe.scss */
#groupe #key-figures .push-item .ico {
    font-size: 40px;
    height: 40px;
    color: white;
    line-height: 40px;
}
/* line 202, src/desktop/styles/pages/_groupe.scss */
#groupe #key-figures .push-item .text {
    margin-top: 20px;
    color: white;
    padding-right: 20px;
}
/* line 207, src/desktop/styles/pages/_groupe.scss */
#groupe #key-figures .push-item .text .title {
    font-family: 'GraphikRegular';
    font-size: 22px;
    line-height: 22px;
}
/* line 211, src/desktop/styles/pages/_groupe.scss */
#groupe #key-figures .push-item .text .legend {
    margin-top: 10px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 16px;
    color: white;
}
/* line 220, src/desktop/styles/pages/_groupe.scss */
#groupe #key-figures .push-item.push5 .ico, #groupe #key-figures .push-item.push6 .ico, #groupe #key-figures .push-item.push7 .ico, #groupe #key-figures .push-item.push8 .ico {
    padding-top: 6px;
    font-size: 34px;
}
/* line 228, src/desktop/styles/pages/_groupe.scss */
#groupe #history {
    padding: 80px 0 100px 0;
    background-color: #f7f5f0;
}
/* line 232, src/desktop/styles/pages/_groupe.scss */
#groupe #history .timeline {
    margin-top: 60px;
}
/* line 235, src/desktop/styles/pages/_groupe.scss */
#groupe #history .timeline .time-item {
    width: 280px;
    overflow: hidden;
    margin-bottom: 20px;
}
/* line 240, src/desktop/styles/pages/_groupe.scss */
#groupe #history .timeline .time-item .head {
    height: 80px;
    border-bottom: 1px solid #dfdfdf;
    background-color: white;
    padding: 26px 20px 0 20px;
    position: relative;
}
/* line 247, src/desktop/styles/pages/_groupe.scss */
#groupe #history .timeline .time-item .head .left {
    float: left;
    font-family: 'GraphikRegular';
    font-size: 24px;
    line-height: 24px;
    color: #2175d9;
}
/* line 253, src/desktop/styles/pages/_groupe.scss */
#groupe #history .timeline .time-item .head .right {
    float: right;
    width: 50px;
    height: 50px;
    background-position: center center;
    background-size: 50px 50px;
    margin-top: -13px;
}
/* line 262, src/desktop/styles/pages/_groupe.scss */
#groupe #history .timeline .time-item .head:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 10px;
    background-color: #dfdfdf;
    left: 46px;
    bottom: 0;
}
/* line 273, src/desktop/styles/pages/_groupe.scss */
#groupe #history .timeline .time-item .content {
    padding: 20px;
    background-color: white;
}
/* line 277, src/desktop/styles/pages/_groupe.scss */
#groupe #history .timeline .time-item .content .title {
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 16px;
    color: #2175d9;
}
/* line 282, src/desktop/styles/pages/_groupe.scss */
#groupe #history .timeline .time-item .content .description {
    margin-top: 20px;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 14px;
    color: #0f1841;
}
/* line 289, src/desktop/styles/pages/_groupe.scss */
#groupe #history .timeline .time-item.large {
    width: 580px;
    height: 246px;
}
/* line 293, src/desktop/styles/pages/_groupe.scss */
#groupe #history .timeline .time-item.large > .left {
    float: left;
    width: 300px;
}
/* line 298, src/desktop/styles/pages/_groupe.scss */
#groupe #history .timeline .time-item.large .illustration {
    float: right;
    width: 280px;
}
/* line 302, src/desktop/styles/pages/_groupe.scss */
#groupe #history .timeline .time-item.large .illustration img {
    display: block;
}
/* line 311, src/desktop/styles/pages/_groupe.scss */
#groupe #values {
    background-color: white;
    padding: 80px 0 100px 0;
}
/* line 315, src/desktop/styles/pages/_groupe.scss */
#groupe #values .legend {
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 24px;
    color: #0f1841;
    padding-right: 10px;
}
/* line 321, src/desktop/styles/pages/_groupe.scss */
#groupe #values .bottom {
    margin-top: 60px;
}
/* line 325, src/desktop/styles/pages/_groupe.scss */
#groupe #values .push-item {
    width: calc(100% / 3);
    background-color: #1f4c81;
    float: left;
}
/* line 330, src/desktop/styles/pages/_groupe.scss */
#groupe #values .push-item .d-cell {
    vertical-align: bottom;
}
/* line 334, src/desktop/styles/pages/_groupe.scss */
#groupe #values .push-item .text {
    display: table;
    width: 100%;
    height: 320px;
    padding: 40px;
}
/* line 340, src/desktop/styles/pages/_groupe.scss */
#groupe #values .push-item .text .description {
    margin-top: 20px;
    font-family: 'GraphikRegular';
    font-size: 13px;
    line-height: 16px;
    color: white;
}
/* line 347, src/desktop/styles/pages/_groupe.scss */
#groupe #values .push-item .thumb {
    width: 100%;
    overflow: hidden;
    height: 220px;
}
/* line 352, src/desktop/styles/pages/_groupe.scss */
#groupe #values .push-item .thumb img {
    display: block;
    min-height: 100%;
}
/* line 357, src/desktop/styles/pages/_groupe.scss */
#groupe #values .push-item.push1 {
    background-color: #2175D9;
}
/* line 361, src/desktop/styles/pages/_groupe.scss */
#groupe #values .push-item.push2 {
    background-color: #0f1841;
}
/* line 365, src/desktop/styles/pages/_groupe.scss */
#groupe #values .push-item.push3 {
    background-color: #2175D9;
}
#groupe #values .push-item.push1 .description, #groupe #values .push-item.push3 .description {
    color: white;
}
/* line 371, src/desktop/styles/pages/_groupe.scss */
#groupe #governance {
    background-color: #f6f6f6;
    padding: 80px 0 100px 0;
}
/* line 375, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .legend {
    margin-top: 30px;
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 24px;
    color: #0f1841;
    padding-right: 10px;
}
/* line 382, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .bottom {
    margin-top: 60px;
}
/* line 386, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item {
    float: left;
    background-color: white;
    height: 180px;
    width: 380px;
    overflow: hidden;
    margin-left: 20px;
    margin-top: 20px;
}
/* line 395, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .left {
    position: relative;
    float: left;
    width: 140px;
    height: 180px;
    overflow: hidden;
}
/* line 402, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .left img {
    display: block;
    width: 100%;
    min-height: 100%;
}
/* line 409, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .right {
    position: relative;
    float: left;
    height: 180px;
    width: calc(100% - 140px);
}
/* line 415, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .right .d-table {
    display: block;
}
/* line 419, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .right .d-cell {
    display: block;
    padding: 20px 30px;
}
/* line 424, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .right .name {
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 18px;
    color: #2175d9;
}
/* line 429, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .right .description {
    margin-top: 10px;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 16px;
}
/* line 434, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .right .infos {
    position: absolute;
    bottom: 22px;
    width: 100%;
    padding: 0 30px;
    left: 0;
}
/* line 441, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .right .infos a {
    position: relative;
    margin-left: 30px;
    color: #2175d9;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 450, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .right .infos a span {
    display: inline-block;
    vertical-align: middle;
}
/* line 455, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .right .infos a .icon-ico-play {
    font-size: 6px;
}
/* line 459, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .right .infos a .text {
    margin-top: 2px;
}
/* line 463, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .right .infos a .text {
    text-transform: uppercase;
    margin-left: 10px;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 12px;
}
/* line 469, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .right .infos a:first-child {
    margin-left: 0;
}
/* line 473, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .right .infos a:hover {
    color: #223f62;
}
/* line 478, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .right .infos .right-socials {
    float: right;
    text-align: right;
}
/* line 482, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .right .infos .right-socials a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
}
/* line 487, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .right .infos .right-socials a.linkedin {
    margin-left: 6px;
}
/* line 491, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item .right .infos .right-socials a.twitter {
    margin-top: 2px;
}
/* line 499, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item:nth-child(3n + 0) {
    margin-left: 0;
}
/* line 504, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large {
    float: left;
    background-color: white;
    height: 180px;
    overflow: hidden;
    width: 780px;
}
/* line 511, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .left {
    float: left;
    width: 140px;
    height: 180px;
}
/* line 516, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .left img {
    display: block;
    min-width: 100%;
    min-height: 100%;
}
/* line 523, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .right {
    position: relative;
    float: left;
    height: 180px;
    width: calc(100% - 140px);
}
/* line 529, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .right .d-table {
    display: block;
}
/* line 533, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .right .d-cell {
    display: block;
    padding: 30px;
}
/* line 538, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .right .name {
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 16px;
    color: #2175d9;
}
/* line 543, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .right .description {
    margin-top: 16px;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 16px;
}
/* line 548, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .right .infos {
    position: absolute;
    bottom: 22px;
    width: 100%;
    padding: 0 30px;
    left: 0;
}
/* line 555, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .right .infos a {
    position: relative;
    margin-left: 30px;
    color: #2175d9;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 564, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .right .infos a span {
    display: inline-block;
    vertical-align: middle;
}
/* line 569, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .right .infos a .icon-ico-play {
    font-size: 6px;
}
/* line 573, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .right .infos a .text {
    margin-top: 2px;
}
/* line 577, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .right .infos a .text {
    text-transform: uppercase;
    margin-left: 10px;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 12px;
}
/* line 583, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .right .infos a:first-child {
    margin-left: 0;
}
/* line 587, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .right .infos a:hover {
    color: #223f62;
}
/* line 591, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .right .infos a.twitter, #groupe #governance .push-item-large .right .infos a.linkedin {
    float: right;
    margin-top: 4px;
}
/* line 596, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .right .infos a.twitter span, #groupe #governance .push-item-large .right .infos a.linkedin span {
    display: block;
}
/* line 600, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .right .infos a.twitter:after, #groupe #governance .push-item-large .right .infos a.linkedin:after {
    display: none;
}
/* line 605, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large .right .infos a.twitter {
    margin-top: 6px;
}
@media screen and (max-width: 1370px) {
/* line 623, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .top .left {
    width: 324px;
}
/* line 626, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .top .left .thumb {
    position: relative;
    overflow: hidden;
}
/* line 630, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .top .left .thumb img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    min-height: 100%;
    width: auto;
    max-width: 400px;
}
/* line 642, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .top .right {
    width: calc(100% - 324px);
}
/* line 647, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .bottom {
    height: 330px;
}
/* line 649, src/desktop/styles/pages/_groupe.scss */
#groupe #identite .bottom .push-item {
    height: 330px;
}
/* line 674, src/desktop/styles/pages/_groupe.scss */
#groupe #values .push-item .thumb {
    position: relative;
}
/* line 677, src/desktop/styles/pages/_groupe.scss */
#groupe #values .push-item .thumb img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}
/* line 689, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item-large {
    width: 100%;
}
/* line 693, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item {
    width: calc((100% - 20px) / 2);
}
/* line 696, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item:nth-child(3n + 0) {
    margin-left: 20px;
}
/* line 700, src/desktop/styles/pages/_groupe.scss */
#groupe #governance .push-item:nth-child(2n + 1) {
    margin-left: 0;
}
}

/* line 711, src/desktop/styles/pages/_groupe.scss */
#biography .left {
    float: left;
    width: 180px;
    height: 270px;
    overflow: hidden;
}
/* line 717, src/desktop/styles/pages/_groupe.scss */
#biography .left img {
    display: block;
    width: 100%;
    height: auto;
}
/* line 724, src/desktop/styles/pages/_groupe.scss */
#biography .right {
    float: left;
    width: calc(100% - 180px);
    padding-left: 40px;
    padding-right: 10px;
}
/* line 730, src/desktop/styles/pages/_groupe.scss */
#biography .right .name {
    font-family: 'GraphikRegular';
    font-size: 30px;
    line-height: 30px;
    color: #2175d9;
}
/* line 735, src/desktop/styles/pages/_groupe.scss */
#biography .right .edito {
    margin-top: 30px;
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 24px;
    color: #2175d9;
    text-align: justify;
}
/* line 742, src/desktop/styles/pages/_groupe.scss */
#biography .right .post-content {
    margin-top: 20px;
    text-align: justify;
}

/*********************
TECH AND TOUCH
*********************/
/* line 3, src/desktop/styles/pages/_tech.scss */
#tech #introduction {
    background: #D3E3F7 url("../images/tech/introduction.png") no-repeat center center;
}
/* line 7, src/desktop/styles/pages/_tech.scss */
#tech #technology {
    background: white url("../images/tech/background-visage-humain.png") no-repeat center bottom;
    padding: 90px 0 100px 0;
}
/* line 11, src/desktop/styles/pages/_tech.scss */
#tech #technology .content {
    margin-top: 20px;
    color: #0f1841;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
}
/* line 19, src/desktop/styles/pages/_tech.scss */
#tech #r-tech {
    padding: 100px 0;
    background: #0f1841;
}
/* line 23, src/desktop/styles/pages/_tech.scss */
#tech #r-tech .f-left {
    padding-left: 10px;
    max-width: 590px;
}
/* line 27, src/desktop/styles/pages/_tech.scss */
#tech #r-tech .f-right {
    padding: 0 100px;
}
/* line 31, src/desktop/styles/pages/_tech.scss */
#tech #r-tech .content {
    margin-bottom: 50px;
}
/* line 38, src/desktop/styles/pages/_tech.scss */
#tech #works {
    display: none;
    background-color: #223f62;
    padding: 60px 0;
/*.slick-list, .slick-track {
width: 100%;
}*/
}
/* line 43, src/desktop/styles/pages/_tech.scss */
#tech #works h2 {
    font-family: 'GraphikRegular';
    font-size: 30px;
    line-height: 30px;
    color: white;
}
/* line 48, src/desktop/styles/pages/_tech.scss */
#tech #works .push-container {
    margin-top: 60px;
}
/* line 52, src/desktop/styles/pages/_tech.scss */
#tech #works #works-slider {
    width: 100%;
    height: 420px;
    overflow: hidden;
}
/* line 57, src/desktop/styles/pages/_tech.scss */
#tech #works #works-slider .slick-dots {
    position: absolute;
    bottom: 60px;
    z-index: 10;
    left: 60px;
    z-index: 20;
}
/* line 64, src/desktop/styles/pages/_tech.scss */
#tech #works #works-slider .slick-dots li {
    outline: none;
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: white;
    margin-left: 8px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 76, src/desktop/styles/pages/_tech.scss */
#tech #works #works-slider .slick-dots li button {
    background: none;
    font-size: 0;
    border: none;
    outline: none;
}
/* line 83, src/desktop/styles/pages/_tech.scss */
#tech #works #works-slider .slick-dots li:first-child {
    margin-left: 0;
}
/* line 87, src/desktop/styles/pages/_tech.scss */
#tech #works #works-slider .slick-dots li.slick-active {
    background-color: #2175d9;
}
/* line 98, src/desktop/styles/pages/_tech.scss */
#tech #works .work-slider-item {
    position: relative;
    float: left;
    width: 100%;
    height: 420px;
}
/* line 104, src/desktop/styles/pages/_tech.scss */
#tech #works .work-slider-item .background {
    position: relative;
    width: 100%;
    height: 100%;
}
/* line 109, src/desktop/styles/pages/_tech.scss */
#tech #works .work-slider-item .background img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
/* line 120, src/desktop/styles/pages/_tech.scss */
#tech #works .work-slider-item .legend {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    z-index: 10;
    font-family: 'GraphikRegular';
    font-size: 30px;
    line-height: 36px;
    padding-left: 60px;
}
/* line 131, src/desktop/styles/pages/_tech.scss */
#tech #works .work-slider-item .legend .text {
    width: 350px;
}
/* line 137, src/desktop/styles/pages/_tech.scss */
#tech #works #president-comment {
    width: 800px;
    height: 200px;
}
/* line 141, src/desktop/styles/pages/_tech.scss */
#tech #works #president-comment .left {
    float: left;
    width: 180px;
    height: 200px;
}
/* line 146, src/desktop/styles/pages/_tech.scss */
#tech #works #president-comment .left img {
    display: block;
    width: 100%;
}
/* line 152, src/desktop/styles/pages/_tech.scss */
#tech #works #president-comment .right {
    float: right;
    width: 620px;
    height: 200px;
    background-color: #f4f4f4;
    padding: 0 40px;
    text-align: justify;
}
/* line 160, src/desktop/styles/pages/_tech.scss */
#tech #works #president-comment .right .quote {
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
}
/* line 165, src/desktop/styles/pages/_tech.scss */
#tech #works #president-comment .right .name {
    margin-top: 10px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 14px;
}
#tech #big-data .top {
    padding: 100px 0 60px 0;
    background: url("../images/tech/background-top-bigdata.png") no-repeat right bottom;
}
/* line 170, src/desktop/styles/pages/_tech.scss */
#tech #works #president-comment .right .function {
    margin-top: 6px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 14px;
}
/* line 178, src/desktop/styles/pages/_tech.scss */
#tech #innovation-intro {
    padding: 50px;
    background: #f7f5f0;
}
/* line 181, src/desktop/styles/pages/_tech.scss */
#tech #innovation-intro .medium-title {
    margin-bottom: 0;
}
/* line 186, src/desktop/styles/pages/_tech.scss */
#tech #innovations .f-left {
    padding: 0 100px 0 0;
}
/* line 191, src/desktop/styles/pages/_tech.scss */
#tech #big-data {
    padding-bottom: 100px;
    background: #2175D9;
}
/* line 194, src/desktop/styles/pages/_tech.scss */
#tech #big-data .top {
    padding: 100px 0 60px 0;
}
/* line 200, src/desktop/styles/pages/_tech.scss */
#tech #big-data .content p:last-of-type {
    margin-bottom: 0;
}
/* line 205, src/desktop/styles/pages/_tech.scss */
#tech #big-data .push-item {
    float: left;
    width: 33.33333%;
    display: block;
    height: 280px;
    padding: 50px 40px 0 40px;
    position: relative;
}
/* line 212, src/desktop/styles/pages/_tech.scss */
#tech #big-data .push-item .title {
    font-family: 'GraphikRegular';
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 20px;
}
/* line 213, src/desktop/styles/pages/_tech.scss */
#tech #big-data .push-item .description {
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 24px;
}
/* line 214, src/desktop/styles/pages/_tech.scss */
#tech #big-data .push-item .number {
    position: absolute;
    top: 15px;
    right: 20px;
    text-align: right;
    font-family: 'GraphikRegular';
    font-size: 54px;
    line-height: 54px;
}
/* line 222, src/desktop/styles/pages/_tech.scss */
#tech #big-data .push-item.push1 {
    background: #0f1841;
}
/* line 224, src/desktop/styles/pages/_tech.scss */
#tech #big-data .push-item.push1 .description, #tech #big-data .push-item.push1 .title, #tech #big-data .push-item.push1 .number {
    color: white;
}
/* line 227, src/desktop/styles/pages/_tech.scss */
#tech #big-data .push-item.push2 {
    background: #f7f5f0;
}
/* line 230, src/desktop/styles/pages/_tech.scss */
#tech #big-data .push-item.push3 {
    background: #00D7FF;
}
/* line 231, src/desktop/styles/pages/_tech.scss */
#tech #big-data .push-item.push3 .description, #tech #big-data .push-item.push3 .title, #tech #big-data .push-item.push3 .number {
    color: #0F1941;
}
/* line 237, src/desktop/styles/pages/_tech.scss */
#tech #pocketcoach {
    background: #f7f5f0;
}
/* line 239, src/desktop/styles/pages/_tech.scss */
#tech #pocketcoach .f-left {
    width: 66%;
}
/* line 242, src/desktop/styles/pages/_tech.scss */
#tech #pocketcoach .f-right {
    width: 32%;
}
/* line 244, src/desktop/styles/pages/_tech.scss */
#tech #pocketcoach .f-right img {
    display: block;
    width: 100%;
    height: auto;
}
/* line 249, src/desktop/styles/pages/_tech.scss */
#tech #pocketcoach .stores {
    margin-top: 40px;
}
/* line 251, src/desktop/styles/pages/_tech.scss */
#tech #pocketcoach .stores span {
    margin-right: 20px;
    display: inline-block;
}
/* line 257, src/desktop/styles/pages/_tech.scss */
#tech #recrutlive {
    background: #2175d9;
}
/* line 260, src/desktop/styles/pages/_tech.scss */
#tech #recrutlive .f-left {
    padding-right: 100px;
}
/* line 263, src/desktop/styles/pages/_tech.scss */
#tech #recrutlive p {
    margin-bottom: 0;
}

/*********************
ACTIVITES
*********************/
/* line 6, src/desktop/styles/pages/_activites.scss */
#activites #introduction .wrap {
    padding-top: 80px;
}
/* line 13, src/desktop/styles/pages/_activites.scss */
#activites #content #submenu {
    height: 80px;
    background: #f7f5f0;
}
/* line 18, src/desktop/styles/pages/_activites.scss */
#activites #content .submenu-item {
    position: absolute;
    top: 0;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
}
/* line 24, src/desktop/styles/pages/_activites.scss */
#activites #content .submenu-item ul {
    overflow: hidden;
    padding-left: 20px;
}
/* line 28, src/desktop/styles/pages/_activites.scss */
#activites #content .submenu-item ul li {
    margin-left: 50px;
    float: left;
}
/* line 32, src/desktop/styles/pages/_activites.scss */
#activites #content .submenu-item ul li:first-child {
    margin-left: 0;
}
/* line 36, src/desktop/styles/pages/_activites.scss */
#activites #content .submenu-item ul li a {
    position: relative;
    display: block;
    height: 79px;
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 16px;
    padding-top: 34px;
    color: #232323;
    text-decoration: none;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 46, src/desktop/styles/pages/_activites.scss */
#activites #content .submenu-item ul li a:after {
    content: "";
    position: absolute;
    width: 0;
    max-width: 100%;
    height: 4px;
    background-color: #2175d9;
    bottom: 0;
    left: 0;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 58, src/desktop/styles/pages/_activites.scss */
#activites #content .submenu-item ul li a:hover, #activites #content .submenu-item ul li a.current {
    color: #2175d9;
}
/* line 61, src/desktop/styles/pages/_activites.scss */
#activites #content .submenu-item ul li a:hover:after, #activites #content .submenu-item ul li a.current:after {
    width: 100%;
}
/* line 70, src/desktop/styles/pages/_activites.scss */
#activites #content #informations {
    background: white;
    padding-top: 60px;
    position: relative;
    min-height: 600px;
}
/* line 76, src/desktop/styles/pages/_activites.scss */
#activites #content #informations .information-item {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 20px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
}
/* line 84, src/desktop/styles/pages/_activites.scss */
#activites #content #informations .description {
    margin-top: 60px;
}
/* line 88, src/desktop/styles/pages/_activites.scss */
#activites #content #informations .description .left {
    float: left;
    width: calc(100% - 300px);
    padding-right: 40px;
    border-right: 1px solid #dfdfdf;
    min-height: 144px;
}
/* line 94, src/desktop/styles/pages/_activites.scss */
#activites #content #informations .description .left p {
    margin-bottom: 20px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 22px;
    color: #232323;
}
/* line 101, src/desktop/styles/pages/_activites.scss */
#activites #content #informations .description .right {
    float: right;
    width: 300px;
    padding-left: 40px;
}
/* line 106, src/desktop/styles/pages/_activites.scss */
#activites #content #informations .description .right .link {
    margin-top: 16px;
}
/* line 109, src/desktop/styles/pages/_activites.scss */
#activites #content #informations .description .right .link:first-child {
    margin-top: 0;
}
/* line 113, src/desktop/styles/pages/_activites.scss */
#activites #content #informations .description .right .link a {
    text-decoration: none;
    position: relative;
    color: #2175d9;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 119, src/desktop/styles/pages/_activites.scss */
#activites #content #informations .description .right .link a:hover {
    color: #223f62;
}
/* line 124, src/desktop/styles/pages/_activites.scss */
#activites #content #informations .description .right .link .ico {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #2175d9;
    width: 40px;
}
/* line 132, src/desktop/styles/pages/_activites.scss */
#activites #content #informations .description .right .link .text {
    display: inline-block;
    vertical-align: middle;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 18px;
    color: #2175d9;
    width: calc(100% - 50px);
}
/* line 141, src/desktop/styles/pages/_activites.scss */
#activites #content #informations .description .right .link.web .ico {
    font-family: 'GraphikRegular';
    font-size: 24px;
    line-height: 24px;
}
/* line 146, src/desktop/styles/pages/_activites.scss */
#activites #content #informations .description .right .link .icon-ico-video, #activites #content #informations .description .right .link .icon-ico-facebook {
    font-size: 18px;
    padding-left: 2px;
}

/*********************
MEDIAS
*********************/
/* line 1, src/desktop/styles/pages/_medias.scss */
#medias {
/*********************
RESPONSIVE
*********************/
}
/* line 3, src/desktop/styles/pages/_medias.scss */
#medias #introduction {
    background: #0f1841 url("../images/medias/introduction.jpg") no-repeat center center;
}
/* line 7, src/desktop/styles/pages/_medias.scss */
#medias .wrap {
    height: 100%;
}
/* line 11, src/desktop/styles/pages/_medias.scss */
#medias #content {
    background-color: #f7f5f0;
    padding: 40px 0;
}
/* line 23, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .content-tab {
    display: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    padding-bottom: 40px;
}
/* line 30, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .media-item {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
}
/* line 52, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .media-new-item .left {
    background-color: #d8dadb;
}
/* line 58, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .media-new-item.right .left {
    float: right;
}
/* line 62, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .media-new-item.right .right {
    float: right;
}
/* line 69, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .statement-head {
    padding-left: 20px;
    padding-bottom: 20px;
}
/* line 73, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .statement-head a {
    text-decoration: none;
    color: #2175d9;
}
/* line 77, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .statement-head a:hover {
    color: #223f62;
}
/* line 82, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .statement-head .ico, #medias .container-posts .statement-head .text {
    display: inline-block;
    vertical-align: bottom;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 87, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .statement-head .ico span, #medias .container-posts .statement-head .text span {
    display: block;
}
/* line 92, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .statement-head .ico {
    font-size: 18px;
}
/* line 96, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .statement-head .text {
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 14px;
    margin-left: 16px;
}
/* line 102, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .statement-item {
    background-color: white;
    margin-top: 20px;
}
/* line 107, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .statement-item:first-child {
    margin-top: 0;
}
/* line 111, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .statement-item a {
    padding: 20px;
    text-decoration: none;
    position: relative;
    display: block;
}
/* line 118, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .statement-item a:hover .link {
    color: #223f62;
}
/* line 124, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .statement-item .date {
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 12px;
    color: #2175d9;
    text-transform: uppercase;
}
/* line 130, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .statement-item .title {
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 20px;
    color: #0f1841;
    margin-top: 14px;
}
/* line 136, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .statement-item .light-button {
    margin-top: 30px;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 145, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .point-head .left {
    float: left;
    width: 100px;
    height: 120px;
}
/* line 151, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .point-head .right {
    padding-left: 20px;
    float: left;
    width: calc(100% - 100px);
}
/* line 157, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .point-head .title {
    font-family: 'GraphikRegular';
    font-size: 24px;
    line-height: 24px;
    color: #232323;
}
/* line 162, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .point-head .description {
    margin-top: 14px;
    color: #2175d9;
    font-size: 14px;
}
/* line 168, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .point-head .link {
    margin-top: 16px;
}
/* line 171, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .point-head .link a {
    text-decoration: none;
    font-size: 18px;
    color: #2175d9;
}
/* line 179, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .point-item {
    background-color: white;
    margin-top: 20px;
}
/* line 183, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .point-item a {
    padding: 20px;
    text-decoration: none;
    position: relative;
    display: block;
}
/* line 197, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .point-item .logo {
    position: absolute;
    right: 20px;
    top: 20px;
}
/* line 202, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .point-item .logo img {
    display: block;
}
/* line 207, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .point-item .date {
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 12px;
    color: #2175d9;
    text-transform: uppercase;
}
/* line 213, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .point-item .title {
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 20px;
    color: #0f1841;
    margin-top: 14px;
    max-width: 700px;
}
/* line 220, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .point-item .description {
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 16px;
    color: #0f1841;
    margin-top: 14px;
    padding-right: 100px;
}
/* line 227, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .point-item .light-button {
    margin-top: 20px;
}
/* line 235, src/desktop/styles/pages/_medias.scss */
#medias .container-posts #container-resources .list {
    padding-top: 20px;
    margin: 0 auto;
}
/* line 239, src/desktop/styles/pages/_medias.scss */
#medias .container-posts #container-resources .head {
    background: white;
    padding: 40px;
}
/* line 247, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .logo {
    float: left;
}
/* line 251, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .follow {
    float: right;
}
/* line 254, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .follow a {
    padding: 20px;
    border-radius: 3px;
    border: 1px solid #2175d9;
    display: block;
    text-decoration: none;
    color: #2175d9;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 263, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .follow a .icon-ico-twitter {
    margin-right: 20px;
    font-size: 18px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 269, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .follow a span {
    display: inline-block;
    vertical-align: middle;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 12px;
}
/* line 275, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .follow a:hover {
    background: #2175d9;
    color: white;
}
/* line 278, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .follow a:hover .icon-ico-twitter {
    color: white;
}
/* line 283, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .content {
    margin-top: 40px;
}
/* line 286, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .content .edito {
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 22px;
    color: #2175d9;
    margin-bottom: 20px;
}
/* line 292, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .content .left {
    float: left;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 20px;
    max-width: 660px;
    text-align: justify;
}
/* line 299, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .content .right {
    float: right;
    width: 380px;
}
/* line 304, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .content a {
    padding: 20px;
    border-radius: 3px;
    border: 1px solid #2175d9;
    display: inline-block;
    text-decoration: none;
    color: #2175d9;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 313, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .content a .icon-ico-twitter {
    margin-right: 20px;
    font-size: 18px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 319, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .content a span {
    display: inline-block;
    vertical-align: middle;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 12px;
}
/* line 325, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .content a:hover {
    background: #2175d9;
    color: white;
}
/* line 328, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .content a:hover .icon-ico-twitter {
    color: white;
}
/* line 333, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .push-newsletter {
    position: relative;
    background-color: #f4f4f4;
    padding: 30px;
}
/* line 338, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .push-newsletter .inner-push {
    height: 220px;
    text-align: center;
}
/* line 342, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .push-newsletter .inner-push .title {
    text-align: center;
    font-family: 'GraphikRegular';
    font-size: 18px;
    line-height: 22px;
    color: #232323;
}
/* line 347, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .push-newsletter .inner-push .title .blue {
    color: #2175d9;
}
/* line 352, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .push-newsletter .inner-push form {
    position: relative;
    margin-top: 30px;
}
/* line 357, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .push-newsletter .inner-push input[type="text"] {
    display: inline-block;
    width: 320px;
    height: 40px;
    border: 1px solid white;
    background-color: white;
    padding: 0 20px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 40px;
    color: #232323;
    transition: all 0.2s ease-out;
}
/* line 368, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .push-newsletter .inner-push input[type="text"].error {
    border-color: red;
    color: red;
}
/* line 374, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .push-newsletter .inner-push .submit {
    margin-top: 40px;
    text-align: right;
}
/* line 379, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .resources-head .push-newsletter .inner-push .form_msg {
    position: absolute;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 14px;
    padding-top: 10px;
    width: 100%;
    color: #232323;
    text-align: center;
}
/* line 391, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .r-item {
    position: relative;
    width: 100%;
    background-color: white;
    margin-top: 20px;
    padding: 20px;
}
/* line 399, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .r-item:hover .ico {
    transform: translateX(3px);
}
/* line 402, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .r-item a {
    text-decoration: none;
    display: block;
}
/* line 407, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .r-item .thumb {
    width: 100%;
    display: block;
    float: left;
    width: 18%;
    overflow: hidden;
}
/* line 416, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .r-item .thumb img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
/* line 423, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .r-item .content {
    float: left;
    width: 82%;
    padding-left: 30px;
    position: relative;
    min-height: 108px;
}
/* line 431, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .r-item .title {
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 22px;
    color: #0f1841;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 437, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .r-item .subtitle {
    margin-top: 16px;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 16px;
    color: #0f1841;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 444, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .r-item .link {
    position: absolute;
    left: 30px;
    bottom: 0px;
    color: #0f1841;
    line-height: 2px;
}
/* line 451, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .r-item .link .text {
    display: inline-block;
    vertical-align: middle;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 16px;
}
/* line 457, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .r-item .link .ico {
    margin-top: 2px;
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle;
    font-size: 8px;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 465, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .r-item .link .ico span {
    display: block;
}
/* line 472, src/desktop/styles/pages/_medias.scss */
#medias .container-posts .r-item:hover .title, #medias .container-posts .r-item:hover .subtitle, #medias .container-posts .r-item:hover .link {
    color: #2175d9;
}
/* line 481, src/desktop/styles/pages/_medias.scss */
#medias .load-more a {
    border: 1px solid #2175d9;
    position: relative;
    padding: 20px 0;
    text-align: center;
    display: block;
    text-decoration: none;
    width: 240px;
    margin: 0 auto;
    border-radius: 3px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 493, src/desktop/styles/pages/_medias.scss */
#medias .load-more a .text {
    display: inline-block;
    vertical-align: middle;
    color: #2175d9;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 18px;
}
/* line 500, src/desktop/styles/pages/_medias.scss */
#medias .load-more a .ico {
    display: inline-block;
    vertical-align: middle;
    color: #2175d9;
    margin-left: 14px;
}
/* line 506, src/desktop/styles/pages/_medias.scss */
#medias .load-more a .ico span {
    display: block;
    font-size: 8px;
}
/* line 512, src/desktop/styles/pages/_medias.scss */
#medias .load-more a #local-spin {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 32px;
    height: 32px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/* line 522, src/desktop/styles/pages/_medias.scss */
#medias .load-more a:hover {
    background-color: #2175d9;
}
/* line 524, src/desktop/styles/pages/_medias.scss */
#medias .load-more a:hover .text {
    color: #f7f5f0;
}
/* line 531, src/desktop/styles/pages/_medias.scss */
#medias .link-resources {
    margin: 40px 0;
    padding-right: 10px;
    text-align: right;
}
/* line 536, src/desktop/styles/pages/_medias.scss */
#medias .link-resources .button-rect {
    display: inline-block;
    text-align: left;
    width: 220px;
}
@media screen and (max-width: 1370px) {
/* line 550, src/desktop/styles/pages/_medias.scss */
#medias #content .sidebar {
    width: 240px;
}
/* line 553, src/desktop/styles/pages/_medias.scss */
#medias #content .sidebar .button-rect {
    width: 100%;
}
/* line 557, src/desktop/styles/pages/_medias.scss */
#medias #content .sidebar .twitter-item {
    width: 100%;
    min-width: 100%;
    padding: 20px 10px;
}
/* line 562, src/desktop/styles/pages/_medias.scss */
#medias #content .sidebar .twitter-item .infos {
    padding-left: 10px;
}
/* line 576, src/desktop/styles/pages/_medias.scss */
#medias #content .container-posts #container-resources .resources-head .right, #medias #content .container-posts #container-resources .resources-head .left {
    width: 48%;
    margin: 0;
    padding: 0;
}
/* line 583, src/desktop/styles/pages/_medias.scss */
#medias #content .container-posts #container-resources .resources-head .push-newsletter .inner-push input[type="text"] {
    width: 100%;
}
/* line 595, src/desktop/styles/pages/_medias.scss */
#medias .media-new-item .right .description {
    height: 50px;
    overflow: hidden;
}
}

/* line 605, src/desktop/styles/pages/_medias.scss */
.sidebar {
    width: 300px;
    float: right;
}
/* line 609, src/desktop/styles/pages/_medias.scss */
.sidebar .button {
    margin-bottom: 21px;
    display: block;
}
/* line 612, src/desktop/styles/pages/_medias.scss */
.sidebar .button .icon {
    color: #2175d9;
    margin-right: 15px;
}
/* line 617, src/desktop/styles/pages/_medias.scss */
.sidebar .button:hover, .sidebar .button:hover .icon {
    color: #f7f5f0;
}
/* line 621, src/desktop/styles/pages/_medias.scss */
.sidebar .twitter-item {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
}

/* line 628, src/desktop/styles/pages/_medias.scss */
#media-contact .title {
    font-family: 'GraphikRegular';
    font-size: 30px;
    line-height: 30px;
    color: #2175d9;
}
/* line 633, src/desktop/styles/pages/_medias.scss */
#media-contact .description, #media-contact .list {
    margin-top: 20px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 18px;
    color: #232323;
}
/* line 638, src/desktop/styles/pages/_medias.scss */
#media-contact .description strong, #media-contact .list strong {
    color: #2175d9;
}
/* line 643, src/desktop/styles/pages/_medias.scss */
#media-contact .list-item {
    margin-top: 20px;
}
/* line 646, src/desktop/styles/pages/_medias.scss */
#media-contact .list-item .left {
    float: left;
    padding-right: 40px;
}
/* line 651, src/desktop/styles/pages/_medias.scss */
#media-contact .list-item .right {
    float: left;
    border-left: 1px solid #ebebeb;
    padding-left: 40px;
}
/* line 657, src/desktop/styles/pages/_medias.scss */
#media-contact .list-item .name {
    color: #2175d9;
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 16px;
}
/* line 662, src/desktop/styles/pages/_medias.scss */
#media-contact .list-item .function {
    margin-top: 2px;
    margin-bottom: 10px;
}
/* line 667, src/desktop/styles/pages/_medias.scss */
#media-contact .list-item .function, #media-contact .list-item .number {
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 18px;
}
/* line 671, src/desktop/styles/pages/_medias.scss */
#media-contact .list-item .mail {
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 18px;
}
/* line 674, src/desktop/styles/pages/_medias.scss */
#media-contact .list-item .mail a {
    text-decoration: none;
    position: relative;
    padding-bottom: 4px;
    color: #2175d9;
}
/* line 680, src/desktop/styles/pages/_medias.scss */
#media-contact .list-item .mail a:after {
    content: "";
    position: absolute;
    width: 0;
    max-width: 100%;
    height: 1px;
    background-color: #2175d9;
    bottom: 0;
    left: 0;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 694, src/desktop/styles/pages/_medias.scss */
#media-contact .list-item .mail a:hover:after, #media-contact .list-item .mail a .current:after {
    width: 100%;
}

/*********************
SINGLE
*********************/
/* line 1, src/desktop/styles/pages/_single.scss */
#single {
/*********************
RESPONSIVE
*********************/
}
/* line 3, src/desktop/styles/pages/_single.scss */
#single .wrap {
    height: 100%;
}
/* line 7, src/desktop/styles/pages/_single.scss */
#single #content {
    background-color: #f7f5f0;
    padding: 40px 0;
}
/* line 11, src/desktop/styles/pages/_single.scss */
#single #content .container-post {
    width: 100%;
}
/* line 15, src/desktop/styles/pages/_single.scss */
#single #content #post {
    padding: 40px;
    background-color: white;
}
/* line 19, src/desktop/styles/pages/_single.scss */
#single #content #post .head {
    padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
}
/* line 23, src/desktop/styles/pages/_single.scss */
#single #content #post .head .left {
    float: left;
    width: 130px;
}
/* line 27, src/desktop/styles/pages/_single.scss */
#single #content #post .head .left a {
    text-decoration: none;
    color: #2175d9;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 12px;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 33, src/desktop/styles/pages/_single.scss */
#single #content #post .head .left a span {
    display: inline-block;
    vertical-align: middle;
}
/* line 37, src/desktop/styles/pages/_single.scss */
#single #content #post .head .left a span span {
    display: block;
}
/* line 42, src/desktop/styles/pages/_single.scss */
#single #content #post .head .left a .icon-ico-arrow-right {
    transform: rotate(-180deg);
    font-size: 8px;
    margin-right: 10px;
}
/* line 48, src/desktop/styles/pages/_single.scss */
#single #content #post .head .left a:hover {
    color: #223f62;
}
/* line 54, src/desktop/styles/pages/_single.scss */
#single #content #post .head .right {
    width: 200px;
    float: right;
    text-align: right;
}
/* line 59, src/desktop/styles/pages/_single.scss */
#single #content #post .head .right .legend {
    display: inline-block;
    vertical-align: middle;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 12px;
    color: #232323;
    text-transform: uppercase;
}
/* line 67, src/desktop/styles/pages/_single.scss */
#single #content #post .head .right ul {
    margin-left: 14px;
    margin-top: 0 !important;
    display: inline-block;
    vertical-align: middle;
}
/* line 73, src/desktop/styles/pages/_single.scss */
#single #content #post .head .right ul li {
    margin-top: -4px;
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle;
}
/* line 79, src/desktop/styles/pages/_single.scss */
#single #content #post .head .right ul li:first-child {
    margin-left: 0;
}
/* line 83, src/desktop/styles/pages/_single.scss */
#single #content #post .head .right ul li a {
    display: block;
    width: 20px;
    text-align: center;
    height: 12px;
    color: #2175d9;
    text-decoration: none;
    font-size: 12px;
    line-height: 12px;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 94, src/desktop/styles/pages/_single.scss */
#single #content #post .head .right ul li a:hover {
    color: #223f62;
}
/* line 98, src/desktop/styles/pages/_single.scss */
#single #content #post .head .right ul li a span {
    display: block;
}
/* line 104, src/desktop/styles/pages/_single.scss */
#single #content #post .head .right ul li.facebook a {
    width: 17px;
}
/* line 115, src/desktop/styles/pages/_single.scss */
#single #content #post .post-content .date {
    margin-top: 30px;
}
/* line 119, src/desktop/styles/pages/_single.scss */
#single #content #post .post-content .title {
    margin-top: 20px;
}
/* line 123, src/desktop/styles/pages/_single.scss */
#single #content #post .post-content .content {
    margin-top: 20px;
}
/* line 127, src/desktop/styles/pages/_single.scss */
#single #content #post .post-content .file {
    margin-top: 40px;
    height: 36px;
}
/* line 131, src/desktop/styles/pages/_single.scss */
#single #content #post .post-content .file a {
    text-decoration: none;
    display: inline-block;
    color: #2175d9;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 137, src/desktop/styles/pages/_single.scss */
#single #content #post .post-content .file a:hover {
    color: #223f62;
}
/* line 141, src/desktop/styles/pages/_single.scss */
#single #content #post .post-content .file a .ico {
    float: left;
    font-size: 36px;
}
/* line 146, src/desktop/styles/pages/_single.scss */
#single #content #post .post-content .file a .text {
    padding-top: 10px;
    float: left;
    padding-left: 24px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 18px;
}
/* line 159, src/desktop/styles/pages/_single.scss */
#single #content #related > .title {
    color: #2175d9;
    font-family: 'GraphikRegular';
    font-size: 26px;
    line-height: 26px;
    padding: 40px 0;
    padding-left: 20px;
}
/* line 167, src/desktop/styles/pages/_single.scss */
#single #content .sidebar {
    width: 300px;
    float: right;
}
/* line 179, src/desktop/styles/pages/_single.scss */
#single #content .sidebar .twitter-feed {
    margin-top: 0;
}
/* line 182, src/desktop/styles/pages/_single.scss */
#single #content .sidebar .twitter-feed .twitter-item {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
}
@media screen and (max-width: 1370px) {
/* line 196, src/desktop/styles/pages/_single.scss */
#single #content .sidebar {
    width: 240px;
}
/* line 199, src/desktop/styles/pages/_single.scss */
#single #content .sidebar .button-rect {
    width: 100%;
}
/* line 203, src/desktop/styles/pages/_single.scss */
#single #content .sidebar .twitter-item {
    width: 100%;
    min-width: 100%;
    padding: 20px 10px;
}
/* line 208, src/desktop/styles/pages/_single.scss */
#single #content .sidebar .twitter-item .infos {
    padding-left: 10px;
}
/* line 217, src/desktop/styles/pages/_single.scss */
#single #content .container-post #container-resources {
    padding: 0 0 40px 0;
}
/* line 220, src/desktop/styles/pages/_single.scss */
#single #content .container-post #container-resources .resources-head {
    padding: 40px 40px 0 40px;
}
/* line 223, src/desktop/styles/pages/_single.scss */
#single #content .container-post #container-resources .resources-head .left {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
}
/* line 230, src/desktop/styles/pages/_single.scss */
#single #content .container-post #container-resources .resources-head .right {
    width: 100%;
    float: none;
    margin: 20px 0 0 0;
    padding: 0;
}
/* line 237, src/desktop/styles/pages/_single.scss */
#single #content .container-post #container-resources .resources-head .push-newsletter .inner-push input[type="text"] {
    width: 100%;
}
/* line 249, src/desktop/styles/pages/_single.scss */
#single .media-new-item .right .description {
    height: 50px;
    overflow: hidden;
}
}

/*********************
RSE
*********************/
/* line 1, src/desktop/styles/pages/_rse.scss */
#rse {
/*********************
RESPONSIVE
*********************/
}
/* line 9, src/desktop/styles/pages/_rse.scss */
#rse #commitments {
    background-color: #f7f5f0;
}
/* line 12, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom {
    margin-top: 60px;
}
/* line 17, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-top .push-item {
    height: 300px;
    background-color: white;
    padding: 30px 35px;
    float: left;
    width: calc(100% / 3);
}
/* line 24, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-top .push-item .title {
    font-family: 'GraphikRegular';
    font-size: 18px;
    line-height: 22px;
    color: #2175d9;
    margin-bottom: 20px;
}
/* line 32, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-top .push-item ul li {
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
    color: #0f1841;
}
/* line 37, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-top .push-item ul li:first-child {
    margin-top: 0;
}
/* line 43, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-top .push-item p {
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
    color: #0f1841;
}
/* line 49, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-top .push-item .file {
    margin-top: 40px;
    height: 36px;
}
/* line 53, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-top .push-item .file a {
    text-decoration: none;
    display: inline-block;
    color: #2175d9;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 59, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-top .push-item .file a:hover {
    color: #d8dadb;
}
/* line 63, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-top .push-item .file a .ico {
    float: left;
    font-size: 36px;
}
/* line 68, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-top .push-item .file a .text {
    float: left;
    padding-left: 24px;
    width: calc(100% - 28px);
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 18px;
}
/* line 79, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-top .push-item.push3 ul {
    margin-top: 20px !important;
}
/* line 82, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-top .push-item.push3 ul li {
    margin: 0 0 0 10px;
    display: inline-block;
    vertical-align: middle;
}
/* line 87, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-top .push-item.push3 ul li:first-child {
    margin-left: 0;
}
/* line 96, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-bottom {
    margin-top: 40px;
}
/* line 99, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-bottom .push-item {
    float: left;
    width: calc(100% / 3);
    height: 220px;
    overflow: hidden;
    position: relative;
    padding: 40px;
}
/* line 107, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-bottom .push-item .background {
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 119, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-bottom .push-item a {
    text-decoration: none;
}
/* line 123, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-bottom .push-item a:hover .background {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    visibility: visible;
}
/* line 129, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-bottom .push-item .d-table {
    position: relative;
    z-index: 2;
}
/* line 134, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-bottom .push-item .d-cell {
    vertical-align: middle;
    color: white;
}
/* line 138, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-bottom .push-item .d-cell .legend {
    float: left;
    font-family: 'GraphikRegular';
    font-size: 18px;
    line-height: 22px;
}
/* line 143, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-bottom .push-item .d-cell .ico {
    float: right;
    font-size: 14px;
    padding-top: 2px;
}
/* line 148, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-bottom .push-item .d-cell .ico span {
    display: block;
}
/* line 155, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-bottom .push-item.push1 .background {
    background-image: url("../images/rse/charte.png");
}
/* line 160, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-bottom .push-item.push2 .background {
    background-image: url("../images/rse/instances.png");
}
/* line 165, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-bottom .push-item.push3 .background {
    background-image: url("../images/rse/alerte.png");
}
/* line 174, src/desktop/styles/pages/_rse.scss */
#rse #equality {
    background-color: white;
}
/* line 176, src/desktop/styles/pages/_rse.scss */
#rse #equality .post-content {
    padding-left: 20px;
    color: #0f1841;
}
/* line 181, src/desktop/styles/pages/_rse.scss */
#rse #equality .content {
    color: #0f1841;
}
/* line 183, src/desktop/styles/pages/_rse.scss */
#rse #equality .content ul {
    margin-bottom: 20px;
}
/* line 188, src/desktop/styles/pages/_rse.scss */
#rse #equality .wrap > .left {
    float: left;
    width: calc(100% - 320px);
    padding-right: 40px;
}
/* line 194, src/desktop/styles/pages/_rse.scss */
#rse #equality .right {
    float: right;
    text-align: center;
    padding-right: 180px;
}
/* line 199, src/desktop/styles/pages/_rse.scss */
#rse #equality .right .illustration {
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 16px;
}
/* line 204, src/desktop/styles/pages/_rse.scss */
#rse #equality .right .illustration img {
    display: inline-block;
    max-width: 100%;
}
/* line 210, src/desktop/styles/pages/_rse.scss */
#rse #equality .right .link {
    margin-top: 14px;
}
/* line 213, src/desktop/styles/pages/_rse.scss */
#rse #equality .right .link a {
    text-decoration: none;
    color: #2175d9;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 218, src/desktop/styles/pages/_rse.scss */
#rse #equality .right .link a:hover {
    color: #0f1841;
}
/* line 222, src/desktop/styles/pages/_rse.scss */
#rse #equality .right .link a .text {
    display: inline-block;
    vertical-align: middle;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 12px;
    margin-right: 8px;
}
/* line 229, src/desktop/styles/pages/_rse.scss */
#rse #equality .right .link a .ico {
    padding-top: 2px;
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
}
/* line 235, src/desktop/styles/pages/_rse.scss */
#rse #equality .right .link a .ico span {
    display: block;
}
/* line 244, src/desktop/styles/pages/_rse.scss */
#rse #diversity {
    background-color: #6ba5b4;
    position: relative;
}
/* line 248, src/desktop/styles/pages/_rse.scss */
#rse #diversity .top {
    position: relative;
    min-height: 160px;
}
/* line 253, src/desktop/styles/pages/_rse.scss */
#rse #diversity .bottom {
    margin: 60px 0 0 0;
    position: relative;
    height: 180px;
}
/* line 259, src/desktop/styles/pages/_rse.scss */
#rse #diversity .default, #rse #diversity .title-item {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
/* line 266, src/desktop/styles/pages/_rse.scss */
#rse #diversity .post-content ul {
    margin-bottom: 20px;
}
/* line 270, src/desktop/styles/pages/_rse.scss */
#rse #diversity .default {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
}
/* line 274, src/desktop/styles/pages/_rse.scss */
#rse #diversity .post-content {
    color: white;
}
/* line 276, src/desktop/styles/pages/_rse.scss */
#rse #diversity .post-content p, #rse #diversity .post-content ul {
    margin-bottom: 20px;
}
/* line 278, src/desktop/styles/pages/_rse.scss */
#rse #diversity .post-content p strong, #rse #diversity .post-content ul strong {
    font-family: 'GraphikBold';
    font-size: 14px;
    line-height: 20px;
}
/* line 283, src/desktop/styles/pages/_rse.scss */
#rse #diversity .post-content a {
    color: white;
    text-decoration: underline;
}
/* line 287, src/desktop/styles/pages/_rse.scss */
#rse #diversity .post-content a:hover {
    color: #d8dadb;
}
/* line 293, src/desktop/styles/pages/_rse.scss */
#rse #diversity .container-push {
    position: relative;
    width: 100%;
    border: 1px solid white;
}
/* line 298, src/desktop/styles/pages/_rse.scss */
#rse #diversity .container-push .push-item {
    float: left;
    cursor: pointer;
    width: calc(100%/4);
    height: 180px;
    text-align: center;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    border-right: 1px solid white;
}
/* line 307, src/desktop/styles/pages/_rse.scss */
#rse #diversity .container-push .push-item:hover, #rse #diversity .container-push .push-item.current {
    background-color: white;
}
/* line 310, src/desktop/styles/pages/_rse.scss */
#rse #diversity .container-push .push-item:hover .ico, #rse #diversity .container-push .push-item.current .ico {
    color: #6ba5b4;
}
/* line 313, src/desktop/styles/pages/_rse.scss */
#rse #diversity .container-push .push-item:hover .title, #rse #diversity .container-push .push-item.current .title {
    color: #6ba5b4;
}
/* line 318, src/desktop/styles/pages/_rse.scss */
#rse #diversity .container-push .push-item .ico {
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    color: white;
    font-size: 40px;
    height: 70px;
}
/* line 325, src/desktop/styles/pages/_rse.scss */
#rse #diversity .container-push .push-item .title {
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 14px;
    color: white;
    text-transform: uppercase;
}
/* line 330, src/desktop/styles/pages/_rse.scss */
#rse #diversity .container-push .push-item.push4 {
    border-right: none;
}
/* line 337, src/desktop/styles/pages/_rse.scss */
#rse #development {
    background-color: white;
    padding-top: 100px;
    margin-bottom: 50px;
}
/* line 342, src/desktop/styles/pages/_rse.scss */
#rse #development h3 {
    font-family: 'GraphikRegular';
    font-size: 18px;
    line-height: 22px;
    color: #2175d9;
    margin-bottom: 20px;
}
/* line 348, src/desktop/styles/pages/_rse.scss */
#rse #development .left {
    float: left;
    width: 50%;
    padding-left: 20px;
    padding-right: 40px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 20px;
}
/* line 356, src/desktop/styles/pages/_rse.scss */
#rse #development .right {
    border-left: 1px solid #e1e1e1;
    float: left;
    width: 50%;
    padding-left: 40px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 20px;
}
/* line 363, src/desktop/styles/pages/_rse.scss */
#rse #development .link {
    color: #2175d9;
    font-size: 16px;
    text-decoration: none;
}
/* line 367, src/desktop/styles/pages/_rse.scss */
#rse #development .link .ico {
    font-size: 10px;
    color: #2175d9;
    margin-left: 5px;
}
/* line 373, src/desktop/styles/pages/_rse.scss */
#rse #development p {
    margin-bottom: 20px;
}
/* line 378, src/desktop/styles/pages/_rse.scss */
#rse #volunteering {
    padding-bottom: 100px;
}
/* line 381, src/desktop/styles/pages/_rse.scss */
#rse #volunteering p {
    margin-bottom: 20px;
}
/* line 384, src/desktop/styles/pages/_rse.scss */
#rse #volunteering .f-left {
    width: 58%;
}
#rse #handicap {
    padding-bottom: 100px;
}
/* line 381, src/desktop/styles/pages/_rse.scss */
#rse #handicap p {
    margin-bottom: 20px;
    font-size: 14px !important;
}
/* line 384, src/desktop/styles/pages/_rse.scss */
#rse #handicap .f-left {
    width: 58%;
}
/* line 388, src/desktop/styles/pages/_rse.scss */
#rse #handicap .f-right {
    width: 42%;
}
#rse #handicap .pl-light {
    width: 42%;
}
#rse #handicap .pl-long {
    width: 58%;
}
.pl-light {
    float: left;
    padding-top: 20px ;
}
.pl-long {
    float: right;
}
.handicap {
    background-color: #f7f5f0 !important;
}
/* line 393, src/desktop/styles/pages/_rse.scss */
#rse #downloads {
    background-color: #f7f5f0;
}
/* line 396, src/desktop/styles/pages/_rse.scss */
#rse #downloads .container-files {
    margin-top: 40px;
}
/* line 400, src/desktop/styles/pages/_rse.scss */
#rse #downloads .file {
    float: left;
    width: calc(100% / 4);
}
/* line 404, src/desktop/styles/pages/_rse.scss */
#rse #downloads .file a {
    text-decoration: none;
    display: inline-block;
    color: #2175d9;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 410, src/desktop/styles/pages/_rse.scss */
#rse #downloads .file a:hover {
    color: #223f62;
}
/* line 414, src/desktop/styles/pages/_rse.scss */
#rse #downloads .file a .ico {
    float: left;
    font-size: 36px;
    width: 28px;
    margin-top: 4px;
}
/* line 420, src/desktop/styles/pages/_rse.scss */
#rse #downloads .file a .ico span {
    display: block;
}
/* line 425, src/desktop/styles/pages/_rse.scss */
#rse #downloads .file a .text {
    float: left;
    padding-left: 24px;
    padding-right: 30px;
    width: calc(100% - 28px);
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 18px;
}
@media screen and (max-width: 1370px) {
/* line 447, src/desktop/styles/pages/_rse.scss */
#rse #commitments .bottom .line-top .push-item {
    height: 340px;
}
}

/* line 459, src/desktop/styles/pages/_rse.scss */
.commitments-item .title {
    font-family: 'GraphikRegular';
    font-size: 30px;
    line-height: 30px;
    color: #2175d9;
    margin-bottom: 40px;
}
/* line 465, src/desktop/styles/pages/_rse.scss */
.commitments-item h4 {
    margin-bottom: 20px;
}

/* line 470, src/desktop/styles/pages/_rse.scss */
.equality-item {
    overflow: hidden !important;
    height: 100% !important;
}
/* line 474, src/desktop/styles/pages/_rse.scss */
.equality-item .slider-controls {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
/* line 481, src/desktop/styles/pages/_rse.scss */
.equality-item .slider-controls .arrow-left {
    cursor: pointer;
    float: left;
    color: #2175d9;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    font-size: 22px;
}
/* line 488, src/desktop/styles/pages/_rse.scss */
.equality-item .slider-controls .arrow-left span {
    display: block;
    transform: rotate(-180deg);
}
/* line 493, src/desktop/styles/pages/_rse.scss */
.equality-item .slider-controls .arrow-left:hover {
    color: #223f62;
}
/* line 498, src/desktop/styles/pages/_rse.scss */
.equality-item .slider-controls .number {
    float: left;
    width: 80px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 22px;
    color: #949596;
    text-align: center;
}
/* line 506, src/desktop/styles/pages/_rse.scss */
.equality-item .slider-controls .arrow-right {
    cursor: pointer;
    float: left;
    color: #2175d9;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    font-size: 22px;
}
/* line 513, src/desktop/styles/pages/_rse.scss */
.equality-item .slider-controls .arrow-right span {
    display: block;
}
/* line 517, src/desktop/styles/pages/_rse.scss */
.equality-item .slider-controls .arrow-right:hover {
    color: #223f62;
}
/* line 523, src/desktop/styles/pages/_rse.scss */
.equality-item .slider {
    width: 820px;
    height: 100%;
    margin: 0 auto;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
/* line 531, src/desktop/styles/pages/_rse.scss */
.equality-item .slick-list, .equality-item .slick-track {
    width: 100%;
    height: 100%;
}
/* line 536, src/desktop/styles/pages/_rse.scss */
.equality-item .slider-item {
    width: 100%;
    height: 100%;
    outline: none;
    text-align: center;
    line-height: 364px;
}
/* line 543, src/desktop/styles/pages/_rse.scss */
.equality-item .slider-item img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

/*********************
INSTITUT
*********************/
/* line 1, src/desktop/styles/pages/_institut.scss */
#institut {
/*********************
RESPONSIVE
*********************/
}
/* line 3, src/desktop/styles/pages/_institut.scss */
#institut #introduction {
    background: #223f62 url("../images/institut/introduction.jpg") no-repeat center center;
}
/* line 7, src/desktop/styles/pages/_institut.scss */
#institut #missions {
    background-color: #f7f5f0;
}
/* line 10, src/desktop/styles/pages/_institut.scss */
#institut #missions .wrap {
    height: 100%;
}
/* line 16, src/desktop/styles/pages/_institut.scss */
#institut #missions .top .left {
    margin-top: 4px;
    float: left;
    width: 400px;
    height: 218px;
    position: relative;
}
/* line 23, src/desktop/styles/pages/_institut.scss */
#institut #missions .top .left a {
    display: block;
    width: 100%;
    height: 100%;
}
/* line 30, src/desktop/styles/pages/_institut.scss */
#institut #missions .top .left a:hover .over {
    background-color: #232323;
}
/* line 36, src/desktop/styles/pages/_institut.scss */
#institut #missions .top .left .thumb {
    width: 100%;
    height: 100%;
}
/* line 40, src/desktop/styles/pages/_institut.scss */
#institut #missions .top .left .thumb img {
    width: 100%;
    height: 100%;
}
/* line 46, src/desktop/styles/pages/_institut.scss */
#institut #missions .top .left .over {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: rgba(35, 35, 35, 0.7);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 1;
    text-align: center;
    line-height: 70px;
    color: white;
    font-size: 24px;
    padding-left: 6px;
    padding-top: 2px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 66, src/desktop/styles/pages/_institut.scss */
#institut #missions .top .right {
    float: right;
    width: calc(100% - 400px);
}
/* line 71, src/desktop/styles/pages/_institut.scss */
#institut #missions .top .right .content p {
    color: #0f1841;
}
/* line 76, src/desktop/styles/pages/_institut.scss */
#institut #missions .top .right .file {
    margin-top: 40px;
}
/* line 79, src/desktop/styles/pages/_institut.scss */
#institut #missions .top .right .file a {
    text-decoration: none;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    color: #2175d9;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 86, src/desktop/styles/pages/_institut.scss */
#institut #missions .top .right .file a:hover {
    color: #0f1841;
}
/* line 90, src/desktop/styles/pages/_institut.scss */
#institut #missions .top .right .file a .ico {
    float: left;
    font-size: 36px;
}
/* line 95, src/desktop/styles/pages/_institut.scss */
#institut #missions .top .right .file a .text {
    width: 416px;
    float: left;
    padding-left: 24px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 18px;
}
/* line 104, src/desktop/styles/pages/_institut.scss */
#institut #missions .top .right:first-child {
    width: 100%;
}
/* line 110, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom {
    margin-top: 60px;
}
/* line 113, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-top {
    padding: 40px;
    background-color: #0f1841;
}
/* line 116, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-top .medium-title {
    margin-bottom: 0px;
}
/* line 120, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-top .action-item {
    margin-top: 20px;
    width: calc(100% / 3);
    color: white;
    float: left;
    height: 80px;
    padding: 0 20px;
}
/* line 128, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-top .action-item .left {
    text-align: center;
    font-size: 42px;
    line-height: 80px;
    padding-top: 6px;
    float: left;
    width: 50px;
}
/* line 137, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-top .action-item .right {
    width: calc(100% - 50px);
    height: 80px;
    float: left;
    padding-left: 40px;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 14px;
}
/* line 145, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-top .action-item.large {
    width: calc((100% / 3) * 2);
}
/* line 151, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-bottom {
    height: 342px;
    overflow: hidden;
}
/* line 155, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-bottom > .left {
    float: left;
    width: 50%;
    background-color: #ffb511;
    padding: 40px;
    height: 100%;
}
/* line 163, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-bottom > .right {
    float: left;
    width: 50%;
    background-color: white;
    padding: 40px;
    height: 100%;
}
/* line 170, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-bottom > .right .title {
    color: #2175d9;
}
/* line 174, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-bottom > .right .container-item {
    margin-top: 20px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 20px;
    color: #232323;
}
/* line 179, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-bottom > .right .container-item strong {
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 20px;
    color: #2175d9;
}
/* line 184, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-bottom > .right .container-item p {
    margin-top: 10px;
}
/* line 189, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-bottom > .right .help {
    margin-top: 20px;
}
/* line 192, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-bottom > .right .help a {
    position: relative;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 20px;
    color: #2175d9;
    text-decoration: none;
}
/* line 198, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-bottom > .right .help a:after {
    content: "";
    position: absolute;
    width: 0;
    max-width: 100%;
    height: 1px;
    background-color: #2175d9;
    bottom: 0;
    left: 0;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 211, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-bottom > .right .help a:hover:after {
    width: 100%;
}
/* line 219, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-bottom .number-item {
    margin-top: 20px;
    width: calc(100% / 3);
    color: white;
    float: left;
    height: 100px;
    padding-right: 30px;
}
/* line 227, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-bottom .number-item .nb {
    font-family: 'GraphikRegular';
    font-size: 26px;
    line-height: 26px;
}
/* line 231, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-bottom .number-item .legend {
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 18px;
    height: 40px;
}
/* line 236, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-bottom .number-item:nth-of-type(5) {
    width: calc((100% / 3) * 2);
}
/* line 245, src/desktop/styles/pages/_institut.scss */
#institut #partners {
    background-color: white;
}
/* line 248, src/desktop/styles/pages/_institut.scss */
#institut #partners .top {
    margin-top: 30px;
    position: relative;
    width: 100%;
    height: 80px;
    overflow: hidden;
}
/* line 255, src/desktop/styles/pages/_institut.scss */
#institut #partners .top .push-item {
    width: calc(100% / 6);
    height: 80px;
    float: left;
}
/* line 261, src/desktop/styles/pages/_institut.scss */
#institut #partners .top .push-item:first-child a {
    border-left: none;
}
/* line 266, src/desktop/styles/pages/_institut.scss */
#institut #partners .top .push-item a {
    position: relative;
    display: block;
    border-left: 1px solid white;
    background: #f7f5f0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #2175d9;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 16px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    overflow: hidden;
}
/* line 279, src/desktop/styles/pages/_institut.scss */
#institut #partners .top .push-item a .inner {
    position: absolute;
    padding: 0;
    width: 100%;
    left: 0;
    bottom: 20px;
}
/* line 287, src/desktop/styles/pages/_institut.scss */
#institut #partners .top .push-item a .left {
    width: 150px;
    padding-left: 20px;
}
/* line 292, src/desktop/styles/pages/_institut.scss */
#institut #partners .top .push-item a .right {
    position: absolute;
    right: 20px;
    bottom: 6px;
}
/* line 297, src/desktop/styles/pages/_institut.scss */
#institut #partners .top .push-item a .right span {
    font-size: 6px;
    color: white;
    display: block;
}
/* line 304, src/desktop/styles/pages/_institut.scss */
#institut #partners .top .push-item a:hover, #institut #partners .top .push-item a.current {
    background-color: #2175d9;
    color: white;
    border-color: #2175d9;
}
/* line 313, src/desktop/styles/pages/_institut.scss */
#institut #partners .bottom {
    margin-top: 60px;
}
/* line 316, src/desktop/styles/pages/_institut.scss */
#institut #partners .bottom .container-tab {
    position: relative;
}
/* line 321, src/desktop/styles/pages/_institut.scss */
#institut #partners .bottom .partner-tab {
    position: absolute;
    top: 0;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
}
/* line 327, src/desktop/styles/pages/_institut.scss */
#institut #partners .bottom .partner-tab:first-child {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
}
/* line 332, src/desktop/styles/pages/_institut.scss */
#institut #partners .bottom .partner-item {
    margin-top: 30px;
}
/* line 335, src/desktop/styles/pages/_institut.scss */
#institut #partners .bottom .partner-item:first-child {
    margin-top: 0;
}
/* line 340, src/desktop/styles/pages/_institut.scss */
#institut #partners .bottom .partner-item .left {
    display: inline-block;
    vertical-align: middle;
    width: 260px;
}
/* line 346, src/desktop/styles/pages/_institut.scss */
#institut #partners .bottom .partner-item .right {
    padding-top: 4px;
    width: calc(100% - 270px);
    display: inline-block;
    vertical-align: middle;
    color: #232323;
}
/* line 353, src/desktop/styles/pages/_institut.scss */
#institut #partners .bottom .partner-item .right strong {
    color: #2175d9;
}
/* line 358, src/desktop/styles/pages/_institut.scss */
#institut #partners .bottom .partner-item a {
    display: block;
    text-decoration: none;
}
/* line 363, src/desktop/styles/pages/_institut.scss */
#institut #partners .bottom .partner-item a:hover .post-content {
    color: #223f62 !important;
}
@media screen and (max-width: 1370px) {
/* line 380, src/desktop/styles/pages/_institut.scss */
#institut #missions .top .left {
    width: 324px;
}
/* line 383, src/desktop/styles/pages/_institut.scss */
#institut #missions .top .left .thumb {
    position: relative;
    overflow: hidden;
}
/* line 387, src/desktop/styles/pages/_institut.scss */
#institut #missions .top .left .thumb img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    min-height: 100%;
    width: auto;
    max-width: 400px;
}
/* line 399, src/desktop/styles/pages/_institut.scss */
#institut #missions .top .right {
    width: calc(100% - 324px);
}
/* line 409, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-bottom > .right .container-item {
    font-size: 12px !important;
    line-height: 18px !important;
}
/* line 413, src/desktop/styles/pages/_institut.scss */
#institut #missions .bottom .line-bottom > .right .container-item strong {
    font-size: 12px !important;
    line-height: 18px !important;
}
}

/* line 428, src/desktop/styles/pages/_institut.scss */
.help-item .title {
    font-family: 'GraphikRegular';
    font-size: 30px;
    line-height: 30px;
    color: #2175d9;
    margin-bottom: 40px;
}

/*********************
TALENTS
*********************/
/* line 3, src/desktop/styles/pages/_talents.scss */
#talents #introduction {
    background: #223f62 url("../images/talents/introduction.jpg") no-repeat center center;
    background-size: cover;
}
/* line 10, src/desktop/styles/pages/_talents.scss */
#talents #policy .background {
    position: absolute;
    width: 100%;
    height: 590px;
    z-index: 1;
}
/* line 16, src/desktop/styles/pages/_talents.scss */
#talents #policy .background .left {
    background: #f7f5f0;
    float: left;
    width: 50%;
    min-height: 835px;
}
/* line 22, src/desktop/styles/pages/_talents.scss */
#talents #policy .background .right {
    background: #6ba5b4;
    float: left;
    width: 50%;
    min-height: 835px;
}
/* line 30, src/desktop/styles/pages/_talents.scss */
#talents #policy .wrap {
    z-index: 1;
}
/* line 34, src/desktop/styles/pages/_talents.scss */
#talents #policy .wrap .post-content p, #talents #policy .wrap .post-content ul {
    margin-bottom: 20px;
}
/* line 37, src/desktop/styles/pages/_talents.scss */
#talents #policy .wrap .left {
    padding-left: 40px;
    padding-right: 50px;
}
/* line 42, src/desktop/styles/pages/_talents.scss */
#talents #policy .wrap .right {
    padding-left: 40px;
    padding-right: 50px;
}
/* line 47, src/desktop/styles/pages/_talents.scss */
#talents #policy .wrap .left {
    background: #f7f5f0;
    float: left;
    width: 50%;
    min-height: 590px;
}
/* line 55, src/desktop/styles/pages/_talents.scss */
#talents #policy .wrap .left .post-content p, #talents #policy .wrap .left .post-content ul {
    color: #0f1841;
}
/* line 58, src/desktop/styles/pages/_talents.scss */
#talents #policy .wrap .left .post-content p strong, #talents #policy .wrap .left .post-content ul strong {
    color: #2175d9;
}
/* line 65, src/desktop/styles/pages/_talents.scss */
#talents #policy .wrap .right {
    background: #6ba5b4;
    float: left;
    width: 50%;
    min-height: 590px;
}
/* line 72, src/desktop/styles/pages/_talents.scss */
#talents #policy .wrap .right .post-content p, #talents #policy .wrap .right .post-content ul {
    color: white;
}
/* line 77, src/desktop/styles/pages/_talents.scss */
#talents #policy .wrap .right .file {
    margin-top: 40px;
    height: 36px;
}
/* line 81, src/desktop/styles/pages/_talents.scss */
#talents #policy .wrap .right .file a {
    text-decoration: none;
    font-family: 'GraphikRegular';
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    color: white;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 88, src/desktop/styles/pages/_talents.scss */
#talents #policy .wrap .right .file a:hover {
    opacity: 0.5;
}
/* line 92, src/desktop/styles/pages/_talents.scss */
#talents #policy .wrap .right .file a .ico {
    float: left;
    font-size: 36px;
}
/* line 97, src/desktop/styles/pages/_talents.scss */
#talents #policy .wrap .right .file a .text {
    width: 292px;
    float: left;
    padding-left: 24px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 18px;
}
/* line 109, src/desktop/styles/pages/_talents.scss */
#talents #policy .post-content a {
    color: #2175d9 !important;
}
/* line 112, src/desktop/styles/pages/_talents.scss */
#talents #policy .post-content a:hover {
    color: #223f62 !important;
}
/* line 120, src/desktop/styles/pages/_talents.scss */
#talents #jobs > .wrap {
    background: white url("../images/talents/background-metier.png") no-repeat top right;
}
/* line 122, src/desktop/styles/pages/_talents.scss */
#talents #jobs > .wrap .legend {
    max-width: 820px;
    color: #0f1841;
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 22px;
}
/* line 128, src/desktop/styles/pages/_talents.scss */
#talents #jobs > .wrap .button {
    margin-top: 20px;
}
/* line 136, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom {
    background-color: #f4f4f4;
    position: relative;
    padding: 60px 0;
}
/* line 141, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom #job-slider {
    width: 100%;
    height: 200px;
}
/* line 145, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom #job-slider .job-item {
    float: left;
    width: 100%;
    height: 100%;
}
/* line 150, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom #job-slider .job-item .left {
    float: left;
    width: 380px;
    height: 200px;
    overflow: hidden;
    position: relative;
}
/* line 157, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom #job-slider .job-item .left a {
    display: block;
    width: 100%;
    height: 100%;
}
/* line 164, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom #job-slider .job-item .left a:hover .over {
    background-color: #232323;
}
/* line 170, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom #job-slider .job-item .left .thumb {
    width: 100%;
    height: 100%;
}
/* line 174, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom #job-slider .job-item .left .thumb img {
    width: 100%;
    height: 100%;
}
/* line 180, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom #job-slider .job-item .left .over {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: rgba(35, 35, 35, 0.7);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 1;
    text-align: center;
    line-height: 70px;
    color: white;
    font-size: 24px;
    padding-left: 6px;
    padding-top: 2px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 200, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom #job-slider .job-item .right {
    padding: 0 40px;
    float: left;
    width: calc(100% - 380px);
    height: 200px;
}
/* line 206, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom #job-slider .job-item .right .title {
    font-family: 'GraphikRegular';
    font-size: 20px;
    line-height: 20px;
    color: #223f62;
}
/* line 211, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom #job-slider .job-item .right .post-content {
    margin-top: 30px;
}
/* line 215, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom #job-slider .job-item .right:first-child {
    width: 100%;
}
/* line 222, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom .slider-controls {
    background-color: white;
    padding: 30px 40px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
}
/* line 230, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom .slider-controls .arrow-left {
    cursor: pointer;
    float: left;
    color: #2175d9;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    font-size: 22px;
}
/* line 237, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom .slider-controls .arrow-left span {
    display: block;
    transform: rotate(-180deg);
}
/* line 242, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom .slider-controls .arrow-left:hover {
    color: #223f62;
}
/* line 247, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom .slider-controls .number {
    float: left;
    width: 80px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 22px;
    color: #949596;
    text-align: center;
}
/* line 255, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom .slider-controls .arrow-right {
    cursor: pointer;
    float: left;
    color: #2175d9;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    font-size: 22px;
}
/* line 262, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom .slider-controls .arrow-right span {
    display: block;
}
/* line 266, src/desktop/styles/pages/_talents.scss */
#talents #jobs .bottom .slider-controls .arrow-right:hover {
    color: #223f62;
}
/* line 274, src/desktop/styles/pages/_talents.scss */
#talents #evolution {
    background-color: white;
}
/* line 277, src/desktop/styles/pages/_talents.scss */
#talents #evolution .content {
    margin-top: 10px;
}
/* line 280, src/desktop/styles/pages/_talents.scss */
#talents #evolution .content #submenu {
    border-bottom: 1px solid #e4e4e4;
    height: 80px;
}
/* line 287, src/desktop/styles/pages/_talents.scss */
#talents #evolution .content .submenu-item ul {
    overflow: hidden;
}
/* line 290, src/desktop/styles/pages/_talents.scss */
#talents #evolution .content .submenu-item ul li {
    margin-left: 50px;
    float: left;
}
/* line 294, src/desktop/styles/pages/_talents.scss */
#talents #evolution .content .submenu-item ul li:first-child {
    margin-left: 0;
}
/* line 298, src/desktop/styles/pages/_talents.scss */
#talents #evolution .content .submenu-item ul li a {
    position: relative;
    display: block;
    height: 79px;
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 16px;
    padding-top: 34px;
    color: #232323;
    text-decoration: none;
    transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 308, src/desktop/styles/pages/_talents.scss */
#talents #evolution .content .submenu-item ul li a:after {
    content: "";
    position: absolute;
    width: 0;
    max-width: 100%;
    height: 4px;
    background-color: #2175d9;
    bottom: 0;
    left: 0;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 320, src/desktop/styles/pages/_talents.scss */
#talents #evolution .content .submenu-item ul li a:hover, #talents #evolution .content .submenu-item ul li a.current {
    color: #2175d9;
}
/* line 323, src/desktop/styles/pages/_talents.scss */
#talents #evolution .content .submenu-item ul li a:hover:after, #talents #evolution .content .submenu-item ul li a.current:after {
    width: 100%;
}
/* line 332, src/desktop/styles/pages/_talents.scss */
#talents #evolution .content .text-content {
    margin-top: 60px;
    position: relative;
}
/* line 336, src/desktop/styles/pages/_talents.scss */
#talents #evolution .content .text-content p {
    color: #0f1841;
}
/* line 338, src/desktop/styles/pages/_talents.scss */
#talents #evolution .content .text-content p strong {
    color: #2175d9;
}
/* line 341, src/desktop/styles/pages/_talents.scss */
#talents #evolution .content .text-content p .bold {
    font-family: 'GraphikBold';
    font-size: 14px;
    line-height: 16px;
}
/* line 346, src/desktop/styles/pages/_talents.scss */
#talents #evolution .content .text-content .text-tab-item {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    max-width: 1000px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
/* line 354, src/desktop/styles/pages/_talents.scss */
#talents #evolution .content .text-content .text-tab-item:first-child {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
}
/* line 362, src/desktop/styles/pages/_talents.scss */
/*#talents #relations {
background-color: #f7f5f0;
}*/
/* line 365, src/desktop/styles/pages/_talents.scss */
#talents #relations .bottom {
    margin-top: 60px;
    display: table;
}
/* line 369, src/desktop/styles/pages/_talents.scss */
#talents #relations .bottom .school-item {
    display: table-cell;
    vertical-align: top;
    width: 33%;
    padding: 0 40px;
    padding-bottom: 30px;
}
/* line 376, src/desktop/styles/pages/_talents.scss */
#talents #relations .bottom .school-item:first-child {
    padding-left: 0;
    border-left: 0;
}
/* line 381, src/desktop/styles/pages/_talents.scss */
#talents #relations .bottom .school-item .logo {
    height: 70px;
    line-height: 70px;
}
/* line 385, src/desktop/styles/pages/_talents.scss */
#talents #relations .bottom .school-item .logo img {
    display: inline-block;
    vertical-align: bottom;
    width: auto;
}
/* line 392, src/desktop/styles/pages/_talents.scss */
#talents #relations .bottom .school-item .title {
    margin-top: 30px;
    font-family: 'GraphikRegular';
    font-size: 18px;
    line-height: 22px;
    color: #2175d9;
}
/* line 398, src/desktop/styles/pages/_talents.scss */
#talents #relations .bottom .school-item .description {
    margin-top: 20px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 18px;
    color: #0f1841;
}
@media screen and (max-width: 1370px) {
/* line 413, src/desktop/styles/pages/_talents.scss */
#talents #introduction .bottom .push-item:first-child a .left {
    width: 150px;
}
/* line 421, src/desktop/styles/pages/_talents.scss */
#talents #jobs {
    max-height: 716px;
}
/* line 423, src/desktop/styles/pages/_talents.scss */
#talents #jobs > .wrap {
    padding-bottom: 80px;
}
/* line 425, src/desktop/styles/pages/_talents.scss */
#talents #jobs > .wrap .legend {
    max-width: 600px;
}
/* line 433, src/desktop/styles/pages/_talents.scss */
#talents #policy .background .left, #talents #policy .background .right {
    height: 630px;
}
/* line 438, src/desktop/styles/pages/_talents.scss */
#talents #policy .wrap .left, #talents #policy .wrap .right {
    height: 930px;
}
#talents #policy .background .left {
    min-height: 930px;
}
/* line 22, src/desktop/styles/pages/_talents.scss */
#talents #policy .background .right {
    min-height: 930px;
}
}

/*********************
SEARCH
*********************/
/* line 1, src/desktop/styles/pages/_search.scss */
#search {
    background-color: #f4f4f4;
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 20%;
    left: 0;
    z-index: 10000;
    padding: 110px 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    display: none;
/*********************
RESPONSIVE
*********************/
}
/* line 13, src/desktop/styles/pages/_search.scss */
#search .close {
    cursor: pointer;
    font-size: 30px;
    color: #d8dadb;
    position: absolute;
    top: -70px;
    right: 0;
    line-height: 30px;
    height: 30px;
    text-align: center;
    transition: all 0.2s ease-out;
}
/* line 25, src/desktop/styles/pages/_search.scss */
#search .close:hover {
    color: #2175d9;
}
/* line 30, src/desktop/styles/pages/_search.scss */
#search .top {
    width: 100%;
    overflow: hidden;
}
/* line 34, src/desktop/styles/pages/_search.scss */
#search .top input[type="search"] {
    height: 100px;
    width: calc(100% - 100px);
    float: left;
    background-color: #f4f4f4;
    padding: 0 40px;
    font-family: 'GraphikRegular';
    font-size: 26px;
    line-height: 98px;
    border: 1px solid #cbcbcb;
    border-right: 0;
}
/* line 45, src/desktop/styles/pages/_search.scss */
#search .top input[type="submit"] {
    cursor: pointer;
    float: right;
    height: 100px;
    width: 100px;
    background-color: #f4f4f4;
    font-family: 'GraphikRegular';
    font-size: 26px;
    line-height: 98px;
    text-align: center;
    border: 1px solid #cbcbcb;
    border-left: 0;
    color: #b2b2b2;
    transition: all 0.2s ease-out;
}
/* line 58, src/desktop/styles/pages/_search.scss */
#search .top input[type="submit"]:hover {
    color: white;
    background-color: #cbcbcb;
}
/* line 66, src/desktop/styles/pages/_search.scss */
#search #search-spin {
    position: absolute;
    top: 160px;
    left: 50%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
}
/* line 73, src/desktop/styles/pages/_search.scss */
#search .search-results {
    padding-top: 30px;
}
/* line 76, src/desktop/styles/pages/_search.scss */
#search .search-results .msg {
    padding: 40px 0;
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #232323;
}
/* line 83, src/desktop/styles/pages/_search.scss */
#search .search-results .search-item {
    margin-top: 20px;
    position: relative;
    width: 100%;
    height: 200px;
    padding: 10px;
    background-color: white;
    overflow: hidden;
    border: 1px solid #f4f4f4;
    transition: border-color 0.2s ease-out;
}
/* line 94, src/desktop/styles/pages/_search.scss */
#search .search-results .search-item:hover {
    border-color: #2175d9;
}
/* line 98, src/desktop/styles/pages/_search.scss */
#search .search-results .search-item a {
    text-decoration: none;
}
/* line 102, src/desktop/styles/pages/_search.scss */
#search .search-results .search-item .thumb {
    float: left;
    width: 280px;
    height: 180px;
    overflow: hidden;
    position: relative;
}
/* line 109, src/desktop/styles/pages/_search.scss */
#search .search-results .search-item .thumb img {
    position: absolute;
    width: auto;
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    left: 50%;
    transform: translate(-50%, 0);
}
/* line 121, src/desktop/styles/pages/_search.scss */
#search .search-results .search-item .description {
    float: left;
    width: calc(100% - 280px);
    height: 180px;
    padding: 0 80px 0 30px;
}
/* line 127, src/desktop/styles/pages/_search.scss */
#search .search-results .search-item .description .d-cell {
    text-align: left;
}
/* line 131, src/desktop/styles/pages/_search.scss */
#search .search-results .search-item .description .title {
    font-family: 'GraphikRegular';
    font-size: 20px;
    line-height: 24px;
    max-width: 80%;
    color: #2175d9;
}
/* line 137, src/desktop/styles/pages/_search.scss */
#search .search-results .search-item .description .content {
    margin-top: 14px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 20px;
    color: #232323;
    max-width: 690px;
}
/* line 144, src/desktop/styles/pages/_search.scss */
#search .search-results .search-item .description .infos {
    margin-top: 30px;
}
/* line 147, src/desktop/styles/pages/_search.scss */
#search .search-results .search-item .description .infos .type {
    padding-top: 4px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #2175d9;
    padding-right: 10px;
    border-right: 1px solid #d8dadb;
    text-transform: uppercase;
}
/* line 159, src/desktop/styles/pages/_search.scss */
#search .search-results .search-item .description .infos .date {
    padding-top: 4px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'GraphikRegular';
    font-size: 13px;
    line-height: 13px;
    letter-spacing: 0.05em;
    color: #d8dadb;
    padding-left: 10px;
    text-transform: uppercase;
}
/* line 171, src/desktop/styles/pages/_search.scss */
#search .search-results .search-item .description .color-type {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    right: 50px;
    border-radius: 50%;
    background-color: #2175d9;
    margin-top: -5px;
}
@media screen and (max-width: 1370px) {
/* line 191, src/desktop/styles/pages/_search.scss */
#search .search-results .search-item .description .title {
    font-size: 16px;
    line-height: 20px;
}
/* line 195, src/desktop/styles/pages/_search.scss */
#search .search-results .search-item .description .content {
    font-size: 12px;
    line-height: 16px;
}
}

/*********************
ERROR
*********************/
/* line 1, src/desktop/styles/pages/_error.scss */
#error {
    background-color: #f4f4f4;
    text-align: center;
    padding: 60px 0;
}
/* line 6, src/desktop/styles/pages/_error.scss */
#error .title {
    font-family: 'GraphikRegular';
    font-size: 70px;
    line-height: 80px;
    color: #2175d9;
}
/* line 11, src/desktop/styles/pages/_error.scss */
#error .legend {
    font-family: 'GraphikRegular';
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
}
/* line 16, src/desktop/styles/pages/_error.scss */
#error .button {
    margin-top: 30px;
}

/*********************
AUSY
*********************/
/* line 7, src/desktop/styles/pages/_ausy.scss */
#ausy #introduction {
    background: #0f1841 url("../images/groupe/introduction.png") no-repeat center center;
}
/* line 11, src/desktop/styles/pages/_ausy.scss */
#ausy #identite {
    background-color: #f7f5f0;
    padding: 100px 0;
}
/* line 15, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .wrap {
    height: 100%;
}
/* line 23, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .top .left {
    margin-top: 4px;
    float: left;
    width: 400px;
    height: 218px;
    position: relative;
}
/* line 30, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .top .left a {
    display: block;
    width: 100%;
    height: 100%;
}
/* line 37, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .top .left a:hover .over {
    background-color: #232323;
}
/* line 43, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .top .left .thumb {
    width: 100%;
    height: 100%;
}
/* line 47, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .top .left .thumb img {
    width: 100%;
    height: 100%;
}
/* line 53, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .top .left .over {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: rgba(35, 35, 35, 0.7);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 1;
    text-align: center;
    line-height: 70px;
    color: white;
    font-size: 24px;
    padding-left: 6px;
    padding-top: 2px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 73, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .top .right {
    float: right;
    width: calc(100% - 400px);
    padding-right: 10px;
}
/* line 79, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .top .right .content {
    margin-top: 30px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 22px;
    color: #0f1841;
}
/* line 86, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .top .right:first-child {
    width: 100%;
}
/* line 89, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .top .right .file {
    margin-top: 40px;
    margin-right: 35px;
}
/* line 139, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .bottom {
    position: absolute;
    width: 100%;
    height: 300px;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
/* line 147, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .bottom .push-item {
    float: left;
    width: calc(100% /3);
    height: 270px;
    padding: 30px 40px;
    position: relative;
}
/* line 154, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .bottom .push-item .title {
    font-family: 'GraphikRegular';
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 30px;
}
/* line 159, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .bottom .push-item .description {
    font-family: 'GraphikRegular';
    font-size: 13px;
    line-height: 18px;
}
/* line 162, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .bottom .push-item.push1 {
    background: #0f1841;
}
/* line 164, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .bottom .push-item.push1 .title, #ausy #identite .bottom .push-item.push1 .description {
    color: white;
}
/* line 166, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .bottom .push-item.push2 {
    background-color: white;
    color: #0f1841;
}
/* line 170, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .bottom .push-item.push3 {
    background: #6ba5b4;
}
/* line 172, src/desktop/styles/pages/_ausy.scss */
#ausy #identite .bottom .push-item.push3 .title, #ausy #identite .bottom .push-item.push3 .description {
    color: white;
}
/* line 180, src/desktop/styles/pages/_ausy.scss */
#ausy #expert {
    background-color: white;
    padding: 100px 0;
}
/* line 186, src/desktop/styles/pages/_ausy.scss */
#ausy p > img {
    margin-top: 40px;
}

#groupe #values .bottom {
    display: table;
}

#groupe #values .push-item {
    display: table-cell;
    vertical-align: top;
    float: none;
}

#groupe #values .push-item .text {
    height: auto;
}
#groupe #values .push-item.push2 .text {
    padding-top: 122px;
}

#groupe #values .push-item .d-cell {
    vertical-align: middle;
}

#talents #relations .bottom .school-item .logo img {
    max-width: 110px;
}

#talents #relations .bottom .school-item {
    display: inline-table;
}

#talents #relations .bottom .school-item p {
    margin-top: 20px;
}

#talents #relations .bottom .school-item p:first-child {
    margin-top: 0;
}

#talents #relations .bottom .school-item:nth-child(4n) {
    padding-left: 0;
}

#innovations .wrap.cf {
    margin-top: 70px;
}

#innovations .wrap.cf .thumb img {
    display: block;
}

#innovations .wrap.cf:first-child {
    margin-top: 0;
}

#footer .footer-edito {
    color: white;
    font-size: 12px;
    line-height: 16px;
    width: 80%;
    margin-top: 30px;
}


/*********************
PAGE COMMON
*********************/
/* line 7, src/desktop/styles/pages/_ausy.scss */
#page-common #introduction {
    background: #2175D9 url("../images/common/introduction.png") no-repeat center center;
}
/* line 11, src/desktop/styles/pages/_ausy.scss */
#page-common #identite {
    background-color: #f7f5f0;
    padding: 100px 0;
}
/* line 15, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .wrap {
    height: 100%;
}
/* line 23, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .top .left {
    margin-top: 4px;
    float: left;
    width: 400px;
    height: 218px;
    position: relative;
}
/* line 30, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .top .left a {
    display: block;
    width: 100%;
    height: 100%;
}
/* line 37, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .top .left a:hover .over {
    background-color: #232323;
}
/* line 43, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .top .left .thumb {
    width: 100%;
    height: 100%;
}
/* line 47, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .top .left .thumb img {
    width: 100%;
    height: 100%;
}
/* line 53, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .top .left .over {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: rgba(35, 35, 35, 0.7);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 1;
    text-align: center;
    line-height: 70px;
    color: white;
    font-size: 24px;
    padding-left: 6px;
    padding-top: 2px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 73, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .top .right {
    float: right;
    width: calc(100% - 400px);
    padding-right: 10px;
}
/* line 79, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .top .right .content {
    margin-top: 30px;
    font-family: 'GraphikRegular';
    font-size: 14px;
    line-height: 22px;
    color: #0f1841;
}
/* line 86, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .top .right:first-child {
    width: 100%;
}
/* line 89, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .top .right .file {
    margin-top: 40px;
    margin-right: 35px;
}
/* line 139, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .bottom {
    position: absolute;
    width: 100%;
    height: 300px;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
/* line 147, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .bottom .push-item {
    float: left;
    width: calc(100% /3);
    height: 270px;
    padding: 30px 40px;
    position: relative;
}
/* line 154, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .bottom .push-item .title {
    font-family: 'GraphikRegular';
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 30px;
}
/* line 159, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .bottom .push-item .description {
    font-family: 'GraphikRegular';
    font-size: 13px;
    line-height: 18px;
}
/* line 162, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .bottom .push-item.push1 {
    background: #0f1841;
}
/* line 164, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .bottom .push-item.push1 .title, #page-common #identite .bottom .push-item.push1 .description {
    color: white;
}
/* line 166, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .bottom .push-item.push2 {
    background-color: white;
    color: #0f1841;
}
/* line 170, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .bottom .push-item.push3 {
    background: #6ba5b4;
}
/* line 172, src/desktop/styles/pages/_ausy.scss */
#page-common #identite .bottom .push-item.push3 .title, #page-common #identite .bottom .push-item.push3 .description {
    color: white;
}
/* line 180, src/desktop/styles/pages/_ausy.scss */
#page-common #expert {
    background-color: white;
    padding: 100px 0;
}
/* line 186, src/desktop/styles/pages/_ausy.scss */
#page-common p > img {
    margin-top: 40px;
}

#home #resources .wrap {
    background-position: right center;
}

#header .bottom {
    padding-right: 10px;
    padding-top: 2px;
    text-align: right;
}

#header .bottom .euronext {
    margin-right: 10px;
}

#header .bottom p {
    color: white;
    margin-top: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

#header .bottom p a {
    display: inline-block !important;
    vertical-align: middle !important;
}

#header .bottom p img {
    height: 26px;
    width: auto;
    display: block;
}

#institut #missions .top .right .file a .text {
    margin-top: 8px;
}

#institut #missions .bottom .line-top .action-item {
    margin-top: 30px;
    height: auto;
    padding: 0 30px 0 0;
}

#institut #missions .bottom .line-top .action-item .title .icon {
    display: inline-block;
    vertical-align: middle;
    color: white;
    line-height: 24px;
    font-size: 24px;
}

#institut #missions .bottom .line-top .action-item .title .icon.geo svg {
    display: block;
    width: 22px;
    height: 22px;
}

#institut #missions .bottom .line-top .action-item .title .icon.gear svg {
    display: block;
    width: 22px;
    height: 22px;
}

#institut #missions .bottom .line-top .action-item .title .content {
    display: inline-block;
    vertical-align: middle;
    color: white;
    font-family: 'GraphikRegular';
    font-size: 18px;
    margin-left: 10px;
    line-height: 18px;
}

#institut #missions .bottom .line-top .action-item .text {
    color: white;
    font-family: 'GraphikRegular';
    font-size: 14px;
    margin-top: 20px;
    line-height: 22px;
}

.development_members {
    margin-top: 90px;
}

.development_members .legend {
    padding-left: 20px;
}

.development_members .container {
    margin-top: 40px;
}

#rse h3 {
    font-family: 'GraphikRegular';
    font-size: 18px;
    line-height: 22px;
    color: #2175d9;
    margin-bottom: 20px;
}

#rse #equality .f-left {
    width: calc(100% - 410px);
}

#rse #equality .right {
    padding-right: 0;
    text-align: center;
    width: 380px;
}

#header .bottom {
    color: white;
    font-size: 12px;
    line-height: 12px;
}

#banner-exchange span.down {
    color: red;
}

#banner-exchange span.up {
    color: green;
}

.icon-ico-bourse-down {
    color: red;
    font-size: 12px;
    line-height: 12px;
}

.icon-ico-bourse-up {
    color: green;
    font-size: 12px;
    line-height: 12px;
}

#reglement li ol
{
    list-style: disc !important;
    padding-left: 40px !important;
}

#reglement ol
{
    padding-left: 40px !important;
}

#banner-institut-randstad
{
    color: #ffffff;
    padding: 40px;
    padding-top: 0;
    padding-right: 0;
    background: url( '../images/institut/prix-institut-randstad/banner.jpg' ) top right no-repeat #0f1941;
    height: 310px;
    margin-bottom: 40px;
}

#banner-institut-randstad #banner-picto
{
    padding-top: 30px;
    margin-bottom: 20px;
}

#banner-institut-randstad a
{
    color: #ffffff;
    text-decoration: none;
}

#banner-institut-randstad li
{
    margin-top: 15px;
    padding-top: 5px;
    padding-bottom: 10px;
    background: url( '../images/institut/prix-institut-randstad/blue_arrow.png' ) top left no-repeat;
    padding-left: 35px;
}

#banner-institut-randstad a:hover
{
    text-decoration: underline;
}

#steps li, #selection li
{
    background: url( '../images/institut/prix-institut-randstad/blue_arrow.png' ) top left no-repeat;
    padding-left: 35px;
    margin-bottom: 25px;
}


/* STICKY BANNER */

#sticky-banner
{
    background: #fab510;
    padding: 40px 0 30px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

#sticky-banner h2
{
    font-size: 24px;
    line-height: 35px;
}

#sticky-banner a
{
    font-size: 18px;
    line-height: 30px;
}

#sticky-banner a:hover
{
    text-decoration: none;
}

#sticky-banner .btn
{
    border: solid 2px #ffffff;
    font-size: 20px;
    line-height: 60px;
    height: 60px;
    display: inline-block;
    text-decoration: none;
    padding: 0 15px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

#sticky-banner .btn:hover
{
    background: #2175d9;
    border-color: #2175d9;
    color: #fff;
}

.h-100
{
    height: 100%;
}

.tailleSvg
{
    width: 0.6em !important;
    padding-top: 2px !important;
}

.imgVideo {
    padding-top: 5% !important;
}

.play {
    padding-right: 100% !important;
}

h3 .medium-title {
    font-size: 1.6rem !important;
}

#institut .pbm {
    padding-bottom: 2rem !important;
}

#institut .pbl {
    padding-bottom: 1rem !important;
}

.v2
{
    padding: 50px !important;
}

.overdeux {
    padding-bottom: 25%;
}

.plusHaut {
    padding-bottom: 10%;
}

#institut .plusPetit{
    font-size: 1.6rem !important;
}

.post-content .title, .post-content h1
{
    font-family: 'GraphikRegular';
    font-size: 36px;
    letter-spacing: -1px;
    line-height: 1.2;
    color: #0f1941;
    margin-bottom: 20px;
}

.post-content .content h2
{
    font-family: 'GraphikRegular';
    font-weight: normal;
    font-size: 30px;
    letter-spacing: -1px;
    color: #2175d9;
}

.post-content .content h3
{
    font-family: 'GraphikRegular';
    font-size: 20px;
    letter-spacing: -1px;
    color: #2175d9;
    font-weight: normal;
}

.footer-edito
{
    float: left;
}

#footer-top-employer-logo
{
    float: right;
    margin-top: 30px;
}

#footer-top-employer-logo  img
{
    width: 149px;
}

.clearfix
{
    clear: both;
}

.post-content .thumbnail, .post-header .post-content
{
    float: left;
}

.post-content .thumbnail
{
    margin: 30px;
    margin-left: 0;
}

.post-content .thumbnail img
{
    max-width: 350px;
}

.post-content .theme
{
    margin-top: 30px;
    text-transform: uppercase;
}

.post-content .theme ul
{
    list-style: none;
}

.post-content .date
{
    margin-top: 15px !important;
}

.content.dark-blue
{
    font-size: 16px;
}

.post-content .chapo
{
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
}

.bgc-white
{
    background: #ffffff !important;
}

.author-informations
{
    margin-bottom: 40px;
}

#ia
{
    background-color: #f7f5f0 !important;
}

.fc-white
{
    color: #fff !important;
}

.fc-blue
{
    color: #2175D9 !important;
}

#key-figures .ico img
{
    height: 40px;
}

#history .time-item .content
{
    min-height: 200px;
}

.bgc-light-blue {
    background-color: #00D7FF;
}

.bgc-blue
{
    background-color: #2175D9;
}

.bgc-dark-blue
{
    background-color: #0F1941;
}

.bgc-9 {
    background-color: #A6C8F0;
}

.fc-dark-blue {
    color: #0F1941 !important;
}

#activites #content #informations .information-item img
{
    max-width: 867px;
}

#footer .socials img
{
    width: 30px;
    height: 30px;
}

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

.d-inline-block
{
    display: inline-block;
}

#institut-contact-form .txt-center p {
    margin-bottom: 64px;
}

#home-banner
{
    height: 360px;
}

#home-banner .wrap {
    padding-top: 50px;
    height: 100%;
}

#home-banner .large-title
{
    font-size: 60px;
    letter-spacing: -3px;
    line-height: 60px;
}

#home-banner .home-banner-container{
    max-width: 620px;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
}

#home-banner .button, #home-activity .button
{
    margin-top: 30px;
}

#home-activity
{
    padding: 100px 0;
}

.thumb img
{
    max-width: 100%;
}

.ml-4
{
    margin-left: 40px;
}