@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

html {
  font-family: "Roboto", sans-serif;
}
body a {
  color: black;
}

h1 {
  text-align: center;
  padding: 50px 0 30px 0;
}

#page,#main-wrapper {
  background-color: #F3F3F3;
}
.node--view-mode-teaser {
  border-bottom: 0;
}
.page-node-23 #page-wrapper,
.node--type-page #page-wrapper,
.node--type-creches #page-wrapper {
  overflow-x: hidden;
}

/* HEADER */

header {
  margin-bottom: 0;
}
.header-all-images {
  position: relative;
}
.header-all-images img {
  position: absolute;
}
.header-all-images .img-blue {
  top: -80px;
  left:50px;
}
.page-node-23 .header-all-images .img-blue,
.node--type-page .header-all-images .img-blue,
.page-view-actualites .header-all-images .img-blue,
.node--type-news .header-all-images .img-blue {
  display: none;
}
.path-search .header-all-images,
.path-search .footer-pink {
  display: none
}
.path-search .alert-wrapper {
  display: none;
}
.header-all-images .img-pink {
  right: -65px;
  top: -123px;
}
.page-node-23 .header-all-images .img-pink,
.node--type-page .header-all-images .img-pink,
.page-view-actualites .header-all-images .img-pink,
.node--type-news .header-all-images .img-pink,
.node--type-faq-longue .header-all-images .img-pink {
  right: -65px;
  top: 0;
  z-index:2;
}
.header-all-images .img-green {
  right: 243px;
  top: -63px;
}
.page-node-23 .header-all-images .img-green,
.node--type-page .header-all-images .img-green,
.page-view-actualites .header-all-images .img-green,
.node--type-news .header-all-images .img-green {
  right: inherit;
  top: 194px;
  left: 100px;
}
body.path-frontpage .header-all-images .img-green {
  top: 402px;
  z-index: 2;
}
.region-top-header {
  display: flex;
  align-items: center;
  margin: 10px 0;
}

.row-header {
  align-items: center;
}
#block-logo {
  margin-top: -18px;
}
#block-logo img {
  max-width: 200px;
  margin: 0;
}
#block-logo h1 {
  font-size: 25px;
  margin-left: 10px;
  display: inline-block;
}
#block-logo a {
  display: inline-block;
}
#navbar-main {
  background: none !important;
  padding: 0;
}

.navbar-expand-lg {
  justify-content: space-between;
}

#block-nomdusite h1 {
  color: black;
  font-size: 26px;
}

#block-responsivemenumobileicon .responsive-menu-toggle-icon {
  width: 44px;
  height: 33px;
}

.language-switcher-language-url span.fr::after {
  content: "//";
  margin-left: 5px;
  color: black;
  font-size: 15px;
  font-weight: bold;
}

.language-switcher-language-url span.nav-link {
  padding: 0 3px;
}
.language-switcher-language-url span.nav-link:first-child {
  padding: 0 3px 0 10px;
}

.language-switcher-language-url span.nav-link a {
  text-decoration: none;
}
.language-switcher-language-url span.nav-link a:hover {
  color: black;
  text-decoration: underline;
}

.language-switcher-language-url span.is-active a,
.language-switcher-language-url a.is-active {
  font-weight: 900;
}

/* GENERAL */
.node--view-mode-teaser {
  margin-bottom: 20px;
  padding-bottom: 30px;
}
body.path-frontpage .view-actualites-slideshow .node--view-mode-teaser {
  padding-bottom: 0;
  margin-bottom: 0;
}

a.readmore {
  margin-top: 10px;
  background-color: #266A97;
  color: #fff !important;
  padding: 0.5em 0.75em;
  float: right;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #000;
  font-family: "Roboto", sans-serif;
}

html body {
  color: #000;
  font-family: "Roboto", sans-serif;
}
.pagination {
  justify-content: center;
}

.page-item.active .page-link {
  background-color: black;
  border-color: black;
  color: white;
}

.page-link, .page-link:hover {
  color: black;
}

a, .link {
  color: #266A97;
}



.path-frontpage .background-full {
  background-color: #F3F3F3;
}


h1 {
  padding: 0;
}
.path-frontpage h1 {
  padding: 0;
  font-style: italic;
  font-size: 2rem;
  z-index: 2;
  position: relative;
}
.path-frontpage h1 span {
  font-style: normal;
  font-weight: 900;
}
.slogan {
  padding: 0;
  font-style: italic;
  font-size: 2rem;
  margin: 5px 45px 15px 45px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  z-index: 2;
  position: relative;
}
body.node--type-creches .slogan {
  margin: 35px 45px 50px 45px;
}
.slogan span {
  font-style: normal;
  font-weight: 900;
}
  /* Top header */
.title-page #block-vbx-page-title {
  background-color: #97C8D3;
  padding: 20px;
  position: relative;
  z-index: 1;
  margin-bottom: 15px;
}
body.node--type-news .title-page #block-vbx-page-title,
body.page-view-actualites .title-page #block-vbx-page-title {
  background-color: #D49DB0;
}
body.page-node-28 .title-page #block-vbx-page-title,
body.page-node-29 .title-page #block-vbx-page-title,
body.page-node-30 .title-page #block-vbx-page-title {
  background-color: #A7B88F;
}
.node--type-faq .title-page #block-vbx-page-title {
  margin-bottom: 0;
}
.node--type-faq .img-after-title {
  margin-bottom: 15px;
}
.title-page h1 {
  font-weight: 900;
  margin: 0;
  padding: 0;
  font-size: 1.9rem;
}
.region-top-header-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.path-frontpage .img-header {
  background-image: url(../images/header.jpeg);
  background-size: cover;
  background-position: center;
  min-height: 500px;
}
#block-vbx-formulairederecherche button[id^="edit-submit"].btn-primary {
  display: none;
}


#block-vbx-formulairederecherche {
  padding-right: 0;
  padding-bottom: 0;
  position: relative;
}
.header-search {
  padding-top: 10px;
}
header #search-block-form {
  flex-flow: row;
}
.search-icone-link i.bi.bi-search  {
  color: black;
}
header #search-block-form {
  width: 240px;
  padding: 0 15px;
}
#search-block-form.search-visible {
  display: flex;
}
#block-vbx-formulairederecherche button[id^="edit-submit"].btn-primary {
  display: none;
}

.form-type-search, #search-block-form #edit-actions {
  margin-bottom: 0 !important;
}

#search-form #edit-help-link {
  display: none;
}
#search-form .btn:hover {
  background-color: #F3F3F3;
}


i.bi.bi-search {
  color: black;
}

/* MENU */
#block-vbx-main-menu .navbar-nav {
  display: block;
  text-align: center;
}

#block-vbx-main-menu .navbar-nav li {
  display: inline-block;
  margin: 1px;
}
#block-vbx-main-menu .dropdown-item.active {
  background-color: white;
}
#block-vbx-main-menu .navbar-nav a {
  color: black;
  text-transform: uppercase;
  padding: 0 15px;
  font-weight: bold;
  text-decoration: none;
}
#block-vbx-main-menu .navbar-nav a:hover,
.list-faq a:hover {
  text-decoration: none;
  color: #686868;
}
#block-vbx-main-menu .navbar-nav .dropdown-item a:hover {
  color: black;
}
#block-vbx-main-menu .navbar-nav .dropdown-item:active {
  color: inherit;
  background-color: inherit;
}
/*#block-vbx-main-menu a.is-active {
  padding-bottom: 10px;
  border-bottom: 2px solid #c2c2c2;
}
#block-vbx-main-menu .nav-item:nth-child(2) a.is-active,
#block-vbx-main-menu .nav-item:nth-child(5) a.is-active {
  border-bottom: 2px solid #be91d4;
}
#block-vbx-main-menu .nav-item:nth-child(3) a.is-active {
   border-bottom: 2px solid #8ac4f4;
}
#block-vbx-main-menu .nav-item:nth-child(4) a.is-active {
  border-bottom: 2px solid #ffdc4f;
}*/
#block-vbx-main-menu a.is-active::after,
#block-vbx-main-menu a.active::after {
  content: "";
  background-image: url(../images/frise_verte.png);
  width: 100px;
  height: 20px;
  background-size: cover;
  display: block;
  border: none;
  margin-left: 10px;
  z-index: 3;
  position: relative;
}
#block-vbx-main-menu .dropdown-item.active a::after {
  display: none;
}

/* MAIN */
body.path-frontpage #block-vbx-content .node--view-mode-full {
  background-color: transparent;
  padding: 0;
}

.full-title-parents {
  background-color: #97C8D3;
  text-align: center;
  padding: 20px;
  position: relative;
  z-index: 1;
}
.full-title-actus {
  background-color: #D49DB0;
  text-align: center;
  padding: 20px;
  position: relative;
  z-index: 2;
}
.full-title-pros {
  background-color: #A7B88F;
  text-align: center;
  padding: 20px;
  position: relative;
  z-index: 2;
}
.full-title-parents h2,
.full-title-actus h2,
.full-title-pros h2 {
  text-transform: uppercase;
  font-weight: 900;
}
/* NEWS & AGENDA */
.view-actualites img, .view-agenda img {
  width: 100%;
}

.view-actualites h2, .view-agenda h2 {
  padding-top: 0px;
  font-size: 28px;
}

article.node--type-news.node--view-mode-full .field--name-field-intro,
article.node--type-agenda.node--view-mode-full .field--name-field-intro,
article.node--type-creches.node--view-mode-full .field--name-field-intro {
  font-weight: bold;
}

article.node--type-news .field--name-field-image img,
article.node--type-agenda .field--name-field-image img,
article.node--type-creches .field--name-field-image img {
  width: 100%;
  height: auto;
}

article.node--type-agenda .news-intro-text {
  position: relative;
}

.view-actualites-slideshow .image-news-category .news-category {
  background-color: white;
}

.view-actualites-slideshow .image-news-category,
.view-agenda-slideshow .image-news-category,
.view-id-actualites .image-news-category,
.view-id-agenda .image-news-category {
  position: relative;
  margin-bottom: 30px;
}

.view-actualites-slideshow .view-header,
.view-agenda-slideshow .view-header {
  margin-bottom: 25px;
}
#views-exposed-form-actualites-page-1 {
  background-color: #F3F3F3;
  padding: 20px;
  border-radius: 20px;
  margin: 15px 0 30px 0;
}
#views-exposed-form-actualites-page-1 .js-form-item {
  margin-right: 15px;
}

.news-block .field--name-field-categorie,
.news-block .field--name-field-date {
  margin: 10px 0;
}
.news-block-text {
  background-color: white;
  padding: 20px 15px 0 15px;
  text-align: center;
  min-height: 118px;
}
body.page-view-actualites .news-block-text {
  min-height: 200px;
}
#block-vbx-views-block-creches-block-1 .news-block-text {
  min-height: 200px;
 }
.news-block-img {
  position: relative;
}
.news-block-img .news-icon {
  position: absolute;
  bottom: -28px;
  right: 0;
  left: 0;
  text-align: center;
  display: flex;
  justify-content: center;
}
.news-block-img .news-icon-circle {
  background-color: #D49DB0;
  border-radius: 50px;
  display: block;
  width: 58px;
}
.news-block:hover .news-block-img .news-icon-circle {
  background-color: #e9b2c5;
}
#block-vbx-views-block-mis-en-avant-home-block-1 .news-block-img .news-icon-circle,
#block-vbx-views-block-creches-block-1 .news-block-img .news-icon-circle {
  background-color: #97C8D3;
}
#block-vbx-views-block-mis-en-avant-home-block-1  .news-block:hover .news-block-img .news-icon-circle,
#block-vbx-views-block-creches-block-1  .news-block:hover .news-block-img .news-icon-circle {
  background-color: #b2e1ec;
}
#block-vbx-views-block-mis-en-avant-home-block-2 .news-block-img .news-icon-circle {
  background-color: #A7B88F;
}
 #block-vbx-views-block-mis-en-avant-home-block-2 .news-block:hover .news-block-img .news-icon-circle {
  background-color: #bbcda1;
}
.news-block-img .news-icon-circle-white {
  background-color: white;
  padding: 4px;
  border-radius: 50px;
}
.news-block-img i.bi {
  font-size: 36px;
  color: white;
}
.news-block-text .field--name-field-categorie {
  text-transform: uppercase;
}
.news-block-text h2 {
  margin-bottom: 15px;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 900;
}
.node--type-news.node--view-mode-teaser a,
.view-id-actualites .block-new a,
.node--type-agenda.node--view-mode-teaser a,
.node--type-page.node--view-mode-teaser a,
.node--type-creches.node--view-mode-teaser a,
.node--type-faq.node--view-mode-teaser a,
.node--type-faq-longue.node--view-mode-teaser a {
  text-decoration: none;
}
.node--type-news.node--view-mode-teaser a:hover,
.view-id-actualites .block-new a:hover,
.node--type-agenda.node--view-mode-teaser a:hover,
.node--type-page.node--view-mode-teaser a:hover,
.node--type-creches.node--view-mode-teaser a:hover,
.node--type-faq.node--view-mode-teaser a:hover,
.node--type-faq-longue.node--view-mode-teaser a:hover {
  color: #565656;
}

.node--type-news.node--view-mode-teaser a:hover h2,
.view-id-actualites .block-new a:hover h2,
.node--type-agenda.node--view-mode-teaser a:hover h2,
.node--type-page.node--view-mode-teaser a:hover h2,
.node--type-creches.node--view-mode-teaser a:hover h2,
.node--type-faq.node--view-mode-teaser a:hover h2,
.node--type-faq-longue.node--view-mode-teaser a:hover h2 {
  color: #565656;
}
.node--type-news.node--view-mode-teaser:hover,
.view-id-actualites .block-new:hover,
.node--type-agenda.node--view-mode-teaser:hover,
.node--type-page.node--view-mode-teaser:hover,
.node--type-creches.node--view-mode-teaser:hover,
.node--type-faq.node--view-mode-teaser:hover,
.node--type-faq-longue.node--view-mode-teaser:hover {
  transform: translateY(-10px);
  transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}

.node--type-news.node--view-mode-teaser:hover img,
.node--type-news.node--view-mode-teaser:hover img,
.view-id-actualites .block-new:hover img,
.node--type-page.node--view-mode-teaser:hover img,
.node--type-creches.node--view-mode-teaser:hover img,
.node--type-faq.node--view-mode-teaser:hover img,
.node--type-faq-longue.node--view-mode-teaser:hover img {
  filter: opacity(0.8);
}

/* NEWS*/

.news-intro {
  padding: 25px 0 25px 25px;
  margin: 25px auto;
  border-radius: 20px;
  width: 85%;
  align-items: end;
}


.node--type-agenda .news-intro .field--name-field-intro {
  display: block;
  padding-top: 45px;
}
.node--type-news .view-news-main-image {
  text-align: center;
  padding: 25px 0;
  background-color: white;
}


.node--type-news .field--type-image {
  margin: 0;
}

.node--type-news .breadcrumb {
  margin: 35px 0;
}

.breadcrumb li:first-letter {
  text-transform: capitalize;
}

h1 {
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.node--type-news .main-content .field--name-body,
.node--type-agenda .main-content .field--name-body,
.node--type-page .main-content .field--name-body {
  margin-bottom: 40px;
}

.node--type-page .node--view-mode-full,
.node--type-news .node--view-mode-full {
  background-color: white;
  padding: 25px;
  position: relative;
  z-index: 2;
}
.page-node-22 .node--view-mode-full,
.page-node-23 .node--view-mode-full {
  background-color: transparent;
  padding: inherit;
}
.node--type-page .field--type-image {
  float: none;
  text-align: center;
}
.paragraph-left,
.paragraph-right {
  align-items: center;
  margin-bottom: 30px;
}



.paragraph--type--_-colonnes {
  margin-bottom: 30px;
}

.paragraph--type--_-colonnes .field--name-field-texte,
.paragraph--type--_-colonnes .field--name-field-texte-2 {
  padding: 10px;
}

.paragraph--type--_-colonnes .first-column {
  border-right: 1px solid #F3F3F3;
}

/* Basic page */


/* Breadcrumb */
.breadcrumb-item.active,
.breadcrumb a {
  color: black;
}

.breadcrumb a:hover {
  text-decoration: underline;
  color: black;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "";
}

.breadcrumb {
  align-items: center;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #ccc;
  content: "/";
}
.breadcrumb {
  display: block;
}

.breadcrumb li {
  display: inline-block;
  margin-bottom: 20px;
  text-transform: lowercase;
}
.node--type-news .breadcrumb {
  margin: 35px 0 15px 0;
}
/* HOME */

body.path-frontpage .node__content {
  margin-top: 0;
}
#block-vbx-mainimagehome img {
  z-index: 1;
  position: relative;
  max-height: 550px;
  width: auto;
  margin: 0 auto;
  display: block;
}
#block-vbx-mainimagehome {
  padding-bottom: 50px;
}
.block-main-home {
  background-color: white;
  padding: 25px 50px;
  width: 75%;
  margin: -90px auto 0 auto;
  z-index: 2;
  position: relative;
}
.block-main-home {
  text-align: center;
}
.block-main-home h2 {
  margin-bottom: 15px;
}
#block-miseenavanthomepage {
  background-image: url('../images/main.jpg');
  background-size: cover;
}

#block-miseenavanthomepage:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: .6;
}

#block-miseenavanthomepage .content {
  color: #fff;
  text-shadow: 1px 1px #000000;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: 40%;
}

#block-miseenavanthomepage .content a {
  color: #fff;
  text-decoration: none;
}

body.path-frontpage .main-content #block-views-block-actualites-slideshow-block-1, body.path-frontpage .main-content #block-views-block-agenda-slideshow-block-1,
body.path-frontpage .main-content #block-miseenavanthomepage {
  padding-right: 5px;
  padding-left: 5px;
}

.view-actualites-slideshow, .view-agenda-slideshow, #block-miseenavanthomepage {
  position: relative;
  z-index: 2;
}

body.path-frontpage .main-content .section-first {
  margin-bottom: 50px;
}
#block-vbx-introhome {
  margin: 50px 0 35px 0;
  text-align: center;
  font-size: 20px;
}
#block-vbx-introhome span {
  font-weight: bold;
}

/* SLIDESHOW */


#block-views-block-actualites-slideshow-block-1 .views-field-title {
  /*  text-align: center;*/
}

#block-views-block-actualites-slideshow-block-1 .views-field-title a,
.view-agenda-slideshow .views-field-title a,
.view-id-actualites .views-field-title a,
.view-id-agenda .views-field-title a {
  color: black;
  text-decoration: none;
  font-weight: bold;
  font-size: 24px;
}

#block-views-block-actualites-slideshow-block-1 .views-field-title a:hover,
.view-agenda-slideshow .views-field-title a:hover,
.view-id-actualites .views-field-title a:hover,
.view-id-agenda .views-field-title a:hover {
  text-decoration: underline;
}

.view-id-actualites .block-new,
.view-id-agenda .block-new {
  margin-bottom: 30px;
  z-index: 2;
}

#block-views-block-actualites-slideshow-block-1 .view-header h2 a, #block-views-block-agenda-slideshow-block-1 .view-header h2 a {
  text-decoration: none;
  color: black;
  font-size: 28px;
}
#block-views-block-actualites-slideshow-block-1 .view-header h2,
#block-views-block-agenda-slideshow-block-1 .view-header h2,
#block-vbx-views-block-mis-en-avant-home-block-1 .view-header h2 {
  display: inline-block;
}
#block-vbx-views-block-mis-en-avant-home-block-1 .view-header h2 {
  padding-bottom: 15px
}
#block-views-block-actualites-slideshow-block-1 .view-header, #block-views-block-agenda-slideshow-block-1 .view-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.btn-all,
.btn {
  display: inline-block;
  padding: 5px 15px;
  text-decoration: none;
}
.btn-more {
  display: inline-block;
  background-color: black;
  color: white;
  border-radius: 20px;
  padding: 5px 15px;
  float: right;
  text-decoration: none;
}
.btn-all:hover,
.btn:hover {
  text-decoration: none;
  background-color: white;
  color: black;
  border: 1px solid #0e366d;
}
.btn-all:hover i,
.btn:hover i {
  color: black;
}
.btn-more:hover {
  text-decoration: none;
  background-color: #F3F3F3;
  color: black;
}
#block-views-block-agenda-slideshow-block-1 .btn-all:hover {
  background-color: #F3F3F3;
}
.bi-plus::before,
.bi-dash::before {
  font-weight: 900 !important;
}
.uk-overlay.uk-text-center.uk-position-bottom {
  margin-bottom: 10px;
}

.uk-overlay.uk-text-center.uk-position-bottom a {
  font-size: 15px;
  color: #000;
  text-decoration: none;
}

.uk-overlay.uk-text-center.uk-position-bottom h3 {
  padding: 0;
  padding-bottom: 3px;
  line-height: 11px;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 10px;
}

ul.uk-slider-nav.uk-dotnav.uk-flex-center.uk-margin {
  position: absolute;
  z-index: 999;
  bottom: -10px;
  left: 25px;
}


.uk-slider a.uk-slidenav,
.uk-slider a.uk-slidenav {
  background-color: #D49DB0;
  color: black;
  border-radius: 25px;
  margin:0;
}
.uk-dotnav > * > * {
  border: 1px solid #fff;
  background-color: #fff;
}

.uk-dotnav > .uk-active > * {
  background-color: black;
}

/* AGENDA */
#block-views-block-agenda-slideshow-block-1 {
  margin-top: 25px;
}
.node--type-agenda .field--name-field-image {
  float: none;
  text-align: center;
}
body.node--type-agenda .field--name-field-date .bi {
  padding-right: 10px;
}
body.node--type-agenda .field--name-field-date {
  margin-bottom: 15px;
}

/* COLLAPSE */
.collapsediv {
  margin-top: 0px;
  margin-bottom: 10px;
  background-color: black;
  color: white;
  padding: 10px;
}

.collapsediv a, .collapsediv a:hover, .collapsediv a:focus {
  color: #fff;
  text-decoration: none !important;
  width: 100%;
  display: block;
}

.collapsediv i {
  float: right;
}

/* CRECHES */
#views-exposed-form-creches-block-1,
#views-exposed-form-carte-block-1 {
  background-color: white;
  padding: 15px 15px 0 15px;
  margin: 0 auto 50px auto;
  width: 800px;
}
.node--type-creches .creche-img .uk-slideshow img {
  height: 100%;
  width: auto;
}
#views-exposed-form-creches-block-1 .js-form-item ,
#views-exposed-form-carte-block-1 .js-form-item {
  text-transform: uppercase;
  width: 50%;
  text-align: center;
  font-weight: 900;
  padding-bottom: 5px;
  font-size: 18px;
}
#views-exposed-form-creches-block-1 button,
#views-exposed-form-carte-block-1 button,
.btn-black {
  background-color: black;
  border-color: black;
  color: white;
  text-transform: uppercase;
  padding: 10px 15px;
  font-weight: 900;
}
#views-exposed-form-creches-block-1 button:hover,
#views-exposed-form-carte-block-1 button:hover {
  background-color: #565656;
  border-color: #565656;
  color: white;
}
#views-exposed-form-creches-block-1 .d-flex,
#views-exposed-form-carte-block-1 .d-flex {
  justify-content: flex-end;
}
#views-exposed-form-creches-block-1 select,
#views-exposed-form-carte-block-1 select,
#views-exposed-form-creches-block-1 #edit-combine,
  #views-exposed-form-carte-block-1 #edit-combine {
  width: 300px;
  margin: 0 auto;
  background-color: #F3F3F3;
}
#views-exposed-form-creches-block-1 label ,
#views-exposed-form-carte-block-1 label {
  padding-bottom: 12px;
}
.node--type-creches.node--view-mode-teaser .field--name-field-adresse,
.node--type-creches.node--view-mode-teaser .field--name-field-capacite {
  display: inline;
}
.node--type-creches h1 {
  margin:0 0 .5rem 0;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 2rem;
  text-align: left;
}
.creche-block-top h1 span {
  font-weight: 900;
}
.node--type-creches #block-vbx-page-title {
  display: none;
}
.node--type-creches .creche-horaires {
  position: relative;
  padding-bottom: 30px;
}
.node--type-creches .creche-horaires .img-pink {
  position: absolute;
  top: 25px;
  right: 25px;
}
.node--type-creches  .header-all-images .img-pink {
  display: none;
}
.node--type-creches  .header-all-images .img-green {
  left: 200px;
  right: unset;
  top: -11px;
}
.node--type-creches  .header-all-images .img-blue {
  right: -33px;
  left: unset;
  top: -40px;
}
.node--type-creches .footer-blue,
.node--type-creches .footer-pink,
.node--type-page .footer-pink {
  display: none;
}
.label-creche {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 900;
  padding-top: 15px;
  line-height: 1;
}
#block-vbx-views-block-creches-block-1 {
  z-index: 2;
}
#block-vbx-views-block-creches-block-1 .bi-geo-alt-fill,
#block-vbx-views-block-creches-block-1 .bi-people-fill {
  font-size: 24px;
  padding-right: 5px;
}
#block-vbx-views-block-creches-block-1 .creche-adresse,
#block-vbx-views-block-creches-block-1 .creche-capacite {
  color: #020202;
}
#block-vbx-views-block-creches-block-1 .node--type-creches.node--view-mode-teaser a:hover .creche-adresse,
#block-vbx-views-block-creches-block-1 .node--type-creches.node--view-mode-teaser a:hover .creche-capacite {
  color: #565656;
}
#block-vbx-views-block-creches-block-1 .creche-adresse {
  padding-bottom: 5px;
}
#block-vbx-views-block-creches-block-1 .creche-infos {
  line-height: 1;
}
.creche-block {
  background-color: white;
  margin-bottom: 20px;
  padding: 30px;
}
.creche-block-top {
  padding: 0;
}
.creche-block .creche-info {
  padding: 30px 30px 7px 30px;
}
.creche-block .creche-img {
  padding: 0;
}
.creche-block .field--name-field-image {
  float: none;
  margin: 0;
}
.creche-block .field--name-field-image img {
  margin: 0;
}
.creche-block .btn-black,
#block-vbx-content .search-form #edit-submit {
  margin-top: 12px;
  background-color: #97C8D3;
  border-color: #97C8D3;
  color: black;
}
#block-vbx-content .search-form #edit-submit {
  margin-top: 0;
}
.creche-block .field__label {
  font-weight: 900;
  text-transform: uppercase;
  padding-right: 10px;
}
.creche-block tr {
  background: none
}
.creche-block td {
  border: 1px solid black;
}
.creche-block table {
  font-weight: 900;
  text-transform: uppercase;
  width: 60%;
}
.node--type-fermetures {
  font-weight: 900;
  text-transform: uppercase;
}
.node--type-fermetures p {
  margin-bottom: 8px;
}
.creche-block h2 {
  text-transform: uppercase;
  font-weight: 400;
  padding-bottom: 30px;
}
article.node--type-creches .creche-block .field--name-field-services img {
  width: auto;
}
article.node--type-creches .uk-slidenav-previous, article.node--type-creches .uk-slidenav-next {
  background-color: black;
  color: white;
  padding: 15px 20px;
  border-radius: 50%;
}
article.node--type-creches .uk-slidenav-previous {
  margin-left: 5px;
}
article.node--type-creches .uk-slidenav-next {
  margin-right: 5px;
}
article.node--type-creches .field--type-entity-reference {
  margin:0;
}
article.node--type-creches .field--name-field-services {
  margin-top: -12px;
}
.geolocation-map-container .views-field-title {
  margin-bottom: 5px;
}
.geolocation-map-container .views-field-title a {
  font-weight: bold;
}
.geolocation-map-container .gm-style-iw-d {
  margin-top: -18px;
}
/* FAQ */
.faqfield-answer {
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 75%;
  margin: 0 auto;
}
.node--type-faq .faqfield-answer p {
  margin-bottom: 10px;
}
.node--type-faq-longue .faqfield-answer {
  text-align: left;
  width: 85%;
}
.node--type-faq-longue .faq-wrapper {
  background-color: white;
  margin: 25px 0;
  padding: 25px 10px;
  z-index: 2;
  position: relative;
}
.faqfield-question {
  text-align: center;
  margin-bottom: 25px;
  font-size: 1.75rem;
}
.field--name-field-faq .field__item {
  background-color: white;
  margin: 20px 0 50px 0;
  padding: 25px 0 50px 0;
  position: relative;
}
.field--name-field-faq .field--type-image .field__item {
  padding: 0;
  margin: 0;
}
#block-logo .field__item {
  padding: 0;
}
.node--type-faq .field--name-field-faq .faq-wrapper:nth-child(1)::after,
.node--type-faq .field--name-field-faq .faq-wrapper:nth-child(4)::after,
.node--type-faq .field--name-field-faq .faq-wrapper:nth-child(7)::after,
.node--type-faq .field--name-field-faq .faq-wrapper:nth-child(10)::after,
.node--type-faq .field--name-field-faq .faq-wrapper:nth-child(13)::after {
  content: url("/themes/custom/vbx/images/faq-blue.png");
  text-align: center;
  display: block;
}
.node--type-faq .field--name-field-faq .faq-wrapper:nth-child(2)::after,
.node--type-faq .field--name-field-faq .faq-wrapper:nth-child(5)::after,
.node--type-faq .field--name-field-faq .faq-wrapper:nth-child(8)::after,
.node--type-faq .field--name-field-faq .faq-wrapper:nth-child(11)::after,
.node--type-faq .field--name-field-faq .faq-wrapper:nth-child(14)::after {
  content: url("/themes/custom/vbx/images/faq-pink.png");
  text-align: center;
  display: block;
}
.node--type-faq .field--name-field-faq .faq-wrapper:nth-child(3)::after,
.node--type-faq .field--name-field-faq .faq-wrapper:nth-child(6)::after,
.node--type-faq .field--name-field-faq .faq-wrapper:nth-child(9)::after,
.node--type-faq .field--name-field-faq .faq-wrapper:nth-child(12)::after,
.node--type-faq .field--name-field-faq .faq-wrapper:nth-child(15)::after {
  content: url("/themes/custom/vbx/images/faq-green.png");
  text-align: center;
  display: block;
}
.faq-icon {
  text-align: center;
  display: flex;
  justify-content: center;
  margin: 20px 0;
  position: absolute;
  bottom: -40px;
  left: 48%;
}
.faq-icon-circle {
  background-color: #D49DB0;
  border-radius: 50px;
  display: block;
  width: 40px;
  height: 40px;
  color: white;
}
.faq-icon-circle .bi-plus,
.faq-icon-circle .bi-dash {
  font-size: 27px;
}
.faq-icon-circle:hover {
  background-color: #e9b2c5;
}
#block-vbx-pedagogie,
#block-vbx-inscriptions,
#block-vbx-inscriptionsancres,
#block-vbx-valeurs {
  background-color: white;
  padding: 50px 25px 60px 25px;
  position: sticky;
  top:25px;
  margin-top: 20px;
}
#block-vbx-pedagogie a,
#block-vbx-inscriptions a,
#block-vbx-inscriptionsancres a,
#block-vbx-valeurs a {
  text-decoration: none;
  font-weight: bold;
}
#block-vbx-pedagogie li,
#block-vbx-inscriptions li,
#block-vbx-inscriptionsancres li,
#block-vbx-valeurs li {
  padding-bottom: 10px;
}
#block-vbx-pedagogie .field--name-body,
#block-vbx-inscriptions .field--name-body,
#block-vbx-inscriptionsancres .field--name-body,
#block-vbx-valeurs .field--name-body {
  position: relative;
}
#block-vbx-pedagogie .img-green-faq,
#block-vbx-inscriptions .img-green-faq,
#block-vbx-inscriptionsancres .img-green-faq,
#block-vbx-valeurs .img-green-faq {
  position: absolute;
  right: -37px;
  bottom: -81px;
  width: 120px;
}

#block-vbx-content .field--name-field-media-image {
  float: none;
}
#block-vbx-content .field--name-field-media-image img {
  margin: 25px auto;
  display: block;
}

  /* FOOTER */
.site-footer {
  background: #F3F3F3;
  font-family: "Roboto", sans-serif;
}
.site-footer__bottom {
  border-top: 0;
}

#block-liensfooter .content ul {
  list-style: none;
  display: inline-block;
}

#block-liensfooter .content ul li {
  float: left;
  margin-right: 10px;
}

#block-liensfooter {
  margin: 0 auto;
  text-align: center;
}

.path-frontpage .site-footer {
  background-color: #F3F3F3;

}
.site-footer .content,
.site-footer .content a {
  color: black;
  font-size: 1.1rem;
}
.site-footer .content a:hover {
  color: black;
  text-decoration: none;
}
.site-footer .logo-footer {
  float: left;
  width: 200px;
}
.site-footer {
  position: relative;
  padding: 0;
  overflow-x: hidden;
}
.footer-pink {
  position : absolute;
  right: -103px;
  bottom: 70px;
}
.footer-blue {
  position : absolute;
  left: 10px;
  bottom: 230px;
}
.path-user .footer-blue,
.path-user .footer-pink,
.path-user .img-blue,
.path-user .img-green,
.path-user .img-pink {
  display: none;
}
.page-node-23 .path-frontpage,
.page-view-actualites .footer-blue,
.node--type-news .footer-blue,
.node--type-faq .footer-blue,
.node--type-faq .img-pink,
.node--type-faq .img-blue,
.node--type-faq .img-green,
.page-view-actualites .img-pink,
.node--type-news .img-pink,
.node--type-faq-longue .img-green {
  display: none;
}
.node--type-faq-longue .img-blue {
  top: 600px;
}
.node--type-faq .footer-pink {
  transform: rotate(-90deg);
  bottom: -26px;
  right: 0;
  width: 300px;
}
.page-node-74 .img-after-title {
  background-image: url(../images/header-tarif.jpeg);
  background-size: cover;
  background-position: center;
  min-height: 500px;
}
.page-node-75 .img-after-title {
  background-image: url(../images/header-jours.jpeg);
  background-size: cover;
  background-position: center;
  min-height: 500px;
}
.path-frontpage .header-all-images .img-blue,
.path-frontpage .footer-blue,
.path-frontpage .footer-pink {
  display: block;
}
.path-frontpage .footer-pink,
.node--type-faq-longue .footer-pink {
  display: none;
}
.path-frontpage .footer-blue,
.path-node .footer-blue,
.node--type-faq-longue .footer-blue{
  width: 236px;
  right: 42px;
  left: unset;
  bottom: 0;
}
/* FAQ */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid black;
  background: black;
}