@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Fjalla+One");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900");
/*Couleurs principales*/
/*Couleurs secondaires*/
/*Hors maquette*/
/* $demarche_margin: 42px; */
/* $xxs      :  320px;
$xs       :  480px;
$sm       :  768px;
$tablet   : 992px;
$md       : 1025px;
$desktop  : 1200px;
$lg       : 1320px;
$large    : 1440px; */
/*
$gutter-md: 36px;
$gutter-sm: 36px;
$gutter-xs: 18px;
 */
/*
@mixin make-container-fluid($gutter: $grid-gutter-width) {
    @include container-fixed($gutter);
    @include responsive(md) {
        padding-left: $gutter-md / 2;
        padding-right: $gutter-md / 2;
    }
    @include responsive(sm) {
        padding-left: $gutter-sm / 2;
        padding-right: $gutter-sm / 2;
    }
    @include responsive(xs) {
        padding-left: $gutter-xs / 2;
        padding-right: $gutter-xs / 2;
    }
}

@mixin make-container($gutter: $grid-gutter-width) {
    @include container-fixed($gutter);
    @media (min-width: $screen-sm-min) {
        width: $container-sm;
    }
    @media (min-width: $screen-md-min) {
        width: $container-md;
    }
    @media (min-width: $screen-lg-min) {
        width: $container-lg;
    }
    @include responsive(md) {
        padding-left: $gutter-md / 2;
        padding-right: $gutter-md / 2;
    }
    @include responsive(sm) {
        padding-left: $gutter-sm / 2;
        padding-right: $gutter-sm / 2;
    }
    @include responsive(xs) {
        padding-left: $gutter-xs / 2;
        padding-right: $gutter-xs / 2;
    }
}
 */
/* @mixin make-row-responsive ($gutter: $grid-gutter-width) {
    @include make-row($gutter);
    @include responsive(md) {
        margin-left: $gutter-md / -2;
        margin-right: $gutter-md / -2;
    }
    @include responsive(sm) {
        margin-left: $gutter-sm / -2;
        margin-right: $gutter-sm / -2;
    }
    @include responsive(xs) {
        margin-left: $gutter-xs / -2;
        margin-right: $gutter-xs / -2;
    }
}

// ADJUST COLUMNS ON RESPONSIVE
// --------------------------------------------------
// Generate the extra small columns
@mixin make-xs-column-responsive($columns, $gutter: $gutter-xs) {
  @include make-xs-column($columns, $gutter);
}

// Generate the small columns
@mixin make-sm-column-responsive($columns, $gutter: $gutter-sm) {
  @include make-sm-column($columns, $gutter);
}

// Generate the medium columns
@mixin make-md-column-responsive($columns, $gutter: $gutter-md) {
  @include make-md-column($columns, $gutter);
} */
/*HDSH Button*/
@font-face {
  font-family: 'hdsh_icon_font';
  src: url("../fonts/icomoon.eot?ljh10y");
  src: url("../fonts/icomoon.eot?ljh10y#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?ljh10y") format("truetype"), url("../fonts/icomoon.woff?ljh10y") format("woff"), url("../fonts/icomoon.svg?ljh10y#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="hdsh-icon-"], [class*=" hdsh-icon-"], .has_font_icon > ul > li:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'hdsh_icon_font' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*Menu*/
.hdsh-icon-esp-locataire:before {
  content: "\e902";
  color: #004D94;
  display: inline-block;
  padding-right: 17px; }

/* Types de Bien

.hdsh-icon-residence-senior:before {
    content: "\e900";
    color: $white;
    display: inline-block;

    @include font-size(40px);

    margin-bottom: 10px;
}

.hdsh-icon-residences-sociales:before {
    content: "\e913";
    color: $white;
    display: inline-block;

    @include font-size(40px);

    margin-bottom: 10px;
}

.hdsh-icon-residences-etudiantes:before {
    content: "\e912";
    color: $white;
    display: inline-block;

    @include font-size(40px);

    margin-bottom: 10px;
}

.hdsh-icon-locaux-commerciaux:before {
    content: "\e910";
    color: $white;
    display: inline-block;

    @include font-size(40px);

    margin-bottom: 10px;
}

.hdsh-icon-residences-collectives:before {
    content: "\e911";
    color: $white;
    display: inline-block;

    @include font-size(40px);

    margin-bottom: 10px;
}

.hdsh-icon-parkings:before {
    content: "\e90f";
    color: $white;
    display: inline-block;

    @include font-size(40px);

    margin-bottom: 10px;
}

Avantages

.hdsh-icon-confort:before {
    content: "\e901";
    color: $white;
    display: inline-block;
    padding-right: 17px;

    @include font-size(32px);
}

.hdsh-icon-securite:before {
    content: "\e904";
    color: $white;
    display: inline-block;
    padding-right: 17px;

    @include font-size(32px);
}

.hdsh-icon-loisir-et-animations:before {
    content: "\e903";
    color: $white;
    display: inline-block;
    padding-right: 17px;

    @include font-size(32px);
}

.hdsh-icon-activites-diverses:before {
    content: "\e91a";
    color: $white;
    display: inline-block;
    padding-right: 17px;

    @include font-size(32px);
}

.hdsh-icon-loyer-attractifs-01:before {
    content: "\e91b";
    color: $white;
    display: inline-block;
    padding-right: 17px;

    @include font-size(32px);
}

.hdsh-icon-loyer-attractifs-02:before {
    content: "\e91c";
    color: $white;
    display: inline-block;
    padding-right: 17px;

    @include font-size(32px);
}

.hdsh-icon-residence-meublee:before {
    content: "\e91d";
    color: $white;
    display: inline-block;
    padding-right: 17px;

    @include font-size(32px);
}

Services

.hdsh-icon-services:before {
    content: "\e90c";
    color: $white;
    display: inline-block;
    padding-right: 17px;

    @include font-size(32px);
}

.hdsh-icon-restaurants:before {
    content: "\e90b";
    color: $white;
    display: inline-block;
    padding-right: 17px;

    @include font-size(32px);
}

.hdsh-icon-moyens-dacces-01:before {
    content: "\e91e";
    color: $white;
    display: inline-block;
    padding-right: 17px;

    @include font-size(32px);
}


.hdsh-icon-moyens-dacces-02:before {
    content: "\e91f";
    color: $white;
    display: inline-block;
    padding-right: 17px;

    @include font-size(32px);
}

Misc

.hdsh-icon-btn-video:before {
    content: "\e90d";
    color: $white;
    display: inline-block;

    @include font-size(8px);

    padding-left: 16px;
    padding-top: 14px;
}

.hdsh-icon-contact:before {
    content: "\e908";
    color: #0ca1ee;
    display: inline-block;
    padding-right: 17px;

    @include font-size(30px);

    position: absolute;
    top: 2px;
    left: 0;
}

.hdsh-icon-appartement:before {
    content: "\e907";
    color: #0ca1ee;
    display: inline-block;
    padding-right: 17px;

    @include font-size(30px);

    position: absolute;
    top: 2px;
    left: 0;
}

.hdsh-icon-details:before {
    content: "\e90e";
    color: #0ca1ee;
    display: inline-block;
    padding-right: 17px;

    @include font-size(30px);

    position: absolute;
    top: 2px;
    left: 0;
}

Diaporama Location

.hdsh-icon-location:before {
    content: "\e909";
    color: $diaporama_location_icon_color;
    display: inline-block;
    padding-right: 17px;

    @include font-size(46px);
}

Tabs

.services li:before {
    content: "\e90c";
    color: #0ca1ee;
    position: absolute;
    top: -2;

    @include font-size(22px);

    left: -35px;
}

.restaurants li:before {
    content: "\e90b";
    color: #0ca1ee;
    position: absolute;
    top: -2;

    @include font-size(22px);

    left: -35px;
}

.loisir-et-animations li:before {
    content: "\e903";
    color: #0ca1ee;
    position: absolute;
    top: -2;

    @include font-size(22px);

    left: -35px;
}

.moyens-dacces-01 li:before {
    content: "\e91e";
    color: #0ca1ee;
    position: absolute;
    top: -2;

    @include font-size(22px);

    left: -35px;
}

.moyens-dacces-02 li:before {
    content: "\e91f";
    color: #0ca1ee;
    position: absolute;
    top: -2;

    @include font-size(22px);

    left: -35px;
} */
html, body {
  height: 100%;
  font-size: 12px; }

body {
  font-family: "Fjalla One", sans-serif;
  font-weight: 400;
  /* counter-reset: demarche_number; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-wrap: break-word; }

h1 {
  font-size: 60px;
  font-size: 5rem;
  margin: 0 0 60px;
  line-height: 78px; }

p {
  font-size: 18px;
  font-size: 1.5rem;
  line-height: 26px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  margin-bottom: 40px;
  color: #444444; }

h2 {
  position: relative;
  font-size: 40px;
  font-size: 3.3333333333rem;
  margin-bottom: 45px;
  padding-left: 192px;
  color: #004D94;
  margin-top: 0;
  line-height: 46px; }
  h2:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 0;
    width: 155px;
    height: 3px;
    background: #004D94; }

h3 {
  position: relative;
  font-size: 24px;
  font-size: 2rem;
  color: #004D94;
  margin-bottom: 70px;
  line-height: 35px; }
  h3:after {
    content: '';
    position: absolute;
    height: 3px;
    width: 75px;
    background: #06CDFC;
    left: 0;
    bottom: -25px; }
  h3 .panel-title:after {
    content: none; }

h4 {
  position: relative;
  font-size: 24px;
  font-size: 2rem;
  color: #004D94;
  margin-bottom: 70px;
  line-height: 35px;
  margin-bottom: 50px; }

/*** Responsive ***/
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 40px;
    font-size: 3.3333333333rem;
    line-height: 50px; }

  h2 {
    line-height: 50px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
.container > .navbar-header {
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 768px) {
    .container > .navbar-header {
      margin-top: 10px;
      padding-right: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      height: 20px;
      width: 917px; } }

.navbar-default {
  background-color: white;
  border-color: white;
  margin: 0;
  height: 30px;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
  z-index: 50;
  max-width: 100% !important;
  width: 100% !important; }

.navbar {
  min-height: 30px !important; }

.footer .gauche .footer-description {
  font-size: 14px !important; }

/*** Modules ***/
/**Main Menu**/
.header {
  background: #fff;
  -webkit-box-shadow: 0 5px 19px -2px rgba(3, 3, 3, 0.49);
  -moz-box-shadow: 0 5px 19px -2px rgba(3, 3, 3, 0.49);
  box-shadow: 0 5px 19px -2px rgba(3, 3, 3, 0.49);
  -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  /* easeOutCubic */ }
  .header:before, .header:after {
    content: " ";
    display: table; }
  .header:after {
    clear: both; }

/*** Modules ***/
/**Main Menu**/
.header {
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 50;
  height: 82px;
  /*.user-logged-in & {
    height: 120px;
    padding-top: 25px;
  }*/
  /*Desktop Menu*/ }
  .header::after {
    clear: both; }
  .header .hdshLogo {
    position: absolute;
    top: 15px;
    left: 0;
    width: 50px;
    z-index: 3;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */ }
    .header .hdshLogo img {
      width: 100%; }
  .header nav {
    display: block;
    width: 100%; }
  .header .region-header {
    position: relative; }
  .header .hdsh-horizontal-menu {
    position: relative;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0;
    list-style: none;
    width: 100%; }
    .header .hdsh-horizontal-menu > li {
      display: inline-block;
      position: static; }
      .header .hdsh-horizontal-menu > li.menu-item.myitem-6 > a:after {
        display: none; }
      .header .hdsh-horizontal-menu > li.menu-item.myitem-7:before {
        top: 4px; }
      .header .hdsh-horizontal-menu > li.menu-item.myitem-7 > .menu-link {
        background-color: #004C95;
        padding: 10px 50px 15px 25px;
        border-radius: 100px;
        margin: 0 0 14px 41px;
        color: #fff; }
        .header .hdsh-horizontal-menu > li.menu-item.myitem-7 > .menu-link:before {
          font-size: 24px;
          top: 4px;
          position: relative; }
        .header .hdsh-horizontal-menu > li.menu-item.myitem-7 > .menu-link:after {
          background: url("../images/icon-compte-arrow-down.svg") no-repeat right center;
          -webkit-background-size: 18px 12px;
          -moz-background-size: 18px 12px;
          -o-background-size: 18px 12px;
          background-size: 18px 12px;
          width: 18px;
          height: 12px;
          right: 20px;
          left: auto;
          bottom: 20px; }
      .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 {
        background: #fff;
        padding: 25px;
        /*    @else if $media == large {
            @media only screen and (min-width: $large + 1) {
                @content;
            }
        } */ }
        @media only screen and (max-width: 991px) {
          .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 {
            height: 100%;
            position: fixed;
            top: 90px;
            border-radius: 0; } }
        .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li {
          margin: 0 auto;
          max-width: 170px;
          width: 100%;
          /*    @else if $media == large {
              @media only screen and (min-width: $large + 1) {
                  @content;
              }
          } */ }
          @media only screen and (max-width: 991px) {
            .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li {
              margin: 0 0 0 40px;
              max-width: 100%; } }
          .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li > span {
            font-size: 24px;
            color: #004C95;
            text-align: center;
            padding: 0;
            display: block;
            /*    @else if $media == large {
                @media only screen and (min-width: $large + 1) {
                    @content;
                }
            } */ }
            @media only screen and (max-width: 991px) {
              .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li > span {
                text-align: left;
                padding: 0 35px 0 0; } }
            .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li > span:before {
              display: none; }
          .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li a {
            font-family: "Roboto", sans-serif;
            font-size: 13px;
            color: #004C95;
            margin: 0 0 12px;
            display: block;
            position: relative;
            padding: 0 0 0 35px;
            /*    @else if $media == large {
                @media only screen and (min-width: $large + 1) {
                    @content;
                }
            } */ }
            @media only screen and (max-width: 991px) {
              .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li a {
                font-size: 16px;
                line-height: 24px;
                padding: 0 0 0 40px; } }
            .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li a:before {
              content: '';
              display: inline-block;
              margin: 0 11px 0 0;
              position: absolute;
              left: 0;
              top: 0; }
        .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li:nth-child(2) a:before {
          background: url("../images/icon-compte-perso.svg") no-repeat right center;
          -webkit-background-size: 21px 23px;
          -moz-background-size: 21px 23px;
          -o-background-size: 21px 23px;
          background-size: 21px 23px;
          width: 21px;
          height: 23px;
          top: -2px;
          /*    @else if $media == large {
              @media only screen and (min-width: $large + 1) {
                  @content;
              }
          } */ }
          @media only screen and (max-width: 991px) {
            .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li:nth-child(2) a:before {
              top: 0px; } }
        .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li:nth-child(3) a:before {
          background: url("../images/icon-compte-journal.svg") no-repeat right center;
          -webkit-background-size: 23px 22px;
          -moz-background-size: 23px 22px;
          -o-background-size: 23px 22px;
          background-size: 23px 22px;
          width: 23px;
          height: 22px;
          top: 8px;
          /*    @else if $media == large {
              @media only screen and (min-width: $large + 1) {
                  @content;
              }
          } */ }
          @media only screen and (max-width: 991px) {
            .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li:nth-child(3) a:before {
              top: 2px; } }
        .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li:nth-child(4) a:before {
          background: url("../images/icon-compte-payment.svg") no-repeat right center;
          -webkit-background-size: 26px 24px;
          -moz-background-size: 26px 24px;
          -o-background-size: 26px 24px;
          background-size: 26px 24px;
          width: 26px;
          height: 24px;
          top: -3px;
          /*    @else if $media == large {
              @media only screen and (min-width: $large + 1) {
                  @content;
              }
          } */ }
          @media only screen and (max-width: 991px) {
            .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li:nth-child(4) a:before {
              top: 0px; } }
        .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li:nth-child(5) {
          max-width: 160px; }
          .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li:nth-child(5) a {
            padding: 15px 0 0 25px;
            text-decoration: underline;
            /*    @else if $media == large {
                @media only screen and (min-width: $large + 1) {
                    @content;
                }
            } */ }
            @media only screen and (max-width: 991px) {
              .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li:nth-child(5) a {
                padding: 15px 0 0 40px; } }
            .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li:nth-child(5) a:before {
              background: url("../images/icon-compte-deconnexion.svg") no-repeat right center;
              -webkit-background-size: 16px 19px;
              -moz-background-size: 16px 19px;
              -o-background-size: 16px 19px;
              background-size: 16px 19px;
              width: 16px;
              height: 19px;
              top: 13px;
              /*    @else if $media == large {
                  @media only screen and (min-width: $large + 1) {
                      @content;
                  }
              } */ }
              @media only screen and (max-width: 991px) {
                .header .hdsh-horizontal-menu > li.menu-item.myitem-7 .menu-level-2 > ul > li:nth-child(5) a:before {
                  top: 17px;
                  left: 5px; } }
      .header .hdsh-horizontal-menu > li.myitem-6, .header .hdsh-horizontal-menu > li.myitem-7 {
        position: relative;
        display: none;
        /*    @else if $media == large {
            @media only screen and (min-width: $large + 1) {
                @content;
            }
        } */ }
        .header .hdsh-horizontal-menu > li.myitem-6 button, .header .hdsh-horizontal-menu > li.myitem-6 > a, .header .hdsh-horizontal-menu > li.myitem-7 button, .header .hdsh-horizontal-menu > li.myitem-7 > a {
          position: relative;
          /*    @else if $media == large {
              @media only screen and (min-width: $large + 1) {
                  @content;
              }
          } */
          /*    @else if $media == large {
              @media only screen and (min-width: $large + 1) {
                  @content;
              }
          } */ }
          @media only screen and (max-width: 1199px) {
            .header .hdsh-horizontal-menu > li.myitem-6 button, .header .hdsh-horizontal-menu > li.myitem-6 > a, .header .hdsh-horizontal-menu > li.myitem-7 button, .header .hdsh-horizontal-menu > li.myitem-7 > a {
              padding-left: 40px; } }
          @media only screen and (max-width: 991px) {
            .header .hdsh-horizontal-menu > li.myitem-6 button, .header .hdsh-horizontal-menu > li.myitem-6 > a, .header .hdsh-horizontal-menu > li.myitem-7 button, .header .hdsh-horizontal-menu > li.myitem-7 > a {
              padding-right: 0;
              padding-left: 10px; } }
          .header .hdsh-horizontal-menu > li.myitem-6 button::before, .header .hdsh-horizontal-menu > li.myitem-6 > a::before, .header .hdsh-horizontal-menu > li.myitem-7 button::before, .header .hdsh-horizontal-menu > li.myitem-7 > a::before {
            content: "\e902";
            color: #06CDFC;
            display: inline-block;
            padding-right: 17px;
            font-family: 'hdsh_icon_font' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
        @media only screen and (max-width: 991px) {
          .header .hdsh-horizontal-menu > li.myitem-6, .header .hdsh-horizontal-menu > li.myitem-7 {
            margin: 15px 45px 0 0; } }
        .header .hdsh-horizontal-menu > li.myitem-6:before, .header .hdsh-horizontal-menu > li.myitem-7:before {
          content: '';
          position: absolute;
          top: 18px;
          left: 13px;
          height: 43px;
          width: 1px;
          background: #004D94;
          /*    @else if $media == large {
              @media only screen and (min-width: $large + 1) {
                  @content;
              }
          } */ }
          @media only screen and (max-width: 991px) {
            .header .hdsh-horizontal-menu > li.myitem-6:before, .header .hdsh-horizontal-menu > li.myitem-7:before {
              display: none; } }
        .header .hdsh-horizontal-menu > li.myitem-6 > .menu-link, .header .hdsh-horizontal-menu > li.myitem-7 > .menu-link {
          padding-left: 80px;
          display: block;
          padding: 30px 18px;
          text-transform: uppercase;
          font-size: 16px;
          font-size: 1.3333333333rem;
          color: #004D94;
          /*    @else if $media == large {
              @media only screen and (min-width: $large + 1) {
                  @content;
              }
          } */ }
          @media only screen and (max-width: 991px) {
            .header .hdsh-horizontal-menu > li.myitem-6 > .menu-link, .header .hdsh-horizontal-menu > li.myitem-7 > .menu-link {
              padding-right: 0;
              padding-left: 10px;
              margin-right: 60px; } }
    .header .hdsh-horizontal-menu > li.menu-item.myitem-6 > .menu-link, .header .hdsh-horizontal-menu > li.menu-item.myitem-7 > .menu-link {
      /*    @else if $media == large {
          @media only screen and (min-width: $large + 1) {
              @content;
          }
      } */
      /*    @else if $media == large {
          @media only screen and (min-width: $large + 1) {
              @content;
          }
      } */ }
    .header .hdsh-horizontal-menu > li > a {
      display: block;
      padding: 30px 18px;
      text-transform: uppercase;
      position: relative;
      font-size: 16px;
      font-size: 1.3333333333rem;
      color: #004D94; }
      .menu-transparent .header .hdsh-horizontal-menu > li > a {
        color: #fff; }
    .header .hdsh-horizontal-menu > li > a.bouton_faciliti {
      background: transparent url(../images/logo-cercle-seul.png) no-repeat scroll left center;
      padding-left: 44px;
      font-size: 16px;
      font-size: 1.3333333333rem;
      color: #004D94; }
      .menu-transparent .header .hdsh-horizontal-menu > li > a.bouton_faciliti {
        color: #fff; }
    .header .hdsh-horizontal-menu > li.menu-item > .menu-link {
      display: block;
      padding: 30px 18px;
      text-transform: uppercase;
      border: none;
      background: transparent;
      position: relative;
      font-size: 16px;
      font-size: 1.3333333333rem;
      color: #004D94;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
    .header .hdsh-horizontal-menu > li > a::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      background: #06CDFC;
      height: 7px;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
    .header .hdsh-horizontal-menu > li.menu-item > .menu-link::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      background: #06CDFC;
      height: 7px;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
    .header .hdsh-horizontal-menu > li:first-of-type {
      margin-left: 100px; }
  .header .menu-level-2 {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #002057;
    z-index: 20;
    visibility: hidden;
    z-index: 20;
    padding: 64px 74px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0 5px 12px -2px rgba(3, 3, 3, 0.49);
    -moz-box-shadow: 0 5px 12px -2px rgba(3, 3, 3, 0.49);
    box-shadow: 0 5px 12px -2px rgba(3, 3, 3, 0.49);
    opacity: 0;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */ }
    .header .menu-level-2 ul, .header .menu-level-2 li {
      padding: 0;
      margin: 0;
      list-style-type: none; }

.menu-level-2 > ul > li > span {
  position: relative;
  display: inline-block;
  font-size: 24px;
  font-size: 2rem;
  font-family: "Fjalla One", sans-serif;
  color: #fff;
  padding-left: 40px;
  margin-bottom: 25px; }
  .menu-level-2 > ul > li > span:before {
    content: '';
    width: 20px;
    height: 7px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 0;
    background: #06CDFC; }

/*.hdsh-horizontal-menu {
  > li:last-child {
    .menu-link {
      padding-left: 80px;
    }
  }
}*/
.menu-level-3 .sub-nav .menu-item {
  display: block;
  width: 100%; }
.menu-level-3 ul > li > a {
  display: inline-block;
  color: #004D94;
  text-decoration: none;
  position: relative;
  margin-left: 40px;
  margin-bottom: 12px;
  width: 100%;
  -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  /* easeOutCubic */ }
  .menu-level-3 ul > li > a .arrow-btn {
    vertical-align: top;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: -20px;
    z-index: 1; }
  .menu-level-3 ul > li > a .arrow-fwd {
    vertical-align: top;
    width: 5px;
    height: 7px;
    display: inline-block;
    position: relative;
    z-index: 1; }
    .menu-level-3 ul > li > a .arrow-fwd .svg-icon {
      display: block;
      width: 100%;
      height: 7px;
      z-index: 1; }
  .menu-level-3 ul > li > a .arrow-fwd:nth-child(1):before {
    position: absolute;
    content: '';
    background: #06CDFC;
    width: 0;
    height: 1px;
    top: 50%;
    left: -20px;
    margin-top: -1px;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */
    z-index: -1; }
  .menu-level-3 ul > li > a .arrow-fwd:nth-child(1) .svg-icon {
    fill: #fff; }
  .menu-level-3 ul > li > a .arrow-fwd:nth-child(2) .svg-icon {
    fill: #06CDFC; }
  .menu-level-3 ul > li > a .mlt-text {
    display: inline-block;
    position: relative;
    font-size: 13px;
    font-size: 1.0833333333rem;
    color: #fff;
    font-family: "Roboto", sans-serif; }

/*Scenario 3 level 2*/
.one-level-2 .menu-level-2 {
  width: 36%;
  left: 23%; }

.two-level-2 .menu-level-2 {
  width: 30%;
  left: 40%;
  font-size: 0; }
  .two-level-2 .menu-level-2 > .sub-nav {
    margin: 0 -10px; }
  .two-level-2 .menu-level-2 > ul > li {
    width: 100%;
    display: block;
    vertical-align: top;
    padding: 0 10px; }

.three-level-2 + .menu-level-2 {
  font-size: 0; }
  .three-level-2 + .menu-level-2 > .sub-nav {
    margin: 0 -10px; }
  .three-level-2 + .menu-level-2 > ul > li {
    width: 33.333333%;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px; }
.three-level-2 .menu-level-2 ul li {
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px; }

/*Mobile Menu*/
.mobile-menu {
  padding-left: 30px;
  background: transparent;
  border: 0;
  display: none;
  font-size: 0;
  position: absolute;
  top: 30px;
  right: 0; }
  .mobile-menu .svg-icon {
    width: 21px;
    height: 21px;
    fill: #004D94; }
  .user-logged-in .mobile-menu {
    top: -30px; }

a.bouton_faciliti.mob_level_3.is-active {
  visibility: visible;
  background: transparent url(../images/logo-cercle-seul.png) no-repeat scroll left center !important;
  opacity: initial;
  padding-top: 28px;
  margin-left: 43px;
  width: 60% !important; }

a.bouton_faciliti.mob_level_3 {
  visibility: visible;
  background: transparent url(../images/logo-cercle-seul.png) no-repeat scroll left center !important;
  opacity: initial;
  padding-top: 28px;
  margin-left: 43px;
  width: 60% !important; }

.hdsh-mobile-menu {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  overflow-y: scroll; }
  .hdsh-mobile-menu ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .hdsh-mobile-menu li {
    margin: 0;
    padding: 0;
    display: block; }
  .hdsh-mobile-menu a, .hdsh-mobile-menu .menu-link {
    display: block;
    color: #004D94;
    padding: 45px 68px 45px 45px;
    text-align: left; }
  .hdsh-mobile-menu .mob-main > li {
    background: #fff;
    border-top: 1px solid #D9D9D9;
    border-bottom: none; }
    .hdsh-mobile-menu .mob-main > li:nth-child(6), .hdsh-mobile-menu .mob-main > li:nth-child(7) {
      display: none; }
    .hdsh-mobile-menu .mob-main > li > a, .hdsh-mobile-menu .mob-main > li > .menu-link {
      font-size: 16px;
      font-size: 1.3333333333rem;
      text-transform: uppercase;
      position: relative;
      background: none;
      border: 0;
      width: 100%; }
    .hdsh-mobile-menu .mob-main > li .menu-link > div.icon-arrow {
      display: inline-block;
      width: 15px;
      height: 10px;
      position: absolute;
      top: 40px;
      right: 50px; }
      .hdsh-mobile-menu .mob-main > li .menu-link > div.icon-arrow .svg-icon {
        fill: #004D94;
        top: 0;
        right: 0;
        width: 15px;
        height: 10px;
        -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        /* easeOutCubic */ }
    .hdsh-mobile-menu .mob-main > li > ul {
      background: #002057; }
      .hdsh-mobile-menu .mob-main > li > ul a {
        color: #fff; }
    .hdsh-mobile-menu .mob-main > li:first-child {
      border-top: none; }
    .hdsh-mobile-menu .mob-main > li.myitem-6, .hdsh-mobile-menu .mob-main > li.myitem-7 {
      border-bottom: 1px solid #D9D9D9; }
  .hdsh-mobile-menu .mob_level_2 {
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */
    opacity: 0;
    visibility: hidden;
    height: 0; }
    .hdsh-mobile-menu .mob_level_2 > li {
      border-bottom: 1px solid #06CDFC; }
    .hdsh-mobile-menu .mob_level_2 > li:last-child {
      border-bottom: none; }
    .hdsh-mobile-menu .mob_level_2 > li > button {
      display: block;
      color: #004D94;
      padding: 36px 68px 36px 45px;
      font-size: 16px;
      font-size: 1.3333333333rem;
      color: #fff;
      position: relative;
      border: none;
      background: none;
      text-align: left;
      width: 100%; }
      .hdsh-mobile-menu .mob_level_2 > li > button > div.icon-arrow {
        display: inline-block;
        width: 15px;
        height: 10px;
        position: absolute;
        top: 40px;
        right: 50px; }
        .hdsh-mobile-menu .mob_level_2 > li > button > div.icon-arrow .svg-icon {
          fill: #fff;
          top: 0;
          right: 0;
          width: 15px;
          height: 10px;
          -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
          -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
          -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
          /* easeOutCubic */ }
  .hdsh-mobile-menu .mob_level_3 {
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */
    opacity: 0;
    visibility: hidden;
    height: 0; }
    .hdsh-mobile-menu .mob_level_3 > li > a {
      /* padding-top:6px;
      padding-bottom:6px;
      padding-left:67px;
      font-family:$roboto;
      @include font-size(13px); */
      display: inline-block;
      color: #004D94;
      text-decoration: none;
      position: relative;
      margin-left: 40px;
      padding-top: 6px;
      padding-bottom: 6px;
      padding-left: 30px;
      font-family: "Roboto", sans-serif;
      font-size: 13px;
      font-size: 1.0833333333rem;
      /* margin-bottom:12px; */
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
      .hdsh-mobile-menu .mob_level_3 > li > a .arrow-btn {
        vertical-align: top;
        display: inline-block;
        position: absolute;
        top: 10px;
        left: 8px;
        z-index: 1; }
      .hdsh-mobile-menu .mob_level_3 > li > a .arrow-fwd {
        vertical-align: top;
        width: 5px;
        height: 7px;
        display: inline-block;
        position: relative;
        z-index: 1; }
        .hdsh-mobile-menu .mob_level_3 > li > a .arrow-fwd .svg-icon {
          display: block;
          width: 100%;
          height: 7px;
          z-index: 1; }
      .hdsh-mobile-menu .mob_level_3 > li > a .arrow-fwd:nth-child(1):before {
        position: absolute;
        content: '';
        background: #06CDFC;
        width: 0;
        height: 1px;
        top: 50%;
        left: -20px;
        margin-top: -1px;
        -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        /* easeOutCubic */
        z-index: -1; }
      .hdsh-mobile-menu .mob_level_3 > li > a .arrow-fwd:nth-child(1) .svg-icon {
        fill: #fff; }
      .hdsh-mobile-menu .mob_level_3 > li > a .arrow-fwd:nth-child(2) .svg-icon {
        fill: #06CDFC; }
      .hdsh-mobile-menu .mob_level_3 > li > a .mlt-text {
        display: inline-block;
        position: relative;
        font-size: 13px;
        font-size: 1.0833333333rem;
        color: #fff;
        font-family: "Roboto", sans-serif; }

/*** States ***/
.header li.active + .menu-level-2 {
  visibility: visible;
  opacity: 1; }
.header li.active > .menu-level-2 {
  visibility: visible;
  opacity: 1; }
.header .hdsh-horizontal-menu a:hover, .header .hdsh-horizontal-menu a:focus {
  background: none; }
  .header .hdsh-horizontal-menu a:hover::after, .header .hdsh-horizontal-menu a:focus::after {
    width: 100%; }
.header .hdsh-horizontal-menu .menu-item .menu-link:hover, .header .hdsh-horizontal-menu .menu-item .menu-link:focus {
  background: none; }
  .header .hdsh-horizontal-menu .menu-item .menu-link:hover::after, .header .hdsh-horizontal-menu .menu-item .menu-link:focus::after {
    width: 100%; }
.header .hdsh-horizontal-menu li.is-active .menu-link::after {
  width: 100%; }
.header .hdsh-horizontal-menu a.is-active::after {
  width: 100%; }
.header .hdsh-horizontal-menu li.active a::after {
  width: 100%; }
.header .hdsh-horizontal-menu li.active span::after {
  width: 100%; }
.header a:hover, .header a:focus {
  text-decoration: none; }

.hdsh-horizontal-menu li.no-hover {
  position: relative; }
  .hdsh-horizontal-menu li.no-hover a::after {
    display: none; }
  .hdsh-horizontal-menu li.no-hover a::before {
    content: '';
    position: absolute;
    top: 18px;
    left: 13px;
    height: 43px;
    width: 1px;
    background: #004D94; }

.menu-level-3 ul > li:hover > a, .menu-level-3 ul > li a:focus {
  margin-left: 55px;
  outline: 0; }
  .menu-level-3 ul > li:hover > a .arrow-fwd:nth-child(1):before, .menu-level-3 ul > li a:focus .arrow-fwd:nth-child(1):before {
    width: 20px;
    left: -12px; }
.menu-level-3 ul > li.is-active > a {
  margin-left: 55px; }
  .menu-level-3 ul > li.is-active > a .arrow-fwd:nth-child(1):before {
    width: 20px;
    left: -12px; }

/*Mobile Menu*/
.hdsh-mobile-menu.open {
  opacity: 1;
  visibility: visible; }
.hdsh-mobile-menu .mob-main > li.active > .menu-link .svg-icon {
  fill: #004D94;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }
.hdsh-mobile-menu .mob-main > li.active .mob_level_2 {
  height: 100%;
  opacity: 1;
  visibility: visible; }
.hdsh-mobile-menu .mob_level_2 > li.active > button .svg-icon {
  fill: #004D94;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }
.hdsh-mobile-menu .mob_level_2 > li.active .mob_level_3 {
  height: 100%;
  opacity: 1;
  visibility: visible; }
  .hdsh-mobile-menu .mob_level_2 > li.active .mob_level_3 > li > a:hover, .hdsh-mobile-menu .mob_level_2 > li.active .mob_level_3 > li > a:focus, .hdsh-mobile-menu .mob_level_2 > li.active .mob_level_3 > li > a.is-active {
    margin-left: 55px; }
    .hdsh-mobile-menu .mob_level_2 > li.active .mob_level_3 > li > a:hover .arrow-fwd:nth-child(1):before, .hdsh-mobile-menu .mob_level_2 > li.active .mob_level_3 > li > a:focus .arrow-fwd:nth-child(1):before, .hdsh-mobile-menu .mob_level_2 > li.active .mob_level_3 > li > a.is-active .arrow-fwd:nth-child(1):before {
      width: 20px;
      left: -12px; }
.hdsh-mobile-menu .mob_level_2 > li.active {
  padding-bottom: 36px; }

/*** Responsive ***/
@media only screen and (max-width: 1199px) {
  .header .hdsh-horizontal-menu > li.menu-item > a, .header .hdsh-horizontal-menu > li.menu-item > .menu-link {
    padding: 30px 6px;
    font-size: 16px;
    font-size: 1.3333333333rem; }
  .header .hdsh-horizontal-menu > li:first-of-type {
    margin-left: 70px; }
  .header .hdsh-horizontal-menu > li.myitem-6 .menu-link, .header .hdsh-horizontal-menu > li.myitem-7 .menu-link {
    padding-left: 40px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 991px) {
  .header {
    height: 90px;
    position: fixed;
    width: 100%;
    z-index: 3;
    box-shadow: none;
    border-bottom: 1px solid #D9D9D9;
    background: #fff; }
    .header .hdshLogo {
      position: relative;
      width: 64px;
      height: 64px;
      top: 0;
      padding-top: 14px;
      padding-bottom: 14px; }
    .header .hdsh-horizontal-menu > .menu-item {
      display: none; }
    .header .hdsh-horizontal-menu li.no-hover a::before {
      display: none; }
    .header .hdsh-horizontal-menu li.no-hover a {
      padding-right: 0;
      margin-right: 60px; }
    .header .hdsh-horizontal-menu > li.myitem-6 a, .header .hdsh-horizontal-menu > li.myitem-7 a {
      padding-left: 10px;
      padding-top: 14px; }
    .header .block-system-branding-block, .header .block-responsive-menu, .header .responsive-menu-block-wrapper {
      display: inline-block;
      width: auto; }
    .header .block-responsive-menu {
      position: absolute;
      top: 0;
      right: 0; }

  .hdsh-mobile-menu {
    display: block;
    padding-top: 128px; }
    .user-logged-in .hdsh-mobile-menu {
      padding-top: 130px; }

  .mobile-menu {
    display: inline-block; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 1300px) {
  .header .hdsh-horizontal-menu > li > a.bouton_faciliti {
    padding-left: 41px !important;
    padding-top: 31px !important; } }
.path-nos-offres-d-emploi, .path-notre-actualite, .liste-annonce, .path-contact, .path-espace-presse, .path-webform {
  /*Drop Down with SVG*/
  /*End Drop Down with SVG*/ }
  .path-nos-offres-d-emploi .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), .path-notre-actualite .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), .liste-annonce .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), .path-contact .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), .path-espace-presse .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), .path-webform .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%; }
  .path-nos-offres-d-emploi .btn-group, .path-notre-actualite .btn-group, .liste-annonce .btn-group, .path-contact .btn-group, .path-espace-presse .btn-group, .path-webform .btn-group {
    box-shadow: none;
    background: none; }
  .path-nos-offres-d-emploi .select-wrapper, .path-notre-actualite .select-wrapper, .liste-annonce .select-wrapper, .path-contact .select-wrapper, .path-espace-presse .select-wrapper, .path-webform .select-wrapper {
    width: 254px;
    position: relative; }
    .path-nos-offres-d-emploi .select-wrapper .custom-drop, .path-notre-actualite .select-wrapper .custom-drop, .liste-annonce .select-wrapper .custom-drop, .path-contact .select-wrapper .custom-drop, .path-espace-presse .select-wrapper .custom-drop, .path-webform .select-wrapper .custom-drop {
      position: absolute;
      top: 17px;
      right: 23px;
      width: 15px;
      height: 10px;
      z-index: 2;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
      .path-nos-offres-d-emploi .select-wrapper .custom-drop .svg-icon, .path-notre-actualite .select-wrapper .custom-drop .svg-icon, .liste-annonce .select-wrapper .custom-drop .svg-icon, .path-contact .select-wrapper .custom-drop .svg-icon, .path-espace-presse .select-wrapper .custom-drop .svg-icon, .path-webform .select-wrapper .custom-drop .svg-icon {
        width: 15px;
        height: 10px;
        fill: #004D94; }
    .path-nos-offres-d-emploi .select-wrapper .pull-left, .path-notre-actualite .select-wrapper .pull-left, .liste-annonce .select-wrapper .pull-left, .path-contact .select-wrapper .pull-left, .path-espace-presse .select-wrapper .pull-left, .path-webform .select-wrapper .pull-left {
      float: none !important; }
  .path-nos-offres-d-emploi .banner-wrapper .js-form-item-sort-by, .path-nos-offres-d-emploi .banner-wrapper .js-form-item-sort-order, .path-notre-actualite .banner-wrapper .js-form-item-sort-by, .path-notre-actualite .banner-wrapper .js-form-item-sort-order, .liste-annonce .banner-wrapper .js-form-item-sort-by, .liste-annonce .banner-wrapper .js-form-item-sort-order, .path-contact .banner-wrapper .js-form-item-sort-by, .path-contact .banner-wrapper .js-form-item-sort-order, .path-espace-presse .banner-wrapper .js-form-item-sort-by, .path-espace-presse .banner-wrapper .js-form-item-sort-order, .path-webform .banner-wrapper .js-form-item-sort-by, .path-webform .banner-wrapper .js-form-item-sort-order {
    display: none; }
  .path-nos-offres-d-emploi .banner-wrapper .dropdown-toggle, .path-notre-actualite .banner-wrapper .dropdown-toggle, .liste-annonce .banner-wrapper .dropdown-toggle, .path-contact .banner-wrapper .dropdown-toggle, .path-espace-presse .banner-wrapper .dropdown-toggle, .path-webform .banner-wrapper .dropdown-toggle {
    border: 1px solid #06CDFC;
    background: none;
    color: #fff; }
  .path-nos-offres-d-emploi .banner-wrapper .select-wrapper .svg-icon, .path-notre-actualite .banner-wrapper .select-wrapper .svg-icon, .liste-annonce .banner-wrapper .select-wrapper .svg-icon, .path-contact .banner-wrapper .select-wrapper .svg-icon, .path-espace-presse .banner-wrapper .select-wrapper .svg-icon, .path-webform .banner-wrapper .select-wrapper .svg-icon {
    fill: #fff; }
  .path-nos-offres-d-emploi .dropdown-menu.inner, .path-notre-actualite .dropdown-menu.inner, .liste-annonce .dropdown-menu.inner, .path-contact .dropdown-menu.inner, .path-espace-presse .dropdown-menu.inner, .path-webform .dropdown-menu.inner {
    padding-left: 0;
    display: inline-block;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px; }
    .path-nos-offres-d-emploi .dropdown-menu.inner li, .path-notre-actualite .dropdown-menu.inner li, .liste-annonce .dropdown-menu.inner li, .path-contact .dropdown-menu.inner li, .path-espace-presse .dropdown-menu.inner li, .path-webform .dropdown-menu.inner li {
      list-style-type: none; }
      .path-nos-offres-d-emploi .dropdown-menu.inner li a, .path-notre-actualite .dropdown-menu.inner li a, .liste-annonce .dropdown-menu.inner li a, .path-contact .dropdown-menu.inner li a, .path-espace-presse .dropdown-menu.inner li a, .path-webform .dropdown-menu.inner li a {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-size: 15px;
        font-size: 1.25rem;
        color: #004D94;
        padding: 18px 20px;
        background: #fff;
        border-bottom: 1px solid #D9D9D9;
        border-right: 1px solid #D9D9D9;
        border-left: 1px solid #D9D9D9; }
    .path-nos-offres-d-emploi .dropdown-menu.inner li:first-of-type a, .path-notre-actualite .dropdown-menu.inner li:first-of-type a, .liste-annonce .dropdown-menu.inner li:first-of-type a, .path-contact .dropdown-menu.inner li:first-of-type a, .path-espace-presse .dropdown-menu.inner li:first-of-type a, .path-webform .dropdown-menu.inner li:first-of-type a {
      border-top: 1px solid #D9D9D9; }
    .path-nos-offres-d-emploi .dropdown-menu.inner li:last-of-type, .path-notre-actualite .dropdown-menu.inner li:last-of-type, .liste-annonce .dropdown-menu.inner li:last-of-type, .path-contact .dropdown-menu.inner li:last-of-type, .path-espace-presse .dropdown-menu.inner li:last-of-type, .path-webform .dropdown-menu.inner li:last-of-type {
      border-bottom: 0; }
      .path-nos-offres-d-emploi .dropdown-menu.inner li:last-of-type a, .path-notre-actualite .dropdown-menu.inner li:last-of-type a, .liste-annonce .dropdown-menu.inner li:last-of-type a, .path-contact .dropdown-menu.inner li:last-of-type a, .path-espace-presse .dropdown-menu.inner li:last-of-type a, .path-webform .dropdown-menu.inner li:last-of-type a {
        border-radius: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
    .path-nos-offres-d-emploi .dropdown-menu.inner a, .path-notre-actualite .dropdown-menu.inner a, .liste-annonce .dropdown-menu.inner a, .path-contact .dropdown-menu.inner a, .path-espace-presse .dropdown-menu.inner a, .path-webform .dropdown-menu.inner a {
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
      .path-nos-offres-d-emploi .dropdown-menu.inner a .arrow-fwd, .path-notre-actualite .dropdown-menu.inner a .arrow-fwd, .liste-annonce .dropdown-menu.inner a .arrow-fwd, .path-contact .dropdown-menu.inner a .arrow-fwd, .path-espace-presse .dropdown-menu.inner a .arrow-fwd, .path-webform .dropdown-menu.inner a .arrow-fwd {
        display: inline-block;
        position: relative;
        visibility: hidden;
        width: 0;
        display: inline-block;
        position: relative;
        visibility: hidden;
        width: 5px;
        opacity: 0;
        margin-left: -5px;
        -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        /* easeOutCubic */
        z-index: 1; }
        .path-nos-offres-d-emploi .dropdown-menu.inner a .arrow-fwd .svg-icon, .path-notre-actualite .dropdown-menu.inner a .arrow-fwd .svg-icon, .liste-annonce .dropdown-menu.inner a .arrow-fwd .svg-icon, .path-contact .dropdown-menu.inner a .arrow-fwd .svg-icon, .path-espace-presse .dropdown-menu.inner a .arrow-fwd .svg-icon, .path-webform .dropdown-menu.inner a .arrow-fwd .svg-icon {
          width: 5px;
          height: 10px;
          z-index: 1; }
      .path-nos-offres-d-emploi .dropdown-menu.inner a .arrow-fwd:nth-child(1), .path-notre-actualite .dropdown-menu.inner a .arrow-fwd:nth-child(1), .liste-annonce .dropdown-menu.inner a .arrow-fwd:nth-child(1), .path-contact .dropdown-menu.inner a .arrow-fwd:nth-child(1), .path-espace-presse .dropdown-menu.inner a .arrow-fwd:nth-child(1), .path-webform .dropdown-menu.inner a .arrow-fwd:nth-child(1) {
        margin-right: 3px; }
        .path-nos-offres-d-emploi .dropdown-menu.inner a .arrow-fwd:nth-child(1) .svg-icon, .path-notre-actualite .dropdown-menu.inner a .arrow-fwd:nth-child(1) .svg-icon, .liste-annonce .dropdown-menu.inner a .arrow-fwd:nth-child(1) .svg-icon, .path-contact .dropdown-menu.inner a .arrow-fwd:nth-child(1) .svg-icon, .path-espace-presse .dropdown-menu.inner a .arrow-fwd:nth-child(1) .svg-icon, .path-webform .dropdown-menu.inner a .arrow-fwd:nth-child(1) .svg-icon {
          fill: #06CDFC; }
      .path-nos-offres-d-emploi .dropdown-menu.inner a .arrow-fwd:nth-child(2), .path-notre-actualite .dropdown-menu.inner a .arrow-fwd:nth-child(2), .liste-annonce .dropdown-menu.inner a .arrow-fwd:nth-child(2), .path-contact .dropdown-menu.inner a .arrow-fwd:nth-child(2), .path-espace-presse .dropdown-menu.inner a .arrow-fwd:nth-child(2), .path-webform .dropdown-menu.inner a .arrow-fwd:nth-child(2) {
        margin-left: -3px;
        margin-right: 8px; }
        .path-nos-offres-d-emploi .dropdown-menu.inner a .arrow-fwd:nth-child(2) .svg-icon, .path-notre-actualite .dropdown-menu.inner a .arrow-fwd:nth-child(2) .svg-icon, .liste-annonce .dropdown-menu.inner a .arrow-fwd:nth-child(2) .svg-icon, .path-contact .dropdown-menu.inner a .arrow-fwd:nth-child(2) .svg-icon, .path-espace-presse .dropdown-menu.inner a .arrow-fwd:nth-child(2) .svg-icon, .path-webform .dropdown-menu.inner a .arrow-fwd:nth-child(2) .svg-icon {
          fill: #004D94; }
  .path-nos-offres-d-emploi .dropdown-toggle, .path-notre-actualite .dropdown-toggle, .liste-annonce .dropdown-toggle, .path-contact .dropdown-toggle, .path-espace-presse .dropdown-toggle, .path-webform .dropdown-toggle {
    border: 1px solid #D9D9D9;
    border-radius: 25px;
    position: relative;
    padding: 12px 26px 6px;
    font-size: 15px;
    font-size: 1.25rem;
    font-family: "Roboto", sans-serif;
    color: #004D94;
    font-weight: 400; }
  .path-nos-offres-d-emploi .dropdown-menu, .path-notre-actualite .dropdown-menu, .liste-annonce .dropdown-menu, .path-contact .dropdown-menu, .path-espace-presse .dropdown-menu, .path-webform .dropdown-menu {
    margin-top: 8px;
    padding: 0;
    background: none;
    box-shadow: none;
    border: none; }
  .path-nos-offres-d-emploi .view-content .number-sort-wrapper, .path-notre-actualite .view-content .number-sort-wrapper, .liste-annonce .view-content .number-sort-wrapper, .path-contact .view-content .number-sort-wrapper, .path-espace-presse .view-content .number-sort-wrapper, .path-webform .view-content .number-sort-wrapper {
    margin-bottom: 36px; }
    .path-nos-offres-d-emploi .view-content .number-sort-wrapper:before, .path-nos-offres-d-emploi .view-content .number-sort-wrapper:after, .path-notre-actualite .view-content .number-sort-wrapper:before, .path-notre-actualite .view-content .number-sort-wrapper:after, .liste-annonce .view-content .number-sort-wrapper:before, .liste-annonce .view-content .number-sort-wrapper:after, .path-contact .view-content .number-sort-wrapper:before, .path-contact .view-content .number-sort-wrapper:after, .path-espace-presse .view-content .number-sort-wrapper:before, .path-espace-presse .view-content .number-sort-wrapper:after, .path-webform .view-content .number-sort-wrapper:before, .path-webform .view-content .number-sort-wrapper:after {
      content: " ";
      display: table; }
    .path-nos-offres-d-emploi .view-content .number-sort-wrapper:after, .path-notre-actualite .view-content .number-sort-wrapper:after, .liste-annonce .view-content .number-sort-wrapper:after, .path-contact .view-content .number-sort-wrapper:after, .path-espace-presse .view-content .number-sort-wrapper:after, .path-webform .view-content .number-sort-wrapper:after {
      clear: both; }
    .path-nos-offres-d-emploi .view-content .number-sort-wrapper .sort, .path-notre-actualite .view-content .number-sort-wrapper .sort, .liste-annonce .view-content .number-sort-wrapper .sort, .path-contact .view-content .number-sort-wrapper .sort, .path-espace-presse .view-content .number-sort-wrapper .sort, .path-webform .view-content .number-sort-wrapper .sort {
      float: right; }
    .path-nos-offres-d-emploi .view-content .number-sort-wrapper .btn-group, .path-notre-actualite .view-content .number-sort-wrapper .btn-group, .liste-annonce .view-content .number-sort-wrapper .btn-group, .path-contact .view-content .number-sort-wrapper .btn-group, .path-espace-presse .view-content .number-sort-wrapper .btn-group, .path-webform .view-content .number-sort-wrapper .btn-group {
      height: 34px; }
    .path-nos-offres-d-emploi .view-content .number-sort-wrapper label, .path-notre-actualite .view-content .number-sort-wrapper label, .liste-annonce .view-content .number-sort-wrapper label, .path-contact .view-content .number-sort-wrapper label, .path-espace-presse .view-content .number-sort-wrapper label, .path-webform .view-content .number-sort-wrapper label {
      color: #004D94;
      font-size: 20px;
      font-size: 1.6666666667rem;
      position: relative;
      margin-right: 25px;
      font-weight: 300;
      margin-top: 0;
      vertical-align: middle;
      margin-bottom: -15px; }

/***States***/
.path-nos-offres-d-emploi, .path-notre-actualite, .liste-annonce, .path-contact, .path-espace-presse, .path-webform {
  /*Drop Down with SVG*/
  /*End Drop Down with SVG*/ }
  .path-nos-offres-d-emploi .btn-group.open .dropdown-toggle, .path-notre-actualite .btn-group.open .dropdown-toggle, .liste-annonce .btn-group.open .dropdown-toggle, .path-contact .btn-group.open .dropdown-toggle, .path-espace-presse .btn-group.open .dropdown-toggle, .path-webform .btn-group.open .dropdown-toggle {
    padding-bottom: 20px;
    background: #fff;
    box-shadow: none; }
  .path-nos-offres-d-emploi .form-select.open .dropdown-toggle, .path-notre-actualite .form-select.open .dropdown-toggle, .liste-annonce .form-select.open .dropdown-toggle, .path-contact .form-select.open .dropdown-toggle, .path-espace-presse .form-select.open .dropdown-toggle, .path-webform .form-select.open .dropdown-toggle {
    padding-bottom: 20px;
    background: #fff;
    box-shadow: none; }
  .path-nos-offres-d-emploi .view-content .btn-default:active, .path-nos-offres-d-emploi .view-content .btn-default.active, .path-nos-offres-d-emploi .view-content .open > .btn-default.dropdown-toggle, .path-notre-actualite .view-content .btn-default:active, .path-notre-actualite .view-content .btn-default.active, .path-notre-actualite .view-content .open > .btn-default.dropdown-toggle, .liste-annonce .view-content .btn-default:active, .liste-annonce .view-content .btn-default.active, .liste-annonce .view-content .open > .btn-default.dropdown-toggle, .path-contact .view-content .btn-default:active, .path-contact .view-content .btn-default.active, .path-contact .view-content .open > .btn-default.dropdown-toggle, .path-espace-presse .view-content .btn-default:active, .path-espace-presse .view-content .btn-default.active, .path-espace-presse .view-content .open > .btn-default.dropdown-toggle, .path-webform .view-content .btn-default:active, .path-webform .view-content .btn-default.active, .path-webform .view-content .open > .btn-default.dropdown-toggle {
    background: none;
    box-shadow: none; }
  .path-nos-offres-d-emploi .banner-wrapper .open > .btn-default.dropdown-toggle:hover, .path-nos-offres-d-emploi .banner-wrapper .open > .btn-default.dropdown-toggle:focus, .path-nos-offres-d-emploi .banner-wrapper .open > .btn-default.dropdown-toggle, .path-notre-actualite .banner-wrapper .open > .btn-default.dropdown-toggle:hover, .path-notre-actualite .banner-wrapper .open > .btn-default.dropdown-toggle:focus, .path-notre-actualite .banner-wrapper .open > .btn-default.dropdown-toggle, .liste-annonce .banner-wrapper .open > .btn-default.dropdown-toggle:hover, .liste-annonce .banner-wrapper .open > .btn-default.dropdown-toggle:focus, .liste-annonce .banner-wrapper .open > .btn-default.dropdown-toggle, .path-contact .banner-wrapper .open > .btn-default.dropdown-toggle:hover, .path-contact .banner-wrapper .open > .btn-default.dropdown-toggle:focus, .path-contact .banner-wrapper .open > .btn-default.dropdown-toggle, .path-espace-presse .banner-wrapper .open > .btn-default.dropdown-toggle:hover, .path-espace-presse .banner-wrapper .open > .btn-default.dropdown-toggle:focus, .path-espace-presse .banner-wrapper .open > .btn-default.dropdown-toggle, .path-webform .banner-wrapper .open > .btn-default.dropdown-toggle:hover, .path-webform .banner-wrapper .open > .btn-default.dropdown-toggle:focus, .path-webform .banner-wrapper .open > .btn-default.dropdown-toggle {
    border: 1px solid #D9D9D9;
    color: #004D94; }
  .path-nos-offres-d-emploi .banner-wrapper .form-select.open .dropdown-toggle, .path-notre-actualite .banner-wrapper .form-select.open .dropdown-toggle, .liste-annonce .banner-wrapper .form-select.open .dropdown-toggle, .path-contact .banner-wrapper .form-select.open .dropdown-toggle, .path-espace-presse .banner-wrapper .form-select.open .dropdown-toggle, .path-webform .banner-wrapper .form-select.open .dropdown-toggle {
    border: 1px solid #D9D9D9;
    color: #004D94; }
  .path-nos-offres-d-emploi .banner-wrapper .select-wrapper .custom-drop.open .svg-icon, .path-notre-actualite .banner-wrapper .select-wrapper .custom-drop.open .svg-icon, .liste-annonce .banner-wrapper .select-wrapper .custom-drop.open .svg-icon, .path-contact .banner-wrapper .select-wrapper .custom-drop.open .svg-icon, .path-espace-presse .banner-wrapper .select-wrapper .custom-drop.open .svg-icon, .path-webform .banner-wrapper .select-wrapper .custom-drop.open .svg-icon {
    fill: #004D94; }
  .path-nos-offres-d-emploi .banner-wrapper .btn-default:hover, .path-nos-offres-d-emploi .banner-wrapper .btn-default:focus, .path-notre-actualite .banner-wrapper .btn-default:hover, .path-notre-actualite .banner-wrapper .btn-default:focus, .liste-annonce .banner-wrapper .btn-default:hover, .liste-annonce .banner-wrapper .btn-default:focus, .path-contact .banner-wrapper .btn-default:hover, .path-contact .banner-wrapper .btn-default:focus, .path-espace-presse .banner-wrapper .btn-default:hover, .path-espace-presse .banner-wrapper .btn-default:focus, .path-webform .banner-wrapper .btn-default:hover, .path-webform .banner-wrapper .btn-default:focus {
    background: #fff;
    color: #004D94;
    border: 1px solid #004D94; }
  .path-nos-offres-d-emploi .banner-wrapper .select-wrapper:hover .svg-icon, .path-nos-offres-d-emploi .banner-wrapper .select-wrapper:focus .svg-icon, .path-notre-actualite .banner-wrapper .select-wrapper:hover .svg-icon, .path-notre-actualite .banner-wrapper .select-wrapper:focus .svg-icon, .liste-annonce .banner-wrapper .select-wrapper:hover .svg-icon, .liste-annonce .banner-wrapper .select-wrapper:focus .svg-icon, .path-contact .banner-wrapper .select-wrapper:hover .svg-icon, .path-contact .banner-wrapper .select-wrapper:focus .svg-icon, .path-espace-presse .banner-wrapper .select-wrapper:hover .svg-icon, .path-espace-presse .banner-wrapper .select-wrapper:focus .svg-icon, .path-webform .banner-wrapper .select-wrapper:hover .svg-icon, .path-webform .banner-wrapper .select-wrapper:focus .svg-icon {
    fill: #004D94; }
  .path-nos-offres-d-emploi .number-sort-wrapper .btn-group.open .dropdown-toggle, .path-notre-actualite .number-sort-wrapper .btn-group.open .dropdown-toggle, .liste-annonce .number-sort-wrapper .btn-group.open .dropdown-toggle, .path-contact .number-sort-wrapper .btn-group.open .dropdown-toggle, .path-espace-presse .number-sort-wrapper .btn-group.open .dropdown-toggle, .path-webform .number-sort-wrapper .btn-group.open .dropdown-toggle {
    padding-bottom: 20px; }
  .path-nos-offres-d-emploi .custom-drop.open, .path-notre-actualite .custom-drop.open, .liste-annonce .custom-drop.open, .path-contact .custom-drop.open, .path-espace-presse .custom-drop.open, .path-webform .custom-drop.open {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .path-nos-offres-d-emploi .btn-default:hover, .path-nos-offres-d-emploi .btn-default:focus, .path-notre-actualite .btn-default:hover, .path-notre-actualite .btn-default:focus, .liste-annonce .btn-default:hover, .liste-annonce .btn-default:focus, .path-contact .btn-default:hover, .path-contact .btn-default:focus, .path-espace-presse .btn-default:hover, .path-espace-presse .btn-default:focus, .path-webform .btn-default:hover, .path-webform .btn-default:focus {
    background: #fff; }
  .path-nos-offres-d-emploi .dropdown-menu > li > a:hover, .path-nos-offres-d-emploi .dropdown-menu > li > a:focus, .path-nos-offres-d-emploi .dropdown-menu > li.selected > a, .path-notre-actualite .dropdown-menu > li > a:hover, .path-notre-actualite .dropdown-menu > li > a:focus, .path-notre-actualite .dropdown-menu > li.selected > a, .liste-annonce .dropdown-menu > li > a:hover, .liste-annonce .dropdown-menu > li > a:focus, .liste-annonce .dropdown-menu > li.selected > a, .path-contact .dropdown-menu > li > a:hover, .path-contact .dropdown-menu > li > a:focus, .path-contact .dropdown-menu > li.selected > a, .path-espace-presse .dropdown-menu > li > a:hover, .path-espace-presse .dropdown-menu > li > a:focus, .path-espace-presse .dropdown-menu > li.selected > a, .path-webform .dropdown-menu > li > a:hover, .path-webform .dropdown-menu > li > a:focus, .path-webform .dropdown-menu > li.selected > a {
    background: #fff;
    /* font-weight: $bold;  This was only for liste actus*/ }
    .path-nos-offres-d-emploi .dropdown-menu > li > a:hover .arrow-fwd, .path-nos-offres-d-emploi .dropdown-menu > li > a:focus .arrow-fwd, .path-nos-offres-d-emploi .dropdown-menu > li.selected > a .arrow-fwd, .path-notre-actualite .dropdown-menu > li > a:hover .arrow-fwd, .path-notre-actualite .dropdown-menu > li > a:focus .arrow-fwd, .path-notre-actualite .dropdown-menu > li.selected > a .arrow-fwd, .liste-annonce .dropdown-menu > li > a:hover .arrow-fwd, .liste-annonce .dropdown-menu > li > a:focus .arrow-fwd, .liste-annonce .dropdown-menu > li.selected > a .arrow-fwd, .path-contact .dropdown-menu > li > a:hover .arrow-fwd, .path-contact .dropdown-menu > li > a:focus .arrow-fwd, .path-contact .dropdown-menu > li.selected > a .arrow-fwd, .path-espace-presse .dropdown-menu > li > a:hover .arrow-fwd, .path-espace-presse .dropdown-menu > li > a:focus .arrow-fwd, .path-espace-presse .dropdown-menu > li.selected > a .arrow-fwd, .path-webform .dropdown-menu > li > a:hover .arrow-fwd, .path-webform .dropdown-menu > li > a:focus .arrow-fwd, .path-webform .dropdown-menu > li.selected > a .arrow-fwd {
      opacity: 1;
      margin-left: 0;
      visibility: visible; }
  .path-nos-offres-d-emploi .open > .btn-default.dropdown-toggle:hover, .path-nos-offres-d-emploi .open > .btn-default.dropdown-toggle:focus, .path-nos-offres-d-emploi .open > .btn-default.dropdown-toggle, .path-notre-actualite .open > .btn-default.dropdown-toggle:hover, .path-notre-actualite .open > .btn-default.dropdown-toggle:focus, .path-notre-actualite .open > .btn-default.dropdown-toggle, .liste-annonce .open > .btn-default.dropdown-toggle:hover, .liste-annonce .open > .btn-default.dropdown-toggle:focus, .liste-annonce .open > .btn-default.dropdown-toggle, .path-contact .open > .btn-default.dropdown-toggle:hover, .path-contact .open > .btn-default.dropdown-toggle:focus, .path-contact .open > .btn-default.dropdown-toggle, .path-espace-presse .open > .btn-default.dropdown-toggle:hover, .path-espace-presse .open > .btn-default.dropdown-toggle:focus, .path-espace-presse .open > .btn-default.dropdown-toggle, .path-webform .open > .btn-default.dropdown-toggle:hover, .path-webform .open > .btn-default.dropdown-toggle:focus, .path-webform .open > .btn-default.dropdown-toggle {
    border: 1px solid #D9D9D9;
    color: #004D94; }

/*** Responsive ***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 991px) {
  .path-nos-offres-d-emploi .view-content .number-sort-wrapper .sort, .path-notre-actualite .view-content .number-sort-wrapper .sort, .liste-annonce .view-content .number-sort-wrapper .sort, .path-contact .view-content .number-sort-wrapper .sort, .path-espace-presse .view-content .number-sort-wrapper .sort, .path-webform .view-content .number-sort-wrapper .sort {
    float: left; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .path-nos-offres-d-emploi .view-content .number-sort-wrapper, .path-notre-actualite .view-content .number-sort-wrapper, .liste-annonce .view-content .number-sort-wrapper, .path-contact .view-content .number-sort-wrapper, .path-espace-presse .view-content .number-sort-wrapper, .path-webform .view-content .number-sort-wrapper {
    text-align: center; }
    .path-nos-offres-d-emploi .view-content .number-sort-wrapper .nombre-offres, .path-notre-actualite .view-content .number-sort-wrapper .nombre-offres, .liste-annonce .view-content .number-sort-wrapper .nombre-offres, .path-contact .view-content .number-sort-wrapper .nombre-offres, .path-espace-presse .view-content .number-sort-wrapper .nombre-offres, .path-webform .view-content .number-sort-wrapper .nombre-offres {
      width: 100%;
      float: none;
      margin-right: 0;
      margin-bottom: 45px; }
    .path-nos-offres-d-emploi .view-content .number-sort-wrapper .sort, .path-notre-actualite .view-content .number-sort-wrapper .sort, .liste-annonce .view-content .number-sort-wrapper .sort, .path-contact .view-content .number-sort-wrapper .sort, .path-espace-presse .view-content .number-sort-wrapper .sort, .path-webform .view-content .number-sort-wrapper .sort {
      width: 100%; }
    .path-nos-offres-d-emploi .view-content .number-sort-wrapper label, .path-notre-actualite .view-content .number-sort-wrapper label, .liste-annonce .view-content .number-sort-wrapper label, .path-contact .view-content .number-sort-wrapper label, .path-espace-presse .view-content .number-sort-wrapper label, .path-webform .view-content .number-sort-wrapper label {
      display: block;
      margin-bottom: 10px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
/**Residences Seniors**/
.banner {
  text-align: center; }
  .banner .bg-relative {
    position: relative; }
  .banner .image-full-wrapper {
    position: relative; }
  .banner .details-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .banner .image-bg-wrapper .image-container {
    position: relative; }
    .banner .image-bg-wrapper .image-container > img {
      width: 100%; }
    .banner .image-bg-wrapper .image-container:after {
      content: '';
      opacity: 0.7;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4bcd6b+0,45b0ff+100 */
      background: #4bcd6b;
      /* Old browsers */
      background: -moz-linear-gradient(left, #4bcd6b 0%, #45b0ff 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #4bcd6b 0%, #45b0ff 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #4bcd6b 0%, #45b0ff 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bcd6b', endColorstr='#45b0ff',GradientType=1 );
      /* IE6-9 */ }
  .banner .picto-patrimoine {
    display: inline-block;
    border-radius: 50%;
    border: 3px solid #004D94;
    width: 85px;
    height: 85px;
    padding: 20px; }
    .banner .picto-patrimoine .svg-icon {
      width: 40px;
      height: 40px;
      fill: #fff; }
  .banner h1 {
    color: #fff; }
  .banner .details {
    padding-top: 115px; }
  .banner .btn-fleche {
    padding: 19px 36px;
    background: #fff;
    text-decoration: none;
    color: #004D94; }

.chiffres-clef-wrapper {
  position: relative;
  top: -60px;
  font-size: 0; }
  .chiffres-clef-wrapper .container ul {
    background: #004D94;
    /* padding: 30px 55px; */
    padding: 30px 25px; }
  .chiffres-clef-wrapper .chiffre {
    font-size: 40px;
    font-size: 3.3333333333rem;
    /* display: inline-block; */
    display: table-cell;
    /* width: 86px; */
    color: #00bdff;
    text-align: right;
    padding-right: 14px;
    /*  padding-left: 10px;
    padding-right: 14px; */
    vertical-align: middle; }
  .chiffres-clef-wrapper .texte {
    position: relative;
    /* display: inline-block; */
    display: table-cell;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 15px;
    font-size: 1.25rem;
    /* width: calc(100% - 100px); */
    color: #fff;
    text-align: left;
    vertical-align: middle;
    padding-right: 20px;
    /* padding-right: 10px; */ }
    .chiffres-clef-wrapper .texte:after {
      position: absolute;
      content: '';
      top: 0;
      right: -1px;
      width: 1px;
      height: 100%;
      background: #023256; }
  .chiffres-clef-wrapper li:last-of-type .texte:after {
    display: none; }
  .chiffres-clef-wrapper li {
    list-style-type: none;
    display: inline-block;
    vertical-align: middle; }
    .chiffres-clef-wrapper li .chiffres-clef-detail-wrapper {
      display: table;
      width: 100%;
      table-layout: fixed; }

.chiffres-clef-wrapper.count-chiffres-2 li {
  width: 50%; }

.chiffres-clef-wrapper.count-chiffres-3 li {
  width: 33.333333%; }

.chiffres-clef-wrapper.count-chiffres-4 li {
  width: 25%; }

.page-node-type-actualite .actualite-body .field--name-body .wysiwyg-document, .page-node-type-actualite .actualite-body .texte-riche .wysiwyg-document, .page-node-type-actualite .article .field--name-body .wysiwyg-document, .page-node-type-actualite .article .texte-riche .wysiwyg-document, .page-node-type-actualite div .field--name-body .wysiwyg-document, .page-node-type-actualite div .texte-riche .wysiwyg-document, .page-node-type-page .actualite-body .field--name-body .wysiwyg-document, .page-node-type-page .actualite-body .texte-riche .wysiwyg-document, .page-node-type-page .article .field--name-body .wysiwyg-document, .page-node-type-page .article .texte-riche .wysiwyg-document, .page-node-type-page div .field--name-body .wysiwyg-document, .page-node-type-page div .texte-riche .wysiwyg-document, .page-node-type-page-riche .actualite-body .field--name-body .wysiwyg-document, .page-node-type-page-riche .actualite-body .texte-riche .wysiwyg-document, .page-node-type-page-riche .article .field--name-body .wysiwyg-document, .page-node-type-page-riche .article .texte-riche .wysiwyg-document, .page-node-type-page-riche div .field--name-body .wysiwyg-document, .page-node-type-page-riche div .texte-riche .wysiwyg-document {
  margin-bottom: 20px; }

.page-node-type-type-residence .demarche-wrapper {
  margin-bottom: 0px; }
  .page-node-type-type-residence .demarche-wrapper .field--name-field-demarches .wysiwyg-document {
    margin-bottom: 20px; }
    .page-node-type-type-residence .demarche-wrapper .field--name-field-demarches .wysiwyg-document .decription {
      padding-right: 25px; }
.page-node-type-type-residence .demarche-wrapper, .page-node-type-type-residence .demande-parking {
  width: 80%;
  padding-left: 186px; }
.page-node-type-type-residence .demande-parking {
  margin: -35px 0 80px; }
.page-node-type-type-residence h3:after {
  left: 186px; }
.page-node-type-type-residence .demarche-wrapper h3 {
  width: 100%;
  padding-left: 0; }
  .page-node-type-type-residence .demarche-wrapper h3:after {
    left: 0; }
.page-node-type-type-residence .table-wrapper {
  padding-left: 186px;
  width: 80%;
  padding-right: 0; }
.page-node-type-type-residence .field--type-text-with-summary h3, .page-node-type-type-residence .field--type-text-with-summary p, .page-node-type-type-residence .field--type-text-with-summary ul, .page-node-type-type-residence .field--type-text-with-summary ol {
  width: 80%;
  padding-left: 186px; }
.page-node-type-type-residence .field--type-text-with-summary .wysiwyg-image .image-credit-wrapper {
  padding-left: 93px;
  width: 90%; }
.page-node-type-type-residence .field--type-text-with-summary .wysiwyg-image .description {
  width: 90%;
  padding-left: 93px; }
.page-node-type-type-residence .field--type-text-with-summary .video-embed-field-responsive-video {
  width: 90%;
  padding-left: 93px; }

/*** States ***/
.banner .btn-fleche:hover, .banner .btn-fleche:focus {
  border: none;
  padding-left: 75px; }
  .banner .btn-fleche:hover .arrow-btn, .banner .btn-fleche:focus .arrow-btn {
    left: 36px; }

/*** Responsive ***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 1199px) {
  .banner .details {
    padding-top: 65px; }
  .banner h1 {
    margin-bottom: 30px; }

  .chiffres-clef-wrapper.count-chiffres-2 .container ul {
    padding: 30px 20px; }

  .chiffres-clef-wrapper.count-chiffres-3 .container ul {
    padding: 30px 5px; }
    .chiffres-clef-wrapper.count-chiffres-3 .container ul .chiffre {
      font-size: 32px;
      font-size: 2.6666666667rem; }
    .chiffres-clef-wrapper.count-chiffres-3 .container ul .texte {
      font-size: 13px;
      font-size: 1.0833333333rem; }

  .chiffres-clef-wrapper.count-chiffres-4 .container ul {
    padding: 30px 5px; }
    .chiffres-clef-wrapper.count-chiffres-4 .container ul .chiffre {
      font-size: 32px;
      font-size: 2.6666666667rem; }
    .chiffres-clef-wrapper.count-chiffres-4 .container ul .texte {
      font-size: 13px;
      font-size: 1.0833333333rem; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 991px) {
  .banner .details {
    padding-top: 130px; }
  .banner .picto-patrimoine {
    margin-bottom: 20px; }
  .banner .image-bg-wrapper, .banner .image-container {
    height: 500px;
    overflow: hidden; }
  .banner .image-bg-wrapper .image-container > img {
    position: absolute;
    width: 1400px;
    top: 50%;
    left: 50%;
    margin-left: -700px;
    margin-top: -268px;
    max-width: 1400px;
    height: 536px; }

  .chiffres-clef-wrapper.count-chiffres-4 .container ul {
    padding: 30px 5px; }
    .chiffres-clef-wrapper.count-chiffres-4 .container ul .chiffre {
      font-size: 25px;
      font-size: 2.0833333333rem; }
    .chiffres-clef-wrapper.count-chiffres-4 .container ul .texte {
      font-size: 12px;
      font-size: 1rem; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .chiffres-clef-wrapper.count-chiffres-2 li, .chiffres-clef-wrapper.count-chiffres-3 li, .chiffres-clef-wrapper.count-chiffres-4 li {
    display: block;
    width: 100%;
    margin-bottom: 10px; }
    .chiffres-clef-wrapper.count-chiffres-2 li .texte:after, .chiffres-clef-wrapper.count-chiffres-3 li .texte:after, .chiffres-clef-wrapper.count-chiffres-4 li .texte:after {
      display: none; }
  .chiffres-clef-wrapper.count-chiffres-2 ul .texte, .chiffres-clef-wrapper.count-chiffres-3 ul .texte, .chiffres-clef-wrapper.count-chiffres-4 ul .texte {
    font-size: 15px;
    font-size: 1.25rem; }

  .banner h1 {
    padding-left: 5px;
    padding-right: 5px;
    line-height: 78px;
    font-size: 60px;
    font-size: 5rem; }
  .banner .details {
    padding-top: 60px; }

  .page-node-type-type-residence .carte-wrapper {
    display: none; }
  .page-node-type-type-residence h3, .page-node-type-type-residence p, .page-node-type-type-residence .demarche-wrapper {
    width: 100%;
    padding-left: 0; }
  .page-node-type-type-residence .table-wrapper {
    width: 100%;
    padding-left: 0; }
  .page-node-type-type-residence h3:after {
    left: 0; }
  .page-node-type-type-residence .demarche-wrapper h3 {
    width: 100%;
    padding-left: 0; }
  .page-node-type-type-residence .field--type-text-with-summary h3, .page-node-type-type-residence .field--type-text-with-summary p, .page-node-type-type-residence .field--type-text-with-summary ul, .page-node-type-type-residence .field--type-text-with-summary ol {
    width: 100%;
    padding-left: 0; }
  .page-node-type-type-residence .field--type-text-with-summary .wysiwyg-image .image-credit-wrapper {
    padding-left: 0;
    width: 100%; }
  .page-node-type-type-residence .field--type-text-with-summary .wysiwyg-image .description {
    width: 100%;
    padding-left: 0; }
  .page-node-type-type-residence .field--type-text-with-summary .video-embed-field-responsive-video {
    width: 100%;
    padding-left: 0; }
  .page-node-type-type-residence .block-hdsh-type-residence-banner .btn-fleche {
    display: none; }

  .chiffres-clef-wrapper:before, .chiffres-clef-wrapper:after {
    content: " ";
    display: table; }
  .chiffres-clef-wrapper:after {
    clear: both; }
  .chiffres-clef-wrapper.count-chiffres-2 .container ul, .chiffres-clef-wrapper.count-chiffres-3 .container ul, .chiffres-clef-wrapper.count-chiffres-4 .container ul {
    padding: 45px 30px; }
    .chiffres-clef-wrapper.count-chiffres-2 .container ul .chiffre, .chiffres-clef-wrapper.count-chiffres-3 .container ul .chiffre, .chiffres-clef-wrapper.count-chiffres-4 .container ul .chiffre {
      font-size: 40px;
      font-size: 3.3333333333rem;
      display: block;
      float: left;
      max-width: 50%; }
    .chiffres-clef-wrapper.count-chiffres-2 .container ul .texte, .chiffres-clef-wrapper.count-chiffres-3 .container ul .texte, .chiffres-clef-wrapper.count-chiffres-4 .container ul .texte {
      font-size: 15px;
      font-size: 1.25rem;
      padding-top: 10px;
      display: block;
      float: left;
      max-width: 50%; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
/*** Type Residences ***/
.page-node-type-residence .main-container {
  padding-top: 70px; }
.page-node-type-residence h1 {
  position: relative;
  font-size: 40px;
  font-size: 3.3333333333rem;
  margin-bottom: 45px;
  padding-left: 192px;
  color: #004D94;
  margin-top: 0;
  line-height: 46px; }
  .page-node-type-residence h1:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 0;
    width: 155px;
    height: 3px;
    background: #004D94; }
.page-node-type-residence .facilities {
  margin-bottom: 115px; }
.page-node-type-residence .contact-title .svg-icon {
  position: absolute;
  width: 31px;
  height: 30px;
  top: 3px;
  left: 0; }
.page-node-type-residence .appartement-title .svg-icon {
  position: absolute;
  width: 38px;
  height: 38px;
  top: 0;
  left: 0; }
.page-node-type-residence .details-title .svg-icon {
  position: absolute;
  width: 26px;
  height: 36px;
  top: 0;
  left: 0; }

.location-carousel-wrapper {
  position: relative; }
  .location-carousel-wrapper .logo-addresse-wrapper {
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-width: 380px;
    top: 0;
    left: 0;
    background: #0ca1ee;
    padding: 24px 30px;
    color: #fff;
    z-index: 2; }
    .location-carousel-wrapper .logo-addresse-wrapper .icon-location-wrapper {
      width: 32px;
      font-size: 0; }
      .location-carousel-wrapper .logo-addresse-wrapper .icon-location-wrapper .svg-icon {
        width: 32px;
        height: 45px; }
    .location-carousel-wrapper .logo-addresse-wrapper .ville-addresse-wrapper {
      padding-left: 25px; }
      .location-carousel-wrapper .logo-addresse-wrapper .ville-addresse-wrapper .ville {
        font-size: 22px;
        font-size: 1.8333333333rem; }
      .location-carousel-wrapper .logo-addresse-wrapper .ville-addresse-wrapper .address {
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        font-size: 1.25rem;
        font-weight: 300; }
    .location-carousel-wrapper .logo-addresse-wrapper:before, .location-carousel-wrapper .logo-addresse-wrapper:after {
      content: " ";
      display: table; }
    .location-carousel-wrapper .logo-addresse-wrapper:after {
      clear: both; }

/*Description*/
/*Variation 1 and 2*/
.description-contact-appartement-details-wrapper, .description-contact-details-wrapper {
  margin-bottom: 86px; }
  .description-contact-appartement-details-wrapper ul li, .description-contact-appartement-details-wrapper ol li, .description-contact-details-wrapper ul li, .description-contact-details-wrapper ol li {
    margin-left: 40px; }
  .description-contact-appartement-details-wrapper .description-contact-wrapper, .description-contact-details-wrapper .description-contact-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .description-contact-appartement-details-wrapper .description-contact-wrapper > .description, .description-contact-details-wrapper .description-contact-wrapper > .description {
      position: relative;
      min-height: 1px;
      padding-left: 70px;
      padding-right: 70px;
      padding-top: 65px;
      padding-bottom: 65px;
      border: 1px solid #c7c7c7;
      font-size: 24px;
      font-size: 2rem;
      color: #004d94; }
      @media (min-width: 992px) {
        .description-contact-appartement-details-wrapper .description-contact-wrapper > .description, .description-contact-details-wrapper .description-contact-wrapper > .description {
          float: left;
          width: 66.6666666667%; } }
    .description-contact-appartement-details-wrapper .description-contact-wrapper > .contact-wrapper, .description-contact-details-wrapper .description-contact-wrapper > .contact-wrapper {
      position: relative;
      min-height: 1px;
      padding-left: 70px;
      padding-right: 70px;
      padding-top: 50px;
      padding-bottom: 50px;
      border-top: 1px solid #c7c7c7;
      border-right: 1px solid #c7c7c7;
      border-bottom: 1px solid #c7c7c7; }
      @media (min-width: 992px) {
        .description-contact-appartement-details-wrapper .description-contact-wrapper > .contact-wrapper, .description-contact-details-wrapper .description-contact-wrapper > .contact-wrapper {
          float: left;
          width: 33.3333333333%; } }
      .description-contact-appartement-details-wrapper .description-contact-wrapper > .contact-wrapper .contact-title, .description-contact-details-wrapper .description-contact-wrapper > .contact-wrapper .contact-title {
        font-size: 24px;
        font-size: 2rem;
        color: #004d95;
        margin-bottom: 36px;
        position: relative;
        padding-left: 40px; }
      .description-contact-appartement-details-wrapper .description-contact-wrapper > .contact-wrapper p, .description-contact-details-wrapper .description-contact-wrapper > .contact-wrapper p {
        margin-bottom: 10px;
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        font-size: 1.25rem;
        color: #444444;
        line-height: 22px; }
    .description-contact-appartement-details-wrapper .description-contact-wrapper p:nth-last-child(2), .description-contact-details-wrapper .description-contact-wrapper p:nth-last-child(2) {
      margin-bottom: 20px; }
  .description-contact-appartement-details-wrapper .description > .field, .description-contact-details-wrapper .description > .field {
    position: relative; }
    .description-contact-appartement-details-wrapper .description > .field:before, .description-contact-details-wrapper .description > .field:before {
      position: absolute;
      top: -17px;
      left: 0;
      content: '';
      width: 39px;
      height: 5px;
      background: #0ca1ee; }
  .description-contact-appartement-details-wrapper .appartement-details-wrapper, .description-contact-details-wrapper .appartement-details-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .description-contact-appartement-details-wrapper .appartement-details-wrapper > .appartement-wrapper, .description-contact-details-wrapper .appartement-details-wrapper > .appartement-wrapper {
      position: relative;
      min-height: 1px;
      padding-left: 70px;
      padding-right: 70px;
      padding-top: 54px;
      padding-bottom: 54px;
      border-left: 1px solid #c7c7c7;
      border-right: 1px solid #c7c7c7;
      border-bottom: 1px solid #c7c7c7;
      /* ul {
          list-style-type: square;
          font-family: $roboto;
          font-weight: $light;
          padding: 0;

          @include font-size(15px);

          > li {
              padding: 0;
              margin-left: 25px;
              margin-bottom: 10px;

              &:before {
                  display: none;
              }

              &:after {
                  display: none;
              }
          }
      } */ }
      @media (min-width: 992px) {
        .description-contact-appartement-details-wrapper .appartement-details-wrapper > .appartement-wrapper, .description-contact-details-wrapper .appartement-details-wrapper > .appartement-wrapper {
          float: left;
          width: 33.3333333333%; } }
      .description-contact-appartement-details-wrapper .appartement-details-wrapper > .appartement-wrapper .appartement-title, .description-contact-details-wrapper .appartement-details-wrapper > .appartement-wrapper .appartement-title {
        font-size: 24px;
        font-size: 2rem;
        color: #004d95;
        margin-bottom: 36px;
        position: relative;
        padding-left: 47px; }
    .description-contact-appartement-details-wrapper .appartement-details-wrapper > .details-wrapper, .description-contact-details-wrapper .appartement-details-wrapper > .details-wrapper {
      position: relative;
      min-height: 1px;
      padding-left: 70px;
      padding-right: 70px;
      border-right: 1px solid #c7c7c7;
      border-bottom: 1px solid #c7c7c7;
      padding-top: 54px;
      padding-bottom: 54px; }
      @media (min-width: 992px) {
        .description-contact-appartement-details-wrapper .appartement-details-wrapper > .details-wrapper, .description-contact-details-wrapper .appartement-details-wrapper > .details-wrapper {
          float: left;
          width: 66.6666666667%; } }
      .description-contact-appartement-details-wrapper .appartement-details-wrapper > .details-wrapper .details-title, .description-contact-details-wrapper .appartement-details-wrapper > .details-wrapper .details-title {
        font-size: 24px;
        font-size: 2rem;
        color: #004d95;
        margin-bottom: 36px;
        position: relative;
        padding-left: 40px; }
  .description-contact-appartement-details-wrapper > .details, .description-contact-details-wrapper > .details {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .description-contact-appartement-details-wrapper > .details .details-wrapper, .description-contact-details-wrapper > .details .details-wrapper {
      position: relative;
      min-height: 1px;
      padding-left: 70px;
      padding-right: 70px;
      border-left: 1px solid #c7c7c7;
      border-right: 1px solid #c7c7c7;
      border-bottom: 1px solid #c7c7c7;
      padding-top: 54px;
      padding-bottom: 54px; }
      @media (min-width: 992px) {
        .description-contact-appartement-details-wrapper > .details .details-wrapper, .description-contact-details-wrapper > .details .details-wrapper {
          float: left;
          width: 66.6666666667%; } }
      .description-contact-appartement-details-wrapper > .details .details-wrapper .details-title, .description-contact-details-wrapper > .details .details-wrapper .details-title {
        font-size: 24px;
        font-size: 2rem;
        color: #004d95;
        margin-bottom: 36px;
        position: relative;
        padding-left: 40px; }

/*Variation 3*/
.description-appartement-details-wrapper {
  margin-bottom: 86px; }
  .description-appartement-details-wrapper ul li, .description-appartement-details-wrapper ol li {
    margin-left: 40px; }
  .description-appartement-details-wrapper > .description-appartement-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .description-appartement-details-wrapper > .description-appartement-wrapper .description {
      position: relative;
      min-height: 1px;
      padding-left: 70px;
      padding-right: 70px;
      padding-top: 65px;
      padding-bottom: 65px;
      border: 1px solid #c7c7c7;
      font-size: 24px;
      font-size: 2rem;
      color: #004d94; }
      @media (min-width: 992px) {
        .description-appartement-details-wrapper > .description-appartement-wrapper .description {
          float: left;
          width: 66.6666666667%; } }
    .description-appartement-details-wrapper > .description-appartement-wrapper .appartement-wrapper {
      position: relative;
      min-height: 1px;
      padding-left: 70px;
      padding-right: 70px;
      padding-top: 50px;
      padding-bottom: 50px;
      border-top: 1px solid #c7c7c7;
      border-right: 1px solid #c7c7c7;
      border-bottom: 1px solid #c7c7c7;
      /* ul {
          list-style-type: square;
          font-family: $roboto;
          font-weight: $light;

          @include font-size(15px);

          > li {
              margin-bottom: 10px;
              padding: 0;
              margin-left: 25px;

              &:before {
                  display: none;
              }

              &:after {
                  display: none;
              }
          }
      } */ }
      @media (min-width: 992px) {
        .description-appartement-details-wrapper > .description-appartement-wrapper .appartement-wrapper {
          float: left;
          width: 33.3333333333%; } }
      .description-appartement-details-wrapper > .description-appartement-wrapper .appartement-wrapper .appartement-title {
        font-size: 24px;
        font-size: 2rem;
        color: #004d95;
        margin-bottom: 36px;
        position: relative;
        padding-left: 47px; }
    .description-appartement-details-wrapper > .description-appartement-wrapper p:nth-last-child(2) {
      margin-bottom: 20px; }
    .description-appartement-details-wrapper > .description-appartement-wrapper .description > .field {
      position: relative; }
      .description-appartement-details-wrapper > .description-appartement-wrapper .description > .field:before {
        position: absolute;
        top: -17px;
        left: 0;
        content: '';
        width: 39px;
        height: 5px;
        background: #0ca1ee; }
  .description-appartement-details-wrapper > .details {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .description-appartement-details-wrapper > .details .details-wrapper {
      position: relative;
      min-height: 1px;
      padding-left: 70px;
      padding-right: 70px;
      border-left: 1px solid #c7c7c7;
      border-right: 1px solid #c7c7c7;
      border-bottom: 1px solid #c7c7c7;
      padding-top: 54px;
      padding-bottom: 54px; }
      @media (min-width: 992px) {
        .description-appartement-details-wrapper > .details .details-wrapper {
          float: left;
          width: 66.6666666667%; } }
      .description-appartement-details-wrapper > .details .details-wrapper .details-title {
        font-size: 24px;
        font-size: 2rem;
        color: #004d95;
        margin-bottom: 36px;
        position: relative;
        padding-left: 40px; }

/*Variation 4*/
.description-details-wrapper {
  margin-bottom: 86px; }
  .description-details-wrapper ul li, .description-details-wrapper ol li {
    margin-left: 40px; }
  .description-details-wrapper .description-wrapper {
    margin-left: -70px;
    margin-right: -70px; }
    .description-details-wrapper .description-wrapper:before, .description-details-wrapper .description-wrapper:after {
      content: " ";
      display: table; }
    .description-details-wrapper .description-wrapper:after {
      clear: both; }
    .description-details-wrapper .description-wrapper .description {
      position: relative;
      min-height: 1px;
      padding-left: 70px;
      padding-right: 70px;
      padding-top: 65px;
      padding-bottom: 65px;
      border: 1px solid #c7c7c7;
      font-size: 24px;
      font-size: 2rem;
      color: #004d94; }
      @media (min-width: 992px) {
        .description-details-wrapper .description-wrapper .description {
          float: left;
          width: 66.6666666667%; } }
      @media (min-width: 992px) {
        .description-details-wrapper .description-wrapper .description {
          margin-left: 16.6666666667%; } }
    .description-details-wrapper .description-wrapper .description > .field {
      position: relative; }
      .description-details-wrapper .description-wrapper .description > .field:before {
        position: absolute;
        top: -17px;
        left: 0;
        content: '';
        width: 39px;
        height: 5px;
        background: #0ca1ee; }
  .description-details-wrapper .details {
    margin-left: -70px;
    margin-right: -70px; }
    .description-details-wrapper .details:before, .description-details-wrapper .details:after {
      content: " ";
      display: table; }
    .description-details-wrapper .details:after {
      clear: both; }
    .description-details-wrapper .details .details-wrapper {
      position: relative;
      min-height: 1px;
      padding-left: 70px;
      padding-right: 70px;
      border-left: 1px solid #c7c7c7;
      border-right: 1px solid #c7c7c7;
      border-bottom: 1px solid #c7c7c7;
      padding-top: 54px;
      padding-bottom: 54px; }
      @media (min-width: 992px) {
        .description-details-wrapper .details .details-wrapper {
          float: left;
          width: 66.6666666667%; } }
      @media (min-width: 992px) {
        .description-details-wrapper .details .details-wrapper {
          margin-left: 16.6666666667%; } }
      .description-details-wrapper .details .details-wrapper .details-title {
        font-size: 24px;
        font-size: 2rem;
        color: #004d95;
        margin-bottom: 36px;
        position: relative;
        padding-left: 40px; }

/*Variation 5*/
.description-contact-container {
  margin-bottom: 86px; }
  .description-contact-container ul li, .description-contact-container ol li {
    margin-left: 40px; }
  .description-contact-container .description-contact-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .description-contact-container .description-contact-wrapper > .description {
      position: relative;
      min-height: 1px;
      padding-left: 70px;
      padding-right: 70px;
      padding-top: 65px;
      padding-bottom: 65px;
      border: 1px solid #c7c7c7;
      font-size: 24px;
      font-size: 2rem;
      color: #004d94; }
      @media (min-width: 992px) {
        .description-contact-container .description-contact-wrapper > .description {
          float: left;
          width: 66.6666666667%; } }
    .description-contact-container .description-contact-wrapper > .contact-wrapper {
      position: relative;
      min-height: 1px;
      padding-left: 70px;
      padding-right: 70px;
      padding-top: 50px;
      padding-bottom: 50px;
      border-top: 1px solid #c7c7c7;
      border-right: 1px solid #c7c7c7;
      border-bottom: 1px solid #c7c7c7; }
      @media (min-width: 992px) {
        .description-contact-container .description-contact-wrapper > .contact-wrapper {
          float: left;
          width: 33.3333333333%; } }
      .description-contact-container .description-contact-wrapper > .contact-wrapper .contact-title {
        font-size: 24px;
        font-size: 2rem;
        color: #004d95;
        margin-bottom: 36px;
        position: relative;
        padding-left: 40px; }
      .description-contact-container .description-contact-wrapper > .contact-wrapper p {
        margin-bottom: 10px;
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        font-size: 1.25rem;
        color: #444444;
        line-height: 22px; }
    .description-contact-container .description-contact-wrapper p:nth-last-child(2) {
      margin-bottom: 20px; }
  .description-contact-container .description > .field {
    position: relative; }
    .description-contact-container .description > .field:before {
      position: absolute;
      top: -17px;
      left: 0;
      content: '';
      width: 39px;
      height: 5px;
      background: #0ca1ee; }

/*Variation 6*/
.description-appartement-container {
  margin-bottom: 86px; }
  .description-appartement-container ul li, .description-appartement-container ol li {
    margin-left: 40px; }
  .description-appartement-container > .description-appartement-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .description-appartement-container > .description-appartement-wrapper .description {
      position: relative;
      min-height: 1px;
      padding-left: 70px;
      padding-right: 70px;
      padding-top: 65px;
      padding-bottom: 65px;
      border: 1px solid #c7c7c7;
      font-size: 24px;
      font-size: 2rem;
      color: #004d94; }
      @media (min-width: 992px) {
        .description-appartement-container > .description-appartement-wrapper .description {
          float: left;
          width: 66.6666666667%; } }
    .description-appartement-container > .description-appartement-wrapper .appartement-wrapper {
      position: relative;
      min-height: 1px;
      padding-left: 70px;
      padding-right: 70px;
      padding-top: 50px;
      padding-bottom: 50px;
      border-top: 1px solid #c7c7c7;
      border-right: 1px solid #c7c7c7;
      border-bottom: 1px solid #c7c7c7;
      /* ul {
          list-style-type: square;
          font-family: $roboto;
          font-weight: $light;

          @include font-size(15px);

          > li {
              margin-bottom: 10px;
              padding: 0;
              margin-left: 25px;

              &:before {
                  display: none;
              }

              &:after {
                  display: none;
              }
          }
      } */ }
      @media (min-width: 992px) {
        .description-appartement-container > .description-appartement-wrapper .appartement-wrapper {
          float: left;
          width: 33.3333333333%; } }
      .description-appartement-container > .description-appartement-wrapper .appartement-wrapper .appartement-title {
        font-size: 24px;
        font-size: 2rem;
        color: #004d95;
        margin-bottom: 36px;
        position: relative;
        padding-left: 47px; }
    .description-appartement-container > .description-appartement-wrapper p:nth-last-child(2) {
      margin-bottom: 20px; }
    .description-appartement-container > .description-appartement-wrapper .description > .field {
      position: relative; }
      .description-appartement-container > .description-appartement-wrapper .description > .field:before {
        position: absolute;
        top: -17px;
        left: 0;
        content: '';
        width: 39px;
        height: 5px;
        background: #0ca1ee; }

/*Variations 7*/
.description-contact-appartement-wrapper {
  margin-bottom: 86px; }
  .description-contact-appartement-wrapper ul li, .description-contact-appartement-wrapper ol li {
    margin-left: 40px; }
  .description-contact-appartement-wrapper .description-contact-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .description-contact-appartement-wrapper .description-contact-wrapper > .description {
      position: relative;
      min-height: 1px;
      padding-left: 70px;
      padding-right: 70px;
      padding-top: 65px;
      padding-bottom: 65px;
      border: 1px solid #c7c7c7;
      font-size: 24px;
      font-size: 2rem;
      color: #004d94; }
      @media (min-width: 992px) {
        .description-contact-appartement-wrapper .description-contact-wrapper > .description {
          float: left;
          width: 66.6666666667%; } }
    .description-contact-appartement-wrapper .description-contact-wrapper > .contact-wrapper {
      position: relative;
      min-height: 1px;
      padding-left: 70px;
      padding-right: 70px;
      padding-top: 50px;
      padding-bottom: 50px;
      border-top: 1px solid #c7c7c7;
      border-right: 1px solid #c7c7c7;
      border-bottom: 1px solid #c7c7c7; }
      @media (min-width: 992px) {
        .description-contact-appartement-wrapper .description-contact-wrapper > .contact-wrapper {
          float: left;
          width: 33.3333333333%; } }
      .description-contact-appartement-wrapper .description-contact-wrapper > .contact-wrapper .contact-title {
        font-size: 24px;
        font-size: 2rem;
        color: #004d95;
        margin-bottom: 36px;
        position: relative;
        padding-left: 40px; }
      .description-contact-appartement-wrapper .description-contact-wrapper > .contact-wrapper p {
        margin-bottom: 10px;
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        font-size: 1.25rem;
        color: #444444;
        line-height: 22px; }
    .description-contact-appartement-wrapper .description-contact-wrapper p:nth-last-child(2) {
      margin-bottom: 20px; }
  .description-contact-appartement-wrapper .description > .field {
    position: relative; }
    .description-contact-appartement-wrapper .description > .field:before {
      position: absolute;
      top: -17px;
      left: 0;
      content: '';
      width: 39px;
      height: 5px;
      background: #0ca1ee; }
  .description-contact-appartement-wrapper .appartement-details-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .description-contact-appartement-wrapper .appartement-details-wrapper > .appartement-wrapper {
      position: relative;
      min-height: 1px;
      padding-left: 70px;
      padding-right: 70px;
      padding-top: 54px;
      padding-bottom: 54px;
      border-left: 1px solid #c7c7c7;
      border-right: 1px solid #c7c7c7;
      border-bottom: 1px solid #c7c7c7;
      /*  ul {
          list-style-type: square;
          font-family: $roboto;
          font-weight: $light;

          @include font-size(15px);

          > li {
              margin-bottom: 10px;
              padding: 0;
              margin-left: 25px;

              &:before {
                  display: none;
              }

              &:after {
                  display: none;
              }
          }
      } */ }
      @media (min-width: 992px) {
        .description-contact-appartement-wrapper .appartement-details-wrapper > .appartement-wrapper {
          float: left;
          width: 66.6666666667%; } }
      .description-contact-appartement-wrapper .appartement-details-wrapper > .appartement-wrapper .appartement-title {
        font-size: 24px;
        font-size: 2rem;
        color: #004d95;
        margin-bottom: 36px;
        position: relative;
        padding-left: 47px; }
      .description-contact-appartement-wrapper .appartement-details-wrapper > .appartement-wrapper p {
        margin-bottom: 10px;
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        font-size: 1.25rem;
        color: #444444;
        line-height: 22px; }

.bloc-vacance {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002057+0,004d8f+100 */
  background: #002057;
  /* Old browsers */
  background: -moz-linear-gradient(left, #002057 0%, #004d94 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #002057 0%, #004d94 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #002057 0%, #004d94 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002057', endColorstr='#004d94',GradientType=1 );
  /* IE6-9 */
  margin-bottom: 85px;
  padding: 50px 0 60px;
  text-align: center;
  /*Vacance sans annonce*/
  /*Vacance avec annonce*/ }
  .bloc-vacance .vacance-sans-icon {
    display: inline-block;
    border-radius: 50%;
    border: 3px solid #06CDFC;
    width: 85px;
    height: 85px;
    padding: 20px;
    margin-bottom: 20px; }
    .bloc-vacance .vacance-sans-icon .svg-icon {
      width: 40px;
      height: 40px;
      fill: #fff; }
  .bloc-vacance .vacance-sans-title {
    font-size: 52px;
    font-size: 4.3333333333rem;
    color: #fff;
    line-height: 60px;
    margin-bottom: 30px; }
  .bloc-vacance .vacance-sans-description {
    font-size: 18px;
    font-size: 1.5rem;
    font-family: "Roboto", sans-serif;
    color: #fff;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 30px; }
  .bloc-vacance .faire-une-demande a {
    background: #fff;
    text-decoration: none;
    color: #002057; }
  .bloc-vacance.avc_annonce {
    padding: 110px 0 100px;
    margin: 0 0 85px;
    text-align: left; }
    .bloc-vacance.avc_annonce:before, .bloc-vacance.avc_annonce:after {
      content: " ";
      display: table; }
    .bloc-vacance.avc_annonce:after {
      clear: both; }
  .bloc-vacance .descrip_vacance_wrapper {
    margin: 0 -20px; }
  .bloc-vacance .description-nombre-wrapper {
    width: 50%;
    float: left;
    padding: 0 20px; }
  .bloc-vacance .vacance-wrapper {
    width: 50%;
    float: left;
    padding: 0 20px; }
  .bloc-vacance .vacance-avec-title {
    font-size: 22px;
    font-size: 1.8333333333rem;
    color: #fff;
    margin-bottom: 10px; }
  .bloc-vacance .vacance-avec-nombre {
    font-size: 52px;
    font-size: 4.3333333333rem;
    color: #fff;
    margin-bottom: 40px; }
    .bloc-vacance .vacance-avec-nombre > span {
      display: inline-block;
      position: relative;
      color: #06CDFC; }
      .bloc-vacance .vacance-avec-nombre > span:after {
        position: absolute;
        content: '';
        top: 100%;
        left: 0;
        width: 100%;
        height: 1px;
        background: #06CDFC; }
  .bloc-vacance .vacance-description {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-size: 1.5rem;
    font-weight: 300;
    color: #fff; }
  .bloc-vacance .annonce-liste {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 16px; }
    .bloc-vacance .annonce-liste li {
      margin: 0;
      padding: 0;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
    .bloc-vacance .annonce-liste a {
      position: relative;
      width: 100%;
      display: block;
      color: #fff;
      font-size: 22px;
      font-size: 1.8333333333rem;
      padding-left: 40px;
      margin-bottom: 40px; }
    .bloc-vacance .annonce-liste .al-text {
      display: inline-block; }
    .bloc-vacance .annonce-liste .arrow-annonce {
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -3px;
      width: 24px;
      height: 7px; }
      .bloc-vacance .annonce-liste .arrow-annonce .svg-icon {
        width: 24px;
        height: 7px;
        fill: #06CDFC;
        display: block; }

.autres-residence {
  /* .views-element-container form-group{
      @include make-md-column(12);
  } */ }
  .autres-residence .view-content {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 45px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari 6.1+ */
    flex-wrap: wrap; }
    .autres-residence .view-content:before, .autres-residence .view-content:after {
      content: " ";
      display: table; }
    .autres-residence .view-content:after {
      clear: both; }
    .autres-residence .view-content .views-row {
      position: relative;
      min-height: 1px;
      padding-left: 0;
      padding-right: 0;
      padding: 1px 11px;
      /* padding left and right: pad L and R + border , padding top+bottom: border*/
      margin-bottom: 10px; }
      @media (min-width: 992px) {
        .autres-residence .view-content .views-row {
          float: left;
          width: 25%; } }
      .autres-residence .view-content .views-row:after {
        content: '';
        position: absolute;
        top: 0;
        left: 10px;
        width: calc(100% - 20px );
        height: 100%;
        border: 1px solid #D9D9D9;
        background: none;
        z-index: -1;
        -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        /* easeOutCubic */ }
    .autres-residence .view-content .views-field {
      height: 100%;
      position: relative; }
    .autres-residence .view-content .bloc-image-wrapper {
      display: block; }
      .autres-residence .view-content .bloc-image-wrapper img {
        -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        /* easeOutCubic */
        -webkit-backface-visibility: hidden;
        -ms-transform: translateZ(0);
        /* IE 9 */
        -webkit-transform: translateZ(0);
        /* Chrome, Safari, Opera */
        transform: translateZ(0);
        transform: scale(1.02); }
    .autres-residence .view-content .patrimoine {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .autres-residence .view-content .bloc-image {
      margin-bottom: 30px;
      position: relative;
      overflow: hidden; }
    .autres-residence .view-content .bloc-type-residence {
      position: absolute;
      left: 25px;
      bottom: 22px;
      font-size: 11px;
      font-size: 0.9166666667rem;
      color: #004D94;
      padding: 8px 12px;
      background: #0ca0ed;
      color: #fff;
      text-transform: uppercase;
      display: inline-block; }
    .autres-residence .view-content .bloc-title {
      font-size: 15px;
      font-size: 1.25rem;
      margin-bottom: 18px;
      padding: 0 25px;
      color: #004d91;
      text-transform: capitalize; }
      .page-node-type-type-residence .autres-residence .view-content .bloc-title {
        font-size: 20px;
        font-size: 1.6666666667rem;
        margin-bottom: 15px; }
    .autres-residence .view-content .bloc-ville {
      margin-bottom: 10px;
      font-size: 11px;
      font-size: 0.9166666667rem;
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      padding: 0 25px; }
      .page-node-type-type-residence .autres-residence .view-content .bloc-ville {
        font-size: 13px;
        font-size: 1.0833333333rem;
        margin-bottom: 5px; }
      .autres-residence .view-content .bloc-ville span {
        font-weight: 700; }
    .autres-residence .view-content .bloc-adresse {
      font-size: 11px;
      font-size: 0.9166666667rem;
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      padding: 0 25px 42px; }
      .page-node-type-type-residence .autres-residence .view-content .bloc-adresse {
        font-size: 13px;
        font-size: 1.0833333333rem; }
      .autres-residence .view-content .bloc-adresse span {
        font-weight: 700; }
  .autres-residence .view-footer {
    text-align: center; }

/*Tabs*/
.facilities .tab-pane.services ul, .facilities .tab-pane.restaurants ul, .facilities .tab-pane.loisir-et-animations ul, .facilities .tab-pane.moyens-dacces-01 ul, .facilities .tab-pane.moyens-dacces-02 ul {
  list-style-type: none;
  padding-left: 50px; }
  .facilities .tab-pane.services ul li, .facilities .tab-pane.restaurants ul li, .facilities .tab-pane.loisir-et-animations ul li, .facilities .tab-pane.moyens-dacces-01 ul li, .facilities .tab-pane.moyens-dacces-02 ul li {
    position: relative; }

/***States***/
.autres-residence .views-row:hover:after, .autres-residence .views-row:focus:after {
  -webkit-box-shadow: 0 5px 12px -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 5px 12px -2px rgba(0, 0, 0, 0.16);
  box-shadow: 0 5px 12px -2px rgba(0, 0, 0, 0.16); }
.autres-residence .views-row:hover img, .autres-residence .views-row:focus img {
  -webkit-transform: scale(1.05);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: scale(1.05);
  /* IE 9 */
  transform: scale(1.05);
  /* Firefox 16+, IE 10+, Opera */ }

.bloc-vacance .annonce-liste li:hover, .bloc-vacance .annonce-liste li:focus {
  padding-left: 15px; }

/***Responsive***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 991px) {
  /*Variation 1 and 2*/
  .description-contact-appartement-details-wrapper .description-contact-wrapper > .description, .description-contact-details-wrapper .description-contact-wrapper > .description {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 25px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .description-contact-appartement-details-wrapper .description-contact-wrapper > .description, .description-contact-details-wrapper .description-contact-wrapper > .description {
      float: left;
      width: 66.6666666667%; } }
@media only screen and (max-width: 991px) {
  .description-contact-appartement-details-wrapper .description-contact-wrapper > .contact-wrapper, .description-contact-details-wrapper .description-contact-wrapper > .contact-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    padding-bottom: 25px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .description-contact-appartement-details-wrapper .description-contact-wrapper > .contact-wrapper, .description-contact-details-wrapper .description-contact-wrapper > .contact-wrapper {
      float: left;
      width: 33.3333333333%; } }
@media only screen and (max-width: 991px) {
  .description-contact-appartement-details-wrapper .appartement-details-wrapper > .appartement-wrapper, .description-contact-details-wrapper .appartement-details-wrapper > .appartement-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    padding-bottom: 25px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .description-contact-appartement-details-wrapper .appartement-details-wrapper > .appartement-wrapper, .description-contact-details-wrapper .appartement-details-wrapper > .appartement-wrapper {
      float: left;
      width: 33.3333333333%; } }
@media only screen and (max-width: 991px) {
  .description-contact-appartement-details-wrapper .appartement-details-wrapper > .details-wrapper, .description-contact-details-wrapper .appartement-details-wrapper > .details-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    padding-bottom: 25px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .description-contact-appartement-details-wrapper .appartement-details-wrapper > .details-wrapper, .description-contact-details-wrapper .appartement-details-wrapper > .details-wrapper {
      float: left;
      width: 66.6666666667%; } }
@media only screen and (max-width: 991px) {
  .description-contact-appartement-details-wrapper > .details .details-wrapper, .description-contact-details-wrapper > .details .details-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    padding-bottom: 25px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .description-contact-appartement-details-wrapper > .details .details-wrapper, .description-contact-details-wrapper > .details .details-wrapper {
      float: left;
      width: 66.6666666667%; } }

@media only screen and (max-width: 991px) {
  /*Variation 3*/
  .description-appartement-details-wrapper > .description-appartement-wrapper .description {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 25px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .description-appartement-details-wrapper > .description-appartement-wrapper .description {
      float: left;
      width: 66.6666666667%; } }
@media only screen and (max-width: 991px) {
  .description-appartement-details-wrapper > .description-appartement-wrapper .appartement-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    padding-bottom: 25px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .description-appartement-details-wrapper > .description-appartement-wrapper .appartement-wrapper {
      float: left;
      width: 33.3333333333%; } }
@media only screen and (max-width: 991px) {
  .description-appartement-details-wrapper > .details .details-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    padding-bottom: 25px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .description-appartement-details-wrapper > .details .details-wrapper {
      float: left;
      width: 66.6666666667%; } }

@media only screen and (max-width: 991px) {
  /*Variation 4*/
  .description-details-wrapper {
    margin-bottom: 86px; }
    .description-details-wrapper .description-wrapper {
      margin-left: -30px;
      margin-right: -30px; }
      .description-details-wrapper .description-wrapper:before, .description-details-wrapper .description-wrapper:after {
        content: " ";
        display: table; }
      .description-details-wrapper .description-wrapper:after {
        clear: both; }
      .description-details-wrapper .description-wrapper .description {
        position: relative;
        min-height: 1px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 40px;
        padding-bottom: 25px; } }
      @media only screen and (max-width: 991px) and (min-width: 768px) {
        .description-details-wrapper .description-wrapper .description {
          float: left;
          width: 66.6666666667%; } }
      @media only screen and (max-width: 991px) and (min-width: 768px) {
        .description-details-wrapper .description-wrapper .description {
          margin-left: 16.6666666667%; } }
@media only screen and (max-width: 991px) {
    .description-details-wrapper .details {
      margin-left: -30px;
      margin-right: -30px; }
      .description-details-wrapper .details:before, .description-details-wrapper .details:after {
        content: " ";
        display: table; }
      .description-details-wrapper .details:after {
        clear: both; }
      .description-details-wrapper .details .details-wrapper {
        position: relative;
        min-height: 1px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 25px;
        padding-bottom: 25px; } }
      @media only screen and (max-width: 991px) and (min-width: 768px) {
        .description-details-wrapper .details .details-wrapper {
          float: left;
          width: 66.6666666667%; } }
      @media only screen and (max-width: 991px) and (min-width: 768px) {
        .description-details-wrapper .details .details-wrapper {
          margin-left: 16.6666666667%; } }

@media only screen and (max-width: 991px) {
  /*Variation 5*/
  .description-contact-container .description-contact-wrapper > .description {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 25px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .description-contact-container .description-contact-wrapper > .description {
      float: left;
      width: 66.6666666667%; } }
@media only screen and (max-width: 991px) {
  .description-contact-container .description-contact-wrapper > .contact-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    padding-bottom: 25px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .description-contact-container .description-contact-wrapper > .contact-wrapper {
      float: left;
      width: 33.3333333333%; } }
@media only screen and (max-width: 991px) {
  .description-contact-container .description > .field {
    position: relative; }

  /*Variation 6*/
  .description-appartement-container > .description-appartement-wrapper .description {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 25px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .description-appartement-container > .description-appartement-wrapper .description {
      float: left;
      width: 66.6666666667%; } }
@media only screen and (max-width: 991px) {
  .description-appartement-container > .description-appartement-wrapper .appartement-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    padding-bottom: 25px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .description-appartement-container > .description-appartement-wrapper .appartement-wrapper {
      float: left;
      width: 33.3333333333%; } }

@media only screen and (max-width: 991px) {
  /*Variations 7*/
  .description-contact-appartement-wrapper .description-contact-wrapper > .description {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 25px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .description-contact-appartement-wrapper .description-contact-wrapper > .description {
      float: left;
      width: 66.6666666667%; } }
@media only screen and (max-width: 991px) {
  .description-contact-appartement-wrapper .description-contact-wrapper > .contact-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    padding-bottom: 25px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .description-contact-appartement-wrapper .description-contact-wrapper > .contact-wrapper {
      float: left;
      width: 33.3333333333%; } }
@media only screen and (max-width: 991px) {
  .description-contact-appartement-wrapper .appartement-details-wrapper > .appartement-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    padding-bottom: 25px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .description-contact-appartement-wrapper .appartement-details-wrapper > .appartement-wrapper {
      float: left;
      width: 66.6666666667%; } }

@media only screen and (max-width: 991px) {
  .autres-residence .view-content {
    margin-left: -10px;
    margin-right: -10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari 6.1+ */
    flex-wrap: wrap; }
    .autres-residence .view-content:before, .autres-residence .view-content:after {
      content: " ";
      display: table; }
    .autres-residence .view-content:after {
      clear: both; }
    .autres-residence .view-content .views-row {
      position: relative;
      min-height: 1px;
      padding-left: 0;
      padding-right: 0;
      padding: 1px 11px; } }
    @media only screen and (max-width: 991px) and (min-width: 768px) {
      .autres-residence .view-content .views-row {
        float: left;
        width: 33.3333333333%; } }

/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .location-carousel-wrapper .logo-addresse-wrapper {
    position: relative;
    max-width: 100%;
    margin-bottom: 20px; }

  /*Variation 1 and 2*/
  .description-contact-appartement-details-wrapper:before, .description-contact-appartement-details-wrapper:after, .description-contact-details-wrapper:before, .description-contact-details-wrapper:after {
    content: " ";
    display: table; }
  .description-contact-appartement-details-wrapper:after, .description-contact-details-wrapper:after {
    clear: both; }
  .description-contact-appartement-details-wrapper ul li, .description-contact-appartement-details-wrapper ol li, .description-contact-details-wrapper ul li, .description-contact-details-wrapper ol li {
    margin-left: 0; }
  .description-contact-appartement-details-wrapper .description-contact-wrapper, .description-contact-details-wrapper .description-contact-wrapper {
    display: block; }
    .description-contact-appartement-details-wrapper .description-contact-wrapper > .description, .description-contact-details-wrapper .description-contact-wrapper > .description {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 40px;
      padding-bottom: 25px; }
    .description-contact-appartement-details-wrapper .description-contact-wrapper > .contact-wrapper, .description-contact-details-wrapper .description-contact-wrapper > .contact-wrapper {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 30px;
      padding-right: 30px;
      border-top: none;
      border-left: 1px solid #c7c7c7;
      border-bottom: 1px solid #c7c7c7;
      padding-top: 25px;
      padding-bottom: 25px; }
  .description-contact-appartement-details-wrapper .appartement-details-wrapper, .description-contact-details-wrapper .appartement-details-wrapper {
    display: block; }
    .description-contact-appartement-details-wrapper .appartement-details-wrapper > .appartement-wrapper, .description-contact-details-wrapper .appartement-details-wrapper > .appartement-wrapper {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 30px;
      padding-right: 30px;
      border-top: none;
      padding-top: 25px;
      padding-bottom: 25px; }
    .description-contact-appartement-details-wrapper .appartement-details-wrapper > .details-wrapper, .description-contact-details-wrapper .appartement-details-wrapper > .details-wrapper {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 30px;
      padding-right: 30px;
      border-left: 1px solid #c7c7c7;
      padding-top: 25px;
      padding-bottom: 25px; }
  .description-contact-appartement-details-wrapper > .details, .description-contact-details-wrapper > .details {
    display: block; }
    .description-contact-appartement-details-wrapper > .details .details-wrapper, .description-contact-details-wrapper > .details .details-wrapper {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 25px;
      padding-bottom: 25px; }

  /*Variation 3*/
  .description-appartement-details-wrapper:before, .description-appartement-details-wrapper:after {
    content: " ";
    display: table; }
  .description-appartement-details-wrapper:after {
    clear: both; }
  .description-appartement-details-wrapper ul li, .description-appartement-details-wrapper ol li {
    margin-left: 0; }
  .description-appartement-details-wrapper > .description-appartement-wrapper {
    display: block; }
    .description-appartement-details-wrapper > .description-appartement-wrapper .description {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 40px;
      padding-bottom: 25px; }
    .description-appartement-details-wrapper > .description-appartement-wrapper .appartement-wrapper {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 30px;
      padding-right: 30px;
      border-top: none;
      border-left: 1px solid #c7c7c7;
      padding-top: 25px;
      padding-bottom: 25px; }
  .description-appartement-details-wrapper > .details {
    display: block; }
    .description-appartement-details-wrapper > .details .details-wrapper {
      border-top: none;
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 25px;
      padding-bottom: 25px; }

  /*Variation 4*/
  .description-details-wrapper ul li, .description-details-wrapper ol li {
    margin-left: 0; }
  .description-details-wrapper .description-wrapper {
    display: block;
    margin-left: 0;
    margin-right: 0; }
    .description-details-wrapper .description-wrapper:before, .description-details-wrapper .description-wrapper:after {
      content: " ";
      display: table; }
    .description-details-wrapper .description-wrapper:after {
      clear: both; }
    .description-details-wrapper .description-wrapper .description {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 40px;
      padding-bottom: 25px; }
  .description-details-wrapper .details {
    display: block;
    margin-left: 0;
    margin-right: 0; }
    .description-details-wrapper .details:before, .description-details-wrapper .details:after {
      content: " ";
      display: table; }
    .description-details-wrapper .details:after {
      clear: both; }
    .description-details-wrapper .details .details-wrapper {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 25px;
      padding-bottom: 25px; }

  /*Variation 5*/
  .description-contact-container:before, .description-contact-container:after {
    content: " ";
    display: table; }
  .description-contact-container:after {
    clear: both; }
  .description-contact-container ul li, .description-contact-container ol li {
    margin-left: 0; }
  .description-contact-container .description-contact-wrapper {
    display: block; }
    .description-contact-container .description-contact-wrapper > .description {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 40px;
      padding-bottom: 25px; }
    .description-contact-container .description-contact-wrapper > .contact-wrapper {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 30px;
      padding-right: 30px;
      border-top: none;
      border-left: 1px solid #c7c7c7;
      padding-top: 25px;
      padding-bottom: 25px; }
  .description-contact-container .description > .field {
    position: relative; }

  /*Variation 6*/
  .description-appartement-container:before, .description-appartement-container:after {
    content: " ";
    display: table; }
  .description-appartement-container:after {
    clear: both; }
  .description-appartement-container ul li, .description-appartement-container ol li {
    margin-left: 0; }
  .description-appartement-container > .description-appartement-wrapper {
    display: block; }
    .description-appartement-container > .description-appartement-wrapper .description {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 40px;
      padding-bottom: 25px; }
    .description-appartement-container > .description-appartement-wrapper .appartement-wrapper {
      border-top: none;
      border-left: 1px solid #c7c7c7;
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 25px;
      padding-bottom: 25px; }

  /*Variations 7*/
  .description-contact-appartement-wrapper:before, .description-contact-appartement-wrapper:after {
    content: " ";
    display: table; }
  .description-contact-appartement-wrapper:after {
    clear: both; }
  .description-contact-appartement-wrapper ul li, .description-contact-appartement-wrapper ol li {
    margin-left: 0; }
  .description-contact-appartement-wrapper .description-contact-wrapper {
    display: block; }
    .description-contact-appartement-wrapper .description-contact-wrapper > .description {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 40px;
      padding-bottom: 25px; }
    .description-contact-appartement-wrapper .description-contact-wrapper > .contact-wrapper {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 30px;
      padding-right: 30px;
      border-top: none;
      border-left: 1px solid #c7c7c7;
      border-bottom: 1px solid #c7c7c7;
      padding-top: 25px;
      padding-bottom: 25px; }
  .description-contact-appartement-wrapper .appartement-details-wrapper {
    display: block; }
    .description-contact-appartement-wrapper .appartement-details-wrapper > .appartement-wrapper {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 30px;
      padding-right: 30px;
      border-top: none;
      padding-top: 25px;
      padding-bottom: 25px; }

  .bloc-vacance .descrip_vacance_wrapper {
    margin: 0; }
  .bloc-vacance .description-nombre-wrapper {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 40px; }
  .bloc-vacance .vacance-wrapper {
    width: 100%;
    float: none;
    padding: 0; }

  .autres-residence .view-content {
    margin-left: -10px;
    margin-right: -10px;
    display: block; }
    .autres-residence .view-content:before, .autres-residence .view-content:after {
      content: " ";
      display: table; }
    .autres-residence .view-content:after {
      clear: both; }
    .autres-residence .view-content .views-row {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 0;
      padding-right: 0;
      padding: 1px 11px; }

  .page-node-type-residence .carte-wrapper {
    display: none; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
.pull-up-actu {
  margin-top: -225px; }
  .pull-up-actu > .actualite {
    background: #fff; }

.actu-head-colors-container {
  position: relative;
  height: 352px;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4bcd6b+0,45b0ff+100 */
  background: #4bcd6b;
  /* Old browsers */
  background: -moz-linear-gradient(left, #4bcd6b 0%, #45b0ff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #4bcd6b 0%, #45b0ff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #4bcd6b 0%, #45b0ff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bcd6b', endColorstr='#45b0ff',GradientType=1 );
  /* IE6-9 */ }

.actu-top {
  padding: 90px 190px 80px; }

.page-node-type-actualite {
  /* .table-wrapper {
      padding: 0 96px;
      margin-bottom: 75px;
  }

  table {
      display: block;
      width: 928px;

      tbody {
          width: 100%;
          display: block;
          border: 1px solid $gris-clair;
          height: 300px;
          overflow: hidden;
      }

      thead {
          width: 100%;
          display: block;
          font-size: 0;
          background: $bleu-fonce;

          th {
              display: inline-block;
              padding: 23px 40px;
              background: $bleu-fonce;
              color: $white;
              border-right: 1px solid $bleu-marine;

              @include font-size(16px);
          }
      }

      th:last-child {
          border-right: none;
      }

      tr {
          display: block;
          width: 100%;
          font-size: 0;
      }

      td {
          display: inline-block;
          padding: 18px 40px;
          border-bottom: 1px solid $gris-clair;
          border-right: 1px solid $gris-clair;
          color: $gris-fonce;

          @include font-size(16px);
      }

      td:last-child {
          border-right: none;
      }

      tr:last-child {
          td {
              border-bottom: none;
          }
      }

      .mCSB_scrollTools .mCSB_draggerRail {
          background: none;
      }

      .mCSB_dragger .mCSB_dragger_bar {
          background: $bleu-fonce;
          width: 7px;
      }
  }

  .mCSB_scrollTools.mCSB_scrollTools_horizontal {
      .mCSB_draggerRail {
          background: none;
      }

      .mCSB_dragger .mCSB_dragger_bar {
          background: $bleu-fonce;
          height: 7px;
      }
  }

  .wysiwyg-document {
      margin: 0 190px;
      background: $bleu-clair;
      padding: 50px 65px;
      font-size: 0;
      margin-bottom: 70px;

      .decription {
          display: table-cell;
          width: calc(100% - 120px);

          @include font-size(15px);

          color: $bleu-fonce;
          padding-right: 80px;

          p {
              color: $bleu-fonce;
          }
      }

      p {
          padding: 0;
      }

      .telecharger {
          display: table-cell;
          width: 120px;
          vertical-align: middle;
      }

      .title {
          @include font-size(24px);

          color: $bleu-marine;
          margin-bottom: 25px;
          font-family: $roboto;
          display: flex;

          > div {
              display: inline-block;
          }
      }

      .title-icon {
          height: 20px;
          width: 16px;
          margin-right: 10px;

          .svg-icon {
              width: 16px;
              height: 20px;
          }
      }

      .telecharger-description-wrapper {
          display: table;
          table-layout: fixed;
      }

      a {
          @include create_hdsh_button;

          position: relative;

          @include transition;

          .arrow-btn {
              top: 20px;
              left: -10px;
              position: absolute;
              width: 30px;
              height: 10px;
              opacity: 0;

              @include transition;
          }

          .svg-icon {
              width: 30px;
              height: 10px;
          }
      }
  } */ }
  .page-node-type-actualite .date-social-wrapper {
    margin-bottom: 30px;
    font-size: 13px;
    font-size: 1.0833333333rem;
    color: #004D94;
    text-transform: uppercase; }
    .page-node-type-actualite .date-social-wrapper:before, .page-node-type-actualite .date-social-wrapper:after {
      content: " ";
      display: table; }
    .page-node-type-actualite .date-social-wrapper:after {
      clear: both; }
  .page-node-type-actualite .type-date-wrapper {
    float: left;
    width: calc(100% - 102px); }
  .page-node-type-actualite .actualite-type {
    display: inline-block;
    margin-right: 14px; }
    .page-node-type-actualite .actualite-type div {
      display: inline-block; }
    .page-node-type-actualite .actualite-type .icon .svg-icon {
      fill: #FFD539; }
  .page-node-type-actualite .actualite-date {
    display: inline-block; }
    .page-node-type-actualite .actualite-date div {
      display: inline-block; }
  .page-node-type-actualite .icon {
    display: inline-block;
    width: 7px;
    height: 7px;
    position: relative;
    margin-right: 7px; }
    .page-node-type-actualite .icon .svg-icon {
      width: 7px;
      height: 7px;
      fill: #004D94;
      position: absolute;
      top: -1px;
      left: 0; }
  .page-node-type-actualite .social-share {
    float: right; }
  .page-node-type-actualite .social-media-sharing .email {
    display: none; }
  .page-node-type-actualite .actualite-title {
    color: #004D94; }
  .page-node-type-actualite .actualite-credit {
    font-family: "Roboto", sans-serif;
    color: #444444;
    font-size: 24px;
    font-size: 2rem;
    font-weight: 300; }
    .page-node-type-actualite .actualite-credit p {
      font-size: 24px;
      font-size: 2rem;
      padding: 0;
      line-height: 2.5rem; }
  .page-node-type-actualite .actualite-body {
    padding: 0 0 80px;
    border-bottom: 1px solid #D9D9D9; }
    .page-node-type-actualite .actualite-body .mCSB_container_wrapper {
      margin-right: 0; }
      .page-node-type-actualite .actualite-body .mCSB_container_wrapper .mCSB_container {
        padding-right: 0; }
    .page-node-type-actualite .actualite-body .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
      display: none !important; }
  .page-node-type-actualite .image-wrapper {
    margin: 0 0 50px; }
  .page-node-type-actualite h3 {
    margin-left: 190px;
    margin-right: 190px; }
  .page-node-type-actualite p, .page-node-type-actualite h4 {
    padding-left: 190px;
    padding-right: 190px; }
  .page-node-type-actualite .description-wrapper ul {
    list-style-type: none;
    padding-left: 190px;
    padding-right: 190px; }
    .page-node-type-actualite .description-wrapper ul li {
      position: relative;
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      font-size: 18px;
      font-size: 1.5rem;
      color: #444444;
      /* margin-bottom: $demarche_margin; */
      margin-bottom: 10px;
      line-height: 28px; }
      .page-node-type-actualite .description-wrapper ul li:before {
        position: absolute;
        top: 13px;
        left: -58px;
        background: #06CDFC;
        height: 1px;
        width: 15px;
        content: ''; }
      .page-node-type-actualite .description-wrapper ul li:after {
        position: absolute;
        top: 10px;
        left: -30px;
        content: '';
        width: 6px;
        height: 6px;
        background: #444444;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%; }
  .page-node-type-actualite .description-wrapper ol {
    list-style-type: none;
    padding-left: 190px;
    padding-right: 190px; }
    .page-node-type-actualite .description-wrapper ol li {
      position: relative;
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      font-size: 18px;
      font-size: 1.5rem;
      color: #444444;
      counter-increment: demarche_number;
      /* margin-bottom: $demarche_margin; */
      margin-bottom: 10px;
      line-height: 28px; }
      .page-node-type-actualite .description-wrapper ol li:before {
        position: absolute;
        top: 13px;
        left: -58px;
        background: #06CDFC;
        height: 1px;
        width: 15px;
        content: ''; }
      .page-node-type-actualite .description-wrapper ol li:after {
        position: absolute;
        font-family: "Fjalla One", sans-serif;
        font-size: 16px;
        font-size: 1.3333333333rem;
        top: 0;
        left: -30px;
        content: counter(demarche_number); }
  .page-node-type-actualite .video-embed-field-responsive-video {
    padding: 0 96px;
    margin-bottom: 67px; }
  .page-node-type-actualite .bloc-actualite {
    text-align: center;
    padding-top: 50px;
    clear: both; }
    .page-node-type-actualite .bloc-actualite .bloc-actualite-titre {
      position: relative;
      display: inline-block;
      padding-left: 53px;
      line-height: normal;
      font-size: 16px;
      font-size: 1.3333333333rem;
      color: #004D94;
      margin-bottom: 50px; }
      .page-node-type-actualite .bloc-actualite .bloc-actualite-titre:before {
        position: absolute;
        content: '';
        top: 10px;
        left: 0;
        background: #06CDFC;
        height: 3px;
        width: 40px; }
      .page-node-type-actualite .bloc-actualite .bloc-actualite-titre:after {
        display: none; }
  .page-node-type-actualite .view-content {
    margin-left: -2px;
    margin-right: -2px;
    margin-bottom: 45px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .page-node-type-actualite .view-content:before, .page-node-type-actualite .view-content:after {
      content: " ";
      display: table; }
    .page-node-type-actualite .view-content:after {
      clear: both; }
    .page-node-type-actualite .view-content .views-row {
      position: relative;
      min-height: 1px;
      padding-left: 0;
      padding-right: 0;
      margin: 2px;
      border: 1px solid #D9D9D9; }
      @media (min-width: 992px) {
        .page-node-type-actualite .view-content .views-row {
          float: left;
          width: 25%; } }
    .page-node-type-actualite .view-content .views-field {
      height: 100%;
      text-align: left; }
    .page-node-type-actualite .view-content .block-image {
      margin-bottom: 45px;
      position: relative; }
      .page-node-type-actualite .view-content .block-image a {
        display: block;
        overflow: hidden; }
      .page-node-type-actualite .view-content .block-image:after {
        position: absolute;
        content: '';
        height: 8px;
        width: 50%;
        bottom: -8px;
        left: 0;
        background: inherit;
        -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        /* easeOutCubic */ }
    .page-node-type-actualite .view-content .type-date-wrapper {
      width: 100%;
      display: block;
      margin-bottom: 25px;
      padding: 0 40px;
      text-transform: uppercase;
      color: #004D94;
      font-size: 13px;
      font-size: 1.0833333333rem; }
    .page-node-type-actualite .view-content .block-titre {
      width: 100%;
      display: block;
      font-size: 25px;
      font-size: 2.0833333333rem;
      color: #444444;
      padding: 0 40px 30px; }
      .page-node-type-actualite .view-content .block-titre a {
        color: #444444;
        text-decoration: none;
        cursor: pointer;
        display: inline-block; }
    .page-node-type-actualite .view-content a img {
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */
      -webkit-backface-visibility: hidden;
      -ms-transform: translateZ(0);
      /* IE 9 */
      -webkit-transform: translateZ(0);
      /* Chrome, Safari, Opera */
      transform: translateZ(0);
      transform: scale(1.02); }

/***States***/
.page-node-type-actualite {
  /*   table {
      .mCSB_scrollTools .mCSB_dragger:hover {
          .mCSB_dragger_bar {
              background: $bleu-fonce;
          }
      }
  }

  .wysiwyg-document {
      a:hover {
          padding-left: 49px;

          .arrow-btn {
              opacity: 1;
              left: 10px;
          }
      }
  } */ }
  .page-node-type-actualite .views-row :hover .block-image:after, .page-node-type-actualite .views-row :focus .block-image:after {
    width: 100%; }
  .page-node-type-actualite .views-row :hover a img, .page-node-type-actualite .views-row :focus a img {
    -webkit-transform: scale(1.05);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: scale(1.05);
    /* IE 9 */
    transform: scale(1.05);
    /* Firefox 16+, IE 10+, Opera */ }

/*** Responsive ***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 1199px) {
  .page-node-type-actualite {
    /* .table-wrapper {
        padding: 0;
        border: 1px solid $gris-clair;
        padding-bottom: 10px;
    }

    .wysiwyg-document {
        margin: 0 0 50px;
        padding: 45px 30px;

        .telecharger-description-wrapper {
            display: block;
        }

        .decription {
            width: 100%;
            display: block;
            padding-right: 0;
            margin-bottom: 35px;
        }
    } */ }
    .page-node-type-actualite .actu-top {
      padding: 90px 25px 80px; }
    .page-node-type-actualite h3 {
      margin-left: 0;
      margin-right: 0; }
    .page-node-type-actualite p, .page-node-type-actualite h4 {
      padding-left: 0;
      padding-right: 0; }
    .page-node-type-actualite .video-embed-field-responsive-video {
      padding: 0; }
    .page-node-type-actualite .description-wrapper ol, .page-node-type-actualite .description-wrapper ul {
      padding-left: 0;
      padding-right: 0; }
      .page-node-type-actualite .description-wrapper ol li, .page-node-type-actualite .description-wrapper ul li {
        padding-left: 45px; }
        .page-node-type-actualite .description-wrapper ol li:before, .page-node-type-actualite .description-wrapper ul li:before {
          top: 13px;
          left: 0; }
        .page-node-type-actualite .description-wrapper ol li:after, .page-node-type-actualite .description-wrapper ul li:after {
          top: 0;
          left: 20px; }
    .page-node-type-actualite .description-wrapper ul li:after {
      top: 10px; }

  .view-content .views-row {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0; } }
  @media only screen and (max-width: 1199px) and (min-width: 768px) {
    .view-content .views-row {
      float: left;
      width: 33.3333333333%; } }

/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .page-node-type-actualite {
    /* .table-wrapper {
        padding: 0;
        border: 1px solid $gris-clair;
        padding-bottom: 10px;
    }

    .wysiwyg-document {
        margin: 0 0 50px;
        padding: 45px 30px;

        .telecharger-description-wrapper {
            display: block;
        }

        .decription {
            width: 100%;
            display: block;
            padding-right: 0;
            margin-bottom: 35px;
        }
    } */ }
    .page-node-type-actualite .pull-up-actu {
      margin-top: -41px; }
    .page-node-type-actualite .actu-top {
      padding: 35px 0; }
    .page-node-type-actualite .date-social-wrapper {
      margin-bottom: 0; }
    .page-node-type-actualite .actu-head-colors-container {
      height: 85px; }
    .page-node-type-actualite .social-share {
      float: none;
      margin-bottom: 38px; }
    .page-node-type-actualite .type-date-wrapper {
      float: none;
      width: 100%;
      display: block;
      margin-bottom: 30px; }
    .page-node-type-actualite h3 {
      margin-left: 0;
      margin-right: 0; }
    .page-node-type-actualite h4 {
      padding: 0; }
    .page-node-type-actualite p {
      padding-left: 0;
      padding-right: 0; }
    .page-node-type-actualite .description-wrapper ol, .page-node-type-actualite .description-wrapper ul {
      padding-left: 0;
      padding-right: 0; }
      .page-node-type-actualite .description-wrapper ol li, .page-node-type-actualite .description-wrapper ul li {
        padding-left: 45px; }
        .page-node-type-actualite .description-wrapper ol li:before, .page-node-type-actualite .description-wrapper ul li:before {
          top: 13px;
          left: 0; }
        .page-node-type-actualite .description-wrapper ol li:after, .page-node-type-actualite .description-wrapper ul li:after {
          top: 0;
          left: 20px; }
    .page-node-type-actualite .description-wrapper ul li:after {
      top: 10px; }
    .page-node-type-actualite .video-embed-field-responsive-video {
      padding: 0; }
    .page-node-type-actualite .actualite-body {
      padding: 0 0 50px; }
    .page-node-type-actualite .bloc-actualite {
      padding-top: 40px;
      text-align: left; }
      .page-node-type-actualite .bloc-actualite h2 {
        margin-bottom: 30px; }
    .page-node-type-actualite .view-content {
      margin-left: -2px;
      margin-right: -2px;
      display: block; }
      .page-node-type-actualite .view-content:before, .page-node-type-actualite .view-content:after {
        content: " ";
        display: table; }
      .page-node-type-actualite .view-content:after {
        clear: both; }
      .page-node-type-actualite .view-content .views-row {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 17px; }
      .page-node-type-actualite .view-content .type-date-wrapper {
        padding: 0 20px; }
      .page-node-type-actualite .view-content .block-titre {
        padding: 0 20px 30px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
.path-notre-actualite {
  /*Drop Down with SVG*/
  /*End Drop Down with SVG*/ }
  .path-notre-actualite .page-header {
    display: none; }
  .path-notre-actualite #edit-submit-actualite {
    display: none; }
  .path-notre-actualite .internal {
    width: 100%;
    position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4bcd6b+0,45b0ff+100 */
    background: #4bcd6b;
    /* Old browsers */
    background: -moz-linear-gradient(left, #4bcd6b 0%, #45b0ff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #4bcd6b 0%, #45b0ff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #4bcd6b 0%, #45b0ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bcd6b', endColorstr='#45b0ff',GradientType=1 );
    /* IE6-9 */
    height: 313px; }
    .path-notre-actualite .internal .actualite-title {
      color: #fff;
      text-align: center;
      padding-top: 90px; }
  .path-notre-actualite .chapo {
    padding: 48px 104px;
    background: #004D94;
    color: #fff;
    width: 60%;
    margin: -105px auto 85px;
    font-size: 18px;
    font-size: 1.5rem;
    font-family: "Roboto", sans-serif;
    text-align: center;
    font-weight: 300; }
  .path-notre-actualite .view-filters {
    postion: relative;
    margin-bottom: 25px;
    padding-bottom: 42px;
    border-bottom: 1px solid #06CDFC; }
  .path-notre-actualite .dropdown-menu.inner {
    padding-left: 0;
    display: inline-block;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px; }
    .path-notre-actualite .dropdown-menu.inner li {
      list-style-type: none; }
      .path-notre-actualite .dropdown-menu.inner li a {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-size: 15px;
        font-size: 1.25rem;
        color: #004D94;
        padding: 18px 20px;
        background: #fff;
        border-bottom: 1px solid #D9D9D9;
        border-right: 1px solid #D9D9D9;
        border-left: 1px solid #D9D9D9; }
    .path-notre-actualite .dropdown-menu.inner li:first-of-type a {
      border-top: 1px solid #D9D9D9; }
    .path-notre-actualite .dropdown-menu.inner li:last-of-type {
      border-bottom: 0; }
      .path-notre-actualite .dropdown-menu.inner li:last-of-type a {
        border-radius: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
    .path-notre-actualite .dropdown-menu.inner a {
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
      .path-notre-actualite .dropdown-menu.inner a .arrow-fwd {
        display: inline-block;
        position: relative;
        visibility: hidden;
        width: 5px;
        opacity: 0;
        margin-left: -5px;
        -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        /* easeOutCubic */
        z-index: 1; }
        .path-notre-actualite .dropdown-menu.inner a .arrow-fwd .svg-icon {
          width: 5px;
          height: 10px;
          z-index: 1; }
      .path-notre-actualite .dropdown-menu.inner a .arrow-fwd:nth-child(1) {
        margin-right: 3px; }
        .path-notre-actualite .dropdown-menu.inner a .arrow-fwd:nth-child(1) .svg-icon {
          fill: #06CDFC; }
      .path-notre-actualite .dropdown-menu.inner a .arrow-fwd:nth-child(2) {
        margin-left: -3px;
        margin-right: 8px; }
        .path-notre-actualite .dropdown-menu.inner a .arrow-fwd:nth-child(2) .svg-icon {
          fill: #004D94; }
  .path-notre-actualite .control-label {
    color: #004D94;
    font-size: 20px;
    font-size: 1.6666666667rem;
    position: relative;
    margin-right: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: -15px; }
  .path-notre-actualite .view-content {
    margin-left: -2px;
    margin-right: -2px;
    margin-bottom: 45px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap; }
    .path-notre-actualite .view-content:before, .path-notre-actualite .view-content:after {
      content: " ";
      display: table; }
    .path-notre-actualite .view-content:after {
      clear: both; }
    .path-notre-actualite .view-content:before {
      display: none; }
    .path-notre-actualite .view-content .views-row {
      /*  @include make-md-column(4, 4px);

      padding-bottom: 2px;
      margin-bottom: 10px; */
      position: relative;
      min-height: 1px;
      padding-left: 0;
      padding-right: 0;
      /* padding:1px 2px 1px 2px; */
      margin-bottom: 10px;
      padding: 1px 3px;
      /* padding left and right: pad L and R + border , padding top+bottom: border*/ }
      @media (min-width: 992px) {
        .path-notre-actualite .view-content .views-row {
          float: left;
          width: 33.3333333333%; } }
      .path-notre-actualite .view-content .views-row:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #D9D9D9;
        background: none;
        z-index: -1; }
    .path-notre-actualite .view-content .views-field {
      height: 100%;
      text-align: left;
      /*  padding:2px; */
      /* border: 1px solid $gris-clair; */ }
    .path-notre-actualite .view-content .block-image {
      margin-bottom: 50px;
      position: relative; }
      .path-notre-actualite .view-content .block-image a {
        display: block;
        overflow: hidden; }
      .path-notre-actualite .view-content .block-image:after {
        position: absolute;
        content: '';
        height: 8px;
        width: 50%;
        bottom: -8px;
        left: 0;
        background: inherit;
        -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        /* easeOutCubic */ }
    .path-notre-actualite .view-content .type-date-wrapper {
      width: 100%;
      display: block;
      margin-bottom: 30px;
      padding: 0 40px;
      text-transform: uppercase;
      color: #004D94;
      font-size: 13px;
      font-size: 1.0833333333rem; }
    .path-notre-actualite .view-content .block-titre {
      width: 100%;
      display: block;
      font-size: 25px;
      font-size: 2.0833333333rem;
      color: #444444;
      padding: 0 40px 30px; }
      .path-notre-actualite .view-content .block-titre a {
        color: #444444;
        text-decoration: none;
        cursor: pointer;
        display: inline-block; }
    .path-notre-actualite .view-content a img {
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */
      -webkit-backface-visibility: hidden;
      -ms-transform: translateZ(0);
      /* IE 9 */
      -webkit-transform: translateZ(0);
      /* Chrome, Safari, Opera */
      transform: translateZ(0);
      transform: scale(1.02); }
  .path-notre-actualite .type-date-wrapper {
    float: left;
    width: calc(100% - 102px); }
  .path-notre-actualite .actualite-type {
    display: inline-block;
    margin-right: 14px; }
    .path-notre-actualite .actualite-type div {
      display: inline-block; }
    .path-notre-actualite .actualite-type .icon .svg-icon {
      fill: #FFD539; }
  .path-notre-actualite .actualite-date {
    display: inline-block; }
    .path-notre-actualite .actualite-date div {
      display: inline-block; }
  .path-notre-actualite .icon {
    display: inline-block;
    width: 7px;
    height: 7px;
    position: relative;
    margin-right: 7px; }
    .path-notre-actualite .icon .svg-icon {
      width: 7px;
      height: 7px;
      fill: #004D94;
      position: absolute;
      top: -1px;
      left: 0; }

/***States***/
.path-notre-actualite .views-row :hover .block-image:after, .path-notre-actualite .views-row :focus .block-image:after {
  width: 100%; }
.path-notre-actualite .views-row :hover a img, .path-notre-actualite .views-row :focus a img {
  -webkit-transform: scale(1.05);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: scale(1.05);
  /* IE 9 */
  transform: scale(1.05);
  /* Firefox 16+, IE 10+, Opera */ }

/*** Responsive ***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 991px) {
  .path-notre-actualite .chapo {
    width: 80%;
    padding: 35px 75px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .path-notre-actualite .internal {
    height: 400px; }
    .path-notre-actualite .internal .actualite-title {
      padding-top: 100px; }
  .path-notre-actualite .chapo {
    padding: 25px;
    width: 100%;
    margin: -100px 0 38px; }
  .path-notre-actualite .form-type-select {
    text-align: center; }
    .path-notre-actualite .form-type-select .control-label {
      display: block;
      margin-right: 0;
      margin-bottom: 17px; }
  .path-notre-actualite .view-content {
    margin-left: -2px;
    margin-right: -2px;
    display: block; }
    .path-notre-actualite .view-content:before, .path-notre-actualite .view-content:after {
      content: " ";
      display: table; }
    .path-notre-actualite .view-content:after {
      clear: both; }
    .path-notre-actualite .view-content:before {
      display: none; }
    .path-notre-actualite .view-content .views-row {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 17px;
      padding: 1px 3px;
      /* padding left and right: pad L and R + border , padding top+bottom: border*/ }
    .path-notre-actualite .view-content .type-date-wrapper {
      padding: 0 20px; }
    .path-notre-actualite .view-content .block-titre {
      padding: 0 20px 30px; }
    .path-notre-actualite .view-content:before {
      display: none; }
  .path-notre-actualite .bef-exposed-form .form--inline > .form-item {
    float: none; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
.page-node-type-offre-d-emploi {
  /***States ***/ }
  .page-node-type-offre-d-emploi .pull-up-emplois {
    margin-top: -195px; }
    .page-node-type-offre-d-emploi .pull-up-emplois > article {
      background: #fff; }
  .page-node-type-offre-d-emploi h2 {
    padding-left: 0;
    margin-bottom: 70px; }
    .page-node-type-offre-d-emploi h2:after {
      content: '';
      position: absolute;
      height: 3px;
      width: 75px;
      background: #06CDFC;
      left: 0;
      top: auto;
      margin-top: 0;
      bottom: 0px; }
  .page-node-type-offre-d-emploi .offre-demploi-colors-container {
    position: relative;
    height: 320px;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002057+0,004d8f+100 */
    background: #002057;
    /* Old browsers */
    background: -moz-linear-gradient(left, #002057 0%, #004d94 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #002057 0%, #004d94 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #002057 0%, #004d94 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002057', endColorstr='#004d94',GradientType=1 );
    /* IE6-9 */ }
  .page-node-type-offre-d-emploi .offre-title {
    padding-top: 120px;
    padding-bottom: 30px;
    margin: 0 190px 15px;
    border-bottom: 1px solid #06CDFC; }
  .page-node-type-offre-d-emploi .offre-details {
    padding-left: 190px;
    padding-right: 190px;
    color: #004D94;
    font-size: 16px;
    font-size: 1.3333333333rem;
    margin-bottom: 77px; }
    .page-node-type-offre-d-emploi .offre-details:before, .page-node-type-offre-d-emploi .offre-details:after {
      content: " ";
      display: table; }
    .page-node-type-offre-d-emploi .offre-details:after {
      clear: both; }
    .page-node-type-offre-d-emploi .offre-details .left {
      display: block;
      float: left;
      padding-top: 6px; }
    .page-node-type-offre-d-emploi .offre-details .right {
      display: block;
      float: right; }
    .page-node-type-offre-d-emploi .offre-details div {
      display: inline-block;
      position: relative; }
    .page-node-type-offre-d-emploi .offre-details .offre-contrat {
      font-size: 24px;
      font-size: 2rem;
      margin-bottom: 10px;
      color: #444444; }
    .page-node-type-offre-d-emploi .offre-details .offre-ville {
      margin-right: 50px;
      margin-left: 24px;
      margin-bottom: 10px; }
      .page-node-type-offre-d-emploi .offre-details .offre-ville .icon {
        position: absolute;
        top: 0px;
        left: -24px; }
    .page-node-type-offre-d-emploi .offre-details .offre-date {
      margin-right: 50px;
      margin-bottom: 10px; }
  .page-node-type-offre-d-emploi .offre-ville .svg-icon {
    fill: #06CDFC;
    width: 14px;
    height: 20px; }
  .page-node-type-offre-d-emploi .offre-body-socialshare {
    position: relative;
    /* margin:0 300px 45px 190px; */
    margin: 0 0 45px 190px; }
    .page-node-type-offre-d-emploi .offre-body-socialshare:before, .page-node-type-offre-d-emploi .offre-body-socialshare:after {
      content: " ";
      display: table; }
    .page-node-type-offre-d-emploi .offre-body-socialshare:after {
      clear: both; }
    .page-node-type-offre-d-emploi .offre-body-socialshare .offre-chapo {
      font-size: 24px;
      font-size: 2rem;
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      margin-bottom: 75px; }
    .page-node-type-offre-d-emploi .offre-body-socialshare .chapo-body-warpper {
      float: left;
      padding-right: 140px;
      width: calc(100% - 230px);
      /* overflow:hidden; */ }
    .page-node-type-offre-d-emploi .offre-body-socialshare .social_share_main {
      position: static;
      float: right;
      width: 230px; }
  .page-node-type-offre-d-emploi .desktop-hidden-s-share {
    position: relative;
    display: none;
    margin-top: 60px; }
  .page-node-type-offre-d-emploi .social-media-sharing > ul {
    width: 136px; }
  .page-node-type-offre-d-emploi .offre-social-share {
    position: relative;
    right: 0;
    top: 0;
    width: 230px;
    background: #06CDFC;
    padding: 50px 40px; }
    .page-node-type-offre-d-emploi .offre-social-share .title {
      font-size: 24px;
      font-size: 2rem;
      color: #002057;
      line-height: 30px;
      margin-bottom: 30px; }
    .page-node-type-offre-d-emploi .offre-social-share .postuler-btn {
      margin-bottom: 30px; }
      .page-node-type-offre-d-emploi .offre-social-share .postuler-btn a {
        background: #fff;
        text-decoration: none;
        color: #002057; }
    .page-node-type-offre-d-emploi .offre-social-share .twitter {
      background: #17deff;
      border: 1px solid #17deff; }
  .page-node-type-offre-d-emploi .bloc-offres {
    padding: 50px 0 0 0;
    margin: 0 95px 0 190px;
    border-top: 1px solid #D9D9D9; }
    .page-node-type-offre-d-emploi .bloc-offres:before, .page-node-type-offre-d-emploi .bloc-offres:after {
      content: " ";
      display: table; }
    .page-node-type-offre-d-emploi .bloc-offres:after {
      clear: both; }
    .page-node-type-offre-d-emploi .bloc-offres .bloc-offres-titre {
      font-size: 16px;
      font-size: 1.3333333333rem;
      color: #004D94;
      position: relative;
      line-height: 25px;
      padding-left: 54px;
      margin-bottom: 30px; }
      .page-node-type-offre-d-emploi .bloc-offres .bloc-offres-titre:after {
        content: '';
        position: absolute;
        height: 3px;
        width: 40px;
        background: #06CDFC;
        left: 0;
        margin-top: -3px;
        top: 50%; }
    .page-node-type-offre-d-emploi .bloc-offres .views-row {
      border: 1px solid #D9D9D9;
      margin-bottom: 8px;
      width: 100%;
      float: none;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      .page-node-type-offre-d-emploi .bloc-offres .views-row .title-date-wrapper {
        width: 85%;
        padding: 40px 40px 35px 40px;
        position: relative; }
        .page-node-type-offre-d-emploi .bloc-offres .views-row .title-date-wrapper:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 25%;
          background: #06CDFC;
          height: 8px;
          -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
          -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
          -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
          /* easeOutCubic */ }
      .page-node-type-offre-d-emploi .bloc-offres .views-row .offres-contrat {
        width: 15%;
        border-left: 1px solid #D9D9D9;
        text-align: center;
        padding: 10px;
        color: #004D94;
        font-size: 24px;
        font-size: 2rem; }
      .page-node-type-offre-d-emploi .bloc-offres .views-row .offres-title {
        font-size: 24px;
        font-size: 2rem;
        color: #444444;
        margin-bottom: 17px; }
        .page-node-type-offre-d-emploi .bloc-offres .views-row .offres-title a {
          color: inherit;
          text-decoration: none; }
      .page-node-type-offre-d-emploi .bloc-offres .views-row .ville-date-wrapper:before, .page-node-type-offre-d-emploi .bloc-offres .views-row .ville-date-wrapper:after {
        content: " ";
        display: table; }
      .page-node-type-offre-d-emploi .bloc-offres .views-row .ville-date-wrapper:after {
        clear: both; }
      .page-node-type-offre-d-emploi .bloc-offres .views-row .offres-ville {
        font-size: 16px;
        font-size: 1.3333333333rem;
        color: #004D94;
        margin-bottom: 10px;
        margin-left: 24px;
        float: left;
        position: relative; }
        .page-node-type-offre-d-emploi .bloc-offres .views-row .offres-ville .icon {
          position: absolute;
          top: 0px;
          left: -24px; }
      .page-node-type-offre-d-emploi .bloc-offres .views-row .offres-date {
        font-size: 15px;
        font-size: 1.25rem;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        color: #444444;
        float: right; }
      .page-node-type-offre-d-emploi .bloc-offres .views-row .svg-icon {
        fill: #06CDFC;
        width: 14px;
        height: 20px; }
  .page-node-type-offre-d-emploi .offre-social-share .email:hover .svg-icon, .page-node-type-offre-d-emploi .offre-social-share .email:focus .svg-icon {
    fill: #fff; }
  .page-node-type-offre-d-emploi .offre-social-share .facebook-share:hover .svg-icon, .page-node-type-offre-d-emploi .offre-social-share .facebook-share:focus .svg-icon {
    fill: #fff; }
  .page-node-type-offre-d-emploi .offre-social-share .twitter:hover .svg-icon, .page-node-type-offre-d-emploi .offre-social-share .twitter:focus .svg-icon {
    fill: #fff; }
  .page-node-type-offre-d-emploi .offre-social-share .linkedin:hover .svg-icon, .page-node-type-offre-d-emploi .offre-social-share .linkedin:focus .svg-icon {
    fill: #fff; }
  .page-node-type-offre-d-emploi .postuler-btn a:hover, .page-node-type-offre-d-emploi .postuler-btn a:focus {
    border: none; }
  .page-node-type-offre-d-emploi .bloc-offres .views-row:hover .title-date-wrapper:after, .page-node-type-offre-d-emploi .bloc-offres .views-row:focus .title-date-wrapper:after {
    width: 100%; }

/*** Responsive ***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 1199px) {
  .page-node-type-offre-d-emploi .offre-title {
    padding-top: 120px;
    padding-bottom: 30px;
    margin: 0 80px 15px; }
  .page-node-type-offre-d-emploi .offre-details {
    padding-left: 80px;
    padding-right: 80px; }
  .page-node-type-offre-d-emploi .offre-body-socialshare {
    margin: 0 0 45px 80px; }
    .page-node-type-offre-d-emploi .offre-body-socialshare .chapo-body-warpper {
      padding-right: 70px; }
  .page-node-type-offre-d-emploi .bloc-offres {
    padding: 50px 0 0 0;
    margin: 0 80px 0 80px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 991px) {
  .page-node-type-offre-d-emploi .offre-title {
    padding-top: 50px;
    padding-bottom: 30px;
    margin: 0 25px 15px; }
  .page-node-type-offre-d-emploi .offre-details {
    padding-left: 25px;
    padding-right: 25px; }
  .page-node-type-offre-d-emploi .offre-body-socialshare {
    margin: 0 0 45px 25px; }
    .page-node-type-offre-d-emploi .offre-body-socialshare .chapo-body-warpper {
      padding-right: 35px; }
  .page-node-type-offre-d-emploi .bloc-offres {
    padding: 50px 0 0 0;
    margin: 0 25px 0 25px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .page-node-type-offre-d-emploi .pull-up-emplois {
    margin-top: -41px; }
  .page-node-type-offre-d-emploi h2:after {
    display: block; }
  .page-node-type-offre-d-emploi .offre-demploi-colors-container {
    position: relative;
    height: 85px; }
  .page-node-type-offre-d-emploi .offre-title {
    padding-top: 50px;
    padding-bottom: 30px;
    margin: 0 0 24px; }
  .page-node-type-offre-d-emploi .offre-details {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 40px; }
    .page-node-type-offre-d-emploi .offre-details .offre-ville {
      display: block; }
    .page-node-type-offre-d-emploi .offre-details .offre-date {
      margin-left: 24px;
      display: block; }
    .page-node-type-offre-d-emploi .offre-details .offre-reference {
      margin-left: 24px;
      display: block; }
  .page-node-type-offre-d-emploi .desktop-hidden-s-share {
    display: block; }
  .page-node-type-offre-d-emploi .offre-body-socialshare {
    margin: 0 0 30px 0; }
    .page-node-type-offre-d-emploi .offre-body-socialshare .offre-social-share {
      text-align: center;
      position: relative;
      right: 0;
      top: 0;
      width: 100%;
      padding: 45px 35px;
      margin-bottom: 45px; }
      .page-node-type-offre-d-emploi .offre-body-socialshare .offre-social-share .social-media-sharing {
        display: inline-block; }
    .page-node-type-offre-d-emploi .offre-body-socialshare .chapo-body-warpper {
      float: none;
      display: block;
      padding-right: 0;
      width: 100%; }
    .page-node-type-offre-d-emploi .offre-body-socialshare .social_share_main {
      display: block;
      position: relative;
      float: none;
      width: 100%; }
  .page-node-type-offre-d-emploi .bloc-offres {
    padding: 25px 0 0 0;
    margin: 0; }
    .page-node-type-offre-d-emploi .bloc-offres .bloc-offres-titre {
      padding-left: 0;
      margin-bottom: 20px; }
      .page-node-type-offre-d-emploi .bloc-offres .bloc-offres-titre:after {
        display: none; }
    .page-node-type-offre-d-emploi .bloc-offres .views-row {
      display: block;
      margin-bottom: 12px; }
      .page-node-type-offre-d-emploi .bloc-offres .views-row .title-date-wrapper {
        width: 100%; }
        .page-node-type-offre-d-emploi .bloc-offres .views-row .title-date-wrapper:after {
          width: 50%; }
      .page-node-type-offre-d-emploi .bloc-offres .views-row .offres-date, .page-node-type-offre-d-emploi .bloc-offres .views-row .offres-ville {
        float: none;
        display: block;
        width: 100%; }
      .page-node-type-offre-d-emploi .bloc-offres .views-row .offres-contrat {
        border-left: none;
        float: none;
        border-top: 1px solid #D9D9D9;
        width: 100%; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
.path-nos-offres-d-emploi {
  /*Drop Down with SVG*/
  /*End Drop Down with SVG*/ }
  .path-nos-offres-d-emploi h1.page-header {
    display: none; }
  .path-nos-offres-d-emploi .control-label {
    color: #fff;
    font-size: 24px;
    font-size: 2rem;
    position: relative;
    margin-right: 20px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: -12px; }
  .path-nos-offres-d-emploi .banner-wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002057+0,004d8f+100 */
    background: #002057;
    /* Old browsers */
    background: -moz-linear-gradient(left, #002057 0%, #004d94 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #002057 0%, #004d94 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #002057 0%, #004d94 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002057', endColorstr='#004d94',GradientType=1 );
    /* IE6-9 */
    height: 320px;
    padding-top: 95px;
    margin-bottom: 95px; }
    .path-nos-offres-d-emploi .banner-wrapper .offres-chapo {
      display: none; }
    .path-nos-offres-d-emploi .banner-wrapper .form-item-field-type-de-contrat-target-id {
      margin-right: 60px; }
  .path-nos-offres-d-emploi .view-content {
    width: 75%;
    float: left; }
    .path-nos-offres-d-emploi .view-content .number-sort-wrapper .nombre-offres {
      float: left;
      margin-right: 30px; }
  .path-nos-offres-d-emploi .candidature-spontanee-wrapper {
    width: 25%;
    float: right;
    padding-left: 60px;
    margin-top: 76px; }
    .path-nos-offres-d-emploi .candidature-spontanee-wrapper .candidature-spontanee {
      margin-bottom: 25px; }
    .path-nos-offres-d-emploi .candidature-spontanee-wrapper ul {
      list-style-type: none; }
    .path-nos-offres-d-emploi .candidature-spontanee-wrapper .postuler-btn a {
      background: #fff;
      text-decoration: none;
      color: #002057; }
    .path-nos-offres-d-emploi .candidature-spontanee-wrapper .candidature-spontanee {
      width: 100%;
      background: #06CDFC;
      padding: 45px 35px; }
      .path-nos-offres-d-emploi .candidature-spontanee-wrapper .candidature-spontanee .title {
        font-size: 24px;
        font-size: 2rem;
        color: #002057;
        line-height: 32px;
        margin-bottom: 25px;
        padding-left: 0px;
        position: initial;
        margin-top: 0px; }
      .path-nos-offres-d-emploi .candidature-spontanee-wrapper .candidature-spontanee .chapo {
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        color: #004D94;
        margin-bottom: 33px; }
  .path-nos-offres-d-emploi .content-candidature-wrapper {
    position: relative; }
  .path-nos-offres-d-emploi [id^='edit-submit-nos-offres-d-emploi'] {
    display: none; }
  .path-nos-offres-d-emploi .nombre-offres {
    font-size: 20px;
    font-size: 1.6666666667rem;
    color: #004D94;
    padding-top: 12px; }
    .path-nos-offres-d-emploi .nombre-offres span {
      color: #444444; }
  .path-nos-offres-d-emploi .views-row {
    border: 1px solid #D9D9D9;
    margin-bottom: 8px;
    width: 100%;
    float: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .path-nos-offres-d-emploi .views-row .title-date-wrapper {
      width: 85%;
      padding: 40px 40px 35px 40px;
      position: relative; }
      .path-nos-offres-d-emploi .views-row .title-date-wrapper:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 25%;
        background: #06CDFC;
        height: 8px;
        -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        /* easeOutCubic */ }
    .path-nos-offres-d-emploi .views-row .offres-contrat {
      width: 15%;
      border-left: 1px solid #D9D9D9;
      text-align: center;
      padding: 10px;
      color: #004D94;
      font-size: 24px;
      font-size: 2rem; }
    .path-nos-offres-d-emploi .views-row .offres-title {
      font-size: 24px;
      font-size: 2rem;
      position: initial;
      padding-left: 0px;
      color: #444444;
      margin-bottom: 17px;
      line-height: 31px; }
      .path-nos-offres-d-emploi .views-row .offres-title:after {
        content: none; }
      .path-nos-offres-d-emploi .views-row .offres-title a {
        color: inherit;
        text-decoration: none; }
    .path-nos-offres-d-emploi .views-row .ville-date-wrapper:before, .path-nos-offres-d-emploi .views-row .ville-date-wrapper:after {
      content: " ";
      display: table; }
    .path-nos-offres-d-emploi .views-row .ville-date-wrapper:after {
      clear: both; }
    .path-nos-offres-d-emploi .views-row .offres-ville {
      font-size: 16px;
      font-size: 1.3333333333rem;
      color: #004D94;
      margin-bottom: 10px;
      margin-left: 24px;
      float: left;
      position: relative; }
      .path-nos-offres-d-emploi .views-row .offres-ville .icon {
        position: absolute;
        top: 0px;
        left: -24px; }
    .path-nos-offres-d-emploi .views-row .offres-date {
      font-size: 15px;
      font-size: 1.25rem;
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      color: #444444;
      float: right; }
    .path-nos-offres-d-emploi .views-row .svg-icon {
      fill: #06CDFC;
      width: 14px;
      height: 20px; }

/***States***/
.path-nos-offres-d-emploi .views-row:hover .title-date-wrapper:after, .path-nos-offres-d-emploi .views-row:focus .title-date-wrapper:after {
  width: 100%; }

/*** Responsive ***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 991px) {
  .path-nos-offres-d-emploi .banner-wrapper {
    margin-bottom: 15px;
    padding-top: 78px;
    padding-bottom: 85px;
    height: auto; }
    .path-nos-offres-d-emploi .banner-wrapper .control-label {
      display: block;
      width: 100%;
      text-align: center;
      margin: 0 0 10px; }
    .path-nos-offres-d-emploi .banner-wrapper .form-item-field-type-de-contrat-target-id {
      margin: 0 0 55px;
      display: block; }
  .path-nos-offres-d-emploi .view-content {
    width: 60%; }
    .path-nos-offres-d-emploi .view-content .number-sort-wrapper {
      margin-bottom: 50px;
      /* .sort {
          float: left;
      } */ }
      .path-nos-offres-d-emploi .view-content .number-sort-wrapper .nombre-offres {
        margin-bottom: 20px; }
  .path-nos-offres-d-emploi .candidature-spontanee-wrapper {
    width: 40%;
    margin-top: 144px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .path-nos-offres-d-emploi .banner-wrapper {
    margin-bottom: 15px;
    padding-top: 78px;
    padding-bottom: 85px;
    height: auto; }
  .path-nos-offres-d-emploi .view-content {
    width: 100%;
    float: none;
    display: block; }
    .path-nos-offres-d-emploi .view-content .number-sort-wrapper .nombre-offres {
      margin-bottom: 45px; }
  .path-nos-offres-d-emploi .candidature-spontanee-wrapper {
    width: 100%;
    float: none;
    display: block;
    margin-top: 0;
    padding: 0;
    text-align: center; }
  .path-nos-offres-d-emploi .views-row {
    display: block;
    margin-bottom: 12px; }
    .path-nos-offres-d-emploi .views-row .title-date-wrapper {
      width: 100%; }
      .path-nos-offres-d-emploi .views-row .title-date-wrapper:after {
        width: 50%; }
    .path-nos-offres-d-emploi .views-row .offres-date, .path-nos-offres-d-emploi .views-row .offres-ville {
      float: none;
      display: block;
      width: 100%; }
    .path-nos-offres-d-emploi .views-row .offres-contrat {
      border-left: none;
      float: none;
      border-top: 1px solid #D9D9D9;
      width: 100%; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
.hdsh-lightbox-base {
  background: none; }
  .hdsh-lightbox-base .banner-content-wrapper {
    padding-top: 0; }
  .hdsh-lightbox-base .region-content {
    width: 100%;
    position: relative;
    z-index: 1; }
  .hdsh-lightbox-base .btn-close-hdsh-lightbox {
    position: absolute;
    top: 30px;
    bottom: auto;
    background: none;
    border: none;
    width: 12px;
    height: 12px;
    text-indent: 0;
    right: 30px;
    cursor: pointer;
    z-index: 2; }
    .hdsh-lightbox-base .btn-close-hdsh-lightbox .svg-icon {
      padding: 0;
      box-sizing: border-box;
      width: 12px;
      height: 12px;
      fill: #004D94; }
  .hdsh-lightbox-base .btn-close-hdsh-lightbox:focus {
    position: absolute;
    top: 30px;
    bottom: auto;
    background: none;
    border: none;
    width: 12px;
    height: 12px;
    text-indent: 0;
    right: 30px;
    cursor: pointer;
    z-index: 2; }
    .hdsh-lightbox-base .btn-close-hdsh-lightbox:focus .svg-icon {
      padding: 0;
      box-sizing: border-box;
      width: 12px;
      height: 12px;
      fill: #004D94;
      float: left; }
  .hdsh-lightbox-base .close-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; }
  .hdsh-lightbox-base .internal-iframe-wrapper {
    background: #fff;
    position: relative;
    width: 750px;
    margin: 50px auto 50px;
    z-index: 3; }
  .hdsh-lightbox-base .mm-page {
    background: none; }
  .hdsh-lightbox-base .header {
    display: none; }
  .hdsh-lightbox-base .main-container {
    padding-top: 0; }
  .hdsh-lightbox-base .alert, .hdsh-lightbox-base .toolbar, .hdsh-lightbox-base .region-header, .hdsh-lightbox-base .footer, .hdsh-lightbox-base .vertical-tabs {
    display: none; }
  .hdsh-lightbox-base #cboxWrapper {
    border-radius: 0; }

/*** Responsive ***/
@media only screen and (max-width: 800px) {
  .hdsh-lightbox-base .internal-iframe-wrapper {
    width: 100%;
    margin: 0; }
  .hdsh-lightbox-base .main-container {
    padding-top: 0; } }
.path-candidature {
  /*** States **/ }
  .path-candidature .block-hdsh-candidature {
    position: relative;
    padding: 35px 60px 0; }
    .path-candidature .block-hdsh-candidature .title-desc-wrapper {
      color: #444444;
      font-family: "Roboto", sans-serif;
      margin-bottom: 35px; }
      .path-candidature .block-hdsh-candidature .title-desc-wrapper .title {
        font-size: 24px;
        font-size: 2rem;
        font-weight: 300;
        line-height: 32px;
        margin-bottom: 0px; }
      .path-candidature .block-hdsh-candidature .title-desc-wrapper .desc {
        font-size: 11px;
        font-size: 0.9166666667rem;
        font-weight: 400; }
    .path-candidature .block-hdsh-candidature .title-ref-wrapper {
      color: #004D94;
      margin-bottom: 42px; }
      .path-candidature .block-hdsh-candidature .title-ref-wrapper .title-offre {
        font-size: 24px;
        font-size: 2rem; }
      .path-candidature .block-hdsh-candidature .title-ref-wrapper .ref {
        font-size: 16px;
        font-size: 1.3333333333rem; }
  .path-candidature .node-candidature-form {
    position: relative;
    margin: 0 -10px;
    padding: 0 60px 5px; }
    .path-candidature .node-candidature-form .form-group {
      width: 50%;
      display: inline-block;
      padding: 0 10px;
      margin-bottom: 23px;
      vertical-align: top; }
    .path-candidature .node-candidature-form .form-group.field--name-field-type {
      display: none; }
    .path-candidature .node-candidature-form .error {
      position: relative;
      margin-top: 10px; }
    .path-candidature .node-candidature-form .candidature-details {
      font-size: 0; }
    .path-candidature .node-candidature-form .file-candidature-error {
      font-family: "Roboto", sans-serif;
      font-size: 11px;
      font-size: 0.9166666667rem;
      font-weight: 400;
      color: #444444;
      margin-top: 10px; }
      .path-candidature .node-candidature-form .file-candidature-error a {
        display: none; }
    .path-candidature .node-candidature-form div.uploader {
      cursor: pointer; }
      .path-candidature .node-candidature-form div.uploader span.filename {
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        font-size: 1.25rem;
        color: #444444;
        width: 195px;
        border: none;
        margin-top: 8px; }
    .path-candidature .node-candidature-form .candidature-files {
      font-size: 0; }
      .path-candidature .node-candidature-form .candidature-files > .field--type-file > .form-group {
        margin: 0;
        padding: 0; }
      .path-candidature .node-candidature-form .candidature-files > div > div > div.form-group {
        margin: 0;
        padding: 0; }
      .path-candidature .node-candidature-form .candidature-files > .field--type-string > .form-item {
        margin: 0;
        padding: 0; }
      .path-candidature .node-candidature-form .candidature-files .retirer {
        padding: 12px 15px 15px 15px;
        border: 1px solid #D9D9D9;
        box-shadow: none;
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        font-size: 1.25rem;
        height: 44px;
        width: 100%;
        position: relative; }
        .path-candidature .node-candidature-form .candidature-files .retirer .filename {
          font-family: "Roboto", sans-serif;
          font-size: 15px;
          font-size: 1.25rem;
          color: #444444; }
        .path-candidature .node-candidature-form .candidature-files .retirer .filename-remove-wrapper {
          display: inline-block;
          position: relative; }
      .path-candidature .node-candidature-form .candidature-files .remove {
        position: absolute;
        top: 2px;
        right: -16px; }
        .path-candidature .node-candidature-form .candidature-files .remove button {
          background: none;
          border: 0; }
          .path-candidature .node-candidature-form .candidature-files .remove button .svg-icon {
            border-radius: 50%;
            width: 12px;
            height: 12px;
            padding: 2px;
            fill: #fff; }
      .path-candidature .node-candidature-form .candidature-files .tick {
        position: absolute;
        top: 0;
        right: 0; }
    .path-candidature .node-candidature-form .form-group.form-item {
      margin: 0;
      padding: 0; }
    .path-candidature .node-candidature-form .control-label {
      color: #004D94;
      font-size: 16px;
      font-size: 1.3333333333rem;
      font-weight: 400;
      margin-bottom: 12px; }
    .path-candidature .node-candidature-form .form-required:after {
      display: none; }
    .path-candidature .node-candidature-form .form-type-vertical-tabs {
      display: none; }
    .path-candidature .node-candidature-form .form-control {
      padding: 15px;
      border: 1px solid #D9D9D9;
      box-shadow: none;
      font-family: "Roboto", sans-serif;
      font-size: 15px;
      font-size: 1.25rem;
      height: 44px; }
    .path-candidature .node-candidature-form .form-item {
      width: 100%; }
    .path-candidature .node-candidature-form .form-managed-file {
      width: 100%; }
    .path-candidature .node-candidature-form .field--type-file .form-group {
      width: 100%; }
    .path-candidature .node-candidature-form .btn-submit {
      text-align: center; }
      .path-candidature .node-candidature-form .btn-submit .btn-fleche {
        cursor: pointer; }
    .path-candidature .node-candidature-form .btn-success {
      display: none; }
    .path-candidature .node-candidature-form .form-submit-wrapper {
      text-align: center; }
    .path-candidature .node-candidature-form label.error, .path-candidature .node-candidature-form .description.help-block, .path-candidature .node-candidature-form p {
      font-family: "Roboto", sans-serif;
      line-height: 19px;
      font-size: 11px;
      font-size: 0.9166666667rem;
      font-weight: 400;
      color: #444444;
      z-index: -9; }
    .path-candidature .node-candidature-form .uploader {
      width: 100%;
      border: 1px solid #D9D9D9;
      height: 44px; }
      .path-candidature .node-candidature-form .uploader .form-group {
        padding: 0; }
      .path-candidature .node-candidature-form .uploader input {
        width: 100%; }
    .path-candidature .node-candidature-form .uploader.focus {
      border: 1px solid #06CDFC; }
    .path-candidature .node-candidature-form .form-managed-file .form-group {
      padding: 0;
      margin-bottom: 17px; }
    .path-candidature .node-candidature-form .form-managed-file .svg-icon {
      background: #004D94;
      padding: 14px;
      box-sizing: border-box;
      width: 44px;
      height: 44px;
      pointer-events: none;
      fill: #fff; }
    .path-candidature .node-candidature-form .form-managed-file .action .svg-icon {
      position: absolute;
      right: 0;
      top: 0;
      background: #06CDFC; }
  .path-candidature .message-confirmation {
    text-align: center; }
    .path-candidature .message-confirmation .tick {
      display: inline-block;
      padding: 18px 25px;
      background: #fff;
      font-family: "Roboto", sans-serif;
      font-size: 11px;
      font-size: 0.9166666667rem;
      color: #004D94;
      border-radius: 35px;
      text-decoration: none;
      text-transform: uppercase;
      border: 1px solid transparent;
      border: 1px solid #004D94;
      position: relative;
      padding-left: 50px; }
      .path-candidature .message-confirmation .tick .svg-icon {
        width: 16px;
        height: 12px;
        fill: #004D94;
        display: inline-block;
        position: absolute;
        top: 19px;
        left: 28px; }
  .path-candidature .node-candidature-form .form-control:focus {
    border: 1px solid #06CDFC; }

/*** Responsive ***/
@media only screen and (max-width: 800px) {
  .path-candidature {
    /* .internal-iframe-wrapper{
        width: 100%;
        margin: 0;
    }

    .main-container{
    	padding-top:0;
    } */ }
    .path-candidature .node-candidature-form .form-group {
      width: 100%;
      display: block;
      padding: 0 10px; }
    .path-candidature .block-hdsh-candidature {
      padding: 45px 68px 0 18px; }
    .path-candidature .node-candidature-form {
      padding: 0 68px 5px 18px; } }
.path-candidature.hdsh-lightbox-base .skip-link {
  display: none; }

.page-node-type-page .titre-banner {
  padding: 60px 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002057+0,004d8f+100 */
  background: #002057;
  /* Old browsers */
  background: -moz-linear-gradient(left, #002057 0%, #004d94 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #002057 0%, #004d94 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #002057 0%, #004d94 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002057', endColorstr='#004d94',GradientType=1 );
  /* IE6-9 */
  -webkit-box-shadow: 0 5px 12px -2px rgba(3, 3, 3, 0.49);
  -moz-box-shadow: 0 5px 12px -2px rgba(3, 3, 3, 0.49);
  box-shadow: 0 5px 12px -2px rgba(3, 3, 3, 0.49);
  margin-bottom: 95px;
  text-align: center; }
  .page-node-type-page .titre-banner h1 {
    color: #fff;
    margin: 0; }
.page-node-type-page .col-sm-12 > .article {
  padding: 0 190px; }
  .page-node-type-page .col-sm-12 > .article h2 {
    padding-left: 0; }
    .page-node-type-page .col-sm-12 > .article h2:after {
      display: none; }
  .page-node-type-page .col-sm-12 > .article p {
    /* @include font-size(15px); */ }
  .page-node-type-page .col-sm-12 > .article a {
    text-decoration: none;
    position: relative;
    color: #444444;
    display: inline-block;
    position: relative; }
    .page-node-type-page .col-sm-12 > .article a:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background: #06CDFC; }

/*** Hover ***/
/*** Responsive ***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 1199px) {
  .page-node-type-page .col-sm-12 > .article {
    padding: 0 25px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .page-node-type-page .titre-banner {
    margin-bottom: 15px; }
  .page-node-type-page .col-sm-12 > .article {
    padding: 0; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
.field--name-body.texte-riche blockquote, .field--type-text-long.texte-riche blockquote {
  padding-left: 93px;
  padding-right: 93px; }
.field--name-body blockquote, .field--type-text-long blockquote {
  margin: 50px 0;
  border-left: none;
  padding: 0; }
  .page-node-type-actualite .field--name-body blockquote, .page-node-type-actualite .field--type-text-long blockquote {
    padding: 0 210px;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 1199px) {
      .page-node-type-actualite .field--name-body blockquote, .page-node-type-actualite .field--type-text-long blockquote {
        padding: 0; } }
    .page-node-type-actualite .field--name-body blockquote p, .page-node-type-actualite .field--type-text-long blockquote p {
      padding: 0; }
  .field--name-body blockquote.citation-with-image:before, .field--name-body blockquote.citation-with-image:after, .field--type-text-long blockquote.citation-with-image:before, .field--type-text-long blockquote.citation-with-image:after {
    content: " ";
    display: table; }
  .field--name-body blockquote.citation-with-image:after, .field--type-text-long blockquote.citation-with-image:after {
    clear: both; }
  .field--name-body blockquote.citation-with-image .desc, .field--type-text-long blockquote.citation-with-image .desc {
    vertical-align: top;
    width: 73%;
    margin: 0 0 15px 70px;
    display: inline-block;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 767px) {
      .field--name-body blockquote.citation-with-image .desc, .field--type-text-long blockquote.citation-with-image .desc {
        width: 70%;
        margin: 0 0 15px 20px; } }
    @media only screen and (max-width: 479px) {
      .field--name-body blockquote.citation-with-image .desc, .field--type-text-long blockquote.citation-with-image .desc {
        width: 50%; } }
  .field--name-body blockquote.citation-with-image .auteur, .field--type-text-long blockquote.citation-with-image .auteur {
    display: block;
    width: 73%;
    margin: 0 0 0 170px;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 767px) {
      .field--name-body blockquote.citation-with-image .auteur, .field--type-text-long blockquote.citation-with-image .auteur {
        width: 50%;
        margin: 0 0 0 130px; } }
  .field--name-body blockquote.citation-with-image p:first-child, .field--type-text-long blockquote.citation-with-image p:first-child {
    position: relative;
    transform: rotate(-45deg) translateY(10px);
    width: 100px;
    height: 100px;
    margin: 0;
    overflow: hidden;
    box-shadow: -5px -5px 0px #06CCFB;
    border-radius: 5px;
    display: block;
    float: left;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 767px) {
      .field--name-body blockquote.citation-with-image p:first-child, .field--type-text-long blockquote.citation-with-image p:first-child {
        width: 80px;
        height: 80px;
        margin: 0 15px; } }
    .field--name-body blockquote.citation-with-image p:first-child img, .field--type-text-long blockquote.citation-with-image p:first-child img {
      transform: rotate(45deg) translate(-45px, 15px);
      width: 190px;
      height: auto;
      /*    @else if $media == large {
          @media only screen and (min-width: $large + 1) {
              @content;
          }
      } */ }
      @media only screen and (max-width: 767px) {
        .field--name-body blockquote.citation-with-image p:first-child img, .field--type-text-long blockquote.citation-with-image p:first-child img {
          transform: rotate(45deg) translate(-70px, 15px); } }
  .field--name-body blockquote .cit-visuel, .field--type-text-long blockquote .cit-visuel {
    position: relative;
    transform: rotate(-45deg) translateY(10px);
    width: 100px;
    height: 100px;
    margin: 0;
    overflow: hidden;
    box-shadow: -5px -5px 0px #06CCFB;
    border-radius: 5px;
    display: block;
    float: left;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 767px) {
      .field--name-body blockquote .cit-visuel, .field--type-text-long blockquote .cit-visuel {
        width: 80px;
        height: 80px;
        margin: 0 15px; } }
    .field--name-body blockquote .cit-visuel img, .field--type-text-long blockquote .cit-visuel img {
      transform: rotate(45deg) translate(-45px, 15px);
      width: 190px;
      height: auto;
      /*    @else if $media == large {
          @media only screen and (min-width: $large + 1) {
              @content;
          }
      } */ }
      @media only screen and (max-width: 767px) {
        .field--name-body blockquote .cit-visuel img, .field--type-text-long blockquote .cit-visuel img {
          transform: rotate(45deg) translate(-70px, 15px); } }
  .field--name-body blockquote .desc, .field--type-text-long blockquote .desc {
    color: #424242;
    font-weight: 400;
    font-family: "Fjalla One", sans-serif;
    font-size: 24px;
    font-size: 2rem;
    line-height: 30px;
    margin: 0 0 20px;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 767px) {
      .field--name-body blockquote .desc, .field--type-text-long blockquote .desc {
        font-size: 16px;
        font-size: 1.3333333333rem;
        line-height: 22px; } }
  .field--name-body blockquote .auteur, .field--type-text-long blockquote .auteur {
    color: #001A58;
    font-weight: 400;
    font-family: "Fjalla One", sans-serif;
    font-size: 16px;
    font-size: 1.3333333333rem;
    line-height: 18px;
    margin: 0;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 767px) {
      .field--name-body blockquote .auteur, .field--type-text-long blockquote .auteur {
        font-size: 14px;
        font-size: 1.1666666667rem;
        line-height: 16px; } }

.chiffres-cles-wrapper .chiffres-cles-bloc {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  text-align: center;
  padding: 55px 0 0;
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 767px) {
    .chiffres-cles-wrapper .chiffres-cles-bloc {
      flex-direction: column;
      -webkit-flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  .chiffres-cles-wrapper .chiffres-cles-bloc:nth-child(3) .chiffres-cles {
    width: 50%; }
  .chiffres-cles-wrapper .chiffres-cles-bloc h2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
    font-family: "Fjalla One", sans-serif;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    padding: 0;
    margin-bottom: 66px;
    width: 100%; }
    .chiffres-cles-wrapper .chiffres-cles-bloc h2:before, .chiffres-cles-wrapper .chiffres-cles-bloc h2:after {
      content: '';
      border-top: 1px solid #d8d8d8;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-flex: 1 0 20px;
      -moz-box-flex: 1 0 20px;
      -webkit-flex: 1 0 20px;
      -ms-flex: 1 0 20px;
      flex: 1 0 20px; }
    .chiffres-cles-wrapper .chiffres-cles-bloc h2:before {
      margin: 0 20px 0 0; }
    .chiffres-cles-wrapper .chiffres-cles-bloc h2:after {
      background: none;
      margin: 0 0 0 20px;
      position: static; }
  .chiffres-cles-wrapper .chiffres-cles-bloc .chiffres-cles {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-content: flex-start;
    -moz-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-content: flex-start;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-bottom: 55px;
    width: 33.333%; }
    .chiffres-cles-wrapper .chiffres-cles-bloc .chiffres-cles .chiffres-cles-picto {
      margin-right: 5px;
      width: 74px; }
      .chiffres-cles-wrapper .chiffres-cles-bloc .chiffres-cles .chiffres-cles-picto div.cell {
        width: 74px;
        height: 74px; }
        .chiffres-cles-wrapper .chiffres-cles-bloc .chiffres-cles .chiffres-cles-picto div.cell:hover {
          background: #004c97; }
          .chiffres-cles-wrapper .chiffres-cles-bloc .chiffres-cles .chiffres-cles-picto div.cell:hover .svg-icon {
            fill: #FFFFFF;
            stroke: #FFFFFF; }
            .chiffres-cles-wrapper .chiffres-cles-bloc .chiffres-cles .chiffres-cles-picto div.cell:hover .svg-icon path {
              fill: #FFFFFF;
              stroke: #FFFFFF; }
      .chiffres-cles-wrapper .chiffres-cles-bloc .chiffres-cles .chiffres-cles-picto .svg-icon {
        fill: #004c97;
        height: 50px;
        width: 74px;
        stroke-width: 1;
        stroke: #004c97; }
        .chiffres-cles-wrapper .chiffres-cles-bloc .chiffres-cles .chiffres-cles-picto .svg-icon path {
          fill: #004c97; }
    .chiffres-cles-wrapper .chiffres-cles-bloc .chiffres-cles .chiffre {
      color: #00cdfd;
      font-family: "Fjalla One", sans-serif;
      font-size: 40px;
      font-weight: 400;
      line-height: 1;
      height: 64px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: flex-end;
      -webkit-align-items: flex-end;
      -moz-box-align: flex-end;
      -ms-flex-align: flex-end;
      align-items: flex-end; }
    .chiffres-cles-wrapper .chiffres-cles-bloc .chiffres-cles.no-picto .chiffre {
      font-size: 60px;
      line-height: 74px;
      height: 74px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: flex-end;
      -webkit-align-items: flex-end;
      -moz-box-align: flex-end;
      -ms-flex-align: flex-end;
      align-items: flex-end; }
      .chiffres-cles-wrapper .chiffres-cles-bloc .chiffres-cles.no-picto .chiffre .chiffres-suffixe {
        font-size: 40px;
        line-height: 60px; }
    .chiffres-cles-wrapper .chiffres-cles-bloc .chiffres-cles .chiffres-cles-contenu {
      color: #444444;
      font-family: "Roboto", sans-serif;
      font-size: 18px;
      font-weight: 400;
      flex-basis: 100%;
      -webkit-flex-basis: 100%; }
      .chiffres-cles-wrapper .chiffres-cles-bloc .chiffres-cles .chiffres-cles-contenu span {
        max-width: 205px;
        display: inline-block; }

.page-node-type-cle h1 span,
.page-node-type-gouvernance h1 span {
  display: inline-block;
  position: relative; }
  .page-node-type-cle h1 span:after,
  .page-node-type-gouvernance h1 span:after {
    content: '';
    position: absolute;
    bottom: -10px;
    height: 7px;
    width: 100%;
    background: #06CDFC;
    left: 0; }
.page-node-type-cle .title-image-wrapper,
.page-node-type-gouvernance .title-image-wrapper {
  position: relative;
  text-align: center;
  color: #FFFFFF; }
  .page-node-type-cle .title-image-wrapper img,
  .page-node-type-gouvernance .title-image-wrapper img {
    width: 100%; }
.page-node-type-cle .image-banner,
.page-node-type-gouvernance .image-banner {
  position: relative; }
  .page-node-type-cle .image-banner:after,
  .page-node-type-gouvernance .image-banner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35); }
.page-node-type-cle .btm-wrap,
.page-node-type-gouvernance .btm-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }
.page-node-type-cle .field--name-field-chapo,
.page-node-type-gouvernance .field--name-field-chapo {
  position: relative;
  padding: 50px 95px;
  color: #FFFFFF;
  font-size: 20px;
  font-size: 1.6666666667rem;
  line-height: 34px;
  background: #002057;
  margin: 0 188px;
  font-weight: normal;
  font-family: "Fjalla One", sans-serif; }

/***States***/
.page-node-type-cle .apl-box:hover .title:after,
.page-node-type-cle .apl-box:focus .title:after {
  width: 100%;
  opacity: 1; }

/*** Responsive ***/
@media only screen and (max-width: 1199px) {
  .page-node-type-cle .field--name-field-chapo,
  .page-node-type-gouvernance .field--name-field-chapo {
    margin: 0 94px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 991px) {
  .page-node-type-cle .field--name-field-chapo,
  .page-node-type-gouvernance .field--name-field-chapo {
    margin: 0; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .page-node-type-cle .title-image-wrapper .image-banner,
  .page-node-type-gouvernance .title-image-wrapper .image-banner {
    height: 605px;
    overflow: hidden; }
  .page-node-type-cle .title-image-wrapper img,
  .page-node-type-gouvernance .title-image-wrapper img {
    position: absolute;
    width: 1400px;
    height: 605px;
    top: 50%;
    left: 50%;
    margin-left: -700px;
    margin-top: -302px;
    max-width: 1400px; }
  .page-node-type-cle .field--name-field-chapo,
  .page-node-type-gouvernance .field--name-field-chapo {
    padding: 50px 15px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
/****** Type gouvernance ******/
.page-node-type-gouvernance.user-logged-in.sticky-header-center .nav-gouvernance {
  top: 160px;
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 767px) {
    .page-node-type-gouvernance.user-logged-in.sticky-header-center .nav-gouvernance {
      top: 129px; } }
.page-node-type-gouvernance.sticky-header-center .nav-gouvernance {
  position: fixed;
  top: 83px;
  width: 100%;
  z-index: 9; }
.page-node-type-gouvernance .presentation-gouvernance {
  padding: 65px 0 68px; }
  .page-node-type-gouvernance .presentation-gouvernance .field--name-field-description {
    font-size: 18px;
    font-size: 1.5rem;
    margin: 0 188px;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    line-height: 28px;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 1024px) {
      .page-node-type-gouvernance .presentation-gouvernance .field--name-field-description {
        margin: 0 93px; } }
    @media only screen and (max-width: 991px) {
      .page-node-type-gouvernance .presentation-gouvernance .field--name-field-description {
        margin: 0; } }
.page-node-type-gouvernance .nav-gouvernance ul {
  padding: 0; }
  .page-node-type-gouvernance .nav-gouvernance ul:before, .page-node-type-gouvernance .nav-gouvernance ul:after {
    content: " ";
    display: table; }
  .page-node-type-gouvernance .nav-gouvernance ul:after {
    clear: both; }
  .page-node-type-gouvernance .nav-gouvernance ul li {
    float: left;
    list-style: none;
    width: 50%;
    text-align: center; }
    .page-node-type-gouvernance .nav-gouvernance ul li:first-child {
      position: relative; }
      .page-node-type-gouvernance .nav-gouvernance ul li:first-child:before {
        content: "";
        width: 1px;
        height: 40px;
        display: block;
        position: absolute;
        right: 0;
        top: 20px;
        background: #FFFFFF; }
    .page-node-type-gouvernance .nav-gouvernance ul li a {
      font-size: 16px;
      font-size: 1.3333333333rem;
      display: block;
      background: #002057;
      color: #FFFFFF;
      font-family: "Fjalla One", sans-serif;
      text-transform: uppercase;
      line-height: 20px;
      padding: 30px 0;
      text-decoration: none; }
      .page-node-type-gouvernance .nav-gouvernance ul li a.active-nav {
        background: #06CDFC; }
.page-node-type-gouvernance .gouvernance-content {
  margin: 60px 0 0; }
  .page-node-type-gouvernance .gouvernance-content .comite-wrapper {
    max-width: 930px;
    width: 100%;
    margin: 0 auto 40px; }
  .page-node-type-gouvernance .gouvernance-content .photo-comite img {
    width: 100%; }
  .page-node-type-gouvernance .gouvernance-content .intro-comite {
    margin: 35px 0 65px; }
  .page-node-type-gouvernance .gouvernance-content .college-wrapper {
    margin: 0 auto;
    max-width: 585px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 991px) {
      .page-node-type-gouvernance .gouvernance-content .college-wrapper {
        display: block; } }
  .page-node-type-gouvernance .gouvernance-content .titre-college {
    font-size: 24px;
    font-size: 2rem;
    margin: 0 0 40px;
    color: #004D94;
    line-height: 34px;
    font-family: "Fjalla One", sans-serif;
    position: relative;
    flex-basis: 100%;
    -webkit-flex-basis: 100%; }
    .page-node-type-gouvernance .gouvernance-content .titre-college::after {
      content: '';
      position: absolute;
      bottom: -10px;
      height: 3px;
      width: 75px;
      background: #06CDFC;
      left: 0; }
  .page-node-type-gouvernance .gouvernance-content .member-wrapper {
    max-width: 265px;
    margin-bottom: 40px;
    width: 100%; }
  .page-node-type-gouvernance .gouvernance-content .photo-membre {
    margin: 0 0 25px; }
    .page-node-type-gouvernance .gouvernance-content .photo-membre img {
      width: 100%; }
  .page-node-type-gouvernance .gouvernance-content .nom-membre {
    font-size: 16px;
    font-size: 1.3333333333rem;
    color: #004D94;
    line-height: 32px;
    font-family: "Fjalla One", sans-serif; }
  .page-node-type-gouvernance .gouvernance-content .role-membre {
    font-size: 15px;
    font-size: 1.25rem;
    color: #444444;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    line-height: 25px; }
.page-node-type-gouvernance .titre-comite {
  font-size: 40px;
  font-size: 3.3333333333rem;
  margin: 0 93px 45px;
  color: #002057;
  font-family: "Fjalla One", sans-serif;
  line-height: 50px; }

.page-node-type-services .block-avis-service {
  padding-left: 28%; }
  @media only screen and (max-width: 768px) {
    .page-node-type-services .block-avis-service {
      padding-left: 0px; } }
  @media only screen and (max-width: 600px) {
    .page-node-type-services .block-avis-service {
      padding-left: 0px;
      text-align: center; }
      .page-node-type-services .block-avis-service label[for="edit-opinion-answer-1"] {
        margin-top: 31px; } }
  .page-node-type-services .block-avis-service legend, .page-node-type-services .block-avis-service label[for="edit-dites-nous-en-plus"], .page-node-type-services .block-avis-service textarea {
    font-size: 18px;
    font-weight: 300;
    color: #444444;
    line-height: 2.22;
    font-family: "Roboto", sans-serif; }
  @media only screen and (max-width: 600px) {
    .page-node-type-services .block-avis-service legend span {
      display: block;
      padding-left: 3.5em;
      padding-right: 3.5em;
      line-height: 29px; } }
  .page-node-type-services .block-avis-service .avis_service .internal h1 {
    display: none; }
  .page-node-type-services .block-avis-service .avis_service .col-sm-12 {
    padding: 0; }
  .page-node-type-services .block-avis-service .avis_service div.radio {
    width: auto; }
  .page-node-type-services .block-avis-service .avis_service .radios--wrapper, .page-node-type-services .block-avis-service .avis_service .radios--wrapper legend, .page-node-type-services .block-avis-service .avis_service .radios--wrapper .fieldset-wrapper, .page-node-type-services .block-avis-service .avis_service .fieldset-wrapper div {
    display: contents; }
  @media only screen and (max-width: 600px) {
    .page-node-type-services .block-avis-service .avis_service #edit-actions-submit {
      margin-left: 0px !important;
      text-align: center; } }
  .page-node-type-services .block-avis-service .avis_service .radios--wrapper label, .page-node-type-services .block-avis-service .avis_service #edit-actions-submit {
    border-radius: 26px;
    background-color: #004d92;
    padding: 17px 26px;
    color: white;
    font-size: 11px;
    text-transform: uppercase;
    margin-left: 27px; }
  .page-node-type-services .block-avis-service .avis_service #edit-actions-submit {
    margin-left: 31.8em;
    margin-top: 4px; }
  .page-node-type-services .block-avis-service .avis_service .radios--wrapper .active-checked-avis {
    border-radius: 21.5px;
    border: solid 1px #004d92;
    background-color: #ffffff;
    color: #004d92; }
  .page-node-type-services .block-avis-service .avis_service .radios--wrapper label[for="edit-opinion-answer-1"] {
    margin-left: 56px; }
    @media only screen and (max-width: 600px) {
      .page-node-type-services .block-avis-service .avis_service .radios--wrapper label[for="edit-opinion-answer-1"] {
        margin-left: 0px; } }
  .page-node-type-services .block-avis-service .avis_service label[for="edit-dites-nous-en-plus"] {
    margin-right: 3.2em;
    margin-left: 8.1em; }
  .page-node-type-services .block-avis-service .title-avis-service {
    font-size: 24px;
    line-height: 1.25;
    padding-bottom: 15px;
    padding-top: 1.3em; }
    @media only screen and (max-width: 600px) {
      .page-node-type-services .block-avis-service .title-avis-service {
        padding-top: 45px; } }
  .page-node-type-services .block-avis-service .reponse-avis-service {
    display: none;
    font-size: 18px;
    font-weight: 300;
    line-height: 2.22;
    font-family: "Roboto", sans-serif;
    padding-bottom: 22px;
    padding-top: 6px; }
  .page-node-type-services .block-avis-service .form-type-textarea {
    display: flex;
    margin-top: 21px; }
    @media only screen and (max-width: 600px) {
      .page-node-type-services .block-avis-service .form-type-textarea {
        display: block; }
        .page-node-type-services .block-avis-service .form-type-textarea label[for="edit-dites-nous-en-plus"] {
          margin-right: 0px;
          margin-left: 0px; } }
    .page-node-type-services .block-avis-service .form-type-textarea .form-textarea-wrapper {
      max-width: 381px; }
.page-node-type-services.user-logged-in .telecommande nav.stick {
  top: 180px; }
.page-node-type-services .pull-up-service {
  margin-top: -265px; }
  .page-node-type-services .pull-up-service > article.services {
    background: #FFFFFF; }
.page-node-type-services .content {
  background: #FFFFFF;
  padding: 80px 0; }
.page-node-type-services .services-head-colors-container {
  position: relative;
  height: 320px;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002057+0,004d8f+100 */
  background: #002057;
  /* Old browsers */
  background: -moz-linear-gradient(left, #002057 0%, #004d94 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #002057 0%, #004d94 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #002057 0%, #004d94 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002057', endColorstr='#004d94',GradientType=1 );
  /* IE6-9 */ }
.page-node-type-services .title-icon-wrapper {
  position: relative;
  table-layout: fixed;
  margin-bottom: 50px; }
  .page-node-type-services .title-icon-wrapper .servies-icon {
    width: 28%;
    padding-right: 55px;
    text-align: right; }
    .page-node-type-services .title-icon-wrapper .servies-icon .circle {
      width: 86px;
      height: 86px;
      display: inline-block;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border: 2px solid #004D94;
      text-align: center; }
      .page-node-type-services .title-icon-wrapper .servies-icon .circle .tbl {
        table-layout: fixed; }
    .page-node-type-services .title-icon-wrapper .servies-icon .svg-icon {
      width: 44px;
      height: 41px;
      display: inline-block; }
  .page-node-type-services .title-icon-wrapper .title-wrapper {
    width: 72%;
    padding-right: 95px; }
    .page-node-type-services .title-icon-wrapper .title-wrapper .menu-parent {
      color: #004D94;
      font-size: 16px;
      font-size: 1.3333333333rem; }
    .page-node-type-services .title-icon-wrapper .title-wrapper .title {
      color: #444444;
      margin: 0;
      font-size: 60px;
      font-size: 5rem; }
  .page-node-type-services .title-icon-wrapper .title {
    padding: 0;
    margin: 0; }
    .page-node-type-services .title-icon-wrapper .title span {
      color: #444444; }
.page-node-type-services .services-chapo {
  padding-left: 28%;
  padding-right: 95px;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-size: 2rem;
  font-weight: 300;
  line-height: 33px;
  margin-bottom: 70px; }
.page-node-type-services .menu-services {
  position: relative;
  padding: 45px 55px;
  background: #002057; }
  .page-node-type-services .menu-services ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .page-node-type-services .menu-services ul li {
      display: inline-block;
      padding: 12px 20px 12px 20px; }
    .page-node-type-services .menu-services ul a {
      display: inline-block;
      font-size: 16px;
      font-size: 1.3333333333rem;
      position: relative;
      text-decoration: none;
      color: #06CDFC; }
  .page-node-type-services .menu-services a:after {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 0;
    height: 3px;
    background: #A6C356;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */ }
.page-node-type-services .telecommande {
  position: relative; }
  .page-node-type-services .telecommande:before, .page-node-type-services .telecommande:after {
    content: " ";
    display: table; }
  .page-node-type-services .telecommande:after {
    clear: both; }
.page-node-type-services .telecommande-mob {
  display: none; }
  .page-node-type-services .telecommande-mob .accordeon {
    position: relative;
    padding: 25px 22px 25px 15px;
    background: #06CDFC;
    margin-bottom: 53px;
    z-index: 45; }
    .page-node-type-services .telecommande-mob .accordeon .accordion-title {
      font-size: 16px;
      font-size: 1.3333333333rem;
      /* margin-bottom:8px; */ }
    .page-node-type-services .telecommande-mob .accordeon:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background: #06CDFC;
      top: 0;
      left: -15px;
      z-index: -1;
      box-sizing: content-box;
      padding-right: 15px;
      padding-left: 15px; }
  .page-node-type-services .telecommande-mob .control-accordion {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 32px;
    right: 0; }
    .page-node-type-services .telecommande-mob .control-accordion .controls_wrapper {
      position: relative; }
    .page-node-type-services .telecommande-mob .control-accordion .svg-icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 18px;
      height: 18px;
      fill: #bleu-fonce;
      opacity: 1;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
    .page-node-type-services .telecommande-mob .control-accordion .svg-icon:nth-child(2) {
      position: absolute;
      top: 8px;
      left: 0;
      width: 18px;
      height: 1px;
      opacity: 0;
      visibility: hidden; }
  .page-node-type-services .telecommande-mob .accordion-details-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  .page-node-type-services .telecommande-mob ul li {
    margin-bottom: 8px; }
  .page-node-type-services .telecommande-mob ul li:last-child {
    margin-bottom: 0; }
.page-node-type-services .accordion-title {
  font-size: 16px;
  font-size: 1.3333333333rem; }
  .page-node-type-services .accordion-title span {
    color: #004D94; }
  .page-node-type-services .accordion-title a {
    color: #444444;
    display: inline-block;
    margin-bottom: 0;
    padding-left: 5px;
    text-decoration: none; }
.page-node-type-services .accordion-details-wrapper {
  -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  /* easeOutCubic */
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin-bottom: 25px; }
  .page-node-type-services .accordion-details-wrapper li a {
    width: 100%;
    display: block;
    color: #004D94;
    font-size: 13px;
    font-size: 1.0833333333rem;
    text-decoration: none; }
.page-node-type-services .accordion-details-wrapper:last-child {
  margin-bottom: 0; }
  .page-node-type-services .accordion-details-wrapper:last-child .accordion-title a {
    margin-bottom: 0; }
.page-node-type-services .left-sidebar {
  float: left;
  width: 28%;
  padding-right: 55px;
  position: static; }
  .page-node-type-services .left-sidebar .telecom-wrapper {
    padding: 30px;
    border-top: 10px solid #06CDFC;
    border-bottom: 10px solid #06CDFC;
    max-width: 210px !important; }
    .page-node-type-services .left-sidebar .telecom-wrapper.stick {
      position: fixed;
      top: 84px;
      margin-top: 12px; }
    .page-node-type-services .left-sidebar .telecom-wrapper.fixed {
      position: absolute;
      bottom: 40px;
      left: 0; }
  .page-node-type-services .left-sidebar .nav-sous-titre {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    display: none;
    margin-left: -22px; }
.page-node-type-services .telecom-wrapper a {
  display: block;
  text-decoration: none; }
.page-node-type-services .telecom-wrapper ol > li {
  color: #004D94;
  font-size: 16px;
  font-size: 1.3333333333rem;
  margin-bottom: 25px; }
.page-node-type-services .telecom-wrapper .ol-a {
  color: #444444;
  margin-bottom: 25px; }
.page-node-type-services .telecom-wrapper .nav-sous-titre li {
  margin-bottom: 6px;
  padding-left: 8px;
  -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  /* easeOutCubic */ }
.page-node-type-services .telecom-wrapper ol {
  margin-bottom: 0; }
  .page-node-type-services .telecom-wrapper ol > li:last-child {
    margin-bottom: 0; }
    .page-node-type-services .telecom-wrapper ol > li:last-child a {
      margin-bottom: 0; }
.page-node-type-services .nav-sous-titre li {
  position: relative; }
  .page-node-type-services .nav-sous-titre li a {
    color: #004D94;
    font-size: 13px;
    font-size: 1.0833333333rem; }
  .page-node-type-services .nav-sous-titre li:after {
    position: absolute;
    content: '';
    width: 15px;
    height: 1px;
    top: 9px;
    left: -17px;
    background: #06CDFC;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */
    visibility: hidden;
    opacity: 0; }
  .page-node-type-services .nav-sous-titre li:last-child {
    margin-bottom: 0; }
.page-node-type-services .right-content {
  float: right;
  width: 72%; }
  .page-node-type-services .right-content .int_r_cnt {
    position: relative;
    margin-right: 95px; }
.page-node-type-services .title {
  color: #444444;
  font-size: 40px;
  font-size: 3.3333333333rem;
  margin: 0;
  padding: 0;
  /* margin-bottom:40px; */ }
  .page-node-type-services .title:after {
    display: none; }
  .page-node-type-services .title span {
    color: #004D94; }
.page-node-type-services .sous-titre {
  position: relative;
  font-size: 24px;
  font-size: 2rem;
  color: #004D94;
  padding-bottom: 20px;
  margin: 0 0 45px; }
  .page-node-type-services .sous-titre:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 75px;
    height: 3px;
    background: #06CDFC; }
.page-node-type-services .paragraphe {
  padding-bottom: 40px; }
.page-node-type-services .aller-plus-loin-services {
  margin-top: 46px;
  padding-left: 28%; }
  .page-node-type-services .aller-plus-loin-services .title {
    font-size: 40px;
    font-size: 3.3333333333rem;
    color: #444444;
    margin-bottom: 22px; }
  .page-node-type-services .aller-plus-loin-services .aller-plus-loin {
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1.3333333333rem; }

/***States***/
.page-node-type-services .menu-services li.active a {
  color: #FFFFFF; }
  .page-node-type-services .menu-services li.active a:after {
    width: 100%; }
.page-node-type-services .menu-services li a:hover, .page-node-type-services .menu-services li a:focus {
  color: #FFFFFF; }
  .page-node-type-services .menu-services li a:hover:after, .page-node-type-services .menu-services li a:focus:after {
    width: 100%; }
.page-node-type-services .telecom-wrapper ol {
  margin-bottom: 0; }
  .page-node-type-services .telecom-wrapper ol > li.nav-active:last-child {
    margin-bottom: 25; }
    .page-node-type-services .telecom-wrapper ol > li.nav-active:last-child > a {
      margin-bottom: 25px; }
.page-node-type-services .telecom-wrapper .nav-sous-titre > li.nav-active {
  margin-left: 22px; }
  .page-node-type-services .telecom-wrapper .nav-sous-titre > li.nav-active:after {
    opacity: 1;
    visibility: visible; }
.page-node-type-services .accordeon.open {
  /* .accordion-title{
    a{
      margin-bottom:12px;
    }
  } */ }
  .page-node-type-services .accordeon.open .control-accordion .svg-icon {
    opacity: 0;
    visibility: hidden; }
  .page-node-type-services .accordeon.open .control-accordion .svg-icon:nth-child(2) {
    opacity: 1;
    visibility: visible; }
  .page-node-type-services .accordeon.open .accordion-details-wrapper {
    visibility: visible;
    opacity: 1;
    height: 100%; }
.page-node-type-services .accordion-details-wrapper.active {
  visibility: visible;
  opacity: 1;
  height: 100%; }
.page-node-type-services .accordeon-close .active .collapse {
  display: block; }
  .page-node-type-services .accordeon-close .active .collapse li {
    display: none; }
  .page-node-type-services .accordeon-close .active .collapse li.active {
    display: block; }
.page-node-type-services .accordeon-close .accordion-details-wrapper {
  margin-bottom: 0; }
.page-node-type-services .telecommande-mob .accordeon.sticky {
  position: fixed;
  left: 0;
  top: 90px;
  width: 100%;
  padding-left: 30px;
  padding-right: 37px; }
  .page-node-type-services .telecommande-mob .accordeon.sticky .control-accordion {
    right: 15px; }
.page-node-type-services .telecommande-mob .accordion-title.actives {
  margin-bottom: 8px; }

/***Responsive***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 991px) {
  .page-node-type-services .title-icon-wrapper .servies-icon {
    width: 35%; }
  .page-node-type-services .title-icon-wrapper .title-wrapper {
    width: 65%; }
  .page-node-type-services .services-chapo {
    padding-left: 35%; }
  .page-node-type-services .left-sidebar {
    width: 35%; }
  .page-node-type-services .right-content {
    width: 65%; }
  .page-node-type-services .aller-plus-loin-services {
    padding-left: 35%; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .page-node-type-services .pull-up-service {
    margin-top: 0; }
  .page-node-type-services .content {
    padding: 45px 0; }
  .page-node-type-services .menu-services, .page-node-type-services .services-head-colors-container {
    display: none; }
  .page-node-type-services .telecommande {
    display: none; }
  .page-node-type-services .telecommande-mob {
    display: block; }
  .page-node-type-services .title-icon-wrapper .servies-icon {
    width: 20%;
    padding-right: 0;
    text-align: right;
    padding-left: 15px; }
    .page-node-type-services .title-icon-wrapper .servies-icon .circle {
      width: 50px;
      height: 50px;
      display: inline-block;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border: 2px solid #004D94;
      text-align: center; }
      .page-node-type-services .title-icon-wrapper .servies-icon .circle .tbl {
        table-layout: fixed; }
    .page-node-type-services .title-icon-wrapper .servies-icon .svg-icon {
      width: 25px;
      height: 24px;
      display: inline-block; }
  .page-node-type-services .title-icon-wrapper .title-wrapper {
    width: 80%;
    padding-right: 0;
    padding-left: 18px; }
    .page-node-type-services .title-icon-wrapper .title-wrapper .title {
      font-size: 40px;
      font-size: 3.3333333333rem; }
  .page-node-type-services .services-chapo {
    padding-left: 0;
    padding-right: 0; }
  .page-node-type-services .left-sidebar {
    width: 35%;
    display: none; }
  .page-node-type-services .right-content {
    width: 100%;
    padding: 0; }
    .page-node-type-services .right-content .int_r_cnt {
      margin-right: 0; }
  .page-node-type-services .aller-plus-loin-services {
    padding-left: 0; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
.page-node-type-page-riche {
  /* .video-embed-field-responsive-video + p {
      padding-left: 0;
      padding-right: 0;
  } */ }
  .page-node-type-page-riche h1 span {
    display: inline-block;
    position: relative; }
    .page-node-type-page-riche h1 span:after {
      content: '';
      position: absolute;
      bottom: -10px;
      height: 7px;
      width: 100%;
      background: #06CDFC;
      left: 0; }
  .page-node-type-page-riche .texte-riche > h2 {
    padding-left: 93px;
    padding-right: 93px; }
    .page-node-type-page-riche .texte-riche > h2:after {
      display: none; }
  .page-node-type-page-riche .texte-riche > h3 {
    margin-left: 93px;
    margin-right: 93px; }
  .page-node-type-page-riche .texte-riche > p, .page-node-type-page-riche .texte-riche > ul, .page-node-type-page-riche .texte-riche > ol {
    padding-left: 93px;
    padding-right: 93px; }
  .page-node-type-page-riche .title-image-wrapper {
    position: relative;
    text-align: center;
    color: #FFFFFF; }
    .page-node-type-page-riche .title-image-wrapper img {
      width: 100%; }
  .page-node-type-page-riche .image-banner {
    position: relative; }
    .page-node-type-page-riche .image-banner:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.35); }
  .page-node-type-page-riche .btm-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
  .page-node-type-page-riche .chapo {
    position: relative;
    padding: 50px 95px;
    color: #FFFFFF;
    font-size: 20px;
    font-size: 1.6666666667rem;
    line-height: 34px;
    background: #002057;
    margin: 0 188px;
    font-weight: normal;
    font-family: "Fjalla One", sans-serif; }
  .page-node-type-page-riche .content {
    padding: 84px 95px 0; }
  .page-node-type-page-riche .timelines_wrapper {
    margin-top: 70px;
    margin-bottom: 40px; }
    .page-node-type-page-riche .timelines_wrapper.desktop {
      display: block; }
    .page-node-type-page-riche .timelines_wrapper.mobile {
      margin-top: 50px;
      display: none; }
      .page-node-type-page-riche .timelines_wrapper.mobile .timeline {
        margin-bottom: 50px; }
      .page-node-type-page-riche .timelines_wrapper.mobile .timeline-image {
        margin-bottom: 40px; }
  .page-node-type-page-riche .timeline {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .page-node-type-page-riche .timeline .timeline-chiffre {
      width: 30%;
      margin-right: 17px;
      position: relative;
      z-index: 1; }
      .page-node-type-page-riche .timeline .timeline-chiffre:after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 100%;
        background: #444444;
        z-index: -1; }
      .page-node-type-page-riche .timeline .timeline-chiffre .tchiffre_wrapper {
        font-size: 90px;
        font-size: 7.5rem;
        background: #FFFFFF;
        color: #444444;
        border-top: 9px solid #06CDFC;
        border-bottom: 9px solid #06CDFC;
        padding: 54px 10px;
        text-align: center; }
    .page-node-type-page-riche .timeline .title-contenu-wrapper {
      z-index: 2;
      width: 70%;
      padding-top: 100px;
      padding-bottom: 42px; }
      .page-node-type-page-riche .timeline .title-contenu-wrapper .timeline-title {
        font-size: 24px;
        font-size: 2rem;
        color: #004D94;
        margin-bottom: 25px;
        position: relative;
        margin-left: 38px; }
        .page-node-type-page-riche .timeline .title-contenu-wrapper .timeline-title:before {
          content: '';
          position: absolute;
          top: 50%;
          right: 100%;
          width: 10%;
          margin-right: 18px;
          height: 3px;
          background: #004D94; }
      .page-node-type-page-riche .timeline .title-contenu-wrapper .timeline-contenu {
        margin-left: 38px; }
        .page-node-type-page-riche .timeline .title-contenu-wrapper .timeline-contenu p {
          font-family: "Roboto", sans-serif;
          font-size: 15px;
          font-size: 1.25rem;
          color: #444444;
          font-weight: 300; }
      .page-node-type-page-riche .timeline .title-contenu-wrapper .timeline-image {
        margin-bottom: 50px; }
    .page-node-type-page-riche .timeline.last .timeline-chiffre:after {
      display: none; }
    .page-node-type-page-riche .timeline .time-chiffre-title-wrapper {
      border-top: 9px solid #06CDFC;
      border-bottom: 9px solid #06CDFC;
      font-size: 0;
      padding: 25px 0;
      margin-bottom: 35px; }
      .page-node-type-page-riche .timeline .time-chiffre-title-wrapper .tchiffre_wrapper {
        width: 36%;
        display: inline-block;
        font-size: 50px;
        font-size: 4.1666666667rem;
        color: #444444;
        text-align: center;
        vertical-align: top;
        position: relative;
        top: -5px; }
      .page-node-type-page-riche .timeline .time-chiffre-title-wrapper .timeline-title {
        width: 64%;
        display: inline-block;
        text-align: left;
        font-size: 24px;
        font-size: 2rem;
        color: #004D94;
        vertical-align: top; }
  .page-node-type-page-riche .chiffres-cles-wrapper {
    position: relative;
    font-size: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    margin: 75px -2px; }
    .page-node-type-page-riche .chiffres-cles-wrapper .chiffres-cles {
      position: relative;
      width: 33.333333333%;
      padding: 1px 3px;
      /* padding left and right: pad L and R + border , padding top+bottom: border*/
      display: inline-block;
      margin-bottom: 10px; }
      .page-node-type-page-riche .chiffres-cles-wrapper .chiffres-cles:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #D9D9D9;
        background: none;
        z-index: -1; }
    .page-node-type-page-riche .chiffres-cles-wrapper .chiffres-cles-picto {
      position: relative;
      padding: 45px 30px 25px;
      text-align: center; }
      .page-node-type-page-riche .chiffres-cles-wrapper .chiffres-cles-picto:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 8px;
        background: #06CDFC; }
      .page-node-type-page-riche .chiffres-cles-wrapper .chiffres-cles-picto img {
        width: 50px;
        display: inline-block; }
    .page-node-type-page-riche .chiffres-cles-wrapper .chiffres-cles-chiffres {
      color: #004D94;
      font-size: 24px;
      font-size: 2rem;
      margin-bottom: 15px;
      padding: 0 30px; }
    .page-node-type-page-riche .chiffres-cles-wrapper .chiffres-cles-contenu {
      font-size: 15px;
      font-size: 1.25rem;
      font-weight: 300;
      font-family: "Roboto", sans-serif;
      line-height: 25px;
      padding: 0 30px 50px; }
  .page-node-type-page-riche .aller-plus-loin-riche {
    padding: 40px 0 0;
    margin: 40px 95px 50px;
    border-top: 1px solid #D9D9D9;
    position: relative;
    text-align: center;
    /*
            &.desktop {
                display: block;
            }

            &.mobile {
                display: none;
                border-top: none;
                margin: 40px 0 50px;
                padding: 0;
                text-align: left;
            } */ }
    .page-node-type-page-riche .aller-plus-loin-riche .aller-plus-loin-title {
      position: relative;
      display: inline-block;
      font-size: 16px;
      font-size: 1.3333333333rem;
      color: #004D94;
      margin-bottom: 35px; }
      .page-node-type-page-riche .aller-plus-loin-riche .aller-plus-loin-title:before {
        content: '';
        position: relative;
        display: inline-block;
        margin-right: 16px;
        width: 40px;
        height: 3px;
        top: -5px;
        background: #06CDFC; }
    .page-node-type-page-riche .aller-plus-loin-riche .apls-wrapper {
      margin: 0 -10px;
      font-size: 0; }
    .page-node-type-page-riche .aller-plus-loin-riche .apl-box {
      position: relative;
      width: 50%;
      display: inline-block;
      padding: 0 10px;
      margin-bottom: 10px; }
    .page-node-type-page-riche .aller-plus-loin-riche .apl-image {
      position: relative;
      z-index: 1; }
      .page-node-type-page-riche .aller-plus-loin-riche .apl-image:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.9;
        z-index: 1;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002057+0,004d8f+100 */
        background: #002057;
        /* Old browsers */
        background: -moz-linear-gradient(left, #002057 0%, #004d94 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #002057 0%, #004d94 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #002057 0%, #004d94 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002057', endColorstr='#004d94',GradientType=1 );
        /* IE6-9 */ }
      .page-node-type-page-riche .aller-plus-loin-riche .apl-image img {
        width: 100%; }
      .page-node-type-page-riche .aller-plus-loin-riche .apl-image .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        z-index: 2; }
      .page-node-type-page-riche .aller-plus-loin-riche .apl-image .title {
        position: relative;
        color: #FFFFFF;
        font-size: 24px;
        font-size: 2rem;
        display: inline-block; }
    .page-node-type-page-riche .aller-plus-loin-riche .title:after {
      content: '';
      position: absolute;
      bottom: -14px;
      left: 0;
      width: 0;
      opacity: 0;
      height: 6px;
      background: #06CDFC;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }

/***States***/
.page-node-type-page-riche .apl-box:hover .title:after, .page-node-type-page-riche .apl-box:focus .title:after {
  width: 100%;
  opacity: 1; }

/*** Responsive ***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 1199px) {
  .page-node-type-page-riche .texte-riche > h2 {
    padding-left: 0;
    padding-right: 0; }
  .page-node-type-page-riche .texte-riche > h3 {
    margin-left: 0;
    margin-right: 0; }
  .page-node-type-page-riche .texte-riche > p, .page-node-type-page-riche .texte-riche > ul, .page-node-type-page-riche .texte-riche > ol {
    padding-left: 0;
    padding-right: 0; }
  .page-node-type-page-riche .chapo {
    margin: 0 94px; }
  .page-node-type-page-riche .aller-plus-loin-riche {
    margin: 40px 0 50px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 991px) {
  .page-node-type-page-riche .content {
    padding: 84px 0 0; }
  .page-node-type-page-riche .chapo {
    margin: 0; }
  .page-node-type-page-riche .aller-plus-loin-riche .apl-box {
    padding: 0 40px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .page-node-type-page-riche .title-image-wrapper .image-banner {
    height: 605px;
    overflow: hidden; }
  .page-node-type-page-riche .title-image-wrapper img {
    position: absolute;
    width: 1400px;
    height: 605px;
    top: 50%;
    left: 50%;
    margin-left: -700px;
    margin-top: -302px;
    max-width: 1400px; }
  .page-node-type-page-riche .chapo {
    padding: 50px 15px; }
  .page-node-type-page-riche h3 {
    margin-bottom: 40px; }
    .page-node-type-page-riche h3:after {
      bottom: -10px; }
  .page-node-type-page-riche .timelines_wrapper.desktop {
    display: none; }
  .page-node-type-page-riche .timelines_wrapper.mobile {
    display: block; }
  .page-node-type-page-riche .timeline {
    display: block; }
  .page-node-type-page-riche .chiffres-cles-wrapper {
    margin-bottom: 54px; }
    .page-node-type-page-riche .chiffres-cles-wrapper .chiffres-cles {
      width: 100%; }
  .page-node-type-page-riche .custom-accordion .accordion-title > a {
    padding-left: 65px;
    padding-right: 35px; }
  .page-node-type-page-riche .custom-accordion .accordion-title .svg-icon {
    left: 25px; }
  .page-node-type-page-riche .aller-plus-loin-riche {
    text-align: left; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 620px) {
  .page-node-type-page-riche .aller-plus-loin-riche .apl-box {
    padding: 0 10px; } }
@media only screen and (max-width: 550px) {
  .page-node-type-page-riche .aller-plus-loin-riche .apls-wrapper {
    margin: 0;
    font-size: 0; }
  .page-node-type-page-riche .aller-plus-loin-riche .apl-box {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 0 70px;
    margin-bottom: 20px; } }
@media only screen and (max-width: 430px) {
  .page-node-type-page-riche .aller-plus-loin-riche .apl-box {
    padding: 0 30px;
    margin-bottom: 20px; } }
/* @include responsive(xxs) {

} */
.path-nos-metiers .title-image-wrapper {
  position: relative;
  text-align: center;
  color: #FFFFFF;
  height: 500px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002057+0,004d8f+100 */
  background: #002057;
  /* Old browsers */
  background: -moz-linear-gradient(left, #002057 0%, #004d94 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #002057 0%, #004d94 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #002057 0%, #004d94 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002057', endColorstr='#004d94',GradientType=1 );
  /* IE6-9 */
  -webkit-box-shadow: 0 5px 12px -2px rgba(0, 0, 0, 0.85);
  -moz-box-shadow: 0 5px 12px -2px rgba(0, 0, 0, 0.85);
  box-shadow: 0 5px 12px -2px rgba(0, 0, 0, 0.85);
  margin-bottom: 90px; }
.path-nos-metiers h1 {
  display: inline-block;
  position: relative; }
  .path-nos-metiers h1:after {
    content: '';
    position: absolute;
    bottom: -10px;
    height: 7px;
    width: 100%;
    background: #06CDFC;
    left: 0; }
.path-nos-metiers .btm-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }
.path-nos-metiers .chapo {
  position: relative;
  padding: 50px 95px;
  color: #FFFFFF;
  font-size: 20px;
  font-size: 1.6666666667rem;
  line-height: 34px;
  background: #004D94;
  margin: 0 192px; }
.path-nos-metiers .resp-chapo {
  display: none;
  margin: -190px 0 60px 0;
  color: #FFFFFF;
  font-size: 20px;
  font-size: 1.6666666667rem;
  line-height: 34px;
  background: #004D94; }
.path-nos-metiers .tabs-wrapper, .path-nos-metiers .tab-content {
  border: none; }
.path-nos-metiers .tabs {
  margin-bottom: 110px; }
  .path-nos-metiers .tabs .tabs-title {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    font-size: 2.5rem;
    font-weight: 300;
    margin-right: 70px;
    margin-bottom: 20px; }
  .path-nos-metiers .tabs .tabs-title-wrapper {
    text-align: center;
    margin-bottom: 55px; }
.path-nos-metiers .focus-sur-ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .path-nos-metiers .focus-sur-ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    padding: 0 10px 15px; }
  .path-nos-metiers .focus-sur-ul a {
    display: block;
    text-decoration: none;
    color: #004D94;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.3333333333rem;
    position: relative; }
    .path-nos-metiers .focus-sur-ul a:after {
      position: absolute;
      content: '';
      left: 0;
      bottom: -4px;
      height: 3px;
      width: 0;
      background: #A6C356;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
.path-nos-metiers .bar-title {
  font-size: 40px;
  font-size: 3.3333333333rem;
  position: relative;
  padding-left: 95px;
  margin-bottom: 40px; }
  .path-nos-metiers .bar-title:before {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -2px;
    left: 0;
    background: #06CDFC;
    height: 3px;
    width: 75px; }
.path-nos-metiers .metier-z-low {
  position: relative;
  z-index: 1; }
.path-nos-metiers .metier-z-high {
  position: relative;
  z-index: 2; }
.path-nos-metiers .famille-metier {
  position: relative;
  z-index: 1;
  margin-bottom: 135px; }
  .path-nos-metiers .famille-metier .title-wrapper {
    padding: 0 95px; }
  .path-nos-metiers .famille-metier .bar-title {
    color: #004D94; }
.path-nos-metiers .met_resp {
  position: relative; }
.path-nos-metiers .nos-metiers-container {
  background: #002057;
  padding: 60px 95px; }
  .path-nos-metiers .nos-metiers-container .nos-metiers-label {
    display: none;
    position: relative;
    font-size: 20px;
    font-size: 1.6666666667rem;
    color: #FFFFFF;
    margin-bottom: 0; }
    .path-nos-metiers .nos-metiers-container .nos-metiers-label .svg-icon {
      fill: #D9D9D9;
      width: 15px;
      height: 10px;
      position: absolute;
      top: 7px;
      right: 0;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
.path-nos-metiers .nos-metiers {
  margin: 0 0 -8px 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }
  .path-nos-metiers .nos-metiers li {
    margin: 0;
    padding: 0;
    width: 33.33333333333333%;
    padding: 0 20px 8px 0;
    position: relative;
    left: -23px; }
  .path-nos-metiers .nos-metiers .nmt {
    color: #FFFFFF;
    margin-left: 8px; }
  .path-nos-metiers .nos-metiers .mise-en-avant .arrow-fwd:nth-child(1) .svg-icon {
    fill: #FFFFFF; }
  .path-nos-metiers .nos-metiers .mise-en-avant .arrow-fwd:nth-child(1):before {
    background: #06CDFC; }
.path-nos-metiers .famille-metier-details {
  padding: 130px 0;
  margin-top: -60px;
  font-size: 0; }
  .path-nos-metiers .famille-metier-details.fm-bg-color-a {
    background: #A6C356;
    color: #444444; }
    .path-nos-metiers .famille-metier-details.fm-bg-color-a .views-field:after {
      background: #06CDFC; }
  .path-nos-metiers .famille-metier-details.fm-bg-color-b {
    background: #06CDFC;
    color: #002057; }
    .path-nos-metiers .famille-metier-details.fm-bg-color-b .views-field:after {
      background: #004D94; }
  .path-nos-metiers .famille-metier-details.fm-bg-color-c {
    background: #004D94;
    color: #FFFFFF; }
    .path-nos-metiers .famille-metier-details.fm-bg-color-c .views-field:after {
      background: #06CDFC; }
  .path-nos-metiers .famille-metier-details .bloc-title {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 30px;
    font-size: 2.5rem;
    height: 60px; }
  .path-nos-metiers .famille-metier-details .description-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 34%;
    padding-right: 95px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 15px;
    font-size: 1.25rem;
    line-height: 25px;
    padding-top: 60px; }
  .path-nos-metiers .famille-metier-details .bloc-offre-associees {
    display: inline-block;
    vertical-align: top;
    width: 66%; }
.path-nos-metiers .view-nos-metiers .view-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px; }
.path-nos-metiers .view-nos-metiers .views-row {
  position: relative;
  width: 50%;
  padding: 0 10px 0;
  margin-bottom: 20px; }
  .path-nos-metiers .view-nos-metiers .views-row:after {
    content: '';
    position: absolute;
    top: 0;
    left: 10px;
    width: calc(100% - 20px );
    height: 100%;
    border: 1px solid transparent;
    background: #FFFFFF;
    z-index: -1; }
.path-nos-metiers .view-nos-metiers .views-field {
  position: relative;
  padding: 40px; }
  .path-nos-metiers .view-nos-metiers .views-field:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    width: 42%;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */ }
.path-nos-metiers .view-nos-metiers .offres-title {
  font-size: 24px;
  font-size: 2rem;
  color: #444444;
  margin-bottom: 17px; }
  .path-nos-metiers .view-nos-metiers .offres-title a {
    color: inherit;
    text-decoration: none; }
.path-nos-metiers .view-nos-metiers .offres-ville {
  font-size: 16px;
  font-size: 1.3333333333rem;
  color: #004D94;
  margin-bottom: 10px;
  margin-left: 24px;
  position: relative; }
  .path-nos-metiers .view-nos-metiers .offres-ville .icon {
    position: absolute;
    top: 0px;
    left: -24px; }
.path-nos-metiers .view-nos-metiers .offres-date {
  font-size: 15px;
  font-size: 1.25rem;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #444444; }
.path-nos-metiers .view-nos-metiers .svg-icon {
  fill: #06CDFC;
  width: 14px;
  height: 20px; }

/*** States ***/
.path-nos-metiers .focus-sur-ul li.active a:after {
  width: 100%; }
.path-nos-metiers .focus-sur-ul li a:hover:after, .path-nos-metiers .focus-sur-ul li a:focus:after {
  width: 100%; }
.path-nos-metiers .mise-en-avant:hover .arrow-fwd:nth-child(2) .svg-icon, .path-nos-metiers .mise-en-avant:focus .arrow-fwd:nth-child(2) .svg-icon {
  fill: #06CDFC; }
.path-nos-metiers .view-nos-metiers .views-row:hover .views-field:after, .path-nos-metiers .view-nos-metiers .views-row:focus .views-field:after {
  width: 100%; }

/*** States ***/
.path-nos-metiers .nos-metiers-container.open .nos-metiers {
  height: auto;
  opacity: 1;
  visibility: visible; }
.path-nos-metiers .nos-metiers-container.open .nos-metiers-label {
  margin-bottom: 25px; }
  .path-nos-metiers .nos-metiers-container.open .nos-metiers-label .svg-icon {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

/*** Responsive ***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 1199px) {
  .path-nos-metiers .chapo {
    padding: 50px 95px;
    margin: 0; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 991px) {
  .path-nos-metiers .famille-metier .title-wrapper {
    padding: 0 70px; }
  .path-nos-metiers .bar-title {
    padding-left: 0; }
    .path-nos-metiers .bar-title:before {
      display: none; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .path-nos-metiers h1 {
    font-size: 60px;
    font-size: 5rem; }
  .path-nos-metiers .tabs {
    margin-bottom: 50px; }
    .path-nos-metiers .tabs .tabs-title-wrapper {
      margin-bottom: 15px; }
    .path-nos-metiers .tabs .tabs-title {
      margin-right: 0; }
  .path-nos-metiers .btm-wrap {
    bottom: 230px; }
    .path-nos-metiers .btm-wrap .chapo {
      display: none; }
  .path-nos-metiers .title-image-wrapper {
    margin-bottom: 0; }
  .path-nos-metiers .resp-chapo {
    display: block;
    padding: 50px 30px; }
  .path-nos-metiers .nos-metiers-container {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: -40px;
    padding: 20px 30px; }
    .path-nos-metiers .nos-metiers-container .nos-metiers-label {
      display: block; }
  .path-nos-metiers .famille-metier {
    margin-bottom: 68px; }
    .path-nos-metiers .famille-metier .title-wrapper {
      padding: 0; }
    .path-nos-metiers .famille-metier .famille-metier-details {
      margin-top: 0;
      padding: 40px 0 40px 0; }
      .path-nos-metiers .famille-metier .famille-metier-details .bloc-offre-associees {
        width: 100%; }
      .path-nos-metiers .famille-metier .famille-metier-details .bloc-title {
        height: auto;
        margin-bottom: 25px; }
    .path-nos-metiers .famille-metier .bar-title {
      margin-bottom: 80px; }
    .path-nos-metiers .famille-metier .description-wrapper {
      display: block;
      width: 100%;
      padding: 0;
      margin-bottom: 50px; }
  .path-nos-metiers .nos-metiers {
    display: block;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */
    height: 0;
    opacity: 0;
    visibility: hidden; }
    .path-nos-metiers .nos-metiers li {
      left: -7px;
      width: 100%; }
    .path-nos-metiers .nos-metiers .nmt {
      margin-left: 5px; }
  .path-nos-metiers .view-nos-metiers .view-content {
    display: block; }
  .path-nos-metiers .view-nos-metiers .views-row {
    width: 100%;
    margin-bottom: 5px; }
  .path-nos-metiers .view-nos-metiers .views-field {
    padding: 50px 25px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
.page-node-type-metier .internal-iframe-wrapper {
  background: none;
  font-size: 0;
  width: auto;
  margin: 50px 0; }
  .page-node-type-metier .internal-iframe-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: #002057;
    z-index: 1; }
.page-node-type-metier .btn-close-hdsh-lightbox {
  top: 0;
  right: 0;
  width: 53px;
  height: 53px;
  background: #FFFFFF;
  padding-top: 20px;
  padding-left: 22px; }
.page-node-type-metier .common-metier-focus-lightbox .metier-title {
  font-size: 24px;
  font-size: 2rem;
  color: #444444;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  margin-bottom: 35px; }
  .page-node-type-metier .common-metier-focus-lightbox .metier-title.resp {
    display: none; }
.page-node-type-metier .common-metier-focus-lightbox .title-mission-profil-wrapper {
  width: 62%;
  display: inline-block;
  vertical-align: top;
  padding: 60px 100px;
  background: #FFFFFF; }
  .page-node-type-metier .common-metier-focus-lightbox .title-mission-profil-wrapper.no-citation {
    width: 100%;
    position: relative; }
.page-node-type-metier .common-metier-focus-lightbox .imagep-citation-poste-wrapper {
  width: 38%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 0;
  right: 0; }
.page-node-type-metier .title-mission-profil-wrapper.no-citation:before, .page-node-type-metier .title-mission-profil-wrapper.no-citation:after {
  content: " ";
  display: table; }
.page-node-type-metier .title-mission-profil-wrapper.no-citation:after {
  clear: both; }
.page-node-type-metier .title-mission-profil-wrapper.no-citation .mission {
  width: 50%;
  float: left;
  padding-right: 15px; }
.page-node-type-metier .title-mission-profil-wrapper.no-citation .profil {
  width: 50%;
  float: left;
  padding-left: 15px; }

/***Responsive***/
@media only screen and (max-width: 767px) {
  .page-node-type-metier {
    background: #FFFFFF; }
    .page-node-type-metier .btn-close-hdsh-lightbox {
      padding: 18px 0 18px 20px;
      width: 32px; }
    .page-node-type-metier .common-metier-focus-lightbox .title-mission-profil-wrapper {
      width: 100%;
      display: block;
      padding: 0;
      background: #FFFFFF; }
    .page-node-type-metier .common-metier-focus-lightbox .metier-title {
      display: none;
      padding: 36px 0 25px;
      margin-bottom: 0; }
      .page-node-type-metier .common-metier-focus-lightbox .metier-title.resp {
        display: block; }
    .page-node-type-metier .common-metier-focus-lightbox .imagep-citation-poste-wrapper {
      width: 100%;
      display: block;
      position: relative;
      margin-bottom: 45px; }
    .page-node-type-metier .common-metier-focus-lightbox .mission-content {
      margin-bottom: 40px; }
    .page-node-type-metier .internal-iframe-wrapper {
      margin: 0 0 20px 0; }
      .page-node-type-metier .internal-iframe-wrapper:before {
        display: none; }
    .page-node-type-metier .title-mission-profil-wrapper.no-citation:before, .page-node-type-metier .title-mission-profil-wrapper.no-citation:after {
      content: " ";
      display: table; }
    .page-node-type-metier .title-mission-profil-wrapper.no-citation:after {
      clear: both; }
    .page-node-type-metier .title-mission-profil-wrapper.no-citation .mission {
      width: 100%;
      float: none;
      padding-right: 0; }
    .page-node-type-metier .title-mission-profil-wrapper.no-citation .profil {
      width: 100%;
      float: none;
      padding-left: 0; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
.display-none {
  display: none !important; }

.path-espace-presse .view-header {
  float: left;
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 767px) {
    .path-espace-presse .view-header {
      float: none; } }
.path-espace-presse .view-filters {
  margin: 0 0 55px;
  float: right;
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 767px) {
    .path-espace-presse .view-filters {
      float: none; } }
.path-espace-presse .view-content {
  clear: both; }
.path-espace-presse .bef-exposed-form .form--inline > .form-item {
  float: right; }
  .path-espace-presse .bef-exposed-form .form--inline > .form-item .control-label {
    color: #004D94;
    font-size: 20px;
    font-size: 1.6666666667rem;
    position: relative;
    margin-right: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: -15px;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 767px) {
      .path-espace-presse .bef-exposed-form .form--inline > .form-item .control-label {
        display: block;
        margin-right: 0;
        margin-bottom: 17px; } }
.path-espace-presse .espace-presse-banner {
  height: 320px;
  position: relative;
  z-index: -1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002057+0,004d8f+100 */
  background: #002057;
  /* Old browsers */
  background: -moz-linear-gradient(left, #002057 0%, #004d94 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #002057 0%, #004d94 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #002057 0%, #004d94 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002057', endColorstr='#004d94',GradientType=1 );
  /* IE6-9 */
  text-align: center;
  padding-top: 115px;
  -webkit-box-shadow: 0 5px 12px -2px rgba(0, 0, 0, 0.85);
  -moz-box-shadow: 0 5px 12px -2px rgba(0, 0, 0, 0.85);
  box-shadow: 0 5px 12px -2px rgba(0, 0, 0, 0.85); }
.path-espace-presse h1 {
  display: inline-block;
  position: relative;
  color: #FFFFFF; }
  .path-espace-presse h1:after {
    content: '';
    position: absolute;
    bottom: -10px;
    height: 7px;
    width: 100%;
    background: #06CDFC;
    left: 0; }
.path-espace-presse .bloc-contenu {
  margin: -30px 0 70px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center; }
  .path-espace-presse .bloc-contenu .bloc-child {
    position: relative;
    width: 33.3333333%;
    padding: 48px 52px; }
    .path-espace-presse .bloc-contenu .bloc-child.contact:after {
      content: '';
      position: absolute;
      top: 0;
      left: 2px;
      width: calc(100% - 4px );
      height: 100%;
      border: 1px solid #eff1f4;
      background: #eff1f4;
      z-index: -1; }
    .path-espace-presse .bloc-contenu .bloc-child.agenda:after {
      content: '';
      position: absolute;
      top: 0;
      left: 2px;
      width: calc(100% - 4px );
      height: 100%;
      border: 1px solid #D9D9D9;
      background: #FFFFFF;
      z-index: -1; }
    .path-espace-presse .bloc-contenu .bloc-child.office:after {
      content: '';
      position: absolute;
      top: 0;
      left: 2px;
      width: calc(100% - 4px );
      height: 100%;
      border: 1px solid #06CDFC;
      background: #06CDFC;
      z-index: -1; }
    .path-espace-presse .bloc-contenu .bloc-child .title {
      font-size: 24px;
      font-size: 2rem;
      color: #004D94;
      margin-bottom: 23px;
      padding: 0; }
      .path-espace-presse .bloc-contenu .bloc-child .title:after {
        display: none; }
    .path-espace-presse .bloc-contenu .bloc-child .texte {
      color: #444444;
      font-size: 15px;
      font-size: 1.25rem;
      font-weight: 300;
      font-family: "Roboto", sans-serif;
      line-height: 25px;
      margin-bottom: 20px; }
    .path-espace-presse .bloc-contenu .bloc-child .telephone-wrapper {
      margin-bottom: 30px; }
    .path-espace-presse .bloc-contenu .bloc-child .email a {
      background: #FFFFFF;
      text-decoration: none;
      color: #004D94; }
.path-espace-presse .mise-en-avant.neutral .mea-text {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 15px;
  font-size: 1.25rem;
  cursor: default; }
.path-espace-presse .agenda-details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 30px; }
  .path-espace-presse .agenda-details .agenda-date {
    width: 50px;
    color: #004D94;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 24px;
    font-size: 2rem;
    line-height: 25px;
    text-align: left; }
  .path-espace-presse .agenda-details .agenda-title {
    font-size: 15px;
    font-size: 1.25rem;
    color: #444444;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    margin-bottom: 10px; }
  .path-espace-presse .agenda-details .agenda-lieux {
    position: relative;
    margin-left: 24px;
    color: #004D94;
    font-size: 16px;
    font-size: 1.3333333333rem; }
    .path-espace-presse .agenda-details .agenda-lieux .icon {
      position: absolute;
      top: 0px;
      left: -20px; }
    .path-espace-presse .agenda-details .agenda-lieux .svg-icon {
      fill: #06CDFC;
      width: 14px;
      height: 20px; }
.path-espace-presse .office.bloc-child .texte {
  color: #004D94;
  margin-bottom: 80px; }
.path-espace-presse .office.bloc-child a {
  background: #FFFFFF;
  text-decoration: none;
  color: #004D94; }
.path-espace-presse .view-header {
  font-size: 30px;
  font-size: 2.5rem;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #444444;
  margin-bottom: 45px; }
.path-espace-presse .views-row {
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 40px; }
.path-espace-presse .views-row:last-of-type {
  border: none; }
.path-espace-presse .document-details .type-date-wrapper {
  margin-bottom: 10px; }
.path-espace-presse .document-details .type {
  display: inline-block;
  margin-right: 33px;
  font-size: 13px;
  font-size: 1.0833333333rem;
  text-transform: uppercase;
  color: #004D94; }
  .path-espace-presse .document-details .type div {
    display: inline-block; }
.path-espace-presse .document-details .icon {
  display: inline-block;
  width: 7px;
  height: 7px;
  position: relative;
  margin-right: 7px; }
  .path-espace-presse .document-details .icon .svg-icon {
    width: 7px;
    height: 7px;
    fill: #06CDFC;
    position: absolute;
    top: -1px;
    left: 0; }
.path-espace-presse .document-details .date {
  font-size: 15px;
  font-size: 1.25rem;
  font-family: "Roboto", sans-serif;
  color: #444444;
  font-weight: 300;
  display: inline-block; }
.path-espace-presse .document-details .title {
  font-size: 24px;
  font-size: 2rem;
  color: #444444;
  line-height: 34px; }
.path-espace-presse .download .btn-fleche {
  padding: 13px 30px; }
  .path-espace-presse .download .btn-fleche span {
    text-transform: capitalize; }
.path-espace-presse .views-field {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 40px; }
  .path-espace-presse .views-field .document-image {
    width: 24%; }
    .path-espace-presse .views-field .document-image img {
      width: 100%; }
  .path-espace-presse .views-field .document-details-wrapper {
    width: 76%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-left: 60px; }
    .path-espace-presse .views-field .document-details-wrapper .document-details {
      width: 58%; }
    .path-espace-presse .views-field .document-details-wrapper .download {
      width: 42%;
      text-align: right; }

/*** States ***/
.path-espace-presse .download .btn-fleche:hover, .path-espace-presse .download .btn-fleche:focus {
  padding-left: 69px; }
.path-espace-presse .mise-en-avant:hover, .path-espace-presse .mise-en-avant:focus {
  padding-left: 15px; }
  .path-espace-presse .mise-en-avant:hover .arrow-btn, .path-espace-presse .mise-en-avant:focus .arrow-btn {
    left: 2px; }
  .path-espace-presse .mise-en-avant:hover .arrow-fwd:nth-child(1):before, .path-espace-presse .mise-en-avant:focus .arrow-fwd:nth-child(1):before {
    width: 0; }
  .path-espace-presse .mise-en-avant:hover .arrow-fwd:nth-child(1) .svg-icon, .path-espace-presse .mise-en-avant:focus .arrow-fwd:nth-child(1) .svg-icon {
    fill: #004D94; }
  .path-espace-presse .mise-en-avant:hover .arrow-fwd:nth-child(2) .svg-icon, .path-espace-presse .mise-en-avant:focus .arrow-fwd:nth-child(2) .svg-icon {
    fill: #06CDFC; }

/*** Responsive ***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 1199px) {
  .path-espace-presse .bloc-contenu .bloc-child {
    padding: 38px 42px; }
  .path-espace-presse .view-content .views-row {
    width: 100%;
    float: none; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 991px) {
  .path-espace-presse .bloc-contenu .bloc-child {
    padding: 14px 21px; }
  .path-espace-presse .view-content .views-row {
    width: 100%;
    float: none; }
  .path-espace-presse .views-field .document-details .type {
    margin-bottom: 10px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .path-espace-presse h1 {
    font-size: 60px;
    font-size: 5rem;
    line-height: 78px; }
  .path-espace-presse .bloc-contenu {
    display: block;
    margin-bottom: 50px; }
    .path-espace-presse .bloc-contenu .bloc-child {
      position: relative;
      width: 100%;
      padding: 45px 27px;
      margin-bottom: 5px; }
  .path-espace-presse .view-content .views-row {
    width: 100%;
    float: none;
    margin-bottom: 23px; }
  .path-espace-presse .view-header {
    margin-bottom: 35px; }
  .path-espace-presse .views-field {
    display: block;
    padding-bottom: 23px; }
    .path-espace-presse .views-field .document-image {
      width: 100%;
      margin-bottom: 15px; }
    .path-espace-presse .views-field .document-details {
      width: 100%;
      margin-bottom: 30px; }
      .path-espace-presse .views-field .document-details .type {
        display: block;
        width: 100%;
        margin-bottom: 10px; }
      .path-espace-presse .views-field .document-details .date {
        display: block;
        width: 100%;
        margin-bottom: 20px; }
    .path-espace-presse .views-field .document-details-wrapper {
      width: 100%;
      display: block;
      padding: 0; }
      .path-espace-presse .views-field .document-details-wrapper .document-details {
        width: 100%; }
      .path-espace-presse .views-field .document-details-wrapper .download {
        width: 100%;
        text-align: left; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
.page-node-type-journal-du-locataire .title-sbtitle-wrapper {
  padding: 50px 0; }
  .page-node-type-journal-du-locataire .title-sbtitle-wrapper .title {
    width: 375px;
    margin: 0 auto 20px; }
    .page-node-type-journal-du-locataire .title-sbtitle-wrapper .title .svg-icon {
      display: block;
      width: 375px;
      height: 165px; }
  .page-node-type-journal-du-locataire .title-sbtitle-wrapper .subtitle {
    font-size: 24px;
    font-size: 2rem;
    color: #004D94;
    text-align: center; }
.page-node-type-journal-du-locataire h1 {
  font-size: 88px;
  font-size: 7.3333333333rem;
  color: #FFFFFF;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  text-align: center;
  line-height: 100px;
  margin-bottom: 40px; }
.page-node-type-journal-du-locataire .square_big_wrapper {
  -webkit-box-shadow: 0 -1px 13px -2px rgba(0, 0, 0, 0.85);
  -moz-box-shadow: 0 -1px 13px -2px rgba(0, 0, 0, 0.85);
  box-shadow: 0 -1px 13px -2px rgba(0, 0, 0, 0.85);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004d92+0,002057+100 */
  background: #004d92;
  /* Old browsers */
  background: -moz-linear-gradient(-151deg, #004d92 0%, #002057 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-151deg, #004d92 0%, #002057 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(-151deg, #004d92 0%, #002057 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004d92', endColorstr='#002057',GradientType=1 );
  /* IE6-9 */
  padding: 26px 0 100px 0; }
.page-node-type-journal-du-locataire .square_wrapper {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px; }
  .page-node-type-journal-du-locataire .square_wrapper .bloc-actualite-locataire {
    position: relative;
    width: 50%;
    z-index: 1;
    padding: 0 1px;
    margin-bottom: 2px; }
    .page-node-type-journal-du-locataire .square_wrapper .bloc-actualite-locataire:after {
      content: '';
      position: absolute;
      top: 0;
      left: 1px;
      width: calc(100% - 2px );
      height: 100%;
      border: 1px solid transparent;
      background: #FFFFFF;
      z-index: -1; }
  .page-node-type-journal-du-locataire .square_wrapper .bloc-internal {
    padding: 50px;
    position: relative; }
    .page-node-type-journal-du-locataire .square_wrapper .bloc-internal:before {
      position: absolute;
      top: 0;
      left: 0;
      content: '';
      height: 10px;
      width: 50%;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
    .page-node-type-journal-du-locataire .square_wrapper .bloc-internal .title {
      font-size: 24px;
      font-size: 2rem;
      color: #004D94;
      text-decoration: none; }
.page-node-type-journal-du-locataire .bloc-actualite-locataire:nth-child(1) .bloc-internal:before {
  background: #FFD539; }
.page-node-type-journal-du-locataire .bloc-actualite-locataire:nth-child(2) .bloc-internal:before {
  background: #06CDFC; }
.page-node-type-journal-du-locataire .bloc-actualite-locataire:nth-child(3) .bloc-internal:before {
  background: #004D94; }
.page-node-type-journal-du-locataire .bloc-actualite-locataire:nth-child(4) .bloc-internal:before {
  background: #A6C356; }
.page-node-type-journal-du-locataire .date-type-wrapper {
  position: relative;
  margin-bottom: 20px; }
  .page-node-type-journal-du-locataire .date-type-wrapper:before, .page-node-type-journal-du-locataire .date-type-wrapper:after {
    content: " ";
    display: table; }
  .page-node-type-journal-du-locataire .date-type-wrapper:after {
    clear: both; }
  .page-node-type-journal-du-locataire .date-type-wrapper .type {
    width: 50%;
    font-size: 30px;
    font-size: 2.5rem;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    color: #444444;
    float: left;
    padding-right: 10px; }
  .page-node-type-journal-du-locataire .date-type-wrapper .icon {
    display: inline-block;
    width: 7px;
    height: 7px;
    position: relative;
    margin-right: 7px; }
    .page-node-type-journal-du-locataire .date-type-wrapper .icon .svg-icon {
      width: 7px;
      height: 7px;
      fill: #c3c3c3;
      position: absolute;
      top: -1px;
      left: 0; }
  .page-node-type-journal-du-locataire .date-type-wrapper .date {
    width: 50%;
    float: left;
    padding-top: 14px;
    text-align: right;
    font-size: 13px;
    font-size: 1.0833333333rem;
    color: #004D94;
    text-transform: uppercase; }
.page-node-type-journal-du-locataire .image {
  display: block;
  margin-bottom: 30px;
  overflow: hidden; }
  .page-node-type-journal-du-locataire .image img {
    width: 100%;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    /* IE 9 */
    -webkit-transform: translateZ(0);
    /* Chrome, Safari, Opera */
    transform: translateZ(0);
    transform: scale(1.02); }
.page-node-type-journal-du-locataire .btn-download {
  position: relative;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 30px;
  font-size: 2.5rem;
  color: #FFFFFF;
  top: 0;
  z-index: 1; }
.page-node-type-journal-du-locataire .previous-next-wrapper {
  position: relative;
  z-index: 2; }
  .page-node-type-journal-du-locataire .previous-next-wrapper:before, .page-node-type-journal-du-locataire .previous-next-wrapper:after {
    content: " ";
    display: table; }
  .page-node-type-journal-du-locataire .previous-next-wrapper:after {
    clear: both; }
  .page-node-type-journal-du-locataire .previous-next-wrapper .previous-edition {
    float: left; }
  .page-node-type-journal-du-locataire .previous-next-wrapper .next-edition {
    float: right; }
.page-node-type-journal-du-locataire .next-edition a, .page-node-type-journal-du-locataire .previous-edition a {
  position: relative;
  font-size: 16px;
  font-size: 1.3333333333rem;
  color: #FFFFFF;
  text-decoration: none; }
  .page-node-type-journal-du-locataire .next-edition a .arrow-btn, .page-node-type-journal-du-locataire .previous-edition a .arrow-btn {
    position: relative;
    top: -3px; }
  .page-node-type-journal-du-locataire .next-edition a .arrow-fwd, .page-node-type-journal-du-locataire .previous-edition a .arrow-fwd {
    display: inline-block;
    position: relative;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */
    z-index: 1; }
    .page-node-type-journal-du-locataire .next-edition a .arrow-fwd .svg-icon, .page-node-type-journal-du-locataire .previous-edition a .arrow-fwd .svg-icon {
      width: 5px;
      height: 7px;
      z-index: 1; }
  .page-node-type-journal-du-locataire .next-edition a .arrow-fwd:nth-child(1) .svg-icon, .page-node-type-journal-du-locataire .previous-edition a .arrow-fwd:nth-child(1) .svg-icon {
    fill: #FFFFFF; }
  .page-node-type-journal-du-locataire .next-edition a .arrow-fwd:nth-child(1), .page-node-type-journal-du-locataire .previous-edition a .arrow-fwd:nth-child(1) {
    margin-left: 8px; }
    .page-node-type-journal-du-locataire .next-edition a .arrow-fwd:nth-child(1):before, .page-node-type-journal-du-locataire .previous-edition a .arrow-fwd:nth-child(1):before {
      content: '';
      position: absolute;
      left: -19px;
      top: 14px;
      width: 0;
      opacity: 0;
      height: 1px;
      background: #FFFFFF;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */
      z-index: -1; }
  .page-node-type-journal-du-locataire .next-edition a .arrow-fwd:nth-child(2), .page-node-type-journal-du-locataire .previous-edition a .arrow-fwd:nth-child(2) {
    margin-left: -3px;
    /*  margin-right: 6px;
    */ }
    .page-node-type-journal-du-locataire .next-edition a .arrow-fwd:nth-child(2) .svg-icon, .page-node-type-journal-du-locataire .previous-edition a .arrow-fwd:nth-child(2) .svg-icon {
      fill: #06CDFC; }
  .page-node-type-journal-du-locataire .next-edition a .arrow-back, .page-node-type-journal-du-locataire .previous-edition a .arrow-back {
    display: inline-block;
    position: relative;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */
    z-index: 3; }
    .page-node-type-journal-du-locataire .next-edition a .arrow-back .svg-icon, .page-node-type-journal-du-locataire .previous-edition a .arrow-back .svg-icon {
      width: 5px;
      height: 8px;
      z-index: 2; }
  .page-node-type-journal-du-locataire .next-edition a .arrow-back:nth-child(1), .page-node-type-journal-du-locataire .previous-edition a .arrow-back:nth-child(1) {
    z-index: 4; }
    .page-node-type-journal-du-locataire .next-edition a .arrow-back:nth-child(1) .svg-icon, .page-node-type-journal-du-locataire .previous-edition a .arrow-back:nth-child(1) .svg-icon {
      fill: #06CDFC; }
  .page-node-type-journal-du-locataire .next-edition a .arrow-back:nth-child(2), .page-node-type-journal-du-locataire .previous-edition a .arrow-back:nth-child(2) {
    margin-left: -3px;
    margin-right: 8px; }
    .page-node-type-journal-du-locataire .next-edition a .arrow-back:nth-child(2) .svg-icon, .page-node-type-journal-du-locataire .previous-edition a .arrow-back:nth-child(2) .svg-icon {
      fill: #FFFFFF; }
    .page-node-type-journal-du-locataire .next-edition a .arrow-back:nth-child(2):after, .page-node-type-journal-du-locataire .previous-edition a .arrow-back:nth-child(2):after {
      content: '';
      position: absolute;
      left: 20px;
      top: 12px;
      width: 0;
      opacity: 0;
      height: 1px;
      background: #FFFFFF;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */
      z-index: -1; }
.page-node-type-journal-du-locataire .next-edition .ne-text, .page-node-type-journal-du-locataire .next-edition .pe-text, .page-node-type-journal-du-locataire .next-edition .arrow-btn, .page-node-type-journal-du-locataire .previous-edition .ne-text, .page-node-type-journal-du-locataire .previous-edition .pe-text, .page-node-type-journal-du-locataire .previous-edition .arrow-btn {
  display: inline-block; }
.page-node-type-journal-du-locataire .pdf-label {
  margin-bottom: 25px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #FFFFFF;
  line-height: normal;
  padding: 0;
  font-size: 30px;
  font-size: 2.5rem;
  color: #FFFFFF;
  z-index: 1; }
  .page-node-type-journal-du-locataire .pdf-label:after {
    display: none; }
.page-node-type-journal-du-locataire .pdf_txt {
  text-align: left; }
  .page-node-type-journal-du-locataire .pdf_txt span {
    text-transform: capitalize; }
.page-node-type-journal-du-locataire .btn-fleche {
  background: #FFFFFF;
  text-decoration: none;
  color: #004D94; }

/***Hover***/
.page-node-type-journal-du-locataire .bloc-actualite-locataire:hover .bloc-internal:before, .page-node-type-journal-du-locataire .bloc-actualite-locataire:focus .bloc-internal:before {
  width: 100%; }
.page-node-type-journal-du-locataire .bloc-actualite-locataire:hover a img, .page-node-type-journal-du-locataire .bloc-actualite-locataire:focus a img {
  -webkit-transform: scale(1.05);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: scale(1.05);
  /* IE 9 */
  transform: scale(1.05);
  /* Firefox 16+, IE 10+, Opera */ }
.page-node-type-journal-du-locataire .previous-edition a:hover .arrow-back:nth-child(2), .page-node-type-journal-du-locataire .previous-edition a:focus .arrow-back:nth-child(2) {
  margin-right: 25px; }
  .page-node-type-journal-du-locataire .previous-edition a:hover .arrow-back:nth-child(2):after, .page-node-type-journal-du-locataire .previous-edition a:focus .arrow-back:nth-child(2):after {
    content: '';
    position: absolute;
    left: 5px;
    width: 20px;
    opacity: 1;
    height: 1px;
    background: #FFFFFF;
    top: 14px;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */ }
.page-node-type-journal-du-locataire .next-edition a:hover .arrow-fwd:nth-child(1), .page-node-type-journal-du-locataire .next-edition a:focus .arrow-fwd:nth-child(1) {
  margin-left: 25px; }
  .page-node-type-journal-du-locataire .next-edition a:hover .arrow-fwd:nth-child(1):before, .page-node-type-journal-du-locataire .next-edition a:focus .arrow-fwd:nth-child(1):before {
    content: '';
    position: absolute;
    width: 20px;
    opacity: 1;
    height: 1px;
    background: #FFFFFF;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */ }

/*** Responsive ***/
@media only screen and (max-width: 991px) {
  .page-node-type-journal-du-locataire .btn-download {
    top: 0;
    margin-top: 45px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .page-node-type-journal-du-locataire {
    /*    h1 {
        @include font-size(70px);
        line-height:70px;
    } */ }
    .page-node-type-journal-du-locataire .square_wrapper {
      display: block;
      margin-bottom: 30px; }
      .page-node-type-journal-du-locataire .square_wrapper .bloc-internal {
        padding: 50px 10px; }
      .page-node-type-journal-du-locataire .square_wrapper .bloc-actualite-locataire {
        width: 100%; }
    .page-node-type-journal-du-locataire .title-sbtitle-wrapper .title {
      width: 285px;
      margin: 0 auto 55px; }
      .page-node-type-journal-du-locataire .title-sbtitle-wrapper .title .svg-icon {
        display: block;
        width: 285px;
        height: 125px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
.page-node-type-annonce .diaporama-annonce-wrapper .neuf {
  background: #FFD539;
  font-family: "Fjalla One", sans-serif;
  color: #004C97;
  font-size: 20px;
  font-size: 1.6666666667rem;
  line-height: 20px;
  font-weight: 400;
  padding: 10px 20px;
  position: absolute;
  top: 40px;
  right: -12px; }
  .page-node-type-annonce .diaporama-annonce-wrapper .neuf:before {
    width: 0;
    height: 0;
    border-top: 12px solid #004C97;
    border-right: 12px solid transparent;
    content: '';
    position: absolute;
    right: 0;
    bottom: -12px; }
.page-node-type-annonce .back-to-main {
  margin-top: 48px; }
  .page-node-type-annonce .back-to-main .btn {
    background: none;
    color: #004D94;
    padding-left: 0; }
  .page-node-type-annonce .back-to-main .arrow-back:nth-child(2) .svg-icon {
    fill: #004D94; }
  .page-node-type-annonce .back-to-main .arrow-back:nth-child(2):after {
    background: #004D94; }
.page-node-type-annonce h1 {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-size: 2rem;
  font-weight: 300;
  color: #444444;
  line-height: 34px;
  margin-bottom: 25px; }
.page-node-type-annonce .diaporama-wrapper .connected-carousels {
  margin-bottom: 65px; }
.page-node-type-annonce .annonce-details {
  width: 80%;
  padding-left: 90px;
  margin-bottom: 55px; }
  .page-node-type-annonce .annonce-details .lieu-reference-wrapper:before, .page-node-type-annonce .annonce-details .lieu-reference-wrapper:after {
    content: " ";
    display: table; }
  .page-node-type-annonce .annonce-details .lieu-reference-wrapper:after {
    clear: both; }
  .page-node-type-annonce .annonce-details .left {
    display: block;
    float: left;
    /* padding-top: 6px; */ }
  .page-node-type-annonce .annonce-details .right {
    display: block;
    float: right; }
  .page-node-type-annonce .annonce-details .lieu {
    position: relative;
    display: inline-block;
    margin-right: 50px;
    margin-left: 24px;
    margin-bottom: 10px;
    color: #004D94;
    font-size: 16px;
    font-size: 1.3333333333rem; }
    .page-node-type-annonce .annonce-details .lieu .icon {
      position: absolute;
      top: 0px;
      left: -24px; }
  .page-node-type-annonce .annonce-details .reference {
    display: inline-block;
    color: #004D94;
    font-size: 16px;
    font-size: 1.3333333333rem; }
  .page-node-type-annonce .annonce-details .publish-date {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 15px;
    font-size: 1.25rem;
    color: #444444; }
  .page-node-type-annonce .annonce-details .svg-icon {
    fill: #06CDFC;
    width: 14px;
    height: 20px; }
  .page-node-type-annonce .annonce-details .price-surface-wrapper > div {
    display: inline-block;
    font-size: 40px;
    font-size: 3.3333333333rem;
    color: #444444;
    margin-right: 70px; }
    .page-node-type-annonce .annonce-details .price-surface-wrapper > div.nombre-de-piece {
      margin-right: 0; }
.page-node-type-annonce .annonce-wrapper {
  position: relative;
  background: #06CDFC;
  padding: 60px 0;
  -webkit-box-shadow: 0 -5px 19px -2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 -5px 19px -2px rgba(0, 0, 0, 0.35);
  box-shadow: 0 -5px 19px -2px rgba(0, 0, 0, 0.35);
  z-index: 1; }
  .page-node-type-annonce .annonce-wrapper:after {
    z-index: -1;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    content: '';
    -webkit-box-shadow: 0 5px 19px -2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 5px 19px -2px rgba(0, 0, 0, 0.35);
    box-shadow: 0 5px 19px -2px rgba(0, 0, 0, 0.35);
    height: 10px;
    margin-top: -10px; }
.page-node-type-annonce .annonce:before, .page-node-type-annonce .annonce:after {
  content: " ";
  display: table; }
.page-node-type-annonce .annonce:after {
  clear: both; }
.page-node-type-annonce .annonce .avantage {
  width: 28%;
  float: left;
  padding-left: 90px;
  padding-right: 20px; }
.page-node-type-annonce .annonce .wrap-box {
  width: 72%;
  float: left;
  padding-right: 90px; }
.page-node-type-annonce .annonce .modalite-candidature .titre {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 24px;
  font-size: 2rem;
  color: #444444;
  padding-left: 55px;
  margin-bottom: 35px;
  margin-top: 50px; }
.page-node-type-annonce .annonce .modalite-candidature .modalite-candidature-wrapper {
  padding: 55px;
  background: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-size: 1.5rem;
  line-height: 34px;
  font-weight: 300; }
  .page-node-type-annonce .annonce .modalite-candidature .modalite-candidature-wrapper > .field {
    margin-bottom: 45px; }
  .page-node-type-annonce .annonce .modalite-candidature .modalite-candidature-wrapper .date-modalites {
    background: #06CCFB;
    text-align: center;
    padding: 15px 10px; }
    .page-node-type-annonce .annonce .modalite-candidature .modalite-candidature-wrapper .date-modalites .field--label, .page-node-type-annonce .annonce .modalite-candidature .modalite-candidature-wrapper .date-modalites .field--item {
      font-size: 20px;
      font-size: 1.6666666667rem;
      font-family: "Fjalla One", sans-serif;
      line-height: 20px;
      font-weight: 400;
      color: #004D91;
      display: inline-block;
      float: none;
      padding: 0; }
.page-node-type-annonce .annonce .avantage-label {
  font-size: 24px;
  font-size: 2rem;
  color: #004D94;
  margin-bottom: 25px; }
.page-node-type-annonce .avantage-content {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .page-node-type-annonce .avantage-content .icon {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #FFFFFF;
    text-align: center;
    margin-right: 15px; }
  .page-node-type-annonce .avantage-content .svg-icon {
    display: inline-block;
    position: relative;
    width: 10px;
    height: 7px;
    fill: #004D94;
    top: -4px; }
  .page-node-type-annonce .avantage-content li {
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1.3333333333rem;
    color: #004D94; }
.page-node-type-annonce .block-title {
  padding-left: 28%; }
  .page-node-type-annonce .block-title .title {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 24px;
    font-size: 2rem;
    color: #444444;
    padding-left: 55px;
    margin-bottom: 35px; }
.page-node-type-annonce .description-contact-wrapper {
  padding: 55px 55px 35px 55px;
  background: #FFFFFF; }
  .page-node-type-annonce .description-contact-wrapper .description {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-size: 1.5rem;
    line-height: 34px;
    font-weight: 300; }
    .page-node-type-annonce .description-contact-wrapper .description > .field {
      margin-bottom: 45px; }
  .page-node-type-annonce .description-contact-wrapper .contact > div {
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 20px; }
  body.path-node.page-node-type-annonce div.region.region-content div.page-node-type-annonce article.annonce div.annonce div.description-detaillee div.contact div.contacter-le-commercialisateur:nth-child(3){
	margin-right: 0px;}
.page-node-type-annonce .bloc-annonce {
  padding: 55px 0; }
  .page-node-type-annonce .bloc-annonce .bloc-annonce-titre {
    margin-left: 90px;
    position: relative;
    display: inline-block;
    padding-left: 53px;
    font-size: 16px;
    font-size: 1.3333333333rem;
    color: #004D94;
    margin-bottom: 38px; }
    .page-node-type-annonce .bloc-annonce .bloc-annonce-titre:before {
      position: absolute;
      content: '';
      top: 50%;
      left: 0;
      background: #06CDFC;
      height: 3px;
      width: 40px;
      margin-top: -2px; }
  .page-node-type-annonce .bloc-annonce .view-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 -11px; }
    .page-node-type-annonce .bloc-annonce .view-content .views-row {
      position: relative;
      width: 33.3333333%;
      padding: 1px 11px; }
      .page-node-type-annonce .bloc-annonce .view-content .views-row:after {
        content: '';
        position: absolute;
        top: 0;
        left: 10px;
        width: calc(100% - 20px );
        height: 100%;
        border: 1px solid #D9D9D9;
        background: none;
        z-index: -1; }
    .page-node-type-annonce .bloc-annonce .view-content .block-titre {
      padding: 0 30px;
      font-size: 20px;
      font-size: 1.6666666667rem;
      color: #004D94; }
    .page-node-type-annonce .bloc-annonce .view-content .block-price {
      padding: 0 30px;
      font-size: 40px;
      font-size: 3.3333333333rem;
      color: #444444;
      margin-bottom: 22px; }
    .page-node-type-annonce .bloc-annonce .view-content .block-lieu {
      padding: 0 30px;
      position: relative;
      font-size: 16px;
      font-size: 1.3333333333rem;
      color: #004D94;
      margin-bottom: 34px; }
      .page-node-type-annonce .bloc-annonce .view-content .block-lieu .wrap {
        position: relative;
        margin-left: 24px; }
      .page-node-type-annonce .bloc-annonce .view-content .block-lieu .icon {
        position: absolute;
        top: 0px;
        left: -24px; }
      .page-node-type-annonce .bloc-annonce .view-content .block-lieu .svg-icon {
        fill: #06CDFC;
        width: 14px;
        height: 20px; }
  .page-node-type-annonce .bloc-annonce .block-image {
    position: relative;
    margin-bottom: 40px; }
    .page-node-type-annonce .bloc-annonce .block-image .neuf {
      background: #FFD539;
      font-family: "Fjalla One", sans-serif;
      color: #004C97;
      line-height: 18px;
      font-size: 18px;
      font-size: 1.5rem;
      font-weight: 400;
      padding: 10px 20px;
      position: absolute;
      top: 20px;
      right: -12px; }
      .page-node-type-annonce .bloc-annonce .block-image .neuf:before {
        width: 0;
        height: 0;
        border-top: 12px solid #004C97;
        border-right: 12px solid transparent;
        content: '';
        position: absolute;
        right: 0;
        bottom: -12px; }
    .page-node-type-annonce .bloc-annonce .block-image a {
      display: block;
      overflow: hidden; }
    .page-node-type-annonce .bloc-annonce .block-image img {
      width: 100%;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */
      -webkit-backface-visibility: hidden;
      -ms-transform: translateZ(0);
      /* IE 9 */
      -webkit-transform: translateZ(0);
      /* Chrome, Safari, Opera */
      transform: translateZ(0);
      transform: scale(1.02); }
    .page-node-type-annonce .bloc-annonce .block-image:after {
      position: absolute;
      content: '';
      height: 8px;
      width: 50%;
      bottom: -8px;
      left: 0;
      background: #06CDFC;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
  .page-node-type-annonce .bloc-annonce .block-titre a {
    color: #004D94; }

/*Hover*/
.page-node-type-annonce .views-row:hover .block-image:after, .page-node-type-annonce .views-row:focus .block-image:after {
  width: 100%; }
.page-node-type-annonce .views-row:hover a img, .page-node-type-annonce .views-row:focus a img {
  -webkit-transform: scale(1.05);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: scale(1.05);
  /* IE 9 */
  transform: scale(1.05);
  /* Firefox 16+, IE 10+, Opera */ }
.page-node-type-annonce .block-titre:hover a, .page-node-type-annonce .block-titre:focus a {
  text-decoration: none;
  color: #004D94; }

/*** Responsive ***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 1199px) {
  .page-node-type-annonce .annonce-details {
    padding-left: 0; }
  .page-node-type-annonce .annonce .avantage {
    padding-left: 0; }
  .page-node-type-annonce .annonce .wrap-box {
    padding-right: 0; }
  .page-node-type-annonce .bloc-annonce .bloc-annonce-titre {
    margin-left: 0; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 991px) {
  .page-node-type-annonce .annonce-details {
    padding-right: 0; }
  .page-node-type-annonce .contacter-le-commercialisateur {
    width: 100%; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .page-node-type-annonce .annonce-details {
    width: 100%; }
    .page-node-type-annonce .annonce-details .left {
      float: none;
      display: block;
      width: 100%; }
    .page-node-type-annonce .annonce-details .lieu-reference-wrapper {
      margin-bottom: 25px; }
    .page-node-type-annonce .annonce-details .right {
      float: none; }
  .page-node-type-annonce .block-title {
    padding-left: 0; }
    .page-node-type-annonce .block-title .title {
      padding-left: 0; }
  .page-node-type-annonce .annonce .avantage {
    width: 100%;
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .page-node-type-annonce .annonce .wrap-box {
    width: 100%;
    float: none; }
  .page-node-type-annonce .avantage-content {
    margin-bottom: 30px; }
    .page-node-type-annonce .avantage-content:before, .page-node-type-annonce .avantage-content:after {
      content: " ";
      display: table; }
    .page-node-type-annonce .avantage-content:after {
      clear: both; }
    .page-node-type-annonce .avantage-content li {
      float: left;
      width: 50%;
      padding-right: 10px; }
  .page-node-type-annonce .description-contact-wrapper, .page-node-type-annonce .modalite-candidature-wrapper {
    padding: 40px 30px; }
  .page-node-type-annonce .bloc-annonce .bloc-annonce-titre {
    padding-left: 0;
    margin-bottom: 30px; }
    .page-node-type-annonce .bloc-annonce .bloc-annonce-titre:before {
      display: none; }
  .page-node-type-annonce .bloc-annonce .view-content {
    display: block; }
    .page-node-type-annonce .bloc-annonce .view-content .views-row {
      width: 100%;
      margin-bottom: 10px; }
    .page-node-type-annonce .bloc-annonce .view-content .block-titre {
      padding: 0 25px; }
    .page-node-type-annonce .bloc-annonce .view-content .block-price {
      padding: 0 25px; }
    .page-node-type-annonce .bloc-annonce .view-content .block-lieu {
      padding: 0 25px;
      margin-bottom: 30px; }
  .page-node-type-annonce .bloc-annonce .block-image {
    margin-bottom: 35px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
.liste-annonce h1.page-header {
  display: none; }
.liste-annonce .banner-wrapper {
  height: 403px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002057+0,004d8f+100 */
  background: #002057;
  /* Old browsers */
  background: -moz-linear-gradient(left, #002057 0%, #004d94 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #002057 0%, #004d94 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #002057 0%, #004d94 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002057', endColorstr='#004d94',GradientType=1 );
  /* IE6-9 */
  padding-top: 90px; }
  .liste-annonce .banner-wrapper .form-item {
    margin-right: 57px; }
  .liste-annonce .banner-wrapper .js-form-item-field-surface-value {
    margin-right: 0; }
  .liste-annonce .banner-wrapper h1 {
    margin-bottom: 50px; }
.liste-annonce [id^='edit-sort-by'],
.liste-annonce [id^='edit-sort-order'],
.liste-annonce [id^='edit-submit-annonce'],
.liste-annonce .form-item-sort-by,
.liste-annonce .form-item-sort-order {
  display: none; }
.liste-annonce .control-label {
  color: #FFFFFF;
  font-size: 24px;
  font-size: 2rem;
  position: relative;
  margin-right: 20px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: -12px; }
.liste-annonce .number-sort-wrapper {
  padding-top: 85px;
  margin-bottom: 22px; }
  .liste-annonce .number-sort-wrapper:before, .liste-annonce .number-sort-wrapper:after {
    content: " ";
    display: table; }
  .liste-annonce .number-sort-wrapper:after {
    clear: both; }
  .liste-annonce .number-sort-wrapper .nombre-annonce {
    float: left;
    padding-top: 12px;
    font-size: 20px;
    font-size: 1.6666666667rem;
    color: #004D94; }
    .liste-annonce .number-sort-wrapper .nombre-annonce span {
      color: #444444; }
.liste-annonce .views-row {
  border: 1px solid #D9D9D9;
  margin-bottom: 10px;
  width: 100%;
  float: none; }
  .liste-annonce .views-row:before, .liste-annonce .views-row:after {
    content: " ";
    display: table; }
  .liste-annonce .views-row:after {
    clear: both; }
  .liste-annonce .views-row .block-image {
    position: relative;
    width: 38%;
    float: left;
    padding-right: 65px; }
    .liste-annonce .views-row .block-image .neuf {
      background: #FFD539;
      font-family: "Fjalla One", sans-serif;
      color: #004C97;
      font-size: 18px;
      font-size: 1.5rem;
      line-height: 18px;
      font-weight: 400;
      padding: 10px 20px;
      position: absolute;
      top: 30px;
      right: 53px;
      /*    @else if $media == large {
          @media only screen and (min-width: $large + 1) {
              @content;
          }
      } */ }
      @media only screen and (max-width: 991px) {
        .liste-annonce .views-row .block-image .neuf {
          right: -12px;
          top: 20px; } }
      .liste-annonce .views-row .block-image .neuf:before {
        width: 0;
        height: 0;
        border-top: 12px solid #004C97;
        border-right: 12px solid transparent;
        content: '';
        position: absolute;
        right: 0;
        bottom: -12px; }
    .liste-annonce .views-row .block-image img {
      width: 100%; }
    .liste-annonce .views-row .block-image:after {
      position: absolute;
      content: '';
      width: 100%;
      height: 8px;
      top: 0;
      left: 0;
      background: #06CDFC; }
  .liste-annonce .views-row .views-field {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 991px) {
      .liste-annonce .views-row .views-field {
        display: block; } }
  .liste-annonce .views-row .details-wrapper-right {
    width: 26%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    .liste-annonce .views-row .details-wrapper-right .btn-fleche {
      margin: 0 auto;
      display: block;
      text-align: center;
      width: 135px; }
      .liste-annonce .views-row .details-wrapper-right .btn-fleche:hover {
        width: 160px; }
    @media only screen and (max-width: 991px) {
      .liste-annonce .views-row .details-wrapper-right {
        display: block;
        width: 100%;
        margin: 20px auto;
        text-align: center; } }
  .liste-annonce .views-row .details-wrapper {
    width: 36%;
    padding: 27px 0 27px 0;
    float: left; }
    .liste-annonce .views-row .details-wrapper .details-wrapper-left {
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      /*    @else if $media == large {
          @media only screen and (min-width: $large + 1) {
              @content;
          }
      } */ }
      @media only screen and (max-width: 991px) {
        .liste-annonce .views-row .details-wrapper .details-wrapper-left {
          display: block; } }
  .liste-annonce .views-row .block-titre a {
    text-decoration: none;
    font-size: 20px;
    font-size: 1.6666666667rem;
    color: #004D94;
    margin-bottom: 10px; }
  .liste-annonce .views-row .block-price {
    font-size: 40px;
    font-size: 3.3333333333rem;
    color: #444444;
    margin-bottom: 20px; }
  .liste-annonce .views-row .block-description {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 15px;
    font-size: 1.25rem;
    line-height: 25px;
    margin-bottom: 25px; }
  .liste-annonce .views-row .date-lieu-wrapper:before, .liste-annonce .views-row .date-lieu-wrapper:after {
    content: " ";
    display: table; }
  .liste-annonce .views-row .date-lieu-wrapper:after {
    clear: both; }
  .liste-annonce .views-row .block-lieu {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 35px;
    margin-left: 24px;
    margin-bottom: 10px;
    color: #004D94;
    font-size: 16px;
    font-size: 1.3333333333rem; }
    .liste-annonce .views-row .block-lieu .icon {
      position: absolute;
      top: 0px;
      left: -24px; }
    .liste-annonce .views-row .block-lieu .svg-icon {
      fill: #06CDFC;
      width: 14px;
      height: 20px; }
  .liste-annonce .views-row .block-date {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-size: 1.25rem;
    float: left;
    color: #444444;
    font-weight: 300; }


div.annonce-switch {
  width: 230px;
  height: 48px;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 35px;
  padding: 3px 33px 3px 3px;
  border-radius: 24px;
  border: solid 1px #06ccfb;
}
div.switch-louer-actif {
  width: 112px;
  height: 42px;
  margin: 0 30px 0 0;
  padding: 10px 20px 10px;
  border-radius: 21.1px;
  border: solid 1px #fff;
  background-color: #fff;
}
div.switch-acheter-actif {
  width: 120px;
    height: 41px;
    margin: 0 0px 0px 103px;
    padding: 11px 5px 10px 9px;
    border-radius: 21.1px;
    border: solid 1px #fff;
    background-color: #fff;
}
span.span-louer-actif {
  width: 38px;
  height: 20px;
  font-family: "Fjalla One", sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #004d92;
}
span.span-acheter-actif {
  width: 38px;
  height: 20px;
  font-family: "Fjalla One", sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #004d92;
}
div.switch-acheter {
    float: right;
    margin-top: -30px;
}
div.switch-louer {
    float: left;
    margin-top: 12px;
    margin-left: 5px;
    color:#fff;
}
span.span-louer {
  width: 52px;
  height: 20px;
  margin: 12px 0 10px 30px;
  font-family: "Fjalla One", sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}
span.span-acheter {
  width: 52px;
  height: 20px;
  margin: 12px 0 10px 30px;
  font-family: "Fjalla One", sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}
a.link-acheter {
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}
a.link-louer {
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}
/*** Responsive ***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */

@media only screen and (max-width: 1199px) {
  .liste-annonce .banner-wrapper {
    height: 417px;
    padding-top: 30px;
    }
    .liste-annonce .banner-wrapper .form-item {
      margin-bottom: 60px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 991px) {
  .liste-annonce .view-content .number-sort-wrapper {
    padding-top: 40px; }
    .liste-annonce .view-content .number-sort-wrapper .nombre-annonce {
      padding-top: 0;
      float: none;
      margin-bottom: 45px;
      text-align: center; }
    .liste-annonce .view-content .number-sort-wrapper label {
      display: block;
      margin-bottom: 15px; }
    .liste-annonce .view-content .number-sort-wrapper .sort {
      float: none;
      width: 100%;
      text-align: center; }
  .liste-annonce .views-row .block-image, .liste-annonce .views-row .details-wrapper {
    float: none;
    width: 100%;
    display: block; }
  .liste-annonce .views-row .details-wrapper {
    padding: 35px 25px 25px 25px; }
  .liste-annonce .views-row .block-image {
    padding-right: 0; }
    .liste-annonce .views-row .block-image:after {
      top: auto;
      bottom: -8px;
      width: 50%; }
  .liste-annonce .views-row .block-lieu, .liste-annonce .views-row .block-date {
    width: 100%;
    float: none;
    display: block; }
  .liste-annonce .views-row .block-lieu {
    width: 100%; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .liste-annonce .banner-wrapper {
    height: 695px;
    padding-top: 60px; }
    .liste-annonce .banner-wrapper .form-item {
      margin-right: 0;
      margin-bottom: 27px; }
    .liste-annonce .banner-wrapper .control-label {
      display: block;
      margin-bottom: 15px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
.path-webform .internal {
  width: 100%;
  position: relative;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4bcd6b+0,45b0ff+100 */
  background: #4bcd6b;
  /* Old browsers */
  background: -moz-linear-gradient(left, #4bcd6b 0%, #45b0ff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #4bcd6b 0%, #45b0ff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #4bcd6b 0%, #45b0ff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bcd6b', endColorstr='#45b0ff',GradientType=1 );
  /* IE6-9 */
  -webkit-box-shadow: 0 5px 12px -2px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 5px 12px -2px rgba(0, 0, 0, 0.45);
  box-shadow: 0 5px 12px -2px rgba(0, 0, 0, 0.45);
  height: 313px; }
  .path-webform .internal h1 {
    color: #FFFFFF;
    text-align: center;
    padding-top: 90px;
    padding-left: 15px;
    padding-right: 15px; }
.path-webform .webform-chapo p {
  padding: 50px 40px;
  background: #004D94;
  color: #FFFFFF;
  width: 60%;
  margin: -105px auto 65px;
  font-size: 18px;
  font-size: 1.5rem;
  font-family: "Roboto", sans-serif;
  text-align: center;
  font-weight: 300; }
.path-webform .webform-title {
  font-size: 40px;
  font-size: 3.3333333333rem;
  color: #004D94;
  margin-bottom: 50px; }
.path-webform .webform-subtitle {
  font-size: 24px;
  font-size: 2rem;
  color: #004D94;
  position: relative;
  margin: 50px 0;
  padding-left: 0; }
  .path-webform .webform-subtitle:after {
    content: '';
    position: absolute;
    height: 3px;
    width: 75px;
    background: #06CDFC;
    left: 0;
    top: auto;
    margin-top: 0;
    bottom: -10px; }
.path-webform .form-item label {
  display: inline-block;
  width: 115px;
  padding-right: 25px;
  text-align: right;
  font-size: 16px;
  font-weight: normal;
  color: #004D94; }
.path-webform .form-item input {
  display: inline-block;
  width: 275px;
  border: 1px solid #D9D9D9;
  box-shadow: none;
  height: 45px;
  margin-bottom: 21px; }
  .path-webform .form-item input.form-tel {
    vertical-align: baseline; }
.path-webform .form-item.webform-select-other-input {
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 767px) {
    .path-webform .form-item.webform-select-other-input {
      width: 100% !important; } }
  .path-webform .form-item.webform-select-other-input input {
    margin: 20px 0 0; }
.path-webform .form-required:after {
  display: none; }
.path-webform textarea {
  width: 645px;
  box-shadow: none;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-bottom: 25px; }
.path-webform .g-recaptcha {
  margin-bottom: 35px; }
.path-webform .webform-button--submit {
  display: none; }
.path-webform .btn-fleche {
  cursor: pointer; }
.path-webform .form-group {
  margin-bottom: 0; }
.path-webform .message-confirmation {
  text-align: center; }
  .path-webform .message-confirmation .tick {
    display: inline-block;
    padding: 18px 25px;
    background: #FFFFFF;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-size: 0.9166666667rem;
    color: #004D94;
    border-radius: 35px;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid transparent;
    border: 1px solid #004D94;
    position: relative;
    padding-left: 50px; }
    .path-webform .message-confirmation .tick .svg-icon {
      width: 16px;
      height: 12px;
      fill: #004D94;
      display: inline-block;
      position: absolute;
      top: 19px;
      left: 28px; }
.path-webform .webform-submission-form .panel {
  border: 0;
  background: transparent;
  box-shadow: none; }
  .path-webform .webform-submission-form .panel:before, .path-webform .webform-submission-form .panel:after {
    content: " ";
    display: table; }
  .path-webform .webform-submission-form .panel:after {
    clear: both; }
.path-webform .webform-submission-form .panel-heading {
  display: inline-block;
  width: 115px;
  padding: 0 25px 0 0;
  text-align: right;
  font-size: 16px;
  font-weight: normal;
  color: #004D94;
  background: transparent;
  border: 0;
  vertical-align: top; }
.path-webform .webform-submission-form .js-form-item-ville .select-wrapper .open button {
  padding: 12px 26px 20px; }
.path-webform .webform-submission-form .panel-body, .path-webform .webform-submission-form .js-form-item-ville .select-wrapper {
  display: inline-block;
  width: 275px;
  box-shadow: none;
  padding: 0;
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 767px) {
    .path-webform .webform-submission-form .panel-body, .path-webform .webform-submission-form .js-form-item-ville .select-wrapper {
      width: 100%; } }
  .path-webform .webform-submission-form .panel-body button, .path-webform .webform-submission-form .js-form-item-ville .select-wrapper button {
    display: block;
    border: 1px solid #D9D9D9;
    border-radius: 25px;
    position: relative;
    padding: 12px 26px 6px;
    font-size: 15px;
    font-size: 1.25rem;
    font-family: "Roboto", sans-serif;
    color: #004D94;
    font-weight: 400;
    background: transparent;
    box-shadow: none; }
    .path-webform .webform-submission-form .panel-body button:hover, .path-webform .webform-submission-form .panel-body button:focus, .path-webform .webform-submission-form .js-form-item-ville .select-wrapper button:hover, .path-webform .webform-submission-form .js-form-item-ville .select-wrapper button:focus {
      background: transparent; }
  .path-webform .webform-submission-form .panel-body .form-select, .path-webform .webform-submission-form .js-form-item-ville .select-wrapper .form-select {
    height: 100%;
    box-shadow: none; }
.path-webform .dropdown-menu {
  margin-top: -20px; }
.path-webform .select-wrapper {
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 767px) {
    .path-webform .select-wrapper {
      width: 100%; } }
.path-webform .js-form-item-j-accepte-que-hauts-de-seine-habitat-collecte-et-utilise-les-don .checker.focus {
  border: 1px solid #06CDFC; }

/***States ***/
.path-webform .form-item input:focus {
  border: 1px solid #06CDFC; }

/***Responsive***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 991px) {
  .path-webform .webform-chapo {
    width: 80%; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (min-width: 768px) and (max-width: 900px) {
  .path-webform .internal h1 {
    padding-top: 33px; } }
@media only screen and (max-width: 767px) {
  .path-webform .internal {
    height: 400px; }
    .path-webform .internal .actualite-title {
      padding-top: 100px; }
  .path-webform .webform-chapo {
    padding: 25px;
    width: 100%;
    margin: -100px 0 38px; }
  .path-webform .form-item label {
    padding-right: 0; }
  .path-webform .form-item label, .path-webform .form-item input {
    display: block;
    width: 100%;
    text-align: left; }
  .path-webform textarea {
    width: 100%; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
.path-frontpage .bg-relative {
  position: relative; }
.path-frontpage.menu-transparent.user-logged-in .header {
  height: 82px;
  padding-top: 0; }
.path-frontpage.menu-transparent .header {
  background: transparent;
  box-shadow: none; }
  .path-frontpage.menu-transparent .header .hdshLogo {
    width: 115px;
    height: 115px;
    padding: 14px;
    left: -65px;
    background: #FFFFFF;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }
  .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.menu-item.myitem-7:before {
    top: 4px; }
  .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.menu-item.myitem-7 > .menu-link {
    background-color: #004C95;
    padding: 10px 50px 15px 25px;
    border-radius: 100px;
    margin: 0 0 14px 41px;
    color: #fff; }
  .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.myitem-6, .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.myitem-7 {
    position: relative; }
    .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.myitem-6:before, .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.myitem-7:before {
      top: 18px;
      background: #FFFFFF;
      /*    @else if $media == large {
          @media only screen and (min-width: $large + 1) {
              @content;
          }
      } */ }
      @media only screen and (max-width: 1300px) {
        .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.myitem-6:before, .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.myitem-7:before {
          top: 60px; } }
      @media only screen and (max-width: 1240px) {
        .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.myitem-6:before, .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.myitem-7:before {
          top: 5px; } }
      @media only screen and (max-width: 991px) {
        .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.myitem-6:before, .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.myitem-7:before {
          display: none; } }
    .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.myitem-6 .menu-link, .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.myitem-7 .menu-link {
      padding-left: 80px;
      /*    @else if $media == large {
          @media only screen and (min-width: $large + 1) {
              @content;
          }
      } */
      /*    @else if $media == large {
          @media only screen and (min-width: $large + 1) {
              @content;
          }
      } */ }
      @media only screen and (max-width: 1199px) {
        .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.myitem-6 .menu-link, .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.myitem-7 .menu-link {
          padding-left: 40px; } }
      @media only screen and (max-width: 991px) {
        .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.myitem-6 .menu-link, .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.myitem-7 .menu-link {
          padding-left: 10px;
          padding-right: 0;
          margin-right: 60px; } }
  .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.menu-item > .menu-link {
    padding-top: 70px;
    color: #FFFFFF;
    border: none;
    background: transparent;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 991px) {
      .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.menu-item > .menu-link {
        padding-top: 30px; } }
    .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.menu-item > .menu-link :before {
      color: #06CDFC; }
.path-frontpage .banner-content-wrapper {
  padding-top: 0; }
.path-frontpage .image-full-wrapper {
  position: relative;
  margin-bottom: 62px; }
  .path-frontpage .image-full-wrapper .details {
    /* padding-top:185px; */
    padding-left: 190px;
    padding-right: 135px; }
  .path-frontpage .image-full-wrapper .type-date-wrapper {
    width: 100%;
    font-size: 13px;
    font-size: 1.0833333333rem;
    color: #FFFFFF;
    margin-bottom: 15px;
    text-transform: uppercase; }
  .path-frontpage .image-full-wrapper .actualite-type {
    display: inline-block;
    margin-right: 14px; }
    .path-frontpage .image-full-wrapper .actualite-type div {
      display: inline-block; }
    .path-frontpage .image-full-wrapper .actualite-type .icon .svg-icon {
      fill: #FFD539 !important; }
  .path-frontpage .image-full-wrapper .actualite-date {
    display: inline-block; }
    .path-frontpage .image-full-wrapper .actualite-date div {
      display: inline-block; }
  .path-frontpage .image-full-wrapper .icon {
    display: inline-block;
    width: 7px;
    height: 7px;
    position: relative;
    margin-right: 7px; }
    .path-frontpage .image-full-wrapper .icon .svg-icon {
      width: 7px;
      height: 7px;
      fill: #FFFFFF;
      position: absolute;
      top: -1px;
      left: 0; }
  .path-frontpage .image-full-wrapper .block-titre {
    font-size: 60px;
    font-size: 5rem;
    color: #FFFFFF;
    margin-bottom: 15px; }
.path-frontpage .actu-first-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.path-frontpage .image-bg-wrapper .image-container {
  position: relative; }
  .path-frontpage .image-bg-wrapper .image-container > img {
    width: 100%; }
  .path-frontpage .image-bg-wrapper .image-container:after {
    content: '';
    opacity: 0.35;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100
                    background: #ffffff; Old browsers
                    background: -moz-linear-gradient(left, #ffffff 0%, #000000 100%); FF3.6-15
                    background: -webkit-linear-gradient(left, #ffffff 0%,#000000 100%); Chrome10-25,Safari5.1-6
                    background: linear-gradient(to right, #ffffff 0%,#000000 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 ); IE6-9 */ }
.path-frontpage .pres-d-chez-wrap {
  text-align: center; }
  .path-frontpage .pres-d-chez-wrap .block-actualite-title {
    position: relative;
    display: inline-block;
    font-size: 22px;
    font-size: 1.8333333333rem;
    color: #004D94;
    margin-bottom: 35px; }
    .path-frontpage .pres-d-chez-wrap .block-actualite-title:before {
      content: '';
      position: relative;
      display: inline-block;
      margin-right: 16px;
      width: 40px;
      height: 3px;
      top: -5px;
      background: #06CDFC; }
.path-frontpage .home-actu-wrap {
  margin-left: -2px;
  margin-right: -2px;
  margin-bottom: 45px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }
  .path-frontpage .home-actu-wrap:before, .path-frontpage .home-actu-wrap:after {
    content: " ";
    display: table; }
  .path-frontpage .home-actu-wrap:after {
    clear: both; }
  .path-frontpage .home-actu-wrap:before {
    display: none; }
  .path-frontpage .home-actu-wrap .block-actualite {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    /* padding:1px 2px 1px 2px; */
    margin-bottom: 10px;
    padding: 1px 3px;
    /* padding left and right: pad L and R + border , padding top+bottom: border*/ }
    @media (min-width: 992px) {
      .path-frontpage .home-actu-wrap .block-actualite {
        float: left;
        width: 33.3333333333%; } }
    .path-frontpage .home-actu-wrap .block-actualite:after {
      content: '';
      position: absolute;
      top: 0;
      left: 2px;
      width: calc(100% - 4px );
      height: 100%;
      border: 1px solid #D9D9D9;
      background: none;
      z-index: -1; }
  .path-frontpage .home-actu-wrap .block-image {
    margin-bottom: 50px;
    position: relative; }
    .path-frontpage .home-actu-wrap .block-image a {
      display: block;
      overflow: hidden; }
    .path-frontpage .home-actu-wrap .block-image:after {
      position: absolute;
      content: '';
      height: 8px;
      width: 50%;
      bottom: -8px;
      left: 0;
      background: inherit;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
  .path-frontpage .home-actu-wrap .type-date-wrapper {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    padding: 0 40px;
    text-transform: uppercase;
    color: #004D94;
    font-size: 13px;
    font-size: 1.0833333333rem; }
  .path-frontpage .home-actu-wrap .block-titre {
    width: 100%;
    display: block;
    font-size: 25px;
    font-size: 2.0833333333rem;
    color: #444444;
    padding: 0 40px 30px; }
    .path-frontpage .home-actu-wrap .block-titre a {
      color: #444444;
      text-decoration: none;
      cursor: pointer; }
  .path-frontpage .home-actu-wrap a img {
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    /* IE 9 */
    -webkit-transform: translateZ(0);
    /* Chrome, Safari, Opera */
    transform: translateZ(0);
    transform: scale(1.02); }
  .path-frontpage .home-actu-wrap .actualite-type {
    display: inline-block;
    margin-right: 14px; }
    .path-frontpage .home-actu-wrap .actualite-type div {
      display: inline-block; }
    .path-frontpage .home-actu-wrap .actualite-type .icon .svg-icon {
      fill: #FFD539; }
  .path-frontpage .home-actu-wrap .actualite-date {
    display: inline-block; }
    .path-frontpage .home-actu-wrap .actualite-date div {
      display: inline-block; }
  .path-frontpage .home-actu-wrap .icon {
    display: inline-block;
    width: 7px;
    height: 7px;
    position: relative;
    margin-right: 7px; }
    .path-frontpage .home-actu-wrap .icon .svg-icon {
      width: 7px;
      height: 7px;
      fill: #004D94;
      position: absolute;
      top: -1px;
      left: 0; }
.path-frontpage .bloc-services {
  position: relative;
  padding: 84px 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002057+0,004d8f+100 */
  background: #002057;
  /* Old browsers */
  background: -moz-linear-gradient(left, #002057 0%, #004d94 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #002057 0%, #004d94 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #002057 0%, #004d94 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002057', endColorstr='#004d94',GradientType=1 );
  /* IE6-9 */
  margin-bottom: 115px; }
  .path-frontpage .bloc-services h1 {
    color: #fff;
    position: relative;
    font-size: 3.33333rem;
    margin-bottom: 45px;
    padding-left: 192px;
    margin-top: 0;
    line-height: 46px; }
    .path-frontpage .bloc-services h1:after {
      content: '';
      position: absolute;
      top: 50%;
      margin-top: -3px;
      left: 0;
      width: 155px;
      height: 3px;
      background: #004D94; }
  .path-frontpage .bloc-services h2 {
    color: #FFFFFF; }
  .path-frontpage .bloc-services .tab-content {
    border: none;
    background: #FFFFFF; }
    .path-frontpage .bloc-services .tab-content ul {
      font-size: 0; }
    .path-frontpage .bloc-services .tab-content li {
      width: 50%;
      display: inline-block;
      padding-right: 20px; }
    .path-frontpage .bloc-services .tab-content a {
      font-size: 24px;
      font-size: 2rem;
      position: relative;
      color: #004D94;
      font-family: "Fjalla One", sans-serif;
      text-decoration: none;
      display: block;
      padding-left: 55px; }
    .path-frontpage .bloc-services .tab-content .svg-icon {
      position: absolute;
      top: 50%;
      margin-top: -17px;
      left: 0;
      width: 35px;
      height: 35px;
      fill: #06CDFC; }
  .path-frontpage .bloc-services .tabs-wrapper {
    border: none; }
  .path-frontpage .bloc-services .panel-group ul, .path-frontpage .bloc-services .panel-group li {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .path-frontpage .bloc-services .panel-group li {
    margin-bottom: 30px; }
  .path-frontpage .bloc-services .panel-group li:last-child {
    margin-bottom: 0; }
  .path-frontpage .bloc-services .panel-body a {
    font-size: 24px;
    font-size: 2rem;
    color: #004D94;
    font-family: "Fjalla One", sans-serif;
    text-decoration: none;
    display: block; }
  .path-frontpage .bloc-services .panel-body .svg-icon {
    display: none; }
.path-frontpage .bloc-patrimoine h1 {
  position: relative;
  font-size: 3.33333rem;
  margin-bottom: 45px;
  padding-left: 192px;
  margin-top: 0;
  line-height: 46px;
  color: #004D94; }
  .path-frontpage .bloc-patrimoine h1:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 0;
    width: 155px;
    height: 3px;
    background: #004D94; }
.path-frontpage .bloc-patrimoine .carte-wrapper {
  position: relative;
  z-index: 1; }
  .path-frontpage .bloc-patrimoine .carte-wrapper:after {
    position: absolute;
    content: '';
    top: 105px;
    left: -100%;
    width: 300%;
    height: 490px;
    background: #06CDFC;
    z-index: -1; }
  .path-frontpage .bloc-patrimoine .carte-wrapper .addional-wrap {
    width: 100%;
    overflow: hidden; }
  .path-frontpage .bloc-patrimoine .carte-wrapper iframe {
    min-width: 726px;
    width: 900px;
    margin: 0 auto;
    display: block;
    z-index: 2; }
.path-frontpage .bloc-type-de-residence .view-content {
  margin-left: -2px;
  margin-right: -2px;
  margin-bottom: 45px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .path-frontpage .bloc-type-de-residence .view-content:before, .path-frontpage .bloc-type-de-residence .view-content:after {
    content: " ";
    display: table; }
  .path-frontpage .bloc-type-de-residence .view-content:after {
    clear: both; }
  .path-frontpage .bloc-type-de-residence .view-content:before {
    display: none; }
  .path-frontpage .bloc-type-de-residence .view-content .views-field {
    position: relative; }
  .path-frontpage .bloc-type-de-residence .view-content .color-type-residence {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px; }
  .path-frontpage .bloc-type-de-residence .view-content .views-row {
    position: relative;
    width: 33.333333333333333%;
    display: inline-block;
    margin-bottom: 10px;
    padding: 1px 3px;
    vertical-align: top;
    text-align: center;
    /* padding left and right: pad L and R + border , padding top+bottom: border*/ }
    .path-frontpage .bloc-type-de-residence .view-content .views-row:after {
      content: '';
      position: absolute;
      top: 0;
      left: 2px;
      width: calc(100% - 4px );
      height: 100%;
      border: 1px solid #D9D9D9;
      background: none;
      z-index: -1; }
  .path-frontpage .bloc-type-de-residence .view-content .picto-patrimoine {
    padding-top: 58px; }
    .path-frontpage .bloc-type-de-residence .view-content .picto-patrimoine .svg-icon {
      width: 40px;
      height: 40px;
      display: block;
      margin: 0 auto;
      fill: #06CDFC;
      margin-bottom: 28px; }
  .path-frontpage .bloc-type-de-residence .view-content .title-wrapper {
    font-size: 24px;
    font-size: 2rem;
    color: #004D94;
    text-align: center;
    margin-bottom: 40px;
    padding: 0 40px; }
    .path-frontpage .bloc-type-de-residence .view-content .title-wrapper span {
      color: #000; }
  .path-frontpage .bloc-type-de-residence .view-content .btn-fleche {
    margin-bottom: 48px; }
.path-frontpage .bloc-logement-social {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002057+0,004d8f+100 */
  background: #002057;
  /* Old browsers */
  background: -moz-linear-gradient(left, #002057 0%, #004d94 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #002057 0%, #004d94 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #002057 0%, #004d94 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002057', endColorstr='#004d94',GradientType=1 );
  /* IE6-9 */
  -webkit-box-shadow: 0 5px 12px -2px rgba(0, 0, 0, 0.85);
  -moz-box-shadow: 0 5px 12px -2px rgba(0, 0, 0, 0.85);
  box-shadow: 0 5px 12px -2px rgba(0, 0, 0, 0.85);
  margin-bottom: 115px; }
  .path-frontpage .bloc-logement-social .logement-social-wrapper {
    padding: 60px 75px; }
    .path-frontpage .bloc-logement-social .logement-social-wrapper:before, .path-frontpage .bloc-logement-social .logement-social-wrapper:after {
      content: " ";
      display: table; }
    .path-frontpage .bloc-logement-social .logement-social-wrapper:after {
      clear: both; }
  .path-frontpage .bloc-logement-social .logement-social {
    font-size: 40px;
    font-size: 3.3333333333rem;
    color: #FFFFFF;
    float: left; }
  .path-frontpage .bloc-logement-social .btn-fleche {
    float: right;
    background: #FFFFFF;
    color: #002057; }
.path-frontpage .bloc-basdepage {
  position: relative;
  z-index: 1; }
  .path-frontpage .bloc-basdepage h1 {
    position: relative;
    font-size: 3.33333rem;
    margin-bottom: 45px;
    padding-left: 192px;
    margin-top: 0;
    line-height: 46px;
    color: #004D94; }
    .path-frontpage .bloc-basdepage h1:after {
      content: '';
      position: absolute;
      top: 50%;
      margin-top: -3px;
      left: 0;
      width: 155px;
      height: 3px;
      background: #004D94; }
  .path-frontpage .bloc-basdepage .background {
    position: absolute;
    top: 222px;
    left: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4bcd6b+0,45b0ff+100 */
    background: #4bcd6b;
    /* Old browsers */
    background: -moz-linear-gradient(left, #4bcd6b 0%, #45b0ff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #4bcd6b 0%, #45b0ff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #4bcd6b 0%, #45b0ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bcd6b', endColorstr='#45b0ff',GradientType=1 );
    /* IE6-9 */
    z-index: -1; }
.path-frontpage .bloc-details-homepage {
  z-index: 2;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  background: #FFFFFF;
  margin-bottom: 90px; }
  .path-frontpage .bloc-details-homepage .bloc-child {
    position: relative;
    width: 33.3333333%;
    padding: 65px 55px 110px; }
    .path-frontpage .bloc-details-homepage .bloc-child:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10px; }
    .path-frontpage .bloc-details-homepage .bloc-child.communique-de-presse:after {
      background: #06CDFC; }
    .path-frontpage .bloc-details-homepage .bloc-child.organisation-homepage:after {
      background: #A6C356; }
    .path-frontpage .bloc-details-homepage .bloc-child.contact-homepage:after {
      background: #004D94; }
    .path-frontpage .bloc-details-homepage .bloc-child h2 {
      font-size: 24px;
      font-size: 2rem;
      text-align: center;
      color: #004D94;
      margin-bottom: 23px;
      margin: 0 0 23px;
      height: 68px;
      padding: 0;
      line-height: normal; }
      .path-frontpage .bloc-details-homepage .bloc-child h2:after {
        display: none; }
    .path-frontpage .bloc-details-homepage .bloc-child ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
    .path-frontpage .bloc-details-homepage .bloc-child li {
      margin: 0 0 40px;
      padding: 0; }
      .path-frontpage .bloc-details-homepage .bloc-child li:before, .path-frontpage .bloc-details-homepage .bloc-child li:after {
        content: " ";
        display: table; }
      .path-frontpage .bloc-details-homepage .bloc-child li:after {
        clear: both; }
      .path-frontpage .bloc-details-homepage .bloc-child li:last-child {
        margin-bottom: 0; }
  .path-frontpage .bloc-details-homepage .download-icn {
    width: 15px;
    float: left; }
    .path-frontpage .bloc-details-homepage .download-icn svg {
      width: 15px;
      height: 20px; }
  .path-frontpage .bloc-details-homepage .title-download-wrapper {
    float: left;
    padding-left: 18px;
    width: calc(100% - 15px); }
    .path-frontpage .bloc-details-homepage .title-download-wrapper .communique-de-presse-title {
      font-size: 22px;
      font-size: 1.8333333333rem;
      line-height: 30px;
      margin-bottom: 15px; }
    .path-frontpage .bloc-details-homepage .title-download-wrapper span {
      text-transform: none; }
  .path-frontpage .bloc-details-homepage .description {
    font-size: 18px;
    font-size: 1.5rem;
    font-family: "Roboto", sans-serif;
    line-height: 28px;
    font-weight: 300;
    text-align: center; }
  .path-frontpage .bloc-details-homepage .organisation-homepage {
    position: relative; }
    .path-frontpage .bloc-details-homepage .organisation-homepage:before {
      position: absolute;
      content: '';
      top: 16%;
      left: 0;
      width: 1px;
      height: 72%;
      background: #D9D9D9; }
  .path-frontpage .bloc-details-homepage .contact-homepage:before {
    position: absolute;
    content: '';
    top: 16%;
    left: 0;
    width: 1px;
    height: 72%;
    background: #D9D9D9; }
  .path-frontpage .bloc-details-homepage .contact-homepage .description {
    margin-bottom: 35px; }
  .path-frontpage .bloc-details-homepage .contact-homepage .numero {
    font-family: "Fjalla One", sans-serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 2rem;
    margin-bottom: 35px;
    color: #004D94;
    text-align: center; }
  .path-frontpage .bloc-details-homepage .contact-homepage .description:last-child {
    margin-bottom: 0; }
  .path-frontpage .bloc-details-homepage .contact-homepage .icon {
    display: inline-block;
    margin-right: 10px; }
  .path-frontpage .bloc-details-homepage .contact-homepage .svg-icon {
    width: 23px;
    height: 23px; }
  .path-frontpage .bloc-details-homepage .numero .mobile {
    display: none; }
  .path-frontpage .bloc-details-homepage .numero .desktop {
    display: inline-block; }
  .path-frontpage .bloc-details-homepage .numero a {
    text-decoration: none;
    color: #004D94; }
.path-frontpage .footer {
  margin-top: 0; }
.path-frontpage .vjs-default-skin.vjs-paused .vjs-big-play-button {
  display: none; }
.path-frontpage #myVideoHomepage {
  z-index: -2;
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media (min-width: 769px) and (max-width: 1200px) {
    .path-frontpage #myVideoHomepage {
      height: 539px !important; } }
  @media only screen and (max-width: 991px) {
    .path-frontpage #myVideoHomepage {
      position: absolute;
      width: 100% !important;
      top: 24%;
      height: auto !important; } }
  .path-frontpage #myVideoHomepage .vjs-loading-spinner {
    display: none !important; }
.path-frontpage .video-js .vjs-big-play-button {
  opacity: 0 !important; }
.path-frontpage .block-video-homepage {
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  .path-frontpage .block-video-homepage:after {
    content: '';
    opacity: 0.35;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000; }
  @media only screen and (max-width: 991px) {
    .path-frontpage .block-video-homepage {
      height: 536px; } }
.path-frontpage #myVideoHomepage {
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 1199px) {
    .path-frontpage #myVideoHomepage {
      height: 404px;
      display: block;
      max-width: initial;
      width: auto; } }
.path-frontpage #myVideoHomepageInfo {
  top: 38%;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 767px) {
    .path-frontpage #myVideoHomepageInfo {
      top: 63.3%; }
      .path-frontpage #myVideoHomepageInfo h1 {
        margin-top: 17px;
        margin-bottom: 0px; } }
.path-frontpage #myVideoHomepageInfo .container {
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (min-width: 1201px) {
    .path-frontpage #myVideoHomepageInfo .container {
      padding-left: 16em; } }
  @media only screen and (max-width: 991px) {
    .path-frontpage #myVideoHomepageInfo .container {
      padding-left: 2em; } }
.path-frontpage .myVideoHomepage button {
  background: url("../images/icons/pause.png") transparent no-repeat;
  height: 18px;
  width: 23px;
  text-indent: -9999px;
  border: none;
  display: flex;
  margin-left: auto;
  position: absolute;
  top: 90%;
  right: 8%;
  outline: none; }
.path-frontpage .myVideoHomepage .play-bouton {
  background: url("../images/icons/play.png") transparent no-repeat;
  height: 22px;
  width: 19px; }

/***States***/
.path-frontpage .block-actualite:hover .block-image:after, .path-frontpage .block-actualite:focus .block-image:after {
  width: 100%; }
.path-frontpage .block-actualite:hover a img, .path-frontpage .block-actualite:focus a img {
  -webkit-transform: scale(1.05);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: scale(1.05);
  /* IE 9 */
  transform: scale(1.05);
  /* Firefox 16+, IE 10+, Opera */ }

/*** Responsive ***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 1199px) {
  .path-frontpage .image-full-wrapper .details {
    padding-left: 90px;
    padding-right: 90px; }
  .path-frontpage .bloc-details-homepage .bloc-child .title {
    height: 102px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 1700px) {
  .path-frontpage .image-full-wrapper .block-titre {
    margin-bottom: 30px; } }
@media only screen and (max-width: 1300px) {
  .path-frontpage.menu-transparent .header {
    background: transparent; }
    .path-frontpage.menu-transparent .header .hdshLogo {
      width: 95px;
      height: 95px;
      padding: 14px;
      left: -30px;
      top: 30px;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px; }
    .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li > a {
      padding-top: 70px; }
    .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.menu-item > span {
      padding-top: 70px; }
    .path-frontpage.menu-transparent .header li.no-hover a::before {
      top: 60px; } }
@media only screen and (max-width: 1240px) {
  .path-frontpage .image-full-wrapper .block-titre {
    font-size: 40px;
    font-size: 3.3333333333rem;
    margin-bottom: 30px; }
  .path-frontpage .image-bg-wrapper, .path-frontpage .image-container {
    height: 475px;
    overflow: hidden; }
  .path-frontpage .image-bg-wrapper .image-container > img {
    position: absolute;
    width: 1400px;
    top: 50%;
    left: 50%;
    margin-left: -700px;
    margin-top: -268px;
    max-width: 1400px;
    height: 536px; }
  .path-frontpage.menu-transparent .header {
    background: transparent; }
    .path-frontpage.menu-transparent .header .hdshLogo {
      padding: 8px;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      position: absolute;
      width: 65px;
      height: 65px;
      padding: 8px;
      left: 5px;
      top: 11px;
      z-index: 3;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
    .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li > a {
      padding-top: 30px; }
    .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li > .menu-link {
      padding-top: 30px; }
    .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.menu-item > .menu-link {
      padding-top: 30px; }
    .path-frontpage.menu-transparent .header li.no-hover a::before {
      top: 20px; }
  .path-frontpage.menu-transparent .mobile-menu .svg-icon {
    fill: #FFFFFF; }
  .path-frontpage.menu-transparent.overf-hidden .block-menu-mobile-block .svg-icon {
    fill: #004D94; }
  .path-frontpage.menu-transparent.overf-hidden .hdsh-horizontal-menu > li:last-child > .menu-link {
    color: #004D94; }
  .path-frontpage.menu-transparent.overf-hidden .hdsh-icon-esp-locataire:before {
    color: #004D94; }
  .path-frontpage.menu-transparent.overf-hidden .block-menu-mobile-block {
    right: 12px; } }
@media only screen and (max-width: 1200px) {
  .path-frontpage.menu-transparent .header .hdsh-horizontal-menu > li.myitem-6 > a {
    padding-left: 36px;
    padding-top: 14px; } }
@media only screen and (max-width: 991px) {
  .path-frontpage.menu-transparent.overf-hidden .header {
    background: #FFFFFF; }
    .path-frontpage.menu-transparent.overf-hidden .header a {
      color: #004D94; }
  .path-frontpage .image-full-wrapper .details {
    padding-left: 0;
    padding-right: 0; }
  .path-frontpage .home-actu-wrap {
    margin-left: -2px;
    margin-right: -2px; }
    .path-frontpage .home-actu-wrap:before, .path-frontpage .home-actu-wrap:after {
      content: " ";
      display: table; }
    .path-frontpage .home-actu-wrap:after {
      clear: both; }
    .path-frontpage .home-actu-wrap:before {
      display: none; }
    .path-frontpage .home-actu-wrap .block-actualite {
      position: relative;
      min-height: 1px;
      padding-left: 0;
      padding-right: 0;
      padding: 1px 3px; } }
    @media only screen and (max-width: 991px) and (min-width: 768px) {
      .path-frontpage .home-actu-wrap .block-actualite {
        float: left;
        width: 33.3333333333%; } }
@media only screen and (max-width: 991px) {
  .path-frontpage .bloc-patrimoine .carte-wrapper .addional-wrap {
    width: 100%;
    overflow: scroll; }
  .path-frontpage .bloc-logement-social {
    margin-bottom: 80px; }
    .path-frontpage .bloc-logement-social .logement-social-wrapper {
      padding: 74px 35px;
      text-align: center; }
    .path-frontpage .bloc-logement-social .logement-social {
      display: block;
      float: none;
      margin-bottom: 40px; }
    .path-frontpage .bloc-logement-social .btn-fleche {
      display: inline-block;
      float: none; }
  .path-frontpage .bloc-details-homepage {
    display: block; }
    .path-frontpage .bloc-details-homepage .bloc-child {
      position: relative;
      width: 100%;
      padding: 60px 30px 75px; }
      .path-frontpage .bloc-details-homepage .bloc-child:before {
        display: none; }
      .path-frontpage .bloc-details-homepage .bloc-child .title {
        height: auto; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .path-frontpage {
    /* .image-full-wrapper {
        .block-titre {
            @include font-size(40px);

            margin-bottom: 30px;
        }
    }

    .image-bg-wrapper, .image-container {
        height: 475px;
        overflow: hidden;
    }

    .image-bg-wrapper .image-container > img {
        position: absolute;
        width: 1400px;
        top: 50%;
        left: 50%;
        margin-left: -700px;
        margin-top: -268px;
        max-width: 1400px;
        height: 536px;
    } */ }
    .path-frontpage .image-full-wrapper .block-titre {
      font-size: 25px;
      font-size: 2.0833333333rem;
      margin-bottom: 30px; }
    .path-frontpage .pres-d-chez-wrap {
      text-align: left; }
    .path-frontpage .home-actu-wrap {
      margin-left: -2px;
      margin-right: -2px;
      display: block; }
      .path-frontpage .home-actu-wrap:before, .path-frontpage .home-actu-wrap:after {
        content: " ";
        display: table; }
      .path-frontpage .home-actu-wrap:after {
        clear: both; }
      .path-frontpage .home-actu-wrap:before {
        display: none; }
      .path-frontpage .home-actu-wrap .block-actualite {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 17px;
        padding: 1px 3px;
        /* padding left and right: pad L and R + border , padding top+bottom: border*/ }
      .path-frontpage .home-actu-wrap .type-date-wrapper {
        padding: 0 20px; }
      .path-frontpage .home-actu-wrap .block-titre {
        padding: 0 20px 30px; }
      .path-frontpage .home-actu-wrap:before {
        display: none; }
    .path-frontpage .bloc-services {
      position: relative;
      padding: 45px 0;
      margin-bottom: 75px; }
      .path-frontpage .bloc-services h1 {
        font-size: 40px;
        font-size: 3.3333333333rem;
        padding-left: 0; }
        .path-frontpage .bloc-services h1:after {
          display: none; }
    .path-frontpage .bloc-type-de-residence .view-content {
      display: block; }
      .path-frontpage .bloc-type-de-residence .view-content .views-row {
        width: 100%; }
    .path-frontpage .bloc-patrimoine .carte-wrapper {
      display: none; }
    .path-frontpage .bloc-patrimoine h1 {
      font-size: 40px;
      font-size: 3.3333333333rem;
      padding-left: 0; }
      .path-frontpage .bloc-patrimoine h1:after {
        display: none; }
    .path-frontpage .bloc-details-homepage .numero .mobile {
      display: inline-block; }
    .path-frontpage .bloc-details-homepage .numero .desktop {
      display: none; }
    .path-frontpage .bloc-basdepage h1 {
      font-size: 40px;
      font-size: 3.3333333333rem;
      padding-left: 0; }
      .path-frontpage .bloc-basdepage h1:after {
        display: none; }
    .path-frontpage .bloc-basdepage .background {
      position: absolute;
      top: auto;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 10%;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4bcd6b+0,45b0ff+100 */
      background: #4bcd6b;
      /* Old browsers */
      background: -moz-linear-gradient(left, #4bcd6b 0%, #45b0ff 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #4bcd6b 0%, #45b0ff 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #4bcd6b 0%, #45b0ff 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bcd6b', endColorstr='#45b0ff',GradientType=1 );
      /* IE6-9 */
      z-index: -1; }
    .path-frontpage .bloc-details-homepage .bloc-child .title {
      margin-bottom: 55px; }
    .path-frontpage .footer {
      margin-top: 0; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
#block-videoblockhomepage {
  padding: 105px 0;
  -webkit-box-shadow: 0 5px 19px -2px rgba(3, 3, 3, 0.49);
  -moz-box-shadow: 0 5px 19px -2px rgba(3, 3, 3, 0.49);
  box-shadow: 0 5px 19px -2px rgba(3, 3, 3, 0.49);
  -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  /* easeOutCubic */
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 767px) {
    #block-videoblockhomepage {
      padding: 50px 0; } }
  #block-videoblockhomepage h1 {
    font-size: 3.33333rem;
    margin-bottom: 45px;
    margin-top: 0;
    padding-left: 70px;
    line-height: 46px;
    color: #004D94;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 767px) {
      #block-videoblockhomepage h1 {
        text-align: center;
        padding-left: 0;
        width: 250px;
        margin: 0 auto 45px;
        line-height: 50px; } }
  #block-videoblockhomepage .hp-video-wrapper {
    max-width: 970px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto; }
    #block-videoblockhomepage .hp-video-wrapper iframe {
      width: 100% !important;
      height: 560px !important;
      /*    @else if $media == large {
          @media only screen and (min-width: $large + 1) {
              @content;
          }
      } */ }
      @media only screen and (max-width: 767px) {
        #block-videoblockhomepage .hp-video-wrapper iframe {
          height: 195px; } }
    #block-videoblockhomepage .hp-video-wrapper .hp-video-lien {
      text-align: center;
      margin: 0 auto; }
    #block-videoblockhomepage .hp-video-wrapper .hp-video-texte {
      margin: 60px auto 45px;
      color: #444444;
      font-size: 18px;
      line-height: 28px;
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      /*    @else if $media == large {
          @media only screen and (min-width: $large + 1) {
              @content;
          }
      } */ }
      @media only screen and (max-width: 767px) {
        #block-videoblockhomepage .hp-video-wrapper .hp-video-texte {
          margin: 45px auto;
          text-align: center; } }
    #block-videoblockhomepage .hp-video-wrapper .hp-video-texte, #block-videoblockhomepage .hp-video-wrapper .hp-video-lien {
      max-width: 760px;
      padding: 0 20px;
      width: 100%;
      /*    @else if $media == large {
          @media only screen and (min-width: $large + 1) {
              @content;
          }
      } */ }
      @media only screen and (max-width: 767px) {
        #block-videoblockhomepage .hp-video-wrapper .hp-video-texte, #block-videoblockhomepage .hp-video-wrapper .hp-video-lien {
          padding: 0; } }
  #block-videoblockhomepage .player-youtube {
    position: relative;
    width: 100%;
    height: 100%; }
    #block-videoblockhomepage .player-youtube:hover .picto-play, #block-videoblockhomepage .player-youtube:focus .picto-play {
      background: #06CDFC; }
    #block-videoblockhomepage .player-youtube .picto-play {
      position: absolute;
      font-size: 0;
      z-index: 1;
      background: #002057;
      width: 78px;
      height: 78px;
      margin-top: -39px;
      top: 50%;
      margin-left: -39px;
      left: 50%;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      cursor: pointer;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
    #block-videoblockhomepage .player-youtube .svg-icon {
      position: absolute;
      width: 17px;
      height: 17px;
      z-index: 10;
      fill: #FFFFFF;
      top: 50%;
      left: 50%;
      margin-top: -7px;
      margin-left: -6px; }

.actu-chez-vous-wrapper {
  background: white;
  background: -moz-linear-gradient(top, white 0%, #f0f0ed 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, #f0f0ed));
  background: -webkit-linear-gradient(top, white 0%, #f0f0ed 100%);
  background: -o-linear-gradient(top, white 0%, #f0f0ed 100%);
  background: -ms-linear-gradient(top, white 0%, #f0f0ed 100%);
  background: linear-gradient(to bottom, white 0%, #f0f0ed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0ed', GradientType=0 ); }

.teaser-video-picto {
  width: 45px;
  height: 33px;
  z-index: 10;
  fill: #fff; }

.block-image .teaser-video-picto {
  position: absolute;
  bottom: 10px;
  right: 10px; }

/*
.evitement {
  position: absolute;
  left: -999px;
  width: 1px;
  height: 1px;
  top: auto;
}
.evitement:focus {
  color: black;
  display: inline-block;
  height: auto;
  width: auto;
  position: static;
  margin: auto;
}
*/
.evitement {
  display: inline-block;
  color: #555;
  background: #fff;
  padding: .5em;
  position: absolute;
  left: -99999px;
  z-index: 100; }

.evitement:focus {
  left: 0; }

.path-contact {
  /* 	.footer{
    margin-top:0;

  }

  .banner-content-wrapper{
    padding-bottom:80px;
  } */ }
  .path-contact .internal {
    width: 100%;
    position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4bcd6b+0,45b0ff+100 */
    background: #4bcd6b;
    /* Old browsers */
    background: -moz-linear-gradient(left, #4bcd6b 0%, #45b0ff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #4bcd6b 0%, #45b0ff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #4bcd6b 0%, #45b0ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bcd6b', endColorstr='#45b0ff',GradientType=1 );
    /* IE6-9 */
    height: 313px; }
    .path-contact .internal .contact-title {
      color: #FFFFFF;
      text-align: center;
      padding-top: 90px; }
  .path-contact .chapo {
    padding: 48px 104px;
    background: #004D94;
    color: #FFFFFF;
    width: 60%;
    margin: -105px auto 65px;
    font-size: 18px;
    font-size: 1.5rem;
    font-family: "Roboto", sans-serif;
    text-align: center;
    font-weight: 300; }
  .path-contact h2 {
    padding-left: 0; }
    .path-contact h2:after {
      display: none; }
  .path-contact h3 {
    margin-top: 0;
    position: inherit; }
    .path-contact h3:after {
      bottom: -15px; }
  .path-contact h3.gardien-title:after {
    background: none; }
  .path-contact .contact-button {
    margin-bottom: 50px; }
    .path-contact .contact-button .btn-fleche:first-child {
      margin-right: 35px; }
  .path-contact .block-locataire {
    position: relative; }
  .path-contact .margin-separtor {
    margin-top: 30px; }
  .path-contact .bloc-titre-wrapper {
    margin-top: 50px;
    margin-bottom: -305px; }
  .path-contact .bloc-contenu-contact {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .path-contact .bloc-contenu-contact .title {
      font-size: 16px;
      font-size: 1.3333333333rem;
      color: #004D94;
      margin-bottom: 15px; }
    .path-contact .bloc-contenu-contact .gardien-title {
      font-size: 18px;
      font-size: 1.5rem;
      color: #444444;
      margin: 0;
      line-height: 1.78;
      text-transform: uppercase;
      letter-spacing: normal;
      text-align: left;
      width: 400px !important; }
    .path-contact .bloc-contenu-contact .bloc-contact-child {
      position: relative;
      width: 33.3333333%;
      padding: 42px 46px; }
      .path-contact .bloc-contenu-contact .bloc-contact-child.gardien:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #eff1f4;
        background: #eff1f4;
        z-index: -1; }
      .path-contact .bloc-contenu-contact .bloc-contact-child.espace-locataire:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #eff1f4;
        background: #eff1f4;
        z-index: -1; }
      .path-contact .bloc-contenu-contact .bloc-contact-child.direction-territorialle:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #eff1f4;
        background: #eff1f4;
        z-index: -1; }
    .path-contact .bloc-contenu-contact .bloc-contact-solidarite-left {
      position: relative;
      width: 50%;
      padding: 42px 46px 42px 0px; }
      .path-contact .bloc-contenu-contact .bloc-contact-solidarite-left.gardien:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #eff1f4;
        background: #eff1f4;
        z-index: -1; }
      .path-contact .bloc-contenu-contact .bloc-contact-solidarite-left.espace-locataire:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #eff1f4;
        background: #eff1f4;
        z-index: -1; }
      .path-contact .bloc-contenu-contact .bloc-contact-solidarite-left.direction-territorialle:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #eff1f4;
        background: #eff1f4;
        z-index: -1; }
    .path-contact .bloc-contenu-contact .sourdline-mobile {
      display: none; }
    .path-contact .bloc-contenu-contact .bloc-contact-solidarite-right {
      position: relative;
      width: 50%;
      padding: 29px 48px 42px 33px;
      border: solid 1px #c7c7c7;
      background-color: #ffffff;
      margin-top: 139px; }
      .path-contact .bloc-contenu-contact .bloc-contact-solidarite-right.gardien:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #eff1f4;
        background: #eff1f4;
        z-index: -1; }
      .path-contact .bloc-contenu-contact .bloc-contact-solidarite-right.espace-locataire:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #eff1f4;
        background: #eff1f4;
        z-index: -1; }
      .path-contact .bloc-contenu-contact .bloc-contact-solidarite-right.direction-territorialle:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #eff1f4;
        background: #eff1f4;
        z-index: -1; }
    .path-contact .bloc-contenu-contact .bloc-contact-solidarite-right-col2 {
      position: relative;
      width: 100%;
      padding: 29px 48px 42px 33px;
      border: solid 1px #c7c7c7;
      background-color: #ffffff; }
      .path-contact .bloc-contenu-contact .bloc-contact-solidarite-right-col2.gardien:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #eff1f4;
        background: #eff1f4;
        z-index: -1; }
      .path-contact .bloc-contenu-contact .bloc-contact-solidarite-right-col2.espace-locataire:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #eff1f4;
        background: #eff1f4;
        z-index: -1; }
      .path-contact .bloc-contenu-contact .bloc-contact-solidarite-right-col2.direction-territorialle:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #eff1f4;
        background: #eff1f4;
        z-index: -1; }
    .path-contact .bloc-contenu-contact .sourdline {
      position: relative;
      width: 100%;
      padding: 53px 0px 75px 245px;
      background-color: #ffffff; }
      .path-contact .bloc-contenu-contact .sourdline.gardien:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #eff1f4;
        background: #eff1f4;
        z-index: -1; }
      .path-contact .bloc-contenu-contact .sourdline.espace-locataire:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #eff1f4;
        background: #eff1f4;
        z-index: -1; }
      .path-contact .bloc-contenu-contact .sourdline.direction-territorialle:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #eff1f4;
        background: #eff1f4;
        z-index: -1; }
    .path-contact .bloc-contenu-contact .separator {
      height: 31px; }
    .path-contact .bloc-contenu-contact .bloc-contact-solidarite-right-col1 {
      position: relative;
      width: 50%;
      background-color: #ffffff; }
      .path-contact .bloc-contenu-contact .bloc-contact-solidarite-right-col1.gardien:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #eff1f4;
        background: #eff1f4;
        z-index: -1; }
      .path-contact .bloc-contenu-contact .bloc-contact-solidarite-right-col1.espace-locataire:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #eff1f4;
        background: #eff1f4;
        z-index: -1; }
      .path-contact .bloc-contenu-contact .bloc-contact-solidarite-right-col1.direction-territorialle:after {
        content: '';
        position: absolute;
        top: 0;
        left: 2px;
        width: calc(100% - 4px );
        height: 100%;
        border: 1px solid #eff1f4;
        background: #eff1f4;
        z-index: -1; }
    .path-contact .bloc-contenu-contact ul, .path-contact .bloc-contenu-contact ol {
      margin-left: 46px; }
    .path-contact .bloc-contenu-contact p {
      font-size: 18px;
      font-size: 1.5rem; }
    .path-contact .bloc-contenu-contact h5 {
      font-size: 18px;
      font-size: 1.5rem; }
    .path-contact .bloc-contenu-contact .coordonnee-dt {
      font-size: 16px;
      font-size: 1.3333333333rem;
      color: #004D94;
      margin-bottom: 15px; }
    .path-contact .bloc-contenu-contact .direction-territorial_adresse {
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      color: #444444;
      font-size: 15px;
      font-size: 1.25rem;
      margin-bottom: 7px; }
      .path-contact .bloc-contenu-contact .direction-territorial_adresse span {
        font-weight: 700;
        color: #004D94; }
    .path-contact .bloc-contenu-contact .direction-territorial-tel {
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      font-size: 15px;
      font-size: 1.25rem;
      color: #444444; }
      .path-contact .bloc-contenu-contact .direction-territorial-tel span {
        font-weight: 700;
        color: #004D94; }
  .path-contact .block-pas-locataire {
    width: 40%;
    margin-left: 14px; }
    .path-contact .block-pas-locataire .contact-general-adresse {
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      color: #444444;
      font-size: 15px;
      font-size: 1.25rem;
      margin-bottom: 7px; }
      .path-contact .block-pas-locataire .contact-general-adresse span {
        font-weight: 700;
        color: #444444; }
    .path-contact .block-pas-locataire .block-background {
      background-color: #eef1f4;
      width: 63%;
      padding: 22px; }
    .path-contact .block-pas-locataire .contact-general-tel {
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      color: #444444;
      font-size: 15px;
      font-size: 1.25rem;
      margin-bottom: 25px; }
      .path-contact .block-pas-locataire .contact-general-tel span {
        font-weight: 700;
        color: #444444; }
    .path-contact .block-pas-locataire .contact-general-horaire {
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      color: #444444;
      font-size: 15px;
      font-size: 1.25rem; }
      .path-contact .block-pas-locataire .contact-general-horaire span {
        font-weight: 700;
        color: #444444; }
  .path-contact .sort-wrapper {
    position: relative;
    /* .sort{
          position:absolute;
          top:0;
          left:0;
    } */ }

/***States***/
.path-contact .contact-button .btn-fleche:hover, .path-contact .contact-button .btn-fleche.active, .path-contact .contact-button .btn-fleche:focus {
  background: #0ca1ee;
  color: #FFFFFF;
  text-decoration: none; }
.path-contact .bootstrap-select.open {
  height: 34px; }
.path-contact .block-locataire.custom-drop-fix {
  padding-bottom: 305px; }

/*** Responsive ***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 1199px) {
  .path-contact .bloc-contenu-contact .bloc-contact-child {
    padding: 38px 42px; }
  .path-contact .bloc-contenu-contact ul, .path-contact .bloc-contenu-contact ol {
    margin-left: 42px; }
  .path-contact .block-pas-locataire {
    width: 60%; }
  .path-contact .bloc-contact-solidarite-left {
    padding: 38px 42px; }
  .path-contact .bloc-contact-solidarite-right {
    padding: 38px 42px; }
  .path-contact .bloc-contact-solidarite-right-col2 {
    padding: 38px 42px; }
  .path-contact .sourdline {
    padding: 38px 42px; }
  .path-contact .bloc-contact-solidarite-right-col1 {
    padding: 38px 42px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 991px) {
  .path-contact .chapo {
    width: 80%;
    padding: 35px 75px; }
  .path-contact .bloc-contenu-contact .bloc-contact-child {
    padding: 14px 21px; }
  .path-contact .bloc-contenu-contact ul, .path-contact .bloc-contenu-contact ol {
    margin-left: 21px; }
  .path-contact .bloc-contact-solidarite-left {
    padding: 14px 21px; }
  .path-contact .bloc-contact-solidarite-right {
    padding: 14px 21px; }
  .path-contact .bloc-contact-solidarite-right-col2 {
    padding: 14px 21px; }
  .path-contact .sourdline {
    padding: 0px 0 75px 4px !important; }
  .path-contact .bloc-contact-solidarite-right-col1 {
    padding: 14px 21px; }
  .path-contact .block-pas-locataire {
    width: 60%; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .path-contact .internal {
    height: 400px; }
    .path-contact .internal .contact-title {
      padding-top: 130px; }
  .path-contact .chapo {
    padding: 25px;
    width: 100%;
    margin: -100px 0 38px; }
  .path-contact .bloc-contenu-contact {
    display: block;
    /* margin-bottom: 50px; */ }
    .path-contact .bloc-contenu-contact .separator {
      height: 0px; }
    .path-contact .bloc-contenu-contact .bloc-contact-child {
      position: relative;
      width: 100%;
      padding: 0px 27px;
      margin-bottom: 5px; }
    .path-contact .bloc-contenu-contact .bloc-contact-solidarite-left {
      position: relative;
      width: 100%;
      padding: 45px 16px;
      margin-bottom: 5px; }
    .path-contact .bloc-contenu-contact .gardien-title {
      padding-top: 21px !important;
      width: 276px !important; }
    .path-contact .bloc-contenu-contact .bloc-contact-solidarite-right {
      position: relative;
      width: 100%;
      padding: 45px 27px;
      margin-bottom: 5px;
      margin-top: 0; }
    .path-contact .bloc-contenu-contact .bloc-contact-solidarite-right-col2 {
      position: relative;
      width: 100%;
      padding: 45px 27px;
      margin-bottom: 5px;
      margin-top: -51px; }
    .path-contact .bloc-contenu-contact .bloc-contact-solidarite-right-col2 ul li {
      padding-left: 13px !important; }
    .path-contact .bloc-contenu-contact .sourdline {
      position: relative;
      width: 100%;
      padding: 45px 27px;
      margin-bottom: 5px;
      display: none !important; }
    .path-contact .bloc-contenu-contact .sourdline-mobile {
      position: relative;
      margin-bottom: 5px;
      padding-left: -1px;
      padding-right: 27px;
      padding-top: 2px;
      padding-bottom: 52px;
      display: block; }
    .path-contact .bloc-contenu-contact .bloc-contact-solidarite-right-col1 {
      position: relative;
      width: 100%;
      padding: 45px 27px;
      margin-bottom: 5px; }
    .path-contact .bloc-contenu-contact ul, .path-contact .bloc-contenu-contact ol {
      margin-left: 0; }
  .path-contact .block-pas-locataire {
    width: 100%; }
  .path-contact .block-background {
    width: 94% !important; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 500px) {
  .path-contact .contact-button .btn-fleche {
    margin-bottom: 35px;
    margin-right: 44px !important; }
  .path-contact .block-pas-locataire {
    margin-left: 14px; } }
.bloc-contact-solidarite-right-col2 ul li:after {
  left: -5px !important; }

.bloc-contact-solidarite-right-col2 ul li:before {
  left: -23px !important; }

.path-contact .block-pas-locataire h3 {
  position: relative !important;
  clear: both; }

.tac_activate .tac_float .tarteaucitronAllow {
  z-index: 50;
  position: relative; }

.path-403 .colored-background {
  position: relative;
  height: 352px;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4bcd6b+0,45b0ff+100 */
  background: #4bcd6b;
  /* Old browsers */
  background: -moz-linear-gradient(left, #4bcd6b 0%, #45b0ff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #4bcd6b 0%, #45b0ff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #4bcd6b 0%, #45b0ff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bcd6b', endColorstr='#45b0ff',GradientType=1 );
  /* IE6-9 */ }
.path-403 .pull-up-403 {
  margin-top: -225px;
  position: relative; }
.path-403 .colored-line {
  height: 9px;
  background: #FFD539;
  width: 100%;
  position: absolute;
  top: -9px;
  left: 0;
  z-index: 1; }
.path-403 .page-403 {
  position: relative;
  background: #FFFFFF;
  padding: 90px 190px 80px; }
  .path-403 .page-403 h1 {
    color: #004D94; }
.path-403 .page-404-chapo {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-size: 2rem;
  font-weight: 300;
  margin-bottom: 40px; }

/*** Responsive ***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 1199px) {
  .path-403 .page-403 {
    padding: 90px 25px 80px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .path-403 .colored-background {
    height: 85px; }
  .path-403 .pull-up-403 {
    margin-top: 0; }
  .path-403 .page-403 {
    padding: 35px 0; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
.path-404 .colored-background {
  position: relative;
  height: 352px;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4bcd6b+0,45b0ff+100 */
  background: #4bcd6b;
  /* Old browsers */
  background: -moz-linear-gradient(left, #4bcd6b 0%, #45b0ff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #4bcd6b 0%, #45b0ff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #4bcd6b 0%, #45b0ff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bcd6b', endColorstr='#45b0ff',GradientType=1 );
  /* IE6-9 */ }
.path-404 .pull-up-404 {
  margin-top: -225px;
  position: relative; }
.path-404 .colored-line {
  height: 9px;
  background: #FFD539;
  width: 100%;
  position: absolute;
  top: -9px;
  left: 0;
  z-index: 1; }
.path-404 .page-404 {
  position: relative;
  background: #FFFFFF;
  padding: 90px 190px 80px; }
  .path-404 .page-404 h1 {
    color: #004D94; }
.path-404 .page-404-chapo {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-size: 2rem;
  font-weight: 300;
  margin-bottom: 40px; }

/*** Responsive ***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 1199px) {
  .path-404 .page-404 {
    padding: 90px 25px 80px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .path-404 .colored-background {
    height: 85px; }
  .path-404 .pull-up-404 {
    margin-top: 0; }
  .path-404 .page-404 {
    padding: 35px 0; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
.sect_btm_space {
  margin-bottom: 80px; }

.sect_btm_space_b {
  margin-bottom: 60px; }

.sect_left_pad {
  padding-left: 186px; }

.off-canvas-wrapper, .has-glyphicons .select-wrapper:after, button .bs-caret {
  display: none; }

.region-content {
  overflow: hidden; }

.iframe-wrap {
  overflow-x: auto; }
  .iframe-wrap iframe {
    /*border: none;*/
    width: 100%; }

.overf-hidden {
  overflow: hidden; }
  .overf-hidden .header {
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 991px) {
      .overf-hidden .header {
        background: #FFFFFF; } }

/*Content under menu*/
.banner-content-wrapper {
  padding-top: 82px;
  position: relative;
  z-index: 1; }
  .page-node-type-page.modal-open .banner-content-wrapper {
    z-index: 9999; }

/*Back office*/
.toolbar-oriented .toolbar-bar {
  position: fixed; }

/*Color Box*/
/* #cboxClose {
    top: 0;
    bottom: auto;
    background: none;
    width: 12px;
    height: 12px;
    text-indent: 0;
    right: 20px;

    .svg-icon {
        padding: 0;
        box-sizing: border-box;
        width: 12px;
        height: 12px;
        fill: $bleu-fonce;
    }
} */
/*Feather light*/
.featherlight iframe, .featherlight .featherlight-content {
  width: 100%;
  height: 100%;
  background: none;
  border: 0; }
.featherlight .featherlight-close-icon {
  display: none;
  top: 10px;
  bottom: auto;
  background: none;
  width: 12px;
  height: 12px;
  text-indent: 0;
  right: 30px; }
  .featherlight .featherlight-close-icon .svg-icon {
    padding: 0;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    fill: #004D94; }

.featherlight:last-of-type {
  background: rgba(2, 2, 0, 0.2); }

/*Diaporama*/
.diaporama-wrapper .one-video, .diaporama-wrapper .one-image {
  margin-bottom: 80px; }
.diaporama-wrapper .one-image .image img {
  width: 100%; }
.diaporama-wrapper .stage {
  width: 80%;
  float: left;
  position: relative; }
.diaporama-wrapper .jcarousel-pagination {
  display: none; }
  .diaporama-wrapper .jcarousel-pagination .jcarousel-inner-list {
    padding: 0; }
    .diaporama-wrapper .jcarousel-pagination .jcarousel-inner-list li {
      display: inline-block;
      padding: 6px; }
      .diaporama-wrapper .jcarousel-pagination .jcarousel-inner-list li.active a:after {
        background: #06CDFC; }
  .diaporama-wrapper .jcarousel-pagination a {
    font-size: 0; }
    .diaporama-wrapper .jcarousel-pagination a:after {
      content: '';
      position: relative;
      display: inline-block;
      background: #004D94;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%; }
.diaporama-wrapper .player-youtube {
  position: relative;
  width: 100%;
  height: 100%; }
  .diaporama-wrapper .player-youtube .picto-play {
    position: absolute;
    font-size: 0;
    background: #00bdff;
    width: 78px;
    height: 78px;
    margin-top: -8px;
    top: 50%;
    margin-left: -78px;
    left: 50%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */ }
  .diaporama-wrapper .player-youtube .svg-icon {
    position: absolute;
    width: 14px;
    height: 16px;
    z-index: 10;
    fill: #FFFFFF;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -7px; }
.diaporama-wrapper .legende-credit-wrapper {
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  font-size: 0.9166666667rem;
  font-weight: 400;
  color: #808080;
  padding-top: 12px;
  padding-bottom: 8px;
  /* height: 25px;
  height: 27px;*/ }
.diaporama-wrapper .navigation {
  position: absolute;
  width: 128px;
  right: 0;
  bottom: 23px; }
  .diaporama-wrapper .navigation > a, .diaporama-wrapper .navigation button {
    font-size: 0;
    position: relative;
    display: inline-block;
    width: 45px;
    height: 45px;
    border: 1px solid #06CDFC;
    vertical-align: bottom;
    background: #FFFFFF;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */
    margin-right: 10px; }
    .diaporama-wrapper .navigation > a .svg-icon, .diaporama-wrapper .navigation button .svg-icon {
      width: 7px;
      height: 13px;
      position: absolute;
      top: 14px;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
.diaporama-wrapper a.prev .svg-icon:nth-child(1),
.diaporama-wrapper button.prev .svg-icon:nth-child(1) {
  fill: #004D94;
  left: 14px; }
.diaporama-wrapper a.prev .svg-icon:nth-child(2),
.diaporama-wrapper button.prev .svg-icon:nth-child(2) {
  fill: #06CDFC;
  left: 20px; }
.diaporama-wrapper a.next .svg-icon:nth-child(1),
.diaporama-wrapper button.next .svg-icon:nth-child(1) {
  fill: #06CDFC;
  left: 14px; }
.diaporama-wrapper a.next .svg-icon:nth-child(2),
.diaporama-wrapper button.next .svg-icon:nth-child(2) {
  fill: #004D94;
  left: 20px; }
.diaporama-wrapper .connected-carousels {
  position: relative;
  margin-bottom: 80px; }
.diaporama-wrapper .carousel-navigation {
  margin-top: 40px; }
  .diaporama-wrapper .carousel-navigation ul {
    height: 260px;
    width: 128px; }
  .diaporama-wrapper .carousel-navigation li {
    float: none;
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
    opacity: 1; }
  .diaporama-wrapper .carousel-navigation .image {
    position: relative; }
  .diaporama-wrapper .carousel-navigation .btn-video {
    position: absolute;
    font-size: 0;
    background: #00bdff;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    top: 50%;
    margin-left: -18px;
    left: 50%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */ }
    .diaporama-wrapper .carousel-navigation .btn-video .svg-icon {
      position: absolute;
      width: 8px;
      height: 10px;
      z-index: 10;
      fill: #FFFFFF;
      top: 50%;
      left: 50%;
      margin-top: -5px;
      margin-left: -3px; }
.diaporama-wrapper iframe {
  width: 100%;
  height: 541px; }
.diaporama-wrapper .default-image {
  position: relative;
  margin-bottom: 80px; }
  .diaporama-wrapper .default-image .vertical-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 77, 148, 0.9);
    text-align: center; }
    .diaporama-wrapper .default-image .vertical-div .svg-text-wrapper {
      display: table;
      table-layout: fixed;
      width: 100%;
      height: 100%;
      font-size: 22px;
      font-size: 1.8333333333rem; }
  .diaporama-wrapper .default-image .image img {
    width: 100%; }
  .diaporama-wrapper .default-image .internal_wrap {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
  .diaporama-wrapper .default-image .svg {
    display: inline-block;
    height: 30px; }
    .diaporama-wrapper .default-image .svg .svg-icon {
      width: 28px;
      height: 22px;
      margin-right: 10px;
      fill: #0ca1ee; }
  .diaporama-wrapper .default-image .text {
    display: inline-block;
    color: #FFFFFF; }

/*WYSIWYG*/
.field--type-text-with-summary p, .field--type-text-long p, .field--type-text p, .bloc-contact-solidarite-right-col2 p, .bloc-contact-solidarite-left p {
  margin-bottom: 20px; }
  .field--type-text-with-summary p img, .field--type-text-long p img, .field--type-text p img, .bloc-contact-solidarite-right-col2 p img, .bloc-contact-solidarite-left p img {
    width: 100%; }
.field--type-text-with-summary .wysiwyg-image, .field--type-text-long .wysiwyg-image, .field--type-text .wysiwyg-image, .bloc-contact-solidarite-right-col2 .wysiwyg-image, .bloc-contact-solidarite-left .wysiwyg-image {
  margin-bottom: 67px;
  text-align: center; }
  .field--type-text-with-summary .wysiwyg-image .image img, .field--type-text-long .wysiwyg-image .image img, .field--type-text .wysiwyg-image .image img, .bloc-contact-solidarite-right-col2 .wysiwyg-image .image img, .bloc-contact-solidarite-left .wysiwyg-image .image img {
    max-width: 100%; }
  .field--type-text-with-summary .wysiwyg-image .credit, .field--type-text-long .wysiwyg-image .credit, .field--type-text .wysiwyg-image .credit, .bloc-contact-solidarite-right-col2 .wysiwyg-image .credit, .bloc-contact-solidarite-left .wysiwyg-image .credit {
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-size: 0.9166666667rem;
    font-weight: 400;
    color: #808080;
    padding-top: 12px;
    height: 25px;
    text-align: left; }
  .field--type-text-with-summary .wysiwyg-image .image-credit-wrapper, .field--type-text-long .wysiwyg-image .image-credit-wrapper, .field--type-text .wysiwyg-image .image-credit-wrapper, .bloc-contact-solidarite-right-col2 .wysiwyg-image .image-credit-wrapper, .bloc-contact-solidarite-left .wysiwyg-image .image-credit-wrapper {
    /* padding: 0 96px; */
    display: inline-block;
    padding: 0;
    margin-bottom: 15px; }
  .field--type-text-with-summary .wysiwyg-image .description, .field--type-text-long .wysiwyg-image .description, .field--type-text .wysiwyg-image .description, .bloc-contact-solidarite-right-col2 .wysiwyg-image .description, .bloc-contact-solidarite-left .wysiwyg-image .description {
    padding: 0 96px; }
    .field--type-text-with-summary .wysiwyg-image .description p, .field--type-text-long .wysiwyg-image .description p, .field--type-text .wysiwyg-image .description p, .bloc-contact-solidarite-right-col2 .wysiwyg-image .description p, .bloc-contact-solidarite-left .wysiwyg-image .description p {
      padding: 0; }
.field--type-text-with-summary ul, .field--type-text-long ul, .field--type-text ul, .bloc-contact-solidarite-right-col2 ul, .bloc-contact-solidarite-left ul {
  list-style-type: none;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 20px; }
  .field--type-text-with-summary ul li, .field--type-text-long ul li, .field--type-text ul li, .bloc-contact-solidarite-right-col2 ul li, .bloc-contact-solidarite-left ul li {
    position: relative;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    /* padding-left: 35px; */
    padding-left: 0;
    font-size: 18px;
    font-size: 1.5rem;
    color: #444444;
    /* margin-bottom: $demarche_margin; */
    margin-bottom: 10px;
    line-height: 28px; }
    .field--type-text-with-summary ul li:before, .field--type-text-long ul li:before, .field--type-text ul li:before, .bloc-contact-solidarite-right-col2 ul li:before, .bloc-contact-solidarite-left ul li:before {
      position: absolute;
      top: 13px;
      left: -40px;
      background: #06CDFC;
      height: 1px;
      width: 15px;
      content: ''; }
    .field--type-text-with-summary ul li:after, .field--type-text-long ul li:after, .field--type-text ul li:after, .bloc-contact-solidarite-right-col2 ul li:after, .bloc-contact-solidarite-left ul li:after {
      position: absolute;
      top: 10px;
      left: -20px;
      content: '';
      width: 6px;
      height: 6px;
      background: #444444;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%; }
.field--type-text-with-summary ol, .field--type-text-long ol, .field--type-text ol, .bloc-contact-solidarite-right-col2 ol, .bloc-contact-solidarite-left ol {
  list-style-type: none;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 20px; }
  .field--type-text-with-summary ol li, .field--type-text-long ol li, .field--type-text ol li, .bloc-contact-solidarite-right-col2 ol li, .bloc-contact-solidarite-left ol li {
    position: relative;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    /* padding-left: 35px; */
    padding-left: 0;
    font-size: 18px;
    font-size: 1.5rem;
    color: #444444;
    counter-increment: demarche_number;
    /* margin-bottom: $demarche_margin; */
    margin-bottom: 10px;
    line-height: 28px; }
    .field--type-text-with-summary ol li:before, .field--type-text-long ol li:before, .field--type-text ol li:before, .bloc-contact-solidarite-right-col2 ol li:before, .bloc-contact-solidarite-left ol li:before {
      position: absolute;
      top: 13px;
      left: -40px;
      background: #06CDFC;
      height: 1px;
      width: 15px;
      content: ''; }
    .field--type-text-with-summary ol li:after, .field--type-text-long ol li:after, .field--type-text ol li:after, .bloc-contact-solidarite-right-col2 ol li:after, .bloc-contact-solidarite-left ol li:after {
      position: absolute;
      font-family: "Fjalla One", sans-serif;
      font-size: 16px;
      font-size: 1.3333333333rem;
      top: 0;
      left: -20px;
      content: counter(demarche_number); }

.video-embed-field-responsive-video .player-youtube {
  position: relative;
  width: 100%;
  height: 100%; }
.video-embed-field-responsive-video .picto-play {
  position: absolute;
  font-size: 0;
  background: #00bdff;
  width: 78px;
  height: 78px;
  margin-top: -39px;
  top: 50%;
  margin-left: -39px;
  left: 50%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  cursor: pointer;
  z-index: 1;
  -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  /* easeOutCubic */ }
.video-embed-field-responsive-video .svg-icon {
  position: absolute;
  width: 14px;
  height: 16px;
  z-index: 10;
  fill: #FFFFFF;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -7px; }
.video-embed-field-responsive-video .hdsh-icon-btn-video:before {
  font-size: 14px;
  font-size: 1.1666666667rem;
  padding-left: 35px;
  padding-top: 31px; }
.video-embed-field-responsive-video iframe {
  position: relative;
  width: 100%;
  height: 480px; }
.video-embed-field-responsive-video:after {
  padding-bottom: 0; }

.table-wrapper {
  padding: 0 96px;
  margin-bottom: 75px; }

table {
  display: block;
  width: 928px; }
  table tbody {
    width: 100%;
    display: block;
    border: 1px solid #D9D9D9;
    height: 300px;
    overflow: hidden; }
  table thead {
    width: 100%;
    display: block;
    font-size: 0;
    background: #004D94; }
    table thead th {
      display: inline-block;
      padding: 23px 40px;
      background: #004D94;
      color: #FFFFFF;
      border-right: 1px solid #002057;
      font-size: 16px;
      font-size: 1.3333333333rem; }
  table th:last-child {
    border-right: none; }
  table tr {
    display: block;
    width: 100%;
    font-size: 0; }
  table td {
    vertical-align: top;
    display: inline-block;
    padding: 18px 40px;
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    color: #444444;
    font-size: 16px;
    font-size: 1.3333333333rem; }
  table td:last-child {
    border-right: none; }
  table tr:last-child td {
    border-bottom: none; }
  table .mCSB_scrollTools .mCSB_draggerRail {
    background: none; }
  table .mCSB_dragger .mCSB_dragger_bar {
    background: #004D94;
    width: 7px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background: none; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background: #004D94;
  height: 7px; }

.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
  background: #004D94; }

.wysiwyg-document {
  margin: 0 190px;
  background: #06CDFC;
  padding: 50px 65px;
  font-size: 0;
  margin-bottom: 70px; }
  .wysiwyg-document .decription {
    display: table-cell;
    width: calc(100% - 120px);
    font-size: 15px;
    font-size: 1.25rem;
    color: #004D94;
    padding-right: 80px; }
    .wysiwyg-document .decription p {
      color: #004D94; }
  .wysiwyg-document p {
    padding: 0; }
  .wysiwyg-document .telecharger {
    display: table-cell;
    width: 120px;
    vertical-align: middle; }
  .wysiwyg-document .title {
    font-size: 24px;
    font-size: 2rem;
    color: #002057;
    margin-bottom: 25px;
    font-family: "Roboto", sans-serif;
    display: flex; }
    .wysiwyg-document .title > div {
      display: inline-block; }
  .wysiwyg-document .title-icon {
    height: 20px;
    width: 16px;
    margin-right: 10px; }
    .wysiwyg-document .title-icon .svg-icon {
      width: 16px;
      height: 20px; }
  .wysiwyg-document .telecharger-description-wrapper {
    display: table;
    table-layout: fixed; }
  .wysiwyg-document a {
    display: inline-block;
    padding: 19px 36px;
    background: #FFFFFF;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-size: 0.9166666667rem;
    color: #004D94;
    border-radius: 25px;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid transparent;
    position: relative;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */ }
    .wysiwyg-document a .arrow-btn {
      top: 20px;
      left: -10px;
      position: absolute;
      width: 30px;
      height: 10px;
      opacity: 0;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
    .wysiwyg-document a .svg-icon {
      width: 30px;
      height: 10px; }

/*Tabs Wrapper*/
.tabs-wrapper {
  border: 1px solid #c7c7c7;
  border-bottom: none; }
  .tabs-wrapper .nav-tabs {
    border: none;
    width: 100%;
    display: table;
    table-layout: fixed; }
    .tabs-wrapper .nav-tabs:before {
      display: none; }
    .tabs-wrapper .nav-tabs:after {
      display: none; }
    .tabs-wrapper .nav-tabs li {
      background: #004D94;
      margin: 0;
      text-align: center;
      display: table-cell;
      vertical-align: middle;
      float: none;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */
      /* .svg-icon {
          position: absolute;
          width: 42px;
          height: 39px;
          top: -12px;
          left: -5px;
          fill: $bleu-clair;
      } */
      /*New*/
      /*New*/ }
      .tabs-wrapper .nav-tabs li a {
        display: inline-block;
        color: #FFFFFF;
        margin: 0;
        border: none;
        text-align: center;
        -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        /* easeOutCubic */
        padding: 30px 10px;
        width: 100%; }
      .tabs-wrapper .nav-tabs li .svg-icon {
        display: inline-block;
        position: relative;
        width: 35px;
        height: 35px;
        fill: #06CDFC; }
      .tabs-wrapper .nav-tabs li .tab-txt {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-left: 15px;
        padding-top: 10px; }
    .tabs-wrapper .nav-tabs li:after {
      position: absolute;
      content: '';
      width: 1px;
      height: 60%;
      top: 20%;
      right: 0;
      background: #002057; }
    .tabs-wrapper .nav-tabs li:last-of-type:after {
      display: none; }
  .tabs-wrapper a > div.main-icon {
    position: relative;
    display: inline-block;
    /* padding-left: 46px; */ }
  .tabs-wrapper a > div.icon-arrow {
    display: none; }
    .tabs-wrapper a > div.icon-arrow .svg-icon {
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
  .tabs-wrapper > ul > li > a {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
    width: 100%;
    /* padding: 25px 10px; */ }
  .tabs-wrapper.count-li-2 > ul > li {
    width: 50%; }
  .tabs-wrapper.count-li-3 > ul > li {
    width: 33.33333333%; }
  .tabs-wrapper.count-li-4 > ul > li {
    width: 25%; }
  .tabs-wrapper .panel-group .panel {
    margin-top: 0;
    background: #004D94; }
    .tabs-wrapper .panel-group .panel .panel-title {
      color: #06CDFC; }
    .tabs-wrapper .panel-group .panel .panel-heading {
      background: none; }
    .tabs-wrapper .panel-group .panel .panel-body {
      background: #FFFFFF; }

.tab-content {
  border: 1px solid #c7c7c7;
  border-top: none; }
  .tab-content .node-body {
    padding: 68px 70px; }
    .tab-content .node-body ul {
      list-style-type: square; }
      .tab-content .node-body ul li {
        font-size: 18px;
        font-size: 1.5rem;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        /* margin-bottom: 10px; */
        margin-bottom: 10px;
        color: #444444; }

.node-body ul {
  list-style-type: square; }
  .node-body ul li {
    font-size: 18px;
    font-size: 1.5rem;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    /* margin-bottom: 10px; */
    margin-bottom: 10px;
    color: #444444; }

/*Custom accordion*/
.custom-accordion {
  position: relative;
  border: 1px solid #c7c7c7;
  border-bottom: none;
  margin: 80px 0; }
  .custom-accordion .accordeon-details-wrapper {
    margin-bottom: 2px; }
  .custom-accordion .acc-content {
    padding: 0 95px 35px; }
    .custom-accordion .acc-content p {
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      font-size: 15px;
      font-size: 1.25rem;
      color: #444444;
      line-height: 25px; }
    .custom-accordion .acc-content ol li, .custom-accordion .acc-content ul li {
      font-size: 15px;
      font-size: 1.25rem; }
      .custom-accordion .acc-content ol li:after, .custom-accordion .acc-content ul li:after {
        font-size: 15px;
        font-size: 1.25rem; }
  .custom-accordion .accordion-title {
    position: relative;
    background: #004D94; }
    .custom-accordion .accordion-title .title-wrap {
      position: relative;
      display: inline-block; }
      .custom-accordion .accordion-title .title-wrap:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 100%;
        margin-left: 15px;
        width: 60px;
        height: 3px;
        margin-top: -1px;
        background: #06CDFC;
        -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        /* easeOutCubic */
        opacity: 0;
        visibility: hidden; }
    .custom-accordion .accordion-title > a {
      position: relative;
      display: inline-block;
      color: #06CDFC;
      margin: 0;
      border: none;
      text-align: left;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */
      font-size: 24px;
      font-size: 2rem;
      text-decoration: none;
      padding: 30px 95px;
      width: 100%; }
    .custom-accordion .accordion-title .icon-arrow {
      width: 14px;
      height: 7px; }
    .custom-accordion .accordion-title .svg-icon {
      position: absolute;
      width: 14px;
      height: 7px;
      top: 50%;
      left: 45px;
      fill: #FFFFFF;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
  .custom-accordion .accordeon-details {
    font-size: 0; }
    .custom-accordion .accordeon-details.no-image .accordeon-contenu {
      padding-left: 0;
      width: 100%; }
  .custom-accordion .accordeon-image {
    vertical-align: top;
    width: 35%;
    display: inline-block; }
    .custom-accordion .accordeon-image img {
      width: 100%; }
  .custom-accordion .accordeon-contenu {
    vertical-align: top;
    width: 65%;
    display: inline-block;
    padding-left: 50px; }

/*Demarches*/
.demarche-wrapper ol {
  list-style-type: none;
  padding-left: 0; }
  .demarche-wrapper ol li {
    position: relative;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 18px;
    font-size: 1.5rem;
    color: #444444;
    counter-increment: demarche_number;
    /* margin-bottom: $demarche_margin; */
    margin-bottom: 10px;
    line-height: 28px; }
    .demarche-wrapper ol li:before {
      position: absolute;
      top: 28px;
      left: -33px;
      background: #0ca5f2;
      height: 1px;
      width: 15px;
      content: ''; }
    .demarche-wrapper ol li:after {
      position: absolute;
      font-family: "Fjalla One", sans-serif;
      font-size: 16px;
      font-size: 1.3333333333rem;
      top: 0;
      left: -30px;
      content: counter(demarche_number); }

/*Iframe Spallian*/
.carte-wrapper {
  margin-bottom: 80px; }
  .carte-wrapper iframe {
    height: 741px;
    min-width: 726px;
    width: 900px;
    margin: 0 auto;
    display: block;
    z-index: 2; }

/*Buttons*/
.back-to-main {
  position: relative;
  display: block;
  z-index: 1; }
  .back-to-main .colored-line {
    height: 9px;
    background: #FFD539;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1; }
  .back-to-main .btn {
    display: inline-block;
    padding: 12px 20px;
    background: #004D94;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-size: 0.9166666667rem;
    color: #FFFFFF;
    border-radius: 0;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid transparent;
    z-index: 1;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */ }
    .back-to-main .btn .arrow-back {
      display: inline-block;
      position: relative;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */
      z-index: 3; }
      .back-to-main .btn .arrow-back .svg-icon {
        width: 5px;
        height: 8px;
        z-index: 2; }
  .back-to-main .arrow-back:nth-child(1) {
    z-index: 4; }
    .back-to-main .arrow-back:nth-child(1) .svg-icon {
      fill: #06CDFC; }
  .back-to-main .arrow-back:nth-child(2) {
    margin-left: -3px;
    margin-right: 8px; }
    .back-to-main .arrow-back:nth-child(2) .svg-icon {
      fill: #FFFFFF; }
    .back-to-main .arrow-back:nth-child(2):after {
      content: '';
      position: absolute;
      left: 20px;
      top: 7px;
      width: 0;
      opacity: 0;
      height: 1px;
      background: #FFFFFF;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */
      z-index: -1; }

.button-l-t-r-arrow {
  position: relative;
  width: 100%;
  z-index: 1; }
  .button-l-t-r-arrow .colored-line {
    height: 9px;
    background: #FFD539;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1; }
  .button-l-t-r-arrow .btn {
    display: inline-block;
    padding: 12px 20px;
    background: #004D94;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-size: 0.9166666667rem;
    color: #FFFFFF;
    border-radius: 0;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid transparent;
    z-index: 1;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */ }
    .button-l-t-r-arrow .btn .arrow-fwd {
      display: inline-block;
      position: relative;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */
      z-index: 1; }
      .button-l-t-r-arrow .btn .arrow-fwd .svg-icon {
        width: 5px;
        height: 7px;
        z-index: 1; }
  .button-l-t-r-arrow .arrow-fwd:nth-child(1) .svg-icon {
    fill: #FFFFFF; }
  .button-l-t-r-arrow .arrow-fwd:nth-child(1):before {
    content: '';
    position: absolute;
    left: -20px;
    top: 7px;
    width: 0;
    opacity: 0;
    height: 1px;
    background: #FFFFFF;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */
    z-index: -1; }
  .button-l-t-r-arrow .arrow-fwd:nth-child(2) {
    margin-left: -3px;
    margin-right: 6px; }
    .button-l-t-r-arrow .arrow-fwd:nth-child(2) .svg-icon {
      fill: #06CDFC; }

.btn-fleche {
  display: inline-block;
  padding: 18px 25px;
  background: #004D94;
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  font-size: 0.9166666667rem;
  color: #FFFFFF;
  border-radius: 35px;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid transparent;
  position: relative;
  -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  /* easeOutCubic */ }
  .btn-fleche .arrow-btn {
    top: 19px;
    left: -10px;
    position: absolute;
    width: 30px;
    height: 10px;
    opacity: 0;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */ }
  .btn-fleche .svg-icon {
    width: 30px;
    height: 10px; }

.mise-en-avant {
  display: inline-block;
  color: #004D94;
  text-decoration: none;
  position: relative;
  /* margin-left: 15px; */
  padding-left: 15px;
  line-height: 25px;
  -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  /* easeOutCubic */
  /* &:after{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      content:'';
      background:none;
  } */ }
  .mise-en-avant .arrow-btn {
    vertical-align: top;
    display: inline-block;
    position: absolute;
    top: 8px;
    /* left: -13px; */
    left: 2px;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */
    z-index: 1; }
  .mise-en-avant .arrow-fwd {
    vertical-align: top;
    width: 5px;
    height: 7px;
    display: inline-block;
    position: relative;
    z-index: 1; }
    .mise-en-avant .arrow-fwd .svg-icon {
      display: block;
      width: 100%;
      height: 7px;
      z-index: 1; }
  .mise-en-avant .arrow-fwd:nth-child(1):before {
    position: absolute;
    content: '';
    background: #004D94;
    width: 0;
    height: 1px;
    top: 50%;
    left: -20px;
    margin-top: -1px;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */
    z-index: -1; }
  .mise-en-avant .arrow-fwd:nth-child(1) .svg-icon {
    fill: #004D94; }
  .mise-en-avant .arrow-fwd:nth-child(2) .svg-icon {
    fill: #06CDFC; }
  .mise-en-avant .mea-text {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-size: 1.3333333333rem;
    font-family: "Fjalla One", sans-serif; }
    .mise-en-avant .mea-text .main-text {
      display: inline; }
    .mise-en-avant .mea-text .more-text {
      display: inline;
      position: relative;
      font-size: 16px;
      font-size: 1.3333333333rem;
      font-family: "Fjalla One", sans-serif;
      color: #444444; }

/*Pagination*/
.pager-nav {
  width: 100%;
  display: table; }
  .pager-nav .pagination a {
    position: relative;
    border: none;
    background: none;
    display: inline-block;
    float: none;
    height: 20px;
    color: #444444;
    font-family: "Fjalla One", sans-serif;
    font-size: 16px;
    font-size: 1.3333333333rem;
    padding: 13px 16px; }
  .pager-nav .pagination .pager__item a:after {
    position: absolute;
    content: '';
    background: #06CDFC;
    width: 0;
    height: 3px;
    left: 50%;
    margin-left: -11px;
    top: 40px;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */ }
  .pager-nav .pagination .pager__item--previous {
    position: relative;
    display: inline-block;
    font-size: 0;
    vertical-align: bottom;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */
    margin-right: 28px; }
    .pager-nav .pagination .pager__item--previous .svg-icon {
      width: 7px;
      height: 13px;
      position: absolute;
      top: 14px;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
    .pager-nav .pagination .pager__item--previous .svg-icon:nth-child(1) {
      fill: #004D94;
      left: 14px; }
    .pager-nav .pagination .pager__item--previous .svg-icon:nth-child(2) {
      fill: #06CDFC;
      left: 20px; }
    .pager-nav .pagination .pager__item--previous span {
      font-size: 0; }
  .pager-nav .pagination .pager__item--next {
    position: relative;
    display: inline-block;
    /*    width: 45px;
    height: 45px; */
    font-size: 0;
    vertical-align: bottom;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */
    margin-left: 12px; }
    .pager-nav .pagination .pager__item--next .svg-icon {
      width: 7px;
      height: 13px;
      position: absolute;
      top: 14px;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
    .pager-nav .pagination .pager__item--next .svg-icon:nth-child(1) {
      fill: #06CDFC;
      left: 14px; }
    .pager-nav .pagination .pager__item--next .svg-icon:nth-child(2) {
      fill: #004D94;
      left: 20px; }
    .pager-nav .pagination .pager__item--next span {
      font-size: 0; }
  .pager-nav .pagination > li {
    display: inline-block;
    position: relative; }
  .pager-nav .pagination li.pager__item--first {
    margin-right: 30px; }
    .pager-nav .pagination li.pager__item--first:after {
      position: absolute;
      width: 30px;
      height: 1px;
      content: '';
      background: #D9D9D9;
      bottom: 10px;
      right: -30px; }
  .pager-nav .pagination li.pager__item--last {
    margin-left: 30px; }
    .pager-nav .pagination li.pager__item--last:after {
      position: absolute;
      bottom: 10px;
      left: -30px;
      width: 25px;
      height: 1px;
      content: '';
      background: #D9D9D9; }

/*End of Pagination*/
/*Social Media*/
.social-media-sharing li {
  margin-right: 0;
  float: left; }
.social-media-sharing > ul {
  padding: 0;
  margin: 0;
  font-size: 0;
  width: 102px;
  height: 34px; }
  .social-media-sharing > ul .email {
    /* display: none; */ }
  .social-media-sharing > ul:after:before, .social-media-sharing > ul:after:after {
    content: " ";
    display: table; }
  .social-media-sharing > ul:after:after {
    clear: both; }
.social-media-sharing .svg-icon {
  width: 18px;
  height: 18px;
  fill: #FFFFFF; }
.social-media-sharing .share {
  width: 34px;
  height: 34px;
  padding: 8px 7px;
  display: inline-block;
  -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  /* easeOutCubic */ }
.social-media-sharing .email {
  background: #A6C356;
  border: 1px solid #A6C356; }
.social-media-sharing .facebook-share {
  background: #002057;
  border: 1px solid #002057; }
.social-media-sharing .twitter {
  background: #06CDFC;
  border: 1px solid #06CDFC; }
.social-media-sharing .linkedin {
  background: #004D94;
  border: 1px solid #004D94; }

.tbl {
  display: table;
  width: 100%;
  height: 100%; }

.cell {
  display: table-cell;
  vertical-align: middle; }

/*Nos metiers common*/
.common-metier-focus-lightbox {
  position: relative; }
  .common-metier-focus-lightbox:before, .common-metier-focus-lightbox:after {
    content: " ";
    display: table; }
  .common-metier-focus-lightbox:after {
    clear: both; }
  .common-metier-focus-lightbox .title-mission-profil-wrapper {
    width: 83%;
    display: inline-block;
    background: #eff1f4;
    padding: 70px 390px 70px 95px;
    float: left; }
  .common-metier-focus-lightbox .imagep-citation-poste-wrapper {
    float: right;
    width: 36%;
    position: absolute;
    top: -28px;
    right: 0;
    float: right; }
    .common-metier-focus-lightbox .imagep-citation-poste-wrapper .internal-cit-wrap {
      position: relative;
      width: 100%;
      height: 100%; }
  .common-metier-focus-lightbox .tab-pane {
    position: relative; }
  .common-metier-focus-lightbox .image {
    position: relative; }
    .common-metier-focus-lightbox .image img {
      width: 100%; }
    .common-metier-focus-lightbox .image:after {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /* Permalink sdsd- use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0039bc+0,005ec0+100 */
      background: #0039bc;
      /* Old browsers */
      background: -moz-linear-gradient(left, #0039bc 0%, #005ec0 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #0039bc 0%, #005ec0 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #0039bc 0%, #005ec0 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0039bc', endColorstr='#005ec0',GradientType=1 );
      /* IE6-9 */
      opacity: 0.6; }
  .common-metier-focus-lightbox .citation {
    position: absolute;
    font-size: 20px;
    font-size: 1.6666666667rem;
    color: #FFFFFF;
    line-height: 34px;
    width: calc(100% - 80px);
    left: 40px;
    bottom: 110px; }
  .common-metier-focus-lightbox .poste {
    position: absolute;
    font-size: 15px;
    font-size: 1.25rem;
    color: #FFFFFF;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    width: calc(100% - 80px);
    left: 40px;
    bottom: 60px; }
    .common-metier-focus-lightbox .poste > span {
      font-weight: 700; }
  .common-metier-focus-lightbox .svg-icon {
    position: relative;
    fill: #004D94;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 10px; }
  .common-metier-focus-lightbox .mission-label, .common-metier-focus-lightbox .profil-label {
    font-size: 20px;
    font-size: 1.6666666667rem;
    color: #004D94;
    margin-bottom: 10px; }
  .common-metier-focus-lightbox .mission-label .svg-icon {
    top: 4px; }
  .common-metier-focus-lightbox .profil-label .svg-icon {
    top: 3px; }
  .common-metier-focus-lightbox .mission-content, .common-metier-focus-lightbox .profil-content {
    font-size: 15px;
    font-size: 1.25rem;
    line-height: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 300; }
  .common-metier-focus-lightbox .mission-content {
    margin-bottom: 50px; }

/***States***/
.diaporama-wrapper .carousel-navigation li.active {
  opacity: 0.5; }
.diaporama-wrapper .navigation > a:hover, .diaporama-wrapper .navigation > a:focus {
  background: #06CDFC; }
.diaporama-wrapper a.prev:hover .svg-icon:nth-child(2), .diaporama-wrapper a.prev:focus .svg-icon:nth-child(2) {
  fill: #fff; }
.diaporama-wrapper a.next:hover .svg-icon:nth-child(1), .diaporama-wrapper a.next:focus .svg-icon:nth-child(1) {
  fill: #fff; }

.tabs-wrapper .nav-tabs .active, .tabs-wrapper .nav-tabs li:hover {
  border: none;
  background: #FFFFFF; }
  .tabs-wrapper .nav-tabs .active span:before, .tabs-wrapper .nav-tabs li:hover span:before {
    color: #06CDFC; }
  .tabs-wrapper .nav-tabs .active a, .tabs-wrapper .nav-tabs li:hover a {
    border: none;
    color: #004D94;
    background: none; }
  .tabs-wrapper .nav-tabs .active .svg-icon, .tabs-wrapper .nav-tabs li:hover .svg-icon {
    fill: #A6C356; }
  .tabs-wrapper .nav-tabs .active:after, .tabs-wrapper .nav-tabs li:hover:after {
    display: none; }
.tabs-wrapper .nav-tabs li:hover, .tabs-wrapper .nav-tabs li:focus {
  background: #002057; }
  .tabs-wrapper .nav-tabs li:hover a, .tabs-wrapper .nav-tabs li:focus a {
    border: none;
    color: #FFFFFF;
    background: none; }
  .tabs-wrapper .nav-tabs li:hover .svg-icon, .tabs-wrapper .nav-tabs li:focus .svg-icon {
    fill: #FFFFFF; }
.tabs-wrapper .nav-tabs > li.active > a, .tabs-wrapper .nav-tabs > li.active > a:hover, .tabs-wrapper .nav-tabs > li.active > a:focus {
  border: none; }

.panel-group .panel.active {
  background: #FFFFFF;
  border-bottom: 0;
  box-shadow: none; }
  .panel-group .panel.active .panel-title {
    color: #004D94; }
  .panel-group .panel.active .panel-heading {
    background: none; }
  .panel-group .panel.active .panel-body {
    background: #FFFFFF; }
  .panel-group .panel.active .svg-icon {
    fill: #A6C356; }
  .panel-group .panel.active a > div.icon-arrow .svg-icon {
    fill: #004D94;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

/*Custom accordion*/
.custom-accordion .accordeon-details-wrapper.active {
  margin-bottom: 0;
  border-bottom: 1px solid #D9D9D9; }
.custom-accordion .accordion-title.active {
  background: #FFFFFF; }
  .custom-accordion .accordion-title.active > a {
    color: #004D94;
    /* padding: 30px 0 30px 95px; */
    width: 100%; }
  .custom-accordion .accordion-title.active .title-wrap:after {
    opacity: 1;
    visibility: visible; }
  .custom-accordion .accordion-title.active .svg-icon {
    fill: #004D94;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.diaporama-wrapper .player-youtube .picto-play:hover,
.diaporama-wrapper .player-youtube .picto-play:focus,
.image:hover .btn-video,
.image:focus .btn-video {
  -webkit-transform: scale(1.2);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: scale(1.2);
  /* IE 9 */
  transform: scale(1.2);
  /* Firefox 16+, IE 10+, Opera */
  background: #004D94; }

.player-youtube:hover .picto-play,
.player-youtube:focus .picto-play {
  -webkit-transform: scale(1.2);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: scale(1.2);
  /* IE 9 */
  transform: scale(1.2);
  /* Firefox 16+, IE 10+, Opera */
  background: #004D94; }

.jcarousel-pagination {
  display: none; }

.back-to-main a:hover .arrow-back:nth-child(2), .back-to-main a:focus .arrow-back:nth-child(2) {
  margin-right: 25px; }
  .back-to-main a:hover .arrow-back:nth-child(2):after, .back-to-main a:focus .arrow-back:nth-child(2):after {
    content: '';
    position: absolute;
    left: -3px;
    top: 7px;
    width: 20px;
    opacity: 1;
    height: 1px;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */ }

.button-l-t-r-arrow:hover .arrow-fwd:nth-child(1), .button-l-t-r-arrow:focus .arrow-fwd:nth-child(1) {
  /* margin-left: 25px; */ }
  .button-l-t-r-arrow:hover .arrow-fwd:nth-child(1):before, .button-l-t-r-arrow:focus .arrow-fwd:nth-child(1):before {
    content: '';
    position: absolute;
    left: -12px;
    top: 7px;
    top: 7.5px;
    width: 20px;
    opacity: 1;
    height: 1px;
    background: #FFFFFF;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */ }

.btn-fleche:hover, .btn-fleche:focus {
  padding-left: 64px;
  background: #FFFFFF;
  color: #004D94;
  border: 1px solid #004D94;
  text-decoration: none; }
  .btn-fleche:hover .arrow-btn, .btn-fleche:focus .arrow-btn {
    opacity: 1;
    left: 24px; }

.mise-en-avant:hover, .mise-en-avant:focus {
  /* margin-left: 30px; */
  padding-left: 30px; }
  .mise-en-avant:hover .arrow-btn, .mise-en-avant:focus .arrow-btn {
    left: 17px; }
  .mise-en-avant:hover .arrow-fwd:nth-child(1) .svg-icon, .mise-en-avant:focus .arrow-fwd:nth-child(1) .svg-icon {
    fill: #06CDFC; }
  .mise-en-avant:hover .arrow-fwd:nth-child(1):before, .mise-en-avant:focus .arrow-fwd:nth-child(1):before {
    width: 20px;
    left: -12px; }
  .mise-en-avant:hover .arrow-fwd:nth-child(2) .svg-icon, .mise-en-avant:focus .arrow-fwd:nth-child(2) .svg-icon {
    fill: #004D94; }

.social-media-sharing .share:hover, .social-media-sharing .share:focus {
  background: none; }
.social-media-sharing .email:hover .svg-icon, .social-media-sharing .email:focus .svg-icon {
  fill: #A6C356; }
.social-media-sharing .facebook-share:hover .svg-icon, .social-media-sharing .facebook-share:focus .svg-icon {
  fill: #002057; }
.social-media-sharing .twitter:hover .svg-icon, .social-media-sharing .twitter:focus .svg-icon {
  fill: #06CDFC; }
.social-media-sharing .linkedin:hover .svg-icon, .social-media-sharing .linkedin:focus .svg-icon {
  fill: #004D94; }

/*Pagination*/
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
  background: none;
  color: #004D94; }

.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
  background: none;
  border: none;
  color: #004D94; }

.pager-nav .pagination .pager__item.is-active a:after {
  width: 22px; }
.pager-nav .pagination .pager__item:hover a:after, .pager-nav .pagination .pager__item:focus a:after {
  width: 22px; }
.pager-nav .pagination .pager__item.pager__item--next a:after, .pager-nav .pagination .pager__item.pager__item--previous a:after {
  width: 0; }
.pager-nav .pagination:hover .pager__item.is-active a:after, .pager-nav .pagination:focus .pager__item.is-active a:after {
  width: 0; }

table .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, table .mCSB_scrollTools .mCSB_dragger:focus .mCSB_dragger_bar {
  background: #004D94; }

.wysiwyg-document a:hover, .wysiwyg-document a:focus {
  padding-left: 49px; }
  .wysiwyg-document a:hover .arrow-btn, .wysiwyg-document a:focus .arrow-btn {
    opacity: 1;
    left: 10px; }

/*** Responsive ***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 1199px) {
  .field--type-text-with-summary .wysiwyg-image .image-credit-wrapper, .field--type-text-long .wysiwyg-image .image-credit-wrapper, .field--type-text .wysiwyg-image .image-credit-wrapper {
    padding: 0; }
  .field--type-text-with-summary .wysiwyg-image .description, .field--type-text-long .wysiwyg-image .description, .field--type-text .wysiwyg-image .description {
    padding: 0; }
    .field--type-text-with-summary .wysiwyg-image .description p, .field--type-text-long .wysiwyg-image .description p, .field--type-text .wysiwyg-image .description p {
      padding: 0; }

  /*Feather light*/
  .featherlight .featherlight-content {
    padding: 0; }

  .table-wrapper {
    padding: 0;
    border: 1px solid #D9D9D9;
    padding-bottom: 10px; }

  .wysiwyg-document {
    margin: 0 0 50px;
    padding: 45px 30px; }
    .wysiwyg-document .telecharger-description-wrapper {
      display: block; }
    .wysiwyg-document .decription {
      width: 100%;
      display: block;
      padding-right: 0;
      margin-bottom: 35px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 991px) {
  /*Content under menu*/
  .banner-content-wrapper {
    padding-top: 90px; }

  .tabs-wrapper .nav-tabs li .tab-txt {
    display: block;
    margin-left: 0;
    padding-top: 0; }

  /*Nos metiers common*/
  .common-metier-focus-lightbox .title-mission-profil-wrapper {
    width: 60%;
    display: inline-block;
    padding: 70px; }
  .common-metier-focus-lightbox .imagep-citation-poste-wrapper {
    width: 40%;
    position: absolute;
    top: -28px;
    right: 0; }
    .common-metier-focus-lightbox .imagep-citation-poste-wrapper .internal-cit-wrap {
      position: relative;
      width: 100%;
      height: 100%; }
  .common-metier-focus-lightbox .svg-icon {
    position: relative;
    fill: #004D94;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 10px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .back-to-main .btn {
    height: 41px; }

  .page-node-type-residence h1, h2 {
    font-size: 40px;
    font-size: 3.3333333333rem;
    padding-left: 0; }
    .page-node-type-residence h1:after, h2:after {
      display: none; }

  /*Diaporama*/
  .diaporama-wrapper .stage {
    width: 100%;
    float: none; }
  .diaporama-wrapper .jcarousel-pagination {
    display: block;
    text-align: center; }
  .diaporama-wrapper .navigation {
    display: none; }
  .diaporama-wrapper .default-image .svg {
    display: block; }
  .diaporama-wrapper .default-image .vertical-div .svg-text-wrapper {
    font-size: 14px;
    font-size: 1.1666666667rem; }

  .sect_left_pad {
    padding-left: 0; }

  /*Tabs Wrapper*/
  .tab-content {
    border: none; }

  .tabs-wrapper {
    border: none; }
    .tabs-wrapper .svg-icon {
      position: absolute;
      width: 40px;
      height: 43px;
      top: 0;
      right: 0; }
    .tabs-wrapper a > div.main-icon {
      padding-left: 70px; }
      .tabs-wrapper a > div.main-icon .svg-icon {
        fill: #06CDFC;
        top: -9px;
        left: 0; }
    .tabs-wrapper a > div.icon-arrow {
      display: inline-block;
      width: 14px;
      height: 10px;
      position: absolute;
      top: 50%;
      right: 25px;
      margin-top: -5px; }
      .tabs-wrapper a > div.icon-arrow .svg-icon {
        fill: #FFFFFF;
        width: 15px;
        height: 10px; }
    .tabs-wrapper .panel-group a {
      position: relative;
      display: block;
      width: 100%; }
    .tabs-wrapper .panel:last-child {
      border-bottom: 1px solid #c7c7c7; }
    .tabs-wrapper .panel-heading {
      padding: 0;
      margin: 0; }
      .tabs-wrapper .panel-heading a {
        padding: 20px 25px; }

  .node-body ul {
    padding-left: 0; }
    .node-body ul li {
      padding: 0;
      margin-left: 25px; }

  .panel-body {
    padding: 50px 20px; }

  /*Démarches*/
  .demarche-wrapper ol li {
    padding-left: 25px; }
    .demarche-wrapper ol li:before, .demarche-wrapper ol li:after {
      left: 0; }

  .diaporama-wrapper .connected-carousels {
    margin-bottom: 30px; }
  .diaporama-wrapper .default-image {
    margin-bottom: 30px; }

  .wysiwyg-image .image-credit-wrapper {
    padding: 0; }
  .wysiwyg-image .description {
    padding: 0; }

  .field--type-text-with-summary ol, .field--type-text-with-summary ul, .field--type-text-long ol, .field--type-text-long ul, .field--type-text ol, .field--type-text ul {
    padding-left: 0;
    padding-right: 0; }
    .field--type-text-with-summary ol li, .field--type-text-with-summary ul li, .field--type-text-long ol li, .field--type-text-long ul li, .field--type-text ol li, .field--type-text ul li {
      padding-left: 45px; }
      .field--type-text-with-summary ol li:before, .field--type-text-with-summary ul li:before, .field--type-text-long ol li:before, .field--type-text-long ul li:before, .field--type-text ol li:before, .field--type-text ul li:before {
        top: 13px;
        left: 0; }
      .field--type-text-with-summary ol li:after, .field--type-text-with-summary ul li:after, .field--type-text-long ol li:after, .field--type-text-long ul li:after, .field--type-text ol li:after, .field--type-text ul li:after {
        top: 0;
        left: 20px; }
  .field--type-text-with-summary ul li:after, .field--type-text-long ul li:after, .field--type-text ul li:after {
    top: 10px; }

  .custom-accordion {
    margin: 50px 0; }
    .custom-accordion .accordion-title .title-wrap:after {
      display: none; }
    .custom-accordion .accordion-title.active > a {
      padding-left: 65px;
      padding-right: 35px;
      width: 100%; }
    .custom-accordion .accordeon-image, .custom-accordion .accordeon-contenu {
      width: 100%;
      padding-left: 0; }
    .custom-accordion .accordeon-image {
      margin-bottom: 40px; }
    .custom-accordion .acc-content {
      padding: 0 35px 60px; }

  /*Nos metiers common*/
  .common-metier-focus-lightbox.tab-pane:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 80%;
    background: #eff1f4;
    top: 20%;
    left: -15px;
    z-index: -1;
    box-sizing: content-box;
    padding-right: 15px;
    padding-left: 15px; }
  .common-metier-focus-lightbox .svg-icon {
    position: relative;
    fill: #004D94;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 10px; }
  .common-metier-focus-lightbox .imagep-citation-poste-wrapper {
    float: none;
    width: 100%;
    display: block;
    top: 0;
    position: relative; }
  .common-metier-focus-lightbox .title-mission-profil-wrapper {
    float: none;
    width: 100%;
    display: block;
    background: none;
    padding: 40px 0 40px 0; }
  .common-metier-focus-lightbox .bar-title {
    margin-bottom: 25px; }
  .common-metier-focus-lightbox .citation {
    position: absolute;
    font-size: 20px;
    font-size: 1.6666666667rem;
    color: #FFFFFF;
    line-height: 34px;
    width: calc(100% - 40px);
    left: 20px;
    bottom: 95px; }
  .common-metier-focus-lightbox .poste {
    position: absolute;
    font-size: 15px;
    font-size: 1.25rem;
    color: #FFFFFF;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    width: calc(100% - 40px);
    left: 20px;
    bottom: 45px; }
    .common-metier-focus-lightbox .poste > span {
      font-weight: 700; }

  /*Pagination*/
  .pager-nav .pagination a {
    padding: 13px 10px; }
  .pager-nav .pagination .pager__item--previous {
    margin-right: 14px; }
  .pager-nav .pagination .pager__item--next {
    margin-left: 4px; }
  .pager-nav .pagination .pager__item.is-active a:after {
    width: 18px;
    margin-left: -9px; }
  .pager-nav .pagination li.pager__item--first {
    margin-right: 14px; }
    .pager-nav .pagination li.pager__item--first:after {
      width: 18px;
      right: -15px; }
  .pager-nav .pagination li.pager__item--last {
    margin-left: 14px; }
    .pager-nav .pagination li.pager__item--last:after {
      left: -15px;
      width: 18px; }

  .table-wrapper {
    padding: 0;
    border: 1px solid #D9D9D9;
    padding-bottom: 10px; }

  .wysiwyg-document {
    margin: 0 0 50px;
    padding: 45px 30px; }
    .wysiwyg-document .telecharger-description-wrapper {
      display: block; }
    .wysiwyg-document .decription {
      width: 100%;
      display: block;
      padding-right: 0;
      margin-bottom: 35px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
.path-frontpage.modal-open .header {
  z-index: 50;
  opacity: 1;
  -moz-opacity: 0.5;
  -webkit-opacity: 1;
  filter: alpha(opacity=100); }

.zoom-popin.modal-open .header {
  opacity: 0;
  -moz-opacity: 0.5;
  -webkit-opacity: 0;
  filter: alpha(opacity=0); }

.modal-open .modal-overlay {
  display: none; }
.modal-open .header {
  z-index: 0; }
  .path-frontpage .modal-open .header {
    z-index: 50;
    opacity: 1;
    -moz-opacity: 0.5;
    -webkit-opacity: 1;
    filter: alpha(opacity=100); }
.modal-open .modal-backdrop {
  display: none; }
.modal-open .field--name-body .modal, .modal-open .field--type-text-long .modal {
  padding: 0;
  top: 0; }
  .modal-open .field--name-body .modal .modal-dialog, .modal-open .field--type-text-long .modal .modal-dialog {
    width: 100%;
    margin: 0 auto; }
    .modal-open .field--name-body .modal .modal-dialog .modal-content, .modal-open .field--type-text-long .modal .modal-dialog .modal-content {
      background-color: rgba(255, 255, 255, 0.5); }
    .modal-open .field--name-body .modal .modal-dialog .modal-header, .modal-open .field--type-text-long .modal .modal-dialog .modal-header {
      padding: 0;
      border: none; }
    .modal-open .field--name-body .modal .modal-dialog .modal-body, .modal-open .field--type-text-long .modal .modal-dialog .modal-body {
      padding: 110px;
      max-width: 100%;
      margin: 0 auto; }
    .modal-open .field--name-body .modal .modal-dialog .modal-header, .modal-open .field--type-text-long .modal .modal-dialog .modal-header {
      max-width: 100%;
      margin: 0 auto;
      position: relative; }
      .modal-open .field--name-body .modal .modal-dialog .modal-header .close, .modal-open .field--type-text-long .modal .modal-dialog .modal-header .close {
        position: absolute;
        right: 35px;
        opacity: 1;
        top: 50px;
        z-index: 9998; }
        .modal-open .field--name-body .modal .modal-dialog .modal-header .close span, .modal-open .field--type-text-long .modal .modal-dialog .modal-header .close span {
          color: #000;
          text-shadow: none;
          font-size: 40px;
          font-weight: 300;
          font-family: "Roboto", sans-serif; }

.autres-residence-wrapper.with-carte {
  display: none;
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 767px) {
    .autres-residence-wrapper.with-carte {
      display: block; } }

#tarteaucitronAlertBig {
  background: #0C9DEA !important;
  font-size: 11px !important;
  padding: 25px 10px 25px 15px !important;
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 767px) {
    #tarteaucitronAlertBig {
      padding: 15px !important; } }
  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    margin: 0 !important;
    max-width: 50% !important;
    vertical-align: middle; }
  #tarteaucitronAlertBig button {
    margin-top: 0 !important;
    display: inline-block !important;
    padding: 12px 25px !important;
    background: #002057 !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 11px !important;
    color: #FFFFFF !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: none !important; }
  #tarteaucitronAlertBig button:hover {
    background: #004D94 !important; }

span#tarteaucitronDisclaimerAlert {
  font-size: 18px !important;
  line-height: 26px !important;
  margin: 0 !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 300 !important;
  color: #FFFFFF !important;
  padding: 0 !important;
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 767px) {
    span#tarteaucitronDisclaimerAlert {
      margin: 0 0 10px !important;
      font-size: 13px !important;
      line-height: 18px !important; } }
  span#tarteaucitronDisclaimerAlert a {
    color: #FFFFFF !important;
    position: relative !important;
    display: inline-block !important; }
    span#tarteaucitronDisclaimerAlert a:hover {
      text-decoration: none !important; }
    span#tarteaucitronDisclaimerAlert a:before {
      content: "" !important;
      display: inline-block !important;
      width: 100% !important;
      height: 2px !important;
      background: #fff !important;
      position: absolute !important;
      bottom: 0 !important;
      left: 0 !important;
      opacity: 0.8 !important; }

body #tarteaucitronRoot #tarteaucitronBack {
  background: #000 !important;
  opacity: 0.2 !important; }
body #tarteaucitronRoot #tarteaucitronDetailsanalytic, body #tarteaucitronRoot #tarteaucitronDetailsvideo, body #tarteaucitronRoot #tarteaucitronDetailsother {
  top: 30px !important;
  left: 25px !important;
  border-radius: 7px !important;
  background: #002057 !important;
  font-family: "Roboto", sans-serif !important; }
body #tarteaucitronRoot #tarteaucitronDetailsvideo {
  top: 40px !important; }
body #tarteaucitronRoot #tarteaucitron {
  top: 0% !important;
  background: #FFFFFF !important;
  max-width: 740px !important;
  width: 100% !important;
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 767px) {
    body #tarteaucitronRoot #tarteaucitron {
      top: 0 !important;
      overflow-x: scroll; } }
body #tarteaucitronRoot #tarteaucitronClosePanel {
  position: relative !important;
  background: transparent !important;
  z-index: 1;
  margin: 10px 30px 0 0;
  float: right;
  font-size: 30px;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  display: block;
  outline: none !important; }
  body #tarteaucitronRoot #tarteaucitronClosePanel:before {
    content: "x";
    position: absolute;
    display: block;
    color: #004D91;
    top: 0;
    right: 0;
    font-family: "Roboto", sans-serif !important;
    font-weight: 300;
    font-size: 30px; }
body #tarteaucitronRoot #tarteaucitronMainLineOffset {
  background: #FFFFFF !important; }
body #tarteaucitronRoot .tarteaucitronBorder {
  background: #f5f5f5 !important;
  border: none !important;
  overflow: visible !important; }
body #tarteaucitronRoot div#tarteaucitronServices {
  box-shadow: none !important;
  background: white; }
body #tarteaucitronRoot .tarteaucitronMainLine {
  background: transparent !important;
  border: 0 !important;
  border-left: 0 !important;
  border-top: 0 !important;
  padding: 0 10px 11px !important; }
  body #tarteaucitronRoot .tarteaucitronMainLine:hover {
    background: transparent !important; }
  body #tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronH3 {
    font-family: "Fjalla One", sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    color: #444444; }
  body #tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronListCookies {
    font-family: "Roboto", sans-serif !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    color: #444444; }
body #tarteaucitronRoot .tarteaucitronH1 {
  font-size: 40px;
  font-size: 3.3333333333rem;
  font-size: 40px !important;
  line-height: 40px;
  margin: 0 !important;
  font-family: "Fjalla One", sans-serif !important;
  font-weight: 400 !important;
  color: #004d91 !important; }
body #tarteaucitronRoot div#tarteaucitronServices {
  margin-top: 0 !important;
  clear: both;
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 767px) {
    body #tarteaucitronRoot div#tarteaucitronServices {
      height: 100% !important;
      overflow: visible !important; } }
body #tarteaucitronRoot #tarteaucitronInfo {
  background: none !important;
  border: none !important;
  padding: 15px 0 25px !important;
  margin: 0 auto !important;
  max-width: 520px !important;
  width: 100% !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #444444 !important;
  position: relative !important; }
body #tarteaucitronRoot #tarteaucitronMainLineOffset .tarteaucitronName {
  display: none !important; }
body #tarteaucitronRoot #tarteaucitronServices_analytic .tarteaucitronLine, body #tarteaucitronRoot #tarteaucitronServices_video .tarteaucitronLine, body #tarteaucitronRoot #tarteaucitronServicesTitle_api .tarteaucitronLine, body #tarteaucitronRoot #tarteaucitronServicesTitle_social .tarteaucitronLine, body #tarteaucitronRoot #tarteaucitronServicesTitle_support .tarteaucitronLine, body #tarteaucitronRoot #tarteaucitronServicesTitle_other .tarteaucitronLine {
  border-left: none !important;
  background: transparent !important;
  margin: 0;
  padding: 43px 20px 20px 20px; }
body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic .tarteaucitronAsk, body #tarteaucitronRoot #tarteaucitronServicesTitle_video .tarteaucitronAsk, body #tarteaucitronRoot #tarteaucitronServicesTitle_other .tarteaucitronAsk, body #tarteaucitronRoot #tarteaucitronServicesTitle_support .tarteaucitronAsk, body #tarteaucitronRoot #tarteaucitronServicesTitle_api .tarteaucitronAsk, body #tarteaucitronRoot #tarteaucitronServicesTitle_social .tarteaucitronAsk {
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 767px) {
    body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic .tarteaucitronAsk, body #tarteaucitronRoot #tarteaucitronServicesTitle_video .tarteaucitronAsk, body #tarteaucitronRoot #tarteaucitronServicesTitle_other .tarteaucitronAsk, body #tarteaucitronRoot #tarteaucitronServicesTitle_support .tarteaucitronAsk, body #tarteaucitronRoot #tarteaucitronServicesTitle_api .tarteaucitronAsk, body #tarteaucitronRoot #tarteaucitronServicesTitle_social .tarteaucitronAsk {
      text-align: left !important; } }
  body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic .tarteaucitronAsk button, body #tarteaucitronRoot #tarteaucitronServicesTitle_video .tarteaucitronAsk button, body #tarteaucitronRoot #tarteaucitronServicesTitle_other .tarteaucitronAsk button, body #tarteaucitronRoot #tarteaucitronServicesTitle_support .tarteaucitronAsk button, body #tarteaucitronRoot #tarteaucitronServicesTitle_api .tarteaucitronAsk button, body #tarteaucitronRoot #tarteaucitronServicesTitle_social .tarteaucitronAsk button {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    padding: 13px 25px !important;
    margin: 0 5px !important;
    border-radius: 50px !important;
    text-transform: uppercase;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 767px) {
      body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic .tarteaucitronAsk button, body #tarteaucitronRoot #tarteaucitronServicesTitle_video .tarteaucitronAsk button, body #tarteaucitronRoot #tarteaucitronServicesTitle_other .tarteaucitronAsk button, body #tarteaucitronRoot #tarteaucitronServicesTitle_support .tarteaucitronAsk button, body #tarteaucitronRoot #tarteaucitronServicesTitle_api .tarteaucitronAsk button, body #tarteaucitronRoot #tarteaucitronServicesTitle_social .tarteaucitronAsk button {
        margin: 0 0 5px !important; } }
    body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic .tarteaucitronAsk button#gajsAllowed, body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic .tarteaucitronAsk button#youtubeAllowed, body #tarteaucitronRoot #tarteaucitronServicesTitle_video .tarteaucitronAsk button#gajsAllowed, body #tarteaucitronRoot #tarteaucitronServicesTitle_video .tarteaucitronAsk button#youtubeAllowed, body #tarteaucitronRoot #tarteaucitronServicesTitle_other .tarteaucitronAsk button#gajsAllowed, body #tarteaucitronRoot #tarteaucitronServicesTitle_other .tarteaucitronAsk button#youtubeAllowed, body #tarteaucitronRoot #tarteaucitronServicesTitle_support .tarteaucitronAsk button#gajsAllowed, body #tarteaucitronRoot #tarteaucitronServicesTitle_support .tarteaucitronAsk button#youtubeAllowed, body #tarteaucitronRoot #tarteaucitronServicesTitle_api .tarteaucitronAsk button#gajsAllowed, body #tarteaucitronRoot #tarteaucitronServicesTitle_api .tarteaucitronAsk button#youtubeAllowed, body #tarteaucitronRoot #tarteaucitronServicesTitle_social .tarteaucitronAsk button#gajsAllowed, body #tarteaucitronRoot #tarteaucitronServicesTitle_social .tarteaucitronAsk button#youtubeAllowed {
      background: #99C34C !important; }
    body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic .tarteaucitronAsk button#gajsDenied, body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic .tarteaucitronAsk button#youtubeDenied, body #tarteaucitronRoot #tarteaucitronServicesTitle_video .tarteaucitronAsk button#gajsDenied, body #tarteaucitronRoot #tarteaucitronServicesTitle_video .tarteaucitronAsk button#youtubeDenied, body #tarteaucitronRoot #tarteaucitronServicesTitle_other .tarteaucitronAsk button#gajsDenied, body #tarteaucitronRoot #tarteaucitronServicesTitle_other .tarteaucitronAsk button#youtubeDenied, body #tarteaucitronRoot #tarteaucitronServicesTitle_support .tarteaucitronAsk button#gajsDenied, body #tarteaucitronRoot #tarteaucitronServicesTitle_support .tarteaucitronAsk button#youtubeDenied, body #tarteaucitronRoot #tarteaucitronServicesTitle_api .tarteaucitronAsk button#gajsDenied, body #tarteaucitronRoot #tarteaucitronServicesTitle_api .tarteaucitronAsk button#youtubeDenied, body #tarteaucitronRoot #tarteaucitronServicesTitle_social .tarteaucitronAsk button#gajsDenied, body #tarteaucitronRoot #tarteaucitronServicesTitle_social .tarteaucitronAsk button#youtubeDenied {
      background: #9F2B92 !important; }
body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic .tarteaucitronTitle, body #tarteaucitronRoot #tarteaucitronServicesTitle_video .tarteaucitronTitle, body #tarteaucitronRoot #tarteaucitronServicesTitle_other .tarteaucitronTitle, body #tarteaucitronRoot #tarteaucitronServicesTitle_support .tarteaucitronTitle, body #tarteaucitronRoot #tarteaucitronServicesTitle_api .tarteaucitronTitle, body #tarteaucitronRoot #tarteaucitronServicesTitle_social .tarteaucitronTitle {
  position: absolute !important;
  top: -11px !important;
  margin: 0 !important;
  left: 25px !important;
  border: 1px solid #D9D9D9;
  border-radius: 50px !important;
  background: #FFFFFF; }
  body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic .tarteaucitronTitle button, body #tarteaucitronRoot #tarteaucitronServicesTitle_video .tarteaucitronTitle button, body #tarteaucitronRoot #tarteaucitronServicesTitle_other .tarteaucitronTitle button, body #tarteaucitronRoot #tarteaucitronServicesTitle_support .tarteaucitronTitle button, body #tarteaucitronRoot #tarteaucitronServicesTitle_api .tarteaucitronTitle button, body #tarteaucitronRoot #tarteaucitronServicesTitle_social .tarteaucitronTitle button {
    margin: 0 !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    color: #004C97;
    padding: 8px 20px 8px 27px !important;
    position: relative;
    background: none; }
    body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic .tarteaucitronTitle button:before, body #tarteaucitronRoot #tarteaucitronServicesTitle_video .tarteaucitronTitle button:before, body #tarteaucitronRoot #tarteaucitronServicesTitle_other .tarteaucitronTitle button:before, body #tarteaucitronRoot #tarteaucitronServicesTitle_support .tarteaucitronTitle button:before, body #tarteaucitronRoot #tarteaucitronServicesTitle_api .tarteaucitronTitle button:before, body #tarteaucitronRoot #tarteaucitronServicesTitle_social .tarteaucitronTitle button:before {
      content: "";
      display: block;
      position: absolute;
      top: 14px;
      left: 15px;
      background: url(../images/svg-dropdown-cookies.svg) no-repeat 0 0;
      width: 15px;
      height: 8px; }
body #tarteaucitronRoot #tarteaucitronServicesTitle_video .tarteaucitronTitle {
  top: 0px !important; }
body #tarteaucitronScrollbarAdjust {
  margin: 0 auto !important;
  float: none !important;
  display: block !important;
  text-align: center !important; }
  body #tarteaucitronScrollbarAdjust button {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    padding: 13px 25px !important;
    margin: 0 10px 5px !important;
    border-radius: 50px !important;
    text-transform: uppercase; }
    body #tarteaucitronScrollbarAdjust button#tarteaucitronAllAllowed {
      background: #99C34C !important; }
    body #tarteaucitronScrollbarAdjust button#tarteaucitronAllDenied {
      background: #9F2B92 !important; }

button.tarteaucitronAllow {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  padding: 13px 25px !important;
  margin: 0 5px !important;
  border-radius: 50px !important;
  text-transform: uppercase; }

#tarteaucitron #tarteaucitronInfo a {
  background: none !important;
  border: none !important;
  padding: 15px 0 25px !important;
  margin: 0 auto !important;
  max-width: 520px !important;
  width: 100% !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #444444 !important;
  position: relative !important; }

.path-webform .form-item#edit-processed-text {
  margin: 50px 0 0; }
  .path-webform .form-item#edit-processed-text p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 11px;
    font-size: 0.9166666667rem;
    line-height: 18px;
    width: 100%;
    max-width: 645px; }
    .path-webform .form-item#edit-processed-text p a {
      color: #004D92;
      text-decoration: underline; }
      .path-webform .form-item#edit-processed-text p a:hover {
        color: #444444; }
.path-webform .form-item.js-form-item-j-accepte-que-hauts-de-seine-habitat-collecte-et-utilise-les-don {
  margin: 30px 0 50px; }
  .path-webform .form-item.js-form-item-j-accepte-que-hauts-de-seine-habitat-collecte-et-utilise-les-don label {
    text-align: left;
    padding: 0;
    width: auto;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 11px;
    font-size: 0.9166666667rem;
    line-height: 18px;
    color: #444444;
    width: 100%;
    max-width: 500px; }
  .path-webform .form-item.js-form-item-j-accepte-que-hauts-de-seine-habitat-collecte-et-utilise-les-don .checker {
    width: 11px;
    height: 11px; }
    .path-webform .form-item.js-form-item-j-accepte-que-hauts-de-seine-habitat-collecte-et-utilise-les-don .checker.checked span {
      background: url(../images/svg-radio.svg) no-repeat 0 0; }
    .path-webform .form-item.js-form-item-j-accepte-que-hauts-de-seine-habitat-collecte-et-utilise-les-don .checker span {
      width: 11px;
      height: 11px;
      vertical-align: top;
      background: url(../images/svg-radio-inactif.svg) no-repeat 0 0; }
    .path-webform .form-item.js-form-item-j-accepte-que-hauts-de-seine-habitat-collecte-et-utilise-les-don .checker input {
      width: 11px;
      height: 11px;
      margin: 0;
      cursor: pointer;
      z-index: 99999;
      left: 0;
      top: 0;
      display: block; }

.path-candidature .node-candidature-form .mention-texte p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 11px;
  font-size: 0.9166666667rem;
  line-height: 18px;
  margin: 0 10px; }
  .path-candidature .node-candidature-form .mention-texte p a {
    text-decoration: underline; }
    .path-candidature .node-candidature-form .mention-texte p a:hover {
      color: #444444; }
.path-candidature .node-candidature-form #edit-field-j-accepte-wrapper {
  margin: 20px 0 20px;
  width: 100%; }
  .path-candidature .node-candidature-form #edit-field-j-accepte-wrapper label {
    text-align: left;
    padding: 0;
    width: auto;
    width: 90%;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 767px) {
      .path-candidature .node-candidature-form #edit-field-j-accepte-wrapper label {
        width: 100%; } }
    .path-candidature .node-candidature-form #edit-field-j-accepte-wrapper label p {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 11px;
      font-size: 0.9166666667rem;
      line-height: 16px;
      color: #444444;
      display: inline-block;
      vertical-align: top;
      width: 90%; }
  .path-candidature .node-candidature-form #edit-field-j-accepte-wrapper .checker {
    width: 12px;
    height: 13px;
    vertical-align: top;
    margin-top: 3px;
    position: static; }
    .path-candidature .node-candidature-form #edit-field-j-accepte-wrapper .checker.checked span {
      background: url(../images/svg-radio.svg) no-repeat 0 0; }
    .path-candidature .node-candidature-form #edit-field-j-accepte-wrapper .checker span {
      width: 11px;
      height: 11px;
      vertical-align: top;
      background: url(../images/svg-radio-inactif.svg) no-repeat 0 0; }
      .path-candidature .node-candidature-form #edit-field-j-accepte-wrapper .checker span .error {
        position: absolute;
        width: 100%;
        bottom: -15px;
        margin: 0;
        left: 0; }
    .path-candidature .node-candidature-form #edit-field-j-accepte-wrapper .checker input {
      width: 11px;
      height: 11px;
      margin: 0;
      cursor: pointer;
      z-index: 99999;
      left: 0;
      top: 0;
      display: block; }
  .path-candidature .node-candidature-form #edit-field-j-accepte-wrapper .checker.focus {
    border: 1px solid #06CDFC; }

.tac_activate {
  background-color: #004D94;
  height: 500px;
  z-index: 100;
  position: relative; }
  .tac_activate .tarteaucitronAllow {
    background-color: #A6C356;
    width: 112px !important; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
  background-color: #9F2B92 !important; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
  background-color: #99C34C !important; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow {
  background-color: #99C34C !important; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
  background-color: #9F2B92 !important; }

iframe.video-youtube {
  width: 100%;
  height: 415px; }

iframe.youtube_player {
  width: 100% !important;
  height: 560px !important; }

.path-webform input#edit-nom-de-annonce {
  display: none; }

.path-webform input#edit-nid {
  display: none; }

.path-webform input#edit-mail-destinateur {
  display: none; }

sup {
  top: -2px !important; }

#tarteaucitronServicesTitle_mandatory > .tarteaucitronTitle {
  background: #004d91 !important;
  height: 41px; }

ul#tarteaucitronServices_mandatory {
  background: #004d91 !important; }

#tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronTitle button {
  background: #004d91 !important;
  margin: 0 !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  color: white;
  padding: 8px 20px 8px 27px !important;
  position: relative;
  background: none; }

ul#tarteaucitronServices_mandatory .tarteaucitronH3 {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: white;
  margin-left: 9px !important; }

#tarteaucitron #tarteaucitronServicesTitle_mandatory .tarteaucitronTitle button {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 20px !important;
  background: #004d91 !important; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
  background: none !important;
  border: none !important;
  padding: 15px 0 25px !important;
  margin: 0 auto !important;
  max-width: 520px !important;
  width: 100% !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #444444 !important;
  position: relative !important; }

#tarteaucitron .tarteaucitronH3 {
  background: none !important;
  border: none !important;
  margin: 0 auto !important;
  max-width: 520px !important;
  width: 100% !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  color: #444444;
  position: relative !important; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
  margin: 7px 15px 5px 0 !important; }

ul#tarteaucitronServices_mandatory .tarteaucitronAllow {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  color: white;
  margin-left: 9px !important; }

#tarteaucitron #tarteaucitronServicesTitle_mandatory .tarteaucitronAllow {
  margin-left: -163px !important;
  margin-top: -5px !important;
  display: block !important; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
  background: none; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
  background: none; }

@media screen and (max-width: 767px) {
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {
    margin-left: 12px !important; }

  #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog, #tarteaucitronRoot .tarteaucitronDeny, #tarteaucitronRoot .tarteaucitronAllow {
    margin-top: 10px !important; }

  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    max-width: 87% !important; }

  #tarteaucitronServicesTitle_mandatory > .tarteaucitronTitle {
    background: #004d91 !important;
    height: 43px !important; } }
#tarteaucitron a {
  background: none !important;
  border: none !important;
  padding: 15px 0 25px !important;
  margin: 0 auto !important;
  max-width: 520px !important;
  width: 100% !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #444444 !important;
  position: relative !important; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
  background: #ffffff !important; }

ul#tarteaucitronServices_video {
  padding-top: 10px; }

.stimuler-banner {
  position: relative;
  text-align: center;
  color: #FFFFFF; }
  .stimuler-banner .image-full-wrapper {
    position: relative; }
    .stimuler-banner .image-full-wrapper .image-container {
      width: 100%; }
      .stimuler-banner .image-full-wrapper .image-container img {
        width: auto; }
        @media only screen and (min-device-width: 1400px) {
          .stimuler-banner .image-full-wrapper .image-container img {
            width: 100%; } }
  .stimuler-banner .details-wrapper {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
    /* width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-content: center;
     align-items: center;*/ }
    .stimuler-banner .details-wrapper .title-wrapper {
      line-height: normal;
      font-weight: 400;
      font-family: "Fjalla One", sans-serif;
      margin-top: -70px;
      font-size: 60px;
      font-size: 5rem;
      /*    @else if $media == large {
          @media only screen and (min-width: $large + 1) {
              @content;
          }
      } */ }
      @media only screen and (max-width: 767px) {
        .stimuler-banner .details-wrapper .title-wrapper {
          margin-top: 0; } }
  .stimuler-banner .sous-titre-wrapper {
    line-height: normal;
    padding: 45px 35px;
    background: #004D92;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-size: 1.5rem;
    width: 665px;
    margin: 0 auto;
    position: absolute;
    bottom: -38px;
    left: 0;
    right: 0;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 767px) {
      .stimuler-banner .sous-titre-wrapper {
        position: relative;
        bottom: 0;
        width: 100%; } }
  .stimuler-banner .formulaire {
    padding: 130px 0 0; }

.simulateurform > .fieldset-legend {
  border-bottom: 0;
  color: #444444;
  font-family: "Fjalla One", sans-serif;
  font-weight: 400;
  font-size: 24px;
  font-size: 2rem;
  position: relative;
  display: block;
  padding: 0 0 20px;
  margin: 0 0 15px; }
  .simulateurform > .fieldset-legend:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: #0C9EEB;
    width: 75px;
    height: 3px; }
  .simulateurform > .fieldset-legend span {
    color: #004D90; }
.simulateurform .form-title {
  font-size: 40px;
  font-size: 3.3333333333rem;
  font-weight: 400;
  font-family: "Fjalla One", sans-serif;
  color: #004D90;
  margin: 0 0 40px;
  padding: 95px 0 0;
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 991px) {
    .simulateurform .form-title {
      margin: 0 0 30px; } }
  @media only screen and (max-width: 767px) {
    .simulateurform .form-title {
      padding: 45px 0 0;
      font-size: 30px;
      font-size: 2.5rem; } }
.simulateurform .radio {
  width: 100%;
  margin: 0 0 25px; }
  .simulateurform .radio label {
    margin: 0 0 25px;
    color: #004D90;
    font-family: "Fjalla One", sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.3333333333rem; }
    .simulateurform .radio label .form-radio {
      opacity: 1;
      top: 0;
      margin-top: 0; }
.simulateurform legend {
  border-bottom: 0;
  color: #444444;
  font-family: "Fjalla One", sans-serif;
  font-weight: 400;
  font-size: 24px;
  font-size: 2rem;
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 767px) {
    .simulateurform legend {
      font-size: 20px;
      font-size: 1.6666666667rem; } }
  .simulateurform legend .fieldset-legend {
    position: relative;
    display: block;
    padding: 0 0 20px;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 991px) {
      .simulateurform legend .fieldset-legend {
        padding: 0 0 15px; } }
    .simulateurform legend .fieldset-legend:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      background: #0C9EEB;
      width: 75px;
      height: 3px; }
    .simulateurform legend .fieldset-legend span {
      color: #004D90; }
.simulateurform .form-item {
  margin: 0 0 25px; }
  .simulateurform .form-item.form-item-age-conjoint, .simulateurform .form-item.form-item-nombre-enfants {
    margin: 0 0 40px; }
  .simulateurform .form-item.form-item-revenu-n2 {
    margin: 0 0 40px; }
  .simulateurform .form-item .form-item {
    margin: 0 0 25px; }
    .simulateurform .form-item .form-item.radio .control-label {
      width: 100%;
      max-width: 100%;
      line-height: normal;
      padding: 0; }
      .simulateurform .form-item .form-item.radio .control-label .tooltip.right {
        display: none !important; }
  .simulateurform .form-item .fieldset-wrapper {
    margin: 0; }
  .simulateurform .form-item .control-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0;
    font-weight: normal;
    width: 220px;
    color: #004D90;
    font-family: "Fjalla One", sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.3333333333rem; }
    .simulateurform .form-item .control-label .radio {
      height: auto;
      width: auto;
      display: inline;
      margin: 0 15px 0 0; }
      .simulateurform .form-item .control-label .radio span {
        display: -moz-inline-box;
        display: inline-block;
        text-align: center;
        background: #FFFFFF;
        border: solid 1px #06CBFA;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%; }
        .simulateurform .form-item .control-label .radio span.checked {
          border: solid #06CBFA 5px; }
  .simulateurform .form-item .form-control {
    display: inline-block;
    width: 135px;
    height: 40px;
    color: #444444;
    box-shadow: none;
    box-shadow: none;
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 767px) {
      .simulateurform .form-item .form-control {
        margin: 10px 0 0;
        width: 100%; } }
    .simulateurform .form-item .form-control.error {
      margin: 0;
      border-color: #FF0B0B; }
.simulateurform .form-submit {
  display: inline-block;
  padding: 13px 30px;
  background: #004D94;
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  font-size: 0.9166666667rem;
  color: #FFFFFF;
  border-radius: 35px;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid transparent;
  margin-top: 25px;
  position: relative;
  -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  /* easeOutCubic */
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 767px) {
    .simulateurform .form-submit {
      margin-top: 10px; } }
  .simulateurform .form-submit .fleche-icon {
    top: 15px;
    left: -10px;
    position: absolute;
    width: 30px;
    height: 10px;
    opacity: 0;
    display: block !important;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* easeOutCubic */ }
    .simulateurform .form-submit .fleche-icon .svg-icon {
      width: 30px;
      height: 10px; }
  .simulateurform .form-submit:hover, .simulateurform .form-submit:focus {
    padding-left: 64px;
    border: 1px solid #004D94; }
    .simulateurform .form-submit:hover .fleche-icon, .simulateurform .form-submit:focus .fleche-icon {
      opacity: 1;
      left: 24px; }
.simulateurform .error {
  color: #FF0B0B;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  font-size: 1.3333333333rem;
  margin: 0 0 0 20px; }

/********** Tooltip ************/
.wrap_fieldset {
  position: relative; }
  .wrap_fieldset.wrap_lieu_residence {
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 991px) {
      .wrap_fieldset.wrap_lieu_residence {
        margin: 0 0 150px; } }
    @media only screen and (max-width: 767px) {
      .wrap_fieldset.wrap_lieu_residence {
        margin: 0; } }
    @media only screen and (min-device-width: 992px) and (max-device-width: 1024px) {
      .wrap_fieldset.wrap_lieu_residence {
        margin: 0 0 90px; } }
    .wrap_fieldset.wrap_lieu_residence .lieu_residence_tooltip {
      top: -33px; }
      .wrap_fieldset.wrap_lieu_residence .lieu_residence_tooltip .tooltip-arrow {
        top: 20%;
        /*    @else if $media == large {
            @media only screen and (min-width: $large + 1) {
                @content;
            }
        } */
        /*    @else if $media == large {
            @media only screen and (min-width: $large + 1) {
                @content;
            }
        } */ }
        @media only screen and (max-width: 991px) {
          .wrap_fieldset.wrap_lieu_residence .lieu_residence_tooltip .tooltip-arrow {
            top: 15%; } }
        @media only screen and (max-width: 767px) {
          .wrap_fieldset.wrap_lieu_residence .lieu_residence_tooltip .tooltip-arrow {
            top: -12px;
            left: 0;
            margin-top: -8px;
            transform: rotate(90deg);
            right: 0;
            margin: 0 auto; } }

.lieu_residence_tooltip,
.situation_maritale_tooltip,
.charge_enfants_tooltip,
.revenu_n2_tooltip {
  position: absolute;
  top: -10px;
  right: 15%;
  background: #FFF;
  border: solid 1px #ccc;
  color: #444;
  padding: 15px 30px;
  max-width: 500px;
  font-size: 15px;
  font-size: 1.25rem;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  line-height: normal;
  text-align: left;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  line-height: 27px;
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 1199px) {
    .lieu_residence_tooltip,
    .situation_maritale_tooltip,
    .charge_enfants_tooltip,
    .revenu_n2_tooltip {
      right: 0; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .lieu_residence_tooltip,
    .situation_maritale_tooltip,
    .charge_enfants_tooltip,
    .revenu_n2_tooltip {
      display: block !important; } }
  @media only screen and (max-width: 991px) {
    .lieu_residence_tooltip,
    .situation_maritale_tooltip,
    .charge_enfants_tooltip,
    .revenu_n2_tooltip {
      top: 3%;
      max-width: 300px;
      display: block !important; } }
  @media only screen and (max-width: 767px) {
    .lieu_residence_tooltip,
    .situation_maritale_tooltip,
    .charge_enfants_tooltip,
    .revenu_n2_tooltip {
      max-width: 100%;
      position: relative;
      margin: 0 0 20px;
      top: -10px; } }
  .lieu_residence_tooltip .icon-info .svg-icon,
  .situation_maritale_tooltip .icon-info .svg-icon,
  .charge_enfants_tooltip .icon-info .svg-icon,
  .revenu_n2_tooltip .icon-info .svg-icon {
    width: 18px;
    height: 15px;
    position: absolute;
    right: 13px;
    top: 22px; }
  .lieu_residence_tooltip .tooltip-arrow,
  .situation_maritale_tooltip .tooltip-arrow,
  .charge_enfants_tooltip .tooltip-arrow,
  .revenu_n2_tooltip .tooltip-arrow {
    top: 25%;
    left: -8px;
    margin-top: -8px;
    border-width: 8px 8px 8px 0;
    border-right-color: #D9D9D9;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 767px) {
      .lieu_residence_tooltip .tooltip-arrow,
      .situation_maritale_tooltip .tooltip-arrow,
      .charge_enfants_tooltip .tooltip-arrow,
      .revenu_n2_tooltip .tooltip-arrow {
        top: -12px;
        left: 0;
        margin-top: -8px;
        transform: rotate(90deg);
        right: 0;
        margin: 0 auto; } }
    .lieu_residence_tooltip .tooltip-arrow:after,
    .situation_maritale_tooltip .tooltip-arrow:after,
    .charge_enfants_tooltip .tooltip-arrow:after,
    .revenu_n2_tooltip .tooltip-arrow:after {
      content: "";
      position: absolute;
      top: 50%;
      background: transparent;
      margin-top: -7px;
      border-width: 7px;
      border-style: solid;
      border-color: transparent #fff transparent transparent;
      left: -5px; }

.revenu_n2_tooltip {
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .revenu_n2_tooltip {
      top: -95%; } }
  @media only screen and (max-width: 767px) {
    .revenu_n2_tooltip {
      top: -10px; } }

.tooltip.right .tooltip-arrow {
  top: 25% !important;
  left: -3px;
  margin-top: -8px;
  border-width: 8px 8px 8px 0;
  border-right-color: #D9D9D9;
  /*    @else if $media == large {
      @media only screen and (min-width: $large + 1) {
          @content;
      }
  } */ }
  @media only screen and (max-width: 767px) {
    .tooltip.right .tooltip-arrow {
      top: -11px !important;
      left: 0;
      margin-top: -8px;
      transform: rotate(90deg);
      right: 0;
      margin: 0 auto; } }
  .tooltip.right .tooltip-arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    background: transparent;
    margin-top: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    left: -5px; }

/************** Message error et message sucess *********************/
.wrapper-msg {
  margin: 60px 0 0;
  position: relative; }
  .wrapper-msg:before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 100%;
    background: #D7D7D7; }
  .wrapper-msg .titre {
    color: #004D90;
    font-size: 40px;
    font-size: 3.3333333333rem;
    font-family: "Fjalla One", sans-serif;
    font-weight: 400;
    position: relative;
    padding: 55px 0 0 45px;
    display: inline-block;
    vertical-align: middle;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 991px) {
      .wrapper-msg .titre {
        font-size: 30px;
        font-size: 2.5rem;
        padding: 55px 0 0 25px; } }
    @media only screen and (max-width: 767px) {
      .wrapper-msg .titre {
        font-size: 20px;
        font-size: 1.6666666667rem;
        padding: 30px 0 0 0; } }
    .wrapper-msg .titre .titre-icon {
      display: inline-block;
      vertical-align: middle;
      margin: 0 55px 0 0;
      /*    @else if $media == large {
          @media only screen and (min-width: $large + 1) {
              @content;
          }
      } */ }
      @media only screen and (max-width: 991px) {
        .wrapper-msg .titre .titre-icon {
          margin: 0 25px 0 0; } }
    .wrapper-msg .titre .svg-icon {
      width: 68px;
      height: 68px;
      /*    @else if $media == large {
          @media only screen and (min-width: $large + 1) {
              @content;
          }
      } */ }
      @media only screen and (max-width: 767px) {
        .wrapper-msg .titre .svg-icon {
          width: 35px;
          height: 35px; } }
    .wrapper-msg .titre:before {
      position: absolute;
      content: "";
      left: 0;
      width: 68px;
      height: 68px;
      background: 100% auto; }
  .wrapper-msg .description {
    font-size: 18px;
    font-size: 1.5rem;
    color: #444444;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    line-height: normal;
    padding: 0 0 0 180px;
    margin: 17px 0 40px;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 991px) {
      .wrapper-msg .description {
        padding: 0 0 0 140px; } }
    @media only screen and (max-width: 767px) {
      .wrapper-msg .description {
        font-size: 14px;
        font-size: 1.1666666667rem;
        padding: 0 0 0 70px; } }
    @media only screen and (max-width: 479px) {
      .wrapper-msg .description {
        padding: 0; } }
  .wrapper-msg .btn-wrap {
    padding: 0 0 0 180px;
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */
    /*    @else if $media == large {
        @media only screen and (min-width: $large + 1) {
            @content;
        }
    } */ }
    @media only screen and (max-width: 991px) {
      .wrapper-msg .btn-wrap {
        padding: 0 0 0 140px; } }
    @media only screen and (max-width: 767px) {
      .wrapper-msg .btn-wrap {
        padding: 0 0 0 70px; } }
    @media only screen and (max-width: 479px) {
      .wrapper-msg .btn-wrap {
        padding: 0; } }
    .wrapper-msg .btn-wrap a {
      background: #004D92;
      color: #FFFFFF;
      text-transform: uppercase;
      font-size: 11px;
      font-size: 0.9166666667rem;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      line-height: normal;
      margin: 0 35px 10px 0;
      padding: 15px 25px;
      position: relative;
      border-radius: 50px;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      /* easeOutCubic */ }
      .wrapper-msg .btn-wrap a .fleche-icon {
        top: 15px;
        left: -10px;
        position: absolute;
        width: 30px;
        height: 10px;
        opacity: 0;
        display: block !important;
        -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        /* easeOutCubic */ }
        .wrapper-msg .btn-wrap a .fleche-icon .svg-icon {
          width: 30px;
          height: 10px; }
      .wrapper-msg .btn-wrap a:hover, .wrapper-msg .btn-wrap a:focus {
        padding-left: 64px;
        border: 1px solid #004D94; }
        .wrapper-msg .btn-wrap a:hover .fleche-icon, .wrapper-msg .btn-wrap a:focus .fleche-icon {
          opacity: 1;
          left: 24px; }

.sitemap .sitemap-box-menu ul.sitemap-menu {
  margin-bottom: 0px; }
.sitemap .sitemap-box-menu .content {
  padding-left: 16em; }
.sitemap .sitemap-menu:first-child > li:last-of-type {
  display: none; }

.footer {
  margin: 0;
  padding: 0;
  border: none;
  margin-top: 80px; }
  .footer .footer-block-1 {
    -webkit-box-shadow: 0 -3px 19px -2px rgba(3, 3, 3, 0.49);
    -moz-box-shadow: 0 -3px 19px -2px rgba(3, 3, 3, 0.49);
    box-shadow: 0 -3px 19px -2px rgba(3, 3, 3, 0.49);
    background: #002057;
    padding: 45px 0 31px;
    height: 331px; }
    .footer .footer-block-1:before, .footer .footer-block-1:after {
      content: " ";
      display: table; }
    .footer .footer-block-1:after {
      clear: both; }
  .footer .footer-block-2 {
    padding-top: 45px;
    padding-bottom: 0; }
    .footer .footer-block-2 span.title {
      font-size: 24px;
      text-align: center;
      color: #004d95;
      display: block;
      padding-bottom: 41px; }
    .footer .footer-block-2 .logos-footer {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .footer .footer-block-2 .logos-footer .view-row {
        padding-left: 33px;
        padding-right: 33px;
        padding-bottom: 30px; }
      .footer .footer-block-2 .logos-footer .views-row {
        position: relative;
        width: 33.333333333333333%;
        display: inline-block;
        margin-bottom: 10px;
        padding: 1px 3px;
        vertical-align: top;
        text-align: center; }
    .footer .footer-block-2 .elements-logo {
      width: 73%;
      margin: auto; }
  .footer .footer-logo {
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    overflow: hidden;
    display: inline-block;
    background: #FFFFFF;
    width: 108px;
    height: 110px; }
    .footer .footer-logo a {
      display: block;
      padding: 15px 15px; }
    .footer .footer-logo img {
      width: 100%; }
  .footer .footer-title-description-wrapper {
    width: 137px;
    padding-left: 0;
    padding-right: 0; }
  .footer .gauche {
    width: 25%;
    float: left;
    font-size: 0;
    color: #FFFFFF; }
    .footer .gauche .footer-title {
      font-size: 14px;
      font-size: 1.1666666667rem;
      font-family: "Fjalla One", sans-serif;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      color: #FFFFFF;
      padding: 0;
      margin-top: 24px;
      line-height: 20px; }
    .footer .gauche .footer-description {
      font-family: "Fjalla One", sans-serif;
      font-weight: normal;
      color: #FFFFFF;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      padding: 0;
      font-size: 14px;
      font-size: 1.1666666667rem;
      line-height: 1.43; }
    .footer .gauche > div {
      vertical-align: top; }
  .footer .droite {
    width: 75%;
    float: left;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column; }
    .footer .droite .lien-static {
      text-align: right;
      /* margin-bottom: 35px; */
      margin-bottom: 10px;
      margin-top: 2px; }
      .footer .droite .lien-static span.nav-link {
        display: block;
        color: #ffffff;
        height: 17px;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.83;
        letter-spacing: normal;
        text-align: left;
        font-family: "Fjalla One", sans-serif;
        text-transform: uppercase;
        margin-bottom: 25px;
        /*    @else if $media == large {
            @media only screen and (min-width: $large + 1) {
                @content;
            }
        } */ }
        @media only screen and (max-width: 767px) {
          .footer .droite .lien-static span.nav-link {
            text-align: center;
            margin-bottom: 10px; } }
      .footer .droite .lien-static ul li {
        vertical-align: top;
        display: inline-block;
        width: 100%;
        text-align: left;
        /*    @else if $media == large {
            @media only screen and (min-width: $large + 1) {
                @content;
            }
        } */ }
        @media only screen and (max-width: 767px) {
          .footer .droite .lien-static ul li {
            margin-bottom: 10px;
            text-align: center; } }
        .footer .droite .lien-static ul li a {
          color: #FFFFFF;
          font-size: 13px;
          font-size: 1.0833333333rem;
          padding: 0;
          text-decoration: none;
          line-height: 1.85;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          letter-spacing: normal;
          text-align: left; }
    .footer .droite .menu--social {
      /* -webkit-align-items: flex-end; */
      -ms-flex-align: end;
      /* align-items: flex-end; */
      /* display: -webkit-box; */
      /* display: -webkit-flex; */
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: left;
      /* list-style: none; */
      margin-bottom: 0;
      padding-left: 0; }
      .footer .droite .menu--social li {
        margin-top: 1px;
        max-width: 21px;
        margin-right: 15px;
        /*    @else if $media == large {
            @media only screen and (min-width: $large + 1) {
                @content;
            }
        } */ }
        @media only screen and (max-width: 767px) {
          .footer .droite .menu--social li {
            margin-bottom: 10px; } }
  .footer .liens-dynamic-social-networks {
    /* @include clearfix; */
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 21px; }
    .footer .liens-dynamic-social-networks .liens-dynamic {
      /* float: left; */
      /* float: right; */
      text-align: center;
      /* width: calc(100% - 120px); */
      margin-right: -20px;
      vertical-align: top;
      padding-top: 21px; }
      .footer .liens-dynamic-social-networks .liens-dynamic ul li {
        vertical-align: top;
        display: inline-block;
        /*    @else if $media == large {
            @media only screen and (min-width: $large + 1) {
                @content;
            }
        } */ }
        @media only screen and (max-width: 767px) {
          .footer .liens-dynamic-social-networks .liens-dynamic ul li {
            margin-bottom: 10px; } }
        .footer .liens-dynamic-social-networks .liens-dynamic ul li a {
          color: #FFFFFF;
          font-size: 13px;
          font-size: 1.0833333333rem;
          padding: 0 15px 0;
          text-decoration: none;
          line-height: 1.85; }
    .footer .liens-dynamic-social-networks .social-networks {
      /* float: right; */
      padding-left: 20px;
      max-width: 180px;
      font-size: 0;
      text-align: center;
      display: inline-block;
      vertical-align: top; }
      .footer .liens-dynamic-social-networks .social-networks a {
        margin-left: 20px;
        margin-bottom: 20px;
        display: inline-block;
        vertical-align: top; }

/***Responsive***/
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 991px) {
  .footer .region-footer {
    padding: 0; }
  .footer .block-hdsh-footer {
    padding: 60px 0 0px; }
  .footer .footer-block-1 {
    padding: 45px 0 31px;
    height: 100%; }
  .footer .droite {
    width: 100%;
    float: none; }
    .footer .droite .lien-static {
      text-align: left; }
      .footer .droite .lien-static a {
        margin-left: 0;
        margin-right: 0; }
  .footer .col-sm-4 {
    width: 24%; }
  .footer .liens-dynamic-social-networks .liens-dynamic {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 -20px;
    display: block; }
  .footer .liens-dynamic-social-networks .social-networks {
    float: none;
    width: 100%;
    text-align: left;
    max-width: 100%;
    display: block;
    margin: 0 -10px;
    padding-left: 0; }
    .footer .liens-dynamic-social-networks .social-networks ul li a {
      margin-left: 10px;
      margin-right: 10px;
      margin-bottom: 10px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */
@media only screen and (max-width: 767px) {
  .col-sm-4 {
    width: 100% !important; }

  .footer {
    margin-top: 45px; }
    .footer .footer-logo {
      text-align: left;
      margin-bottom: 10px;
      width: 69px;
      height: 69px; }
      .footer .footer-logo a {
        display: block;
        padding: 7px 7px; }
    .footer .footer-block-1 {
      padding: 21px 0 0; }
    .footer .gauche {
      width: 232px;
      margin: 0 50px 0 68px;
      margin-bottom: 16px; }
      .footer .gauche .footer-title {
        margin-top: 5px; }
    .footer .droite .menu--social {
      justify-content: center; }
    .footer .footer-title-description-wrapper {
      display: block;
      width: 139px;
      padding: 0;
      height: 47px;
      float: right; }
    .footer ul.menu--footer {
      padding-left: 0; }
    .footer .liens-dynamic-social-networks .liens-dynamic {
      text-align: center; }
      .footer .liens-dynamic-social-networks .liens-dynamic ul li a {
        padding-bottom: 21px; } }
/*    @else if $media == large {
    @media only screen and (min-width: $large + 1) {
        @content;
    }
} */

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

[id^="block-videoblockhomepage"] {
    padding: 105px 0;
    -webkit-box-shadow: 0 5px 19px -2px rgb(3 3 3 / 49%);
    -moz-box-shadow: 0 5px 19px -2px rgba(3, 3, 3, 0.49);
    box-shadow: 0 5px 19px -2px rgb(3 3 3 / 49%);
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
[id^="block-videoblockhomepage"] .hp-video-wrapper {
    max-width: 970px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
}
[id^="block-videoblockhomepage"] h1 {
    font-size: 3.33333rem;
    margin-bottom: 45px;
    margin-top: 0;
    padding-left: 70px;
    line-height: 46px;
    color: #004D94;
}
[id^="block-videoblockhomepage"] .player-youtube {
    position: relative;
    width: 100%;
    height: 100%;
}
[id^="block-videoblockhomepage"] .player-youtube .picto-play {
    position: absolute;
    font-size: 0;
    z-index: 1;
    background: #002057;
    width: 78px;
    height: 78px;
    margin-top: -39px;
    top: 50%;
    margin-left: -39px;
    left: 50%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
[id^="block-videoblockhomepage"] .hp-video-wrapper .hp-video-texte, [id^="block-videoblockhomepage"] .hp-video-wrapper .hp-video-lien {
    max-width: 760px;
    padding: 0 20px;
    width: 100%;
}
[id^="block-videoblockhomepage"] .hp-video-wrapper .hp-video-texte {
    margin: 60px auto 45px;
    color: #444444;
    font-size: 18px;
    line-height: 28px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}
[id^="block-videoblockhomepage"] .hp-video-wrapper .hp-video-texte, [id^="block-videoblockhomepage"] .hp-video-wrapper .hp-video-lien {
    max-width: 760px;
    padding: 0 20px;
    width: 100%;
}
[id^="block-videoblockhomepage"] .hp-video-wrapper .hp-video-lien {
    text-align: center;
    margin: 0 auto;
}
[id^="block-videoblockhomepage"] .player-youtube .picto-play {
    position: absolute;
    font-size: 0;
    z-index: 1;
    background: #002057;
    width: 78px;
    height: 78px;
    margin-top: -39px;
    top: 50%;
    margin-left: -39px;
    left: 50%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
[id^="block-videoblockhomepage"] .player-youtube .svg-icon {
    position: absolute;
    width: 17px;
    height: 17px;
    z-index: 10;
    fill: #FFFFFF;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -6px;
}
[id^="block-videoblockhomepage"] .hp-video-wrapper iframe {
    width: 100% !important;
    height: 560px !important;
}
iframe.video-youtube {
    width: 100%;
    height: 415px;
}

div.content-sitemap {
    padding-left: 16em;
}