/*------------------
* CORRECTIF
------------------*/

/*=====================================
* Bloc texte avec image et formulaire
=====================================*/
/* Marge pour eviter que le footer soit colle au bloc */
html body section.texte_image_avec_formulaire button {
  margin-bottom: 40px;
}


/*===================
* Actualites
===================*/
section.toutes-les-actualites ul {
  top: 50px;
}

/*===================
* Single actualite
===================*/
.single-actualites section.toutes-les-actualites ul {
  top: 200px;
}

/*========================================
* Fiche actualite sur la page actualites
========================================*/
/* Suppression du padding qui empeche de centrer tous les elements */
section.toutes-les-actualites ul li a div.container-article {
  padding-left: 0;
}

/* Centre l'image ronde par rapport a la bulle verte */
section.toutes-les-actualites ul li a div.container-article img {
  top: 20px;
}

/* Ajout d'un padding pour eviter au texte d'etre colle au bord */
section.toutes-les-actualites ul li a div.container-article div.info-articles {
  padding: 25px;
}

/* Titre */
section.toutes-les-actualites ul li a div.container-article div.info-articles div h3 {
  padding-top: 5rem;
  margin-bottom: 1rem;
}

/* Categorie */
section.toutes-les-actualites ul li a div.container-article div.info-articles div p {
  font-size: 2.2rem;
  margin-bottom: 0;
}

/* Fixe le picto + dans le rond jaune en bas de la bulle bleu */
section.toutes-les-actualites ul li a div.container-article div.info-articles img {
  position: absolute;
  top: unset;
  left: 50%;
  bottom: -42px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: fit-content;
  border-radius: 50%;
  z-index: 1;
}


/*=================================================
* Fiche actualite en dehors de la page actualites
=================================================*/
/* Marge uniquement sur les elements du slider pour que la navigation reste au centre */
html body section.actualites ul {
  margin-left: 0;
}

html body section.actualites ul .owl-stage-outer {
  margin-left: 5vh;
}

/* Ajout d'espace entre la navigation du slider et le bouton */
html body section.actualites a.savoir-plus {
  bottom: 0;
}

/* Reduction de la marge */
/* Si jamais pu je l'aurais supprimer et j'aurais gerer l'espace entre les elements dans le script Owl Carousel en utilisant le parametre margin */
html body section.actualites ul li {
  margin: 0 5rem;
}

/* Suppression du padding qui empeche de centrer tous les elements */
html body section.actualites ul li a div.container-article {
  padding-left: 0;
}

/* Centre l'image ronde */
html body section.actualites ul li a div.container-article img {
  left: 50%;
}

/* Centre la bulle bleu et ajout d'un padding pour eviter au texte d'etre colle au bord */
html body section.actualites ul li a div.container-article div.info-articles {
  left: 50%;
  transform: translateX(-50%);
  padding: 25px;
}

/* Titre */
html body section.actualites ul li a div.container-article div.info-articles div h3 {
  font-family: "Barlow", sans-serif;
  margin-bottom: 1rem;
}

/* Categorie */
html body section.actualites ul li a div.container-article div.info-articles div p {
  font-size: 2.2rem;
  margin-bottom: 0;
}

/* Fixe le picto + dans le rond jaune en bas de la bulle bleu */
html body section.actualites ul li a div.container-article div.info-articles img {
  top: unset;
  bottom: -42px;
}


/*=======
* Carte
=======*/
html body section.carte {
  margin-top: 0 !important;
}


/*===============
* Etablissement
===============*/
/* Zone adresse */
@media (min-width: 1440px) {
  div.single-etablissements div.etablissement div.infos-header h2 {
    top: 7.5%;
  }

  div.single-etablissements div.etablissement div.infos-header div.infos {
    height: 400px;
  }
}


/*===============
* Chiffres cles
===============*/
/* Reduction espace top */
section#chiffres-cles {
  padding-top: 150px;
}

section#chiffres-cles .center-h2 {
  top: 50px;
}

/* Reduction de la hauteur de l'element */
@media (min-width: 1024px) {
  section#chiffres-cles div.chiffres {
    height: 950px;
  }
}


/* Ajustement pour eviter au texte d'etre colle aux bords */
section#chiffres-cles div.chiffres div div.chiffre {
  width: 80%;
}

section#chiffres-cles div.chiffres div div.chiffre p {
  line-height: 0.85;
  margin-bottom: 50px;
}

/* Bulle bleu */
section#chiffres-cles div.chiffres div.rond-bleu div.chiffre p {
  width: 100%;
}

/* Autres bulles */
section#chiffres-cles div.chiffres div.chiffre p {
  width: 100%;
}

/* Bulle blanche */
section#chiffres-cles div.chiffres div.au-dessus div.rond-blanc p {
  margin-bottom: 10px;
}


/*=======================================
* L'equipe (4 nombres avec des fleches)
=======================================*/
/* Nombre */
section.equipe div.arrows div.container-arrows .innerChiffre {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% + 70px);
}

/* Texte */
section.equipe div.arrows div.container-arrows div h3 span {
  max-width: 500px;
  text-align: left;
  hyphens: auto;
}


/*========
* Slider
=========*/
/* Evite la deformation de l'image */
section.slider a.item img {
  /* height: inherit; */
  width: inherit;
  height: 252px;
  border-radius: 99rem;
  object-fit: cover;
}


/*===================
* Filtres actualites
===================*/
.filtres_actus {
  margin-top: 30px;
}

.filtres_actus .inner {
  position: relative;
}

/* Picto blanc */
.filtres_actus img {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: 40px;
  cursor: pointer;
}

/* Filtrer par */
.liste_categories:before {
  content: 'Filtrer par :';
  position: absolute;
  top: 20px;
  left: 100px;
  font-size: 20px;
  font-weight: 500;
  color: #2f606b;
  white-space: nowrap;
  z-index: -1;
}

/* Liste categories */
.filtres_actus .liste_categories {
  display: flex;
  align-items: center;
  background: #fab922;
  width: 100%;
  min-height: 85px;
  max-width: max-content !important;
  min-width: 85px;
  border-radius: 45px;
  overflow: hidden;
  transition: max-width 0.5s ease-in-out;
}

.filtres_actus ul {
  display: flex;
  /* flex-wrap: wrap; */
  align-items: center;
  max-height: 0;
  list-style-type: none;
  overflow: hidden;
  /* transition: max-height 0.5s ease-in-out 0.5s; */
}

/* Categorie */
.filtres_actus li {
  margin: 5px 15px;
}

.filtres_actus li,
.filtres_actus a {
  font-size: 17px;
  color: white;
  white-space: nowrap;
  text-decoration: unset;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  cursor: pointer;
}

/* Reset */
.filtres_actus .reset {
  position: absolute;
  top: 0;
  left: 55%;
  color: #2f606b;
  font-weight: 500;
  height: 100%;
  width: 0;
  padding: 0;
  transition: padding 0.3s ease-in-out 0.3s;
}

/* Hover */
.filtres_actus img:hover+.liste_categories,
.filtres_actus .liste_categories:hover {
  padding: 0 45px;
}

.filtres_actus img:hover+.liste_categories ul,
.filtres_actus .liste_categories:hover ul {
  max-height: 100%;
  transition: max-height 0.5s ease-in-out 0.5s;
  display: flex
}

.filtres_actus img:hover+.liste_categories a,
.filtres_actus .liste_categories:hover a,
.filtres_actus img:hover+.liste_categories li,
.filtres_actus .liste_categories:hover li {
  opacity: 1;
  transition: opacity 0.3s ease-in-out 0.3s;
}

.filtres_actus img:hover+.liste_categories .reset,
.filtres_actus .liste_categories:hover .reset {
  width: auto;
  padding: 15px 0 30px 30px;

}

.filtres_actus a:hover,
.filtres_actus li:hover {
  font-weight: bold;
  text-decoration: underline;
}


/*===================
* Filtres carte
===================*/
section.carte div.map-container .filtres_actus {
  position: absolute;
  top: -55px;
  left: -30px;
  width: 100%;
  margin-top: 0;
}

section.carte div.map-container .filtres_actus .inner {
  max-width: 100%;
}


section.carte div.map-container .filtres_actus .reset {
  display: none;
}


/* Hover */
section.carte div.map-container .filtres_actus img:hover+.liste_categories,
section.carte div.map-container .filtres_actus .liste_categories:hover {
  max-width: 45%;
}


/*=====================
* Demarches et droits
=====================*/
/* Picto oeil */
section.text_download_doc div.categorie div.content div.container-docs div.docs p {
  margin: 0 0 5px 10px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

section.text_download_doc div.categorie div.content div.container-docs div.docs p span {
  background: #2f606b;
  padding: 5px;
  border-radius: 50%;
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

section.text_download_doc div.categorie div.content div.container-docs div.docs p span img[alt="picto vidéo"] {
  -webkit-filter: brightness(5);
  filter: brightness(5);
  position: absolute;
  width: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}


/*============
* Docutheque
============*/
section.docutheque {
  position: relative;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  width: 100%;
}

section.docutheque img[alt="Décoration Docuthèque 1"] {
  position: absolute;
  top: 200px;
  right: 0;
  width: 200px;
}

section.docutheque img[alt="Décoration Docuthèque 2"] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 350px;
}


.container_404 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
}

.container_404 h1 span {
  color: #7fc98d;
  font-size: 2.7em;
}


.container_404 h1 {
  padding-bottom: 3rem;

}

.container_404 a {
  color: #7fc98d;
}

/* 
body {
  height: 100vh;
}*/


.burger.opened {
  z-index: 99999999999999;
}


.Sup_Header {
  z-index: 999999999 !important;
}



#colophon {
  height: inherit !important;
}

.text-fond-vert ul {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.slider_actu .owl-nav {
  display: none;
}

.page-id-135 .texte_image_avec_formulaire+.texte_image_avec_formulaire .texte.droite ul {
  margin-left: 5rem;
}

.fontsize #menu-menu-principal {
  margin-top: 50px;
}

.fontsize .header__container,
.fontsize .Sup_Header div,
.fontsize .searchsandf form {
  background: #2f606b !important;
}

.contrast .header__container,
.contrast .Sup_Header div,
.contrast .searchsandf form {
  background: black !important;
}

/* .contrast .a11y-toolbar-widget ul li button .aticon-adjust::before,
.contrast .a11y-toolbar-widget ul li button .aticon-font::before {
  filter: inherit !important;
} */

.content-wrapper .div_logo {
  position: absolute !important;
  z-index: 999999;
  height: 80px;
  width: inherit !important;
  min-width: initial !important;
}

.content-wrapper .div_logo img {
  height: 100% !important;
  width: auto !important;
  margin: 0 auto !important;
  min-width: inherit !important;
}

section.text-fond-blanc {
  height: inherit !important;
}

@media (min-width: 1024px) {
  .content-wrapper .div_logo {
    display: none !important;
  }
}

@media (max-width: 600px) {
  body div#templates div.deco-header h1 {
    top: 17vh !important;
  }
}

div#templates div.deco-header img {
  bottom: 0px !important;
}

@media (max-width: 1024px) {
  #templates div.deco-header h1 {
    z-index: inherit !important;
  }
}

#Bandeau h1.PageTitle {
  z-index: 99999 !important;
}

/*============
* Single offre emploi
============*/

.single-emploi .content b,
.single-emploi .content p {
  color: #2f606b !important;
}

.single-emploi div.cke_editable,
div.single-emploi div.offre div.content p {
  list-style-type: "• ";
  font-family: "Exo 2", sans-serif;
  font-weight: 500;
  font-size: 21px;
  line-height: 34px;
  color: #2f606b;
}

.single-emploi div.cke_editable b {
  font-weight: 700 !important;
}

div.single-emploi div.offre div.content ul {
  margin-bottom: 70px !important;
}

/*===================
* Vidéo responsive
===================*/
/* Rendre la vidéo WordPress responsive */
.wp-video,
.wp-video-shortcode,
video.wp-video-shortcode {
  max-width: 100% !important;
  height: auto !important;
  width: 100% !important;
}

/* Container de la vidéo */
.wp-video {
  width: 100% !important;
}

/* Assurer que la vidéo maintient son ratio d'aspect */
video.wp-video-shortcode {
  display: block;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}
}