@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;
  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.33333rem;
  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;
}

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.33333rem;
    line-height: 50px;
  }
  h2 {
    line-height: 50px;
  }
}

/*    @else if $media == large {
     @media only screen and (min-width: $large + 1) {
         @content;
     }
 } */
/*** 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.33333rem;
  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.33333rem;
  color: #004D94;
}

.menu-transparent .header .hdsh-horizontal-menu > li > a {
  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.33333rem;
  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 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);
  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.08333rem;
  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;
}

.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.33333rem;
  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.33333rem;
  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.08333rem;
  /* 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.08333rem;
  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.33333rem;
  }
  .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: 90px;
  }
  .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;
     }
 } */
.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.66667rem;
  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.33333rem;
  /* 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.66667rem;
  }
  .chiffres-clef-wrapper.count-chiffres-3 .container ul .texte {
    font-size: 13px;
    font-size: 1.08333rem;
  }
  .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.66667rem;
  }
  .chiffres-clef-wrapper.count-chiffres-4 .container ul .texte {
    font-size: 13px;
    font-size: 1.08333rem;
  }
}

/*    @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.08333rem;
  }
  .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.33333rem;
    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.33333rem;
  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.83333rem;
}

.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.66667%;
  }
}

.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.33333%;
  }
}

.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.33333%;
  }
}

.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.66667%;
  }
}

.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.66667%;
  }
}

.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.66667%;
  }
}

.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.33333%;
  }
}

.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.66667%;
  }
}

.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.66667%;
  }
}

@media (min-width: 992px) {
  .description-details-wrapper .description-wrapper .description {
    margin-left: 16.66667%;
  }
}

.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.66667%;
  }
}

@media (min-width: 992px) {
  .description-details-wrapper .details .details-wrapper {
    margin-left: 16.66667%;
  }
}

.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.66667%;
  }
}

.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.33333%;
  }
}

.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.66667%;
  }
}

.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.33333%;
  }
}

.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.66667%;
  }
}

.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.33333%;
  }
}

.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.66667%;
  }
}

.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.33333rem;
  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.83333rem;
  color: #fff;
  margin-bottom: 10px;
}

.bloc-vacance .vacance-avec-nombre {
  font-size: 52px;
  font-size: 4.33333rem;
  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.83333rem;
  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.91667rem;
  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.66667rem;
  margin-bottom: 15px;
}

.autres-residence .view-content .bloc-ville {
  margin-bottom: 10px;
  font-size: 11px;
  font-size: 0.91667rem;
  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.08333rem;
  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.91667rem;
  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.08333rem;
}

.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 19px -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 5px 19px -2px rgba(0, 0, 0, 0.16);
  box-shadow: 0 5px 19px -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.66667%;
  }
}

@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.33333%;
  }
}

@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.33333%;
  }
}

@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.66667%;
  }
}

@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.66667%;
  }
}

@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.66667%;
  }
}

@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.33333%;
  }
}

@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.66667%;
  }
}

@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.66667%;
  }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .description-details-wrapper .description-wrapper .description {
    margin-left: 16.66667%;
  }
}

@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.66667%;
  }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .description-details-wrapper .details .details-wrapper {
    margin-left: 16.66667%;
  }
}

@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.66667%;
  }
}

@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.33333%;
  }
}

@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.66667%;
  }
}

@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.33333%;
  }
}

@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.66667%;
  }
}

@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.33333%;
  }
}

@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.66667%;
  }
}

@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.33333%;
  }
}

/*    @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.08333rem;
  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.33333rem;
  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.33333rem;
  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.08333rem;
}

.page-node-type-actualite .view-content .block-titre {
  width: 100%;
  display: block;
  font-size: 25px;
  font-size: 2.08333rem;
  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.33333%;
  }
}

/*    @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.66667rem;
  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.33333%;
  }
}

.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.08333rem;
}

.path-notre-actualite .view-content .block-titre {
  width: 100%;
  display: block;
  font-size: 25px;
  font-size: 2.08333rem;
  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: -25px;
}

.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.33333rem;
  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.33333rem;
  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.33333rem;
  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 .content-candidature-wrapper:before, .path-nos-offres-d-emploi .content-candidature-wrapper:after {
  content: " ";
  display: table;
}

.path-nos-offres-d-emploi .content-candidature-wrapper:after {
  clear: both;
}

.path-nos-offres-d-emploi #edit-submit-nos-offres-d-emploi {
  display: none;
}

.path-nos-offres-d-emploi .nombre-offres {
  font-size: 20px;
  font-size: 1.66667rem;
  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.33333rem;
  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.91667rem;
  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.33333rem;
}

.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.91667rem;
  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.33333rem;
  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.91667rem;
  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.91667rem;
  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 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);
  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.33333rem;
    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.33333rem;
  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.16667rem;
    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.66667rem;
  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.33333rem;
  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.33333rem;
  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.33333rem;
  margin: 0 93px 45px;
  color: #002057;
  font-family: "Fjalla One", sans-serif;
  line-height: 50px;
}

.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.33333rem;
}

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

.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.08333rem;
  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;
}

.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.33333rem;
  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.08333rem;
}

.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;
  border-bottom: 1px solid #D9D9D9;
  margin-right: 95px;
}

.page-node-type-services .title {
  color: #444444;
  font-size: 40px;
  font-size: 3.33333rem;
  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: 60px;
  padding-left: 28%;
}

.page-node-type-services .aller-plus-loin-services .title {
  font-size: 40px;
  font-size: 3.33333rem;
  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.33333rem;
}

/***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.33333rem;
  }
  .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.66667rem;
  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.16667rem;
  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.33333rem;
  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 19px -2px rgba(0, 0, 0, 0.85);
  -moz-box-shadow: 0 5px 19px -2px rgba(0, 0, 0, 0.85);
  box-shadow: 0 5px 19px -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.66667rem;
  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.66667rem;
  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.33333rem;
  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.33333rem;
  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.66667rem;
  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.33333rem;
  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;
     }
 } */
.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.66667rem;
  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 19px -2px rgba(0, 0, 0, 0.85);
  -moz-box-shadow: 0 5px 19px -2px rgba(0, 0, 0, 0.85);
  box-shadow: 0 5px 19px -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.33333rem;
}

.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.08333rem;
  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.33333rem;
  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.08333rem;
  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.33333rem;
  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.66667rem;
  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.33333rem;
}

.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.33333rem;
}

.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.33333rem;
  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.66667rem;
  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.33333rem;
  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;
}

.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.33333rem;
  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.66667rem;
  color: #004D94;
}

.page-node-type-annonce .bloc-annonce .view-content .block-price {
  padding: 0 30px;
  font-size: 40px;
  font-size: 3.33333rem;
  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.33333rem;
  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: 320px;
  /* 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 #edit-sort-by, .liste-annonce #edit-sort-order, .liste-annonce #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.66667rem;
  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.66667rem;
  color: #004D94;
  margin-bottom: 10px;
}

.liste-annonce .views-row .block-price {
  font-size: 40px;
  font-size: 3.33333rem;
  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.33333rem;
}

.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;
}

/*** 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;
  }
  .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: 100px;
  }
  .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 19px -2px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 5px 19px -2px rgba(0, 0, 0, 0.45);
  box-shadow: 0 5px 19px -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.33333rem;
  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.91667rem;
  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.08333rem;
  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.83333rem;
  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.33333%;
  }
}

.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.08333rem;
}

.path-frontpage .home-actu-wrap .block-titre {
  width: 100%;
  display: block;
  font-size: 25px;
  font-size: 2.08333rem;
  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 19px -2px rgba(0, 0, 0, 0.85);
  -moz-box-shadow: 0 5px 19px -2px rgba(0, 0, 0, 0.85);
  box-shadow: 0 5px 19px -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.33333rem;
  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.83333rem;
  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;
}

/***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.33333rem;
    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.33333%;
  }
}

@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.08333rem;
    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.33333rem;
    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.33333rem;
    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.33333rem;
    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%;
  height: 560px;
  /*    @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;
  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;
}

.path-contact h3:after {
  bottom: -15px;
}

.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.33333rem;
  color: #004D94;
  margin-bottom: 40px;
}

.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 #D9D9D9;
  background: #FFFFFF;
  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 ul, .path-contact .bloc-contenu-contact ol {
  margin-left: 46px;
}

.path-contact .bloc-contenu-contact p {
  font-size: 15px;
  font-size: 1.25rem;
}

.path-contact .bloc-contenu-contact .coordonnee-dt {
  font-size: 16px;
  font-size: 1.33333rem;
  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%;
}

.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: #004D94;
}

.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: #004D94;
}

.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: #004D94;
}

.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%;
  }
}

/*    @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 .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 .bloc-contact-child {
    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%;
  }
}

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

.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: -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 */
}

.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.91667rem;
  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.83333rem;
}

.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 {
  margin-bottom: 20px;
}

.field--type-text-with-summary p img, .field--type-text-long p img, .field--type-text p img {
  width: 100%;
}

.field--type-text-with-summary .wysiwyg-image, .field--type-text-long .wysiwyg-image, .field--type-text .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 {
  max-width: 100%;
}

.field--type-text-with-summary .wysiwyg-image .credit, .field--type-text-long .wysiwyg-image .credit, .field--type-text .wysiwyg-image .credit {
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  font-size: 0.91667rem;
  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 {
  /* 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 {
  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 {
  padding: 0;
}

.field--type-text-with-summary ul, .field--type-text-long ul, .field--type-text 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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  position: absolute;
  font-family: "Fjalla One", sans-serif;
  font-size: 16px;
  font-size: 1.33333rem;
  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: 10;
  -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.16667rem;
  padding-left: 35px;
  padding-top: 31px;
}

.video-embed-field-responsive-video iframe {
  position: relative;
  width: 100%;
  height: 560px;
}

.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.33333rem;
}

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.33333rem;
}

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.91667rem;
  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.33333rem;
  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.91667rem;
  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.91667rem;
  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.91667rem;
  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.33333rem;
  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.33333rem;
  font-family: "Fjalla One", sans-serif;
  color: #444444;
}

/*Pagination*/
.pager-nav {
  width: 100%;
}

.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.33333rem;
  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.66667rem;
  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.66667rem;
  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.33333rem;
    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.16667rem;
  }
  .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.66667rem;
    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;
  }
}

div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
  background: #0C9DEA;
}

div#sliding-popup .eu-cookie-compliance-content, div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-content, .eu-cookie-withdraw-tab .eu-cookie-compliance-content {
  max-width: 1150px;
  padding: 25px 10px 25px 15px;
  /*    @else if $media == large {
     @media only screen and (min-width: $large + 1) {
         @content;
     }
 } */
}

@media only screen and (max-width: 767px) {
  div#sliding-popup .eu-cookie-compliance-content, div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-content, .eu-cookie-withdraw-tab .eu-cookie-compliance-content {
    padding: 15px;
  }
}

div#sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-message, div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-content .eu-cookie-compliance-message, .eu-cookie-withdraw-tab .eu-cookie-compliance-content .eu-cookie-compliance-message {
  margin: 0;
  max-width: 77%;
}

div#sliding-popup .eu-cookie-compliance-content #popup-text p, div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-content #popup-text p, .eu-cookie-withdraw-tab .eu-cookie-compliance-content #popup-text p {
  font-size: 18px;
  font-size: 1.5rem;
  line-height: 26px;
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #FFFFFF;
  padding: 0;
  /*    @else if $media == large {
     @media only screen and (min-width: $large + 1) {
         @content;
     }
 } */
}

@media only screen and (max-width: 767px) {
  div#sliding-popup .eu-cookie-compliance-content #popup-text p, div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-content #popup-text p, .eu-cookie-withdraw-tab .eu-cookie-compliance-content #popup-text p {
    margin: 0 0 10px;
    font-size: 13px;
    font-size: 1.08333rem;
    line-height: 18px;
  }
}

div#sliding-popup .eu-cookie-compliance-content #popup-text p a, div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-content #popup-text p a, .eu-cookie-withdraw-tab .eu-cookie-compliance-content #popup-text p a {
  color: #FFFFFF;
  position: relative;
  display: inline-block;
}

div#sliding-popup .eu-cookie-compliance-content #popup-text p a:hover, div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-content #popup-text p a:hover, .eu-cookie-withdraw-tab .eu-cookie-compliance-content #popup-text p a:hover {
  text-decoration: none;
}

div#sliding-popup .eu-cookie-compliance-content #popup-text p a:before, div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-content #popup-text p a:before, .eu-cookie-withdraw-tab .eu-cookie-compliance-content #popup-text p a:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: 0px;
  left: 0;
  opacity: 0.8;
}

div#sliding-popup .eu-cookie-compliance-content #popup-buttons, div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-content #popup-buttons, .eu-cookie-withdraw-tab .eu-cookie-compliance-content #popup-buttons {
  margin: 12px 0 0 0;
}

div#sliding-popup .eu-cookie-compliance-content #popup-buttons button, div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-content #popup-buttons button, .eu-cookie-withdraw-tab .eu-cookie-compliance-content #popup-buttons button {
  margin-top: 0;
  display: inline-block;
  padding: 12px 25px;
  background: #002057;
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  font-size: 0.91667rem;
  color: #FFFFFF;
  border-radius: 50px;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  text-shadow: none;
  box-shadow: none;
}

body #tarteaucitronRoot #tarteaucitronBack {
  background: #000 !important;
  opacity: 0.2 !important;
}

body #tarteaucitronRoot #tarteaucitronDetailsanalytic {
  top: 30px !important;
  left: 25px !important;
  border-radius: 7px !important;
  background: #002057 !important;
  font-family: "Roboto", sans-serif !important;
}

body #tarteaucitronRoot #tarteaucitron {
  top: 30% !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;
}

body #tarteaucitronRoot .tarteaucitronMainLine {
  background: transparent !important;
  border: 0 !important;
  border-left: 0 !important;
  border-top: 0 !important;
  padding: 0 10px 50px !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.33333rem;
  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;
  height: auto !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 {
  border-left: none !important;
  background: transparent !important;
  margin: 0;
  padding: 40px 20px 0;
}

body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic .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 {
    text-align: left !important;
  }
}

body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic .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 {
    margin: 0 0 5px !important;
  }
}

body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic .tarteaucitronAsk button#gajsAllowed {
  background: #99C34C !important;
}

body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic .tarteaucitronAsk button#gajsDenied {
  background: #9F2B92 !important;
}

body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic .tarteaucitronTitle {
  position: absolute !important;
  top: -20px !important;
  margin: 0 !important;
  left: 25px !important;
  border: 1px solid #D9D9D9;
  border-radius: 50px !important;
  background: #FFFFFF;
}

body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic .tarteaucitronTitle button {
  margin: 0 !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  color: #004C97;
  padding: 12px 20px 12px 40px !important;
  position: relative;
}

body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic .tarteaucitronTitle button:before {
  content: "";
  display: block;
  position: absolute;
  top: 18px;
  left: 15px;
  background: url(../images/svg-dropdown-cookies.svg) no-repeat 0 0;
  width: 15px;
  height: 8px;
}

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

#tarteaucitronAlertBig {
  display: none !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.91667rem;
  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.91667rem;
  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.91667rem;
  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.91667rem;
  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;
}

.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.33333rem;
  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.33333rem;
}

.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.66667rem;
  }
}

.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.33333rem;
}

.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.91667rem;
  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.33333rem;
  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.33333rem;
  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.66667rem;
    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.16667rem;
    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.91667rem;
  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 .region-footer {
  -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: 60px 0 80px;
}

.footer .region-footer:before, .footer .region-footer:after {
  content: " ";
  display: table;
}

.footer .region-footer:after {
  clear: both;
}

.footer .footer-logo {
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  overflow: hidden;
  display: inline-block;
  background: #FFFFFF;
  width: 108px;
  height: 108px;
}

.footer .footer-logo a {
  display: block;
  padding: 12px 15px;
}

.footer .footer-logo img {
  width: 100%;
}

.footer .footer-title-description-wrapper {
  display: inline-block;
  width: 412px;
  padding-left: 40px;
  padding-right: 40px;
}

.footer .gauche {
  width: 520px;
  float: left;
  font-size: 0;
  color: #FFFFFF;
}

.footer .gauche .footer-title {
  font-size: 24px;
  font-size: 2rem;
  margin-bottom: 8px;
}

.footer .gauche .footer-description {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #FFFFFF;
  padding: 0;
  font-size: 14px;
  font-size: 1.16667rem;
  line-height: 22px;
}

.footer .gauche > div {
  vertical-align: top;
}

.footer .droite {
  width: calc(100% - 520px);
  float: right;
}

.footer .droite .lien-static {
  text-align: right;
  /* margin-bottom: 35px; */
  margin-bottom: 10px;
}

.footer .droite .lien-static a {
  margin-left: 24px;
  margin-bottom: 25px;
}

.footer .liens-dynamic-social-networks {
  /* @include clearfix; */
  text-align: right;
}

.footer .liens-dynamic-social-networks .liens-dynamic {
  /* float: left; */
  /* float: right; */
  text-align: right;
  /* width: calc(100% - 120px); */
  margin-right: -20px;
  display: inline-block;
  vertical-align: top;
}

.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: 14px;
  font-size: 1.16667rem;
  padding: 0 15px 0;
  text-decoration: none;
}

.footer .liens-dynamic-social-networks .social-networks {
  /* float: right; */
  padding-left: 20px;
  max-width: 180px;
  font-size: 0;
  text-align: right;
  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 50px;
  }
  .footer .gauche {
    width: 100%;
    float: none;
    margin-bottom: 35px;
  }
  .footer .droite {
    width: 100%;
    float: none;
  }
  .footer .droite .lien-static {
    text-align: left;
  }
  .footer .droite .lien-static a {
    margin-left: 0;
    margin-right: 24px;
  }
  .footer .footer-title-description-wrapper {
    width: calc(100% - 108px);
  }
  .footer .liens-dynamic-social-networks .liens-dynamic {
    float: none;
    width: 100%;
    text-align: left;
    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) {
  .footer {
    margin-top: 45px;
  }
  .footer .footer-logo {
    text-align: left;
    margin-bottom: 10px;
  }
  .footer .footer-title-description-wrapper {
    display: block;
    width: 100%;
    padding: 0;
  }
  .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;
     }
 } */