/* ////////////////////////////////////////////// */
/* //////////////   BASE    ///////////////////// */
/* ////////////////////////////////////////////// */

body {
  background-color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-weight: 200;
  font-size: 18px;
  line-height: 2rem;
  color: #2D2D2D;
}

a {
  cursor:pointer;
}

/* SELECTION */
::-moz-selection {
  color: #ffffff;
  background-color: #23949C;
}
::selection {
  color: #ffffff;
  background-color: #23949C;
}

/* TITRES */
h2 {
  font-size: 2rem;
  line-height: 2.8rem;
  text-transform: uppercase;
}



/* ////////////////////////////////////////////// */
/* //////////////   HEADER    ////////////////// */
/* ////////////////////////////////////////////// */

#MenuTop ul li::before {
  content: none;
}
#MenuTop .btn {
  padding: 0;
}
#MenuTop .me-auto {
  display: none;
}


/* MENU TOP */
header #MenuTop {
  display: none;
}
/* BARRE LOGO */

/* MENU PRINCIPAL */
header #MenuPrincipal {
  height: auto;
  padding: 12px 16px;
  color: #ffffff;
  background-color: #23949C;
  transition-duration: 0.5s;
  align-items: flex-start!important;
}
header #MenuPrincipal #navbarsMenu a {
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  border-bottom: 0;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px;
  padding: 6px 10px 6px 10px;
  transition-duration: 0.5s;
}
header #MenuPrincipal #navbarsMenu a:hover,
header #MenuPrincipal #navbarsMenu a:active {
  color: rgba(0, 0, 0, .6);
}
.show {
  display: flex;
  flex-direction: column;
}
.fa-search:before {
  color: #ffffff;
}
/* */
/* ANIMATION MENU AU SCROLL */
.sticky {
  padding: 0 !important;
  transition-duration: 0.5s;
}
header .sticky2 {
  position: fixed;
  z-index: 9999;
  top: 0;
  width: 100%;
  border-bottom: 1px solid #ffffff;
}
.btn.btn-outline-white {
  border: 1px solid #ffffff;
  background-color: #23949C;
  padding: 10px 14px;
}
.btn.btn-outline-white:hover {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #23949C;
}
.btn-outline-white:hover .fa-search:before {
    color: #23949C;
}

header .dropdown .btn-secondary {
  color: #fff;
  background-color: #23949C;
  border-color: #23949C;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 16px;
  padding: 6px 10px 3px 10px;
}
header .dropdown .btn-secondary:hover {
  background-color: #23949C;
  border-color: #23949C;
}
header .dropdown .dropdown-menu {
  background-color: #ffffff;
  border-top: 1px solid rgba(255, 255, 255, 1);
  border-radius: 0;
}
header .dropdown-item:hover {
  background-color: #ffffff;
}
header #MenuPrincipal #navbarsMenu .dropdown-menu a {
  text-transform: none;
  font-size: 16px;
  padding: 0px 10px;
}
header #MenuPrincipal #navbarsMenu .dropdown a {
  border-right: 0;
}
header .dropdown .dropdown-menu li::before {
  content: none;
}
header .dropdown:hover>.dropdown-menu {
  display: block;
}
header {
  position: relative;
  z-index: 9999;
}
header .dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}


/* ////////////////////////////////////////////// */
/* //////////////   BOUTONS   ////////////////// */
/* ////////////////////////////////////////////// */
.btn {
  font-size: 18px;
  font-weight: 200;
  padding: 16px 24px;
}
a.btn-outline-light{
  color: #f8f9fa;
  text-decoration: none;
}
a.btn-bleu-fonce {
  text-decoration: none;
}
.btn .bi {
  margin-left: 0.3rem;
}
.btn-outline-dark {
  color: #000000;
  border-color: #000000;
}
.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
  box-shadow: 0 0 0 0 rgb(33 37 41 / 0);
}


/* ////////////////////////////////////////////// */
/* //////////////   GLOBAL    ////////////////// */
/* ////////////////////////////////////////////// */
main {
  position: relative;
}
.main-top {
  margin-top: 0;
  padding-top: 5rem;
  padding-bottom: 3rem;
}
.main-top h1 {
  font-size: 3.5rem;
  text-transform: uppercase;
}
.main-top a {
  color: #000000;
  transition-duration: 0.5s;
}
.main-top a:hover {
  text-decoration: none;
}
.main-top p {
  margin-bottom: 0;
}


/* ////////////////////////////////////////////// */
/* ////////////////   Couleurs des liens  ////////////////// */
/* ////////////////////////////////////////////// */
.post-template-default .container a {
  color: #ea5045;
}


/* ////////////////////////////////////////////// */
/* ////////////////   CARROUSELS  ////////////////// */
/* ////////////////////////////////////////////// */

/* /////////////////////////// CARROUSELS Général  */
.padding-0 {
  padding-left: 0;
  padding-right: 0;
}
.glider-slide {
  align-content: flex-start !important;
}
.page-template-front-page-2 .glider-next,
.page-template-front-page-2 .glider-prev {
    top: 25%;
    flex-flow: row wrap;
    flex: initial;
    display: block;
    display: flex;
    background-color: rgb(255, 255, 255);
    z-index: 1;
    cursor: pointer;
    border-radius: 100%;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    transition: transform 300ms cubic-bezier(0.67, 0.29, 0.21, 1.03) 0ms;
    box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.4);
}

.page-template-front-page-2 .glider-prev,
.page-template-front-page-2 .glider-next {
    opacity: 0;
}
.glider-contain {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-right: 0;
  padding-left: 0;
}
.glider {
  margin: 0 auto;
  position: relative;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  transform: translateZ(0);
}
.glider-track {
  transform: translateZ(0);
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  z-index: 1;
}
.glider.draggable {
  user-select: none;
  cursor: -webkit-grab;
  cursor: grab;
}
.glider.draggable .glider-slide img {
  user-select: none;
  pointer-events: none;
}
.glider.drag {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.glider-slide {
  user-select: none;
  justify-content: center;
  align-content: center;
  width: 100%;
}
.glider-slide img {
  max-width: 100%;
}
.glider::-webkit-scrollbar {
  opacity: 0;
  height: 0;
}
.glider-prev,
.glider-next {
  user-select: none;
  position: absolute;
  outline: none;
  background: none;
  padding: 0;
  z-index: 2;
  font-size: 40px;
  text-decoration: none;
  left: -23px;
  border: 0;
  top: 30%;
  cursor: pointer;
  color: #666;
  opacity: 1;
  line-height: 1;
  transition: opacity 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67),
    color 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}
.glider-prev:hover,
.glider-next:hover,
.glider-prev:focus,
.glider-next:focus {
  color: #a89cc8;
}
.glider-next {
  right: -23px;
  left: auto;
}
.glider-next.disabled,
.glider-prev.disabled {
  opacity: 0;
  color: #666;
  cursor: default;
}
.glider-slide {
  min-width: 150px;
}
.glider-hide {
  opacity: 0;
}
.glider-dots {
  user-select: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
}
.glider-dot {
  border: 0;
  padding: 0;
  user-select: none;
  outline: none;
  display: block;
  cursor: pointer;
  color: #ccc;
  border-radius: 999px;
  background: #ccc;
  width: 12px;
  height: 12px;
  margin: 7px;
}
.glider-dot:hover,
.glider-dot:focus,
.glider-dot.active {
  background: #a89cc8;
}
@media (max-width: 36em) {
  .glider::-webkit-scrollbar {
    opacity: 1;
    -webkit-appearance: none;
    width: 7px;
    height: 3px;
  }
  .glider::-webkit-scrollbar-thumb {
    opacity: 1;
    border-radius: 99px;
    background-color: rgba(156, 156, 156, 0.25);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.25);
  }
}


/* /////////////////////////// CARROUSELS Podcasts  */
#Glider-Podcasts .container {
  padding-left: 0;
}
#Glider-Podcasts .couverture-titre {
  margin-bottom: 0;
}
#Glider-Podcasts .glider-slide {
  align-content: flex-end !important;
}

/* ////////////////////////////////////////////// */
/* //////////////   ACCUEIL NEW    ////////////////// */
/* ////////////////////////////////////////////// */
.page-template-front-page-2 h1 {
  font-size: 2.5rem;
  text-transform: none;
  color: #00949D;
}
.page-template-front-page-2 h2 {
  font-size: 1.5rem;
  text-transform: none;
}
.page-template-front-page-2 .col-lg-7 {
  margin-top: 2rem;
}
.arrondie {
  border-radius: 30px;
}
.page-template-front-page-2 .btn-dark {
  color: #ffffff;
}
.font-weight-200 {
  font-weight: 400;
  font-size: 1.5rem;
  margin: 1rem 0 !important;
}
.page-template-front-page-2 .btn-arrondi {
  border-radius: 100px;
}
.page-template-front-page-2 .librairies {
  margin: 3rem 0;
}
.page-template-front-page-2 .librairies .glider-slide,
.page-template-front-page-2 #Glider-Actualites .glider-slide,
.page-template-front-page-2 #Glider-Podcasts .glider-slide {
  min-width: 100px;
  padding-left: calc(var(--bs-gutter-x) / 2);
}
.page-template-front-page-2 .librairies .glider-slide a img {
  border-radius: 100px;
}
/* Actualités */
.page-template-front-page-2 .container-actualites {
  margin-top: 3rem;
}
.page-template-front-page-2 #Glider-Actualites .card {
  border: 0;
  margin-right: 1rem;
}
.page-template-front-page-2 #Glider-Actualites img {
  border-radius: 15px;
}
.page-template-front-page-2 #Glider-Actualites a {
  text-decoration: none;
}
.page-template-front-page-2 #Glider-Actualites .card-body {
  padding: 0;
}
/* JEL & Job */
#Accueil-JEL,
#Accueil-Job {
  margin-top: 1rem;
  margin-bottom: 4rem;
  overflow: hidden;
  border-radius: 30px;
}
#Accueil-JEL .row {
  background-color: #F12D29;
}
#Accueil-Job .row {
  background-color: #433683;
}
#Accueil-JEL h3,
#Accueil-Job h3 {
  font-size: 2rem;
}
#Accueil-JEL p,
#Accueil-Job p {
  font-size: 1.5rem;
}
#Accueil-JEL .text-white,
#Accueil-Job .text-white {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: calc(var(--bs-gutter-x));
  padding-right: calc(var(--bs-gutter-x));
}

#Accueil-JEL .row{
  flex-flow: column-reverse;
}
#Accueil-JEL .{ 
  padding-left: 0);
  padding-right: 0);
}
#Accueil-JEL .text-white{
  padding-left: calc(var(--bs-gutter-x));
  padding-right: calc(var(--bs-gutter-x));
}
#Accueil-JEL .video{
 padding-left: 0;
  padding-right: 0;
  line-height: 0;
}
#Accueil-JEL .btn-outline-light,
#Accueil-Job .btn-outline-light {
  color: #ffffff;
  padding: .375rem 1rem;
  border-radius: 0;
  margin-top: 2rem;
}
#Accueil-Job span {
  display: block;
}
#Accueil-JEL .btn-outline-light:hover {
  color: #F12D29;
}
#Accueil-Job .btn-outline-light:hover {
  color: #433683;
}
#Accueil-Job .bg-image {
  height: 300px;
}
/* Rayons */
#Glider-Rayons {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
#Glider-Rayons .glider-slide {
  min-width: fit-content;
  padding: 0.6rem 1rem;
  margin-left: calc(var(--bs-gutter-x) / 2);
  border-radius: 50px;
  font-size: 14px;
  font-weight: 400;
}

/* /////// Swiper /////// */

.container_swiper{
  position: relative;
}
#swiper_librairies .swiper-slide{
  width: 94.25px;
  margin-right: 15px;
}
#swiper_librairies .nom {
    text-align: center;
}
#swiper_librairies .nom a{
  line-height: 1.2;
  text-decoration: none;
  display: inline-block;
  margin-top: 7px;
  opacity: 0;
  transition: 1s opacity;
   transition-delay: .25s;
   font-size: 16px;
}
#swiper_librairies .swiper-slide:hover .nom a{
  opacity: 1;
  transition: .5s opacity;
  transition-delay: 0s;
}
#swiper_librairies .swiper-slide .img_lib{
  border-radius: 100px;
  overflow: hidden;
}
#swiper_actualites .swiper-slide {
  width:318.75px;
  margin-right: 15px;
}
#swiper_actualites .card {
  border: 0;
}
#swiper_actualites a {
  text-decoration: none;
}
#swiper_podcasts .swiper-slide {
  align-content: center;
}
#swiper_podcasts .swiper-slide .couverture-titre {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}
#swiper_podcasts .swiper-slide {
  width:151.88px;
  margin-right: 15px;
}

#swiper_categorieslivre .swiper-slide {
  width: auto;
}

#container_swiper_categorieslivre{
  margin: 60px 0;
}

#swiper_categorieslivre .swiper-slide a {
  min-width: fit-content;
  padding: 0.6rem 1rem;
  margin-left: calc(var(--bs-gutter-x) / 2);
  border-radius: 50px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}


.swiper-button-next, .swiper-button-prev{
  color: black
}
.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 24px;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: -45px;
  left: auto;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: -45px;
  right: auto;
}
#container_swiper_librairies .swiper-button-next, #container_swiper_librairies .swiper-button-prev ,
#container_swiper_actualites .swiper-button-next, #container_swiper_actualites .swiper-button-prev {
  top: 30%;
}

/* ////////////////////////////////////////////// */
/* //////////////   ACCUEIL    ////////////////// */
/* ////////////////////////////////////////////// */
.page-template-front-page h1 {
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
#ArtcilesAccueil {
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 1.5rem;
}
/* Librairie à la une Fixe */
#ArtcilesAccueil .sticky-top a {
  color: #ffffff;
}
.sticky-top {
  position: relative;
}

/* Zomm dans l'image */
#ArtcilesAccueil .sticky-top figure {
  position: relative;
  overflow: hidden;
  background-color: #23949C;
  max-height: 73vh;
  transition-duration: 0.5s;
}
.sticky3 figure {
  --hauteurA: 100vh;
  --hauteurB: calc(var(--hauteurA) - 6vh);
  --hauteurC: calc(var(--hauteurB) - 6vh);
  max-height: var(--hauteurC) !important;
}
#ArtcilesAccueil figure.effect-ruby img {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
#ArtcilesAccueil figure.effect-ruby:hover img {
  opacity: 0.9;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
}
#ArtcilesAccueil .sticky-top figure img {
  opacity: 0.5;
  position: relative;
  display: block;
  width: 100%;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
/* Titre dans la librairie à la une */
#ArtcilesAccueil figcaption {
  text-align: left;
}
#ArtcilesAccueil figcaption h3 {
  font-size: 2.5rem;
  font-weight: 400;
  text-transform: inherit;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ffffff;
}
#ArtcilesAccueil figcaption p {
  width: 100%;
  text-transform: uppercase;
}
#ArtcilesAccueil .libraire-honneur {
  font-size: 1.2rem;
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 10;
}
#ArtcilesAccueil .titre-libraire-honneur {
  position: absolute;
  padding: 30px;
  width: 100%;
  bottom: 0;
  z-index: 10;
}

/* Podcast & actualites */
#ArtcilesAccueil h4,
#ArtcilesAccueil h5 {
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 0;
}
#ArtcilesAccueil .liste-podcasts a:hover,
#ArtcilesAccueil .liste-actualites a:hover{
  color: #D9534F;
}


/* BLOCS LIENS VERS ARCHIVES ET PAGES */
.ligne-bloc {
  position: relative;
  height: 25vh;
}
.titre-bloc-haut {
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 4rem;
  margin-bottom:2rem;
}
#BlocsLiensHover a {
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
}
#BlocsLiensHover a .ligne-bloc {
  background-color: #ffffff;
  transition: .5s;
}
#BlocsLiensHover a:hover .ligne-bloc.violet {
  background-color: #443882;
  color: #ffffff;
}
#BlocsLiensHover a:hover .ligne-bloc.jaune {
  background-color: #ffb41f;
}
#BlocsLiensHover a:hover .ligne-bloc.rouge {
  background-color: #ea5045;
}
#BlocsLiensHover a:hover .ligne-bloc.vert {
  background-color: #23949C;
  color: #ffffff;
}
#BlocsLiensHover a:hover .ligne-bloc.blanc-casse {
  background-color: #fbfdf2;
}
.inverse-blocs :nth-child(2n) .ligne-bloc {
  flex-direction: row-reverse !important;
}
#BlocsLiensHover .tire-bloc {
  padding: 0 2rem;
  font-size: 2.5rem;
  font-weight: 400;
}
.visuel-bloc {
  position: relative;
  overflow: hidden;
}
.ligne-bloc .visuel-bloc img {
  position: absolute;
  transform: translateY(22vh);
  transition-duration: .5s;
}
.ligne-bloc:hover .visuel-bloc img {
  transform: translateY(-11vh);
}


/* ////////////////////////////////////////////// */
/* ////////////////   Archives Single COMMUN  ////////////////// */
/* ////////////////////////////////////////////// */
.intro-france-bleue{
  display: flex;
  flex-flow: row;
  align-items: center;
  margin-top: 10px;
}
.intro-france-bleue img {
  height: 80px;
  width: 95px;
  margin-right: 10px;
  float: left;
  margin-top: 0;
}

.intro-france-bleue p{
  line-height: 1.3;
}
.liste-arhive-posts {
  padding-top: 5rem;
}
.blog h1,
.archive h1 {
  font-size: 5rem;
  font-weight: 400;
  text-transform: uppercase;
}
a .link-partage {
  display: none;
  padding-left: 1rem;
}
a:hover .link-partage {
  display: initial;
}
a .link-acheter {
  display: initial;
}
ul {
  list-style: none;
}
ul li::before {
  content: "\2022";
  font-size: 1.5rem;
  color: #23949C;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.single ul li::before {
  color: #ea5045;
}
.single-podcasts ul li::before {
  color: #ffb41f;
}
.single-librairies ul li::before,
.background-vert ul li::before {
  color: #ffffff;
}
.partages {
  margin-top: 2rem;
}
.facebook-partage {
  margin-right: 1.5rem;
}
.single h2 {
  color: #ea5045;
  font-size: 2.4rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.single-podcasts h2 {
  color: #ffb41f;
}
.single h3 {
  margin-top: .5rem;
}
/* Boutons */
.single .wp-block-button__link {
  color: #000000 !important;
  background-color: #ea5045;
  transition-duration: .5s;
}
.single .wp-block-button__link:hover {
  color: #ea5045 !important;
  background-color: #000000;
}
.separation {
  width: 100%;
  display: block;
  border-top: 1px solid #ffffff;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.single-podcasts .separation,
.post-template-default .separation {
  border-top: 1px solid #000000;
}
.single-librairies .separation {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
/* Boutons Espace Libraires */
header .btn-espace-pro {
  border-right: 0 !important;
  padding: 9px 25px !important;
  margin-left: 40px;
  color: #ffffff !important;
  text-decoration: none !important;
  display: block !important;
  border-bottom: 0 !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  transition-duration: 0.5s !important;
  background-color: #000000;
  border-radius: 0;
}
header .btn-espace-pro:hover {
  background-color: #12949c;
}
/* ARTICLE SUIVANT */
.article-suivant {
  background-color: #2D2D2D;
  color: #ea5045;
  border-bottom: 2px solid #ea5045;
  padding-top: 80px;
}
.article-suivant a {
  color: #ea5045;
  text-decoration: none;
}
.single-post .article-suivant .container-content a:hover {
  color: #ffffff;
}
.article-suivant .container-content .row {
  padding-top: 70px;
  padding-bottom: 70px;
}
.art-suivant {
  font-size: 4rem;
  line-height: .89;
}
.titre-art-suivant {
  font-size: 1.8rem;
  line-height: 1.29;
}
.suivant-link {
  margin-top: 20px;
  margin-bottom: 10px;
}
.article-suivant .suivant-link:before {
  content: "\2192";
  color: #ffffff;
  position: absolute;
  font-size: 2rem;
  transition: width .2s ease;
  transition: margin-left .2s ease;
  overflow: hidden;
  margin-right: 10px;
}
.single-post .article-suivant .suivant-link:before {
  color: #ea5045;
}
.article-suivant .link {
  margin-left: 40px;
  color: inherit;
  transition: margin-left .2s ease;
}
.article-suivant a:hover .link {
  margin-left: 60px;
}
.article-suivant a:hover .suivant-link:before {
  margin-left: 20px;
}
.wp-block-image img {
  height: auto;
}


/* ////////////////////////////////////////////// */
/* ////////////////   Archives Podcasts  ////////////////// */
/* ////////////////////////////////////////////// */
.div-player {
 position: relative;
}
.player-podcast {
 width: 50px;
 margin-left: 7px;
 margin-top: 7px;
 position: absolute;
 top: calc(50% - 30px);
 left: calc(50% - 38px);
 opacity: 100;
 transition-duration: 0.5s;
 z-index: 9;
}
.post-type-archive-librairies .player-podcast {
  opacity: 0;
}
.liste-podcasts a,
.liste-actualites a{
  color: #2D2D2D;
  text-decoration: none;
  transition-duration: .5s;
}
.couverture-titre,
.liste-actualites .img-txt-actus {
  margin-bottom: 1.2rem;
}
.couverture-titre h5 {
  margin-bottom: 0;
}
.single-podcasts .couverture-titre,
.post-type-archive-podcasts .couverture-titre {
  margin-bottom: .5rem;
}
.div-titre-actu {
  border-bottom: 1px solid #2D2D2D;
  padding-bottom: .5rem;
}
.single-podcasts .div-titre-actu,
.post-type-archive-podcasts .div-titre-actu {
  padding-bottom: 1.2rem;
}
.infos-podcasts {
  text-transform: uppercase;
  font-size: .8rem;
  margin-bottom: 2.4rem;
}


/* ////////////////////////////////////////////// */
/* ////////////////   Archives Libraires  ////////////////// */
/* ////////////////////////////////////////////// */


.post-type-archive-librairies .liste-podcasts a {
  color: #ffffff;
}
.post-type-archive-librairies .couverture-titre {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.post-type-archive-librairies .titre-librairie {
  padding-top: 1rem;
}
.post-type-archive-librairies .ville-librairie {
  border-top: 1px solid #ffffff;
  margin-top: 1.2rem;
  margin-bottom: 3rem;
  padding-top: .5rem;
}
.single-librairies .ico-librairie {
  width: 40px;
}
.single-librairies h2 {
  color: #ffffff;
}
.single-librairies .liste-infos a {
  color: #ffffff;
  text-decoration: underline;
}
.single-librairies .liste-infos a {
  color: #ffffff;
  text-decoration: none;
}
.single-librairies .liste-infos a:hover {
  text-decoration: underline;
}
.single-librairies .ico-rs {
  font-size: 2rem;
  margin-right: 1rem;
}
.single-librairies .table {
  color: #ffffff;
  width: auto;
}
.single-librairies .table tr,
.single-librairies .table th,
.single-librairies .table td {
  border: 0;
}
.single-librairies .table>:not(caption)>*>* {
  padding: 0 5px 0 0;
}
.single-librairies .main-top .btn {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.content-librairie {
  margin-top: 2rem;
}
.content-librairie p {
  font-size: 20px;
  line-height: 32px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.titre-podcast-libraire {
  margin-top: 3rem;
}
.single-librairies #AutresPodcasts h2 {
  margin-bottom: 2rem;
}
.single-librairies #AutresPodcasts a {
  color: #ffffff;
}
.librairies-fond-blanc {
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.librairies-fond-blanc .image-zoom {
  display: block;
  position: absolute !important;
  max-height: 200px;
  width: auto !important;
  z-index: 9;
}
.single-librairies .couverture-titre {
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #ffffff;
}

#quicksearch{
  background: none;
  border: 1px solid #FFF;
  border-radius: 30px;
  padding: 2px 20px;
  color: #FFF;
  outline: none;
  width: 100%;
}

/* ////////////////////////////////////////////// */
/* ////////////////   Pagination  ////////////////// */
/* ////////////////////////////////////////////// */
.nav-links,
.post-type-archive-podcasts .pagination {
  width: 100%;
  margin-bottom: 2rem;
  text-align: center;
}
.page-numbers.current,
a.page-numbers:hover {
  background: #000000;
  color: #ffffff;
}
.page-numbers {
  display: inline-block;
  padding: 14px 16px;
  margin: 0 2px 0 0;
  border: 1px solid #000000;
  line-height: 1;
  text-decoration: none;
  border-radius: 2px;
  font-weight: 600;
}
.background-vert .page-numbers,
.background-violet .page-numbers{
  border: 1px solid #ffffff;
}


/* ////////////////////////////////////////////// */
/* ////////////////   Single Podcast  ////////////////// */
/* ////////////////////////////////////////////// */
.couverture-post {
  position: relative;
}
.maint-top .single-podcasts h1 {
  text-transform: uppercase;
  line-height: 3.2rem;
}
.wp-block-audio {
  margin-top:2rem !important;
}
.main-top .infos-podcasts {
  padding-bottom: .8rem;
  margin-bottom: .8rem;
}
.lien-librairie {
  text-transform: uppercase;
  font-size: .8rem;
  padding-top: .8rem;
  margin-top: .8rem;
  margin-bottom: 1rem;
  border-top: 1px solid #000000;
}
a.reserver-livre {
  background-color: #212529;
  border: 1px solid #212529;
  color: #ffb41f;
  margin-right: 1.5rem;
  transition-duration: 0.5s;
}
a.reserver-livre:hover {
  background-color: #ffb41f;
  border: 1px solid #212529;
  color: #212529;
}
#AutresPodcasts a {
  color: #2D2D2D;
  text-decoration: none;
}


/* ////////////////////////////////////////////// */
/* ////////////////   ASSOCIATION  ////////////////// */
/* ////////////////////////////////////////////// */
.main-padding {
  display: block;
  padding-bottom: 4rem;
  padding-top: 3rem;
}
.page-template-page-association h1 {
  margin-bottom: 5rem;
}
.page-template-page-association .img-asso {
  width: 100%;
}
.page-template-page-association .container-blanc h2,
.page-template-page-association .container-blanc h3 {
  color: #23949C;
  text-transform: none;
}
.page-template-page-association .container-blanc h2 {
  font-size: 2rem;
  text-transform: uppercase;
  line-height: 3rem;
  margin-bottom: 2rem;
}
.page-template-page-association .container-blanc h3 {
  font-size: 1.4rem;
  margin-top: 2rem;
}
.acf-map {
    width: 100%;
    height: 100%;
    min-height: 40em;
}
.col-map {
  padding-left: 0;
  padding-right: 0;
}
.acf-map h4 {
  color: #D9534F;
}
.acf-map .btn {
  color: #23949C;
  border-color: #23949C;
}
.acf-map .btn:hover {
  color: #ffffff;
  background-color: #23949C;
  border-color: #23949C;
}
.acf-map .gm-style-iw {
  padding-top: 2rem;
  padding-bottom: 2rem !important;
  padding-left: 2rem;
  padding-right: 2rem !important;
}
.acf-map .gm-style-iw-d {
  text-align: center;
  padding-bottom: 0 !important;
  padding-right: 0 !important;
}

/* ANIMATION TEXTE */
.message1 {
  margin-bottom: 5vh;
}
.message3 {
  margin-top: 5vh;
  padding-top: 3vh !important;
}
.messagedefilant {
  display: block;
  padding: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 8vh;
  font-size: 8vh;
  font-weight: 400;
  text-transform: uppercase;
  color: #ffb41f;
  -webkit-text-stroke: 1px #000000;
}
.messagedefilant div {
  position: absolute;
  min-width: 100%; /* au minimum la largeur du conteneur */
}
.messagedefilant div span,
.messagedefilant div:after {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  top:0;
}
.messagedefilant div span {
  animation: defilement 10s infinite linear;
}
.messagedefilant div:after {
  position: absolute;
  top:0;
  left:0;
  content:attr(data-text);
  animation: defilement2 10s infinite linear;
}
@keyframes defilement {
  0% { margin-left: 0; }
  100% { margin-left: -100%; }
}
@keyframes defilement2 {
  0% { margin-left: 100%; }
  100% { margin-left: 0%; }
}
.messagedefilant-inverse {
  padding-top: 1rem;
}
.messagedefilant-inverse div span {
  animation: defilement3 10s infinite linear;
}
.messagedefilant-inverse div:after {
  position: absolute;
  top:0;
  right:0;
  left: inherit;
  content:attr(data-text2);
  animation: defilement4 10s infinite linear;
}
@keyframes defilement3 {
  0% { margin-left: 0%; }
  100% { margin-left: 100%; }
}
@keyframes defilement4 {
  0% { margin-right: 100%; }
  100% { margin-right: 0%; }
}
/* END Animation Texte */


/* ////////////////////////////////////////////// */
/* ////////////////  JEUNES EN LIBRAIRIES  ////////////////// */
/* ////////////////////////////////////////////// */
.page-template-page-jeunes-en-librairies h1,
.page-template-page-jeunes-en-librairies h2,
.page-template-page-jeunes-en-librairies h3 {
  color: #f12d29;
}
.page-template-page-jeunes-en-librairies #Texte-Image .row {
  min-height: inherit;
}
.background-rouge-jeune h2 {
  color: #fbfdf2;
  text-align: center;
}
.background-rouge-jeune a {
  color: #fbfdf2;
}
.btn-download {
  width: 50%;
  font-weight: 500;
}
.btn-download:hover {
  color: #f12d29;
}
.btn-download .fas {
  margin-right: .5rem;
}


/* ////////////////////////////////////////////// */
/* ////////////////   Zoom dans les images  ////////////////// */
/* ////////////////////////////////////////////// */
.effect-zoom {
  position: relative;
  overflow: hidden;
}
.effect-zoom .image-zoom {
  position: relative;
  display: block;
  width: 100%;
  transition-duration: 0.25s;
  aspect-ratio: 8/5;
  object-fit: cover;
}
a:hover .effect-zoom .image-zoom {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.effect-zoom .player-podcast {
  width: 150px;
  top: 0;
  left: 0;
}



/* ////////////////////////////////////////////// */
/* ////////////////   COULEURS DES BACKGROUNDS  ////////////////// */
/* ////////////////////////////////////////////// */
.background-vert {
  background-color: #23949C;
  color: #ffffff;
}
.background-vert .btn-outline-light:hover {
  color: #23949C;
}
/* JAUNE */
.background-jaune {
  background-color: #ffb41f;
  color: #000000;
}
.background-jaune .btn-outline-dark:hover {
  color: #ffb41f;
}
/* VIOLET */
.background-violet {
  background-color: #443882;
  color: #ffffff;
}
.background-violet .btn-outline-light:hover {
  color: #443882;
}
.background-violet a{
  color: #ffffff;
}
/* ROUGE */
.background-rouge {
  background-color: #ea5045;
  color: #000000;
}
.background-rouge.btn-outline-dark:hover {
  color: #ea5045;
}
/* beige */
.background-beige {
  background-color: #fbfdf2;
  color: #000000;
}
.background-beige.btn-outline-dark:hover {
  color: #fbfdf2;
}
/* ROUGE JEUNE */
.background-rouge-jeune {
  background-color: #f12d29;
  color: #fbfdf2;
}
.background-rouge-jeune.btn-outline-dark:hover {
  color: #f12d29;
}
/* NOIR */
.background-noir {
  background-color: #000000;
  color: #23949C;
}
.background-rouge.btn-outline-dark:hover {
  color: #000000;
}



/* ////////////////////////////////////////////// */
/* ////////////////   CANDIDATURES  ////////////////// */
/* ////////////////////////////////////////////// */

.post-type-archive-candidatures .border-primary {
  border-color: #443882 !important;
  margin: 0 0 1em 0;
}
.post-type-archive-candidatures .border-primary:hover {
  background-color: #EAE6FC;
}
.post-type-archive-candidatures .card-header,
.post-type-archive-candidatures .border-primary .card-header:hover {
  background-color: #443882;
  color: #ffffff;
}
.link-emploi {
  color: #443882;
  text-decoration: none;
}
.link-emploi:hover {
  color: #443882;
  text-decoration: none;
}

.usp-input-custom,
.usp-input-title,
.usp-select .selectize-input {
  border: 1px solid #443882;
  padding: 0.4rem;
}
.usp-input-file-single {
  border: 0;
}
.usp-input::placeholder,
.usp-select .selectize-input::placeholder {
  font-weight: 100;
  padding-left: 1rem;
}
#file-upload-button,
input#file-upload-button {
  background: #EAE6FC !important;
}
.usp-submit {
  background-color: #443882;
  color: #ffffff;
  padding: 0.6rem 4rem;
  border: 0;
}
.usp-submit:hover {
  background-color: #29224E;
}
.wp-block-table td,
.usp-pro .usp-form {
  border: 0;
  padding: 2rem 0 !important;
}

.single-offresemploi h2,
.single-transmissions h2 {
  color: #443882;
}
.single-offresemploi .wpcf7-submit,
.single-transmissions.wpcf7-submit {
  background-color: #443882;
  border: 0;
  color: #ffffff;
  width: 100%;
  padding: 0.5rem;
}
.single-offresemploi .wpcf7-submit:hover,
.single-transmissions .wpcf7-submit:hover {
  background-color: #000000;
}
.single-offresemploi .article-suivant a,
.single-transmissions .article-suivant a {
  color: #443882;
}
.single-offresemploi .article-suivant,
.single-transmissions .article-suivant {
  background-color: #000000;
  color: #443882;
  border-bottom: 2px solid #443882;
}

.post-type-archive-offresemploi .wp-post-image {
  height: 95px;
  width: auto;
}
.post-type-archive-offresemploi .article-liste article,
.post-type-archive-transmissions .article-liste article {
  border: 1px solid #ffffff;
  height: 100%;
  padding: 2rem
}
.post-type-archive-offresemploi .article-liste article a,
.post-type-archive-transmissions .article-liste article a {
  text-decoration: none;
}
.article-liste.off{
  display: none;
}



/* ////////////////////////////////////////////// */
/* ////////////////   TEXTE / IMAGE  ////////////////// */
/* ////////////////////////////////////////////// */
.texte-image {
  margin-top: 2vw;
  margin-bottom: 2vw;
  padding-top: 8vw;
  padding-bottom: 8vw;
}
.texte-image .btn {
  margin-top: 2vw;
}
#Texte-Image:nth-child(2n) .d-flex {
    flex-direction: row-reverse !important;
}
#Texte-Image .col-md-5 {
  margin-bottom: 2rem;
}


/* ////////////////////////////////////////////// */
/* ////////////////   NEWSLETTER  ////////////////// */
/* ////////////////////////////////////////////// */
#Newsletter {
  padding-top: 8vw;
  padding-bottom: 8vw;
}
#Newsletter h2 {
  color: #000000;
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
#Newsletter .newsletter-word {
  display: none !important;
}
/* Modal de la newsletter */
.modal-header{
  display: block;
  border: 0;
}
#NewsletterModal .modal-content,
#RechercheModal .modal-content {
  height: 50vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #2D2D2D;
  color: #ffffff;
  border: 0px solid rgba(0,0,0,.2);
  border-radius: 0;
}
#RechercheModal .modal-content {
  height: auto;
}
#NewsletterModal .modal-body {
  flex: none;
}
#NewsletterModal .modal-footer {
  display: block;
  background-color: #000000;
  border: 0;
}
#RechercheModal .modal-footer {
  display: block;
}
#RechercheModal .modal-footer a {
  color: #12949c;
  transition-duration: 0.5s;
}
#RechercheModal .modal-footer a:hover {
  color: #ffffff;
}
#RechercheModal .input-group-btn,
#RechercheModal #SEPMotsRecherche,
#RechercheModal .input-group-btn {
  width: 55%;
  margin-bottom: 1rem;
}
#RechercheModal select {
    background: #443882;
    color: #ffffff;
    border: none;
}
#NewsletterModal .btn-close {
  opacity: 1;
}
#NewsletterModal .wpcf7-text {
  width: 50%;
  border: 1px solid #fff;
  padding: 5px 15px;
  color: #fff;
  background-color: #2D2D2D;
  -webkit-appearance: none;
  border-radius: 0;
  font-weight: 200;
  text-align: center;
}
#NewsletterModal .wpcf7-submit {
  border: 1px solid #ffffff;
  padding: 5px 20px;
}
.social-newsletter {
  width: 28px;
  margin-bottom: 2rem;
}
::placeholder {
  color: #ababab;
}
.wpcf7-form .wpcf7-list-item input:checked {
  background-position: center center;
  background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%208%208%22%20enable-background%3D%22new%200%200%208%208%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M6.4%2C1L5.7%2C1.7L2.9%2C4.5L2.1%2C3.7L1.4%2C3L0%2C4.4l0.7%2C0.7l1.5%2C1.5l0.7%2C0.7l0.7-0.7l3.5-3.5l0.7-0.7L6.4%2C1L6.4%2C1z%22%20%2F%3E%0A%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-size: 90% 90%;
  background-color: transparent;
}
.titre-Modal {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 1rem;
}
/* AJAX LOADER */
.wpcf7 .ajax-loader {
  position: absolute !important;
}


/* ////////////////////////////////////////////// */
/* ////////////////   CUSTOM PLAYER AUDIO   ////////////////// */
/* ////////////////////////////////////////////// */
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
  background-color: #ffb41f;
}
.wp-block-audio audio {
  border: 1px solid #000000;
  border-radius: 5rem;
}


/* ////////////////////////////////////////////// */
/* ////////////////   FOOTER   ////////////////// */
/* ////////////////////////////////////////////// */
footer {
  background-color: #2D2D2D;
  color: #909090;
  line-height: normal;
}
footer .container a,
footer p {
  color: #909090;
  font-size: 90%;
  transition: 0.3s;
  text-decoration: none;
}
footer .container a:hover {
  color:#ffffff;
}
footer .container p a {
  color: #909090;
  font-size: 100%;
  text-decoration: none;
}
footer .titre-footer {
  color: #ffffff;
  font-size: 100%;
  margin: .5rem 0 1.5rem 0;
}
footer .mentions {
  padding-top: 2.5rem;
}
footer .liens .logo {
  width: 95px;
  margin: 0 0 1.5rem 0;
}
/* ////////////////   Newsletter  ////////////////// */
footer .newsletter-rs {
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #909090;
}
footer .liens {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #909090;
}
footer ul{
  padding-left: 0;
  list-style: none;
}

footer .newsletter input {
  border-radius: 5px;
  color: #909090;
  font-size: 14px;
  background-color: #2d2d2d;
  border: 1px solid #909090;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
}
footer .wpcf7-form .wpcf7-text {
  width: 75%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-right: 0.4rem;
}
footer .wpcf7-form .wpcf7-submit {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  transition: all 0.3s ease-in-out;
}
footer .wpcf7-submit:hover {
  color: #2d2d2d;
  background-color: #909090;
}
footer .wpcf7-list-item {
  padding: 5px 0 0 0;
  margin: 0;
}
footer .txt-newsletter {
  color: #909090;
  font-size: 90%;
  font-style: italic;
  line-height: normal;
}
footer .wpcf7-list-item input {
  align-self: center;
  width: 15px;
  height: 15px;
  appearance: none;
  box-shadow: none;
  border: 1px solid #9B9B9B;
}
footer .wpcf7-list-item input:checked {
  background-position: center center;
  background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%208%208%22%20enable-background%3D%22new%200%200%208%208%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M6.4%2C1L5.7%2C1.7L2.9%2C4.5L2.1%2C3.7L1.4%2C3L0%2C4.4l0.7%2C0.7l1.5%2C1.5l0.7%2C0.7l0.7-0.7l3.5-3.5l0.7-0.7L6.4%2C1L6.4%2C1z%22%20%2F%3E%0A%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-size: 90% 90%;
  background-color: transparent;
}

footer .logos_partenaires{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  gap: 7px;
}

footer .footer-rs {
  flex-flow: row;
  justify-content: right;
  display: flex;
}

.footer-rs img {
  width: 2.5rem;
  margin-right: 1rem;
}


/* ////////////////////////////////////////////// */
/* ////////////////   404   ////////////////// */
/* ////////////////////////////////////////////// */
.error404 {
  background-color: #3DBDE7;
}
.error404 .cover-container {
  height: 92vh;
  background: url("../images/404.png") no-repeat center bottom;
}
.error404 h1 {
  font-size: 5rem !important;
  text-align: center;
  margin: 140px auto 0;
}


/* ////////////////////////////////////////////// */
/* ////////////////////////////////////////////// */
/* ////////////////////////////////////////////// */
/* ////////////////   EXTRANET EXTRANET  ////////////////// */
/* ////////////////////////////////////////////// */
/* ////////////////////////////////////////////// */
/* ////////////////////////////////////////////// */


body#extranet {
  background-color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-weight: 200;
  font-size: 18px;
  line-height: 2rem;
  color: #2D2D2D;
}

#extranet a {
  cursor:pointer;
}

/* SELECTION */
#extranet ::-moz-selection {
  color: #ffffff;
  background-color: #23949C;
}
#extranet ::selection {
  color: #ffffff;
  background-color: #23949C;
}

/* TITRES */
#extranet h2 {
  font-size: 2rem;
  line-height: 2.8rem;
  text-transform: uppercase;
}


/* ////////////////////////////////////////////// */
/* //////////////   HEADER    ////////////////// */
/* ////////////////////////////////////////////// */
#extranet .btn-alip {
    color: #2D2D2D;
    font-weight: 200;
    background-color: #23949C;
    border-color: #23949C;
    padding: 8px 24px !important;
}
#extranet .btn-alip:hover {
    color: #23949C;
    background-color: #212529;
}

#extranet .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
#extranet .navbar-nav ul {
  padding-left: 0;
}
#extranet .navbar-dark .navbar-nav .nav-link.active {
  font-size: 1.25rem;
  font-weight: 500;
}

#extranet .nav-link:hover {
    color: #23949C !important;
}
#extranet .navbar-nav ul li::before,
#extranet .navbar-nav li::before
 {
  content: none;
}


/* ////////////////////////////////////////////// */
/* //////////////   BOUTONS   ////////////////// */
/* ////////////////////////////////////////////// */
#extranet .btn {
  font-size: 18px;
  font-weight: 200;
  padding: 16px 24px;
  font-size: 1.25rem;
  font-weight: 500;
}
#extranet a.btn-outline-light{
  color: #f8f9fa;
  text-decoration: none;
}
#extranet a.btn-bleu-fonce {
  text-decoration: none;
}
#extranet .btn .bi {
  margin-left: 0.3rem;
}
#extranet .btn-outline-dark {
  color: #000000;
  border-color: #000000;
}
#extranet .btn-check:focus+.btn-outline-dark,
#extranet .btn-outline-dark:focus {
  box-shadow: 0 0 0 0 rgb(33 37 41 / 0);
}


/* ////////////////////////////////////////////// */
/* //////////////   GLOBAL    ////////////////// */
/* ////////////////////////////////////////////// */
#extranet main {
  position: relative;
}
#extranet .main-top {
  margin-top: 0;
  padding-top: 5rem;
  padding-bottom: 3rem;
  background-color: #ffffff;
}
#extranet .main-top h1 {
  font-size: 3.5rem;
  text-transform: uppercase;
}
#extranet .main-top a {
  color: #000000;
  transition-duration: 0.5s;
}
#extranet .main-top a:hover {
  text-decoration: none;
}
#extranet .main-top p {
  margin-bottom: 0;
}

#extranet .liste-actus h5,
#extranet .trois-pages h3 {
  color: #23949C;
}

#extranet .liste-actus a,
#extranet .trois-pages a {
  color: #000000;
  text-decoration: none;
}
#extranet .liste-actus a:hover,
#extranet .trois-pages a:hover {
  color: #23949C;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#extranet .single h1,
#extranet .main-top h1 {
  text-align: center;
}

#extranet .contenu .wp-block-button__link {
  background-color: #23949C;
}
#extranet .contenu .wp-block-button__link:hover {
  background-color: #212529!important;
  color: #23949C;
}



/* ////////////////////////////////////////////// */
/* ////////////////   FOOTER   ////////////////// */
/* ////////////////////////////////////////////// */
#extranet footer {
  background-color: #2D2D2D;
  color: #909090;
  line-height: normal;
}
#extranet footer .container a,
#extranet footer p {
  color: #909090;
  font-size: 90%;
  transition: 0.3s;
  text-decoration: none;
}
#extranet footer .container a:hover {
  color:#ffffff;
}
#extranet footer .container p a {
  color: #909090;
  font-size: 100%;
  text-decoration: none;
}
#extranet footer .titre-footer {
  color: #ffffff;
  font-size: 100%;
  margin: .5rem 0 1.5rem 0;
}
#extranet footer .mentions {
  padding-top: 2.5rem;
}
#extranet footer .liens .logo {
  width: 95px;
  margin: 0 0 1.5rem 0;
}
/* ////////////////   Newsletter  ////////////////// */
#extranet footer .newsletter-rs {
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #909090;
}
#extranet footer .liens {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #909090;
}
#extranet footer ul{
  padding-left: 0;
  list-style: none;
}

#extranet footer .newsletter input {
  border-radius: 5px;
  color: #909090;
  font-size: 14px;
  background-color: #2d2d2d;
  border: 1px solid #909090;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
}
#extranet footer .wpcf7-form .wpcf7-text {
  width: 75%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-right: 0.4rem;
}
#extranet footer .wpcf7-form .wpcf7-submit {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  transition: all 0.3s ease-in-out;
}
#extranet footer .wpcf7-submit:hover {
  color: #2d2d2d;
  background-color: #909090;
}
#extranet footer .wpcf7-list-item {
  padding: 5px 0 0 0;
  margin: 0;
}
#extranet footer .txt-newsletter {
  color: #909090;
  font-size: 90%;
  font-style: italic;
  line-height: normal;
}
#extranet footer .wpcf7-list-item input {
  align-self: center;
  width: 15px;
  height: 15px;
  appearance: none;
  box-shadow: none;
  border: 1px solid #9B9B9B;
}
#extranet footer .wpcf7-list-item input:checked {
  background-position: center center;
  background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%208%208%22%20enable-background%3D%22new%200%200%208%208%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M6.4%2C1L5.7%2C1.7L2.9%2C4.5L2.1%2C3.7L1.4%2C3L0%2C4.4l0.7%2C0.7l1.5%2C1.5l0.7%2C0.7l0.7-0.7l3.5-3.5l0.7-0.7L6.4%2C1L6.4%2C1z%22%20%2F%3E%0A%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-size: 90% 90%;
  background-color: transparent;
}
#extranet .footer-rs img {
  width: 2.5rem;
  margin-right: 1rem;
}


/* ////////////////////////////////////////////// */
/* ////////////////   404   ////////////////// */
/* ////////////////////////////////////////////// */
#extranet .error404 {
  background-color: #3DBDE7;
}
#extranet .error404 .cover-container {
  height: 92vh;
  background: url("../images/404.png") no-repeat center bottom;
}
#extranet .error404 h1 {
  font-size: 5rem !important;
  text-align: center;
  margin: 140px auto 0;
}



/* page CV-Thèque */
.page-id-7823 p {
  margin-bottom: 1.5rem;
}
.page-id-7823 .background-vert{
 background-color: #443882;
}

.page-id-7823 h1.text-center{
  text-align: left !important;
}