/*********************
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;
}

/* line 60, src/desktop/styles/base/_fonts.scss */
.icon-video:before {
  content: "\e900";
}

/* line 63, src/desktop/styles/base/_fonts.scss */
.icon-ico-agence:before {
  content: "\e901";
}

/* line 66, src/desktop/styles/base/_fonts.scss */
.icon-ico-arrow-down:before {
  content: "\e902";
}

/* line 69, src/desktop/styles/base/_fonts.scss */
.icon-ico-arrow-right:before {
  content: "\e903";
}

/* line 72, src/desktop/styles/base/_fonts.scss */
.icon-ico-baseline:before {
  content: "\e904";
}

/* line 75, src/desktop/styles/base/_fonts.scss */
.icon-ico-birthday:before {
  content: "\e905";
}

/* line 78, src/desktop/styles/base/_fonts.scss */
.icon-ico-bourse-down:before {
  content: "\e906";
}

/* line 81, src/desktop/styles/base/_fonts.scss */
.icon-ico-bourse-egal:before {
  content: "\e907";
}

/* line 84, src/desktop/styles/base/_fonts.scss */
.icon-ico-bourse:before {
  content: "\e908";
}

/* line 87, src/desktop/styles/base/_fonts.scss */
.icon-ico-bourse-up:before {
  content: "\e909";
}

/* line 90, src/desktop/styles/base/_fonts.scss */
.icon-ico-build:before {
  content: "\e90a";
}

/* line 93, src/desktop/styles/base/_fonts.scss */
.icon-ico-conseil:before {
  content: "\e90b";
}

/* line 96, src/desktop/styles/base/_fonts.scss */
.icon-ico-document:before {
  content: "\e90c";
}

/* line 99, src/desktop/styles/base/_fonts.scss */
.icon-ico-egalite:before {
  content: "\e90d";
}

/* line 102, src/desktop/styles/base/_fonts.scss */
.icon-ico-euro:before {
  content: "\e90e";
}

/* line 105, src/desktop/styles/base/_fonts.scss */
.icon-ico-externalisation:before {
  content: "\e90f";
}

/* line 108, src/desktop/styles/base/_fonts.scss */
.icon-ico-flag:before {
  content: "\e910";
}

/* line 111, src/desktop/styles/base/_fonts.scss */
.icon-ico-formation:before {
  content: "\e911";
}

/* line 114, src/desktop/styles/base/_fonts.scss */
.icon-ico-france-full:before {
  content: "\e912";
}

/* line 117, src/desktop/styles/base/_fonts.scss */
.icon-ico-france:before {
  content: "\e913";
}

/* line 120, src/desktop/styles/base/_fonts.scss */
.icon-ico-group:before {
  content: "\e914";
}

/* line 123, src/desktop/styles/base/_fonts.scss */
.icon-ico-home:before {
  content: "\e915";
}

/* line 129, src/desktop/styles/base/_fonts.scss */
.icon-ico-logo:before {
  content: "\e917";
}

/* line 132, src/desktop/styles/base/_fonts.scss */
.icon-ico-people:before {
  content: "\e918";
}

/* line 135, src/desktop/styles/base/_fonts.scss */
.icon-ico-planet:before {
  content: "\e919";
}

/* line 138, src/desktop/styles/base/_fonts.scss */
.icon-ico-play:before {
  content: "\e91a";
}

/* line 141, src/desktop/styles/base/_fonts.scss */
.icon-ico-point:before {
  content: "\e91b";
}

/* line 144, src/desktop/styles/base/_fonts.scss */
.icon-ico-randstad:before {
  content: "\e91c";
}

/* line 147, src/desktop/styles/base/_fonts.scss */
.icon-ico-recrutement:before {
  content: "\e91d";
}

/* line 150, src/desktop/styles/base/_fonts.scss */
.icon-ico-resources:before {
  content: "\e91e";
}

/* line 153, src/desktop/styles/base/_fonts.scss */
.icon-ico-twitter:before {
  content: "\e91f";
}

/* line 156, src/desktop/styles/base/_fonts.scss */
.icon-ico-vedior:before {
  content: "\e920";
}

/* line 159, src/desktop/styles/base/_fonts.scss */
.icon-ico-close:before {
  content: "\e921";
}

/* line 162, src/desktop/styles/base/_fonts.scss */
.icon-ico-statement:before {
  content: "\e922";
}

/* line 165, src/desktop/styles/base/_fonts.scss */
.icon-ico-facebook:before {
  content: "\e923";
}

/* line 168, src/desktop/styles/base/_fonts.scss */
.icon-ico-file:before {
  content: "\e924";
}

/* line 171, src/desktop/styles/base/_fonts.scss */
.icon-ico-age:before {
  content: "\e925";
}

/* line 174, src/desktop/styles/base/_fonts.scss */
.icon-ico-gender:before {
  content: "\e926";
}

/* line 177, src/desktop/styles/base/_fonts.scss */
.icon-ico-handi:before {
  content: "\e927";
}

/* line 180, src/desktop/styles/base/_fonts.scss */
.icon-ico-religion:before {
  content: "\e928";
}

/* line 183, src/desktop/styles/base/_fonts.scss */
.icon-ico-bulb:before {
  content: "\e929";
}

/* line 186, src/desktop/styles/base/_fonts.scss */
.icon-ico-video:before {
  content: "\e92a";
}

/* line 189, src/desktop/styles/base/_fonts.scss */
.icon-ico-wen:before {
  content: "\e92c";
}

/* line 192, src/desktop/styles/base/_fonts.scss */
.icon-ico-youtube:before {
  content: "\e92b";
}

/* line 195, src/desktop/styles/base/_fonts.scss */
.icon-ico-chain-left:before {
  content: "\e92d";
}

/* line 198, src/desktop/styles/base/_fonts.scss */
.icon-ico-chain-right:before {
  content: "\e92e";
}

/* line 201, src/desktop/styles/base/_fonts.scss */
.icon-ico-euro-full:before {
  content: "\e92f";
}

/* line 204, src/desktop/styles/base/_fonts.scss */
.icon-ico-suitcase:before {
  content: "\e930";
}

/* line 207, src/desktop/styles/base/_fonts.scss */
.icon-ico-right:before {
  content: "\e931";
}

/* line 210, src/desktop/styles/base/_fonts.scss */
.icon-ico-plus:before {
  content: "\e932";
}

/* line 214, src/desktop/styles/base/_fonts.scss */
.icon-ico-at:before {
  content: "\e933";
}

/* line 218, src/desktop/styles/base/_fonts.scss */
.icon-ico-linkedin:before {
  content: "\e934";
}

/* 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;
}
/* line 76, src/desktop/styles/base/_buttons.scss */
.button.white a:hover .text {
  color: #6ba5b4;
}

/* 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: 50px;
  line-height: 50px;
  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: #232323;
  min-height: 100%;
  position: relative;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

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

/* 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 {
  background-color: #0f1841;
  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;
  width: 40px;
  border-radius: 3px;
  cursor: pointer;
  transition: border 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  text-align: center;
}
/* 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;
}
/* 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: absolute;
  background: #2175d9;
  height: 330px;
  padding-top: 80px;
  width: 100%;
  top: 0;
  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;
}
/* 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;
}
/* 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: 12px;
  line-height: 12px;
  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: 34px;
  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 {
  padding-left: 40px;
  font-family: 'GraphikRegular';
  font-size: 16px;
  line-height: 22px;
  color: white;
  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 {
  margin-bottom: 40px;
  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: #232323;
}
/* 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: #232323;
}
/* 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);
}

/* 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: #232323;
}
/* 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: white;
  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: #6ba5b4;
  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 #2175d9;
  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;
}
/* line 222, src/desktop/styles/pages/_home.scss */
#home #introduction #news .push-item a {
  text-decoration: none;
}
/* 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);
}
/* 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;
  color: white;
  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 url("../images/home/groupe-background.jpg") no-repeat right bottom;
  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) / 4);
  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 7, src/desktop/styles/pages/_groupe.scss */
#groupe #introduction {
  background: #0f1841 url("../images/groupe/introduction.png") no-repeat center center;
}
/* 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: #0f1841;
}
/* 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: #6ba5b4;
}
/* 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: #ffb511;
}
/* 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: #e74536;
}
/* 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: #223f62 url("../images/tech/introduction.jpg") 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;
}
/* 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: #6ba5b4;
}
/* line 194, src/desktop/styles/pages/_tech.scss */
#tech #big-data .top {
  padding: 100px 0 60px 0;
  background: url("../images/tech/background-top-bigdata.png") no-repeat right bottom;
}
/* 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: 200px;
  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: 14px;
  line-height: 18px;
  margin-bottom: 15px;
}
/* line 213, src/desktop/styles/pages/_tech.scss */
#tech #big-data .push-item .description {
  font-family: 'GraphikRegular';
  font-size: 12px;
  line-height: 14px;
}
/* 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: #ffb511;
}
/* 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: white;
}
/* 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 3, src/desktop/styles/pages/_activites.scss */
#activites #introduction {
  background-image: url("../images/activites/introduction.jpg");
}
/* 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: 580px;
}
/* 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 3, src/desktop/styles/pages/_rse.scss */
#rse #introduction {
  background-image: url("../images/rse/introduction.jpg");
}
/* 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: 12px;
  line-height: 16px;
  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: 12px;
  line-height: 16px;
  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%;
}
/* line 388, src/desktop/styles/pages/_rse.scss */
#rse #volunteering .f-right {
  width: 42%;
}
/* 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: 630px;
}
/* line 22, src/desktop/styles/pages/_talents.scss */
#talents #policy .background .right {
  background: #6ba5b4;
  float: left;
  width: 50%;
  min-height: 630px;
}
/* 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: calc(100% / 3);
  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: 630px;
  }
}

/*********************
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;
}