*,
*::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: 300;
  font-family: 'Poppins', 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.6rem;
  font-size: clamp(1.4rem, 1.1vw, 1.6rem);
  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;
}

/* ==========================================================================
   Normalize
   ========================================================================== */

img {
	max-width: 100%;
}

main {
  display: block;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  outline: none;
}

/* ==========================================================================
   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,
.clearfix::after {
  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;
}


h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 3.4rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(2.6rem, 1.6vw, 3.4rem);
  font-weight: 500;
  margin: 0 0 15px 0;
  color: #0e3042;
} 

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

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


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

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

.btn {
    display:block;
    padding: 16px 24px;
    text-align:center;
    color:#fff; 
    
    background-color: #444;
    border-radius: 4px;
    transition:0.5s ease-in all;
}

.btn-vert {
    background-color: #8EC549;
}
.btn-vert:hover {
    background-color: #60971A;
}

.btn-bleu {
    background-color: #007FC3;
}
.btn-bleu:hover {
    background-color: #096495;
}

.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;
  display: flex;
  justify-content: space-between;
} */

/*
#topbar {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    z-index: 1000;
    transition: all 0.2s ease;
  }

#topbar.nav-down, #topbar.actualites--item{
    position: fixed;
}

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

*/

#topbar {
    position: absolute;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0px;
    transition: all 0.2s ease;
}

#topbar.nav-down,
#topbar.nav-up {
  position: fixed;
  padding: 0px;
  top:0;
  background-color: rgba(64, 63, 86, 0.25);
}

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

#topbar::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(64, 63, 86, 0.3)), to(rgba(64, 63, 86, 0)));
    background: -o-linear-gradient(top, rgba(64, 63, 86, 0.3) 0%, rgba(64, 63, 86, 0) 100%);
    background: linear-gradient(180deg, rgba(64, 63, 86, 0.3) 0%, rgba(64, 63, 86, 0) 100%);
    pointer-events: none;
}

#branding, #branding_responsive {
    background-color:#FFFFFF;
    text-align:right;
    width: 20%;
    min-width:270px;
}

#branding_responsive {
    display:none;
    margin-top:42px;
    padding-top:20px;
}

#branding a, #branding_responsive a {
  display: block;
  margin:20px;
}

#menusbar {
    background-color:#007FC3;
    width: 80%;
    display: flex;
    flex-direction:column;
}

#raccourcisbar {
    background-color:#005D8F;
    width: 100%;
    display:flex;
    justify-content: flex-end;
    padding-right:40px;
}

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

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

#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;
  width:100%;
  height:100%;
}

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

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


@media (max-width: 1025px) {
    #menusbar {
        width:100%;
    }    
    #topbar {
        width:100%;         
        flex-direction:column-reverse;
    }
    .header-bandeau {
        
    }
    
    #branding {
        display:none;
    }
    
    #branding_responsive {
        width:100%;
        text-align:center;
        display:block;
    }    
    
    #raccourcisbar {
        width:100%;
        padding-right:0px;
        
    }
    
    #raccourcisbar a span {
        display:none;
    }
    
    
}



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

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


@media (min-width: 1025px) {

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

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

  .main-nav__list, .main-lvl1-nav__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-around;
    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: #FFF;
    font-weight: 400;
    font-size: 2rem;
    font-size: clamp(1.8rem, 1.2vw, 2rem);
    text-transform:uppercase;
    white-space: nowrap;
    
  }

  .main-lvl1-nav__link:hover {
    color: #FAFAFA;
  }
  .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;
    
    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: #569DBB;
    font-weight: 400;
    padding: 5px 10px;
    border-radius: 4px;
    letter-spacing: -0.5px;
  }

  .main-lvl2-nav__link:hover {
    color: #254B6C;
    background-color: hsl(225, 3%, 90%);
  }
  
  .mm-spn.mm-spn--navbar:after {
    font-weight:400;
    color: #254B6C;
  }

  /* Menu LVL 3 */
  
  /* .main-lvl3-nav__list{
    list-style: none;
    padding: 0 0 0 10px;
    display: none;
  }
  .main-lvl2-nav__item:hover .main-lvl3-nav__list{
    display: block;
  } */
  
  .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: #569DBB;
    font-weight: 400;
    padding: 5px 10px;
    border-radius: 4px;
    letter-spacing: -0.5px;
  }
  .main-lvl3-nav__link:hover {
    color: #254B6C;
    background-color: hsl(225, 3%, 90%);
  }
}


.header-bandeau {
    background-color:#e9e9e9;
    width:100%;
    height:60vh;
    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%;
}

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

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

.header-bandeau-slogan {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(40px);
  
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:auto;
  z-index:99;
}

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

/* actus : element pour accueil dans index.css */
.form-page {
    margin-bottom: 10px;
}


#form_filtres_actus {
    width: 100%;
}

#form_filtres_actus .group-select {
    position: relative;
    margin: 10px 0;
    display:flex;
    background-color:#eee;
}

#form_filtres_actus .group-select > * {
    flex: none;
    /*width: calc(25% - 20px);*/
    width:auto;
    max-width: 100%;
    margin: 10px 5px 10px 10px;
    
}

#form_filtres_actus .group-field {
    
}


#form_filtres_actus select {
    display: block;
    color: #403F56;
    border-color: #403F56;
    min-width: 0;
    border-radius: 5px;
    padding-left:10px;
    min-height: 40px;
}
#form_filtres_actus input[type=text], #form_filtres_actus input[type=date] {
    color: #403F56;
    border: 1px solid #403F56;
    min-width: 0;
    border-radius: 5px;
    padding-left:10px;
    min-height: 40px;
}

#form_filtres_actus-submit {
    color: #FFF;
    background-color: #096495;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 40px;
    padding-left:10px;
    padding-right:10px;
}

#form_filtres_actus-submit:hover {
    background-color: #0e83c2;
}

#form_filtres_actus-reset {
    color: #FFF;
    background-color: #0e83c2;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    display:flex;
    justify-content:space-around;
    align-items:center;
    text-decoration:none;
    min-height: 40px;
    padding-left:10px;
    padding-right:10px;    
}

#form_filtres_actus-reset:hover {
    background-color: #096495;
}

#form_filtres_actus-reset span {
    color:#fff;
}

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

.suggestions .actualite__list {
    justify-content: center;
}

.list-wrap {
    flex-wrap: wrap;
}


.actualite__list .actualites--item {
    flex: none;
    margin: 0 10px 10px 10px;
    width: calc(25% - 20px);
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 10px;
    max-width: 285px;
    border-bottom:1px solid #ddd;
}


.actualites--item {
  margin: 0 0 5px 0;
  background-color: #FFF;
  border-radius: 4px;
  overflow: hidden; 
}

.actualites--item:hover .actualites--item-titre {
    color:#0e83c2;
}
.actualites--item img {
    transition: all 0.2s ease;
}
.actualites--item:hover img {
    transform: scale(1.05);
}





.actualites--item a {
    position:relative;
    text-decoration:none;  
    
    height: 100%;
    display: block; 
}

.actualites--item .image-wrapper {
    width:100%;
    height:240px;
    background-color:#F6f6f6;
    background-image:url('../images/logo.svg');
    background-repeat:no-repeat;
    background-position:center;
    background-size:50%;
}

.actualites--item .image-wrapper picture {
  display: block;
  width: 100%;
  height: 100%;
}

.actualites--item .image-wrapper picture img {
  width: 100%;
}

@supports (object-fit: cover) {
  /* IF object-fit IS SUPPORTED */
  .actualites--item .image-wrapper picture img {
    height: 100%;
    object-fit: cover;
    object-position: top center;
  }
}

.actualites--item-content {
    padding:25px 15px;
    position:relative;
}

.actualites--item-theme {
    color:#fff;
    padding:4px 8px;
    font-size:14px;
    border-radius:4px;
    position:absolute;
    top:-15px;
    
    background-color:#8EC549;
}

.actualites--item-titre {
    color:#000;
    font-size:18px;
    font-weight:400;
    margin:5px 0;
}

.actualites--item-texte {
    color:#000;
    font-size:14px;
}

.actualites--item-date {
    font-size:14px;
    text-align:right;
    color:#8EC549;
    
    position: absolute;
    bottom: 5px;
    right: 10px;
    margin-top:15px;
}


/* agenda : element pour accueil dans index.css */

#evenements__list {
    margin-bottom:10px;
    display: flex;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;    
}

/* .evenements__list_suggestions{
    justify-content: center;
} */

/* .agenda--item-suggestions{
    flex: none;
    width: 25%;
} */

#evenements__list  .agenda--item {
    flex: none;
    width: calc(33% - 20px);
    /* flex: 1; */
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 5px 10px;
    border-bottom: 1px solid #ddd;
}

.agenda--item {
  margin: 0 0 5px 0;
  background-color: #FFF;
  border-radius: 4px;
  overflow: hidden; 
}

.agenda--item a {
    position:relative;
    text-decoration:none;  
    
    height: 100%;
    display: block; 
}

.agenda--item .image-wrapper {
    width:100%;
    height:240px;
    background-color:#F6f6f6;
    background-image:url('../images/logo.svg');
    background-repeat:no-repeat;
    background-position:center;
    background-size:50%;
}

.agenda--item .image-wrapper picture {
  display: block;
  width: 100%;
  height: 100%;
}

.agenda--item .image-wrapper picture img {
  width: 100%;
}



@supports (object-fit: cover) {
  /* IF object-fit IS SUPPORTED */
  .agenda--item .image-wrapper picture img {
    height: 100%;
    object-fit: cover;
    object-position: top center;
  }
}

.agenda--item-content {
    padding:12px 16px;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(40px);
    /* Note: backdrop-filter has minimal browser support */
    
    border-radius: 0px 0px 4px 4px;
    
}



.agenda--item-titre {
    color:#fff;
    font-size:18px;
    font-weight:400;
    margin-top:5px;
}

.agenda--item-date {
    padding:4px 8px;
    font-size:14px;
    border-radius:4px;
    text-align:center;
    background-color:#007FC3;
    color:#fff;
    
    
    position: absolute;
    top: 10px;
    right: 10px;
    
}

.agenda--item-theme {
    color:#fff;
    padding:4px 8px;
    font-size:14px;
    border-radius:4px;
    position:absolute;
    background-color:#8EC549;
    margin:-25px 15px 10px 0;
    display:inline-block;
}

@media (max-width: 1200px) {

    .actualite__list {
        flex-wrap: wrap;
    }
 
    .scroll-snap.actualite__list {
        display: flex;
        width: calc(100% + 20px);
        margin: 0;
        padding-bottom: 5px;
        flex-wrap: nowrap;
        /* Active la force d'adhérence sur l'axe des X */
         scroll-snap-type: x mandatory;
        /* Affiche la barre de défilement */
        overflow-x: scroll;
    }
    .actualite__list .actualites--item {
        flex: none;
        width: calc(50% - 20px);
        margin: 0 10px 20px 10px;
        /*max-width: 460px;*/
        max-width: none;
    }
    .scroll-snap.actualite__list > * {
        width: 280px;
        margin: 0 20px 0 0;
        /* Aligne le défilement au centre */
        scroll-snap-align: start;
    }
    .see-more-actualites__link-label, .see-more-evenements__link-label {
        left: 10px;
        right: 10px;
    }
    
    #evenements__list .agenda--item {
        flex: none;
        width: calc(50% - 20px);
        margin: 0 10px 20px 10px;
        max-width: none;
    }    
}

@media (max-width: 800px) {
    #form_filtres_actus .group-select {
        display:block;
        padding:10px;
    }
    #form_filtres_actus .group-select > * {
        width:100%;
        margin:10px 0;
    }
}


@media (max-width: 609px) {
	/* XS: smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    .actualite__list .actualites--item {
        width: 100%;
        margin: 0 0 20px 0;
        max-width: none;
    }
    .scroll-snap.actualite__list > * {
        width: 70%;
    }
    
    #evenements__list .agenda--item {
        width: 100%;
        margin: 0 0 20px 0;
        max-width: none;
    }
}

/* reunion */
.reunion--item {
  margin: 0 0 5px 0;
  /*background-color: rgba(200,200,200,0.5);*/

  overflow: hidden;
  display:flex;

  display:flex; 
  align-items:center; 
  justify-content:space-between;
}

.reunion--item-date {
    background-image:url('../images/calendar-reunion.svg');
    background-repeat:no-repeat;
    background-position: left center;
    background-size:30px;
    height:30px;
  border-radius: 4px;
  padding:4px;    
    padding-left:40px;
    margin-right:10px;
}

.reunion--item-titre {
    
}

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

.breadcrumb__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
    margin:20px 0;
    background-color: #E6F6FF;
    border-radius: 4px; 
    padding:10px;  
}

.breadcrumb__item {
  display: flex;
  align-items: center;
  color: #007FC3;
  font-size: 1.2rem;
  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: #007FC3;
  line-height: 1;
  font-weight: 600;
}
.breadcrumb__item a {
	color:#007FC3;
}
.breadcrumb__item a:hover{
	color:#007FC3;
}

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

.breadcrumb__item > a:hover {
  opacity: 0.6;
}



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

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

}

.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:14px;
}

#footer-col-logo {
    text-align:center;
}

#logo-footer {
    width:80px;
    height:80px;
    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: #005D8F;
}
#footer-bas .container {
    display:flex;
    justify-content:space-between;
    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: #444444;
}
#search-cancel:hover {
    background-color: #EE743B;
}     

/*----------------- ACTUALITES -------------------*/

.entete-actus {
    display:flex;
    justify-content:flex-start;
    margin-bottom: 10px;
    width:100%;
}



.suggestions {
    background-color: #F3F3F7!important;
    padding: 30px 0;
}

.suggestions h2 {
    text-align: center;
    background-color: #F3F3F7;
}

.suggestions .see-more-actualites__link,  .suggestions .see-more-evenements__link{
    display: inline-block;
}



.soustitre-actus {
    font-weight: 400;
    font-size: 2.0rem;
    color: #9063A7;
    float: left;
    margin: 0 10px 0 0;
}

.date-publication {
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1;
    margin: 5px 0;
}

.page-detail-actus, .page-detail-evenements {
    margin-top: 0;
}

.layout-2-col {
    display: flex;
    flex-direction: row-reverse;

}

.page-detail-actus.layout-2-col .left-col,.page-detail-evenements.layout-2-col .left-col {
    flex: auto;
}
.layout-2-col .left-col, .layout-2-col .right-col {
    width: calc(50% - 20px);
    flex: calc(50% - 20px) 0 0;
}

.page-detail-actus.layout-2-col .right-col, .page-detail-evenements.layout-2-col .right-col {
    flex: none;
    display: flex;
    flex-direction: column;
    width: 360px;
    /*background-color: #F3F3F7;*/
    padding: 20px 10px;
    border-radius: 10px;
}

.page-detail-actus.layout-2-col .left-col, .page-detail-evenements.layout-2-col .left-col {
    flex: auto;
}

@media (max-width: 1025px) {
	.layout-2-col {
		flex-direction: column-reverse;
		/*margin: 20px 0;*/
	}
	.layout-2-col .left-col,
	.layout-2-col .right-col {
		width: 100%;
		margin: 0;
	}
	.page-detail-actus.layout-2-col .right-col, .page-detail-evenements.layout-2-col .right-col {
		width: 100%;
		margin: 20px 0 0 0;
        display:flex;
        justify-content:space-between;
        flex-direction:row;
	}
    
    .right-col .col-infos {
        width:40%;
    }
    .right-col .flux-rs--wrapper {
        width:55%;
    }    
}   

@media (max-width: 800px) {

	.page-detail-actus.layout-2-col .right-col, .page-detail-evenements.layout-2-col .right-col {
		display:block;        
	}
    
    .right-col .col-infos {
        width:100%;
    }
    .right-col .flux-rs--wrapper {
        width:100%;
    }    
}    
 

.share-list {
    list-style: none;
    padding: 0;
    margin: 5px 0;
    display: flex;
}

.offre__entete .share-list {
    margin: 0 0 0 15px;
}

.share-list li {
    margin: 0 5px 5px 0;
}

.share-list a {
    display: block;
    background-color: #E0E0EB;
    padding: 5px;
    border-radius: 5px;
    transition: all 0.2s ease;
}

.share-list a:hover {
    opacity: 0.8;
    background-color: #FFF;
}

.tag-list {
    list-style: none;
    padding: 0;
    margin:5px 0;   
    display: flex;
    flex-wrap: wrap;
}

.tag-list li {
    margin: 0 5px 5px 0;
}

.tag-list a {
    display: block;
    padding: 4px 8px;
    border-radius: 4px;
    text-decoration: none;
    line-height: 1;
    transition: all 0.2s ease;
   
    color: #fff;
    font-size: 14px;
    background-color: #8EC549;    
}

.tag-list a:hover {
    color: #FFFFFF;
    background-color: #9ee645;
}

.flux-rs {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 0 15px 0;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.flux-rs iframe {
    display: block;
    margin: auto;
}

.page-detail-actus .link-list a, .page-detail-evenements .link-list a {
    margin-top: 10px;
    background-color: #FFFFFF;
    width: 100%;
    justify-content: flex-start;
}

.page-detail-actus .link-list a:hover, .page-detail-evenements .link-list a:hover {
    color: #FFF;
    background-color: #403F56;
}

.page-detail-actus .link-list a.icon-plus:hover:before, .page-detail-evenements .link-list a.icon-plus:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.229 4.614a.729.729 0 0 0-1.458 0H9.23ZM7.77 12.386a.729.729 0 1 0 1.458 0H7.77ZM4.614 7.77a.729.729 0 0 0 0 1.458V7.77Zm7.772 1.458a.729.729 0 1 0 0-1.458V9.23ZM7.77 4.614v7.772H9.23V4.614H7.77ZM4.614 9.23h7.772V7.77H4.614V9.23Zm0-7.772h7.772V0H4.614v1.457Zm10.929 3.157v7.772H17V4.614h-1.457Zm-3.157 10.929H4.614V17h7.772v-1.457ZM1.457 12.386V4.614H0v7.772h1.457Zm3.157 3.157a3.157 3.157 0 0 1-3.157-3.157H0A4.614 4.614 0 0 0 4.614 17v-1.457Zm10.929-3.157a3.157 3.157 0 0 1-3.157 3.157V17A4.614 4.614 0 0 0 17 12.386h-1.457ZM12.386 1.457a3.157 3.157 0 0 1 3.157 3.157H17A4.614 4.614 0 0 0 12.386 0v1.457ZM4.614 0A4.614 4.614 0 0 0 0 4.614h1.457a3.157 3.157 0 0 1 3.157-3.157V0Z' fill='%23FFF'/%3E%3C/svg%3E");
}

.js-carrousel--wrapper {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background-color: #F3F3F7;
}

.nb-photo {
    position: absolute;
    left: 10px;
    top: 10px;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    line-height: 1;
    color: #FFF;
    padding: 6px 8px;
    background-color: rgba(0,0,0, 0.4);
    backdrop-filter: blur(20px);
    /* Note: backdrop-filter has minimal browser support */
    border-radius: 5px;
    pointer-events: none;
}

.nb-photo::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background-image: url('../images/assets/icon-photo-15x.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.image-legende {
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    line-height: 1;
    color: #FFF;
    padding: 6px 8px;
    background-color: rgba(64, 63, 86, 0.4);
    backdrop-filter: blur(20px);
    /* Note: backdrop-filter has minimal browser support */
    border-radius: 5px;
    pointer-events: none;
}



.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #00A9CE;
}

.lg-outer .lg-thumb-outer,
.lg-outer .lg-toogle-thumb {
    background-color: #2C2B3B;
}

.lg-sub-html,
.lg-toolbar {
    background-color: rgba(44, 43, 59, 0.5);
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(44, 43, 59, 0.5);
}

.lg-backdrop {
    background-color: rgba(64, 63, 86, 0.8);
}

.lSAction > a {
    opacity: 1;
    background-image: url('../images/assets/arrow-right-30x.svg');
    border-radius: 5px;
    background-color: rgba(64, 63, 86, 0);
}

.lSAction > a:hover {
    opacity: 1;
    background-color: rgba(64, 63, 86, 0.6);
}

.lSAction > .lSPrev {
    background-image: url('../images/assets/arrow-left-30x.svg');
    background-position: center;
    background-size: contain;
    transition: all 0.2s ease;
}

.lSAction > .lSNext {
    background-position: center;
    background-size: contain;
    transition: all 0.2s ease;
}


/* bandeau haut */
.bandeau {
    position: relative;
    height: 100%;
    padding-bottom: unset!important;
    background-color: #403F56;
    overflow: hidden;
}

.bandeau__item {
    height: 100%;
}

.bandeau__picture {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.bandeau__picture img {
    display: block;
    width: 100%;
}

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

.bandeau__left-bottom {
    position: absolute;
    right: 20px;
    bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 38%;
}
@media (max-width:350px){
    .bandeau__left-bottom{
        bottom: 55px;
    }
}

.bandeau__credits,
.bandeau__link {
    display: inline-block;
    padding: 2px 4px;
    margin: 0;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.7rem;
    color: #FFFFFF;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.bandeau__credits {
    text-align: right;
    background-color: rgba(64, 63, 86, 0.4);
}

.bandeau__link {
    text-align: left;
    text-decoration: none;
    margin-top: 5px;
    background-color: rgba(71, 166, 198, 0.9);
    transition: all 0.2s ease;
}

.bandeau__link:hover {
    background-color: rgba(34, 151, 126, 0.9);
}


/* ------------------------
    DOCUMENTS
------------------------ */

.filtre-document {
    display: flex;
    width:100%;
}



.filtre-document form {
    padding: 10px;
    border-radius: 4px;
    background-color: #F3F3F7;
    width:100%;
}

.filtre-document .group-input {
    margin:5px 0;
}

.filtre-document .group-input > * {
    width: 265px;
    max-width: 265px;
    margin: 0;
}

.filtre-document .group-input > * + * {
    margin-left: 10px;
}

.filtre-document input[type='submit'], .filtre-document ._btn_reset {
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 5px;
    width: auto;
    border: none;
    color: #FFF;
    background-color: #403f55;
    transition: all 0.2s ease;
    display:block;
}

.filtre-document ._btn_reset {
    display:block;
    text-decoration:none;
}

.filtre-document input[type='submit']:hover, .filtre-document ._btn_reset:hover {
    background-color: hsl(243, 15%, 19%);
}

.cat-document__list,
.document__list {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 10px 0 20px 0;
    padding: 0;
    border-radius: 15px;
    background-color: #F3F3F7;
}

.cat-document__item,
.document__item {
    position: relative;
    z-index: 1;
    margin: 10px;
    padding: 0;
    width: calc(25% - 20px);
}

.document__item {
    width: calc(20% - 20px);
}

.document__item::before {
    content: '';
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0;
    background-color: rgba(64, 63, 86, 0.4);
    background-position: center;
    background-size: 60%;
    background-repeat: no-repeat;
    border-radius: 6px;
    max-width: 50px;
}

.document__item.type-application--pdf::before {
    padding: 10%;
    background-size: 50%;
    background-image: url('../images/assets/type-pdf.svg');
}

.document__item[class*="image"]::before {
    padding: 10%;
    background-size: 65%;
    background-image: url('../images/assets/type-img.svg');
}

.document__item.type-application--msword::before {
    padding: 10%;
    background-image: url('../images/assets/type-docx.svg');
}
.document__item.type-application--msword .document__image {
    background-color: #47A6C6;
}

.document__item.type-application--vnd-ms-powerpoint::before {
    padding: 10%;
    background-image: url('../images/assets/type-pptx.svg');
}
.document__item.type-application--vnd-ms-powerpoint .document__image {
    background-color: #EE6F5B;
}

.document__item.type-application--vnd-ms-excel::before {
    padding: 10%;
    background-image: url('../images/assets/type-xls.svg');
}
.document__item.type-application--vnd-ms-excel .document__image {
    background-color: #75BB9C;
}

.cat-document__link,
.document__link {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
    color: #FFF;
    font-size: 2.4rem;
    font-size: clamp(1.8rem, 1.3vw, 2.4rem);
    line-height: 1;
    font-weight: 700;
    border-radius: 15px;
}

.document__link {
    padding-bottom: 130%;
    font-size: 1.8rem;
    font-size: clamp(1.6rem, 1.1vw, 1.8rem);
}

.cat-document__image,
.document__image {
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 15px;
    text-align: center;
    text-shadow: 0px 2px 2px rgb(0 0 0 / 25%);
    background-color: #fff;
    background-image: url(../images/assets/pattern-defaut.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.cat-document__titre {

    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1;
    padding: 4px 6px;
    background-color: rgba(255,255,255, 0.9);
    color:#444;
    /*backdrop-filter: blur(20px)*/
    border-radius: 6px;
    text-align: center;
    width:96%; 
}

.cat-document__image::before,
.document__image::before {
    content: '';
    position: absolute;
    z-index: -1;

    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(64, 63, 86, 0.9)), to(rgba(64, 63, 86, 0)));
    background: -o-linear-gradient(top, rgba(64, 63, 86, 0.9) 0%, rgba(64, 63, 86, 0) 100%);
    background: linear-gradient(180deg, rgba(64, 63, 86, 0.9) 0%, rgba(64, 63, 86, 0) 100%);
    transition: all 0.2s ease;
}

.cat-document__item:hover .cat-document__image::before,
.document__item:hover .document__image::before  {
    background-color: rgba(0, 0, 0, 0.25);
}

.new-item .document__date {
    transform: translateY(-100%);
    bottom: 15px;
}

.document__date {
    position: absolute;
    z-index: 0;
    left: 10px;
    top: 10px;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1;
    padding: 4px 6px;
    background: rgba(64, 63, 86, 0.4);
    backdrop-filter: blur(20px);
    border-radius: 6px;
}
.document__titre {
    position: absolute;
    z-index: 0;
    left: 3%;
    bottom: 10px;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1;
    padding: 4px 6px;
    background-color: rgba(64, 63, 85, 0.9);
    /*backdrop-filter: blur(20px)*/
    border-radius: 6px;
    text-align: center;
    width:96%;    
}


.new-item::after {
    content: 'Nouveau';
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
    font-weight: 500;
    line-height: 1;
    color: #FFFFFF;
    background: #DB5D7E;
    padding: 6px 30px 6px 12px;
    border-radius: 4px 4px 4px 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 1.28 5.692 4.906l-.003.01a1.265 1.265 0 0 1-1.184.813H1.307l2.288 2.06c.4.324.564.862.406 1.355l-.834 3.537a.625.625 0 0 1-.01.034l.009-.005 3.117-1.979a1.272 1.272 0 0 1 1.434 0l3.117 1.979.008.005a.55.55 0 0 1-.009-.034L10 9.143a1.252 1.252 0 0 1 .406-1.356l2.288-2.06H9.495c-.522 0-.996-.32-1.184-.812l-.004-.01L7 1.28ZM5.816.814C6.228-.27 7.772-.27 8.184.813l.003.01 1.31 3.632h3.233c1.175 0 1.735 1.479.8 2.232l-2.288 2.06a.631.631 0 0 1-.026.022c.006.017.01.035.015.053l.834 3.536c.38 1.165-.954 2.083-1.923 1.418l-3.117-1.978A.538.538 0 0 1 7 11.782a.533.533 0 0 1-.025.016l-3.117 1.978c-.969.665-2.303-.253-1.922-1.418l.833-3.536a.635.635 0 0 1 .015-.053.625.625 0 0 1-.026-.023L.471 6.686c-.936-.752-.376-2.231.799-2.231h3.232L5.812.823l.004-.01ZM7 11.782Z' fill='%23fff'/%3E%3C/svg%3E");
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size: 16px;
}
@media (max-width: 1281px) {
    .document__item {
        width: calc(25% - 20px);
    }
}
@media (max-width: 1001px) {
    .cat-document__item,
    .document__item {
        width: calc(33.33% - 20px);
    }
}
@media (max-width: 801px) {
    .filtre-document form {
        width: 100%;
    }
    .filtre-document .group-input {
        flex-direction: column;
    }
    .filtre-document .group-input > * {
        width: 100%;
        max-width: 100%;
    }
    .filtre-document .group-input > * + * {
        margin-left: 0;
        margin-top: 10px;
    }
    .cat-document__item,
    .document__item {
        width: calc(50% - 20px);
        margin-bottom:20px;
    }
}
/*
@media (max-width: 609px) {
    .cat-document__item,
    .document__item {
        width: 100%;
    }
}
*/

/* 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 #096495;
	margin: 0 7.5px;
    transition:all 0.5s ease-in; 
}

.pagination__item.active {
	color: #FFF;
	background-color: #096495;
}

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

.pagination__item:hover {
	color: #FFF;
	background-color: #007FC3;
}


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