*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  color: #000000;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;

  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */

  -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-box-sizing:border-box;
  box-sizing:border-box;
	font-size: 62.5%; /* R�-�quilibrage du Rem face au Pixel pour des calculs simples / 1.0rem = 10px */
  font-weight: 200;
  font-family: 'Open sans', sans-serif;
}

body {
  background-color: #FFFFFF;
  scroll-behavior: smooth;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  /* Attention les fonctions JS scroll ne marcheront pas avec overflow-x: hidden; */
  overflow-x: hidden;
  font-size: 1.8rem;
  font-size: clamp(1.4rem, 1.1vw, 1.8rem);
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #FABA67;
  color: #FFF;
  text-shadow: none;
}

::selection {
  background: #FABA67;
  color: #FFF;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

a {
	text-decoration:none;
	transition: all 0.2s ease;
}

ul {
  padding-left: 20px;
}

main ul {
 margin-left: 20px;
}

main li {
  list-style-type: square;
}
li::marker {
  color: #3558a2;
}
/* ==========================================================================
   Normalize
   ========================================================================== */

img {
	max-width: 100%;
}

main {
  display: block;
  padding-right: 60px;
}

button,
input[type=text], input[type=email], input[type=tel],
optgroup,
select,
textarea {
  font-family: inherit;
    font-size: clamp(1.4rem, 1.1vw, 1.8rem);
    line-height: 1.4;
  outline: none;
    color:#000;   
    border:1px solid #99a5c0;
  padding:6px;
  
}

optgroup {
    background-color:rgba(200,200,200,0.3);
    font-weight:400;
}

input[type=button], input[type=submit] {
  font-family: inherit;
    font-size: clamp(1.4rem, 1.1vw, 1.8rem);
    line-height: 1.4;
    cursor:pointer;
    border:0;
}

form label {
    display: flex;
    align-items: flex-start;
    gap:5px;
}

form label input[type=radio], form label input[type=checkbox] {
    width: 20px;
    height: 20px;
    background-color: #3558a2;
}


.filtre-field {
    padding: 0 0 5px 0;
    margin-bottom:5px;
    color: #3558a2;
    border-bottom:1px solid #3558a2;
    text-transform:uppercase;
}
.filtre-input {
    display: flex;
    align-items: center;
    flex-wrap:wrap;
    gap:1%;
    
}

.filtre-input label {
    width:31%;
}

.filtre-group {
    margin-bottom:20px;
    padding:10px;
    background-color:#fdfdfd;
    border-radius:5px;
}

.filtre-buttons {
    display:flex;
    justify-content:space-between;
}


@media (max-width: 1025px) {
  .filtre-input label {
    width:48%;
  }
}

@media (max-width: 605px) {
  .filtre-input label {
    width:100%;
  }
}


/* boutons */
.btn-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;  
    margin:20px auto;  
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix::before,
.cleÿ fi 䦇翴 fter {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

.space-between {
  display: flex;
  justify-content: space-between;
}

.home-container {
	width: 100%;
  padding: 0 40px;
  padding: 0 clamp(20px, 2.2vw, 40px);
	margin: auto;
}

.container {
  max-width: 1240px;
  padding: 0 40px;
  /*padding: 0 clamp(20px, 2.2vw, 40px);*/
	margin: auto;
}

@media (max-width: 600px) {
    .container {
        max-width: 100%;
        width:90%;
        padding: 0;
    }
}

.full {
  width:100%;
  padding: 10px 40px;
}

#container-h1 {
    display:flex;
    align-items:center;
    gap:10px;
    margin-top: 32px;
    margin-bottom: 32px;

    position:relative;
}

.h1-nqt-tr {
    width: 120px;
    height: 40px;

    position: absolute;
    right: 40px;
    background-image: url(../images/tourisme-responsable.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;    
}

@media (max-width: 900px) {
    #container-h1 {
        display:block;
    }
    .h1-nqt-tr {
        position:relative;
        margin:10px 0;
        right:initial;
    }
}

h1 {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 3rem;
    color: black;
    margin: 0;
    padding:0;
} 

#container-h1 .stars {
    display: flex;
    align-items: center;
    gap: 5px;   
}
#container-h1 .stars img {
    width: 24px;
}

/* H1 Home */
#home-title {
  font-family: 'Open sans', sans-serif;
  font-size: 3.4rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(2.6rem, 1.6vw, 3.4rem);
  font-weight: 700;
  margin: 0 0 15px 0;
  color: #ffffff;
}

.netc-editor h2 {
  font-size: 2.6rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(2rem, 1.1vw, 2.6rem);
  font-weight: 500;
  color: #e1000f;
}

.netc-editor h3 {
  font-size: 2rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.6rem, 1.1vw, 2rem);
  font-weight: 500;
  color: #096495;
}

.netc-editor p,
.netc-editor span,
.netc-editor div,
.netc-editor li {
  font-weight: 300;
  line-height: 1.6;
}

.netc-editor a {
  color: #EDA13D;
  text-decoration: underline;
  font-weight: 400;
}

table.table_liste {
  width: 100%;
  border-spacing: 0;
  font-size: 1.6rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.2rem, 0.9vw, 1.6rem);
  font-weight: 400;
  margin-bottom:15px;
}

table.table_liste thead tr {

}

table.table_liste th, table.table_liste thead td {
  text-align: left;
  color: #FFF;
  padding: 10px;
  background-color: #007FC3;
}
table.table_liste th:first-child, table.table_liste thead td:first-child {  
  background-color: #007FC3;
  border-radius: 10px 0px 0px 0px;  
}
table.table_liste th:last-child, table.table_liste thead td:last-child {  
  background-color: #007FC3;
  border-radius: 0px 10px 0px 0px;  
}

table.table_liste tr:last-child td {
    border-bottom: 1px solid rgba(0, 127, 195, 0.3);
}

.netc-editor tr {
  background-color: #E5F6FF;
}

table.table_liste tbody tr:nth-child(even) {
  background-color: rgba(230,230,230,0.2);
}

table.table_liste tbody td {

}

table.table_liste td {
  padding: 10px;
}

strong {
    font-weight:600;
}

.btn-line {
  background: none;
  border-bottom: 2px solid #3558a2;
  color: #3558a2;
  height: 34px;
  text-align: left;
  padding: 8px 0;
}
.btn-footer {
    display:block;
    padding: 8px 12px;
    text-align:center;
    color:#fff;    
    background-color: #096495;
    border-radius: 4px;
    transition:0.5s ease-in all;
    font-size:12px;
    margin:10px 0;
}

.btn-footer:hover {
    background-color: #096495;
}


/*-------------- HEADER */

header.layout {
  width: 100%;
  position: relative;
}

#topbar {
  width: 100%;
  position: relative;
  height: 112px;
  display: flex;
  justify-content: space-between;
  z-index:999;
  transition: all 0.2s ease;
}

#topbar.nav-down,
#topbar.nav-up {
  position: fixed;
  padding: 0px;
  top:0;
  background-color: rgba(255,255,255, 0.8);
}

#topbar.nav-up {
  transform: translateY(-100%);
  box-shadow: none;
}


#branding {
  text-align: right;
  width: 20%;
  min-width: 270px;
  position: absolute;
  margin: 0 auto;
  /*z-index: 888;*/
  left: 0;
  top: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 60px;
  transition-property: width;
  transition-duration: 0.1s;
}

#topbar.nav-up #branding {
  display:none;
}
#topbar.nav-down #branding {
  width: 120px;
  min-width: 120px;
}


#branding a {
  display: block;
  margin:20px;
  text-align: center;
}
div#branding img {
  /*width: 84%;*/
  
}
/*
#header-branding {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center; 
    width:100%;  
}

#header-branding a {
  display: block;
  margin-top:-54px;
  margin-left:-75px;
  text-align: center;
  z-index: 999;
}

#header-branding img {
    width: 150px;
    
}

header.nav-down #header-branding {
    opacity:0;
}

@media (max-width: 1205px) {
    #header-branding a {
      margin-top:-70px;
      margin-left:0px;    
    }
}
*/

#logo-menu {
 
    display:block;
    width:150px;
    height:auto;
    padding:10px;
    border-radius:5px;
    background-color:#fff;
    margin-left: 25px;
    margin-top: 50px;    
}

#logo-menu img {
    width:130px;
    height:auto;
}

/*
#top-branding a {
  display: block;
  margin-top:58px;
  margin-left:-75px;
  text-align: center;
  z-index: 998;
}

#top-branding img {
    width: 150px;
    
}

header.nav-down #top-branding {
    opacity:0;
}
*/

header.nav-up #logo-menu, header.nav-down #logo-menu {
    /*    opacity:0;*/
 
}


@media (max-width: 1205px) {
    #top-branding a {
      margin-top:0px;
      margin-left:0px;    
    }
    #top-branding {
        top:58px;
    }
    
    #logo-menu {

        margin-top: 0;
        background-image: url("../images/logo-w80.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        width:80px;
        height:100px;
    }
    #logo-menu img {
        width:auto;
        display:none;
    }
}


#menusbar {
    background-color:#ffffff;
    width: calc(100% - 60px);
    display: flex;
    flex-direction:column;
}

#raccourcisbar {
  width: calc(100% - 60px);
  display: flex;
  flex-direction: column;
}

#raccourcisbar a {
    display:flex;
    text-decoration:none;
    margin:4px 8px;    
}

#raccourcisbar a img {
    width:40px;
    height:40px;
    
}

#raccourcisbar a span {
    display:block;
    color:#FFF;
    font-size: 1.4rem;
    margin:3px 6px;
}

#raccourcisbar a#trigger-call {
    display:none;
}

/*

.menubar {
    position: relative;
    display: flex;
    align-items:center;
    height:100%;
} 

*/


.menubar {
  position: relative;
  display: flex;
  justify-content: left;
  width:100%;
  height:100%;
  
}

.menubar-fond {
    display: flex;
    align-items:center;
    height:100%;
    width: 100%;
    gap: 50px;
}

#raccourcisbar #action-menu-resp {
  display: none;
  z-index:99999;
}

/*
.main-nav__list:first-child {
  justify-content: space-evenly;
  padding-right: 80px;
}
.main-nav__list:last-child {
  justify-content: space-evenly;
  padding-left: 80px;
}
*/

.main-lvl1-nav__list {

}

.sidebar {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 60px;
  height: 100vh;
  background-color: rgb(255, 255, 255);
  backdrop-filter: blur(30px);
  padding-top: 110px;
  transition: all 0.2s ease;
}
.sidebar ul {
  list-style: none;
  padding: 10px 0;
  margin: 0;
}
.sidebar ul li {
  margin: 10px 0;
}
.sidebar ul li a, .sidebar ul li button {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  padding: 0;
  justify-content: center;
  transition: all 0.2s ease;
}
.sidebar .tooltip {
  position: absolute;
  left: -10px;
  display: block;
  font-size: 1.6rem;
  font-weight: 300;
  color: #FFF;
  background-color: rgba(49, 49, 48, 0.9);
  border-radius: 4px;
  padding: 5px 8px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-80%);
  transition: all 0.2s ease;
}
.sidebar.js-scrolled {
  padding-top: 0;
}
.sidebar ul li a:hover, .sidebar ul li button:hover {
  transform: scale(1.1);
}
.sidebar ul li a:hover .tooltip, .sidebar ul li button:hover .tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-100%);
}

@media (max-width: 1205px) {
  

  .sidebar {
    display: none;
    position: absolute;
    top: unset;
    right: 0;
    bottom: 0;
    flex-direction: row;
    width: 100%;
    height: 50px;
    padding: 0;
    margin:0;
    background-color: hsl(225, 3%, 90%);
  }

  .mm-ocd--open .sidebar {
    display: flex;
    flex-direction: row;
    height:150px;
    flex-wrap:wrap;
  }  
  .mm-ocd--open .sidebar .tooltip {
    display: none;
  }
  .mm-ocd--open .tools-list, .mm-ocd--open .links-list, .mm-ocd--open .rs-list {
    position:relative;
    top: initial!important;
    left: initial!important;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin:0;
    padding:0;
    width: auto!important;
    overflow:hidden;
  } 
  .mm-ocd--open .tools-list:before, .mm-ocd--open .links-list:before, .mm-ocd--open .rs-list:before {
    display:none!important;
  }
   
  .mm-ocd--open .tools-list li, .mm-ocd--open .links-list li, .mm-ocd--open .rs-list li {
    padding:0;
    margin:5px;
    border:0;
    width:30px;
    height:30px;
    display:block;
  }
  .mm-ocd--open .tools-list li:before, .mm-ocd--open .links-list li:before, .mm-ocd--open .rs-list li:before, .mm-ocd--open .tools-list li:after, .mm-ocd--open .links-list li:after, .mm-ocd--open .rs-list li:after {
    display:none!important;
    border:0!important;
  }
  
  main {
    padding-right: 0px;
  }

    #menusbar {
        width:100%;
    }    
    #topbar {
        width:100%;
        
        flex-direction:column-reverse;
    }
    
    #branding {
        text-align:center;
        width:100%;
    }
    
    #raccourcisbar {
      width: 100%;
      padding-right: 0px;
      position: absolute;
      top: 34%;
      left: 88%;
        
    }
    
    #raccourcisbar a span {
        display:none;
    }
    
    
}


/* menu principal */
.main-nav {
    z-index:999;
}

.main-nav a {
    text-decoration:none;
}


@media (min-width: 1205px) {

  .main-nav {
    display: flex;
    justify-content: space-between;
    width:80%;
    margin:auto;
  }

  /*-------------- MENU > LVL 1 */

  .main-lvl1-nav__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-evenly;
    width:100%;
  }

  .main-lvl1-nav__item {
    position: relative;
  }

  .main-lvl1-nav__item + .main-lvl1-nav__item {
    /*
    margin-left: 40px;
    margin-left: clamp(20px, 2.2vw, 40px);
    */
  }
  

  .main-lvl1-nav__link {
    color: rgb(0, 0, 0);
    font-weight: 400;
    font-size: 2rem;
    font-size: clamp(1.8rem, 1.2vw, 2rem);
    text-transform:uppercase;
    white-space: nowrap;
    
  
  }
  
  .main-lvl1-nav__link._has_child {
    background-image: url("../images/assets/icones/Arrow_down.svg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10px 15px;  
  }

  .main-lvl1-nav__link:hover {
    color: #3558a2;
  }
  .main-lvl1-nav__link:hover:after {
    /*background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.626 5.543a1 1 0 011.414 0L6 9.503l3.96-3.96a1 1 0 011.414 1.414l-4.667 4.667a1 1 0 01-1.414 0L.626 6.957a1 1 0 010-1.414z' fill='%23BB7111'/%3E%3C/svg%3E");*/
  }

  .main-lvl1-nav__link::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    /*
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.626 5.543a1 1 0 011.414 0L6 9.503l3.96-3.96a1 1 0 011.414 1.414l-4.667 4.667a1 1 0 01-1.414 0L.626 6.957a1 1 0 010-1.414z' fill='%23fff'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    */
    margin: 0 0 3px 4px;
    transition: all 0.2s ease;
  }

  /*-------------- MENU > LVL 2 */

  /*
  .main-lvl2-nav__list-wrapper {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 10;
    top: 100%;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    padding-top: 15px;
    transition: all 0.2s ease;
  }
  */
  
  .main-lvl1-nav__item:hover .main-lvl2-nav__list {
    opacity: 1;
    visibility: visible;
    padding-top: 25px;
  }  

  .main-lvl2-nav__list {

    opacity: 0;
    visibility: hidden;  
    transition: all 0.2s ease;
  
    flex: none;
    position: absolute;
    z-index: 10;
    top: 100%;
    right: 0;
    left: 0;
    border-bottom: 4px solid #3558a2;
    
    list-style: none;
    padding: 0;
    margin: 0 auto 0 auto;
    width: 260px;
    /*background-color: #FFF; */
    /*
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            */
  }
  
  .main-lvl2-nav__item {
   background-color: #FFF;
   padding:5px;
   
  }

  .main-lvl2-nav__list::before {
    content: '';
    position: absolute;
    top: -8px;
    right: 0;
    left: 0;
    display: block;
    width: 15px;
    height: 8px;
    margin: auto;

  }

  .main-lvl2-nav__item + .main-lvl2-nav__item {
    /*margin-top: 5px;*/
  }

  .main-lvl2-nav__link {
    display: block;
    font-size: 1.8rem;
    font-size: clamp(1.4rem, 1.1vw, 1.8rem);
    color: #000000;
    font-weight: 400;
    padding: 5px 10px;
    border-radius: 4px;
    letter-spacing: -0.5px;
    
 
  }
  
  .main-lvl2-nav__link._has_child {
    background-image: url("../images/assets/icones/Arrow_left.svg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 15px 10px ;     
  }

  .main-lvl2-nav__link:hover {
    color: #3558a2;
    background-color: hsl(225, 3%, 90%);
  }
  
  .main-lvl3-nav__list{
    list-style: none;
    padding: 0 0 0 10px;
    transition: all 0.2s ease;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 97%;
    transform: translateY(-30px);
    margin: 0 auto 0 auto;
    width: 260px;
  }
  .main-lvl2-nav__item:hover .main-lvl3-nav__list{
    opacity: 1;
    visibility: visible;
  }  
  .main-lvl3-nav__item{
    background-color: #FFF;
    padding: 5px;
  }
  .main-lvl3-nav__link {
    display: block;
    font-size: 1.8rem;
    font-size: clamp(1.4rem, 1.1vw, 1.8rem);
    color: #000000;
    font-weight: 400;
    padding: 5px 10px;
    border-radius: 4px;
    letter-spacing: -0.5px;
  }
  .main-lvl3-nav__link:hover {
    color: #3558a2;
    background-color: hsl(225, 3%, 90%);
  }  
  
  
  .mm-spn.mm-spn--navbar:after {
    font-weight:400;
    color: #254B6C;
  }
}


.header-bandeau {
    background-color:#FAFAFA;
    width:100%;
    height: calc(100vh - 332px);
    min-height:400px;
    position:relative;
}


.header-bandeau .lSSlideOuter,
.header-bandeau .lSSlideWrapper {
  width: 100%;
  height: 100%;
}

.header-bandeau .js-slider-fade {
  width: 100%!important;
  height: 100%!important;
  padding-bottom: 0!important;
}

/* bandeau principal */
.header-bandeau .js-slider-fade {
  width: 100%!important;
  height: 100%!important;
  padding-bottom: 0!important;
}

.js-slider-fade {
  background-color: #333333;
}

.js-slider-fade picture {
  display: block;
  width: 100%;
  height: 100%;
}

.js-slider-fade picture img {
  width: 100%;
}

#header-bandeau-copyright {
    position:absolute;
    bottom:20px;
    right:80px;
    background-color:rgba(100,100,100,0.4);
    color:#fff;
    padding:4px;
    font-size: 12px;
}

.page-interne-bandeau #header-bandeau-copyright {
    bottom:50px;
    right:80px;
}

@media (max-width: 800px) {
  #header-bandeau-copyright {
      bottom:10px;
      right:10px;  
  }
  .page-interne-bandeau #header-bandeau-copyright {
      bottom:40px;
      right:10px;
          margin-left: 10px;
  }
}

@supports (object-fit: cover) {
  /* IF object-fit IS SUPPORTED */
  .js-slider-fade picture img {
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
}

.header-bandeau-slogan {

    position: absolute;
    bottom: 32%;
    left: 0;
    top:180px;
    width: 100%;
    height: auto;
    z-index: 998;
}

.header-bandeau-slogan-home {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    display: flex;
    align-items: center;
}

.page-interne-bandeau .header-bandeau-slogan {
    top:inherit;
}

.header-bandeau-slogan-texte-home {
    color:#fff;
    margin:10px 0;
    margin-top:50px;
    width: 1200px;
    padding: 15px 30px;
    border-radius: 5px;
    background-color: rgba(0,0,0,0.2);   
}

.header-bandeau-slogan-texte {
    color:#fff;
    margin:10px 0;
   
}

@media (max-width: 800px) {
    .header-bandeau-slogan .container {
        width:100%;
    }
    .header-bandeau-slogan-texte-home {
        width: 90%;
        margin:auto; 
        margin-top:80px;
    }
}

/* bandeau interieur */
.header-bandeau.page-interne-bandeau {
    height: 45vh;
}
.page-interne-bandeau .header-bandeau-slogan {
    background: rgba(255, 255, 255, 0.9); 
    backdrop-filter: blur(40px); 
    bottom:0;
}

.page-interne-bandeau .container {
    padding:0;
    padding-left: 10px;
}

.fil-ariane {
    margin:0;
    padding:0;
}

/* cache le bouton Confort+*/
#uci_link {
    display:none;
}


/* fil d'ariane */
#breadcrumb {
 
}

.breadcrumb__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  margin:0;
  padding:0;
}

.breadcrumb__item {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 1.4rem;
  font-weight: 500;
}

.breadcrumb__item img {
  margin-right: 5px;
}

.breadcrumb__item + .breadcrumb__item {
  padding-left: 10px;
}

.breadcrumb__item + .breadcrumb__item::before {
  content: '::';
  padding-right: 10px;
  color: inherit;
  opacity:0.8;
  line-height: 1;
  font-weight: 600;
}
.breadcrumb__item a {
	color:inherit;
}
.breadcrumb__item a:hover{
	color:#444;
}

.breadcrumb__item > a {
  display: flex;
  align-items: center;
  color: inherit;
  font-size: 16px;
  font-weight: inherit;
  line-height: 1;
  color:inherit;
}

.breadcrumb__item > a:hover {
  opacity: 0.6;
}
.breadcrumb__item > a:last-child:hover {
  opacity: 1!important;
}


/* footer */
footer {
    background-color: #232323;
    padding-top:32px;
}
#footer-content {
    background-color: #232323;
}

#footer-content .container {
    display:flex;
    justify-content:space-around;
    padding:20px;

}
.footer-partenaires {
  display: flex;
  justify-content: center;
  align-items: center;
  margin:20px;
  gap:10px;
}
.footer-col {
    margin: 0 10px;
}

.footer-title {
    font-size: 1.8rem;
    font-size: clamp(1.6rem, 1.1vw, 2.0rem);
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
}

.footer-col p {
  color: #FFF;
  line-height: 1.7;
  font-size: 20px;
  font-weight: bold;
}
.footer-col ul {
  padding: 0px;
  margin: 0px;
}
.footer-col li {
  list-style-type: none;
}
.footer-col li a {
  color: white;
    line-height: 32px;
    font-weight: 500;
    text-transform: uppercase;
}
#footer-col-logo {
    text-align:center;
}

#logo-footer {
    width:172px;
    height:auto;
    margin:auto;
}

#slogan-footer-brix {
    font-size:22px;
    text-align:center;
    color: #FFF;
    font-weight:400;
    letter-spacing: 4px;
}
#slogan-footer-commune {
    font-size:12px;
    letter-spacing: 2px;
    text-align:center;
    text-transform:uppercase;
    display:block;
    color: #FFF;
    font-weight:300;
}

#mini-carte-footer {
    width:200px;
    height:170px;
}


footer .rs-list {
  list-style: none;
  padding: 10px 0 0 0 ;
  margin: 0;
  display: flex;
}

footer .rs-list > * + * {
  margin-left: 20px;
  margin-left: clamp(5px, 1.1vw, 20px);
}

#footer-bas {
    background-color: #232323;
}
#footer-bas .container {
    display:flex;
    justify-content: center;
    font-size:12px;
    padding:6px; 

}

#footer-bas .container a {
    color:#FFF;
    text-decoration:none;
}
#footer-bas .container a:hover {
    color:#FFF;
    text-decoration:underline;
}

/* ------------------------
    POPIN RECHERCHE
------------------------ */
#popin-recherche {
            position:fixed;
            z-index: 1000;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background-color:rgba(255,255,255,0.7);
            backdrop-filter: blur(10px); 
            display:none;
        }
#popin-recherche-content {
            width:100%;
            height:100%;        
            display:flex;
            align-items: center;
            justify-content: center; 
        }

#search-champs {
    
}   
#search-mots {
    color: #444;
    font-weight: 300;
    width: 300px;
    margin-bottom: 10px;
    padding: 8px 16px;
}

#search-btns {
    display:flex;
    justify-content: space-between; 
}

#search-submit, #search-cancel {
    color: #FFF;
    font-weight: 300;
    background-color: #ccc;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 8px 16px;
}  

#search-submit{
    background-color: #8EC549;
    margin-right: 10px;
}
#search-submit:hover {
    background-color: #60971A;
}  

#search-cancel{
    background-color: #EE743B;
}
#search-cancel:hover {
    background-color: #EE743B;
}     

/*RECHERCHE ETABLISSEMENTS */
#form-recherche-etablissements {
    margin-bottom:25px;
}
#criteres-recherche {
    background: #f6f6f6;
    padding: 25px 0;
    z-index:998;
    position: relative;
}

#criteres-recherche .container {
    padding:0 15px;
}

#criteres-recherche.nav-down,
#criteres-recherche.nav-up {
  position: fixed;
  padding: 0px;
  top:0;
  background-color: rgba(255,255,255, 0.8);
}

#criteres-recherche.nav-up {
  transform: translateY(-100%);
  box-shadow: none;
}

.recherche {
    display: flex;
    /*justify-content: space-evenly;*/
    justify-content: space-between;
    align-items: center;
    gap:10px;
}

.recherche div {
    display: flex;
    justify-content: center;
    align-items: center;
}


.recherche-icones {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.recherche-icones div {
    /*
    color: black;
    font-weight: 600;
    display: block;
    width:32px;
    cursor:pointer;
    */
    margin: 0 5px;
}

.recherche-filtre {
    background-color:rgba(255,255,255,0.6);
    padding:1px 10px;
    transition: ease-in 0.2s all;
    border-radius:5px;
    min-width: 60px;
    cursor:pointer;
    align-items:center;
    flex-direction: column-reverse;
}  

.recherche-filtre:hover {
    background-color:rgba(255,255,255,1);
}

.recherche-filtre img {
    width:24px;
    height:24px;  
}

.recherche-filtre span {
    color:#444;
    font-size:12px; 
}


.multicriteres .recherche select {
    max-width:170px;
}
.multicriteres .recherche input[type=text] {
    max-width:210px;
}

.multicriteres #commune {
    max-width:100px;
}


@media (max-width: 780px) {
    .recherche-filtre span {
        display:none;
    }
    .recherche-filtre {
        padding:5px 10px;
    }
}

#view_filtres {
    position:relative;
    opacity:0;
}

.view_btn_filtres {
    opacity:1!important;
}

#nb-filtres-actifs {
    position:absolute;
    bottom:-8px;
    right:-8px;
    background-color:#a00;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-around;
    border-radius:50%;
    font-size:11px;
    width:16px;
    height:16px;
    opacity:0;
}

.view_nb_filtres {
    opacity:1!important;
}


#modal-recherche-filtres {
    background: #f6f6f6;
    padding: 0;
    transition: all 0.5s ease;
    transform-origin: top;
    transform: scaleY(0);
    height: 0;
    opacity:0;
}

.modal_active {
    transform: scaleY(1)!important;
    padding: 25px 0!important;
    height:auto!important;
    opacity:1!important;
}

#liste-entete {
    display: flex;
    justify-content: space-between;
}

#liste-entete select {
    border:0;
    background-color:#777;
    border-radius:5px;
    padding:2px 5px;
    color:#fff;    
}

#resultats-nb {
    margin-bottom:10px;
}

#resultats-nb div {
    display:inline;
    background-color:#444;
    border-radius:5px;
    padding:2px 5px;
    color:#fff;
}

.no-result {
    text-align:center;
    background-color:rgba(200,200,200,0.1);
    color:#555;
    border-radius:5px;
    padding:20px;
    margin:20px auto;    
}

/* map */
#map-resultats {
    display:none;
    transition: ease-in 0.5s all;
    height:60vh;
    width:100%;
    background-color:#eee;
    margin-bottom:20px;
}
#map {
    width:100%;
    height:100%;
}

/*liste*/
.desc {
    background-color: rgba(40,73,149,0.75);
    width: 100%;
    padding: 0 24px;
    position: absolute;
    bottom: 0;
    color: white;
    border-bottom: 6px solid #e1000f;
    transition: ease-in 0.5s all;
}
#liste-resultats {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap:15px;
    transition: ease-in 0.5s all;
}

.tourisme-responsable {
    position: absolute;
    top: -40px;
    right: 10px;
    height: 36px;
    width: 100px;
    background-image:url('../images/tourisme-responsable.png');
    background-repeat:no-repeat;
    background-position:top center;
    background-size:contain;    
}

.desc-tr {
    background-color: rgba(103,179,55,0.75);
    border-bottom: 6px solid #1b7b1e;
}

.desc p, .desc h3 {
    margin: 5px 0;
}

.desc h3 {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size:2rem;
}


.desc p {
    font-size:1.4rem;
}

.resultat-liste {
    width: calc(100% / 3 - 10px);
    max-width: 504px;
    margin-bottom: 10px;
    position: relative;
    display:block;
}

.resultat-liste:hover .desc {
    background-color: rgba(40,73,149,0.9);
}
.resultat-liste:hover .desc-tr {
    background-color: rgba(103,179,55,0.9);
}
.resultat-liste:hover {

}

.resultat-liste-photo {
    width:100%;
    height:280px;
    background-color:#444;
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover;
}

.resultat-liste-photo-defaut {
    background-size:100px;
    background-position: center 30%;
    background-image:url('../images/logo-footer.png');
}

.etoiles {
    max-width: 170px;
    position: absolute;
    top: 15px;
    right:15px;
    padding:2px 5px;
    background-color:rgba(255,255,255,0.5);
    border-radius:5px;
    display: flex;
    gap: 2px;    
}

.distance {

    padding:2px 5px;
    background-color:rgba(251, 176, 38, 0.8);
    color:#fff;
    border-radius:5px;
    font-size: 14px;
}


.type_infos {
    position: absolute;
    top: 15px;
    left:15px;
    
    display:flex;
    flex-direction:column;
    gap:5px;
    align-items: flex-start;
}

.type_titre {

    padding:2px 5px;
    background-color:rgba(255,255,255,0.8);
    color:#444;
    border-radius:5px;
    font-size: 14px;
}

.type_commerce {

    padding:2px 5px;
    background-color: rgba(55,55,55,0.8);
    color: #fff;
    border-radius:5px;
    font-size: 14px;
}


._marker_popup {
    width:300px;
}
._marker_popup .resultat-liste {
    width: 100%;
}

/* re style la  popup leaflet */
.leaflet-popup-content {
    margin:0!important;
    width: auto!important;
}
.leaflet-popup-content-wrapper {
    padding:0!important;
}
.leaflet-popup-close-button {
    background-color:rgba(100,100,100,0.6)!important;
    border-bottom-right-radius:5px;
    color:#fff!important;
    left:0!important;
}
.leaflet-popup-close-button:hover {
    background-color:rgba(100,100,100,0.9)!important;
    color:#fff!important;
}

/*
.pagination {padding-bottom: 72px;}
.pagination .container {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagination p {
    font-weight: 600;
    margin: 0 16px;
}
*/

/* PAGINATION */
#pagination {
    margin:20px auto;
}
.pagination__list {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

.pagination__item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	color: #575756;
	border: 1px solid rgba(40,73,149,0.75);
	margin: 0 7.5px;
    transition:all 0.5s ease-in; 
    list-style-type: none;
}

.pagination__item.active {
	color: #FFF;
	background-color: rgba(40,73,149,0.75);
}

.pagination__item.inactive {
	cursor: default;
	opacity: 0.33;
}

.pagination__item:hover {
	color: #FFF;
	background-color: rgba(40,73,149,0.75);
}

.pagination__item-arrow {
    margin: 0 7.5px;
    opacity:0.75;
    transition:all 0.5s ease-in; 
	width: 40px;
	height: 40px; 
    list-style-type: none;   
}
.pagination__item-arrow img {
    width:40px;
}
.pagination__item-arrow:hover {
    opacity:1;
}


.pagination__link {
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: inherit;
}

@media only screen and (max-width: 701px) {
  .pagination__item_indice {
    display:none;
  }
}

@media (max-width: 1200px) {
    .recherche {
        flex-wrap: wrap;
    }
    .multicriteres .recherche select, .multicriteres .recherche input[type=text], .multicriteres #commune {
        max-width:100%;
    }


  }

@media (max-width: 900px) {
    .resultat-liste {
        width: calc(100% / 2 - 32px);
    }
    
  }
@media (max-width: 780px) {
    .recherche input, .recherche select {
        width: 100%;
    }
    .recherche-icones {
        justify-content:space-betwween;
        width: 100%;
    }    
  }

@media (max-width: 580px) {
    .resultat-liste {
        width: calc(100%);
    }
  }


/* menu soeurs */
#elements_navigation {
    display:flex;
    justify-content:space-between;
    width:100%;
    margin:30px 0;
}

._element_navigation {
    display:block;
    width:33%;
    max-width:33%;
    text-decoration:none;
    color: #283032;
    background-color: #efefef;
    padding: 10px;
    transition: all 0.2s ease;
    background-repeat:no-repeat;
    border-radius: 4px;
    
    display:flex;
    align-items:center;
}
._element_navigation span {
    color:#283032;
    display: block;
    width: 100%;
    line-height: 1;
    font-weight: 500;
    font-size: 1.6rem;
    font-size: clamp(1.4rem, 1.0vw, 1.6rem);
}
._element_navigation:hover {
    background-color: #cfcfcf;
}
._element_navigation[data-type="prev"] {
    text-align:left;
    margin-right:10px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.667 14.9999c0 .9205-.7462 1.6667-1.6667 1.6667H5.00032c-.92047 0-1.66666-.7462-1.66666-1.6667 0-.9205.74619-1.6666 1.66666-1.6666H25.0003c.9205 0 1.6667.7461 1.6667 1.6666Z' fill='%23283032'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9288 5.07141c.6509.65087.6509 1.70615 0 2.35702L7.35735 14.9999l7.57145 7.5715c.6509.6509.6509 1.7062 0 2.357-.6508.6509-1.7061.6509-2.357 0l-8.74998-8.75c-.65088-.6508-.65088-1.7061 0-2.357l8.74998-8.74999c.6509-.65088 1.7062-.65088 2.357 0Z' fill='%23283032'/%3E%3C/svg%3E");
    background-position: 10px center;
    background-size: 20px; 
    padding-left:40px;
}
._element_navigation[data-type="next"] {
    text-align:right;
    margin-left:10px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.33301 15.0001c0-.9205.74619-1.6667 1.66666-1.6667H24.9997c.9205 0 1.6666.7462 1.6666 1.6667 0 .9205-.7461 1.6666-1.6666 1.6666H4.99967c-.92047 0-1.66666-.7461-1.66666-1.6666Z' fill='%23283032'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0712 24.9286c-.6509-.6509-.6509-1.7062 0-2.357l7.5714-7.5715-7.5714-7.57151c-.6509-.65087-.6509-1.70615 0-2.35702.6508-.65088 1.7061-.65088 2.357 0l8.75 8.75003c.6509.6508.6509 1.7061 0 2.357l-8.75 8.75c-.6509.6509-1.7062.6509-2.357 0Z' fill='%23283032'/%3E%3C/svg%3E");
    background-position: right 10px center;
    background-size: 20px; 
    padding-right:40px;    
}
._element_navigation[data-type="liste"] {
    justify-content:space-around;
}
._element_navigation[data-type="liste"] span {
    text-align:center;  
}

@media only screen and (max-width: 641px) {
  #elements_navigation {
      display:block;
  }
  ._element_navigation {
    width:100%;
    max-width:100%;
    margin:5px 0!important;
  }
}


/*liste docus */
.document {
    display:flex;
    align-item:center;
    justify-content:space-between;
    border-bottom:1px dotted #ccc;
    padding-bottom:10px;
    margin-bottom:10px;
}
@media (max-width: 800px) {
    .document {
        display:block;
    }
}

/* pages paragraphes */
.paragraphe-content {
    display:flex;
    align-items:center;
    justify-content:center;    
    gap:20px;
}

.paragraphe-col {

}

.paragraphe-content.col-1 .paragraphe-col {
    width:100%;
}

.paragraphe-content.col-2 .paragraphe-col {
    width:50%;
}

.paragraphe-content.col-3 .paragraphe-col {
    width:33%;
    height:100%;
}

.paragraphe-col-content {
     display:flex;
    flex-direction: column;   
 }
 
 .etape {
  flex: 1 1 auto; 
 }

@media (max-width: 800px) {
    .paragraphe-content {
        flex-direction:column;
    }
    .paragraphe-col {
        width:100%!important;
    }
}

.tel_cci_wrapper {
    display:flex;
    justify-content:flex-end;
}
.tel_cci {
    background-image: url("../images/assets/icones/phone.png");
    background-position: right center;
    background-size: 20px; 
    background-repeat:no-repeat;
    padding:5px;
    padding-right:30px;
    text-align:right;
    background-color:#fff;
    border-radius:8px;
    font-size: 14px;
    display: inline-block;
    color:#444;
      
}