@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i");
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html, body {
  height: 100%; }

body {
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: normal;
  margin: 0;
  padding: 0; }

ul, ol, li, h1, h2, h3, h4, h5, h6, p, figure, fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

ul, ol, li {
  list-style-type: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary,
div, h1, h2, h3, h4, h5, h6, ul, ol, li, form, input {
  box-sizing: border-box; }

img {
  max-width: 100%; }

a:focus {
  outline: 1px dotted #000; }

button:focus, input:focus {
  outline: 1px dotted #000; }

.header, .footer-page footer, .block, .block-ca-cib-content, .webform-submission-form, .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-item {
  box-sizing: border-box;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0; }

.header-wrapp, .header-bottom, .footer-page footer .page-size, .footer-page footer .site-footer-adress, .footer-page footer .language-switcher-language-url, .footer-page footer #block-ca-cib-footer, .block .item, .block-ca-cib-content .main, .block-ca-cib-content .right, .form-item input, .form-item label, .form-item select, .block__pictures, .block__illus, .block__description, .block-dispatch, .block-text .column, .right .block-text .column, .block__files, .block__description-files, .category-attachment, .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element {
  box-sizing: border-box;
  display: inline-block;
  font-size: initial;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 100%; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
@media print {
  .form-search, .header-bottom, .header-img, .social-share, .block-menu-mobile-burger, .slide-show-actu, .block-text, .map, .block__pictures, .push-pictures, .slider-zoom, .footer-page {
    display: none; }
  .block-portrait {
    page-break-before: always; } }

.header {
  display: flex;
  flex-flow: row wrap;
  padding: 20px 0px 20px 0px; }
  .header-wrapp {
    text-align: center;
    order: 2; }
    @media only screen and (min-width: 1025px) {
      .header-wrapp {
        width: 70%; }
        .header-wrapp head {
          font-family: desk; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .header-wrapp {
        width: 70%; }
        .header-wrapp head {
          font-family: lap; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .header-wrapp {
        width: 70%; }
        .header-wrapp head {
          font-family: palm; } }
    @media only screen and (min-width: 1025px) {
      .header-wrapp {
        order: 1;
        text-align: left; }
        .header-wrapp head {
          font-family: desk; } }
  .header-bottom {
    /*elements génériques du menu */
    order: 1; }
    .header-bottom .block-menu-top {
      margin-top: 18px; }
      @media only screen and (max-width: 1024px) {
        .header-bottom .block-menu-top {
          display: none; }
          .header-bottom .block-menu-top head {
            font-family: lap-palm; } }
    @media only screen and (min-width: 1025px) {
      .header-bottom {
        order: 3; }
        .header-bottom head {
          font-family: desk; }
        .header-bottom .block-menu-mobile, .header-bottom .hamburger-icon-bottom {
          display: none; } }
    .header-bottom .nav {
      /*Habillage deskop */
      /* Habillage mobile */
      font-size: 14px;
      font-size: 0.81667rem;
      line-height: 1.3; }
      .header-bottom .nav_item {
        position: relative; }
        .header-bottom .nav_item a {
          text-decoration: none;
          font-weight: bold; }
        .header-bottom .nav_item--level-0 > a {
          padding-right: 10px;
          color: #676565; }
        .header-bottom .nav_item--level-1 > a {
          padding-left: 10px;
          position: relative;
          display: block;
          color: #009271;
          text-transform: uppercase;
          font-weight: 500; }
          .header-bottom .nav_item--level-1 > a:before {
            width: 2px;
            height: 100%;
            background-color: #009271;
            left: 0; }
        .header-bottom .nav_item--level-2 > a {
          color: #737373;
          font-size: 12px;
          font-size: 0.7rem;
          line-height: 1.3;
          font-weight: 400;
          padding: 0 0 0 15px;
          display: block; }
          .header-bottom .nav_item--level-2 > a:before {
            background-image: url(../images/sprites/@1x.png);
            background-position: -231px -109px;
            width: 6px;
            height: 7px;
            left: 0; }
      .header-bottom .nav--desktop .nav_item {
        display: inline-block;
        vertical-align: top; }
        .header-bottom .nav--desktop .nav_item--level-0 > a {
          padding-left: 10px;
          border-right: 1px solid #d4d7d9; }
        .header-bottom .nav--desktop .nav_item--level-0:first-child > a {
          padding-left: 0px; }
        .header-bottom .nav--desktop .nav_item--level-0:last-child > a {
          border-right: none; }
        .header-bottom .nav--desktop .nav_item--level-1 {
          width: 45%;
          margin-bottom: 15px; }
          .header-bottom .nav--desktop .nav_item--level-1:nth-child(odd) {
            margin-right: 4%; }
        .header-bottom .nav--desktop .nav_item--level-2 {
          display: block;
          margin-bottom: 5px; }
      .header-bottom .nav--desktop .sub_nav-1 {
        padding: 12px 20px 12px 20px;
        position: absolute;
        top: 20px;
        width: 520px;
        left: 0;
        z-index: 5;
        background: #ffffff;
        border-left: 1px solid #bec1c3;
        border-right: 1px solid #bec1c3;
        border-bottom: 4px solid #009257; }
      .header-bottom .nav--desktop .sub_nav-closed-1 {
        visibility: hidden; }
      .header-bottom .nav--desktop .sub_nav-2 {
        margin-top: 10px;
        margin-bottom: 15px; }
      .header-bottom .nav--mobile {
        width: 100%;
        position: fixed;
        z-index: 3;
        padding: 30px 15px 50px 15px;
        background: #ffffff;
        height: 100%;
        top: 60px;
        overflow-x: hidden;
        overflow-y: scroll;
        transition-property: left;
        transition-duration: 0.3s; }
        .header-bottom .nav--mobile .sub_nav-1 {
          padding: 50px 0 0px 0; }
        .header-bottom .nav--mobile .nav_item--level-0 {
          padding: 0px 0 20px 0; }
          .header-bottom .nav--mobile .nav_item--level-0 > a {
            display: block;
            position: relative; }
            .header-bottom .nav--mobile .nav_item--level-0 > a:after {
              background-image: url(../images/sprites/@1x.png);
              background-position: -231px -44px;
              width: 11px;
              height: 11px;
              right: 0; }
          .header-bottom .nav--mobile .nav_item--level-0 .open:after {
            background-image: url(../images/sprites/@1x.png);
            background-position: -231px -85px;
            width: 9px;
            height: 8px; }
        .header-bottom .nav--mobile .nav_item--level-1 {
          margin-bottom: 30px; }
      .header-bottom .nav-closed {
        visibility: hidden; }
    @media only screen and (min-width: 1025px) {
      .header-bottom {
        width: 100%; }
        .header-bottom head {
          font-family: desk; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .header-bottom {
        width: 16.66667%; }
        .header-bottom head {
          font-family: lap; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .header-bottom {
        width: 16.66667%; }
        .header-bottom head {
          font-family: palm; } }
  .header-img img {
    width: 100%; }

.toolbar-vertical header .nav--mobile {
  top: 99px;
  z-index: 501; }

.toolbar-horizontal header .nav--mobile {
  top: 140px;
  z-index: 501; }

.search-mobile-event {
  display: block;
  position: absolute;
  top: 26px;
  right: 10px;
  background-image: url(../images/sprites/@1x.png);
  background-position: -202px -151px;
  width: 18px;
  height: 18px; }
  @media only screen and (min-width: 1025px) {
    .search-mobile-event {
      display: none; }
      .search-mobile-event head {
        font-family: desk; } }

.form-search {
  display: none;
  margin-top: 10px;
  order: 2; }
  .form-search .search-input, .form-search #search {
    vertical-align: middle;
    font-size: 15px;
    font-size: 0.875rem;
    line-height: 1.3;
    border-color: #009257;
    border-right: none;
    border-left: none;
    height: 54px; }
    @media only screen and (min-width: 1025px) {
      .form-search .search-input, .form-search #search {
        display: inline-block;
        height: 22px;
        width: 22px;
        border: 1px solid #009257; }
        .form-search .search-input head, .form-search #search head {
          font-family: desk; } }
  .form-search #search {
    background-image: url(../images/sprites/@1x.png);
    background-position: -169px -141px;
    position: relative;
    padding: 4px 14px 3px 14px;
    background-color: #ffffff; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .form-search #search {
        visibility: hidden; }
        .form-search #search head {
          font-family: lap; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .form-search #search {
        visibility: hidden; }
        .form-search #search head {
          font-family: palm; } }
  .form-search .search-input {
    padding: 0 0px 0 40px;
    width: 100%;
    background: url("../images/@1x/search-mobile.png") no-repeat 9px 17px;
    color: #737a7e;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0; }
    @media only screen and (min-width: 1025px) {
      .form-search .search-input {
        width: 90%;
        padding: 0 0px 0 10px;
        background: none; }
        .form-search .search-input head {
          font-family: desk; } }
    .form-search .search-input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #737a7e;
      font-size: 15px;
      font-size: 0.875rem;
      line-height: 1.3; }
    .form-search .search-input::-moz-placeholder {
      /* Firefox 19+ */
      color: #737a7e;
      font-size: 15px;
      font-size: 0.875rem;
      line-height: 1.3; }
    .form-search .search-input:-ms-input-placeholder {
      /* IE 10+ */
      color: #737a7e;
      font-size: 15px;
      font-size: 0.875rem;
      line-height: 1.3; }
    .form-search .search-input:-moz-placeholder {
      /* Firefox 18- */
      color: #737a7e;
      font-size: 15px;
      font-size: 0.875rem;
      line-height: 1.3; }
  @media only screen and (min-width: 1025px) {
    .form-search {
      display: block; }
      .form-search head {
        font-family: desk; } }
  @media only screen and (min-width: 1025px) {
    .form-search {
      width: 30%; }
      .form-search head {
        font-family: desk; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .form-search {
      width: 100%; }
      .form-search head {
        font-family: lap; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .form-search {
      width: 100%; }
      .form-search head {
        font-family: palm; } }

.hamburger-icon-bottom {
  background-image: url(../images/sprites/@1x.png);
  background-position: -96px -199px;
  width: 29px;
  height: 20px;
  margin: 3px 0 0 11px; }

.icon-active {
  background-image: url(../images/sprites/@1x.png);
  background-position: -202px -100px;
  width: 22px;
  height: 23px; }

.footer-page {
  background-color: #209f66; }
  .footer-page a {
    color: #ffffff;
    font-size: 17px;
    font-size: 0.99167rem;
    line-height: 1.3; }
  .footer-page footer {
    padding: 20px 40px 20px 40px;
    position: relative; }
    .footer-page footer #block-social-networks-menu-menu {
      display: none; }
    .footer-page footer .page-size #block-ca-cib-footer li {
      display: inline-block;
      margin-right: 5%;
      margin-bottom: 0; }
      @media only screen and (min-width: 320px) and (max-width: 767px) {
        .footer-page footer .page-size #block-ca-cib-footer li {
          display: block;
          margin-bottom: 5%; }
          .footer-page footer .page-size #block-ca-cib-footer li head {
            font-family: palm; } }
    @media only screen and (min-width: 1025px) {
      .footer-page footer .page-size {
        width: 80%; }
        .footer-page footer .page-size head {
          font-family: desk; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .footer-page footer .page-size {
        width: 100%; }
        .footer-page footer .page-size head {
          font-family: lap; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .footer-page footer .page-size {
        width: 100%; }
        .footer-page footer .page-size head {
          font-family: palm; } }
    @media only screen and (min-width: 1025px) {
      .footer-page footer .site-footer-adress {
        width: 20%; }
        .footer-page footer .site-footer-adress head {
          font-family: desk; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .footer-page footer .site-footer-adress {
        width: 80%; }
        .footer-page footer .site-footer-adress head {
          font-family: lap; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .footer-page footer .site-footer-adress {
        width: 100%; }
        .footer-page footer .site-footer-adress head {
          font-family: palm; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .footer-page footer .site-footer-adress {
        position: absolute;
        left: 170px;
        z-index: 3;
        top: 47%; }
        .footer-page footer .site-footer-adress head {
          font-family: lap; } }
    .footer-page footer #block-ca-cib-footer {
      vertical-align: bottom; }
      @media only screen and (min-width: 1025px) {
        .footer-page footer #block-ca-cib-footer {
          width: 80%; }
          .footer-page footer #block-ca-cib-footer head {
            font-family: desk; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .footer-page footer #block-ca-cib-footer {
          width: 100%; }
          .footer-page footer #block-ca-cib-footer head {
            font-family: lap; } }
      @media only screen and (min-width: 320px) and (max-width: 767px) {
        .footer-page footer #block-ca-cib-footer {
          width: 100%; }
          .footer-page footer #block-ca-cib-footer head {
            font-family: palm; } }
    @media only screen and (min-width: 1025px) {
      .footer-page footer .language-switcher-language-url {
        width: 12.5%; }
        .footer-page footer .language-switcher-language-url head {
          font-family: desk; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .footer-page footer .language-switcher-language-url {
        width: 20%; }
        .footer-page footer .language-switcher-language-url head {
          font-family: lap; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .footer-page footer .language-switcher-language-url {
        width: 100%; }
        .footer-page footer .language-switcher-language-url head {
          font-family: palm; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .footer-page footer .language-switcher-language-url {
        margin: 10px 0 10px 0; }
        .footer-page footer .language-switcher-language-url head {
          font-family: lap; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .footer-page footer .language-switcher-language-url {
        margin: 10px 0 10px 0; }
        .footer-page footer .language-switcher-language-url head {
          font-family: palm; } }
  .footer-page .links a {
    display: inline-block;
    border: 2px solid #ffffff;
    padding: 4px 6px;
    font-size: 13px;
    font-size: 0.75833rem;
    line-height: 1.3;
    opacity: 0.5; }
  .footer-page .links a.is-active, .footer-page .links .current-language {
    font-weight: 900;
    opacity: 1; }
  .footer-page .links li {
    margin-right: 15%;
    vertical-align: top;
    display: inline-block; }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .footer-page .links li {
        margin-right: 5%; }
        .footer-page .links li head {
          font-family: palm; } }
  .footer-page .menu-social-network li {
    display: inline-block;
    margin-right: 5%; }
    .footer-page .menu-social-network li a {
      display: block; }
  .footer-page .menu-social-network .linkedin {
    background-image: url(../images/sprites/@1x.png);
    background-position: -92px -56px;
    width: 28px;
    height: 28px; }
  .footer-page .menu-social-network .twitter {
    background-image: url(../images/sprites/@1x.png);
    background-position: 0px -199px;
    width: 28px;
    height: 28px; }
  .footer-page .menu-social-network .googlePlus {
    background-image: url(../images/sprites/@1x.png);
    background-position: -64px -199px;
    width: 28px;
    height: 28px; }
  .footer-page .menu-social-network .youTube {
    background-image: url(../images/sprites/@1x.png);
    background-position: -144px -145px;
    width: 28px;
    height: 28px; }
  .footer-page .menu-social-network .facebook {
    background-image: url(../images/sprites/@1x.png);
    background-position: -32px -199px;
    width: 28px;
    height: 28px; }

.cc-window.cc-banner {
  opacity: 0.9; }

body {
  font-family: 'Roboto', sans-serif; }

/* =grids global */
/* =grids edito */
@media only screen and (min-width: 1025px) {
  .block-ca-cib-content .main {
    padding: 20px; }
    .block-ca-cib-content .main head {
      font-family: desk; } }

@media only screen and (min-width: 1025px) {
  .block-ca-cib-content .main {
    width: 70%; }
    .block-ca-cib-content .main head {
      font-family: desk; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .block-ca-cib-content .main {
    width: 100%; }
    .block-ca-cib-content .main head {
      font-family: lap; } }

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .block-ca-cib-content .main {
    width: 100%; }
    .block-ca-cib-content .main head {
      font-family: palm; } }

@media only screen and (min-width: 1025px) {
  .block-ca-cib-content .right {
    width: 30%; }
    .block-ca-cib-content .right head {
      font-family: desk; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .block-ca-cib-content .right {
    width: 100%; }
    .block-ca-cib-content .right head {
      font-family: lap; } }

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .block-ca-cib-content .right {
    width: 100%; }
    .block-ca-cib-content .right head {
      font-family: palm; } }

a {
  text-decoration: none; }

a, a:active, a:focus, input:focus, input:active {
  outline: none; }

hr {
  border-bottom: 1px dotted #5e6a71;
  border-top: none; }

.link {
  text-align: right;
  text-transform: uppercase;
  position: relative; }

.menu-opened {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: fixed; }

.go-top {
  position: fixed;
  bottom: 2em;
  right: 2em;
  text-decoration: none;
  color: white;
  opacity: 0.8;
  background-image: url(../images/sprites/@1x.png);
  background-position: -148px -108px;
  width: 31px;
  height: 31px;
  padding: 5px 10px;
  display: none; }

.mobile-display-show {
  display: none; }
  @media only screen and (min-width: 1025px) {
    .mobile-display-show {
      display: block; }
      .mobile-display-show head {
        font-family: desk; } }

/* IMAGES SIMPLES COLONNE DROITE*/
.half_width {
  margin: 15px 2% 15px 0 !important;
  display: inline-block;
  vertical-align: top;
  width: 48%; }

.right .push-pictures {
  margin: 0 0 15px 0;
  /* edit */ }
  .right .push-pictures h3 {
    padding-top: 15px;
    padding-left: 15px;
    background-color: #5e6a71;
    color: #fff;
    text-transform: none;
    font-weight: normal; }
  .right .push-pictures img {
    height: auto;
    width: 100%; }

/* Partie WYSIWIG */
.body-introduction, .body-description, .block--type p {
  color: #5e6a71;
  font-size: 14px;
  font-size: 0.81667rem;
  line-height: 1.3; }

.body-description, .block--type p {
  padding: 0 20px 0 20px; }
  @media only screen and (min-width: 1025px) {
    .body-description, .block--type p {
      padding: 0; }
      .body-description head, .block--type p head {
        font-family: desk; } }

.body-introduction {
  padding: 0 20px 20px 20px;
  border-bottom: 1px dotted #5e5e5e; }
  @media only screen and (min-width: 1025px) {
    .body-introduction {
      padding: 0 0 20px 0; }
      .body-introduction head {
        font-family: desk; } }

.economic-data-element, .flux-page {
  padding: 0 20px 20px 20px;
  border-bottom: 1px dotted #5e5e5e;
  margin-top: 20px;
  margin-bottom: 20px; }
  @media only screen and (min-width: 1025px) {
    .economic-data-element, .flux-page {
      padding: 0 0px 20px 0px; }
      .economic-data-element head, .flux-page head {
        font-family: desk; } }

.body-description, .paragraph--type--text-wysiwyg {
  padding: 20px 20px 0px 20px;
  color: #5e6a71; }
  .body-description h2, .body-description p, .paragraph--type--text-wysiwyg h2, .paragraph--type--text-wysiwyg p {
    margin-bottom: 20px; }
  .body-description h2:first-child, .paragraph--type--text-wysiwyg h2:first-child {
    border-top: none;
    padding-top: 0; }
  .body-description h2, .paragraph--type--text-wysiwyg h2 {
    font-size: 21px;
    font-size: 1.225rem;
    line-height: 1.3;
    color: #91c30d;
    text-transform: uppercase;
    border-top: 1px dotted #5e6a71;
    font-weight: 400;
    padding-top: 20px; }
  .body-description p, .paragraph--type--text-wysiwyg p {
    text-align: left;
    font-size: 14px;
    font-size: 0.81667rem;
    line-height: 1.3;
    padding: 0; }
  .body-description a, .paragraph--type--text-wysiwyg a {
    color: #016235; }
  .body-description a:link, .paragraph--type--text-wysiwyg a:link {
    text-decoration: underline; }
  .body-description ol li, .paragraph--type--text-wysiwyg ol li {
    list-style-type: decimal; }
  .body-description ul li, .paragraph--type--text-wysiwyg ul li {
    list-style-type: disc; }
  .body-description ul, .body-description ol, .paragraph--type--text-wysiwyg ul, .paragraph--type--text-wysiwyg ol {
    margin-bottom: 10px; }
  .body-description li, .paragraph--type--text-wysiwyg li {
    margin: 0 0 0 15px;
    font-size: 14px;
    font-size: 0.81667rem;
    line-height: 1.3; }
  @media only screen and (min-width: 1025px) {
    .body-description, .paragraph--type--text-wysiwyg {
      padding: 20px 0 5px 0; }
      .body-description head, .paragraph--type--text-wysiwyg head {
        font-family: desk; } }

.page-title, .body-description h1 {
  font-size: 26px;
  font-size: 1.51667rem;
  line-height: 1.3;
  color: #009271;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 20px;
  padding: 10px 20px 0 20px; }
  @media only screen and (min-width: 1025px) {
    .page-title, .body-description h1 {
      padding: 0; }
      .page-title head, .body-description h1 head {
        font-family: desk; } }

.section-title {
  font-size: 24px;
  font-size: 1.4rem;
  line-height: 1.3;
  color: #5e6a71;
  text-transform: uppercase; }

.align-left {
  margin-right: 20px; }

p.info-rte {
  font-size: 11px;
  font-size: 0.64167rem;
  line-height: 1.3;
  font-style: italic; }

blockquote, blockquote p {
  font-size: 17px !important;
  font-style: italic;
  font-weight: 500; }

table {
  font-size: initial; }

.mobile-display-hide {
  display: none; }
  @media only screen and (min-width: 1025px) {
    .mobile-display-hide {
      display: block; }
      .mobile-display-hide head {
        font-family: desk; } }

@media only screen and (min-width: 1025px) {
  head {
    font-family: desk; }
  .body-description .video-embed-field-responsive-video, .paragraph--type--text-wysiwyg .video-embed-field-responsive-video {
    width: 50%;
    margin-bottom: 20px; } }

/* GENERIQUE POUR TOUS LES TYPES BLOCK */
.block--type h3 {
  padding-bottom: 15px;
  font-size: 18px;
  font-size: 1.05rem;
  line-height: 1.3;
  text-transform: uppercase;
  font-weight: 400; }

.block--type .link {
  font-size: 16px;
  font-size: 0.93333rem;
  line-height: 1.3; }

.header-bottom .nav_item--level-1 > a:before, .header-bottom .nav_item--level-2 > a:before, .header-bottom .nav--mobile .nav_item--level-0 > a:after, .social-share:not(.social-share-right) li:first-of-type:after, .slide-item .link:after, .block-home__item .link a:after, .flexslider--actu .link a:after, .block-text .link a:after, .block-text--key p:after, .block-text-pdf a:after, .category-attachment h4:after, .annual-report .main .report-footer .twitter-link:after, .bk_list div div::before, .text_paragaphe div ul li::before, .lien_linkIn::after, .swiper-nav .swiper-button-prev::before, .swiper-nav .swiper-button-next::before {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.flexslider--actu, .cnt-counter, .block-portrait, .block-text, .block--attachment {
  background-color: #efefef;
  background: linear-gradient(left, #efefef 0%, #e8e8e8 25%, #cfd0d2 83%, #cbccce 100%);
  background: -webkit-linear-gradient(left, #efefef 0%, #e8e8e8 25%, #cfd0d2 83%, #cbccce 100%);
  background: -moz-linear-gradient(left, #efefef 0%, #e8e8e8 25%, #cfd0d2 83%, #cbccce 100%); }

.view-title {
  background-color: #f48f0b;
  background: linear-gradient(left, #f48f0b 0%, #fab114 100%);
  background: -webkit-linear-gradient(left, #f48f0b 0%, #fab114 100%);
  background: -moz-linear-gradient(left, #f48f0b 0%, #fab114 100%); }

#page {
  max-width: 1280px;
  margin: 0 auto; }

/*PAGE DE FLUX */
.economic-bloc h3, .flux-page h3 {
  font-size: 14px;
  font-size: 0.81667rem;
  line-height: 1.3; }

.economic-bloc h3, .economic-bloc h4, .flux-page h3, .flux-page h4 {
  margin-top: 10px;
  color: #009271;
  text-transform: uppercase; }

.economic-bloc a, .flux-page a {
  color: #009271; }

.economic-bloc h4, .flux-page h4 {
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 0.93333rem;
  line-height: 1.3; }

.economic-bloc p, .flux-page p {
  font-size: 14px;
  font-size: 0.81667rem;
  line-height: 1.3;
  color: #5e6a71; }

.economic-bloc .link a, .flux-page .link a {
  display: inline-block;
  background-image: url(../images/sprites/@1x.png);
  background-position: -248px 0px;
  width: 17px;
  height: 14px; }

.economic-bloc {
  padding: 20px; }

/**
 * =breadcrumbs
 */
#block-ca-cib-breadcrumbs {
  display: none;
  padding: 0 40px 0 0px;
  margin-bottom: 15px; }
  #block-ca-cib-breadcrumbs h2 {
    display: none; }
  #block-ca-cib-breadcrumbs li {
    display: inline-block; }
    #block-ca-cib-breadcrumbs li a {
      font-size: 13px;
      font-size: 0.75833rem;
      line-height: 1.3;
      color: #737a7e;
      font-weight: 300; }
    #block-ca-cib-breadcrumbs li:after {
      content: '>'; }
  @media only screen and (min-width: 1025px) {
    #block-ca-cib-breadcrumbs {
      display: block; }
      #block-ca-cib-breadcrumbs head {
        font-family: desk; } }

/**
 * SOCIAL SHARE
 */
.social-share:not(.social-share-right) {
  padding: 10px 0 0 0px;
  margin: 0 0 20px 0;
  text-align: center; }
  .social-share:not(.social-share-right) li {
    position: relative;
    display: inline-block;
    margin-right: 2%;
    vertical-align: middle; }
    .social-share:not(.social-share-right) li:first-of-type {
      padding: 0 0 0 24px;
      color: #5e6a71;
      font-weight: 500;
      font-size: 12px; }
      .social-share:not(.social-share-right) li:first-of-type:after {
        background-image: url(../images/sprites/@1x.png);
        background-position: -248px -126px;
        width: 14px;
        height: 13px;
        left: 0; }
  @media only screen and (min-width: 1025px) {
    .social-share:not(.social-share-right) {
      margin: 0 0 10px 25px;
      text-align: left; }
      .social-share:not(.social-share-right) head {
        font-family: desk; } }

/*PAGER */
.pager {
  text-align: center;
  padding: 8px 0 20px 0; }
  .pager__item {
    display: inline-block;
    margin-left: 40px; }
    .pager__item a {
      color: #5e6a71;
      font-size: 10px;
      font-size: 0.58333rem;
      line-height: 1.3; }
    .pager__item:first-child {
      margin-left: 0; }
  .pager__item--first, .pager__item--last {
    display: none; }
  .pager__item--previous a, .pager__item--next a {
    display: block; }
  .pager__item--previous a {
    background-image: url(../images/sprites/@1x.png);
    background-position: -231px -25px;
    width: 8px;
    height: 15px; }
  .pager__item--next a {
    background-image: url(../images/sprites/@1x.png);
    background-position: -248px -210px;
    width: 8px;
    height: 15px; }
  .pager .is-active a {
    font-size: 17px;
    font-size: 0.99167rem;
    line-height: 1.3;
    color: #000000; }

.map {
  margin-bottom: 15px; }

.lb-container .lb-nav a.lb-prev {
  background-image: url(../images/sprites/@1x.png);
  background-position: -202px -50px;
  width: 24px;
  height: 46px; }

.lb-container .lb-nav a.lb-next {
  background-image: url(../images/sprites/@1x.png);
  background-position: -202px 0px;
  width: 25px;
  height: 46px; }

.lb-number {
  display: none !important; }

.black-bg {
  display: none;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.7;
  position: fixed;
  top: 0;
  z-index: 3; }

.modal-content {
  display: none;
  margin-top: 20px;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 50px;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4; }
  .modal-content .close {
    color: #000;
    position: absolute;
    right: 46px;
    top: 30px; }

.webform-submission-form {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px; }
  @media only screen and (min-width: 1025px) {
    .webform-submission-form {
      width: 50%;
      padding: 20px 0 0 0;
      margin-left: 25px; }
      .webform-submission-form head {
        font-family: desk; } }

#edit-actions {
  text-align: center; }

.webform-rte {
  font-size: 13px;
  font-size: 0.75833rem;
  line-height: 1.3; }

.form-item {
  margin-top: 15px;
  margin-bottom: 15px; }
  .form-item input, .form-item label, .form-item select {
    vertical-align: middle;
    color: #737a7e;
    font-size: 14px;
    font-size: 0.81667rem;
    line-height: 1.3; }
  .form-item textarea {
    font-size: 14px;
    font-size: 0.81667rem;
    line-height: 1.3;
    width: 100%;
    margin-top: 15px; }
  .form-item input, .form-item select {
    padding: 10px;
    border-radius: 3px; }
    @media only screen and (min-width: 1025px) {
      .form-item input, .form-item select {
        width: 70%; }
        .form-item input head, .form-item select head {
          font-family: desk; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .form-item input, .form-item select {
        width: 100%; }
        .form-item input head, .form-item select head {
          font-family: lap; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .form-item input, .form-item select {
        width: 100%; }
        .form-item input head, .form-item select head {
          font-family: palm; } }
  .form-item label {
    font-size: 14px;
    font-size: 0.81667rem;
    line-height: 1.3; }
    @media only screen and (min-width: 1025px) {
      .form-item label {
        width: 30%; }
        .form-item label head {
          font-family: desk; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .form-item label {
        width: 100%; }
        .form-item label head {
          font-family: lap; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .form-item label {
        width: 100%; }
        .form-item label head {
          font-family: palm; } }

input, select {
  border: 1px solid #737a7e;
  font-size: 14px;
  font-size: 0.81667rem;
  line-height: 1.3; }

.button, .pager__item .button {
  background-color: #737a7e;
  color: #fff;
  text-transform: uppercase;
  padding: 10px;
  font-size: 14px;
  font-size: 0.81667rem;
  line-height: 1.3; }

.views-exposed-form {
  padding: 20px; }
  @media only screen and (min-width: 1025px) {
    .views-exposed-form {
      padding: 0; }
      .views-exposed-form head {
        font-family: desk; } }
  .views-exposed-form input[type="text"] {
    width: 100%; }

.webform-options-display-one-column {
  width: 50%; }
  .webform-options-display-one-column .form-radio {
    width: 5%; }
  @media only screen and (min-width: 1025px) {
    .webform-options-display-one-column label {
      width: 30%; }
      .webform-options-display-one-column label head {
        font-family: desk; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .webform-options-display-one-column label {
      width: 30%; }
      .webform-options-display-one-column label head {
        font-family: lap; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .webform-options-display-one-column label {
      width: 30%; }
      .webform-options-display-one-column label head {
        font-family: palm; } }

#block-mobile-main-menu-burger {
  font-size: 18px;
  font-size: 1.05rem;
  line-height: 1.3; }
  @media only screen and (min-width: 1025px) {
    #block-mobile-main-menu-burger {
      display: none; }
      #block-mobile-main-menu-burger head {
        font-family: desk; } }
  #block-mobile-main-menu-burger .menu-additional {
    text-align: center;
    padding: 20px 0 20px 0;
    text-transform: uppercase;
    display: block; }
    #block-mobile-main-menu-burger .menu-additional a {
      color: #ffffff; }
    #block-mobile-main-menu-burger .menu-additional ul {
      margin: 20px 0 0 0; }
      #block-mobile-main-menu-burger .menu-additional ul li {
        padding: 10px; }
    #block-mobile-main-menu-burger .menu-additional .active, #block-mobile-main-menu-burger .menu-additional .default, #block-mobile-main-menu-burger .menu-additional .active-country {
      padding: 0 12px 0 12px; }
      #block-mobile-main-menu-burger .menu-additional .active:after, #block-mobile-main-menu-burger .menu-additional .default:after, #block-mobile-main-menu-burger .menu-additional .active-country:after {
        content: ' ';
        display: block;
        position: absolute;
        right: 18px;
        top: 6px; }
  #block-mobile-main-menu-burger .continent {
    margin-bottom: 15px;
    background-color: #009257; }
    #block-mobile-main-menu-burger .continent .active {
      position: relative; }
      #block-mobile-main-menu-burger .continent .active:after {
        background-image: url(../images/sprites/@1x.png);
        background-position: -248px -184px;
        width: 14px;
        height: 9px; }
  #block-mobile-main-menu-burger .country {
    background-color: #e4e4e4;
    color: #fff; }
    #block-mobile-main-menu-burger .country li, #block-mobile-main-menu-burger .country a {
      font-weight: 500;
      color: #000; }
    #block-mobile-main-menu-burger .country .default {
      position: relative; }
      #block-mobile-main-menu-burger .country .default:after {
        background-image: url(../images/sprites/@1x.png);
        background-position: -248px -197px;
        width: 14px;
        height: 9px; }
  #block-mobile-main-menu-burger .active-country {
    position: relative; }
    #block-mobile-main-menu-burger .active-country li, #block-mobile-main-menu-burger .active-country a {
      color: #fff; }
    #block-mobile-main-menu-burger .active-country ~ ul li a {
      color: #fff; }
    #block-mobile-main-menu-burger .active-country:after {
      background-image: url(../images/sprites/@1x.png);
      background-position: -248px -184px;
      width: 14px;
      height: 9px; }

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flex-direction-nav {
  *height: 0; }
  .flex-direction-nav a {
    text-decoration: none;
    display: block;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 2;
    overflow: hidden;
    opacity: 1;
    cursor: pointer; }
    .flex-direction-nav a:before {
      background-image: url(../images/sprites/@1x.png);
      background-position: -202px -50px;
      width: 24px;
      height: 46px;
      display: inline-block;
      content: ''; }
    .flex-direction-nav a.flex-next:before {
      background-image: url(../images/sprites/@1x.png);
      background-position: -202px 0px;
      width: 25px;
      height: 46px;
      content: ''; }
  .flex-direction-nav .flex-prev {
    left: 0px; }
  .flex-direction-nav .flex-next {
    right: 0px;
    text-align: right; }
  .flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0px; }
    .flexslider:hover .flex-direction-nav .flex-prev:hover {
      opacity: 1; }
  .flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0px; }
    .flexslider:hover .flex-direction-nav .flex-next:hover {
      opacity: 1; }
  .flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1; }

.flexslider {
  background: #fff;
  position: relative;
  zoom: 1;
  overflow: hidden; }
  .flexslider .slides {
    zoom: 1; }
    .flexslider .slides li {
      position: relative; }
    .flexslider .slides img {
      height: auto;
      -moz-user-select: none; }
  .flexslider a {
    color: #ffffff; }
  .flexslider--home img {
    width: 100%; }

.flex-viewport {
  max-height: 2000px; }
  .loading .flex-viewport {
    max-height: 300px; }

.carousel li {
  margin-right: 5px; }

.slide-item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 75%; }
  .slide-item h2 {
    padding: 0 10px 0 10px;
    text-transform: uppercase;
    font-size: 24px;
    font-size: 1.4rem;
    line-height: 1.3; }
  .slide-item p {
    font-size: 16px;
    font-size: 0.93333rem;
    line-height: 1.3; }
  .slide-item .description {
    padding: 0 10px 10px 10px; }
  .slide-item .link {
    padding: 10px 50px 10px 0;
    background-color: #36c2c3;
    font-size: 12px;
    font-size: 0.7rem;
    line-height: 1.3; }
    .slide-item .link:after {
      background-image: url(../images/sprites/@1x.png);
      background-position: -248px -36px;
      width: 17px;
      height: 14px;
      right: 11px; }
  @media only screen and (min-width: 1025px) {
    .slide-item {
      max-width: 50%;
      transform: translateY(-50%);
      left: 8%; }
      .slide-item head {
        font-family: desk; } }
  .slide-item__text {
    padding: 10px 0 0 0; }

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }
  .flex-pauseplay a:before {
    font-size: 20px;
    display: inline-block;
    content: '>'; }
  .flex-pauseplay a:hover {
    opacity: 1; }
  .flex-pauseplay a.flex-play:before {
    content: 'df'; }

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 20px;
  text-align: center; }
  .flex-control-nav li {
    margin: 8px 6px;
    display: inline-block;
    zoom: 1;
    *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #ffffff;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 5px; }
  .flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7); }
  .flex-control-paging li a.flex-active {
    background: #009257;
    cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }
  .flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0; }
  .flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -moz-user-select: none; }
    .flex-control-thumbs img:hover {
      opacity: 1; }
  .flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default; }

@media only screen and (min-width: 1025px) {
  .block-home .item:nth-child(1) {
    width: 33.33333%; }
    .block-home .item:nth-child(1) head {
      font-family: desk; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .block-home .item:nth-child(1) {
    width: 33.33333%; }
    .block-home .item:nth-child(1) head {
      font-family: lap; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .block-home .item:nth-child(1) {
    width: 100%; }
    .block-home .item:nth-child(1) head {
      font-family: lap-pt; } }

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .block-home .item:nth-child(1) {
    width: 100%; }
    .block-home .item:nth-child(1) head {
      font-family: palm; } }

@media only screen and (min-width: 1025px) {
  .block-home .item:nth-child(1) {
    max-height: 520px; }
    .block-home .item:nth-child(1) head {
      font-family: desk; } }

@media only screen and (min-width: 1025px) {
  .block-home .item:nth-child(2) {
    width: 33.33333%; }
    .block-home .item:nth-child(2) head {
      font-family: desk; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .block-home .item:nth-child(2) {
    width: 33.33333%; }
    .block-home .item:nth-child(2) head {
      font-family: lap; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .block-home .item:nth-child(2) {
    width: 100%; }
    .block-home .item:nth-child(2) head {
      font-family: lap-pt; } }

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .block-home .item:nth-child(2) {
    width: 100%; }
    .block-home .item:nth-child(2) head {
      font-family: palm; } }

@media only screen and (min-width: 1025px) {
  .block-home .item:nth-child(2) {
    max-height: 520px; }
    .block-home .item:nth-child(2) head {
      font-family: desk; } }

@media only screen and (min-width: 1025px) {
  .block-home .item:nth-child(2) img {
    max-height: 346px; }
    .block-home .item:nth-child(2) img head {
      font-family: desk; } }

@media only screen and (min-width: 1025px) {
  .block-home .item:nth-child(3) {
    width: 33.33333%; }
    .block-home .item:nth-child(3) head {
      font-family: desk; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .block-home .item:nth-child(3) {
    width: 33.33333%; }
    .block-home .item:nth-child(3) head {
      font-family: lap; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .block-home .item:nth-child(3) {
    width: 100%; }
    .block-home .item:nth-child(3) head {
      font-family: lap-pt; } }

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .block-home .item:nth-child(3) {
    width: 100%; }
    .block-home .item:nth-child(3) head {
      font-family: palm; } }

.block-home__item {
  position: relative;
  font-size: 0; }
  .block-home__item .title, .block-home__item a {
    text-transform: uppercase;
    color: #ffffff; }
  .block-home__item .title {
    position: absolute;
    top: 25px;
    left: 15px;
    font-size: 18px;
    font-size: 1.05rem;
    line-height: 1.3;
    font-weight: bold; }
    .block-home__item .title span {
      display: block;
      text-transform: none;
      font-weight: normal;
      font-size: 16px;
      font-size: 0.93333rem;
      line-height: 1.3; }
    .block-home__item .title--last {
      color: #ef9e01;
      text-transform: none; }
  .block-home__item .title-second {
    top: 50%; }
  .block-home__item img {
    width: 100%; }
  .block-home__item .link {
    position: absolute;
    bottom: 0;
    font-size: 14px;
    font-size: 0.81667rem;
    line-height: 1.3;
    width: 100%; }
    .block-home__item .link a {
      padding: 7px 50px 7px 0;
      font-size: 13px;
      font-size: 0.75833rem;
      line-height: 1.3;
      display: block;
      text-align: right; }
      .block-home__item .link a:after {
        background-image: url(../images/sprites/@1x.png);
        background-position: -248px -18px;
        width: 17px;
        height: 14px;
        right: 10px; }

.social-hub__cta {
  background-color: #4dd0e1;
  padding: 14px 11px 14px 11px;
  position: relative; }
  .social-hub__cta h3, .social-hub__cta p {
    color: #ffffff; }
  .social-hub__cta h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.05rem;
    line-height: 1.3; }
    .social-hub__cta h3 span {
      font-size: 16px;
      font-size: 0.93333rem;
      line-height: 1.3;
      text-transform: none;
      font-weight: normal; }
  .social-hub__cta p {
    position: absolute;
    top: 0;
    right: 0; }
    .social-hub__cta p a {
      color: #ffffff; }
    .social-hub__cta p span {
      margin: 8px 8px 0 0;
      font-size: 13px;
      font-size: 0.75833rem;
      line-height: 1.3;
      display: inline-block;
      vertical-align: middle; }
  .social-hub__cta .follow-us {
    display: inline-block;
    background-image: url(../images/sprites/@1x.png);
    background-position: 0px -92px;
    width: 55px;
    height: 49px;
    text-indent: -9999px;
    vertical-align: middle; }

.social-hub__twitter {
  font-size: 0; }

.block__pictures {
  font-size: 19px;
  text-align: center;
  margin-top: 18px;
  margin-bottom: 18px; }
  @media only screen and (min-width: 1025px) {
    .block__pictures__illus {
      width: 20%; }
      .block__pictures__illus head {
        font-family: desk; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .block__pictures__illus {
      width: 20%; }
      .block__pictures__illus head {
        font-family: lap; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .block__pictures__illus {
      width: 50%; }
      .block__pictures__illus head {
        font-family: palm; } }
  @media only screen and (min-width: 1025px) {
    .block__pictures__description {
      width: 80%; }
      .block__pictures__description head {
        font-family: desk; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .block__pictures__description {
      width: 80%; }
      .block__pictures__description head {
        font-family: lap; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .block__pictures__description {
      width: 50%; }
      .block__pictures__description head {
        font-family: palm; } }

@media only screen and (min-width: 1025px) {
  .block__pictures {
    width: 33.33333%; }
    .block__pictures head {
      font-family: desk; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .block__pictures {
    width: 33.33333%; }
    .block__pictures head {
      font-family: lap; } }

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .block__pictures {
    width: 50%; }
    .block__pictures head {
      font-family: palm; } }

@media only screen and (min-width: 1025px) {
  .block__pictures + .block__pictures {
    width: 33.33333%; }
    .block__pictures + .block__pictures head {
      font-family: desk; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .block__pictures + .block__pictures {
    width: 33.33333%; }
    .block__pictures + .block__pictures head {
      font-family: lap; } }

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .block__pictures + .block__pictures {
    width: 50%; }
    .block__pictures + .block__pictures head {
      font-family: palm; } }

@media only screen and (min-width: 1025px) {
  .block__pictures + .block__pictures + .block__pictures {
    width: 33.33333%; }
    .block__pictures + .block__pictures + .block__pictures head {
      font-family: desk; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .block__pictures + .block__pictures + .block__pictures {
    width: 33.33333%; }
    .block__pictures + .block__pictures + .block__pictures head {
      font-family: lap; } }

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .block__pictures + .block__pictures + .block__pictures {
    width: 100%; }
    .block__pictures + .block__pictures + .block__pictures head {
      font-family: palm; } }

.slide-show-actu {
  margin-bottom: 15px; }

.view-title {
  padding: 20px;
  font-size: 14px;
  font-size: 0.81667rem;
  line-height: 1.3;
  color: #ffffff;
  text-transform: uppercase; }
  .view-title span {
    border-left: 2px solid #ffffff;
    padding: 0 0 0 7px; }

.flexslider--actu {
  padding: 18px;
  text-align: left;
  position: relative; }
  .flexslider--actu h3, .flexslider--actu p, .flexslider--actu .counter {
    color: #5e6a71; }
  .flexslider--actu h3 {
    padding: 18px 0 8px 25px;
    font-size: 14px;
    font-size: 0.81667rem;
    line-height: 1.3;
    text-transform: uppercase; }
  .flexslider--actu .text {
    padding: 0px 20px 8px 25px;
    font-size: 12px;
    font-size: 0.7rem;
    line-height: 1.3; }
  .flexslider--actu .flex-direction-nav .flex-next, .flexslider--actu .flex-direction-nav .flex-prev {
    background: #ffffff;
    opacity: 1;
    font-size: 0;
    padding: 5px 8px 5px 8px; }
  .flexslider--actu .flex-direction-nav .flex-next {
    right: 0; }
    .flexslider--actu .flex-direction-nav .flex-next:before {
      background-image: url(../images/sprites/@1x.png);
      background-position: -231px 0px;
      width: 13px;
      height: 21px; }
  .flexslider--actu .flex-direction-nav .flex-prev {
    left: 0; }
    .flexslider--actu .flex-direction-nav .flex-prev:before {
      background-image: url(../images/sprites/@1x.png);
      background-position: -183px -108px;
      width: 13px;
      height: 21px; }
  .flexslider--actu .time {
    padding: 0 0 0 25px;
    text-align: left;
    font-size: 13px;
    font-size: 0.75833rem;
    line-height: 1.3; }
  .flexslider--actu img {
    margin: 10px 0 0 25px; }
  .flexslider--actu .link {
    padding-right: 30px;
    padding-top: 30px; }
    .flexslider--actu .link a {
      color: #f48f0b;
      font-size: 13px;
      font-size: 0.75833rem;
      line-height: 1.3; }
      .flexslider--actu .link a:after {
        background-image: url(../images/sprites/@1x.png);
        background-position: -202px -173px;
        width: 19px;
        height: 16px;
        right: 0;
        top: 81%; }

.cnt-counter {
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 0;
  color: #5e6a71; }
  .cnt-counter .counter {
    width: 50px; }

.current-slides, .total-slides {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  font-size: 12px;
  font-size: 0.7rem;
  line-height: 1.3; }

.current-slides {
  position: relative; }
  .current-slides:after {
    content: '/';
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 0;
    right: 0; }

.slider-zoom {
  position: relative; }
  .slider-zoom ul.slides {
    overflow: hidden;
    position: relative; }
  .slider-zoom ol.flex-control-paging {
    z-index: 10; }
  .slider-zoom h3 {
    padding-top: 15px;
    padding-left: 15px;
    background-color: #5e6a71;
    color: #fff;
    text-transform: none;
    font-weight: normal; }
  .slider-zoom img {
    width: 100%; }
  .slider-zoom .flex-direction-nav a {
    opacity: 1; }
  .slider-zoom .flex-direction-nav .flex-prev {
    left: 0; }
  .slider-zoom .flex-direction-nav .flex-next {
    right: 0; }

.right .slider-zoom {
  margin-bottom: 15px; }

.block-dispatch {
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 0 10px 0 10px;
  border-left: 3px solid #91c30d; }
  .block-dispatch p {
    padding-left: 0px;
    padding-right: 20px;
    text-align: justify; }
  .block-dispatch img {
    width: 100%; }
  .block-dispatch .block__illus {
    position: relative; }
    .block-dispatch .block__illus:after {
      position: absolute;
      display: block;
      content: ' ';
      background-image: url(../images/sprites/@1x.png);
      background-position: -248px -90px;
      width: 17px;
      height: 14px;
      right: 18px;
      bottom: 0; }
    @media only screen and (min-width: 1025px) {
      .block-dispatch .block__illus {
        width: 100%; }
        .block-dispatch .block__illus head {
          font-family: desk; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .block-dispatch .block__illus {
        width: 100%; }
        .block-dispatch .block__illus head {
          font-family: lap; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .block-dispatch .block__illus {
        width: 100%; }
        .block-dispatch .block__illus head {
          font-family: palm; } }
  .block-dispatch .block__field {
    float: left;
    margin-right: 15px; }
  .block-dispatch .block__description--full {
    position: relative; }
    .block-dispatch .block__description--full p {
      padding-left: 0; }
    .block-dispatch .block__description--full:after {
      position: absolute;
      display: block;
      content: ' ';
      background-image: url(../images/sprites/@1x.png);
      background-position: -248px -90px;
      width: 17px;
      height: 14px;
      right: 0px;
      bottom: 0; }
    @media only screen and (min-width: 1025px) {
      .block-dispatch .block__description--full {
        width: 100%; }
        .block-dispatch .block__description--full head {
          font-family: desk; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .block-dispatch .block__description--full {
        width: 100%; }
        .block-dispatch .block__description--full head {
          font-family: lap; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .block-dispatch .block__description--full {
        width: 100%; }
        .block-dispatch .block__description--full head {
          font-family: palm; } }
  @media only screen and (min-width: 1025px) {
    .block-dispatch {
      width: 50%; }
      .block-dispatch head {
        font-family: desk; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .block-dispatch {
      width: 50%; }
      .block-dispatch head {
        font-family: lap; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .block-dispatch {
      width: 100%; }
      .block-dispatch head {
        font-family: palm; } }

.title--dispatch {
  color: #91c30d; }
  @media only screen and (min-width: 1025px) {
    .title--dispatch {
      color: #5e6a71; }
      .title--dispatch head {
        font-family: desk; } }

.block-portrait {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px 0 10px 10px; }
  .block-portrait h3 {
    color: #009257; }
  .block-portrait p {
    padding-left: 10px;
    padding-right: 10px; }
  @media only screen and (min-width: 1025px) {
    .block-portrait .block__illus {
      width: 20%; }
      .block-portrait .block__illus head {
        font-family: desk; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .block-portrait .block__illus {
      width: 16.66667%; }
      .block-portrait .block__illus head {
        font-family: lap; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .block-portrait .block__illus {
      width: 40%; }
      .block-portrait .block__illus head {
        font-family: palm; } }
  @media only screen and (min-width: 1025px) {
    .block-portrait .block__description {
      width: 80%; }
      .block-portrait .block__description head {
        font-family: desk; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .block-portrait .block__description {
      width: 80%; }
      .block-portrait .block__description head {
        font-family: lap; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .block-portrait .block__description {
      width: 60%; }
      .block-portrait .block__description head {
        font-family: palm; } }

.block-text {
  /*BLOCK TEXTE 4 */
  position: relative;
  margin-bottom: 15px;
  padding: 10px 0 15px 15px; }
  .block-text h3, .block-text .link a {
    color: #009257; }
  .block-text p {
    padding-right: 40px; }
  .block-text .link {
    padding-right: 50px; }
    .block-text .link a:after {
      background-image: url(../images/sprites/@1x.png);
      background-position: -248px 0px;
      width: 17px;
      height: 14px;
      right: 18px;
      top: 0.5em; }
  @media only screen and (min-width: 1025px) {
    .block-text .column {
      width: 50%; }
      .block-text .column head {
        font-family: desk; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .block-text .column {
      width: 50%; }
      .block-text .column head {
        font-family: lap; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .block-text .column {
      width: 50%; }
      .block-text .column head {
        font-family: palm; } }
  .block-text--key h3 {
    text-transform: initial; }
  .block-text--key p {
    position: relative;
    text-align: right; }
    .block-text--key p:after {
      background-image: url(../images/sprites/@1x.png);
      background-position: -248px 0px;
      width: 17px;
      height: 14px;
      right: 18px; }
  .block-text--key-darkblue p:after {
    background-image: url(../images/sprites/@1x.png);
    background-position: -248px -72px;
    width: 17px;
    height: 14px; }
  .block-text--key-lightblue p:after {
    background-image: url(../images/sprites/@1x.png);
    background-position: -191px -199px;
    width: 17px;
    height: 14px; }
  .block-text--key-fluoblue p:after {
    background-image: url(../images/sprites/@1x.png);
    background-position: -248px -54px;
    width: 17px;
    height: 14px; }
  .block-text--key-darkgreen p:after {
    background-image: url(../images/sprites/@1x.png);
    background-position: -170px -199px;
    width: 17px;
    height: 14px; }
  .block-text--key-lightgreen p:after {
    background-image: url(../images/sprites/@1x.png);
    background-position: -248px -90px;
    width: 17px;
    height: 14px; }
  .block-text--key-darkorange p:after {
    background-image: url(../images/sprites/@1x.png);
    background-position: -248px -108px;
    width: 17px;
    height: 14px; }
  .block-text--key-lightorange p:after {
    background-image: url(../images/sprites/@1x.png);
    background-position: -149px -199px;
    width: 17px;
    height: 14px; }
  .block-text--link h3 {
    text-transform: initial; }
  .block-text--link p {
    padding: 0; }
  .block-text-pdf {
    position: relative;
    padding: 18px 0 18px 0;
    margin: 40px 0 40px 0;
    border-top: 1px dotted #5e5e5e;
    border-bottom: 1px dotted #5e5e5e; }
    .block-text-pdf .title span {
      text-transform: uppercase;
      color: #ed1c24; }
    .block-text-pdf a {
      color: #5e6a71;
      display: block; }
      .block-text-pdf a:after {
        background-image: url(../images/sprites/@1x.png);
        background-position: -124px -56px;
        width: 17px;
        height: 17px;
        right: 0; }
    .block-text-pdf .description-pdf {
      width: 50%; }
      @media only screen and (min-width: 1025px) {
        .block-text-pdf .description-pdf {
          width: 25%; }
          .block-text-pdf .description-pdf head {
            font-family: desk; } }
  .block-text:last-child {
    margin-bottom: 15px; }

/*COlONNE GAUCHE */
.right .block-text .column {
  margin-bottom: 25px; }
  @media only screen and (min-width: 1025px) {
    .right .block-text .column {
      width: 100%; }
      .right .block-text .column head {
        font-family: desk; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .right .block-text .column {
      width: 50%; }
      .right .block-text .column head {
        font-family: lap; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .right .block-text .column {
      width: 100%; }
      .right .block-text .column head {
        font-family: palm; } }

.right .block-text--without-link .column {
  margin-bottom: 0; }

.block__files, .block__description-files {
  padding-top: 15px;
  padding-bottom: 15px;
  vertical-align: middle; }

.block--attachment {
  /* margin-top: 15px; */
  margin-bottom: 15px;
  border-left: 3px solid #009257; }
  .block--attachment .block__files {
    padding-left: 18px; }
    @media only screen and (min-width: 1025px) {
      .block--attachment .block__files {
        width: 8.33333%; }
        .block--attachment .block__files head {
          font-family: desk; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .block--attachment .block__files {
        width: 10%; }
        .block--attachment .block__files head {
          font-family: lap; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .block--attachment .block__files {
        width: 20%; }
        .block--attachment .block__files head {
          font-family: palm; } }
  @media only screen and (min-width: 1025px) {
    .block--attachment .block__description-files {
      width: 90%; }
      .block--attachment .block__description-files head {
        font-family: desk; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .block--attachment .block__description-files {
      width: 90%; }
      .block--attachment .block__description-files head {
        font-family: lap; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .block--attachment .block__description-files {
      width: 80%; }
      .block--attachment .block__description-files head {
        font-family: palm; } }
  .block--attachment .files {
    background-image: url(../images/sprites/@1x.png);
    background-position: -108px -145px;
    width: 32px;
    height: 42px; }
  .block--attachment a {
    font-size: 13px;
    font-size: 0.75833rem;
    line-height: 1.3;
    font-weight: bold;
    color: #5e6a71; }

/*PIECES JOINTES CATEGORISEES */
.category-attachment h4 {
  position: relative;
  text-transform: uppercase;
  padding: 15px;
  border-bottom: 1px solid #d4d7d9;
  font-size: 15px;
  font-size: 0.875rem;
  line-height: 1.3; }
  .category-attachment h4:after {
    background-image: url(../images/sprites/@1x.png);
    background-position: -231px -72px;
    width: 9px;
    height: 9px;
    right: 10px; }

.category-attachment .column {
  display: none; }

.category-attachment .open:after {
  background-image: url(../images/sprites/@1x.png);
  background-position: -231px -120px;
  width: 8px;
  height: 2px; }

.category-attachment h4, .category-attachment a {
  color: #5e6a71; }

.category-attachment .date, .category-attachment a {
  font-size: 12px;
  font-size: 0.7rem;
  line-height: 1.3; }

.category-attachment .date {
  color: #009257;
  font-weight: bold; }

@media only screen and (min-width: 1025px) {
  .category-attachment {
    width: 50%; }
    .category-attachment head {
      font-family: desk; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .category-attachment {
    width: 50%; }
    .category-attachment head {
      font-family: lap; } }

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .category-attachment {
    width: 100%; }
    .category-attachment head {
      font-family: palm; } }

.category-attachment:nth-child(2n+1) h4, .category-attachment:nth-child(2n+1) .column {
  border-right: 1px solid #d4d7d9; }

/*SURCHARGE DU AU FAIT D'Utiliser le même template pour le paragraphs attachement categorisé et non categorisé*/
.block--category {
  display: none; }
  .block--category .block__files {
    display: none; }
  .block--category .block--attachment {
    margin-top: 0;
    margin-bottom: 0;
    border-left: none;
    background: none; }
    .block--category .block--attachment a {
      font-weight: normal; }
  .block--category .block__description-files {
    padding: 0; }
  .block--category .panel {
    padding: 15px; }

/*COLONNE DE GAUCHE */
.right .block__files {
  padding-left: 18px; }
  @media only screen and (min-width: 1025px) {
    .right .block__files {
      width: 8.33333%; }
      .right .block__files head {
        font-family: desk; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .right .block__files {
      width: 10%; }
      .right .block__files head {
        font-family: lap; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .right .block__files {
      width: 10%; }
      .right .block__files head {
        font-family: palm; } }

.right .block__description-files p {
  padding: 0 0 0 8px; }
  @media only screen and (min-width: 1025px) {
    .right .block__description-files p {
      padding: 0 0 0 40px; }
      .right .block__description-files p head {
        font-family: desk; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .right .block__description-files p {
      padding: 0 0 0 40px; }
      .right .block__description-files p head {
        font-family: palm; } }

#block-carte-implantation {
  display: none; }
  @media only screen and (min-width: 1025px) {
    #block-carte-implantation {
      display: block; }
      #block-carte-implantation head {
        font-family: desk; } }

.map-layer {
  color: #ffffff;
  background: #009257;
  font-size: 13px;
  font-size: 0.75833rem;
  line-height: 1.3;
  box-shadow: 1px 1px 15px #888;
  border-radius: 3px;
  padding: 8px;
  width: 220px;
  position: absolute;
  z-index: 3;
  top: 0;
  display: none; }
  .map-layer h3 {
    font-size: 22px;
    font-size: 1.28333rem;
    line-height: 1.3;
    text-transform: uppercase;
    padding-right: 10px; }
  .map-layer ul {
    margin: 20px 0 0 0; }
  .map-layer a {
    color: #ffffff; }
  .map-layer .close-map {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    color: #000000;
    background-color: #ffffff;
    padding: 0 5px 0 5px; }

area {
  outline: none; }

.gm-style-iw h2 {
  border-bottom: 1px dotted #5e6a71;
  padding-bottom: 5px;
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 0.93333rem;
  line-height: 1.3;
  color: #009271; }

.gm-style-iw a {
  color: #009271; }

.views-element-container .item-list li {
  list-style: disc;
  color: #009257;
  margin-left: 15px; }

.views-field-title {
  padding: 15px 0 15px 0;
  font-weight: 700;
  color: #009257;
  font-size: 16px;
  font-size: 0.93333rem;
  line-height: 1.3; }

.views-field-field-resume, .views-field-field-publishing-date, .views-field-field-event-date, .views-field-field-date-de-fin {
  color: #5e6a71;
  font-size: 14px;
  font-size: 0.81667rem;
  line-height: 1.3; }

.views-field-field-resume {
  padding: 15px 0 0px 0; }

.annual-report {
  /*main*/ }
  .annual-report .main {
    padding-top: 0;
    margin: 0 auto;
    display: block;
    min-height: 100%;
    position: relative;
    /*********** report-footer *************/
    /*********** report-footer *************/
    /*********** report-video *************/
    /*********** report-video *************/
    /*********** mosaic-block *************/
    /*********** mosaic-block *************/ }
    @media only screen and (min-width: 1025px) {
      .annual-report .main {
        width: 100%; }
        .annual-report .main head {
          font-family: desk; } }
    .annual-report .main .first-green-block {
      background: #44d62c;
      padding: 48px 33px 33px;
      height: 75vh;
      min-height: 540px;
      max-width: 1080px;
      margin: 0 auto 80px; }
      @media only screen and (min-width: 1025px) {
        .annual-report .main .first-green-block {
          width: 91.66667%; }
          .annual-report .main .first-green-block head {
            font-family: desk; } }
      @media only screen and (max-width: 1024px) {
        .annual-report .main .first-green-block {
          max-width: 864px;
          height: 77vh;
          margin-bottom: 60px; }
          .annual-report .main .first-green-block head {
            font-family: lap-palm; } }
      @media only screen and (min-width: 320px) and (max-width: 767px) {
        .annual-report .main .first-green-block {
          padding: 48px 10px 33px;
          max-width: 360px;
          width: 100%;
          height: 625px; }
          .annual-report .main .first-green-block head {
            font-family: palm; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .annual-report .main .first-green-block {
          max-width: 700px;
          height: 85vh;
          padding: 10vh 10px 33px; }
          .annual-report .main .first-green-block head {
            font-family: lap-pt; } }
      .annual-report .main .first-green-block .first-green-block-wrapper {
        max-width: 590px;
        width: 96%;
        margin: 0 auto;
        position: relative;
        height: 65vh;
        min-height: 460px; }
        @media only screen and (min-width: 320px) and (max-width: 767px) {
          .annual-report .main .first-green-block .first-green-block-wrapper {
            height: 540px; }
            .annual-report .main .first-green-block .first-green-block-wrapper head {
              font-family: palm; } }
        @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .annual-report .main .first-green-block .first-green-block-wrapper {
            height: 70vh; }
            .annual-report .main .first-green-block .first-green-block-wrapper head {
              font-family: lap-pt; } }
        .annual-report .main .first-green-block .first-green-block-wrapper .rapport-bolck {
          text-align: center;
          position: relative;
          bottom: 0px;
          min-height: 470px; }
          .annual-report .main .first-green-block .first-green-block-wrapper .rapport-bolck .rapport-num {
            transform: rotate(-90deg);
            font-size: 104px;
            font-size: 6.06667rem;
            line-height: 1.3;
            color: #ffffff;
            font-weight: bold;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 220px; }
          .annual-report .main .first-green-block .first-green-block-wrapper .rapport-bolck .rapport-description {
            text-transform: uppercase;
            font-size: 28px;
            font-size: 1.63333rem;
            line-height: 1.3;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 82px; }
            .annual-report .main .first-green-block .first-green-block-wrapper .rapport-bolck .rapport-description strong {
              display: block; }
          .annual-report .main .first-green-block .first-green-block-wrapper .rapport-bolck:before {
            content: '';
            position: absolute;
            width: 2px;
            height: 47px;
            top: 0px;
            background: #ffffff;
            left: 0;
            right: 0;
            margin: 0 auto; }
          .annual-report .main .first-green-block .first-green-block-wrapper .rapport-bolck:after {
            content: '';
            position: absolute;
            width: 2px;
            height: 47px;
            bottom: 0px;
            background: #ffffff;
            left: 0;
            right: 0;
            margin: 0 auto; }
        .annual-report .main .first-green-block .first-green-block-wrapper .anchor {
          position: absolute;
          bottom: 0px;
          font-size: 13px;
          font-size: 0.75833rem;
          line-height: 1.3;
          border: 2px solid #ffffff;
          height: 40px;
          padding: 0 43px;
          line-height: 40px;
          text-align: center;
          text-transform: uppercase;
          color: #ffffff;
          cursor: pointer; }
        .annual-report .main .first-green-block .first-green-block-wrapper .btn-right {
          right: 0px; }
          @media only screen and (min-width: 320px) and (max-width: 767px) {
            .annual-report .main .first-green-block .first-green-block-wrapper .btn-right {
              left: 0px;
              margin: 0 auto;
              max-width: 240px;
              padding: 0 10px; }
              .annual-report .main .first-green-block .first-green-block-wrapper .btn-right head {
                font-family: palm; } }
        .annual-report .main .first-green-block .first-green-block-wrapper .btn-left {
          left: 0px; }
          @media only screen and (min-width: 320px) and (max-width: 767px) {
            .annual-report .main .first-green-block .first-green-block-wrapper .btn-left {
              display: none; }
              .annual-report .main .first-green-block .first-green-block-wrapper .btn-left head {
                font-family: palm; } }
    .annual-report .main .report-footer {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      position: fixed;
      left: 0px;
      right: 0px;
      margin: 0 auto;
      height: 100px;
      overflow: hidden;
      z-index: 2;
      bottom: 0px;
      max-width: 1080px;
      width: 100%;
      background: #ffffff; }
      @media only screen and (max-width: 1024px) {
        .annual-report .main .report-footer {
          max-width: 864px; }
          .annual-report .main .report-footer head {
            font-family: lap-palm; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .annual-report .main .report-footer {
          max-width: 700px; }
          .annual-report .main .report-footer head {
            font-family: lap-pt; } }
      @media only screen and (min-width: 320px) and (max-width: 767px) {
        .annual-report .main .report-footer {
          height: 60px;
          max-width: 100%; }
          .annual-report .main .report-footer head {
            font-family: palm; } }
      .annual-report .main .report-footer .twitter-link {
        margin-top: 48px;
        float: left;
        position: relative; }
        @media only screen and (min-width: 320px) and (max-width: 767px) {
          .annual-report .main .report-footer .twitter-link {
            margin-top: 22px; }
            .annual-report .main .report-footer .twitter-link head {
              font-family: palm; } }
        .annual-report .main .report-footer .twitter-link span, .annual-report .main .report-footer .twitter-link div {
          display: inline-block;
          vertical-align: top; }
        .annual-report .main .report-footer .twitter-link span {
          padding: 2px 0 0 0;
          font-size: 12px;
          font-size: 0.7rem;
          line-height: 1.3;
          color: #44d62c;
          text-transform: uppercase; }
          @media only screen and (min-width: 320px) and (max-width: 767px) {
            .annual-report .main .report-footer .twitter-link span {
              display: none; }
              .annual-report .main .report-footer .twitter-link span head {
                font-family: palm; } }
        .annual-report .main .report-footer .twitter-link div {
          margin: 2px 0 0 5px; }
        .annual-report .main .report-footer .twitter-link:after {
          background-image: url(../images/sprites/@1x.png);
          background-position: -231px -59px;
          width: 11px;
          height: 9px;
          right: -19px; }
      .annual-report .main .report-footer .scroll-down {
        cursor: pointer;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        font-size: 14px;
        text-transform: uppercase;
        color: #44d62c;
        padding-bottom: 14px; }
        @media only screen and (min-width: 320px) and (max-width: 767px) {
          .annual-report .main .report-footer .scroll-down {
            text-align: center;
            padding-bottom: 8px; }
            .annual-report .main .report-footer .scroll-down head {
              font-family: palm; } }
        .annual-report .main .report-footer .scroll-down:before {
          content: '';
          background-image: url(../images/sprites/@1x.png);
          background-position: -248px -158px;
          width: 14px;
          height: 9px;
          position: absolute;
          bottom: 0px;
          margin: 0 auto;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%); }
        .annual-report .main .report-footer .scroll-down .js-scroll-down-txt {
          display: none; }
      .annual-report .main .report-footer .scroll-up:before {
        background-image: url(../images/sprites/@1x.png);
        background-position: -248px -171px;
        width: 14px;
        height: 9px; }
      .annual-report .main .report-footer .download-pdf {
        float: right;
        margin-top: 32px;
        width: 257px;
        background: #44d62c;
        height: 40px;
        line-height: 40px;
        right: 0px;
        font-size: 12px;
        font-size: 0.7rem;
        line-height: 1.3;
        color: #ffffff;
        position: relative;
        font-weight: bold; }
        @media only screen and (min-width: 320px) and (max-width: 767px) {
          .annual-report .main .report-footer .download-pdf {
            height: 60px;
            line-height: 60px;
            width: 60px;
            margin-top: 0px; }
            .annual-report .main .report-footer .download-pdf head {
              font-family: palm; } }
        .annual-report .main .report-footer .download-pdf a {
          font-size: 12px;
          text-transform: uppercase;
          color: #ffffff;
          text-align: center;
          line-height: 40px; }
          @media only screen and (min-width: 320px) and (max-width: 767px) {
            .annual-report .main .report-footer .download-pdf a {
              text-indent: -9999px; }
              .annual-report .main .report-footer .download-pdf a head {
                font-family: palm; } }
        .annual-report .main .report-footer .download-pdf:after {
          background-image: url(../images/sprites/@1x.png);
          background-position: -248px -143px;
          width: 13px;
          height: 11px;
          content: '';
          position: absolute;
          right: 25px;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%); }
          @media only screen and (min-width: 320px) and (max-width: 767px) {
            .annual-report .main .report-footer .download-pdf:after {
              right: 0px;
              left: 0px;
              margin: 0 auto; }
              .annual-report .main .report-footer .download-pdf:after head {
                font-family: palm; } }
    .annual-report .main .report-video {
      max-width: 1230px;
      overflow: hidden;
      position: relative;
      margin: 0 auto 80px; }
      @media only screen and (min-width: 320px) and (max-width: 767px) {
        .annual-report .main .report-video {
          overflow: visible; }
          .annual-report .main .report-video head {
            font-family: palm; } }
      .annual-report .main .report-video .wrapper-report-video {
        height: auto;
        background: #eeeeee;
        max-width: 1080px;
        margin: 0 auto;
        padding: 14vh 0 50px;
        position: relative; }
        @media only screen and (min-width: 1025px) {
          .annual-report .main .report-video .wrapper-report-video {
            width: 91.66667%; }
            .annual-report .main .report-video .wrapper-report-video head {
              font-family: desk; } }
        @media only screen and (max-width: 1024px) {
          .annual-report .main .report-video .wrapper-report-video {
            max-width: 864px;
            margin-bottom: 60px; }
            .annual-report .main .report-video .wrapper-report-video head {
              font-family: lap-palm; } }
        @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .annual-report .main .report-video .wrapper-report-video {
            max-width: 700px;
            height: 91vh;
            padding: 20vh 0 50px; }
            .annual-report .main .report-video .wrapper-report-video head {
              font-family: lap-pt; } }
        @media only screen and (min-width: 320px) and (max-width: 767px) {
          .annual-report .main .report-video .wrapper-report-video {
            height: 500px;
            max-width: 360px;
            overflow: visible;
            padding: 143px 0 50px; }
            .annual-report .main .report-video .wrapper-report-video head {
              font-family: palm; } }
        .annual-report .main .report-video .wrapper-report-video:before {
          content: '';
          position: absolute;
          width: 2px;
          height: 29px;
          top: 0px;
          background: #44d62c;
          left: 0;
          right: 0;
          margin: 0 auto; }
          @media only screen and (min-width: 320px) and (max-width: 767px) {
            .annual-report .main .report-video .wrapper-report-video:before {
              top: -14px; }
              .annual-report .main .report-video .wrapper-report-video:before head {
                font-family: palm; } }
        .annual-report .main .report-video .wrapper-report-video:after {
          content: '';
          position: absolute;
          width: 2px;
          height: 29px;
          bottom: 0px;
          background: #44d62c;
          left: 0;
          right: 0;
          margin: 0 auto; }
          @media only screen and (min-width: 320px) and (max-width: 767px) {
            .annual-report .main .report-video .wrapper-report-video:after {
              display: none; }
              .annual-report .main .report-video .wrapper-report-video:after head {
                font-family: palm; } }
        .annual-report .main .report-video .wrapper-report-video .title-video {
          font-size: 23px;
          font-size: 1.34167rem;
          line-height: 1.3;
          font-weight: bold;
          text-transform: uppercase;
          text-align: center;
          margin-bottom: 50px; }
          @media only screen and (min-width: 320px) and (max-width: 767px) {
            .annual-report .main .report-video .wrapper-report-video .title-video {
              margin-bottom: 30px; }
              .annual-report .main .report-video .wrapper-report-video .title-video head {
                font-family: palm; } }
        .annual-report .main .report-video .wrapper-report-video .wrapper-video {
          position: relative;
          height: 500px;
          overflow: hidden;
          max-width: 900px;
          margin: 0 auto; }
          @media only screen and (max-width: 1024px) {
            .annual-report .main .report-video .wrapper-report-video .wrapper-video {
              max-width: 722px; }
              .annual-report .main .report-video .wrapper-report-video .wrapper-video head {
                font-family: lap-palm; } }
          @media only screen and (min-width: 320px) and (max-width: 767px) {
            .annual-report .main .report-video .wrapper-report-video .wrapper-video {
              max-width: 360px;
              min-height: 202px; }
              .annual-report .main .report-video .wrapper-report-video .wrapper-video head {
                font-family: palm; } }
        .annual-report .main .report-video .wrapper-report-video .video {
          position: absolute;
          min-height: 500px;
          max-width: 900px;
          width: 98%;
          z-index: 1;
          top: 0;
          left: 0px;
          right: 0px;
          margin: 0 auto; }
          @media only screen and (max-width: 1024px) {
            .annual-report .main .report-video .wrapper-report-video .video {
              max-width: 722px; }
              .annual-report .main .report-video .wrapper-report-video .video head {
                font-family: lap-palm; } }
          @media only screen and (min-width: 320px) and (max-width: 767px) {
            .annual-report .main .report-video .wrapper-report-video .video {
              max-width: 360px;
              min-height: 202px; }
              .annual-report .main .report-video .wrapper-report-video .video head {
                font-family: palm; } }
          .annual-report .main .report-video .wrapper-report-video .video iframe {
            max-width: 900px;
            min-height: 500px;
            width: 100%;
            margin: 0 auto; }
            @media only screen and (max-width: 1024px) {
              .annual-report .main .report-video .wrapper-report-video .video iframe {
                max-width: 722px; }
                .annual-report .main .report-video .wrapper-report-video .video iframe head {
                  font-family: lap-palm; } }
            @media only screen and (min-width: 320px) and (max-width: 767px) {
              .annual-report .main .report-video .wrapper-report-video .video iframe {
                max-width: 360px;
                min-height: 202px; }
                .annual-report .main .report-video .wrapper-report-video .video iframe head {
                  font-family: palm; } }
        .annual-report .main .report-video .wrapper-report-video .visuel-img {
          cursor: pointer;
          position: relative;
          z-index: 2; }
          .annual-report .main .report-video .wrapper-report-video .visuel-img img {
            height: 100%; }
          .annual-report .main .report-video .wrapper-report-video .visuel-img:after {
            content: '';
            background-image: url(../images/sprites/@1x.png);
            background-position: 0px 0px;
            width: 88px;
            height: 88px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%); }
    .annual-report .main .mosaic-block {
      position: relative;
      overflow: hidden;
      margin-bottom: 80px; }
      @media only screen and (min-width: 1025px) {
        .annual-report .main .mosaic-block {
          width: 100%; }
          .annual-report .main .mosaic-block head {
            font-family: desk; } }
      @media only screen and (min-width: 320px) and (max-width: 767px) {
        .annual-report .main .mosaic-block {
          overflow: visible; }
          .annual-report .main .mosaic-block head {
            font-family: palm; } }
      .annual-report .main .mosaic-block .wrapper-mosaic-block {
        overflow: hidden;
        margin: 0 auto 70px;
        padding: 55px 0 50px;
        position: relative;
        max-width: 1080px; }
        @media only screen and (min-width: 1025px) {
          .annual-report .main .mosaic-block .wrapper-mosaic-block {
            width: 91.66667%; }
            .annual-report .main .mosaic-block .wrapper-mosaic-block head {
              font-family: desk; } }
        @media only screen and (max-width: 1024px) {
          .annual-report .main .mosaic-block .wrapper-mosaic-block {
            max-width: 864px; }
            .annual-report .main .mosaic-block .wrapper-mosaic-block head {
              font-family: lap-palm; } }
        @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .annual-report .main .mosaic-block .wrapper-mosaic-block {
            max-width: 700px; }
            .annual-report .main .mosaic-block .wrapper-mosaic-block head {
              font-family: lap-pt; } }
        @media only screen and (min-width: 320px) and (max-width: 767px) {
          .annual-report .main .mosaic-block .wrapper-mosaic-block {
            height: auto;
            background: #eeeeee;
            max-width: 360px;
            margin: 0 auto 60px;
            overflow: visible;
            padding: 104px 0 0; }
            .annual-report .main .mosaic-block .wrapper-mosaic-block head {
              font-family: palm; } }
        .annual-report .main .mosaic-block .wrapper-mosaic-block:before {
          content: '';
          position: absolute;
          width: 2px;
          height: 29px;
          top: 0px;
          background: #44d62c;
          left: 0;
          right: 0;
          margin: 0 auto; }
          @media only screen and (min-width: 320px) and (max-width: 767px) {
            .annual-report .main .mosaic-block .wrapper-mosaic-block:before {
              top: -14px; }
              .annual-report .main .mosaic-block .wrapper-mosaic-block:before head {
                font-family: palm; } }
        .annual-report .main .mosaic-block .wrapper-mosaic-block:after {
          content: '';
          position: absolute;
          width: 2px;
          height: 29px;
          bottom: 0px;
          background: #44d62c;
          left: 0;
          right: 0;
          margin: 0 auto; }
          @media only screen and (min-width: 320px) and (max-width: 767px) {
            .annual-report .main .mosaic-block .wrapper-mosaic-block:after {
              bottom: -10px;
              z-index: 3; }
              .annual-report .main .mosaic-block .wrapper-mosaic-block:after head {
                font-family: palm; } }
        .annual-report .main .mosaic-block .wrapper-mosaic-block .title-mosaic {
          font-size: 23px;
          font-size: 1.34167rem;
          line-height: 1.3;
          font-weight: bold;
          text-transform: uppercase;
          text-align: center;
          max-width: 500px;
          margin: 0 auto 80px; }
          @media only screen and (min-width: 320px) and (max-width: 767px) {
            .annual-report .main .mosaic-block .wrapper-mosaic-block .title-mosaic {
              margin: 0 auto 35px;
              padding: 0 75px; }
              .annual-report .main .mosaic-block .wrapper-mosaic-block .title-mosaic head {
                font-family: palm; } }
        .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-item {
          max-width: 1080px; }
          @media only screen and (min-width: 320px) and (max-width: 767px) {
            .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-item {
              overflow: hidden; }
              .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-item head {
                font-family: palm; } }
        .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element {
          position: relative; }
          @media only screen and (min-width: 1025px) {
            .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element {
              width: 33.33333%; }
              .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element head {
                font-family: desk; } }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element {
              width: 33.33333%; }
              .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element head {
                font-family: lap; } }
          @media only screen and (min-width: 320px) and (max-width: 767px) {
            .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element {
              width: 100%; }
              .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element head {
                font-family: palm; } }
          .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .mosaic-title {
            position: absolute;
            bottom: 49px;
            width: 137px;
            z-index: 1;
            background: #ffffff;
            margin: 0 auto;
            left: 0;
            right: 0;
            padding: 23px 60px;
            font-size: 16px;
            font-size: 0.93333rem;
            line-height: 1.3;
            color: #44d62c;
            text-transform: uppercase;
            font-weight: bold;
            text-align: center; }
            @media only screen and (min-width: 320px) and (max-width: 767px) {
              .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .mosaic-title {
                padding: 23px 0 !important;
                max-width: 280px;
                right: 50px;
                left: inherit;
                width: 80% !important;
                /*top: 50px;*/
                bottom: initial;
                bottom: 20px;
                max-width: 240px;
                padding: 20px 10px !important; }
                .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .mosaic-title head {
                  font-family: palm; } }
          .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .mosaic-video-arrow {
            background-image: url(../images/sprites/@1x.png);
            background-position: -148px -54px;
            width: 50px;
            height: 50px;
            width: 50px;
            height: 50px;
            position: absolute;
            top: 0;
            right: 0px; }
          .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .mosaic-visuel {
            display: block; }
            .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .mosaic-visuel div {
              height: 100%; }
              @media only screen and (min-width: 320px) and (max-width: 767px) {
                .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .mosaic-visuel div img {
                  height: 202px;
                  width: 100%; }
                  .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .mosaic-visuel div img head {
                    font-family: palm; } }
          .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element:first-child .mosaic-title {
            width: 197px;
            padding: 23px 30px; }
          .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .mosaic-rollover {
            display: none !important;
            visibility: hidden;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
            position: relative;
            bottom: -20px;
            color: #000000;
            font-weight: 300;
            text-align: left;
            font-size: 16px;
            font-size: 0.93333rem;
            line-height: 1.3;
            display: block;
            margin-top: 5px;
            font-style: normal;
            text-transform: initial; }
            @media only screen and (min-width: 320px) and (max-width: 767px) {
              .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .mosaic-rollover {
                font-size: 14px;
                font-size: 0.81667rem;
                line-height: 1.3; }
                .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .mosaic-rollover head {
                  font-family: palm; } }
          .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .visuel-with-article .mosaic-rollover {
            display: block !important; }
          .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .visuel-with-article:after {
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            background: #44d62c;
            left: 100%;
            right: 100%;
            top: 0px;
            opacity: 0.5; }
          .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .visuel-with-article:before {
            content: '';
            background-image: url(../images/sprites/@1x.png);
            background-position: 0px -145px;
            width: 50px;
            height: 50px;
            width: 50px;
            height: 50px;
            position: absolute;
            top: 0;
            right: 0px;
            z-index: 2; }
          .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .visuel-with-article .mosaic-title {
            width: 177px;
            padding: 11px 20px;
            font-size: 16px;
            font-size: 0.93333rem;
            line-height: 1.3;
            font-weight: bold; }
            @media only screen and (min-width: 320px) and (max-width: 767px) {
              .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .visuel-with-article .mosaic-title {
                font-size: 14px;
                font-size: 0.81667rem;
                line-height: 1.3;
                padding: 20px 10px !important;
                max-width: 240px; }
                .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .visuel-with-article .mosaic-title head {
                  font-family: palm; } }
            .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .visuel-with-article .mosaic-title .content {
              position: relative;
              bottom: -10px;
              -webkit-transition: all 0.5s ease-in-out;
              -moz-transition: all 0.5s ease-in-out;
              -o-transition: all 0.5s ease-in-out;
              transition: all 0.5s ease-in-out;
              font-style: normal;
              font-size: 14px;
              line-height: 19px; }
          .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .visuel-with-article:hover:after {
            width: 100%;
            height: 100%;
            left: 0%;
            right: 0%; }
          .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .visuel-with-article:hover:before {
            background-image: url(../images/sprites/@1x.png);
            background-position: -148px 0px;
            width: 50px;
            height: 50px; }
          .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .visuel-with-article:hover .content {
            bottom: 0px; }
          .annual-report .main .mosaic-block .wrapper-mosaic-block .mosaic-element .visuel-with-article:hover .mosaic-rollover {
            visibility: visible;
            bottom: 0px; }
      .annual-report .main .mosaic-block .quote-citation {
        padding: 50px 40px;
        height: 260px;
        display: block;
        background: #eeeeee; }
        .annual-report .main .mosaic-block .quote-citation:before {
          content: '';
          background-image: url(../images/sprites/@1x.png);
          background-position: -54px -145px;
          width: 50px;
          height: 50px;
          width: 50px;
          height: 50px;
          position: absolute;
          top: 0;
          right: 0px; }
        @media only screen and (max-width: 1024px) {
          .annual-report .main .mosaic-block .quote-citation {
            padding: 20px 40px 14px 20px;
            height: 254px;
            display: block; }
            .annual-report .main .mosaic-block .quote-citation head {
              font-family: lap-palm; } }
        @media only screen and (min-width: 320px) and (max-width: 767px) {
          .annual-report .main .mosaic-block .quote-citation {
            height: 156px;
            padding: 23px 45px 23px 20px; }
            .annual-report .main .mosaic-block .quote-citation head {
              font-family: palm; } }
        .annual-report .main .mosaic-block .quote-citation .quote {
          font-size: 26px;
          font-size: 1.51667rem;
          line-height: 1.3;
          font-style: italic;
          color: #44d62c;
          display: block;
          margin-bottom: 23px; }
          @media only screen and (max-width: 1024px) {
            .annual-report .main .mosaic-block .quote-citation .quote {
              font-size: 22px;
              font-size: 1.28333rem;
              line-height: 1.3; }
              .annual-report .main .mosaic-block .quote-citation .quote head {
                font-family: lap-palm; } }
          @media only screen and (min-width: 320px) and (max-width: 767px) {
            .annual-report .main .mosaic-block .quote-citation .quote {
              font-size: 18px;
              font-size: 1.05rem;
              line-height: 1.3; }
              .annual-report .main .mosaic-block .quote-citation .quote head {
                font-family: palm; } }
        .annual-report .main .mosaic-block .quote-citation .author {
          display: block;
          font-size: 16px;
          font-weight: bold;
          margin-bottom: 5px;
          color: #000000; }
        .annual-report .main .mosaic-block .quote-citation .author-seconde {
          display: block;
          font-size: 14px;
          color: #000000; }
        .annual-report .main .mosaic-block .quote-citation .mosaic-visuel {
          display: block; }
      .annual-report .main .mosaic-block .mosaic-video .video-embed-field-responsive-video iframe {
        width: 100%;
        height: 100%; }
    .annual-report .main .page-title {
      display: none; }

/*annual-report*/
@keyframes titre-page-animation {
  from {
    transform: rotate(270deg) translateX(1000%); }
  to {
    transform: rotate(270deg) translateX(-50%); } }

@-webkit-keyframes titre-page-animation {
  from {
    transform: rotate(270deg) translateX(1000%); }
  to {
    transform: rotate(270deg) translateX(-50%); } }

@keyframes titre-page-animation {
  from {
    transform: rotate(270deg) translateX(1000%); }
  to {
    transform: rotate(270deg) translateX(-50%); } }

@-webkit-keyframes titre-page-animation {
  from {
    transform: rotate(270deg) translateX(1000%); }
  to {
    transform: rotate(270deg) translateX(-50%); } }

@keyframes titre-partie-animation {
  from {
    bottom: -200%; }
  to {
    bottom: 50%; } }

@-webkit-keyframes titre-partie-animation {
  from {
    bottom: -200%; }
  to {
    bottom: 50%; } }

.titre-page {
  position: absolute;
  left: 0px;
  font-size: 45px;
  font-weight: bold;
  color: #44d62c;
  text-transform: uppercase;
  top: 50%;
  transform-origin: 0 0;
  animation: titre-page-animation 3s;
  animation-fill-mode: forwards;
  -webkit-animation: titre-page-animation 3s;
  -webkit-animation-fill-mode: forwards; }
  @media only screen and (max-width: 1024px) {
    .titre-page {
      left: 20px; }
      .titre-page head {
        font-family: lap-palm; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .titre-page {
      font-size: 34px;
      left: -4px; }
      .titre-page head {
        font-family: lap-pt; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .titre-page {
      display: none; }
      .titre-page head {
        font-family: palm; } }

.titre-partie {
  position: absolute;
  right: 52px;
  font-size: 45px;
  font-weight: bold;
  color: #44d62c;
  text-transform: uppercase;
  transform-origin: 100% 100%;
  transform: rotate(90deg) translateX(42%);
  animation: titre-partie-animation 3s;
  animation-fill-mode: forwards;
  -webkit-animation: titre-partie-animation 3s;
  -webkit-animation-fill-mode: forwards; }
  @media only screen and (max-width: 1024px) {
    .titre-partie {
      right: 70px; }
      .titre-partie head {
        font-family: lap-palm; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .titre-partie {
      right: 36px;
      font-size: 34px; }
      .titre-partie head {
        font-family: lap-pt; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .titre-partie {
      transform: rotate(0) translateX(0) !important;
      z-index: 1;
      top: 40px;
      font-size: 40px;
      text-align: center;
      right: 0;
      left: 0;
      animation-fill-mode: inherit !important;
      bottom: inherit !important; }
      .titre-partie head {
        font-family: palm; } }

#cboxOverlay {
  background: #000000 !important;
  opacity: 0.7 !important; }

#cboxClose {
  background-image: url(../images/sprites/@1x.png);
  background-position: -202px -127px;
  width: 20px;
  height: 20px;
  top: -30px; }

#cboxClose:hover {
  background-position: -202px -127px !important; }

.annual-report-article {
  background: #eeeeee;
  /*left-visual*/
  /*block-invertion*/ }
  .annual-report-article .main {
    width: 100%;
    padding: 0px; }
  .annual-report-article .block-invertion {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    margin: 0px auto 40px;
    padding-top: 30px; }
    .annual-report-article .block-invertion .block-invertion-wrapper {
      align-items: center;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between; }
      @media only screen and (min-width: 320px) and (max-width: 767px) {
        .annual-report-article .block-invertion .block-invertion-wrapper {
          flex-direction: column; }
          .annual-report-article .block-invertion .block-invertion-wrapper head {
            font-family: palm; } }
    @media only screen and (max-width: 1024px) {
      .annual-report-article .block-invertion {
        max-width: 860px; }
        .annual-report-article .block-invertion head {
          font-family: lap-palm; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .annual-report-article .block-invertion {
        max-width: 722px; }
        .annual-report-article .block-invertion head {
          font-family: lap-pt; } }
    .annual-report-article .block-invertion .visual {
      max-width: 540px; }
      @media only screen and (max-width: 1024px) {
        .annual-report-article .block-invertion .visual {
          max-width: 434px; }
          .annual-report-article .block-invertion .visual head {
            font-family: lap-palm; } }
      .annual-report-article .block-invertion .visual img {
        width: 100%;
        height: 438px; }
        @media only screen and (min-width: 320px) and (max-width: 767px) {
          .annual-report-article .block-invertion .visual img {
            height: auto; }
            .annual-report-article .block-invertion .visual img head {
              font-family: palm; } }
    .annual-report-article .block-invertion .visual-content {
      font-weight: bold;
      line-height: 30px;
      max-width: 350px; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .annual-report-article .block-invertion .visual-content {
          max-width: 260px; }
          .annual-report-article .block-invertion .visual-content head {
            font-family: lap-pt; } }
      @media only screen and (min-width: 320px) and (max-width: 767px) {
        .annual-report-article .block-invertion .visual-content {
          padding: 15px 20px 0; }
          .annual-report-article .block-invertion .visual-content head {
            font-family: palm; } }
      .annual-report-article .block-invertion .visual-content .title {
        font-size: 16px;
        text-transform: uppercase; }
      .annual-report-article .block-invertion .visual-content p {
        font-weight: normal; }
    .annual-report-article .block-invertion .block-video:before {
      display: none; }
    .annual-report-article .block-invertion .block-video .subtitle-block-video {
      text-align: center;
      position: relative;
      font-size: 16px;
      font-size: 0.93333rem;
      line-height: 1.3;
      text-transform: uppercase;
      margin-bottom: 50px; }
    .annual-report-article .block-invertion .block-video iframe {
      width: 100%;
      height: 100%; }
  .annual-report-article .page-title {
    font-size: 23px;
    font-size: 1.34167rem;
    line-height: 1.3;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #000000;
    padding: 52px 20px 0;
    margin: 0px auto 12px;
    max-width: 720px;
    position: relative; }
    @media only screen and (max-width: 1024px) {
      .annual-report-article .page-title {
        max-width: 460px; }
        .annual-report-article .page-title head {
          font-family: lap-palm; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .annual-report-article .page-title {
        margin-top: 50px; }
        .annual-report-article .page-title head {
          font-family: palm; } }
    .annual-report-article .page-title:before {
      content: '';
      position: absolute;
      width: 2px;
      height: 40px;
      top: 0px;
      background: #44d62c;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .annual-report-article .intro {
    position: relative;
    padding: 55px 20px 0;
    max-width: 740px;
    text-align: center;
    margin: 0 auto;
    font-style: italic;
    line-height: 30px;
    margin-bottom: 30px; }
    .annual-report-article .intro:before {
      content: '';
      position: absolute;
      width: 2px;
      height: 40px;
      top: 0px;
      background: #44d62c;
      left: 0;
      right: 0;
      margin: 0 auto; }
      @media only screen and (min-width: 320px) and (max-width: 767px) {
        .annual-report-article .intro:before {
          top: -14px; }
          .annual-report-article .intro:before head {
            font-family: palm; } }
  .annual-report-article .numbers-block {
    background: #44d62c;
    padding: 30px 0 36px; }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .annual-report-article .numbers-block {
        padding: 30px 0 0px; }
        .annual-report-article .numbers-block head {
          font-family: palm; } }
    .annual-report-article .numbers-block .number-block {
      display: flex;
      flex-direction: row;
      max-width: 1064px;
      margin: 0 auto;
      justify-content: center; }
      @media only screen and (min-width: 320px) and (max-width: 767px) {
        .annual-report-article .numbers-block .number-block {
          display: block; }
          .annual-report-article .numbers-block .number-block head {
            font-family: palm; } }
    .annual-report-article .numbers-block li {
      padding: 0 40px;
      border-right: 2px solid #ffffff; }
      @media only screen and (min-width: 320px) and (max-width: 767px) {
        .annual-report-article .numbers-block li {
          position: relative;
          display: inline-block;
          width: 49%;
          border-right: none;
          padding: 0 20px;
          margin-bottom: 76px;
          /*&:nth-child(-n+2){
    				border-bottom: 1px solid  map_get($map, white);
				}*/ }
          .annual-report-article .numbers-block li head {
            font-family: palm; }
          .annual-report-article .numbers-block li:nth-child(odd) {
            border-right: 2px solid #ffffff; }
          .annual-report-article .numbers-block li:after {
            content: '';
            width: 70%;
            height: 2px;
            background: #ffffff;
            position: absolute;
            bottom: -40px;
            right: -3px; }
          .annual-report-article .numbers-block li:nth-child(even):after {
            right: inherit;
            left: -3px; }
          .annual-report-article .numbers-block li:last-child:after {
            display: none; }
          .annual-report-article .numbers-block li:nth-last-child(2):after {
            display: none; } }
      .annual-report-article .numbers-block li:last-child {
        border-right: 2px solid #44d62c; }
        @media only screen and (min-width: 320px) and (max-width: 767px) {
          .annual-report-article .numbers-block li:last-child {
            border-right: none; }
            .annual-report-article .numbers-block li:last-child head {
              font-family: palm; } }
      .annual-report-article .numbers-block li span {
        color: #ffffff;
        display: block;
        text-align: center; }
        .annual-report-article .numbers-block li span.number {
          font-size: 30px;
          font-size: 1.75rem;
          line-height: 1.3;
          font-weight: bold; }
        .annual-report-article .numbers-block li span.number-text {
          font-size: 16px;
          font-size: 0.93333rem;
          line-height: 1.3;
          text-transform: uppercase;
          margin-top: 10px; }
        @media only screen and (min-width: 320px) and (max-width: 767px) {
          .annual-report-article .numbers-block li span {
            text-align: left; }
            .annual-report-article .numbers-block li span head {
              font-family: palm; } }
  .annual-report-article .slider-rapport {
    margin: 40px auto 40px;
    padding-top: 65px;
    position: relative; }
    .annual-report-article .slider-rapport:before {
      content: '';
      position: absolute;
      width: 2px;
      height: 40px;
      top: 0px;
      background: #44d62c;
      left: 0;
      right: 0;
      margin: 0 auto; }
      @media only screen and (min-width: 320px) and (max-width: 767px) {
        .annual-report-article .slider-rapport:before {
          top: -14px; }
          .annual-report-article .slider-rapport:before head {
            font-family: palm; } }
    .annual-report-article .slider-rapport .title-block {
      text-align: center;
      position: relative;
      font-size: 16px;
      font-size: 0.93333rem;
      line-height: 1.3;
      text-transform: uppercase;
      margin-bottom: 27px; }
    .annual-report-article .slider-rapport .slider-report {
      position: relative;
      zoom: 1;
      max-width: 900px;
      margin: 0 auto;
      width: 100%; }
      @media only screen and (max-width: 1024px) {
        .annual-report-article .slider-rapport .slider-report {
          max-width: 722px; }
          .annual-report-article .slider-rapport .slider-report head {
            font-family: lap-palm; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .annual-report-article .slider-rapport .slider-report {
          max-width: 690px; }
          .annual-report-article .slider-rapport .slider-report head {
            font-family: lap-pt; } }
      @media only screen and (min-width: 320px) and (max-width: 767px) {
        .annual-report-article .slider-rapport .slider-report {
          max-width: 360px; }
          .annual-report-article .slider-rapport .slider-report head {
            font-family: palm; } }
      .annual-report-article .slider-rapport .slider-report .flex-direction-nav li a {
        text-decoration: none;
        display: block;
        margin: -20px -39px  0;
        position: absolute;
        top: 60%;
        z-index: 2;
        overflow: hidden;
        opacity: 1;
        cursor: pointer;
        text-indent: -9999px;
        text-align: left; }
        .annual-report-article .slider-rapport .slider-report .flex-direction-nav li a:before {
          content: '';
          float: left; }
        @media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
          .annual-report-article .slider-rapport .slider-report .flex-direction-nav li a {
            margin: -20px 0px  0;
            top: 40%; }
            .annual-report-article .slider-rapport .slider-report .flex-direction-nav li a head {
              font-family: palm-pt; } }
      .annual-report-article .slider-rapport .slider-report .flex-direction-nav .flex-nav-prev a:before {
        background-image: url(../images/sprites/@1x.png);
        background-position: -59px -92px;
        width: 39px;
        height: 39px; }
      .annual-report-article .slider-rapport .slider-report .flex-direction-nav .flex-nav-next a:before {
        background-image: url(../images/sprites/@1x.png);
        background-position: -102px -92px;
        width: 39px;
        height: 39px; }
    .annual-report-article .slider-rapport .visuel-desc {
      background: #ffffff;
      padding: 20px 25px;
      margin-top: -4px; }
      @media only screen and (min-width: 320px) and (max-width: 767px) {
        .annual-report-article .slider-rapport .visuel-desc {
          padding: 10px 25px; }
          .annual-report-article .slider-rapport .visuel-desc head {
            font-family: palm; } }
      .annual-report-article .slider-rapport .visuel-desc h3 {
        font-size: 16px;
        font-size: 0.93333rem;
        line-height: 1.3;
        margin-bottom: 10px; }
      .annual-report-article .slider-rapport .visuel-desc span {
        font-size: 14px;
        font-size: 0.81667rem;
        line-height: 1.3; }
  .annual-report-article .citation {
    max-width: 670px;
    width: 96%;
    margin: 20px auto 40px;
    text-align: center;
    position: relative;
    padding-top: 77px; }
    @media only screen and (max-width: 1024px) {
      .annual-report-article .citation {
        max-width: 634px;
        padding: 77px 20px 0; }
        .annual-report-article .citation head {
          font-family: lap-palm; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .annual-report-article .citation {
        max-width: 360px; }
        .annual-report-article .citation head {
          font-family: palm; } }
    .annual-report-article .citation:before {
      content: '';
      position: absolute;
      width: 2px;
      height: 40px;
      top: 0px;
      background: #44d62c;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .annual-report-article .citation .green-quote {
      font-size: 32px;
      font-size: 1.86667rem;
      line-height: 1.3;
      color: #44d62c;
      margin-bottom: 24px; }
    .annual-report-article .citation .author .first-author, .annual-report-article .citation .author .second-author {
      font-size: 16px;
      font-size: 0.93333rem;
      line-height: 1.3;
      text-transform: uppercase;
      color: #000000;
      display: block; }
    .annual-report-article .citation .author .first-author {
      font-weight: bold; }
  .annual-report-article .block-video {
    max-width: 900px;
    margin: 40px auto;
    position: relative;
    padding-top: 70px; }
    @media only screen and (max-width: 1024px) {
      .annual-report-article .block-video {
        max-width: 722px; }
        .annual-report-article .block-video head {
          font-family: lap-palm; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .annual-report-article .block-video {
        max-width: 360px; }
        .annual-report-article .block-video head {
          font-family: palm; } }
    .annual-report-article .block-video:before {
      content: '';
      position: absolute;
      width: 2px;
      height: 40px;
      top: 0px;
      background: #44d62c;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .annual-report-article .block-video .title-block {
      text-align: center;
      position: relative;
      font-size: 16px;
      font-size: 0.93333rem;
      line-height: 1.3;
      text-transform: uppercase;
      margin-bottom: 50px; }
    .annual-report-article .block-video .wrapper-video {
      position: relative;
      min-height: 500px;
      overflow: hidden; }
      @media only screen and (min-width: 320px) and (max-width: 767px) {
        .annual-report-article .block-video .wrapper-video {
          min-height: 202px; }
          .annual-report-article .block-video .wrapper-video head {
            font-family: palm; } }
      .annual-report-article .block-video .wrapper-video .visuel-img {
        cursor: pointer;
        position: relative;
        z-index: 2; }
        .annual-report-article .block-video .wrapper-video .visuel-img img {
          height: 100%; }
        .annual-report-article .block-video .wrapper-video .visuel-img:after {
          content: '';
          background-image: url(../images/sprites/@1x.png);
          background-position: 0px 0px;
          width: 88px;
          height: 88px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%); }
      .annual-report-article .block-video .wrapper-video .visuel-video {
        position: absolute;
        min-height: 500px;
        max-width: 900px;
        width: 100%;
        z-index: 1;
        top: 0; }
        @media only screen and (min-width: 320px) and (max-width: 767px) {
          .annual-report-article .block-video .wrapper-video .visuel-video {
            min-height: 202px; }
            .annual-report-article .block-video .wrapper-video .visuel-video head {
              font-family: palm; } }
        .annual-report-article .block-video .wrapper-video .visuel-video iframe {
          width: 100%;
          min-height: 500px; }
          @media only screen and (min-width: 320px) and (max-width: 767px) {
            .annual-report-article .block-video .wrapper-video .visuel-video iframe {
              min-height: 202px; }
              .annual-report-article .block-video .wrapper-video .visuel-video iframe head {
                font-family: palm; } }

.page-node-type-annual-report .social-share, .page-node-type-annual-report-article .social-share {
  display: none; }

#page {
  position: relative; }

.box-share {
  position: absolute;
  right: 0px;
  margin: 0;
  padding: 0;
  width: 52px;
  z-index: 6;
  cursor: pointer;
  display: none; }
  @media only screen and (min-width: 1025px) {
    .box-share {
      display: block; }
      .box-share head {
        font-family: desk; } }
  .box-share .social-share {
    padding: 0;
    margin: 0;
    text-align: center; }
    .box-share .social-share li {
      display: block; }
      .box-share .social-share li a {
        width: 52px;
        display: block; }
        .box-share .social-share li a[data-network="facebook"] {
          padding: 17px 0px; }
        .box-share .social-share li a[data-network="twitter"] {
          padding: 20px 0px; }
        .box-share .social-share li a[data-network="linkedin"] {
          padding: 19px 0px; }
  .box-share:before {
    content: ' ';
    display: block;
    background-image: url(../images/sprites/@1x.png);
    background-position: -92px 0px;
    width: 52px;
    height: 52px;
    height: 52px;
    height: 52px; }

/**block-patent**/
.mainLarge .main {
  width: 100%;
  padding: 0;
  text-align: center; }

.bigContent {
  width: 100%; }

.text_paragaphe {
  text-align: left; }
  .text_paragaphe h2 {
    text-align: center;
    text-transform: lowercase;
    font-size: 24px;
    font-size: 1.4rem;
    line-height: 1.3;
    /*color:  map_get($map,   green-borderDispatch);*/ }
  .text_paragaphe h2::first-letter {
    text-transform: uppercase; }

.topcontent_cv {
  background: #ebebeb;
  width: 100%;
  min-height: 168px;
  padding: 28px 0 0 0; }
  .topcontent_cv h1 {
    margin-bottom: 2px; }
  .topcontent_cv span {
    color: #010101;
    font-size: 16px;
    font-size: 0.93333rem;
    line-height: 1.3;
    line-height: 30px;
    font-weight: bold; }

.bottomcontent_cv {
  width: 60%;
  display: inline-block; }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .bottomcontent_cv {
      width: 90%; }
      .bottomcontent_cv head {
        font-family: palm; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .bottomcontent_cv {
      width: 90%; }
      .bottomcontent_cv head {
        font-family: lap-pt; } }

.bulles_points {
  text-align: left;
  width: 100%;
  margin-top: 75px; }

.img_rond {
  position: relative;
  margin-top: -71px; }
  .img_rond img {
    border-radius: 100%; }

.bulles_points {
  width: 100%;
  overflow: hidden; }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .bulles_points {
      padding: 0 20px; }
      .bulles_points head {
        font-family: palm; } }
  .bulles_points div p {
    color: #5e6a71;
    font-size: 14px;
    font-size: 0.81667rem;
    line-height: 1.3; }

.bk_list li {
  font-size: 16px; }

.bk_list div {
  overflow: hidden;
  position: relative; }

.bk_list div div {
  margin-bottom: 7px;
  padding-left: 18px;
  width: 50%;
  float: left;
  padding-right: 5%; }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .bk_list div div {
      width: 90%;
      padding-right: 0; }
      .bk_list div div head {
        font-family: palm; } }
  .bk_list div div::before {
    background-image: url(../images/sprites/@1x.png);
    background-position: -231px -97px;
    width: 8px;
    height: 8px;
    left: 0px;
    top: 8px; }

.text_paragaphe div ul {
  padding-left: 20px; }
  .text_paragaphe div ul li {
    position: relative;
    margin: 10px 0;
    list-style-type: none; }
    .text_paragaphe div ul li::before {
      background-image: url(../images/sprites/@1x.png);
      background-position: -231px -97px;
      width: 8px;
      height: 8px;
      left: -13px;
      top: 8px; }

/***/
.partie {
  overflow: hidden;
  display: block;
  padding: 35px 20px; }
  .partie h2 p {
    color: #91c30d;
    font-size: 22px;
    font-size: 1.28333rem;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 20px; }

.gris-fonce {
  background: #e5e5e5; }

.gris-moyen {
  background: #ebebeb; }

.gris-clair {
  background: #f2f2f2; }

.blanc {
  background: #ffffff; }

.colonne_bk {
  width: 100%;
  margin: auto;
  min-width: 320px; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .colonne_bk {
      width: 100%; }
      .colonne_bk head {
        font-family: lap-pt; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .colonne_bk {
      width: 50%;
      min-width: 100%; }
      .colonne_bk head {
        font-family: palm; } }

.paragCl {
  width: 30%;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  margin: 20px; }
  .paragCl p {
    margin-bottom: 16px; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .paragCl {
      width: 32%;
      margin: 20px 0; }
      .paragCl head {
        font-family: lap-pt; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .paragCl {
      width: 90%;
      margin: 0; }
      .paragCl head {
        font-family: palm; } }

.descriptif_paragraphs {
  width: 80%;
  display: inline-block;
  overflow: hidden;
  margin-bottom: 30px; }

/**block-patent**/
/***encart-cv***/
.encart_cv {
  max-width: 20%;
  max-width: 210px;
  vertical-align: top;
  margin: 50px 20px 20px;
  display: inline-block;
  padding: 20px 25px;
  cursor: pointer;
  border: solid 1px #d4d7d9; }
  .encart_cv:hover {
    border: solid 1px #91c30d; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .encart_cv {
      width: 40%; }
      .encart_cv head {
        font-family: lap; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .encart_cv {
      width: 100%;
      padding: 20px 15px;
      /*  margin: 50px 0;
    display: block;*/ }
      .encart_cv head {
        font-family: palm; } }
  .encart_cv .img_rond {
    width: 75px;
    height: 75px;
    display: block;
    margin: -60px auto 20px auto; }
    .encart_cv .img_rond img {
      height: auto; }

.encart_cv h2, .encart_cv span a {
  font-size: 16px;
  font-size: 0.93333rem;
  line-height: 1.3;
  text-decoration: none;
  border-top: none;
  display: block;
  padding-top: 0;
  text-decoration: none !important;
  color: #91c30d !important; }

.encart_cv span a:hover {
  text-decoration: underline !important; }

.encart_cv h2::first-letter, .encart_cv span a:link::first-letter {
  text-transform: uppercase; }

.encart_cv p, .text-description {
  text-align: left;
  color: #5e6a71;
  font-size: 14px;
  font-size: 0.81667rem;
  line-height: 1.3;
  margin-bottom: 0;
  padding: 0; }

.encart_cv p {
  margin-bottom: 16px; }

.lien_linkIn {
  color: #000000 !important;
  font-size: 12px;
  font-size: 0.7rem;
  line-height: 1.3;
  text-decoration: none !important;
  position: relative;
  display: inline-block;
  line-height: 19px;
  padding-right: 20px;
  margin: 10px 0 15px 0; }
  .lien_linkIn::after {
    background-image: url(../images/sprites/@1x.png);
    background-position: -129px -199px;
    width: 16px;
    height: 16px;
    right: 0;
    top: 8px; }
  .lien_linkIn:hover {
    text-decoration: underline !important; }

.c-tabs-nav {
  width: auto;
  margin: auto auto 35px auto;
  position: relative;
  font-size: 0; }
  .c-tabs-nav .is-active {
    border-bottom: solid 2px #91c30d;
    color: #010101; }

.c-tabs-nav__link {
  display: inline-block;
  cursor: pointer;
  color: #5e6a71;
  font-size: 14px;
  font-size: 0.81667rem;
  line-height: 1.3;
  padding: 0 30px 10px;
  margin: 0 10px;
  width: 215px;
  text-align: center;
  position: relative;
  border-bottom: solid 1px #d4d7d9; }

.block--type .c-tab:first-child {
  display: block; }

.c-tab {
  display: none; }

.c-tab.is-active {
  display: block; }

/******carousel_gouverneent*********/
.swiper-slide {
  display: inline-block;
  position: relative;
  vertical-align: top; }

.swiper-nav span {
  cursor: pointer;
  position: absolute;
  width: 30px;
  height: 100%;
  top: 0;
  z-index: 10;
  background: #ffffff; }

.swiper-nav .swiper-button-prev {
  left: 0; }
  .swiper-nav .swiper-button-prev::before {
    background-image: url(../images/sprites/@1x.png);
    background-position: -202px -50px;
    width: 24px;
    height: 46px;
    width: 25px;
    height: 46px; }

.swiper-nav .swiper-button-next {
  right: 0; }
  .swiper-nav .swiper-button-next::before {
    background-image: url(../images/sprites/@1x.png);
    background-position: -202px 0px;
    width: 25px;
    height: 46px;
    width: 25px;
    height: 46px; }

/****/
.gb_onglet {
  display: block; }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .gb_onglet {
      display: none; }
      .gb_onglet head {
        font-family: palm; } }

.cl_onglet {
  display: none;
  width: 320px;
  margin: auto;
  overflow: hidden; }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .cl_onglet {
      display: block; }
      .cl_onglet head {
        font-family: palm; } }

/*# sourceMappingURL=style.css.map */