/* --- FEUILLE DE STYLE --- */

/* ////////////////////////////////////////////////////////////////////////////

	Mondeville // CSS
	NetConception 2021
	
//////////////////////////////////////////////////////////////////////////// */

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Extrabld.eot');
  src: url('../fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'),
       url('../fonts/ProximaNova-Extrabld.woff') format('woff'),
       url('../fonts/ProximaNova-Extrabld.ttf') format('truetype'),
       url('../fonts/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

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

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


.responsiveOnly{
	display:none;
}
.desktopOnly{
	display:block;
}
.lampeAladdin{
	position:absolute;
	bottom:04px;
	right:-40px;
	max-height:30px;
}
.actus-section-lateral{
	margin-top:40px;
}

html {
  color: #333333;
  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: 'Roboto Condensed', sans-serif;
}

body {
  background: #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;
}

/*
 * 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: #9fa0a0;
  color: #FFF;
  text-shadow: none;
}

::selection {
  background: #9fa0a0;
  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%;
	height:auto;
}
/*
.page-content .actus-item__image  img {
	max-width: 100%;
	height:auto!important;
}
/**/

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

.showListe {
  display: block !important;
/*  height:auto;
  transition: all 0.2s ease;
}
.hideListe {
  display: none;
  height:0;/**/
}

/*
 * 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;
}
.isInvisible {
  display:none;
}

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

.container {
	width: 1370px;
	margin: auto;
}

h1 {
  font-size: 3.0rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(2.0rem, 1.6vw, 3.0rem);
  font-weight: 400;
  letter-spacing: -1px;
  text-transform: uppercase;
}

.wordpress-editor h2 {
  font-size: 2.0rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.6rem, 1.1vw, 2.0rem);
  font-weight: 700;
  letter-spacing: 1px;
}

.page-content.color-blue h2 {
  color: #009DE0;
}
.page-content.color-green h2 {
  color: #9DBF13;
}
.page-content.color-pink h2 {
  color: #E1007A;
}
.page-content.color-orange h2 {
  color: #F08A01;
}



.page-content.color-blue hr {
  border:1px solid #009DE0;
}
.page-content.color-green hr {
  border:1px solid #9DBF13;
}
.page-content.color-pink hr {
  border:1px solid #E1007A;
}
.page-content.color-orange hr {
  border:1px solid #F08A01;
}



.page-content.color-blue .backgroundcolor {
  background-color: #009DE0!important;
  color:white!important;
}
.page-content.color-green .backgroundcolor {
  background-color: #9DBF13!important;
  color:white!important;
}
.page-content.color-pink .backgroundcolor {
  background-color: #E1007A!important;
  color:white!important;
}
.page-content.color-orange .backgroundcolor {
  background-color: #F08A01!important;
  color:white!important;
}
/*
.color-blue .secondary-lvl1-nav__link {
  color: #009DE0;
}
.color-green .secondary-lvl1-nav__link {
  color: #9DBF13;
}
.color-pink .secondary-lvl1-nav__link {
  color: #E1007A;
}
.color-orange .secondary-lvl1-nav__link {
  color: #F08A01;
}/**/
h2.intro {
  font-size: 2.0rem !important;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.8rem, 1.1vw, 2rem)!important;
  color: #333333!important;
}


.page-content.color-blue .wordpress-editor a {
  color: #009DE0;
}
.page-content.color-green .wordpress-editor a {
  color: #9DBF13;
}
.page-content.color-pink .wordpress-editor a {
  color: #E1007A;
}
.page-content.color-orange .wordpress-editor a {
  color: #F08A01;
}

.wordpress-editor h3 {
  display: inline-block;
  font-size: 1.8rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.4rem, 1.1vw, 1.8rem);
  font-weight: 300;
  color: #FFF;
  background-color: #333;
  padding: 4px 8px;
}

.wordpress-editor p,
.wordpress-editor span,
.wordpress-editor div,
.wordpress-editor li {
  font-size: 1.6rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.6rem, 0.9vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.4;  
  font-family: Arial, sans-serif;
}
.ligneActu h3{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.ligneActu{
  font-family: Arial, sans-serif;
  font-size: clamp(1.6rem, 0.9vw, 1.6rem);
  margin:10px 00px 0px 00px;  
  
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.4;
}
.ligneActu div[dir=auto]{  
  margin:5px 0px 20px 0px;
}
.wordpress-editor a {
  color: #E1007A;
  text-decoration: underline;
  font-weight: 400;
}

.wordpress-editor table {
  width: 100%;
  border-spacing: 0;
  font-size: 1.4rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.2rem, 0.8vw, 1.4rem);
  font-weight: 400;
}

.wordpress-editor thead,
.wordpress-editor thead tr {
  background-color: #333;
}

.wordpress-editor th {
  text-align: left;
  color: #FFF;
  padding: 10px;
}

.wordpress-editor tr {
  background-color: #F9F9F9;
}

.wordpress-editor tbody tr:nth-child(even) {
  background-color: #FFF;
}

.wordpress-editor tbody td {
  border-bottom: 1px solid #C4C4C4;
}

.wordpress-editor td {
  padding: 10px;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

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

.topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  max-width: 1920px;
  margin: auto;
}

.branding {
  display: inline-block;
  margin: 0 20px 0 0;
}

.baseline {
  margin: 0;
}

.baseline img {
  display: block;
}

.header-infos {
  display: flex;
  align-items: center;
}

.header-infos a:hover , .header-infos button:hover {
  opacity: 0.6;
}

.header-infos a > img, .header-infos button > img {
  min-width: 25px;
  width: clamp(25px, 2.0vw, 36px);
}

.header-infos > * + * {
  margin-left: 20px;
  margin-left: clamp(10px, 1.1vw, 20px);
}

.horaires {
  text-transform: uppercase;
  font-size: 2.0rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.4rem, 1.1vw, 2.0rem);
  font-weight: 300;
  letter-spacing: -0.5px;
  margin-top: 0;
  margin-bottom: 0;
}

.horaires span {
  font-weight: 700;
}

.rs-list {
  display: flex;
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

header .rs-list > li + li {
  margin-left: 20px;
  margin-left: clamp(10px, 1.1vw, 20px);
}

.rs-list li a {
  display: block;
  min-width: 25px;
  width: clamp(25px, 2.0vw, 36px);
}

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

.header-bandeau {
  position: relative;
  z-index: 9999;
  /* Le padding haut/bas gère la hauteur du bandeau */
  padding: 8% 0;
  /* clamp(MIN, VAL, MAX) */
  padding: clamp(60px, 8%, 145px) 0;
}

.page .header-bandeau {
  /* Le padding haut/bas gère la hauteur du bandeau */
  padding: 5% 0;
  /* clamp(MIN, VAL, MAX) */
  padding: clamp(20px, 5%, 100px) 0;
  max-height:300px;
  height:300px;
  /*overflow:hidden;*/
  background-color: #009DE0;
}

.header-bandeau .lSSlideOuter {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 300px;
  overflow: hidden;
}

.header-bandeau .lSSlideOuter::after {
  content: '';
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 150px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}

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

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

.js-slider-fade--wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

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

/*----------------- HEADER ACTIONS (SEARCH) */

.header-actions {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 670px;
  padding: 0 20px;
  margin: auto;
}

.form-search {
  display: flex;
  min-height: 40px;
  height: 4vw;
  max-height: 50px;
  background-color: #FFFFFF;
  border-radius: 100px;
  padding: 0 20px;
  margin: 0 0 20px 0;
}

.form-search__input {
  width: 100%;
  height: 100%;
  border: none;
  font-size: 1.8rem;
  color: #333333;
  background-color: transparent;
  padding: 0 10px 0 0;
}

.form-search__submit {
  flex: none;
  min-width: 20px;
  width: 1.6vw;
  max-width: 30px;
  height: 100%;
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  transition: all 0.2s ease;
}

.form-search__submit:hover {
  opacity: 0.6;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333333;
  opacity: 1; /* Firefox */
  font-size: 1.8rem;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333333;
  font-size: 1.8rem;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #333333;
  font-size: 1.8rem;
}

.list-search {
  display: flex;
  align-items: center;
  justify-content: center;
}

.list-search__item {
  position: relative;
  margin: 0 10px;
}

.list-search__item .label {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 10;
  text-align: left;
  padding: 6px;
  margin: 0;
  background-color: #FFF;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  min-width: 260px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

.list-search__item .label::after {
  content: '';
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  display: block;
  margin: auto;
  width: 14px;
  height: 14px;
  background-image: url('../images/assets/chevron-14x.svg');
  background-size: contain;
  background-position: center;
  background-repeat: repeat;
}

.list-search__item .label img {
  margin-right: 10px;
}

.list-search__item .label span {
  font-size: 1.6rem;
  font-weight: 400;
  padding: 0 20px 0 0;
}


#jeSuis:hover ul,
#boutonLiensProfils:hover ul,
#boutonLiensProfils.isActive ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  padding-top: 38px;
}

.list-search__item.is-hovered .label,
.list-search__item.isActive .label  {
  z-index: 10;
}

#boutonLiensProfils.isActive .label {
  z-index: 10;
}

.list-search__item ul {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  list-style: none;
  padding: 10px 0;
  margin: 0;
  background-color: #FFF;
  padding-top: 28px;
  transition: all 0.2s ease;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.list-search__item ul a {
  display: block;
  color: #333333;
  padding: 4px 10px;
  font-size: 1.6rem;
}

.list-search__item ul a:hover {
  color: #000000;
  background-color: #EEEEEE;
}

/*----------------- MAIN NAVIGATION */

.main-lvl1-nav__link {
  font-family: 'Proxima Nova', sans-serif;
}

.mm-spn.mm-spn--navbar:after {
  opacity: 1;
  font-family: 'Proxima Nova', sans-serif;
}

@media (min-width: 1025px) {

  .main-nav {
    background-color: #EEEEEE;
  }

  .main-nav__list {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  /* LVL 1 */

  .main-lvl1-nav__item {
    margin: 0 20px;
    margin: 0 clamp(10px, 1.1vw, 20px);
  }

  .main-lvl1-nav__link {
    position: relative;
    display: block;
    color: #333333;
    font-size: 3.0rem;
    /* clamp(MIN, VAL, MAX) */
    font-size: clamp(2.0rem, 1.6vw, 3.0rem);
    line-height: 2.0rem;
    padding: 18px 0 12px 0;  
  }

  .main-lvl1-nav__link::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -3px;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background-color: #333333;
    transition: all 0.2s ease;
  }

  .main-lvl1-nav__item:hover .main-lvl2-nav__list {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .main-lvl1-nav__item:hover .main-lvl1-nav__link::after {
    background-color: #FFF;
    z-index: 11;
  }

  /* LVL 2 */

  .color-green .main-lvl2-nav__list {
    background-color: rgba(156, 190, 19, 0.97);
  }
  .color-pink .main-lvl2-nav__list {
    background-color: rgba(225, 0, 122, 0.97);
  }
  .color-blue .main-lvl2-nav__list {
    background-color: rgba(0, 157, 224, 0.97);
  }
  .color-orange .main-lvl2-nav__list {
    background-color: rgba(240, 138, 1, 0.97);
  }

  .main-lvl2-nav__list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 1000;
    left: 0;
    right: 0;
    display: block;
    column-count: 4;
    /*
    column-gap: 4%;
    */

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    padding: 40px 15vw;
    padding:  clamp(10px, 2.1vw, 40px) 15vw;
    transition: all 0.2s ease;
  }

  .main-lvl2-nav__item {
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    margin: 0 0 20px 0;
  }

  .main-lvl2-nav__link {
    display: inline-block;
    color: #FFFFFF;
    font-size: 2.0rem;
    /* clamp(MIN, VAL, MAX) */
    font-size: clamp(1.6rem, 1.1vw, 2.0rem);
    font-weight: 700;
  }

  .main-lvl2-nav__link:hover {
    transform: translate(5px);
    text-shadow: 0 0 10px rgba(0,0,0,0.25);
  }

  /* LVL 3 */

  .main-lvl3-nav__list {
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0;
  }
  

  .main-lvl3-nav__item {
    margin: 10px 0;
  }

  .main-lvl3-nav__link {
    display: inline-block;
    color: #FFFFFF;
    font-size: 1.8rem;
    /* clamp(MIN, VAL, MAX) */
    font-size: clamp(1.4rem, 1.1vw, 1.8rem);
    font-weight: 300;
    opacity: 0.95;
  }

  .main-lvl3-nav__link:hover {
    transform: translate(5px);
    text-shadow: 0 0 10px rgba(0,0,0,0.25);
  }

  /* AJOUT / ADAPTATIONS BEN */
  .menu-item-lvl-2 {
    margin-bottom:15px;
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;                      /* Actually FF 20+ */
  }
  /**/
}

.action-menu-resp {
  display: none;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  color: #333;
  background-color: #EEE;
  letter-spacing: -1px;
  padding: 5px 10px 7px 10px;
  font-weight: 400;
  font-size: 2.4rem;
  background-image: url("data:image/svg+xml,%3Csvg width='400' height='4' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23009DE0' d='M0 0h100v4H0z'/%3E%3Cpath fill='%239DBF13' d='M100 0h100v4H100z'/%3E%3Cpath fill='%23E1007A' d='M200 0h100v4H200z'/%3E%3Cpath fill='%23F08A01' d='M300 0h100v4H300z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-position: center bottom;
}

.action-menu-resp:hover {
  background-color: #FFF;
}

.action-menu-resp img {
  width: 25px;
}

.action-menu-resp .label {
  margin-right: 10px;
}

.color-green:hover .main-lvl1-nav__link {
  color: #9DBF13;
}
.color-pink:hover .main-lvl1-nav__link {
  color: #E1007A;
}
.color-blue:hover .main-lvl1-nav__link {
  color: #009DE0;
}
.color-orange:hover .main-lvl1-nav__link {
  color: #F08A01;
}

.color-green .main-lvl1-nav__link::after {
  background-color: #9DBF13;
}
.color-pink .main-lvl1-nav__link::after {
  background-color: #E1007A;
}
.color-blue .main-lvl1-nav__link::after {
  background-color: #009DE0;
}
.color-orange .main-lvl1-nav__link::after {
  background-color: #F08A01;
}

/* /////////////////////////////////////////////////

  HOME CONTENU

///////////////////////////////////////////////// */


.home-container {
  max-width: 1920px;
  padding: 0 40px;
  /* clamp(MIN, VAL, MAX) */
  padding: 0 clamp(20px, 2.1vw, 40px);
  margin: 40px auto;
  /* clamp(MIN, VAL, MAX) */
  margin: clamp(20px, 2.1vw, 40px) auto;
}

.home-col {
  display: flex;
  margin-top: 0;
  margin-right: -10px;
  margin-bottom: 40px;
  margin-bottom: clamp(20px, 2.1vw, 40px);
  margin-left: -10px;
}

.home-col > * {
  margin: 0 10px 0 10px;
}

.entete-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  /* clamp(MIN, VAL, MAX) */
  margin-bottom: clamp(10px, 1.1vw, 20px);
}

.home-titre {
  font-size: 3.0rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(2.0rem, 1.6vw, 3.0rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -1px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  position:relative;
}
h2.home-titre-aladdin::after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    background-image: url(../images/lampe-magique.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.see-more {
  display: inline-block;
  font-size: 1.6rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.2rem, 0.9vw, 1.6rem);
  font-weight: 400;
  line-height: 1;
  border: 1px solid #333;
  color: #333;
  background-color: #FFF;
  text-transform: uppercase;
  letter-spacing: -1px;
  padding: 6px 9px 5px 9px;
}

.see-more:hover {
  color: #FFF;
  background-color: #333;
}

.home-titre__label {
  font-size: 1.8rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.4rem, 1.1vw, 1.8rem);
  font-weight: 300;
  letter-spacing: -1px;
  text-align: right;
  line-height: 1;
  margin: 0 0 0 10px;
}

.home-container .actus-section,
.home-container .unclic-section {
  width: calc(28.33% - 20px);
  flex: 0 0 calc(28.33% - 20px);
  max-width: 510px;
  padding-top: 20px;
  /* clamp(MIN, VAL, MAX) */
  padding-top: clamp(10px, 1.1vw, 20px);
}

/*----------------- HOME ACTUS ---- */

.actus-liste {
  list-style: none;
  padding: 0;
  margin: 0;
}

.actus-item {
  display: block;
  margin-top: 20px;
  /* clamp(MIN, VAL, MAX) */
  margin-top: clamp(10px, 1.1vw, 20px);
}

.actus-item__link {
  position: relative;
  display: flex;
  width: 100%;
  background-color: #EEE;
  color: #333;
}

.actus-item__link::before,
.actus-item__link::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  /* clamp(MIN, VAL, MAX) */
  width: clamp(20px, 2.1vw, 40px);
  height: clamp(20px, 2.1vw, 40px);;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0H0l40 40V0z' fill='%23009DE0'/%3E%3C/svg%3E");
}

.actuIsArticle .actus-item__link::before,
.actuIsArticle .actus-item__link::after {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0H0l40 40V0z' fill='%23F08A01'/%3E%3C/svg%3E");
}

.actus-item__link::before {
  left: 0;
  bottom: 0;
  transform: rotate(180deg);
  opacity: 0.6;
}

.actus-item__link::after {
  right: 0;
  top: 0;
}

.actus-item__link:hover {
  transform: scale(1.02);
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
  background-color: #FFF;
}

.actus-item__image {
  display: block;
  max-width: 180px;
  width: 36%;
}

.actus-item__picture {
  position: relative;
  flex: none;
	width: 30%;
	max-width:180px;
  overflow: hidden;
}



.actus-liste-lateral .actus-item__picture {
  position: relative;
  flex: none;
	width: 50%;
	max-width:180px;
  overflow: hidden;
}


.actus-liste-lateral .actus-item__resume {
  display:none;
}


.actus-liste-lateral .actus-item__link {
  min-height:120px;
}


.actus-liste-lateral .actus-item__infos {
  
  padding: 10px;
  /* clamp(MIN, VAL, MAX) */
  padding: clamp(5px, 1.1vw, 10px);
}

.actus-item__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
	width:100%;
  overflow: hidden;
}

.page-content .actus-item__picture img {
	/*
  display: block;
  width: 100%;
  height: auto;
  /**/
  display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@supports (object-fit: cover) {
  /* IF object-fit IS SUPPORTED */
  .actus-item__image {
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  
  .page-content .actus-item__image img {
    height: auto;
    object-fit: cover;
    object-position: center center;
  }
}

.actus-item__infos {
  display: flex;
  flex-direction: column;
  padding: 20px;
  /* clamp(MIN, VAL, MAX) */
  padding: clamp(10px, 1.1vw, 20px);
  border: 1px #EEE solid;
  border-left: none;
  width:100%;
}

.actus-item__titre {
  margin: 0 0 5px 0;
  font-size: 1.8rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.4rem, 1.1vw, 1.8rem);
  font-weight: 400;
  text-transform: uppercase;
}

.actus-item__resume {
  margin: 0 0 10px 0;
  font-size: 1.4rem;
  font-weight: 300;
}

.actus-item__meta {
  margin-top: auto;
}

.actus-item__date {
  float: left;
  font-size: 1.4rem;
  font-weight: 400;
  color: #009DE0;
  transition: all 0.2s ease ;
}

.actuIsArticle .actus-item__date {
  color: #F08A01;
	
}

.actus-item__theme {
  float: right;
  font-size: 1.4rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.2rem, 0.8vw, 1.4rem);
  font-weight: 300;
  text-transform: uppercase;
  color:#A0A1A3;
  transition: all 0.2s ease ;
}

/*----------------- HOME AGENDA ---- */

.home-container .agenda-section {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(43.33% - 20px);
  flex: 0 0 calc(43.33% - 20px);
  max-width: 780px;
  padding: 20px;
  /* clamp(MIN, VAL, MAX) */
  padding: clamp(10px, 1.1vw, 20px);
  background-color: #EEEEEE;
}

.lSSlideOuter .lSPager.lSpg {
  z-index: 0;
}

.agenda-section .lSSlideOuter .lSPager.lSpg {
  position: absolute;
  top: 20px;
  top: clamp(10px, 1.1vw, 20px);
  display: flex;
  align-items: center;
  margin: 0 !important;
  margin-left: 7ch!important;
  font-size: 3.0rem;
  font-size: clamp(2.0rem, 1.6vw, 3.0rem);
  height: 2ch;
}

.agenda-section .lSSlideOuter,
.agenda-section .lSSlideWrapper {
  height: 100%;
}

.agenda-section  .lSSlideOuter .lSPager.lSpg > li {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lSSlideOuter .lSPager.lSpg > li {
  padding: 0 4.5px;
}

.lSSlideOuter .lSPager.lSpg > li a {
  width: 10px;
  height: 10px;
  background-color: #A0A1A3;
}

.lSSlideOuter .lSPager.lSpg > li.active a,
.lSSlideOuter .lSPager.lSpg>li:hover a {
  background-color: #9DBF13;
}

.agenda-liste {
  display: flex!important;
  /*height: 100%!important;*/
  height: 100% !important;
  list-style: none;
  padding: 0;
}
.home-container .agenda-liste {
  height: calc( 100% + 20px) !important;
  margin:-10px;
}

.agenda-item {
	width: calc(49% - 20px)!important;
}
.home-container .agenda-item {
	width: 49%!important;
}

.agenda-item__link {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #333;
}

.agenda-item__link::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 40px;
  height: 40px;
  /* clamp(MIN, VAL, MAX) */
  width: clamp(20px, 2.1vw, 40px);
  height: clamp(20px, 2.1vw, 40px);
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0H0l40 40V0z' fill='%239DBF13'/%3E%3C/svg%3E");
  transform: rotate(90deg);
}

.agenda-item__link:hover .agenda-item__titre {
  color: #9DBF13;
}

.agenda-item__image-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 64.25%;
  overflow: hidden;
  max-height: 240px;
}

.home-container .agenda-item__image-wrapper {
	height: 100%;
  min-height: 210px;
	padding-bottom: 0;
	max-height: unset;

}

.agenda-item__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  transform-origin: center;
  transition: all 0.2s ease;
}

@supports (object-fit: cover) {
  .agenda-item__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
  }
}

.agenda-item__infos {
  flex: auto;
  background-color: #FFF;
  padding: 20px;
  /* clamp(MIN, VAL, MAX) */
  padding: clamp(10px, 1.1vw, 20px);
}

.agenda-item__titre {
  font-weight: 400;
  font-size: 1.8rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.4rem, 1.1vw, 1.8rem);
  text-transform: uppercase;
  margin: 0 0 10px 0;
  transition: all 0.2s ease;
}

.agenda-item__resume {
  font-weight: 300;
  font-size: 1.6rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.2rem, 0.9vw, 1.6rem);
  line-height: 1.5;
  margin: 0;
}

.agenda-item__date {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  /* clamp(MIN, VAL, MAX) */
  width: clamp(40px, 3.2vw, 60px);
  height: clamp(40px, 3.2vw, 60px);
  color: #FFF;
  background-color: rgba(156, 190, 19, 0.8);
  padding: 10px;
  transition: all 0.2s ease;
}
.agenda-item__date_fin{	
  transform: translateX(100%);
  left: 12px;
  /*right: 0;*/
}
.separateurTime {
  position: absolute;	
  /*left: 51px;  	*/
  left: clamp(40px, 3.1vw, 51px);  
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height:45px;
  width:24px;
  color:white;
  font-size:20px;
  font-weight:700;
  z-index:4;
  /*right: 0;*/
  /*background-color:red;*/
  display: none;
}

.agenda-item__date.agenda-item__date_fin::before {
  content: '';
  position: absolute;
  top: 0;
  left: -16px;
  display: block;
  width: 20px;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='m39.672 19.186-6.948-6.948c-.425-.425-1.17-.425-1.595 0l-.606.606a1.164 1.164 0 0 0 0 1.622l3.94 3.967H5.52l3.96-3.985c.439-.44.439-1.17 0-1.61l-.606-.611c-.425-.426-1.171-.43-1.595-.004L.328 19.172a1.11 1.11 0 0 0-.328.806c-.006.31.11.601.328.819l6.948 6.948c.425.425 1.17.425 1.595 0l.606-.606c.44-.44.44-1.12 0-1.56l-4.054-4.02h29.17l-4.073 4.039a1.1 1.1 0 0 0 0 1.569l.606.6c.212.213.496.327.797.327.303 0 .585-.117.798-.33l6.951-6.951c.217-.217.333-.508.328-.807.006-.311-.11-.602-.328-.82Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h40v40H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.agenda-item__date-day,
.agenda-item__date-month {
  display: block;
  text-align: center;
}

.agenda-item__date-day {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 3.0rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(2.0rem, 1.6vw, 3.0rem);
  line-height: 1;
}

.agenda-item__date-month {
  text-transform: uppercase;
  font-size: 1.6rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.2rem, 0.9vw, 1.6rem);
  line-height: 1;
}

.agenda-item__theme {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  padding: 3% 6%;
  font-size: 1.6rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.2rem, 0.9vw, 1.6rem);
  font-weight: 300;
  text-transform: uppercase;
  color: #FFF;
  background-color: rgba(51,51,51,0.9);
  transition: all 0.2s ease;
}

.lSAction > a {
  z-index: 1;
  width: 40px;
  height: 40px;
  /* clamp(MIN, VAL, MAX) */
  width: clamp(30px, 2.1vw, 40px);
  height: clamp(30px, 2.1vw, 40px);
  margin-top: -40px;
  border-radius: 100px;
  opacity: 0.8;
  transition: all 0.2s ease;
}

.lSAction > .lSPrev,
.lSAction > .lSNext {
  background-size: contain;
  background-position: center;
}

.lSAction > .lSPrev {
  background-image: url(../images/assets/icon-arrow-left-40x.svg);
}

.lSAction > .lSNext {
  background-image: url(../images/assets/icon-arrow-right-40x.svg);
}

/*----------------- HOME EN UN  ---- */

.home-container .unclic-section {
  display: flex;
  flex-direction: column;
}

.unclic-liste {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.unclic-item {
  width: 33.33%;
  height: 33.33%;
}

@supports (display: grid) {
  .unclic-liste {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    /* clamp(MIN, VAL, MAX) */
    grid-column-gap: clamp(10px, 1.1vw, 20px);
    grid-row-gap: clamp(10px, 1.1vw, 20px);
  }
  .unclic-item {
    width: 100%;
    height: 100%;
  }
}

.unclic-item__link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 100%;
  height: 100%;
  min-height: 80px;
  text-align: center;
  background-color: #EEEEEE;
  background-position: center;
  background-repeat: no-repeat;
}

.unclic-item__link-icon {
  background-color: #333;
  width: 64px;
  height: 64px;
  /* clamp(MIN, VAL, MAX) */
  width: clamp(40px, 3.5vw, 64px);
  height: clamp(40px, 3.5vw, 64px);
  border-radius: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  transition: all 0.2s ease;
}

.unclic-item__link:hover .unclic-item__link-label {
  color: #FFF;
}

.unclic-item__link:hover .unclic-item__link-icon {
  background-color: rgba(255, 255, 255, 0.2);
}

.unclic-item__link:hover {
  background-color: #333;
  transform: scale(1.05);
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.color-blue .unclic-item__link-icon,
.color-blue .unclic-item__link:hover {
  background-color: #009DE0;
}
.color-green .unclic-item__link-icon,
.color-green .unclic-item__link:hover {
  background-color: #9DBF13;
}
.color-pink .unclic-item__link-icon,
.color-pink .unclic-item__link:hover {
  background-color: #E1007A;
}
.color-orange .unclic-item__link-icon,
.color-orange .unclic-item__link:hover {
  background-color: #F08A01;
}

.unclic-item__link-label {
  display: inline-block;
  color: #333;
  font-size: 1.8rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.2rem, 1.1vw, 1.8rem);
  font-family: 'Proxima Nova', sans-serif;
  margin: 10px 0 0 0;
  transition: all 0.2s ease;
}

/*----------------- HOME KIOSQUE ---- */

.home-container .kiosque-section,
.home-container .aladdin-section {
  width: calc(28.33% - 20px);
  flex: 0 0 calc(28.33% - 20px);
  max-width: 510px;
  
}

.home-container .kiosque-section {
  background-color: #EEE;
  padding: 20px;
  /* clamp(MIN, VAL, MAX) */
  padding: clamp(10px, 1.1vw, 20px);
}

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

.liste_documents .mag{
	/*height:300px;/**/
}

table tr td .liste_documents .mag{
	width:100%!important;
}
table tr td .liste_documents .mag img{
	/*height:unset!important;*/
}
table tr td .liste_documents .mag__cover{
	object-fit: contain;
    background-color: #FFF;
}
table tr td .liste_documents .mag .mag__link{
	/*padding-bottom:75%!important;/**/
}

.liste_documents {
	display: flex;
	flex-wrap: wrap;
}

.mag__wrapper {
  width: 100%;
  max-width: 300px;
}

.mag__action > * + * {
  margin-top: 10px;
}

.mag__action-item {
  display: block;
  width: 40px;
  height: 40px;
  width: clamp(30px, 2.1vw, 40px);
  height: clamp(30px, 2.1vw, 40px);
  border-radius: 100px;
  background-position: center;
  background-size: contain;
  margin-left: 10px;
}

.mag__action-item:hover {
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.mag__action-item.download {
  background-image: url('../images/assets/icon-download-40x.svg');
}

.mag__action-item.see {
  background-image: url('../images/assets/icon-see-40x.svg');
}

.mag__link {
  display: block;
  background: #333;
  width: 100%;
  /* RATIO MAG */
  height: 0;
  padding-bottom: 144%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-border-radius: 0 7px 7px 0;
  -moz-border-radius: 0 7px 7px 0;
  border-radius: 0 7px 7px 0;
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  perspective: 1200px;
  transition: all 0.4s ease;
}
.mag__link:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    border-radius: 7px;
}

.mag__numero {
  font-size: 2.4rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(2.0rem, 1.3vw, 2.4rem);
  font-weight: 700;
  color: #A0A1A3;
  margin-right: 10px;
}


.liste_documents .mag__numero {
	writing-mode: vertical-rl;	
	text-align:right;
	transform: rotate(-180deg);
}


.mag__cover {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  -webkit-transform-origin: 0;
  -moz-transform-origin: 0;
  transform-origin: 0;
  transition: all 0.4s ease;
}

.mag__link:hover {
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.mag__link:hover .mag__cover {
	width: 95%;
	-webkit-transform: rotateY(-33deg);
	   -moz-transform: rotateY(-33deg);
	        transform: rotateY(-33deg);  
}

/*----------------- HOME MEDIAS  ---- */

.home-container .medias-section {
  display: flex;
  flex-direction: column;
  width: calc(43.33% - 20px);
  flex: 0 0 calc(43.33% - 20px);
  max-width: 780px;
  padding-top: 20px;
  padding-top: clamp(10px, 1.1vw, 20px);
}

.media {
  position: relative;
  height: 100%;
}

.liste_medias .media {
	height:270px!important;
	width:48%;
	margin:1%;
	float:left;
}

.media:hover .media__infos {
  opacity: 0;
  visibility: hidden;
}

.media .media__item {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.media__infos {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  color: #FFF;
  background-color: rgba(51, 51, 51, 0.85);
  padding: clamp(10px, 1.1vw, 20px);
  opacity: 1;
  visibility: visible;
  transition: all 0.2s ease;
}

.media__titre {
  font-size: 1.8rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.4rem, 1.1vw, 1.8rem);
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}

.media__resume {
  font-size: 1.6rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.2rem, 0.9vw, 1.6rem);
  font-weight: 300;
  margin: 0;
}

/*----------------- HOME ALADDIN ---- */

.home-container .aladdin-section {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-top: clamp(10px, 1.1vw, 20px);
}

.aladdin-liste {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
}

.aladdin-liste > * + * {
  margin-top: 4px;
}

.aladdin-item {
  flex: 1;
  display: block;
}

.aladdin-item__link {
  display: flex;
  align-items: center;
}

.aladdin-item__link:hover .aladdin-item__label {
  color: #FFF;
  background-color: #333;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.aladdin-item__numero {
  position: relative;
  display: flex;
  flex: none;
  justify-content: center;
  align-items: center;
  font-family: 'Proxima Nova', sans-serif;
  font-size: 1.8rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.4rem, 1.1vw, 1.8rem);
  font-weight: 700;
  line-height: 1;
  width: 40px;
  height: 40px;
  width: clamp(30px, 2.1vw, 40px);
  height: clamp(30px, 2.1vw, 40px);
  color: #FFF;
  background-color: #E1007A;
  border-radius: 100px;
  border: solid 4px #FFF;
  margin-left: -4px;
}

.aladdin-item:nth-child(odd) .aladdin-item__numero {
  background-color: #A0A1A3;
}

.aladdin-item__label {
  display: flex;
  width: 100%;
  color: #333;
  font-size: 1.6rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.2rem, 0.9vw, 1.6rem);
  font-weight: 400;
  margin-left: -20px;
  padding: 6px 10px 6px 30px;
  background-color: #EEE;
  transition: all 0.2s ease;
}

/*----------------- NEWSLETTER */

footer.layout {
  min-height: 100px;
  margin-top: 40px;
  margin-top: clamp(20px, 2.1vw, 40px);
}

.newsletter {
  text-align: center;
  margin-bottom: 20px;
  margin-bottom: clamp(10px, 1.1vw, 20px);
}

.newsletter label {
  display: block;
  margin-bottom: 10px;
}

.newsletter form .champs {
  display: flex;
  justify-content: center;
}

.newsletter form * {
  font-weight: 400;
  font-size: 1.6rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.2rem, 0.9vw, 1.6rem);
}

.newsletter form input[type='email'] {
  width: 200px;
  line-height: 1;
  color: #A0A1A3;
  padding: 6px 10px;
  border: 1px solid #A0A1A3;
  border-radius: 0;
  border-right: 0;
}

.newsletter form input[type='submit'] {
  cursor: pointer;
  color: #FFF;
  background-color: #9DBF13;
  padding: 6px 10px;
  border: none;
  border-radius: 0;
  transition: all 0.2s ease;
}

.newsletter form input[type='submit']:hover {
  background-color: hsl(72, 82%, 25%);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #A0A1A3;
  opacity: 1; /* Firefox */
  font-weight: 300;
  font-size: 18px;
  font-size: clamp(14px, 1.1vw, 18px);
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #A0A1A3;
  font-weight: 300;
  font-size: 18px;
  font-size: clamp(14px, 1.1vw, 18px);
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #A0A1A3;
  font-weight: 300;
  font-size: 18px;
  font-size: clamp(14px, 1.1vw, 18px);
}

/*----------------- FOOTER */

.footer-content {
  border-top: 10px solid #EEEEEE;
  color: #FFF;
  background-color: #333;
  min-height: 100px;
  padding: 40px 10px;
  padding: clamp(20px, 2.1vw, 40px) 10px;
  font-size: 1.6rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.2rem, 0.9vw, 1.6rem);
}

.footer-content a {
  color: #FFF;
}

.link-icon {
  display: flex;
  align-items: center;
  line-height: 1.2;
  color: #FFF;
}

.link-icon:hover,
.link-logo:hover,
.footer-content a:hover {
  opacity: 0.6;
}
.link-icon__horaires:hover{
  opacity: 1;
}

.link-icon > * + * {
  margin-left: 10px;
}

.link-icon img {
  width: 30px;
  height: 30px;
  width: clamp(20px, 1.6vw, 30px);
  height: clamp(20px, 1.6vw, 30px);
}

.footer-line-l,
.footer-line {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-line-l {
  margin-bottom: 40px;
  /* clamp(MIN, VAL, MAX) */
  margin-bottom: clamp(10px, 2.1vw, 40px);
}

.footer-line-l > * {
  margin: 0 20px;
  /* clamp(MIN, VAL, MAX) */
  margin: 0 clamp(10px, 1.1vw, 20px);
}

.footer-content hr {
  content: '';
  display: block;
  width: 80%;
  max-width: 600px;
  height: 1px;
  margin: 20px auto;
  margin: clamp(10px, 1.1vw, 20px) auto;
  border-color: #232323;
  color: #232323;
  background-color: #232323;
}

.rs-section {
  display: flex;
  align-items: center;
}

.rs-section ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}

.rs-section ul > * + * {
  margin-left: 10px;
}

.rs-section img {
  width: 30px;
  height: 30px;
  width: clamp(20px, 1.6vw, 30px);
  height: clamp(20px, 1.6vw, 30px);
}

.rs-section .label {
  margin-left: 10px;
}

.footer-horaires > * {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 4px 0;
}

.footer-horaires .bold {
  white-space: nowrap;
  font-weight: 700;
  max-width: 130px;
  width: 10vw;
}

.footer-horaires span {
  font-weight: 300;
}

.footer-content .separator {
  display: inline-block;
  width: 20px;
  height: 1px;
  background-color: #FFF;
  margin: 0 10px;
}

.footer-line.links ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.footer-line.links ul > * {
  margin: 0 20px;
  margin: 0 clamp(10px, 1.1vw, 20px);
}

.footer-line.credits {
  text-align: center;
  padding-top: 20px;
  padding-top: clamp(10px, 1.1vw, 20px);
}

/* ------------------ PAGE ------------------*/

.page-container {
  display: flex;
  max-width: 1400px;
  padding: 0;
  margin: 40px auto;
  /* clamp(MIN, VAL, MAX) */
  margin: clamp(20px, 2.1vw, 40px) auto;
}

.page-content {
  flex: auto;
  order: 2;
  margin-bottom: 40px;
  /* clamp(MIN, VAL, MAX) */
  margin-bottom: clamp(20px, 2.1vw, 40px);
}

.side-content {
  flex: none;
  order: 1;
  margin-right: 40px;
  margin-right: clamp(20px, 2.1vw, 40px);
  width: 360px;
}

.side-content .unclic-liste {
  height: auto;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}
.side-content .unclic-item__link-icon {
  width: 46px;
  height: 46px;
  width: clamp(30px, 2.4vw, 46px);
  height: clamp(30px, 2.4vw, 46px);
}
.side-content .unclic-item__link-label {
  font-size: 1.4rem;
  font-size: clamp(1.2rem, 0.8vw, 1.4rem);
}

.secondary-nav {
  background-color: #EEE;
  padding: 40px;
  padding: clamp(20px, 2.1vw, 40px);
  margin-bottom: 20px;
  margin-bottom: clamp(10px, 1.1vw, 20px);
}

.secondary-nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.secondary-lvl1-nav__link {
  display: inline-block;
  font-family: 'Proxima Nova', sans-serif;
  font-size: 3.0rem;
  font-size: clamp(2.0rem, 1.6vw, 3.0rem);
  line-height: 1;
  margin-bottom: 20px;
  margin-bottom: clamp(10px, 1.1vw, 20px);
}

.color-blue .secondary-lvl1-nav__link {
  color: #009DE0;
}
.color-green .secondary-lvl1-nav__link {
  color: #9DBF13;
}
.color-pink .secondary-lvl1-nav__link {
  color: #E1007A;
}
.color-orange .secondary-lvl1-nav__link {
  color: #F08A01;
}

.secondary-nav.color-blue {
  border-bottom: 3px solid #009DE0;
}
.secondary-nav.color-green {
  border-bottom: 3px solid #9DBF13;
}
.secondary-nav.color-pink {
  border-bottom: 3px solid #E1007A;
}
.secondary-nav.color-orange {
  border-bottom: 3px solid #F08A01;
}

.secondary-lvl1-nav__link:hover {
  color: #A0A1A3;
}

.secondary-lvl2-nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.secondary-lvl2-nav__list > * + * {
  margin-top: 20px;
  margin-top: clamp(10px, 1.1vw, 20px);
}

.secondary-lvl2-nav__link {
  color: #333;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 2.0rem;
   /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.6rem, 1.1vw, 2.0rem);
}

.secondary-lvl2-nav__link:hover {
  color: #A0A1A3;
}



.secondary-lvl2-nav__item.active .secondary-lvl2-nav__link {
  font-weight: 400;
}

.color-blue .secondary-lvl2-nav__item.active .secondary-lvl2-nav__link {
  color: #009DE0;
}
.color-green .secondary-lvl2-nav__item.active .secondary-lvl2-nav__link {
  color: #9DBF13;
}
.color-pink .secondary-lvl2-nav__item.active .secondary-lvl2-nav__link {
  color: #E1007A;
}
.color-orange .secondary-lvl2-nav__item.active .secondary-lvl2-nav__link {
  color: #F08A01;
}

.secondary-lvl3-nav__list {
  list-style: none;
  padding: 0 0 0 20px;
  margin: 0;
}

.secondary-lvl3-nav__item {
  margin-top: 10px;
  margin-top: clamp(5px, 0.5vw, 10px);
}

.secondary-lvl3-nav__link {
  color: #333;
  font-weight: 300;
  font-size: 1.8rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.4rem, 1.1vw, 1.8rem);
}

.secondary-lvl3-nav__link:hover {
  color: #A0A1A3;
}

.secondary-lvl3-nav__item.active .secondary-lvl3-nav__link {
  font-weight: 400;
}

.color-blue .secondary-lvl3-nav__item.active .secondary-lvl3-nav__link {
  color: #009DE0;
}
.color-green .secondary-lvl3-nav__item.active .secondary-lvl3-nav__link {
  color: #9DBF13;
}
.color-pink .secondary-lvl3-nav__item.active .secondary-lvl3-nav__link {
  color: #E1007A;
}
.color-orange .secondary-lvl3-nav__item.active .secondary-lvl3-nav__link {
  color: #F08A01;
}

/* ////////////////////////////////////////////////////////////////////////////

    BREADCRUMB

//////////////////////////////////////////////////////////////////////////// */

#breadcrumb {
  background-color: #EEE;
}

.breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  padding: 10px 10px;
  margin-top: 0;
  margin-bottom: 40px;
  margin-bottom: clamp(20px, 2.1vw, 40px);
}

.breadcrumb__item {
  display: flex;
  align-items: center;
  color: #333;
  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: #009DE0;
  line-height: 1;
}
.breadcrumb__item a{
	color:#333;
}
.breadcrumb__item a:hover{
	color:#9fa0a0;
}
.breadcrumb__item a:not(.icone)::after{
  content: '>';
  padding-left: 10px;
  padding-right: 10px;
  color: #009DE0;
  line-height: 1;
}

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

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



.lg-on{
	overflow:hidden;
}
.lg-backdrop{
	background-color: #000000BB!important;
}
.pdf-viewer .lg-object {	
	padding-top: 47px;
	padding-bottom: 47px;
	height:calc (100% - 94px);
}

.agenda__item .summary,  .agenda__item .summary * {
	color:#333;
}

.agenda__item img{
	max-width:150px;
	max-height:150px;
	height:auto;
	margin-bottom:5px;
}

.comarquage .mentions, .comarquage .mentions a, .comarquage .mentions *{
	color:white!important;	
	display:none;
}


.calendrierAgenda {
	margin:auto;
}
.calendrierAgenda td a span {
	color:#444444;
}
.calendrierAgenda td a span font{
	color:#eeeeee;
}
.calendrierAgenda th,.calendrierAgenda td{
	text-align:center;
	padding: 5px;
}
.calendrierAgenda th{
	font-weight:600;
}
.calendrierAgenda .navCalendrier{
	color:#9dbf13;
}
.calendrierAgenda .navCalendrier:first-child{
	float:left;
	margin-left:7px;
}
.calendrierAgenda .navCalendrier:last-child{
	float:right;
	margin-right:7px;
}
.calendrierAgenda th.moisAnnee{
	color:#9dbf13;
	font-weight:700;
	padding-bottom:12px;
	font-size:20px;
}
.calendrierAgenda td span{
	/*border:1px solid grey;*/
	border-radius:20px;
	height:34px;
	width:34px;
	display:block;
	padding-top:6px;
	
}
.calendrierAgenda td.actif span{
	border:1px solid #9dbf1333;
	background-color:#9dbf1333;
	/*border:1px solid #9dbf13;*/
	color:#9dbf13;
	font-weight:400;
}
.calendrierAgenda td.premier span{
	border:1px solid #9dbf13;
	background-color:#9dbf13;
	color:white;
	font-weight:700;
	/*
	background: rgb(190,22,34);
	background: -moz-linear-gradient(135deg, rgba(190,22,34,1) 0%, rgba(177,17,127,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(190,22,34,1) 0%, rgba(177,17,127,1) 100%);
	background: linear-gradient(135deg, rgba(190,22,34,1) 0%, rgba(177,17,127,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9dbf13",endColorstr="#b1117f",GradientType=1);
	/**/
}
.calendrierAgenda td.aujourdhui span{
	border:1px solid #9dbf13;
	background-color:#9dbf1311;
	color:#9dbf13;
	font-weight:700;
}

/**/
.calendrierAgenda td.premier.aujourdhui span{
	/*
	background: rgb(9,114,151);
	background: -moz-linear-gradient(135deg, rgba(9,114,151,1) 0%, rgba(9,114,151,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(9,114,151,1) 0%, rgba(9,114,151,1) 100%);
	background: linear-gradient(135deg, rgba(9,114,151,1) 0%, rgba(9,114,151,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9dbf13",endColorstr="#9dbf13",GradientType=1);
/**/
	/*border:1px solid #9dbf13!important;*/
	border: 1px solid #333333!important;
	background-color:#9dbf13!important;
	color:white!important;
	
}
/**/
.infobulle {
    position: absolute;
    visibility: hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
}



.imageRonde img,img.imageRonde{
	/*border-radius:1000px;*/
}


ul.grilleElus {
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

ul.grilleElus li{	
  /*width:31%;
  float:left;  /**/
  width:auto;
  border:1px solid grey;
  margin:2%;
  padding:0;
  list-style-type: none;
  text-align:center;
}
.photoElu{
	width:300px;
	height:300px;
	object-fit:cover;
	object-position: top;
	border:0px solid white;
	/*width: 200px;
    height: 200px;	
	border-radius: 200px;*/
	
}
.infolabel{
	display:block;
	width:100%;
	font-weight:bold;
	min-height:58px;
	display: flex!important;
justify-content:center;
align-content:center;
flex-direction:column;
margin: 0 0 0 0;

	
}
.sous_label{
	display:block;
	width:100%;
	margin-bottom: 10px;
	font-size: 1.6rem!important;
}
.sous_label p,.sous_label h2{
	margin: 5px;
}

.ville {
	color: #FFF;
	display: block;
	font-size: 1.4rem!important;
}

.listeDocuments {
  display: flex;
  flex-wrap: wrap;
}

.bloc_document {
	/*
  flex: 1 0 17%; 
  margin: 5px;
  height: 200px;
  text-align:center;
  /**/
  margin: 10px;
  height: 200px;
  text-align:center;
  width:calc (20% - 20px);
}
	
.bloc_document .lienPDF img{
	height:200px;
	width:auto;
	max-width:200px;
	text-align:center;
	padding:3px;
	border: 1px solid grey;
}

.offre_emploi_btn{
	background-color: #E1007A;	
	border: 1px solid #E1007A;
	color:white;
	margin: 0px 0px 20px 0px;
    padding: 5px;
    display: inline-block;
}

.boutons_partage{
	float:right;
	margin:8px 4px 0px 0px;
	
}

/** /
.voirFichier{
	font-size:2.0rem;
	font-size: clamp(1.8rem, 1.0vw, 2.0rem);
	color:#BE1622;
	font-weight:600;	
}
/*/
.voirFichier{
	font-size: 1.4rem;
    font-size: clamp(1.2rem, 1.0vw, 1.4rem);
    background-color: #009de0;
    color: white;
    font-weight: 600;
    border-radius: 10px;
    margin: 5px 0px;
    padding: 5px;
    display: inline-block;
    width: 150px;
	text-align:center;
	font-family: Arial, sans-serif;
}


.imageActuDetail{
	float:right;
	max-width:50%;
	max-height:100%;
	height:auto;
	margin:0px 0px 10px 10px;
}
.ligneActu span{
	font-weight:600;
}


.ligneActu a span, .ligneActu a{
	font-weight:400;
	color: #9DBF13;
}
.page_actualites .ligneActu a span, .page_actualites .ligneActu a{
	color: #009DE0;
}

.themeActu{
	/**/
	background-color:#9DBF13;
	color:white;
	padding: 6px 12px;
	font-weight: 300;
	text-transform: uppercase;
	color: #FFF;
	background-color: rgba(51,51,51,0.9);
	display:inline-block;
	/** /
	padding: 3% 6%;
	font-size: 1.6rem;
	font-size: clamp(1.2rem, 0.9vw, 1.6rem);
	font-weight: 300;
	text-transform: uppercase;
	color: #FFF;
	background-color: rgba(51,51,51,0.9);
	/**/
}
.dateAgenda{
	color:#9DBF13;
	font-weight:600;
}
.dateActu{
	color:#009DE0;
	font-weight:600;
}


.agenda-liste .agenda-item__date-month{
	font-size: clamp(1.0rem, 0.9vw, 1.2rem);
}
/**/

/*
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@-webkit-keyframes fadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes fadeOut {
  from { opacity: 1; }
    to { opacity: 0; }
}

#boutonLiensProfils{
    -webkit-animation: fadeOut 1s;
    animation: fadeOut 1s;
}
.animationBouton{
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}/**/

.popinCachee{
	display:none;
	box-shadow: 1px 1px 12px #555;
}
.popinAffichee{
	display:block;
}
.popin{
	max-width: 95%;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
	font-family: verdana;
	color:red;
	font-weight:300;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .75;
    filter: alpha(opacity=75);
}
.close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

#target_horaires {
  display: flex;
  align-items: center;
  flex: auto;
  line-height: 1;
}

#target_horaires .horaires{
  padding-left: 20px;
  padding-left: clamp(10px, 1.1vw, 20px);
}


.horaires, .horaires *{
	color:#333333;
}

.prevListeNext{
	display:flex;
	width:calc (100% - 60px); 	
	padding-bottom: 30px;
}
.prevListeNext *{	
	color:#009DE0;
	font-size:20px;
}
.prevListeNextAgenda *{	
	color:#9DBF13;
}
.prevActu,.nextActu{
    border-radius: 30px;
    width: 30px;
    height: 30px;
    background-color: #009DE0;
    color: white;
    padding: 2px 12px;
	text-align:center;
}

.prevListeNextAgenda .prevActu, .prevListeNextAgenda .nextActu{
    background-color: #9DBF13;
}

.listeActu{	
	width:98%;	
	text-align:center;
}

.oe_aucune{
	display:block;
	padding-top:50px;
	text-align:center;
	width:100%;
	color: #9dbf13;
    font-weight: 700;
}

.agenda-item{
	margin:10px!important;
}

.home-container .agenda-item__link{
	height:calc( 50% - 10px);
}
.home-container .agenda-item__titreNEW{
	position:absolute;
	bottom:0px;
	left:0px;
	background-color:#ffffffEE;
	width:100%;
	text-align:center;
	margin:0px;
	padding:11px;
	font-size:16px;
	transition: all 0.2s ease;
}
.home-container .agenda-item .agenda-item__link:last-child{
	margin-top:20px;
}

/** /
.agenda-item__link:hover {
  transform: scale(1.02);
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
  background-color: #FFF;
}
/**/
.agenda-item__link:hover .agenda-item__image{
  transform: scale(1.1);
}
.agenda-item__link:hover .agenda-item__titreNEW{
	background-color:#ffffffff;
}
.agenda-item__link:hover .agenda-item__date{
	background-color: rgba(156, 190, 19, 1);
}
.agenda-item__link:hover .agenda-item__theme {
    background-color: rgba(51,51,51,1);
}


.evenementPasse{
	filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: grayscale(100%); /* Current draft standard */
	-webkit-filter: grayscale(100%); /* New WebKit */
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%);
	filter: gray; /* IE6+ */
	transition: all 0.2s ease;	
	order:2;
}
.evenementPasse:hover{
	filter: unset;
	-webkit-filter: unset; /* New WebKit */
	-moz-filter: unset;
	-ms-filter: unset; 
	-o-filter: unset;
	filter: unset; /* IE6+ */	
}

.classPassee{
	filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: grayscale(100%); /* Current draft standard */
	-webkit-filter: grayscale(100%); /* New WebKit */
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%);
	filter: gray; /* IE6+ */
	transition: all 0.2s ease;		
}

.classPassee:hover{
	filter: unset;
	-webkit-filter: unset; /* New WebKit */
	-moz-filter: unset;
	-ms-filter: unset; 
	-o-filter: unset;
	filter: unset; /* IE6+ */		
}

.oe_intitule{
	font-weight:700;
	margin:10px 0px 5px 0px;
	font-size:14px;
	color:#E1007A;
}
#oe_date,#oe_contrat{
	clear:both;
	font-weight:600;
	margin:10px 0px 10px 0px;
	font-size:14px;
}
#oe_contrat{
	clear:both;
	font-size:16px;
	color:white;
	background-color:#E1007A;
	padding:5px;
	margin: 10px 0px;
	width:auto;
	display:inline-block;		
}
.oe_texte{
	clear:both;
	clear:both;
	margin-left:15px;	
	margin-bottom:15px;
}
.monchamp,#oe_btn_postuler{
		display:none;	
}
#oe_postuler h2{	
	background-color: #E1007A;
    color: white;
    margin: 0px;
    padding: 4px;
    padding-left: 22px;
    background-image: url(../images/chevron_blanc.png);
    background-position: 5px center;
}
#oe_postuler{
	margin-top:15px;	
	margin-bottom: 15px;
    break-inside: avoid;
    page-break-inside: avoid;
    background-color: #E1007A18;
	padding: 5px;
}
#oe_form{
    padding: 15px;
}
.oe_form_k,.oe_form_titre{
	font-weight:700;	
	font-size:14px;
}
.oe_form_v textarea{
	min-height:80px;
}

.oe_form_info{
	font-style:italic;	
    padding-bottom: 7px;
}
#oe_form_intro{
	margin-bottom:15px;	
}
.oe_form_v input,.oe_form_v textarea{
	background-color:white;
	border:1px solid #E1007A;
	margin:5px;
	padding:10px;
	min-width:350px;
}
input[type="file" i]{
	
}
#btn_go:hover{
	color:#E1007A;	
	background:white;
}
#btn_go{
	border:1px solid #E1007A;	
	background-color:#E1007A;
	color:white;
	padding:10px;	
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
}
.oe_form_message{
	border:1px solid #E1007A;	
	background-color:#E1007A;
	color:white;
	padding:10px;	
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
}
#oe_form_btn_submit{
	display:none;	
}

.forcerCacher{
	display:none!important;
}

.cadreAnnuaire table{
	max-width:100%;
}
/*
#cboxContent,#cboxLoadedContent{
	width:80%!important;
	height:80%!important;
}
.cboxPhoto{
    width: 80%!important;
    max-height: 80%!important;
    height: auto!important;
}
/**/


#cboxMiddleLeft,#cboxMiddleRight,#cboxTopLeft,#cboxTopRight,#cboxTopCenter,#cboxBottomLeft,#cboxBottomRight,#cboxBottomCenter{
	background:transparent!important;
	height:0px!important;
	width:0px!important;
}
#cboxWrapper{
	border-radius:10px;
	border:0px solid grey;
}
.listeAnnuaire{
	width:100%;
}

.titreRecherche, .titreRecherche a,.urlRecherche{
	color:#009DE0;
}
.titreRecherche{
	font-size:18px;
	margin-bottom:5px;
	margin-top:25px;
}

.urlRecherche{
	font-size:16px;
}
.search-term {
	background-color: #E1007A;
	color: #ffffff;
	display: inline-block;
	padding: 2px;
	text-transform:UPPERCASE;
}

/**/
.agenda-liste-liste
{
	height:auto!important;
	padding-left:1%;
	padding-top:1%;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:flex-start;
	align-items:stretch;
}
/**/

.agenda-item-liste{
	background-color:#eeeeee;
	width:49%;
	margin:0% 1% 1% 0%;
	padding: 5px;
}




blockquote{
	position: relative;
	font-size: 16px;
	margin-left: 32px;
	padding-left: 10px;
	border-left: 3px solid #009de0;
	color:#009de0;	
	font-style:italic;
}


blockquote:before{
	color:#009de0;	
	content: '”';
	position: absolute;
	font-size: 72px;
	font-family: arial,sans-serif;
	left:-34px;
	top: -12px;
	font-style:normal;
}

blockquote cite, blockquote * cite{
	font-style:normal;
	font-family: arial,sans-serif;
	font-size:14px;	
}


figure blockquote{
	border-left: 3px solid #E1007A;
	color:#E1007A;	
}
figure blockquote:before{
	color:#E1007A;	
	content: '🖈';
	font-size: 48px;
	left:-48px;
}



blockquote p,blockquote td,blockquote div{
	font-size: 16px!important;	
}



content.color-orange  figure blockquote{
	border-left: 3px solid #F08A01;
	color:#F08A01;	
}
content.color-orange  figure blockquote:before{
	color:#F08A01;
}

content.color-blue  figure blockquote{
	border-left: 3px solid #009DE0;
	color:#009DE0;	
}
content.color-blue  figure blockquote:before{
	color:#009DE0;
}

content.color-green  figure blockquote{
	border-left: 3px solid #009DE0;
	color:#9DBF13;	
}
content.color-green  figure blockquote:before{
	color:#9DBF13;
}

.grecaptcha-badge {
	display:none;
}

.agenda_passe{
	filter: grayscale(1);
}