/*  -------------------------------------------------------
 ------------------->>> BASE <<<----------------------
 -------------------------------------------------------  */
/* http://meyerweb.com/eric/tools/css/reset/
 v2.0 | 20110126
 License: none (public domain)
 */
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

p, h1, h2, h3 {
  padding: 0;
  margin: 0; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }
/*  -------------------------------------------------------
 ------------------->>> MIXINS <<<----------------------
 -------------------------------------------------------  */
/*Flexbox*/
header nav.navbar .navbar-menu ul.menu, footer .fat-footer .bordered p.wrap, footer .fat-footer .bordered p.wrap span, .home section.programmes .item .dot, .programme .top, .programme .top .picto, .liste .membre .item .pict .picto {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
/* Clearfix*/
/*Position*/
/*Positioning helpers*/
/*Keyframes*/
/*Animations*/
/* Usage
 @include gradient(#07c, #06f, vertical);
 */
/* Usage
 @include placeholder {
 font-style:italic;
 color: white;
 font-weight:100;
 }*/
/*  -------------------------------------------------------
 ------------------->>> LAYOUT <<<----------------------
 -------------------------------------------------------  */
/*  ------------->>> VARIABLES <<<---------------------  */
/*------------>>> Generality <<<--------------*/
html, body {
  position: relative;
  height: 100%;
  width: 100%;
  height: 100%; }
/* à enlever dans bolt car bilbio qui force le overflow sera importée uniquement dans un block twig de la vue about*/
/*overflow:inherit !important;*/
body {
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  color: #424242; }
  @media screen and (min-width: 992px) {
  body {
    font-size: 16px; } }

h1, h2, h3, h4 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: #424242; }

h1 {
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 15px;
  font-weight: bold; }
  @media screen and (min-width: 768px) {
  h1 {
    font-size: 35px;
    margin-bottom: 25px; } }
  @media screen and (min-width: 1200px) {
  h1 {
    font-size: 40px;
    margin-bottom: 30px; } }

h2 {
  text-align: left;
  font-size: 20px;
  margin-bottom: 25px; }
  @media screen and (min-width: 768px) {
  h2 {
    font-size: 25px;
    margin-bottom: 11px; } }
  @media screen and (min-width: 992px) {
  h2 {
    font-size: 30px;
    margin-bottom: 35px; } }
  @media screen and (min-width: 1200px) {
  h2 {
    font-size: 34px;
    margin-bottom: 50px; } }

h3 {
  font-size: 20px;
  margin-bottom: 18px; }

h4 {
  font-size: 16px;
  margin-bottom: 12px; }

.in-center {
  margin: 0 auto; }

.deco {
  position: absolute;
  z-index: -9; }

p {
  position: relative;
  z-index: 99;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  padding-bottom: 12px; }

input:focus, button:focus {
  outline: none; }

.cta:hover {
  text-decoration: none; }

.cta {
  background: #61817c;
  color: white;
  border: 1px solid #61817c;
  padding: 6px 22px;
  text-decoration: none;
  display: inline-block;
  margin-top: 18px;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 25px;
  /* Firefox 1-3.6 */
  -moz-border-radius: 25px;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 25px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out; }
  .cta.large {
    padding: 8px 10px; }
    @media screen and (min-width: 768px) {
  .cta.large {
    padding: 8px 40px; } }
    @media screen and (min-width: 992px) {
  .cta.large {
    padding: 8px 60px; } }
  .cta:hover {
    background: white;
    color: #61817c;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
  .cta.reverse {
    background: white;
    color: #61817c;
    border: 1px solid white;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
    .cta.reverse:hover {
      background: #61817c;
      color: white;
      border: 1px solid #61817c;
      -webkit-transition: 0.2s ease-in-out;
      -moz-transition: 0.2s ease-in-out;
      -o-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out; }

a.underline {
  color: #424242;
  text-decoration: underline;
  font-weight: bold; }
  a.underline:hover {
    text-decoration: none; }

img.rond {
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 25px;
  /* Firefox 1-3.6 */
  -moz-border-radius: 25px;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 25px; }

.img-responsive {
  max-width: 100%;
  height: auto; }

.bckg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 25px;
  /* Firefox 1-3.6 */
  -moz-border-radius: 25px;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 25px; }

section {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px; }
  @media screen and (min-width: 768px) {
  section {
    padding-top: 45px;
    padding-bottom: 45px; } }
  @media screen and (min-width: 992px) {
  section {
    padding-top: 86px;
    padding-bottom: 86px; } }
  section.action {
    background: #424242; }
  section.plaquette {
    background: #424242; }
  section.action, section.plaquette {
    padding-top: 40px;
    padding-bottom: 40px;
    color: white; }
    section.action h2, section.plaquette h2 {
      color: white; }
    section.action .btns, section.plaquette .btns {
      text-align: center; }
      section.action .btns a.cta, section.plaquette .btns a.cta {
        text-decoration: none !important;
        padding: 6px 42px; }
        section.action .btns a.cta.second, section.plaquette .btns a.cta.second {
          color: white; }
          section.action .btns a.cta.second:hover, section.plaquette .btns a.cta.second:hover {
            color: #61817c; }
        @media screen and (min-width: 768px) {
  section.action .btns a.cta, section.plaquette .btns a.cta {
    padding: 6px 12px;
    font-size: 13px; } }
        @media screen and (min-width: 992px) {
  section.action .btns a.cta, section.plaquette .btns a.cta {
    padding: 6px 22px;
    font-size: 16px; } }
        @media screen and (min-width: 1200px) {
  section.action .btns a.cta, section.plaquette .btns a.cta {
    padding: 6px 32px;
    font-size: 16px; } }

.underline {
  position: relative;
  display: inline-block;
  font-weight: bold; }
  .underline.nobold {
    font-weight: normal; }
  .underline:before {
    content: '';
    display: inline;
    position: absolute;
    bottom: 2px;
    width: 100%;
    left: 0;
    height: 9px;
    background: #f4cf40;
    z-index: -1; }

.fat {
  font-weight: bold;
  display: inline; }

.textedit strong {
  position: relative;
  display: inline;
  font-weight: bold; }
  .textedit strong:before {
    content: '';
    display: inline;
    position: absolute;
    bottom: 2px;
    width: 60%;
    left: 0px;
    height: 9px;
    background: #f4cf40;
    z-index: -1; }

.stylelist ul {
  margin-left: 15px; }
  .stylelist ul li {
    list-style: none;
    position: relative;
    font-size: 20px;
    padding-bottom: 12px; }
    .stylelist ul li:before {
      content: '';
      width: 12px;
      height: 12px;
      /* Safari 3-4, iOS 1-3.2, Android 1.6- */
      -webkit-border-radius: 50%;
      /* Firefox 1-3.6 */
      -moz-border-radius: 50%;
      /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
      border-radius: 50%;
      background: #61817c;
      display: inline-block;
      margin-right: 10px; }
    .stylelist ul li strong {
      position: relative;
      display: inline;
      font-weight: bold; }
      .stylelist ul li strong:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 2px;
        width: 60%;
        left: 0px;
        height: 9px;
        background: #f4cf40;
        z-index: -1; }
/*---------->>> page notre charte <<<---------*/
header {
  padding-top: 30px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out; }
  @media screen and (min-width: 992px) {
  header {
    padding-top: 0; } }
  header .top-header {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: bold; }
  header .top-header p {
    text-align: center;
    font-size: 23px;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
    header .top-header p {
      font-size: 30px; } }
    @media screen and (min-width: 992px) {
    header .top-header p {
      font-size: 36px; } }
    header .top-header p.punchline {
      text-transform: none;
      font-size: 18px; }
      @media screen and (min-width: 768px) {
    header .top-header p.punchline {
      font-size: 22px; } }
      @media screen and (min-width: 992px) {
    header .top-header p.punchline {
      font-size: 26px; } }
  header nav.navbar {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end; }
  header nav.navbar .navbar-burger {
    position: relative;
    display: block;
    height: 34px;
    padding: 5px;
    cursor: pointer;
    z-index: 999; }
    header nav.navbar .navbar-burger #burger {
      cursor: pointer;
      width: 30px;
      position: relative;
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0);
      -webkit-transition: 0.5s ease-in-out;
      -moz-transition: 0.5s ease-in-out;
      -o-transition: 0.5s ease-in-out;
      transition: 0.5s ease-in-out; }
      header nav.navbar .navbar-burger #burger span {
        background: #424242;
        display: block;
        /* Safari 3-4, iOS 1-3.2, Android 1.6- */
        -webkit-border-radius: 25px;
        /* Firefox 1-3.6 */
        -moz-border-radius: 25px;
        /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
        border-radius: 25px;
        height: 3px;
        width: 30px;
        opacity: 1;
        position: absolute;
        left: 0; }
        header nav.navbar .navbar-burger #burger span:nth-child(1) {
          top: 7px; }
        header nav.navbar .navbar-burger #burger span:nth-child(3) {
          top: 14px; }
      header nav.navbar .navbar-burger #burger.open span:nth-child(1) {
        top: 10px;
        width: 30px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg); }
        header nav.navbar .navbar-burger #burger.open span:nth-child(2) {
          opacity: 0;
          left: -60px; }
        header nav.navbar .navbar-burger #burger.open span:nth-child(3) {
          width: 30px;
          top: 10px;
          -webkit-transform: rotate(-135deg);
          -moz-transform: rotate(-135deg);
          -o-transform: rotate(-135deg);
          transform: rotate(-135deg); }
    header nav.navbar .navbar-burger.opened {
      z-index: 99;
      background: white;
      box-shadow: 0 3px 10px 0 #000; }
  header nav.navbar .navbar-menu {
    width: 100%; }
    @media screen and (min-width: 992px) {
    header nav.navbar .navbar-menu {
      -webkit-justify-content: space-around;
      -ms-flex-pack: space-around;
      justify-content: space-around; } }
    header nav.navbar .navbar-menu ul.menu {
      display: block; }
      @media screen and (min-width: 992px) {
    header nav.navbar .navbar-menu ul.menu {
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: space-around;
      -ms-flex-pack: space-around;
      justify-content: space-around; } }
      header nav.navbar .navbar-menu ul.menu li.nav-item {
        padding: 0 12px;
        list-style: none; }
        header nav.navbar .navbar-menu ul.menu li.nav-item a {
          color: #424242;
          font-weight: bold;
          text-decoration: none;
          text-transform: uppercase;
          position: relative;
          font-size: 18px;
          -webkit-transition: 0.2s ease-in-out;
          -moz-transition: 0.2s ease-in-out;
          -o-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out; }
        @media screen and (min-width: 992px) {
      header nav.navbar .navbar-menu ul.menu li.nav-item a {
        font-size: 20px; } }
        header nav.navbar .navbar-menu ul.menu li.nav-item a:before {
          content: '';
          display: block;
          position: absolute;
          bottom: 3px;
          width: 70%;
          left: 0px;
          height: 8px;
          background: #f4cf40;
          z-index: -1;
          -webkit-transition: 0.3s linear;
          -moz-transition: 0.3s linear;
          -o-transition: 0.3s linear;
          transition: 0.3s linear; }
        header nav.navbar .navbar-menu ul.menu li.nav-item a:hover {
          text-decoration: none;
          -webkit-transition: 0.2s ease-in-out;
          -moz-transition: 0.2s ease-in-out;
          -o-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out; }
          header nav.navbar .navbar-menu ul.menu li.nav-item a:hover:before {
            width: 100%;
            transform-origin: center;
            -webkit-transition: 0.3s linear;
            -moz-transition: 0.3s linear;
            -o-transition: 0.3s linear;
            transition: 0.3s linear; }
      header nav.navbar .navbar-menu ul.menu ul.dropdown-menu {
        padding-top: 0;
        padding-bottom: 0; }
        header nav.navbar .navbar-menu ul.menu ul.dropdown-menu li.nav-item {
          background: white;
          padding-top: 5px;
          padding-bottom: 5px;
          -webkit-transition: 0.2s ease-in-out;
          -moz-transition: 0.2s ease-in-out;
          -o-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out; }
        header nav.navbar .navbar-menu ul.menu ul.dropdown-menu li.nav-item:hover {
          background: #f4cf40;
          -webkit-transition: 0.2s ease-in-out;
          -moz-transition: 0.2s ease-in-out;
          -o-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out;
          cursor: pointer; }
          header nav.navbar .navbar-menu ul.menu ul.dropdown-menu li.nav-item:hover a {
            color: white; }
        header nav.navbar .navbar-menu ul.menu ul.dropdown-menu li.nav-item a {
          display: inline-block;
          width: 100%;
          text-transform: inherit;
          font-weight: normal;
          color: #424242;
          -webkit-transition: 0.2s ease-in-out;
          -moz-transition: 0.2s ease-in-out;
          -o-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out; }
          header nav.navbar .navbar-menu ul.menu ul.dropdown-menu li.nav-item a:before {
            display: none; }
          header nav.navbar .navbar-menu ul.menu ul.dropdown-menu li.nav-item a:hover {
            color: white;
            -webkit-transition: 0.2s ease-in-out;
            -moz-transition: 0.2s ease-in-out;
            -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out; }
  header nav.navbar a.social {
    font-size: 24px;
    color: #61817c;
    text-decoration: none; }
    header nav.navbar a.social:hover {
      text-decoration: none;
      color: #f4cf40; }
  header.sticked {
    padding-top: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    position: fixed;
    background-color: white;
    box-shadow: 0 2px 4px rgba(76, 76, 75, 0.102);
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
  header.sticked .top-header p {
    font-size: 20px; }
    header.sticked .top-header p.punchline {
      font-size: 18px; }
  header.sticked nav.navbar .content-nav {
    margin-top: 0; }
    header.sticked nav.navbar .content-nav .navbar-collapse ul.nav li a {
      font-size: 16px; }

footer {
  color: #424242; }
  footer .fat-footer {
    padding-top: 25px;
    padding-bottom: 25px; }
  footer .fat-footer h2 {
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 12px;
    position: relative;
    text-align: left; }
    footer .fat-footer h2:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      width: 80%;
      left: 0px;
      height: 15px;
      background: #f4cf40;
      z-index: -1; }
  footer .fat-footer .baseline {
    font-weight: bold; }
  @media screen and (min-width: 768px) {
      footer .fat-footer ul {
        display: inline-flex;
        margin-bottom: 22px; } }
    footer .fat-footer ul li {
      list-style: none;
      padding-right: 8px; }
    footer .fat-footer ul li a {
      text-transform: uppercase;
      font-size: 14px;
      color: #424242;
      text-decoration: none;
      font-weight: normal;
      position: relative; }
      footer .fat-footer ul li a:hover {
        color: #424242;
        text-decoration: none; }
      @media screen and (min-width: 768px) {
      footer .fat-footer ul li a:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 1px;
        width: 70%;
        left: 0px;
        height: 8px;
        background: #f4cf40;
        z-index: -1; } }
  @media screen and (min-width: 768px) {
      footer .fat-footer .bordered {
        border-left: 1px solid #f4cf40; } }
    footer .fat-footer .bordered p.wrap {
      margin-top: 15px;
      margin-bottom: 15px;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
    footer .fat-footer .bordered p.wrap span {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      min-width: 35px;
      height: 35px;
      /* Safari 3-4, iOS 1-3.2, Android 1.6- */
      -webkit-border-radius: 50%;
      /* Firefox 1-3.6 */
      -moz-border-radius: 50%;
      /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
      border-radius: 50%;
      background: #f4cf40;
      color: white;
      text-align: center; }
      footer .fat-footer .bordered p.wrap span i {
        font-size: 20px; }
    footer .fat-footer .bordered p.wrap a {
      margin-left: 12px;
      font-size: 14px;
      color: #424242;
      text-decoration: none;
      font-weight: bold; }
      @media screen and (min-width: 768px) {
      footer .fat-footer .bordered p.wrap a {
        margin-left: 2px; } }
      footer .fat-footer .bordered p.wrap a:hover {
        color: #424242;
        text-decoration: none; }
  footer .fat-footer h4 {
    margin-top: 15px; }
  footer .thin-footer {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 13px;
    background: #61817c;
    color: white; }
  footer .thin-footer a {
    color: white;
    text-decoration: none; }
    footer .thin-footer a:hover {
      text-decoration: none; }
/*  -------------------------------------------------------
 ------------------->>> HOME <<<----------------------
 -------------------------------------------------------  */
.home section.heading {
  height: 29vh;
  background-image: url('../img/salies-liste-patrick-biscaro.webp');
  background-size: cover;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: relative; }
  @media screen and (min-width: 576px) {
      .home section.heading {
        height: 40vh; } }
  @media screen and (min-width: 768px) {
      .home section.heading {
        height: 60vh;
        background-position: bottom center; } }
  @media screen and (min-width: 992px) {
      .home section.heading {
        height: 70vh;
        background-position: center; } }
  @media screen and (min-width: 1200px) {
      .home section.heading {
        height: 90vh;
        background-position: center; } }
  .home section.actu {
    margin-bottom: 80px;
    background: #61817c;
    color: white;
    padding-top: 80px;
    padding-bottom: 80px; }
  .home section.actu h2 {
    text-transform: uppercase;
    margin-bottom: 8px; }
  .home section.actu h3 {
    color: white;
    font-weight: 20x;
    padding-bottom: 15px; }
  .home section.actu h3 span {
    color: #f4cf40;
    display: block;
    text-transform: uppercase;
    font-weight: normal; }
  .home section.actu .picto {
    position: absolute;
    top: -30px;
    right: 25px; }
  .home section.actu .picto img {
    max-width: 100px;
    height: auto; }
  .home section.actu p.date {
    color: #f4cf40;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase; }
  .home section.actu p.place {
    color: white; }
  .home section.actu p.under {
    font-size: 20px;
    color: #424242;
    font-weight: bold;
    margin-bottom: 35px; }
  .home section.actu .cta.reverse a {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    color: #61817c; }
    .home section.actu .cta.reverse a:hover {
      text-decoration: none;
      -webkit-transition: 0.2s ease-in-out;
      -moz-transition: 0.2s ease-in-out;
      -o-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out;
      color: white; }
  .home section.actu .cta.reverse:hover {
    border: 1px solid white; }
  @media screen and (min-width: 768px) {
        .home section.team .content {
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; } }
  .home section.team .content .blc-pict {
    -webkit-box-ordinal-group: 1;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 1;
    /*OLD - Firefox 19- */
    -ms-flex-order: 1;
    /*TWEENER - IE 10 */
    -webkit-order: 1;
    /*NEW - Chrome */
    order: 1;
    margin-top: 35px; }
    @media screen and (min-width: 768px) {
        .home section.team .content .blc-pict {
          -webkit-box-ordinal-group: 0;
          /*OLD - iOS 6-, Safari 3.1-6 */
          -moz-box-ordinal-group: 0;
          /*OLD - Firefox 19- */
          -ms-flex-order: 0;
          /*TWEENER - IE 10 */
          -webkit-order: 0;
          /*NEW - Chrome */
          order: 0;
          margin-top: 0; } }
  .home section.team .content .blc-info {
    -webkit-box-ordinal-group: 0;
    /*OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 0;
    /*OLD - Firefox 19- */
    -ms-flex-order: 0;
    /*TWEENER - IE 10 */
    -webkit-order: 0;
    /*NEW - Chrome */
    order: 0; }
    @media screen and (min-width: 768px) {
        .home section.team .content .blc-info {
          -webkit-box-ordinal-group: 1;
          /*OLD - iOS 6-, Safari 3.1-6 */
          -moz-box-ordinal-group: 1;
          /*OLD - Firefox 19- */
          -ms-flex-order: 1;
          /*TWEENER - IE 10 */
          -webkit-order: 1;
          /*NEW - Chrome */
          order: 1; } }
  .home section.programmes .deco {
    left: -25px;
    top: -50px; }
  .home section.programmes .element {
    padding-left: 0;
    padding-right: 0; }
  @media screen and (min-width: 576px) {
        .home section.programmes .element {
          padding-left: 15px;
          padding-right: 15px; } }
  .home section.programmes .item {
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 25px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 25px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 25px;
    box-shadow: 1px 1px 10px 1px rgba(66, 66, 66, 0.18);
    color: black;
    padding: 26px 18px;
    margin-bottom: 30px;
    position: relative; }
  .home section.programmes .item .dot {
    width: 45px;
    height: 45px;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 50%;
    /* Firefox 1-3.6 */
    -moz-border-radius: 50%;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 50%;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #61817c;
    position: absolute;
    right: 15px;
    top: 15px; }
    @media screen and (min-width: 768px) {
        .home section.programmes .item .dot {
          right: 20px;
          top: 25px; } }
    .home section.programmes .item .dot svg {
      width: 35px;
      height: 35px; }
    .home section.programmes .item .dot svg path {
      fill: white; }
  .home section.programmes .item .topcontent h3 {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 18px;
    position: relative;
    display: inline-block; }
    .home section.programmes .item .topcontent h3:before {
      content: '';
      display: inline;
      position: absolute;
      bottom: 2px;
      width: 80%;
      height: 9px;
      background: #f4cf40;
      z-index: -1; }
    @media screen and (min-width: 768px) {
          .home section.programmes .item .topcontent h3 {
            max-width: 75%; } }
    @media screen and (min-width: 992px) {
          .home section.programmes .item .topcontent h3 {
            max-width: 80%; } }
    @media screen and (min-width: 1200px) {
          .home section.programmes .item .topcontent h3 {
            font-size: 22px; } }
  .home section.programmes .item h4 {
    padding-top: 20px; }
    @media screen and (min-width: 768px) {
        .home section.programmes .item h4 {
          padding-top: 2px;
          max-width: 80%; } }
    @media screen and (min-width: 992px) {
        .home section.programmes .item h4 {
          font-size: 20px;
          margin-bottom: 25px; } }
  .home section.programmes .item .action {
    margin-top: 35px; }
    .home section.programmes .item .action .cta {
      background: #61817c;
      color: white;
      border: 1px solid #61817c;
      margin-top: 0;
      -webkit-transition: 0.2s ease-in-out;
      -moz-transition: 0.2s ease-in-out;
      -o-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out; }
    .home section.programmes .item .action .cta:hover {
      background: white;
      color: #61817c;
      -webkit-transition: 0.2s ease-in-out;
      -moz-transition: 0.2s ease-in-out;
      -o-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out; }
  .home section.bottom {
    padding-top: 0;
    height: 40vh;
    background-size: cover;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../img/paysage-salies-du-salat.webp'); }
  @media screen and (min-width: 768px) {
      .home section.bottom {
        height: 50vh; } }
  @media screen and (min-width: 992px) {
      .home section.bottom {
        height: 70vh; } }

.programme .top {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start; }
  @media screen and (min-width: 576px) {
      .programme .top h1 {
        margin-bottom: 20px; } }
  @media screen and (min-width: 992px) {
      .programme .top h1 {
        margin-bottom: 0; } }
  .programme .top h2 {
    margin-top: 15px; }
  @media screen and (min-width: 992px) {
      .programme .top h2 {
        margin-top: 15px; } }
  .programme .top .picto {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 50%;
    /* Firefox 1-3.6 */
    -moz-border-radius: 50%;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 50%;
    background-color: #f4cf40; }
  @media screen and (min-width: 992px) {
      .programme .top .picto {
        width: 65px;
        height: 65px; } }
  .programme .top .picto svg {
    width: 33px;
    height: 33px; }
  @media screen and (min-width: 992px) {
        .programme .top .picto svg {
          width: 45px;
          height: 45px; } }
  .programme .top .picto svg path {
    fill: white; }
  .programme .stylelist ul {
    margin-left: 0; }
  .programme .stylelist ul li:before {
    background: #f4cf40; }
  .programme .stylelist ul li strong:before {
    width: 0%; }
  .programme a {
    color: #424242;
    text-decoration: underline;
    font-weight: normal; }
  .programme a:hover {
    text-decoration: none; }
  .programme .content {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .programme .content .deco {
    position: absolute;
    bottom: -19vh;
    z-index: 99;
    max-width: 80%;
    left: -25vw; }
  @media screen and (min-width: 576px) {
      .programme .content .deco {
        left: -4vw; } }
  @media screen and (min-width: 768px) {
      .programme .content .deco {
        left: -4vw; } }
  @media screen and (min-width: 992px) {
      .programme .content .deco {
        left: -4vw; } }
  .programme .bottom {
    height: 40vh;
    background-image: url('../img/paysage-salies-page-liste-salies2026.webp');
    background-size: cover;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat; }
  @media screen and (min-width: 768px) {
    .programme .bottom {
      height: 50vh; } }
  @media screen and (min-width: 992px) {
    .programme .bottom {
      height: 70vh; } }
  .programme .action {
    margin-top: 0;
    margin-bottom: 45px; }
/*  -------------------------------------------------------
 ------------------->>> PAGES CONTENT TYPE<<<----------------------
 -------------------------------------------------------  */
.liste .membre .item {
  margin-bottom: 30px; }
  .liste .membre .item .pict {
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 25px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 25px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 25px;
    position: relative;
    height: 345px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    box-shadow: 0 2px 4px rgba(76, 76, 75, 0.102); }
  .liste .membre .item .pict .picto {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 50%;
    /* Firefox 1-3.6 */
    -moz-border-radius: 50%;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 50%; }
  .liste .membre .item .pict .top-vignette {
    position: relative; }
    .liste .membre .item .pict .top-vignette .number {
      text-align: center;
      position: absolute;
      top: 15px;
      right: 30px;
      background: #61817c;
      font-weight: bold;
      color: white; }
  .liste .membre .item .pict .bottom-vignette {
    position: relative;
    height: 100%; }
    .liste .membre .item .pict .bottom-vignette .content {
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      position: absolute;
      bottom: 15px;
      left: 15px;
      right: 30px; }
    .liste .membre .item .pict .bottom-vignette .pole {
      background-color: rgba(0, 0, 0, 0.74);
      margin-right: 10px;
      right: 55px; }
    .liste .membre .item .pict .bottom-vignette .pole a svg {
      width: 33px;
      height: 33px; }
      .liste .membre .item .pict .bottom-vignette .pole a svg path {
        fill: white; }
      .liste .membre .item .pict .bottom-vignette .pole a:hover svg path {
        fill: #f4cf40; }
    .liste .membre .item .pict .bottom-vignette .service {
      color: white;
      background-color: rgba(0, 0, 0, 0.44);
      border: 1px solid white;
      padding: 4px 6px;
      /* Safari 3-4, iOS 1-3.2, Android 1.6- */
      -webkit-border-radius: 28px;
      /* Firefox 1-3.6 */
      -moz-border-radius: 28px;
      /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
      border-radius: 28px;
      text-align: center;
      font-size: 14px;
      font-weight: normal; }
  .liste .membre .item h2 {
    font-size: 20px;
    margin-top: 16px;
    margin-bottom: 16px; }
  .liste .membre .item h2 .underline:before {
    bottom: 0;
    width: 80%; }
  .liste .membre .item h3 span {
    font-weight: normal; }
  .liste .membre .deco {
    right: 0;
    left: unset;
    top: -10px;
    bottom: unset;
    z-index: -99; }
  .liste .bottom {
    height: 40vh;
    background-image: url('../img/paysage-salies-page-liste-salies2026.webp');
    background-size: cover;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat; }
  @media screen and (min-width: 768px) {
    .liste .bottom {
      height: 50vh; } }
  @media screen and (min-width: 992px) {
    .liste .bottom {
      height: 70vh; } }
  .liste .action {
    margin-top: 0;
    margin-bottom: 45px; }

.charte .top {
  overflow-x: hidden;
  position: relative; }
  .charte .top .deco {
    right: 0;
    left: unset;
    top: -5px;
    bottom: unset;
    z-index: -99; }
  .charte .bottom {
    height: 40vh;
    background-image: url('../img/paysage-salies-page-charte.webp');
    background-size: cover;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat; }
  @media screen and (min-width: 768px) {
    .charte .bottom {
      height: 50vh; } }
  @media screen and (min-width: 992px) {
    .charte .bottom {
      height: 70vh; } }
  .charte .action {
    margin-top: 0;
    margin-bottom: 45px; }
/*  -------------------------------------------------------
 ------------------->>> PAGES GENERIQUE <<<----------------------
 -------------------------------------------------------  */
/*---------->>> sitemap <<<---------*/

.sitemap .content {
  height: 95vh;
  padding-left: 30px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .sitemap .content ul {
    margin-left: 30px; }
  .sitemap .content ul li > ul {
    margin-left: 10px; }