/*
Theme Name: Kalyx Bootstrap Starter
Text Domain: klx-bs4
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
# Infinite scroll
# Media
	## Captions
	## Galleries
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
    -webkit-font-smoothing: auto;
  }
  
  details,
  summary {
    display: block;
  }
  
  audio,
  canvas,
  progress,
  video {
    display: inline-block;
    vertical-align: baseline;
  }
  
  audio:not([controls]) {
    display: none;
    height: 0;
  }
  
  a { color: inherit; }
  
  a:active,
  a:hover {
    color: inherit;
    outline: 0;
  }
  
  mark {
    background: #ff0;
    color: #000;
  }
  
  small {
    font-size: 80%;
  }
  
  svg:not(:root) {
    overflow: hidden;
  }
  
  /*--------------------------------------------------------------
  # Elements
  --------------------------------------------------------------*/
  img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
  }
  
  figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
  }
  
  table {
    margin: 0 0 1.5em;
    width: 100%;
  }
  
  button {
      cursor: pointer;
      background-color: transparent;
      border-color: transparent;
      border-style: none;
  }
  
  .btn { border-radius: 0; }
  
  /*--------------------------------------------------------------
  # Accessibility
  --------------------------------------------------------------*/
  /* Text meant only for screen readers. */
  .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
  }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 0.313rem;
    line-height: normal;
    padding: 0.938rem 1.438rem 0.875rem;
    text-decoration: none;
    top: 0.313rem;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
  }
  
  /* Do not show the outline on the skip link target. */
  #content[tabindex="-1"]:focus {
    outline: 0;
  }
  
  .cut-link {
  
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
  
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
  
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  
  }
  /*--------------------------------------------------------------
  # Alignments
  --------------------------------------------------------------*/
  article .alignleft {
    display: inline;
    float: left;
    margin: 0 1.25rem 1.25rem 0;
  }
  
  article .alignright {
    display: inline;
    float: right;
    margin: 0 0 1.25rem 1.25rem;
  }
  
  article .aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.25rem;
  }
  
  article a img.alignright {
    float: right;
    margin: 0 0 1.25rem 1.25rem;
  }
  
  article a img.alignnone {
    margin: 0 1.25rem 1.25rem 0;
  }
  
  article a img.alignleft {
    float: left;
    margin: 0 1.25rem 1.25rem 0;
  }
  
  article a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  article .wp-caption.alignnone {
    margin: 0.313rem 1.25rem 1.25rem 0;
  }
  
  article .wp-caption.alignleft {
    margin: 0.313rem 1.25rem 1.25rem 0;
  }
  
  article .wp-caption.alignright {
    margin: 0.313rem 0 1.25rem 1.25rem;
  }
  
  /*--------------------------------------------------------------
  # Clearings
  --------------------------------------------------------------*/
  .clear:before,
  .clear:after,
  .entry-content:before,
  .entry-content:after,
  .site-header:before,
  .site-header:after,
  .site-content:before,
  .site-content:after,
  .site-footer:before,
  .site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
  }
  
  .clear:after,
  .entry-content:after,
  .site-header:after,
  .site-content:after,
  .site-footer:after {
    clear: both;
  }
  
  hr,h2,h3,h4,h5,h6 {
      clear: both;
  }
  
  .single-lieu h3, .single-association h3, .single-annuaire h3 {
      clear: none;
  }
  .navbar { overflow: hidden; background: #fff; }
  /*--------------------------------------------------------------
  # CONTENT PAGE
  --------------------------------------------------------------*/
  
  .entry-content { color: #4c4c4c; }
  
  .entry-content a { color: #000; text-decoration: underline; }
  
  .entry-content h2:not(.title-collapse) { font-weight: 700; font-size: 1.75em; }
  .entry-content h3 { font-weight: 700; font-size: 1.125em; padding-top: 1em; margin-bottom: 1em;}
  
  .entry-content ol {
      counter-reset: li; /* Initiate a counter */
      list-style: none; /* Remove default numbering */
      padding-left: 2em;
  }
  .entry-content ol li {
      counter-increment: li;
  }
  .entry-content ol li::before {
      content: counter(li);
      color: #e9c901;
        display: inline-block; width: 1em;
      margin-left: -1.5em;
      margin-right: 0.5em;
      text-align: right;
      direction: rtl;
  }
  
  .entry-content li { margin-bottom: .5em; }
  
  .entry-content ul { 
    list-style: none;
    padding-left: 1em;
    width: 100%;
  }
  
  
  .entry-content ul li:before { /* fa-caret-right */
      content: "\f0da";
      display: inline-block;
      font: normal normal normal 14px/1 "juricon";
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #e9c901;
      margin-right: .5em;
  }

  .entry-content .wp-block-button .wp-block-button__link,
  .entry-content .wp-block-file *+.wp-block-file__button{
    color: #fff;
    text-decoration: none;
    background: #043668;
    border: 1px solid #043668;
    transition: all 0.2s ease-in-out;
  }

  .entry-content .wp-block-button .wp-block-button__link:focus,
  .entry-content .wp-block-button .wp-block-button__link:hover,
  .entry-content .wp-block-file *+.wp-block-file__button:focus,
  .entry-content .wp-block-file *+.wp-block-file__button:hover{
    color: #043668;
    background: #fff;
  }
  
  .entry-content .wp-block-gallery{
    position: relative;
    width: 70%;
    margin: 0 auto;
    padding: 30px;
  }
  
  /*.entry-content .wp-block-gallery .wp-block-image{
    width: 100%;
    margin: 0;
  }*/
  
  .entry-content .wp-block-gallery .slick-arrow{
    position: absolute;
    z-index: 2;
    top: 50%;
    font-size: 40px;
    color: white;
    text-shadow: 1px 2px 3px black;
  }
  
  .entry-content .wp-block-gallery .slick-prev{
    left: -30px;
    transform: rotate(180deg);
  }
  .entry-content .wp-block-gallery .slick-next{
    right: -30px;
  }

  .acf-gallery {
    list-style-type: none; /* Retirer le style de liste */
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap; /* Autoriser le retour à la ligne */
    }
    
  .acf-gallery li {
    flex: 33.333%; /* 3 images par ligne, mettez 25% pour en avoir 4 */
    padding: 10px;
  }

  .entry-content .acf-gallery li:before{
    display: none;
  }

  .lightbox {
    display: none; /* cachée par défaut */
    position: fixed; /* fixée et qui prend tout l'écran */
    z-index: 9999; /* Pour être sûr de passer au dessus du reste */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.7); /* noire avec transparence */
    background-size: contain; /* l'image occupe tout l'espace disponible */
    background-repeat: no-repeat; 
    background-position: center;
    cursor: pointer; /* Le curseur a la même forme que sur un lien */
    }
  
  /*.entry-content ul.blocks-gallery-grid li{
    margin-right: 0 !important;
  }
  
  .entry-content ul.blocks-gallery-grid li:before{
      display: none;
  }*/
  
  .entry-content blockquote {
      border-left: 1em solid #e9c901;
      color: #e9c901;
      background-color: #f2f2f2;
      font-weight: 700;
      padding: .5em .75em;
  }
  
  /* collapse shortcode */
  .title-collapse {
      clear:both;
      background-color: #f2f2f2;
      padding: .25em;
  }
  a.btn-collapse {
      position: relative;
      display: block;
      padding-right: 2em;
      text-decoration: none;
  }
  a.btn-collapse:after {
      position: absolute;
      right: 1em;
      content: '+';
      display: inline-block;
  }
  a.btn-collapse[aria-expanded=true]:after {
      content: '-';
  }
  .clear.collapse {
      margin-bottom: 1em;
  }



  /*--------------------------------------------------------------
  ## Posts and pages
  --------------------------------------------------------------*/
  /*#content.site-content {
    padding-bottom: 3.75rem;
    padding-top: 4.125rem;
  }
  */
  
  .single .byline,
  .group-blog .byline {
    display: inline;
  }
  
  .page-content,
  .content-area .entry-content,
  .content-area .entry-summary {
    margin: 1.5em 0 0;
  }
  
  .page-links {
    clear: both;
    margin: 0 0 1.5em;
  }
  
  .post.hentry {
    margin-bottom: 4rem;
  }
  
  .entry-title > a {
    color: inherit;
  }
  
  
  /*--------------------------------------------------------------
  # Infinite scroll
  --------------------------------------------------------------*/
  /* Globally hidden elements when Infinite Scroll is supported and in use. */
  .infinite-scroll .posts-navigation,
  .infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
  }
  
  /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
  .infinity-end.neverending .site-footer {
    display: block;
  }
  
  /*--------------------------------------------------------------
  # Media
  --------------------------------------------------------------*/
  
  /* Make sure embeds and iframes fit their containers. */
  embed,
  iframe,
  object {
    max-width: 100%;
  }

  .embed-responsive{
    min-height: 500px;
  }
  
  .embed-responsive .wp-video {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
  }

  /*--------------------------------------------------------------
  ## HEADER IMAGE
  --------------------------------------------------------------*/
  .header-image img{
      max-height: 550px;
      width: 100%;
      min-height: 350px;
      height: 100%;
      object-fit: cover;
  }
  
  @media screen and (max-width:767px){
      .header-image img{
          max-height: 150px;
          min-height: 150px;
      }
  }
  
  
  /*--------------------------------------------------------------
  ## Captions
  --------------------------------------------------------------*/
  .wp-caption {
    position: relative;
  }
  .wp-caption img[class*="wp-image-"] {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
  }
  .wp-caption .wp-caption-text {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba( 0, 0, 0, .5 );
    color: #fff;
    font-size: 11px;
    padding: .75em 1em;
    line-height: 1;
    font-style: italic;
  }
  
  /*--------------------------------------------------------------
  ## Galleries
  --------------------------------------------------------------*/
  .gallery-item {
      display: inline-block;
      text-align: left;
      vertical-align: top;
      margin: 0 0 1.5em;
      padding: 0 1em 0 0;
      width: 50%;
  }
  
  .gallery-columns-1 .gallery-item {
      width: 100%;
  }
  
  .gallery-columns-2 .gallery-item {
      max-width: 50%;
  }
  
  .gallery-item a,
  .gallery-item a:hover,
  .gallery-item a:focus {
      -webkit-box-shadow: none;
      box-shadow: none;
      background: none;
      display: inline-block;
      max-width: 100%;
  }
  
  .gallery-item a img {
      display: block;
      -webkit-transition: -webkit-filter 0.2s ease-in;
      transition: -webkit-filter 0.2s ease-in;
      transition: filter 0.2s ease-in;
      transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      vertical-align: auto;
  }
  
  .gallery-item a:hover img,
  .gallery-item a:focus img {
      -webkit-filter: opacity(60%);
      filter: opacity(60%);
  }
  
  .gallery-caption {
      display: block;
      text-align: left;
      padding: 0 10px 0 0;
      margin-bottom: 0;
  }
  
  @media screen and (min-width: 480px) {
      .gallery-item {
          max-width: 25%;
      }
  
      .gallery-columns-1 .gallery-item {
          max-width: 100%;
      }
  
      .gallery-columns-2 .gallery-item {
          max-width: 50%;
      }
  
      .gallery-columns-3 .gallery-item {
          max-width: 33.33%;
      }
  
      .gallery-columns-4 .gallery-item {
          max-width: 25%;
      }
  }
  
  @media screen and (min-width: 768px) {
      .gallery-columns-5 .gallery-item {
          max-width: 20%;
      }
  
      .gallery-columns-6 .gallery-item {
          max-width: 16.66%;
      }
  
      .gallery-columns-7 .gallery-item {
          max-width: 14.28%;
      }
  
      .gallery-columns-8 .gallery-item {
          max-width: 12.5%;
      }
  
      .gallery-columns-9 .gallery-item {
          max-width: 11.11%;
      }
  }
  
  @media screen and (min-width: 1024px) {
  
  }
  /*--------------------------------------------------------------
  ## Elementor
  --------------------------------------------------------------*/
  .elementor-page article .entry-footer {
    display: none;
  }
  
  .elementor-page.page-template-fullwidth #content.site-content {
    padding-bottom: 0;
    padding-top: 0;
  }
  
  .elementor-page .entry-content {
    margin-top: 0;
  }
  
  /*--------------------------------------------------------------
  ## Navigation
  --------------------------------------------------------------*/
  
  .site-main .posts-navigation,
  .site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
  }
  
  .posts-navigation .nav-previous,
  .post-navigation .nav-previous {
    float: left;
    width: 50%;
  }
  
  .posts-navigation .nav-next,
  .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
  }
  
  .navigation.post-navigation {
    padding-top: 1.875rem;
  }
  
  .post-navigation .nav-previous a,
  .post-navigation .nav-next a {
    border: 1px solid #ddd;
    border-radius: 0.938rem;
    display: inline-block;
    padding: 0.313rem 0.875rem;
    text-decoration: none;
  }
  
  .post-navigation .nav-next a::after {
    content: " \2192";
  }
  
  .post-navigation .nav-previous a::before {
    content: "\2190 ";
  }
  
  .post-navigation .nav-previous a:hover,
  .post-navigation .nav-next a:hover {
    background: #eee none repeat scroll 0 0;
  }
  
  /*--------------------------------------------------------------
  # Menu
  --------------------------------------------------------------*/
  header#masthead {
    margin-bottom: 0;
  }
  
  .navbar-brand > a {
    font-size: 1.1rem;
    outline: medium none;
    text-decoration: none;
    font-weight: 700;
  }
  
  .navbar-brand > a:visited, .navbar-brand > a:hover {
    text-decoration: none;
  }
  
  .dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
      color: inherit;
      text-decoration: none;
      background-color: inherit;
  }
  
  @media screen and (min-width: 768px) {
      
      .nav-link.dropdown-toggle::after { display: none; }
      
      .nav-link.dropdown-toggle:focus:after {
          position: absolute;
          bottom: .7em;
          left: 50%;
          margin-left: -.3em;		
          display: inline-block;
      }
      
      .nav-link:focus {
          outline: none !important;
      }
  
      /*.dropdown:hover > .dropdown-menu { display: block; }	*/
  }
  
  
  /************************* Personnalisation ******************************************************/
  
  html, body { 
      font-family: "Roboto", sans-serif;
      font-size: 12px;
      color: #1a1a1a;
  }
  @media screen and (min-width: 992px) {
      html, body { font-size: 14px; }
  }
  @media screen and (min-width: 1200px) {
      html, body { font-size: 16px; }
  }
  @media screen and (min-width: 1920px) {
      html, body { font-size: 18px; }
  }
  
  /*
  #page {
      min-height: 101vh;
  }
  */
  
  /*/////////// HEADER ///////////*/
  
      #masthead {
      position: sticky;
      top: 0px;
      z-index: 999; }
      
      /*---- LOGO ----*/
      img.custom-logo { width: 110px; }
      @media screen and (min-width: 1200px) {
          img.custom-logo { width: 150px; }
      }
      @media screen and (min-width: 1920px) {
          img.custom-logo { width: auto; }
      }
      
      /*---- MENU ----*/
      .navbar-toggler { border: 0; }
      .navbar-toggler i { color: #47505d; font-size: 2em; }
      
      .navbar-nav .nav-link {
          text-transform: uppercase;
          /*font-size:.916666667em; */
          font-weight: 900;
          color: #47505d;
          letter-spacing: .07em;
      }
      .navbar-expand-md .navbar-nav .nav-link {
          padding-left: 1em;
          padding-right: 1em;
      }
      
      .breadcrumb-item.active > span, .breadcrumb-item + .breadcrumb-item::before,
      .archive .page-title,
      .archive .form-archive .btn { color: #e9c901; }
      
      .noir { color: #000; }
      
      .colorset-1.show .nav-link,
      .colorset-1 .nav-link:hover,
      .colorset-1 .nav-link:focus,
      .colorset-1 .page-title,
      .colorset-1 .breadcrumb-item.active > span,
      .colorset-1 .breadcrumb-item + .breadcrumb-item::before,
      .colorset-1 .entry-content li:before,
      .colorset-1 .entry-content blockquote,
      .colorset-1 .publication .telecharger,
      .colorset-1 .form-archive .btn,
      .bleu { color: #81a4d4; }
      .colorset-1.show .nav-link:before,
      .colorset-1 .nav-link:hover:before,
      .colorset-1 .nav-link:focus:before { background-color: #81a4d4; }
      .colorset-1 .entry-content blockquote { border-left: 1em solid #81a4d4; }
      
  /*
      .colorset-2.show .nav-link,
      .colorset-2 .nav-link:hover,
      .colorset-2 .nav-link:focus,
      .colorset-2 .page-title,
      .colorset-2 .breadcrumb-item.active > span,
      .colorset-2 .breadcrumb-item + .breadcrumb-item::before,
      .colorset-2 .entry-content li:before,
      .colorset-2 .entry-content blockquote,
      .colorset-2 .publication .telecharger,
      .colorset-2 .form-archive .btn,
      .vert { color: #afc329; }
      .colorset-2.show .nav-link:before,
      .colorset-2 .nav-link:hover:before,
      .colorset-2 .nav-link:focus:before { background-color: #afc329; }
      .colorset-2 .entry-content blockquote { border-left: 1em solid #afc329; }
          
  */
  /*
      .colorset-3.show .nav-link,
      .colorset-3 .nav-link:hover,
      .colorset-3 .nav-link:focus,
      .colorset-3 .page-title,
      .colorset-3 .breadcrumb-item.active > span,
      .colorset-3 .breadcrumb-item + .breadcrumb-item::before,
      .colorset-3 .entry-content li:before,
      .colorset-3 .entry-content blockquote,
      .colorset-3 .publication .telecharger,
      .colorset-3 .form-archive .btn,
      .rose { color: #bb3080; }
      .colorset-3.show .nav-link:before,
      .colorset-3 .nav-link:hover:before,
      .colorset-3 .nav-link:focus:before { background-color: #bb3080; }
      .colorset-3 .entry-content blockquote { border-left: 1em solid #bb3080; }
      
  */
      
  /*
      .colorset-4.show .nav-link,
      .colorset-4 .nav-link:hover,
      .colorset-4 .nav-link:focus,
      .colorset-4 .page-title,
      .colorset-4 .breadcrumb-item.active > span,
      .colorset-4 .breadcrumb-item + .breadcrumb-item::before,
      .colorset-4 .entry-content li:before,
      .colorset-4 .entry-content blockquote,
      .colorset-4 .publication .telecharger,
      .colorset-4 .form-archive .btn,
      .orange { color: #e9c901; }
      .colorset-4.show .nav-link:before,
      .colorset-4 .nav-link:hover:before,
      .colorset-4 .nav-link:focus:before{ background-color: #e9c901; }
      .colorset-4 .entry-content blockquote { border-left: 1em solid #e9c901; }
      
      .colorset-5.show .nav-link,
      .colorset-5 .nav-link:hover,
      .colorset-5 .nav-link:focus,
      .colorset-5 .page-title,
      .colorset-5 .breadcrumb-item.active > span,
      .colorset-5 .breadcrumb-item + .breadcrumb-item::before,
      .colorset-5 .entry-content li:before,
      .colorset-5 .entry-content blockquote,
      .colorset-5 .publication .telecharger,
      .colorset-5 .form-archive .btn,
      .violet { color: #2396d2; }
      .colorset-5.show .nav-link:before,
      .colorset-5 .nav-link:hover:before,
      .colorset-5 .nav-link:focus:before { background-color: #2396d2; }
      .colorset-5 .entry-content blockquote { border-left: 1em solid #2396d2; }
      
  */
  /*
      .colorset-6 .nav-link,
      .colorset-6.show .nav-link,
      .colorset-6 .nav-link:hover,
      .colorset-6 .nav-link:focus,
      .colorset-6 .page-title,
      .colorset-6 .breadcrumb-item.active > span,
      .colorset-6 .breadcrumb-item + .breadcrumb-item::before,
      .colorset-6 .entry-content li:before,
      .colorset-6 .entry-content blockquote,
      .colorset-6 .publication .telecharger { color: #bb3080; }
      .colorset-6.show .nav-link:before,
      .colorset-6 .nav-link:hover:before,
      .colorset-6 .nav-link:focus:before { background-color: #bb3080; }
      .colorset-6 .entry-content blockquote { border-left: 1em solid #bb3080; }
  */
      
      /* deuxième niveau */
      .navbar-nav .level-1 > .menu-item {
          font-weight: 700;
      }
      
      @media screen and (min-width: 768px) {
          .navbar { padding: 0; overflow: visible;/*initial*/ }
          .navbar-brand { padding: .5em 1em; margin-right: 0; }
          .navbar-collapse { height: 100%; }
          .navbar-nav {
              width:100%;
              height: 100%;
              align-items: center;
          }
          .navbar-nav > li {
              height: 100%;
          }
          .navbar-expand-md .navbar-nav .nav-link {
              position: relative;
              padding: 2.125em .5em;
              color: #043668;
          }
          
          #menu-principal .colorset-1 .nav-link:hover { box-shadow: inset 0px -6px 0px 0px #81a4d4; }
          #menu-principal .colorset-2 .nav-link:hover { box-shadow: inset 0px -6px 0px 0px #afc329; }
          #menu-principal .colorset-3 .nav-link:hover { box-shadow: inset 0px -6px 0px 0px #bb3080; }
          #menu-principal .colorset-4 .nav-link:hover { box-shadow: inset 0px -6px 0px 0px #e9c901; }
          #menu-principal .colorset-5 .nav-link:hover { box-shadow: inset 0px -6px 0px 0px #2396d2; }
          #menu-principal .colorset-6 .nav-link:hover { box-shadow: inset 0px -6px 0px 0px #bb3080; }
          
          /* lien plan */
          .navbar-nav .nav-item.lien-plan .nav-link {
              text-align: center;
              color: #8c8f98;
              font-size: .9375em;
              padding: 1.5em .5em;
          }
          .navbar-nav .nav-item.lien-plan i {
              display: block;
              font-size: 1.333333em;
          }
           
          /* liens hover 
          .navbar-nav .nav-link:before {
              content: "";
              position: absolute;
              bottom: 0;
              left: 0;
              right: 0;
              height: 6px;
          }
          */
              /* second niveau */
              .navbar-nav .dropdown { position: static; }
              .navbar-nav div.dropdown-menu { 
                  padding: 0; /* ratio égal à la hauteur du slider */
                  overflow-y: hidden;
                  border: 0;
                  margin: 0;
              }
              .navbar-nav div.dropdown-menu:before {
                  display: block;
                  content: "";
                  width: 100%;
                  padding-top: 30%;
              }
              .navbar-nav div.dropdown-menu > .row {
                  height: 100%;
                  position: absolute;
                  top: 0;
                  right: 0;
                  bottom: 0;
                  left: 0;
                  background: #f2f2f2;
              }
              /*.navbar-nav div.dropdown-menu:before {  overlay 
                  content: ""; 
                  position:fixed;
                  top: 0;
                  bottom: 0;
                  left: 0;
                  right: 0;
                  background-color: rgba( 255, 255, 255, .5 );
              }
              */
              /* deuxième niveau */
              .navbar-nav .level-1 {
                  height: 100%;
                  padding: 0;
                  background: #fff;
                  color: #1a1a1a;
              }
              .navbar-nav .level-1 > .menu-item {
                  font-weight: 700;
                  flex: 1 1 auto;
                  display: flex;
                  justify-content: center;
                  flex-direction: column;
                  border-bottom: 1px dotted #d9d9d9;
                  max-height: 20%;
              }
          .navbar-nav .level-1 > .menu-item a,
          .navbar-nav .level-1 > .menu-item span{
              color: #2396d2;
          }
          
              .navbar-nav .level-1 .dropdown-toggle::after {
                  vertical-align: 0;
                  /*float: right;*/
                  position:absolute;
                  right: 1.5rem;
                  margin-top: 0.4em;
                  border-left: 0.3em solid;
                  border-top: 0.3em solid transparent;
                  border-right: 0;
                  border-bottom: 0.3em solid transparent;
              }
              
              /* hover effect */
              .navbar-nav .level-1 > .menu-item:focus,
              .navbar-nav .level-1 > .menu-item:hover,
              .navbar-nav .level-1 > .menu-item:active,
              .navbar-nav .level-1 > .menu-item a:focus,
              .navbar-nav .level-1 > .menu-item a:hover,
              .navbar-nav .level-1 > .menu-item a:active {
                  text-decoration: none;
                  background-color: transparent;
                  outline: none;
              }
              
              .navbar-nav .colorset-1 .level-1 > .menu-item.show,
              .navbar-nav .colorset-1 .level-1 > .menu-item:hover {
                  border-bottom: 1px dotted #81a4d4;
                  color: #81a4d4;
              }
              .navbar-nav .colorset-1 .level-1 > .menu-item a:focus,
              .navbar-nav .colorset-1 .level-1 > .menu-item a:active {
                  color: #81a4d4;
              }
              .navbar-nav .colorset-1 .level-1 > .menu-item.show .dropdown-toggle::after,
              .navbar-nav .colorset-1 .level-1 .dropdown-toggle:hover::after,
              .navbar-nav .colorset-1 .level-1 .dropdown-toggle:focus::after,
              .navbar-nav .colorset-1 .level-1 .dropdown-toggle:active::after {
                  border-left: 0.3em solid #81a4d4;
              }
  
              .navbar-nav .colorset-2 .level-1 > .menu-item.show,
              .navbar-nav .colorset-2 .level-1 > .menu-item:hover {
                  color: #afc329;
                  border-bottom: 1px dotted #afc329;
              }
              .navbar-nav .colorset-2 .level-1 > .menu-item a:focus,
              .navbar-nav .colorset-2 .level-1 > .menu-item a:active {
                  color: #afc329;
              }
              .navbar-nav .colorset-2 .level-1 > .menu-item.show .dropdown-toggle::after,
              .navbar-nav .colorset-2 .level-1 .dropdown-toggle:hover::after,
              .navbar-nav .colorset-2 .level-1 .dropdown-toggle:focus::after,
              .navbar-nav .colorset-2 .level-1 .dropdown-toggle:active::after {
                  border-left: 0.3em solid #afc329;
              }
              
              .navbar-nav .colorset-3 .level-1 > .menu-item.show,
              .navbar-nav .colorset-3 .level-1 > .menu-item:hover {
                  color: #bb3080;
                  border-bottom: 1px dotted #bb3080;
              }
              .navbar-nav .colorset-3 .level-1 > .menu-item a:focus,
              .navbar-nav .colorset-3 .level-1 > .menu-item a:active {
                  color: #bb3080;
              }
              .navbar-nav .colorset-3 .level-1 > .menu-item.show .dropdown-toggle::after,
              .navbar-nav .colorset-3 .level-1 .dropdown-toggle:hover::after,
              .navbar-nav .colorset-3 .level-1 .dropdown-toggle:focus::after,
              .navbar-nav .colorset-3 .level-1 .dropdown-toggle:active::after {
                  border-left: 0.3em solid #bb3080;
              }
              
              .navbar-nav .colorset-4 .level-1 > .menu-item.show,
              .navbar-nav .colorset-4 .level-1 > .menu-item:hover {
                  color: #e9c901;
                  border-bottom: 1px dotted #e9c901;
              }
              .navbar-nav .colorset-4 .level-1 > .menu-item a:focus,
              .navbar-nav .colorset-4 .level-1 > .menu-item a:active {
                  color: #e9c901;
              }
              .navbar-nav .colorset-4 .level-1 > .menu-item.show .dropdown-toggle::after,
              .navbar-nav .colorset-4 .level-1 .dropdown-toggle:hover::after,
              .navbar-nav .colorset-4 .level-1 .dropdown-toggle:focus::after,
              .navbar-nav .colorset-4 .level-1 .dropdown-toggle:active::after {
                  border-left: 0.3em solid #e9c901;
              }
              
              .navbar-nav .colorset-5 .level-1 > .menu-item.show,
              .navbar-nav .colorset-5 .level-1 > .menu-item:hover {
                  color: #2396d2;
                  border-bottom: 1px dotted #2396d2;
              }
              .navbar-nav .colorset-5 .level-1 > .menu-item a:focus,
              .navbar-nav .colorset-5 .level-1 > .menu-item a:active {
                  color: #2396d2;
              }
              .navbar-nav .colorset-5 .level-1 > .menu-item.show .dropdown-toggle::after,
              .navbar-nav .colorset-5 .level-1 .dropdown-toggle:hover::after,
              .navbar-nav .colorset-5 .level-1 .dropdown-toggle:focus::after,
              .navbar-nav .colorset-5 .level-1 .dropdown-toggle:active::after {
                  border-left: 0.3em solid #2396d2;
              }
              
              .navbar-nav .colorset-6 .level-1 > .menu-item.show,
              .navbar-nav .colorset-6 .level-1 > .menu-item:hover {
                  color: #bb3080;
                  border-bottom: 1px dotted #bb3080;
              }
              .navbar-nav .colorset-6 .level-1 > .menu-item a:focus,
              .navbar-nav .colorset-6 .level-1 > .menu-item a:active {
                  color: #bb3080;
              }
              .navbar-nav .colorset-6 .level-1 > .menu-item.show .dropdown-toggle::after,
              .navbar-nav .colorset-6 .level-1 .dropdown-toggle:hover::after,
              .navbar-nav .colorset-6 .level-1 .dropdown-toggle:focus::after,
              .navbar-nav .colorset-6 .level-1 .dropdown-toggle:active::after {
                  border-left: 0.3em solid #bb3080;
              }
              
                  /* troisième niveau */
                  .navbar-nav .dropdown-submenu:hover .level-2.show,
                  .navbar-nav .level-2.show {
                      position: absolute;
                      top: 0;
                      bottom: 0;
                      left: 100%;
                      display: block;
                      background: #f2f2f2;
                      padding-top: 1vw;
                      border: 0;
                      border-radius: 0;
                  }
                  
                  .navbar-nav .level-2 .dropdown-item {
                      padding: 0;
                  }
                  
                  .navbar-nav .level-2 .subnav-link {
                      display: block;
                      font-size: .9375em;
                      padding: 1em 1.25em;
                      font-weight: 400;
                  }
                  
                  
                  .navbar-nav .level-2 a:focus,
                  .navbar-nav .level-2 a:hover,
                  .navbar-nav .level-2 a:active {
                      text-decoration: none;
                  }
                  
                  .navbar-nav .colorset-1 .level-2 a:focus,
                  .navbar-nav .colorset-1 .level-2 a:hover,
                  .navbar-nav .colorset-1 .level-2 a:active {
                      color: #81a4d4;
                  }
                                  
                  .navbar-nav .colorset-2 .level-2 a:focus,
                  .navbar-nav .colorset-2 .level-2 a:hover,
                  .navbar-nav .colorset-2 .level-2 a:active {
                      color: #afc329;
                  }
                  
                  .navbar-nav .colorset-3 .level-2 a:focus,
                  .navbar-nav .colorset-3 .level-2 a:hover,
                  .navbar-nav .colorset-3 .level-2 a:active {
                      color: #bb3080;
                  }
  
                  .navbar-nav .colorset-4 .level-2 a:focus,
                  .navbar-nav .colorset-4 .level-2 a:hover,
                  .navbar-nav .colorset-4 .level-2 a:active {
                      color: #e9c901;
                  }
  
                  .navbar-nav .colorset-5 .level-2 a:focus,
                  .navbar-nav .colorset-5 .level-2 a:hover,
                  .navbar-nav .colorset-5 .level-2 a:active {
                      color: #2396d2;
                  }
                  
                  .navbar-nav .colorset-6 .level-2 a:focus,
                  .navbar-nav .colorset-6 .level-2 a:hover,
                  .navbar-nav .colorset-6 .level-2 a:active {
                      color: #bb3080;
                  }
                      
      }
      
  
      
      @media screen and (min-width: 992px) {
          .navbar-nav .nav-link {
              padding-left: 1em;
              padding-right: 1em;
          }
      }
      
      @media screen and (min-width: 1200px) {
          .navbar-nav .colorset-6.nav-item .nav-link:before {
              content: "";
              background: url( "images/pastille-rose.png" ) no-repeat;
              background-size: contain;
              width: 90px;
              height: 90px;
              display: block;
              position: absolute;
              top: 1.5em;
              right: -120px;
              z-index: 2000;
          }
          
          .navbar-nav .nav-item.lien-plan .nav-link {
              margin-left: 110px;
          }
      }
      
      @media screen and (min-width: 1920px) {
          .navbar-nav .nav-item.lien-plan:before {
              width: 110px;
              height: 110px;
          }
          .navbar-nav .nav-item.lien-plan .nav-link {
              margin-left: 150px;
          }
      }
      
      
      /*---- RECHERCHE ----*/
      .btn-search i { font-size: 1.1666667em; color: #fff; }
      .navbar .btn-search { background-color: transparent; }
      .navbar .btn-search i { color: #47505d;  }
      .recherche { display: none; }
      .recherche .btn-search, .breadcrumb { display: none; }
      
   
      .recherche .search-form label {
          width: 80%;
          max-width: 480px;
          box-shadow: 0 0 0 0.2rem #81a4d4;
      }
  
      .recherche.show {
          display: block;
          text-align: center;
          position: fixed;
          top: 0;
          width: 90%;
          left: 5%;
          padding: 1.25em 0 1em;
          background: #fff;
      }
      .space_admin_bar{
        height: 50px;
      }
    


      .btn-search.show i:before { content: "\f00d"; }
      .recherche .search-form { text-align: center; }
      .recherche .search-form label { width: 80%; max-width: 480px; }
    

      .logged-in .recherche.show {
        display: block;
        text-align: center;
        position: fixed;
        top: 105px;
        left: 5%;
        width: 90%;
        padding: 1.25em 0 1em;
        background: #fff;
    }

    .recherche.show {
        display: block;
        text-align: center;
        position: fixed;
        top: 70px;
        left: 5%;
        width: 90%;
        padding: 1.25em 0 1em;
        background: #fff;
    }

      @media screen and (min-width: 768px) {
          body:not(.has-sidebar) .site-content { padding-top: 3em; }
          .content-slider{
              position: relative;
          }
          .recherche, .recherche.show { 
              padding: 5px 0;
              display: block;
              position: absolute;
              right: 0;
              top: inherit;
              width: 100%;
          } 
           
          body.has-sidebar .recherche, body.has-sidebar .recherche.show { position: relative; top: auto; }
          
          .navbar .btn-search { display:none; }
          body:not(.home) .recherche .btn-search, .breadcrumb { display: block; }
          
          .home .recherche .search-form {
              width: 33.333333%;
              margin: 0 auto;
              color: #b3b3b3; 
          }
          
          body:not(.home) .recherche { position: relative;height: 3em; padding: 5px 0 5px 3.5em; background: transparent; }
          body:not(.home) .recherche .search-form { display:none; }
          body:not(.home) .recherche.show .search-form { display:block; }
                  
          .btn-search { 
              position: absolute;
              bottom: 0;
              top: 0;
              left: 0;
              width: 3em;
              background-color: #535353;
          }
          .home .recherche label { width: calc( 100% - 3rem ); }
          .recherche label { margin-bottom: 0; }
          .recherche input.search-field { border: 0; font-size: 1em; padding: .33333333rem .75rem;}
          .home .recherche button { color: rgb(0 0 0 / 50%); }
          .recherche button { padding: 0 .75rem; }
      }
      
      @media screen and (min-width: 1200px) {
          .recherche { padding: 6px 0; }
          .recherche input.search-field { padding: .375rem 0;}
      }
      
      /*---- SLIDER ----*/
      #home-slider, #header-image {
          position: relative;
          width: 100%;
          /* Aspect Ratio */
          padding-top: 30%;
          min-height: 150px; 
      }
      
      #header-image { overflow: hidden; }
      
      #header-image img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
      }
      
      body:not(.home) #home-slider {
          /* page découvrir */
          padding-top: 56%;
      }
      
      #home-slider .slick-list {
          height: 100%;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
      }
      
      #home-slider .slick-track {
          height: 100%;
      }
      
      .slide { position: relative; }
      
      .slide img { min-height: 150px; object-fit: cover; width: 100%; }
      
      .slide-inner  {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          background: rgb(4 54 104 / 80%);
          color: #fff;
          text-align: center;
          padding: 1em 1.5em .5em;
      }
      .slide-inner .h2 {
          font-size: 1.5em;
      }
  
      .slick-dots { display: none; }
      
      @media screen and (min-width: 768px) {
          .slide-inner  {
              width: 60%;
              left: 20%;
              font-size: 1.1666666667em;
              padding: 1em 2em 2em;
          }
          .slide-inner .h2 {
              font-size: 2rem;
          }
          .slick-dots { display: block; }
      }
  
      @media screen and (min-width: 1200px) {
          .slide-inner  {
              width: 50%;
              left: 25%;
              font-size: 1.25em;
              padding: 1em 2em 2em;
          }
          .slide-inner .h2 {
              font-size: 1.75em;
          }
      }
      
      @media screen and (min-width: 1920px) {
          .slide-inner  {
              width: 40%;
              left: 30%;
              font-size: 1.25em;
              padding: 1em 2em 2em;
              color: #2396d2;
          }
          .slide-inner .h2 {
              font-size: 2em;
              color: white;
          }
      }
      
      /*---------- PARTAGE ---------*/
  
  .partage{
      position: static;
      text-align: center;
      font-size: 0;
  }
  .partage ul{
      list-style: none;
      margin: 0;
      padding: 0;
  }
  .partage li{
      display: inline-block;
  }
  
  .partage button, .partage a{
      padding: 0;
      border: 0;
      background-color: #f2f2f2;
      color: #b3b3b3;
      width: 40px;
      height: 45px;
      transition: all .15s ease-in-out;
      display: flex;
      justify-content: center;
  }
  .partage .access button, .partage .access a{
      background-color: #043668;
      color: #fff;
  }
  .partage button:hover, .partage a:hover,
  .partage button:focus, .partage a:focus {
      background-color: #fff;
      color: #47505d;
  }
  
  
  /*.partage .access button:hover, .partage .access a:hover,
  .partage .access button:focus, .partage .access a:focus{
      background-color: #b3b3b3;
      color: #f2f2f2;
  }*/
  .partage i{
      display: inline-block;
      text-align: center;
      font-size: 18px;
      align-self: center;
  }
  
  .partage button.zoomOut i{
      transform: scale( .75 );
  }
  
  @media screen and (min-width:768px){
      .partage{
          position: fixed;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          z-index: 100;
      }
      .partage li {
          display: list-item;
      }
      .partage button, .partage a{
          width: 36px;
      }
  }
  
  
  /*------- Menu 1 Clic + Menu Médias--------------------------------*/
  
  .nav-media { background: #fff; padding: 1.6666667em 0;  }
  
  .en-1-clic > div { padding: 0; }
  
  .en-1-clic ul, .nav-media ul { 
      background: #f2f2f2;
      height: 100%;
  }
  .en-1-clic .nav-link, .nav-media .nav-link {
      font-size: 1em;
      background-color: #f2f2f2;
      color: #535353;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
      /*display: block;*/
      padding: 0;
      line-height: 1;
      height: 100%;
      width: 100%;
  }
  .en-1-clic .nav-link span, .nav-media .nav-link span  {padding: 1.5em;color: #043668;}
  
  .en-1-clic .nav-link:hover span, .nav-media .nav-link:hover span{color: white;}
  
  .en-1-clic .nav-link img, .nav-media .nav-link img{
      height: 32px;
      margin: 0 auto 1em;
  }
  
  .en-1-clic li .nav-link:hover,
  .nav-media .nav-link:hover {
      color: #f2f2f2;
      background-color: #535353;
  }
  .en-1-clic li .nav-link:hover img{
  }
  .nav-media .nav-link:hover img{
      filter: grayscale(1) brightness(148%);
  }
  /* bordures */
  .en-1-clic li:nth-child(1), .en-1-clic li:nth-child(3), .en-1-clic li:nth-child(5), .en-1-clic li:nth-child(7),
  .nav-media li:nth-child(1), .nav-media li:nth-child(3) {
      border-right: 1px dotted #a6a6a6;
  }
  .en-1-clic li:nth-child(1), .en-1-clic li:nth-child(2), .en-1-clic li:nth-child(3),
  .en-1-clic li:nth-child(4), .en-1-clic li:nth-child(5), .en-1-clic li:nth-child(6),
  .nav-media li:nth-child(1), .nav-media li:nth-child(2) {
      border-bottom: 1px dotted #a6a6a6;
  }
  
  @media screen and (min-width:768px){
      .nav-media { padding: 0; }
      .en-1-clic li:nth-child(1n+0),
      .nav-media li:nth-child(1n+0) { border: none; position: relative; }
      .en-1-clic li:nth-child(5):before, .en-1-clic li:nth-child(6):before, .en-1-clic li:nth-child(7):before, .en-1-clic li:nth-child(8):before,
      .nav-media li:nth-child(3):before, .nav-media li:nth-child(4):before {
          content: "";
          position:absolute;
          top:0;
          left: 10%;
          width: 80%;
          height: 1px;
          border-top: 1px dotted #a6a6a6;
      }
      .en-1-clic li:nth-child(1):after, .en-1-clic li:nth-child(2):after, .en-1-clic li:nth-child(3):after,
      .en-1-clic li:nth-child(5):after, .en-1-clic li:nth-child(6):after, .en-1-clic li:nth-child(7):after,
      .nav-media li:nth-child(1):after, .nav-media li:nth-child(3):after {
          content: "";
          position:absolute;
          right:0;
          top: 10%;
          height: 80%;
          width: 1px;
          border-left: 1px dotted #a6a6a6;
      }
  }
  
  @media screen and (min-width:992px){
      .en-1-clic header {
          background: #2396d2;
          color: #fff;
          font-weight: bold;
          font-size: 1.125em;
          padding: 1.333333em .5em 1.333333em 1em;
      }
      .en-1-clic header h2 {
          font-weight: bold;
          font-size: 2em;
          margin-bottom: 1em;
      }
  
      .home .en-1-clic ul { height: 100%; }
      .home .en-1-clic li { height: 50%; }
      
      .widget-area .en-1-clic .col-md-3 {
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
      }
      
      /* bordures */
      .sidebar-left .en-1-clic li:nth-child(1n+0):before, .sidebar-left .en-1-clic li:nth-child(1n+0):after { width: 0; height: 0; border: none; }
      .sidebar-left .en-1-clic li:nth-child(1), .sidebar-left .en-1-clic li:nth-child(3),
      .sidebar-left .en-1-clic li:nth-child(5), .sidebar-left .en-1-clic li:nth-child(7) {
          border-right: 1px dotted #a6a6a6;
      }
      .sidebar-left .en-1-clic li:nth-child(1), .sidebar-left .en-1-clic li:nth-child(2), .sidebar-left .en-1-clic li:nth-child(3),
      .sidebar-left .en-1-clic li:nth-child(4), .sidebar-left .en-1-clic li:nth-child(5), .sidebar-left .en-1-clic li:nth-child(6) {
          border-bottom: 1px dotted #a6a6a6;
      }
      
  }
  @media screen and (min-width:1200px){
      .en-1-clic .nav-link {
          font-size: .8125em;
      }
      
  }
  @media screen and (min-width:1920px){
      .en-1-clic .nav-link {
          font-size: 1em;
      }
      .en-1-clic .nav-link img{
          height: auto;
      }
  }
  
  /* Slider actu/agenda */
  .slider-section { 
      position: relative;
      padding: 0 0 1.5em;
  }
  .agenda { padding: 0; }
  .agenda header {
      background-color: #e9c901;
      margin-bottom: 1.5em;
  }
  .slider-section h2 {
      font-size: 2em;
      margin: .666667em 2.5em .666667em 0;
  }
  .agenda h2 { color: #fff; }
  .slider-section header p{
      color: #043668;
      font-size: 1.25em;
      font-weight: 700;
  }
  .agenda header p { color: white; }
  
      #actu-slider .slick-arrow,
      .agenda-dates .slick-arrow {
          width: 10px;
          height: 18px;
          font-size: 0;
          line-height: 0;
          position: absolute;
          right: 0;
          cursor: pointer;
          color: transparent;
          border: none;
          outline: none;
          background: transparent;
      }
      
      #actu-slider .slick-next:before,
      #actu-slider .slick-prev:before,
      .agenda-dates .slick-next:before,
      .agenda-dates .slick-prev:before {
          padding: 4px;
          content: "";
          border: solid #1a1a1a;
          border-width: 0 2px 2px 0;
          display: inline-block;
      }
  
      #actu-slider .slick-prev:hover,
      #actu-slider .slick-prev:focus,
      #actu-slider .slick-next:hover,
      #actu-slider .slick-next:focus,	
      .agenda-dates .slick-prev:hover,
      .agenda-dates .slick-prev:focus,
      .agenda-dates .slick-next:hover,
      .agenda-dates .slick-next:focus
      {
          color: transparent;
          outline: none;
          background: transparent;
      }
      #actu-slider .slick-prev:hover:before,
      #actu-slider .slick-prev:focus:before,
      #actu-slider .slick-next:hover:before,
      #actu-slider .slick-next:focus:before,
      .agenda-dates .slick-prev:hover:before,
      .agenda-dates .slick-prev:focus:before,
      .agenda-dates .slick-next:hover:before,
      .agenda-dates .slick-next:focus:before
      {
          opacity: 1;
      }
      #actu-slider .slick-prev.slick-disabled:before,
      #actu-slider .slick-next.slick-disabled:before,
      .agenda-dates .slick-prev.slick-disabled:before,
      .agenda-dates .slick-next.slick-disabled:before
      {
          opacity: .25;
      }
      
      #actu-slider .slick-prev:before,
      #actu-slider .slick-next:before,
      .agenda-dates .slick-prev:before,
      .agenda-dates .slick-next:before
      {
          opacity: .75;
      }
      
          
      #actu-slider .slick-next { right: 15px; top: -38px; }
      #actu-slider .slick-prev { right: 39px; top: -38px; }
      #actu-slider .slick-next:before { transform: rotate(-45deg); }
      #actu-slider .slick-prev:before { transform: rotate(135deg); }
      
      .agenda-dates .slick-next:before { transform: rotate(-45deg); border-color: #e9c901; }
      .agenda-dates .slick-prev:before { transform: rotate(135deg); border-color: #e9c901; }
      
  .carousel article {
      position: relative;
  }
  
  .carousel .thumbnail-wrapper {
      position: relative;
      overflow: hidden;
  }
  .carousel .thumbnail-wrapper:before {
      content: "";
      display: block;
      width: 100%;
      padding-top: 68%;
  }
  .carousel .thumbnail-wrapper img {
      position: absolute;
      top: 0;
      width: 100%;
      left: 0;
  }
  .carousel .thumbnail-inner {
      padding: 1.5em 0; 
  }
  .carousel .article-meta {
      font-weight: bold;
      text-transform: uppercase;
  }
  .carousel h3 {
      font-size: 1.5em;
      font-weight: 700;
      margin-bottom: 0;
  }
  .carousel a.lien-article {
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
  }
  #actu-slider article:hover .article-meta,
  #actu-slider article.focused .article-meta,
  #actu-slider article:hover h3,
  #actu-slider article.focused h3 {
      color: #2396d2;
  }
  #agenda-slider article:hover .article-meta,
  #agenda-slider article.focused .article-meta,
  #agenda-slider article:hover h3,
  #agenda-slider article.focused h3 {
      color: white;
  }
  
  .carousel article .thumbnail-wrapper:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0,0,0,0);
      transition: background .15s linear;
  }
  
  .slider-section article:hover .thumbnail-wrapper:after,
  .slider-section article.focused .thumbnail-wrapper:after {
      background: rgba(0,0,0,.5);
  }
  
  .slider-section .lien-archive{
      font-weight: 700;
      text-decoration: none;
  }
  .agenda .lien-archive{
      padding-top: 1em;
      padding-bottom: 1em;
  }
  
  .slider-section.actualites .lien-archive span{
      color: #3a4249;
  }
  .slider-section .lien-archive span{
      border-bottom: 1px dotted #ff9800;
  }
  .slider-section .lien-archive:hover span{
      color: #2396d2;
      border-bottom: 1px solid;
  }
  
  .agenda { background: #f2f2f2; }
  
  .agenda-dates { background: #fff; padding-top:1em; padding-bottom: 1em; }
  .agenda-dates .slick-prev {
      position: absolute;
      left: 15px;
      top: 25px;
  }
  .agenda-dates .slick-next {
      position: absolute;
      right: 20px;
      top: 25px;
  }
  
  #date-slider { margin: 0 29px; }
  #date-slider .date { color: #666666; font-size: 13px; min-height: 44px; transition: font-size .15s linear; }
  #date-slider .date span { line-height: 1.25; }
  #date-slider .date.slick-current { color: #e9c901;  font-size: 18px; }
  #date-slider .slick-slide { position: relative; }
  #date-slider .slick-slide:after { 
      content: "";
      width: 1px;
      background: #e9c901;
      height: 54%;
      position: absolute;
      top: 23%;
      right: 0;
  }
  
  @media screen and (min-width:544px){
      .carousel {
          margin-left: -15px;
          margin-right: -15px;
      }
      .carousel article { padding: 0 15px; }
      
      #actu-slider .slick-next {
          right: 22px; top: -32px;
      }
      #actu-slider .slick-prev {
          right: 46px; top: -32px;
      }
  
  }
  
  
  @media screen and (min-width:768px){
      .slider-section { 
          padding: 3em 0;
      }
      #actu-slider .slick-next:before,
      #actu-slider .slick-prev:before {
          padding: 7px;
      }
      #actu-slider .slick-next {
          left: -42px; top: 6px;
      }
      #actu-slider .slick-prev {
          left: -66px; top: 6px;
      }
      #actu-slider.carousel .thumbnail-inner {
              color: #043668;
      }
      .carousel .thumbnail-inner {
          padding: 1.5em 0 0;
      }
      .agenda { background: #fff; padding: 0 0 1.5em;}
  
      .agenda header {
          padding-top: 3em;
          padding-bottom: 3em;
          margin-bottom: 0;
      }
      .slider-section h2 {
          margin: 0 0 1em;
      }
      .slider-section .lien-archive {
          position: absolute;
          bottom: 3em;
          left:0;
          z-index: 10;
      }
      .agenda .lien-archive {
          bottom: 3em;
          color: #fff;
      }
      
      #agenda-slider {
          margin-left: 0;
          margin-right: 0;
          background: #e9c901;
          height: 100%;
      }
      #agenda-slider article { padding: 0; }
      #agenda-slider .thumbnail-inner {
          padding: 1em 1em 1.5em;
          color: white;
      }
      .agenda-dates { padding: 32px 0; }
      .agenda-dates .slick-prev {
          left: calc( 50% - 12px );
          top: 10px;
      }
      .agenda-dates .slick-next {
          right: calc( 50% + 2px );
          top: calc( 100% - 26px );
      }
      .agenda-dates .slick-prev:before { transform: rotate(-135deg); padding: 7px;}
      .agenda-dates .slick-next:before { transform: rotate(  45deg); padding: 7px;}
      .agenda div.order-md-3 { padding-left: 0; }
      #date-slider { margin: 0 ; padding: 0; height: 100%; }
      #date-slider .slick-list {
          -ms-flex-item-align: center;
          align-self: center;
      }
      #date-slider .date { padding: .5em 0; height: 60px; border: 0; }
      #date-slider .slick-slide:after { 
          width: 40%;
          height: 1px;
          left: 30%;
          right: 30%;
          top: auto;
          bottom: 0;
      }
      
      #date-slider .slick-list:after {
          content: "";
          height: 2px;
          background: #fff;
          width: 100%;
          position: absolute;
          bottom:2px;
          left: 0;
      }
  }
  @media screen and (min-width:1200px){
      #actu-slider .slick-next {
          left: -42px; top: 10px;
      }
      #actu-slider .slick-prev {
          left: -66px; top: 10px;
      }
      .slider-section h2 { font-size:2.25em; }
      .slider-section header p{ font-size:1.125em; } 
      .carousel .article-meta { font-size: .875em; }
      .carousel .article-meta .heure { float:right; }
      
      #date-slider .date { font-size: 16px; padding: 0; height: 70px; opacity: .6 }
      #date-slider .date.slick-active { opacity: 1; }
      #date-slider .date.slick-current { font-size: 24px; }
  
      #date-slider .slick-slide:after {
          width: 30%;
          left: 35%;
          right: 35%;
          opacity: 1;
      }
  }
  
  @media screen and (min-width:1920px){
      #actu-slider .slick-next {
          left: -42px; top: 10px;
      }
      #actu-slider .slick-prev {
          left: -66px; top: 10px;
      }
      .slider-section h2 { font-size:2.75em; }
      .actualites.slider-section h2 {color: #043668;}
      .slider-section header p{ font-size:1.375em; }
      .slider-section .lien-archive { font-size: 1.125em;max-width: 250px; } 
      .carousel .article-meta { font-size: 1.125em; }
      .carousel h3 { font-size: 1.875em; }
      .carousel .excerpt { display: block; }
      #date-slider .date { font-size: 20px; padding: 0; height: 90px; opacity: .6 }
      #date-slider .date.slick-active { opacity: 1; }
      #date-slider .date.slick-current { font-size: 32px; }
  }
  
  /* facebook / newsletter */
  .social, body:not(.page-template-template-decouvrir) .page-header, .raye {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAG1BMVEX////m5ubd7h7d7h7d7h7d7h7m5ubm5ubm5uaX132GAAAAHklEQVQY02NgY+dgwAKwirIxYBVlZ8AqyjEqOphFAcqfAc9PxkkPAAAAAElFTkSuQmCC);
  }
  .social > div {
      padding-left: 20px;
      padding-right: 20px;
  }
  .social .facebook {
      border-bottom: 1px solid #b4b5ba;
  }
  .social .facebook i { margin-right: .5em; }
  .social h2 { font-size: 1.6666667em; margin: 1.1em 0; font-weight: 700; }
  .social .desc { display: none; }

  .social .facebook{
    display: flex;
    justify-content: space-around;
  }

  .social .facebook .rs-wrapper{
    display: flex;
    flex-direction: column;
  }
  
  .input-group {
      margin-bottom: 0.75rem;
      background: #f2f2f2;
  }
  .newsletter .input-group-prepend {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .newsletter .input-group-prepend label {
      padding-left: .75rem;
      width: 5em;
      margin-bottom: 0;
      font-size: .833333333em;
      white-space: nowrap;
      text-transform: uppercase;
      position:relative;
      line-height: 1;
      background-color: transparent;
      border: 0;
      border-radius: 0;
  }
  .newsletter .input-group-prepend label:after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      width: 1px;
      height: 100%;
      background-color: #b0b2b8;
  }
  .newsletter .form-control { 
      border-radius: 0;
      border: none;
      background-color: #f2f2f2;
  }
  
  .newsletter .sib-btn {
      max-width: 190px;
      float: right;
      background: #f2f2f2;
      color: #043668;
      font-weight: bold;
      text-transform: uppercase;
      padding: .75rem 1.5rem;
      margin: 1em auto .75rem;
  }
  .newsletter .sib-btn:hover {
      color: #043668;
      background: #fff;
  }
      
  .newsletter .lien-rgpd{
      font-style: italic;
      line-height: 1.2;
      margin-top: 1em;
      margin-right: .5em;
      text-decoration: underline;
      font-weight: 500;
  }
  
  .newsletter .desc {
    display: block;
    color: #535353; 
    font-weight: 700;
  }
  
  
  @media screen and (min-width:768px){
      
      .social { padding: 1.5em 0; }
      
      .social > div {
          padding-left: 15px;
          padding-right: 15px;
      }
  
      .social .facebook {
          border-bottom: 0;
          border-right: 1px solid #b4b5ba;
      }
      .newsletter {
          display: flex;
          flex-direction: row;
      }
      .newsletter header { padding-right: 1em !important; }
      .social h2, .newsletter form { margin: 0; }
      .newsletter .champs { padding-right: 15px; }
      .newsletter .input-group:last-child {
          margin-bottom: 0;
      }
      
      .newsletter .sib-btn { float: none; padding: .75rem 0; width: 100%; margin: 0;}
  }
  
  @media screen and (min-width:992px){
      .newsletter .lien-rgpd, .newsletter .sib-term-area  { font-size: .8125em; }
  }
  
  @media screen and (min-width:1200px){
      .social h2 { font-size: 1.5625em; margin: 0; }
      .social .desc { display: block; margin: 0; color: #043668; font-weight: 700; }
      .newsletter .desc {font-size: 18px; color: #535353; }
      .newsletter .form-control { padding-top: .125em; padding-bottom: .125em; }
      .newsletter .input-group-prepend label { font-size: .75em; width: 9em; }
      .newsletter .sib-btn {
        display: flex;
        align-items: center;
        justify-content: center; 
        font-size: 1.25em; 
        height: 4.25rem;
      }
      .newsletter .desc { margin-bottom: 1em; }
  }
  @media screen and (min-width:1920px){
      .social h2 { font-size: 2.1875em;color: #043668;}
      .social .desc { font-size: 1.25em; }
      .newsletter .input-group-prepend label { font-size: 1em; }
  }
  @media screen and (max-width:767px){
    .newsletter .desc {
      margin-top: 20px;
      order: -1; font-size: 18px;
    }
    .newsletter .sib-btn{
      margin-bottom: 20px;
      float: none;
    }
  }
  @media screen and (max-width:480px){
    .newsletter .desc{
      font-size: 16px;
    }
  }
  
  
  
  /*----------------------------------------- FOOTER ----------------------------------------*/
  
  .sidebar-footer #text-3 h3,
  #menu-primary-1 > li > a{
      color: #2396d2;
      text-transform: none;
      font-size: 15px;
      font-weight: 700;
  }
   
  #menu-primary-1 .subnav-link{
      color: white;
  }
  
  .site-footer { 
      background-color: #043668;
      color: #fff;
  }
  
  .sidebar-footer img{
      height: 100%;
      object-fit: contain;
      background: white;
      padding: 0 15px;
  }
  
  
  .sidebar-footer #text-3{
      margin-bottom: 20px;
  }
  
  .sidebar-footer #text-3 .textwidget{
      display: flex;
  }
  .sidebar-footer #text-3 .textwidget p{
      text-align: left;
      margin-bottom: 0;
      line-height: 1.4;
  }
  
  .sidebar-footer #text-3 .textwidget div{
      margin-left: 15px;
  }
  
  .sidebar-footer .textwidget p {
      text-align: center;
      font-weight: 700;
      margin-bottom: .75em;
      line-height: 1;
  }
  .sidebar-footer .textwidget p strong {
      font-size: 1.16666667em;
  }
  
  .logo-footer img{
      transform: scale(.6);
  }
  .bloc-partenaires img {
      transform: scale( .7 );
  }
  .lien-emploi { padding: 1em; }
  
  .lien-emploi a{ 
      /*display: none;*/
      font-weight: bold;
      color: #47505d;
      text-transform: uppercase;
      line-height: 1.1;
      padding: .75em 2em;
      background: #b4b5ba;
  }
  
  
  .footer-nav {
      margin: 0 -15px;
      color: #b4b5ba;
  }
  .footer-nav .nav-link {
      padding: .5em .3333333rem;
  }
  
  @media screen and (min-width:768px){
      .site-footer {
          position: relative;
      }
      
      .sidebar-footer {
          padding: 3em 0 0;
      }
      
      .bloc-contact {
          flex: 0 0 58.333333%;
          max-width: 58.333333%;
          order: 1;
          margin-bottom: 2em;
      }
      .bloc-partenaires {
          flex: 0 0 41.666667%;
          max-width: 41.666667%;
          order: 2;
      }
  
      .bloc-contact {
      }
      .bloc-contact .textwidget {
      }
      .bloc-contact .textwidget p {
          text-align: left;
      }
      
      .bloc-contact .textwidget p:first-child {
          float: left;
          padding-right: 1em;
      }
      .bloc-contact .textwidget p:nth-child(2) {
          padding-top: 1.25em;
      }
      
      .logo-footer img {
          transform: scale(.8);
      }
      
      
      #nav_menu-3{ 
          order: 3;
          display: block;
      }
      
      #nav_menu-3 ul.menu {
          display: flex;
          justify-content: space-between;
          padding: 0;
          list-style: none;
          flex-wrap: wrap;
          margin-right: -15px;
          margin-left: -15px;
          color: #b4b5ba;
      }
      
      #nav_menu-3 ul.menu > li {
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
          width: 100%;
          flex: 0 0 33.3333333%;
          max-width: 33.333333%;
      }
  
      
      #nav_menu-3 ul.menu .nav-link { font-weight: 700; padding: 0; }
      
      #nav_menu-3 ul.sub-menu {
          padding: 1rem;
          list-style: none;
      }
      
      #nav_menu-3 .subnav-link {
          padding-bottom: .5rem;
          display: inline-block;
      }
      
      #nav_menu-3 ul.sub-menu > li > ul.sub-menu { display: none; }
      
      .footer-nav { margin: 2em 0 1em }
      
  }
      
  @media screen and (min-width:992px){
      .bloc-contact .textwidget p:nth-child(2) {
          padding-top: .75em;
      }
  }
  
  @media screen and (min-width:1200px){
      .bloc-contact {
          flex: 0 0 47%;
          max-width: 47%;
          margin-left: 3%
      }
      .bloc-contact .textwidget p:first-child {
          padding-right: 2em;
      }
      
      .bloc-contact,
      #nav_menu-3 ul.menu {
          font-size: .8125em;
      }
      #nav_menu-3 ul.menu > li {
          flex: 0 0 16.6666667%;
          max-width: 16.6666667%;
      }
      #nav_menu-3 ul.sub-menu {
          padding: 1em 0;
      }
  /*	.bloc-partenaires .textwidget p {
          text-align: right;
      }*/
      .bloc-partenaires {
          flex: 0 0 41.6666667%;
          max-width: 41.6666667%;
          margin-left: 8.3333333%
      }
      .bloc-partenaires a {
          margin-left: 2em;
      }
      .footer-nav {
          font-size: .75em;
      }
      .logo-footer img,
      .bloc-partenaires img {
          transform: scale( 1 );
      }
      
  }
  
  @media screen and (min-width:1440px){
      .bloc-contact .textwidget p:first-child {
          width: calc( 33.333333% + 10px );
      }
  }
  
  /*----------------------------------------- FIL ARIANE ----------------------------------------*/
  
  .breadcrumb { 
      font-size: 11px;
      color: #8c8f98;
      margin-bottom: 0;
      padding: 5px 10px;
      font-weight: 500;
      padding-left: 0;
      margin-bottom: 0;
      list-style: none;
      background-color: transparent;
  }
  .breadcrumb ol {list-style: none;margin:0}
  
  .breadcrumb li {margin:0;display:inline; font-size: 0.8rem;}
  
  .breadcrumb-item + .breadcrumb-item::before {
      padding: 0 1em;
      content: ">";
  }
  
  .page-header { padding: 3em 12.5% 4em; position: relative; }
  .page-title { font-size: 1.875em; font-weight: 700; margin-bottom: 1em; }
  .page-chapo { font-weight: bold; font-size: 1.0625em; }
  
  
  /*----------------------------------------- ARCHIVES MOTEURS ----------------------------------------*/

  .form-archive { background: #f7f7f7; margin: 2em 0; padding: 0 1em; }
  .form-title {
      font-weight: 700; 
      text-transform: uppercase;
      padding-top: 1rem;
      color: #47505d;
  }
  .form-archive > * {
      display: block;
      width: 100%;
      margin-bottom: 1rem;
  }
  .form-archive .form-control {
      color: #47505d;
      font-style: italic;
      font-weight: 300;
      border: none;
      background: transparent;
      width: 100%;
      max-width: 320px;
  }
  
  .form-archive .date-control input{
      width: calc( 100% - 1.5em );
      display: inline-block;
  }
  .form-archive .date-control:after {
      content: "\f073";
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  
  .form-archive .btn {
      font-weight: 700;
  }
  
  .archive article { margin-bottom: 2em; }
  
  .archive .post-thumbnail {
      position: relative;
      width: 100%;
      padding-top: 66%;
      min-height: 150px;
  }
  
  .archive .post-thumbnail-ratio {
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: 0;
      overflow: hidden;
  }
  .archive .post-thumbnail img{
      width: 100%;
  }
  .archive .entry-meta {
      text-transform: uppercase;
      font-weight: 700;
      font-size: .875em;
      margin-top: 2rem;
  }
  .evenement a {
      text-decoration: none;
  }
  
  .event-content { margin-top: 1.5em; }
  
  .archive .entry-title {
      font-size: 1.25em;
      margin: 1em 0;
      font-weight: 700;
  }
  
  .archive article:hover .entry-meta,
  .archive article:hover .entry-title{
      color: #2396d2;
  }
  .archive article:hover .post-thumbnail-ratio:after {
      content: "";
      position: absolute;
      top: 0; bottom: 0;
      left: 0; right: 0;
      background: rgba( 0,0,0,.5 );
  }
  
  .archive .event-date { 
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAA6CAMAAADyfDXaAAAALVBMVEVHcExpY5MBAQEAAAAAAAAAAAAEBAZaVX9STXNCPlxgW4dkXoxmYI8tKj9pY5Pc72zYAAAADnRSTlMA7h4EFwkQimtMqcbbNItiZl4AAAEWSURBVHja1dVtjsIwDEVR7CZpvur9L3cCQaHVMKJA7o95CzgvtmTlcszSc5mTgfpH5hUsPgTXE27ZFyxfqbrLrsF/0DDYm5rWIia15HWNads3hN8Np9wru2U7RkpriKPh/SUtvrGp2h95PoJ7PYIPjRU7EaknRjg8t9h7aQX56QjN3m03vnLOLqnhDR5rqPZ95D5CeLjJZqaO9caprgx3hdwMuYVwg9MKuYK4qga4PugGuQly42SXOQvezZBbALefG+GqCuNuBrj9LBA3Iq4j3H4WkJshtxBu4FxBXFUD3P4LIW6C3Ai4wFngbobcQrjBaUVcVWHczQAXOAvWdRoBt58F4+Z/5hbEDa4CboO9mSH/m0xP/QF8H+AhqYxZwAAAAABJRU5ErkJggg==);
      position: absolute;
      bottom: 0;
      right: 0;
      width: 87px;
      height: 58px;
      color: #fff;
      text-align: right;
      padding: 15px 8px;
      line-height: 1.1;
  }
  .archive .event-date span:first-child {
      display: block;
      font-size: 18px;
      font-weight: 700;
  }
  .archive .event-date span.sep { 
      display:inline-block;
      padding-right: .5em;
      font-weight: bold;
      color: #e9c901;
  }
  .archive .event-date span:last-child {
      font-size: 12px;
      font-weight: 500;
  }
  
  
  
  .pagination, .nbResult {
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  .pagination .page-numbers {
      color: #b2b2b2;
      font-weight: 500;
      padding: .5em;
  }
  .pagination .current,
  .pagination .page-numbers:hover,
  .pagination .page-numbers:focus {
      color: #4c4c4c;
  }
  .nbResult {
      color: #b2b2b2;
      font-weight: 400;
      font-style: italic;
      font-size: .875em;
      margin-bottom: 2rem;
  }
  
  /*********** services / emplois ***************/
  
  .services .archive {
      margin-top: 2em;
  }
  
  .services .article-inner {
      padding: 1em;
      background: #f2f2f2;
  }
  
  .services .article-inner button{
  margin-bottom: 15px;
  }
  
  .services .horaires { background: #fff; padding-left: 1em; }
  .services a.btn-collapse:after { font-weight: 700; }
  
  .services .mailto { color: #8c8f98; }
  
  .emplois p { font-weight: 700; }
  .emplois .label {
      font-size: .833333em;
      display: block;
      font-weight: 400;
      text-transform: uppercase; 
  }
  .emplois .lien-single {
      text-align: right;
  }
  .emplois .lien-single:before {
      content: ">"; /*› */
      display: inline-block;
      color: #e9c901;
  }
  
  @media screen and (min-width: 1200px) {
      .services article { padding-left: 0; padding-right: 0; }
  }
  /************ elus ******************/
  
  .trombinoscope h2 { font-size: 1.375em; margin-bottom: 1em; }
  
  .trombinoscope .entry-content { padding-top: 2em; }
  .page-id-673 .entry-content h2 {
      margin-top: 20px;
      margin-bottom: 25px;
  }
  .elu { padding-bottom: 30px;}
  .elu-inner { background: #f2f2f2; height: 100%; }
  .elu-thumbnail { 
      height: 175px;
      width: 128px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAAEsCAMAAACfYS0eAAAAIVBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAt9G3DAAAACnRSTlMA79KucBCTOyRUtGQlMwAABBpJREFUeAHswYEAAAAAgKD9qRepAgAAAAAAAAC4vXNLkuQGoSgPhBD7X7B/KsI/Dns8U3lR0pwdnBAPJLK7fhhrxT5mriofVNXNTsSiNxP7uApz/hMs6rbfabiOKed/wuIW9CrCVPKXYfG93mPG+X95h99xzt9DLo/PZZJ/AOvuqna1nkl+gxv1tuSXYF90FeH5ReTQRRzO76JBl7A8P/Q7vJB8AmsYkn+ji6qxfAwJqsXzQXhTJZrZ1s4z29p5Zls7z2xrZwlBgvCcBCGL0OyEoQRmSeIweINDsjsWk5K0iwTj0KBEs/FdoGFgLk48hqsmeHgRguCswIHzMp7oe3CYo/OsInClEo+jSmXPgilZh+GucXgEWE7wRNNyAojLk6UIMCrxRJeXE3RcRhajuJTDIy1TDvC4rlnNadjlAMNzZGO5neVIr+sO4Ilv5ABw1MvBpss5ucm501luZznaeULRmS1fKmf0GPJOubnPkb9Ubp4ZrO/0BZXDf7GxX3oRH7ngrEU7y/ksQu4bUUbudF4+bqK2XZzXyM3C/7oRRZ+V48ZywdUDSt8RxScs31ot10wo9SlXn3TzBRGSjY9KHDYrrNmszncoAOY7lAnLuwtKk3v4fM0wC/+ZLevLJXferCpR34ris+WZXcEPe04nqe5yfZNu06NYyyvBh2jbCKrj8sz/Znjnhk7pcbQ4KntusYQASFkHB2B15QSA1B1c06wTAqGVY2XDXucEw8v3H53eUpyAeNeMKyiYQkgioShBEXQD75t0QVAMP1bi2E1TDt/pnMAIvp7gUGwL71tRgsAc/ENzyxnFCY4g60nfinIIjuHnExy74X0HP6M4FaD4lMNh7VIO38aVKliC6nJ9k25TCQc/WDZrBk5FKD4qcRz8eNIqLp3K8EaXcPzwrFSIdi0ngKNTKkV7Hhzg6JSK8RalEt/rjMo5+OEEiOO/zgAi+KDEEYwfKnFsfBcAYn0SDpB2hy5i44MSiOJnShwbf3BABN/icBi+VOI4+KESRzROOQpuMHkBdj42clB05EZu5KCM3MidznKbbmPkRm7kRm7kps/NhDI38fNSuTk57/y0pwQDvwkR6rwrWBd2grblMjrv57zxZnX3+GMCzG8RaWO3TAm6guX5AGxUTxjnM8hZVMo2zucQC6piHeV8FtazSsycEwH7XmgzSRzsZ+GiURKNIOIzUNEIjs9PnlUiflafaITE59rOeQvie+FrI9SPvsF2yRsRjz81M8lrYT2/7xemeTmsBz844tPv/nAE3B6Wab4M9vNLZqjqiK+eYZLv5V+HF/zoiDq+hT801N0dNjvii+fRbAX7xscjED2fd8eeCHn2hbIBI9eAkWvByI3cyI3cyI3cyI3cyI3cyI1cY0Zu5EZu5EZu5LgxfwFJVN/EjH/BlwAAAABJRU5ErkJggg==);
      background-size: cover;
      background-repeat: no-repeat;
      float: left;
  }
  .elu-content {  min-height: 192px; padding: 1em; font-weight: 700; margin-left: 128px;}
  .elu-content li { font-style: italic; }
  
  .elu h3 { font-size: 1.125em; text-align: center; margin-top: 1em; clear: none; }
  .elu p { margin-bottom: 0; line-height: 1.2 }
  .elu p.poste { margin-bottom: 1em; text-align: center; color: #81a4d4; }
  
  @media screen and (min-width:768px) {
      .maire .elu-thumbnail { 
          height: 300px;
          width: 220px;
      }
      .maire .elu-content { margin-left: 220px; }
      .maire .elu  h3 { font-size: 1.375em; }
  }
  
  @media screen and (min-width:768px) {
      .trombinoscope h2 { margin-left : 8.33333%; }	
      .elu.col-md-6 { font-size: .9rem; }
  }
  @media screen and (min-width:1200px) {
      .modal-dialog{max-width: 600px;}
      .trombinoscope .entry-content { width: 90%; margin: 0 auto; }
  }
  
  /*********** carte single ****************/
  #single-map {
      width: 100%;
      height: 30vh;
  }
  
  #modal-map {
      width: 100%; height: 60vh;
  }
  /*********** marchés publications *************/
  .marches-publics .table { margin-bottom: 0; }
  
  /*********** publication ************/
  .archive #menu-menu-media li {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
  }
  .archive .menu-media {
      margin-top: 2em;
  }

  .archive .menu-media li{
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .archive .menu-media .nav-link {
      color: #535353;
      font-size: .8125em;
      font-weight: 700;
      text-transform: uppercase;
      text-align: center;
  }
  .archive .menu-media .current .nav-link {
      color: #e9c901;
  }
  .archive .menu-media .nav-link img {
      height: 20px;
      margin: 0 auto .5em;
  }
  .archive .menu-media .menu-item:not(.current) img {
      filter: grayscale(1) brightness(51%);
      
  }
  .has-sidebar .content-area,
  .sidebar-left {
      padding-left: 0;
      padding-right: 0;
  }
  
  .has-sidebar .content-area .entry-content {
      margin-left: 1em;
      margin-right: 1em;		
  }	
  
  body:not(.home) .content-area { margin-bottom: 2em; }
  
  .archive .content-area, .blog .content-area { width: 100%; }
  
  /* carte interactive */
  
  .single-annuaire #carteInteractive,
  .single-association #carteInteractive,
  .single-lieu #carteInteractive{
      height: 300px;
  }
  
  #carteInteractive { width: 100%; height: 100vh; padding: 0; }
  
  
  
  .modal-body #carteInteractive{
      height: 60vh;
  }
  
  #carteInteractive h2 { font-size: 1.5rem; }
  
  #liste-lieu .list-type-lieu,
  #liste-lieu .list-type-lieu .children { list-style: none; }
  
  #liste-lieu .list-type-lieu {
      padding: 1em;
  }
  
  
  #liste-lieu .collapse {
      padding-left: 1em;
  }
  
  #liste-lieu .entry-content {
      margin: 0;
  }
  
  #liste-lieu .post-title {
      cursor: pointer;
  }
  #liste-lieu .lieu-info { display:none; }
  
  #liste-lieu .lieu-info .entry-meta { display:none; }
  
  #liste-lieu .lieu-info i,
  .gm-style-iw i {
      margin-right: .75em;
  }
  
  #liste-lieu .lieuAffiche {
      background: #f2f2f2;
      border: 1px solid #f2f2f2;
      border-radius: .5em; 
      padding: .5em;
      margin: 1em 0;
  }
  
  @media screen and (min-width:768px){
      
      .carte-wrapper.full {
          position: fixed;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 102;
          background: #fff;
      }
      
      #liste-lieu {
          height: 100vh;
          overflow:auto;
      }
      
      #resizeScreen {
          background-color: #bb3080;
          color: #fff;
          padding: .25em;
          position: absolute;
          top:0;
          right:0;
      }
      
      .view-fiche { display: none; }
  }
  
  .page-header a.caldera-forms-modal {
          color: #fff;
          background-color: #48505d;
          font-weight: 500;
          font-size: .9375em;
          padding: 1em 1.5em;
          position: absolute;
          bottom: 0;
          right: 12.5%;
      }
      
  @media screen and (min-width:768px){
      
      .form-archive { padding: 0; }
      .form-archive > * { width: 25%; margin-bottom: 0; }
      .evenements .form-archive > * { width: 20%; margin-bottom: 0; }
      .kiosque .form-archive > * { width: 20%; margin-bottom: 0; }
      .form-archive .form-group { border-left: 1px solid #dedede; }
      .form-title { padding-top: 0; text-align: center; font-size: .875em; }
      
      .has-sidebar .content-area .entry-content {
          margin-left: 3.5em;
          margin-right: 3.5em;		
      }
  }
  
  @media screen and (min-width:1200px){
      
      .breadcrumb { padding: 10px; }
      
      .form-archive { 
          margin-left: calc( 8.33333333% + 15px );
          margin-right: calc( 8.33333333% + 15px );
      }
  
      .archive:not(.post-type-archive-lieu) article {
          -ms-flex: 0 0 28% !important;
          flex: 0 0 28% !important;
          max-width: 28% !important;
      }
   
      .has-sidebar .content-area,
      .sidebar-left {
          padding-left: 0;
          padding-right: 0;
      }
      
      .has-sidebar .content-area .entry-content {
          margin-left: 10%;
          margin-right: 10%;		
      }
      
      .page-header a.caldera-forms-modal {
          bottom: 2em;
      }
  }
  
  /** Barre latérale, remontée contextuelle **/
  
  .sidebar-left .widget {
      background-color: #f2f2f2;
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
      border-top: 2px solid #fff;
      padding: 2em 1em;
  }
  
  .sidebar-left .widget-service button{
    margin-bottom: 15px;
  }
  
  @media screen and (min-width:1200px){
      .sidebar-left .widget {
          border-left: 1px solid #fff;
          border-right: 1px solid #fff;
      }
  }
  
  .sidebar-left .widget-title {
      text-align: center;
      text-transform: lowercase;
      font-size: 1.5em;
      font-weight: 700;
      color: #47505d;
  }
  .sidebar-left .widget-title h2 {
      display: inline-block;
      position:relative;
      padding: .125em .375em .25em;
      margin-bottom: .75em;
  }
  .sidebar-left .widget-title h2:before {
      content: "";
      position:absolute;
      width: .5em;
      height: .5em;
      bottom: 0;
      left:0;
      border: 5px solid #2396d2;
      border-bottom-left-radius: 100%;
      border-top: 0;
      border-right: 0;}
  
  .sidebar-left .widget-title h2:after {
      content: "";
      position:absolute;
      width: .5em;
      height: .5em;
      top: 0;
      right:0;
      border: 5px solid #2396d2;
      border-top-right-radius: 100%;
      border-bottom: 0;
      border-left: 0;
  }
  
  .sidebar-left .mailto { color: #8c8f98; }
  
  .widget-publication figure { margin: 0; }
  .widget-publication .entry-meta { display: none; }
  
  .publication .telecharger { font-size: .8125em; font-weight: 700; }
  .publication .telecharger span { font-weight: 400; }
  .publication .presse { position: absolute; bottom: 0; right: 0; display: inline-block; padding: .5em 1em; background: rgba( 255,255,255,.75 ); font-weight: 700; }
  .single-publication .presse { right: 80%; border: 1px solid #000; }
  
  .sidebar-left a.lien-archive { float:right; text-decoration: none; font-weight: bold; border-bottom: 1px dotted; font-size: .875em; }
  .sidebar-left a.lien-archive:hover { border-bottom: 1px solid; }
  
  
  
  /* colorisation */
  .colorset-1 .colore span, .colorset-1 h2.colore:before, .colorset-1 h2.colore:after  { filter: hue-rotate(-32deg) brightness(154%); }
  .colorset-2 .colore span, .colorset-2 h2.colore:before, .colorset-2 h2.colore:after  { filter: hue-rotate(180deg) saturate(145%) brightness(174%); }
  .colorset-3 .colore span, .colorset-3 h2.colore:before, .colorset-3 h2.colore:after,
  .colorset-6 .colore span, .colorset-6 h2.colore:before, .colorset-6 h2.colore:after  { filter: hue-rotate(77deg) saturate(139%) brightness(110%); }
  .colorset-4 .colore span, .colorset-4 h2.colore:before, .colorset-4 h2.colore:after  { filter: hue-rotate(140deg) saturate(200%) brightness(156%); }
  
  
  /* PAGE DECOUVRIR */
  .page-template-template-decouvrir .site-content {
      padding-top: 0 !important;
  }
  
  .page-template-template-decouvrir .content-area {
      margin: 0 !important;
      padding: 0;
  }
  
  .parallax-image {
      /*position: fixed;
      top: 0;
      left: 0;
      z-index: -10;*/
      height: 50vh;
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }
  
  .bloc-1 {
      padding-bottom: 1.5em;
  }
  
  .bloc-1 .page-title {
      text-align: center;
      color: #b92a76;
      font-size: 1.5625em;
  }
  
  .bloc-1 .texte-1  {
      background: #fff;
  }
  
  .bloc-1 .texte-1 .entry-content {
      padding: 2em;
  }
  
  .texte-2 {
      padding: 1em;
      background: #fff;
  }
  
  .texte-2 .entry-content {
      margin-top: 0;
      padding-top: 1.5em;
      padding-bottom: 1.5em;
      columns: 320px 2;
      column-gap: 30px;
  }
  
  .bloc-2 {
      height: 50vh;
  }
  
  .bloc-3 {	
      background: #f2f2f2;
      padding-bottom: 4em;
  }
  
  .bloc-3 .entry-content {
      margin-top: 0;
      padding: 4em 1em;
      columns: 320px 2;
      column-gap: 30px;
  }
  
  @media screen and (min-width:1200px){
      .bloc-1, .bloc-3, .texte-2 {
          padding-left: 16.6666667%;
          padding-right: 16.6666667%;	
      }
      .bloc-3 .entry-content {
          padding-left: 0;
          padding-right: 0;
      }
  }
  
  
  /* https://codepen.io/pawelwojtas/pen/rGPpbd */
  .navbar-nav .dropdown-menu {
      animation: dropdown-animation .3s;
      transform-origin: top;
  }
  
  @keyframes dropdown-animation {
    0% {
      -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
      transform: scaleY(0);
    }
    100% {
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1);
    }
  }
  .seopress-user-consent button,
  .seopress-user-consent {
      font-size: 1.5em;
  }
  #seopress-user-consent-close {
      font-weight: 400;
      border: none;
  }


  /* ACTE */
  .post-type-archive-actes .form-archive form{
    width: 100%;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
  }
.post-type-archive-actes .form-archive form ul{
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}

.post-type-archive-actes .form-archive form ul li{
    width: 20%;
    border-left: 1px solid #dedede;
}

.post-type-archive-actes .form-archive form ul li label,
.post-type-archive-actes .form-archive form ul li input,
.post-type-archive-actes .form-archive form ul li button,
.post-type-archive-actes .form-archive form ul li select{
    width: 100%;
    height: 35px;
    padding: .375rem .75rem;
    border: none;
    background-color: transparent;
}

.post-type-archive-actes .form-archive form ul li:last-child{
    background-color: #043668 !important;

}

.post-type-archive-actes .form-archive form ul li:last-child input{
    color: white !important;
}

.post-type-archive-actes #results article .wrapper-article{
    padding: 10px 15PX;
    box-shadow: 0px 3px 17px -5px grey;
    transition: all 0.3s ease-in-out;
}

.post-type-archive-actes #results article .wrapper-article:hover{
    box-shadow: 0px 3px 17px -5px black;
}

.post-type-archive-actes #results article .wrapper-article>*{
    margin: 0;
}

.post-type-archive-actes #results article .wrapper-article h2{
    font-size: 16px;
}

.post-type-archive-actes #results article {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width:  100% !important;
    margin-bottom: 15px;
}

.post-type-archive-actes #results article .wrapper-article .icon-dl::before{
    content: "";
    width: 40px;
    height: 40px;
    background-image: url('./images/donwload.png');
    background-size: contain;
    background-repeat: none;
    background-position: center;
    transition: all 0.3s ease-in-out;
}

.post-type-archive-actes #results article .wrapper-article .link-download:hover .icon-dl::before{
    transform: scale(1.2);
}

@media screen and (max-width:990px){
    .post-type-archive-actes .form-archive form ul{
        flex-wrap: wrap;
        justify-content: center;
    }

    .post-type-archive-actes .form-archive form ul li{
        width: 50%;
        border: 1px solid #dedede;
        
    }
}

@media screen and (max-width:580px){
    .post-type-archive-actes .form-archive form ul li{
        width: 100%;
    }
}