/* anti-aliasing */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: "Albert Sans";
  background-color: #fff;
  color: #041f2b;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}
h2 {
  font-size: 2.2rem;
}
b,
strong {
  font-weight: 700;
}
a,
a:visited {
  color: #041f2b;
}
.site-header {
  background-color: #fff;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 16px 40px;
  font-size: 16px;
}
/* en admin, on a un padding-top de 32px */
.admin-bar .site-header {
  top: 32px;
}
.container {
  max-width: 1440px;
  margin: 0 auto;
}
.menu-menu-principal-container {
  display: flex;
  align-items: center;
  /* height: 100%; */
  width: auto;
  position: fixed;
  border-radius: 5px;
  background-color: #fff;
  border: 0px solid #041f2b;
  right: 40px;
  top: 56px;
  z-index: 1000;
}
.main-navigation.toggled .menu-menu-principal-container {
  padding: 20px 10px;
  border: 1px solid #041f2b;
  transition: 0.33s ease;
}
.dashicons-menu:before {
  content: url('data:image/svg+xml,<svg width="20" height="10" viewBox="0 0 20 10" fill="none" xmlns="http://www.w3.org/2000/svg"><line y1="1.25" x2="20" y2="1.25" stroke="black" stroke-width="1.5"/><line y1="5.25" x2="20" y2="5.25" stroke="black" stroke-width="1.5"/><line y1="9.25" x2="20" y2="9.25" stroke="black" stroke-width="1.5"/></svg>');
}
.main-navigation .dashicons-menu {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.main-navigation.toggled .dashicons-menu {
  vertical-align: -2px;
}
.main-navigation.toggled .dashicons-menu:before {
  content: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="1.53033" y1="1.46967" x2="15.6725" y2="15.6118" stroke="black" stroke-width="1.5"/><line x1="1.39863" y1="15.6118" x2="15.5408" y2="1.46967" stroke="black" stroke-width="1.5"/></svg>');
}
#primary-menu {
  flex: 1;
  text-align: left;
}
#primary-menu li:last-child {
  /* il doit prendre toute la place restante */
  flex: 1;
  text-align: center;
}
#primary-menu li a {
  padding: 10px;
  display: inline-block;
  text-decoration: none;
  transition: 0.2s ease;
}
.current-menu-item a {
  font-weight: 700;
  color: #041f2b;
}
#primary-menu li a:hover {
  opacity: 0.75;
}
#primary-menu li:last-child a,
.btn {
  padding: 10px 35px;
  display: inline-block;
  text-decoration: none;
  background-color: #ffdb71;
  color: #041f2b;
  border-radius: 50px;
  display: inline-block;
  transition: 0.2s ease;
  font-size: 16px;
  transition: 0.2s ease;
}
#primary-menu li:last-child a:hover,
.btn:hover {
  background-color: #e7f0eb;
  color: #041f2b;
  opacity: 1;
}
.btn-big {
  padding: 15px 50px;
  font-size: 20px;
}
@media screen and (min-width: 1100px) {
  .menu-menu-principal-container {
    height: auto;
    padding: 0;
    position: relative;
    width: 100%;
  }

  #primary-menu li a {
    padding: 10px 20px;
  }
  .menu-menu-principal-container {
    top: auto;
  }
  #primary-menu li:last-child {
    text-align: right;
  }
  .main-navigation {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  .custom-logo-link {
    padding-left: 40px;
    padding-right: 40px;
  }
  #primary-menu li:last-child {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media screen and (min-width: 1280px) {
  .menu-menu-principal-container {
    padding-left: 20px;
  }

  #primary-menu li a {
    padding: 10px 35px;
  }
}
.site-branding {
  flex-shrink: 0;
  flex-basis: 220px;
}
.main-navigation {
  text-align: right;
}
.menu-toggle,
.main-navigation.toggled ul {
  display: inline-block;
}
.dashicons,
.dashicons-before:before {
  vertical-align: 1px;
}
button.menu-toggle {
  /* apparence */
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  /* positionnement */
  display: inline-block;
  vertical-align: middle;
  padding-top: 14px;
}
.caps-bandeau-home {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 60vh;
  min-height: 400px;
  border-radius: 20px;
  margin-top: 88px;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (min-width: 1200px) {
  .caps-bandeau-home {
    margin-left: 40px;
    margin-right: 40px;
  }
  .site-branding {
    flex-shrink: 0;
    flex-basis: auto;
  }
}

.caps-bandeau-home h1 {
  font-size: 6vw;
  font-size: clamp(2.5rem, 6vw, 5rem);
  color: #fff;
  margin: 0;
  margin-bottom: 2rem;
  line-height: 1.1;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
}
.intro-home {
  max-width: 820px;
  margin: 0 auto;
  padding: 0 20px;
  padding-top: 10px;
  padding-bottom: 30px;
  position: relative;
}
.illus-intro-home {
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .illus-intro-home {
    position: absolute;
    right: -190px;
    top: 0;
  }
}
.section-trott {
  background-color: #f4efeb;
  color: #497a9b;
  padding: 60px 20px;
  margin-top: 40px;
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 20px;
  position: relative;
}
@media screen and (min-width: 1200px) {
  .section-trott {
    padding: 60px 40px;
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media screen and (min-width: 1400px) {
  .section-trott {
    padding: 60px;
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media screen and (min-width: 1680px) {
  .section-trott {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }
}
.en-qq-mots h2 {
  text-align: center;
  margin-bottom: 7%;
}
.caps-articles-en-qq-mots {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 5%;
  margin-right: 5%;
}
.caps-articles-en-qq-mots article {
  width: 100%;
  margin-bottom: 40px;
  background-color: #fff;
  border-radius: 20px;
  color: #041f2b;
  padding: 15px;
  transform: rotate(-1.74deg) translateY(4%);
}
.caps-articles-en-qq-mots article p {
  margin-bottom: 5px;
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .caps-articles-en-qq-mots {
    margin-left: 10%;
    margin-right: 10%;
  }
  .caps-articles-en-qq-mots article {
    width: calc(50% - 10px);
  }
}
@media screen and (min-width: 1200px) {
  .caps-articles-en-qq-mots article {
    width: 28%;
  }
}
.caps-articles-en-qq-mots article img {
  border-radius: 14px;
}

.caps-articles-en-qq-mots article:first-child {
  transform: rotate(1.97deg);
}
.caps-articles-en-qq-mots article:last-child {
  transform: rotate(1.51deg);
}
.epingles {
  position: absolute;
  left: -10px;
  width: calc(100% + 20px);
  max-width: none;
  top: 160px;
  z-index: 100;
  display: none;
}
@media screen and (min-width: 1200px) {
  .epingles {
    display: block;
  }
}
.illus-en-qq-mots {
  position: absolute;
  left: 130px;
  top: -50px;
  z-index: 100;
  display: none;
}
@media screen and (min-width: 1200px) {
  .illus-en-qq-mots {
    display: block;
  }
}
.illus-cest-quoi {
  position: absolute;
  right: 180px;
  top: -65px;
  z-index: 100;
  display: block;
}
.illus-cest-quoi2 {
  position: absolute;
  left: 40%;
  bottom: -65px;
  z-index: 100;
  display: block;
}
.cest-quoi {
  background-color: #e7f0eb;
  padding-bottom: 100px;
}
.caps-contenu-cest-quoi {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.caps-contenu-cest-quoi img {
  border-radius: 16px;
}
@media screen and (min-width: 800px) {
  .caps-contenu-cest-quoi {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 100px;
  }
}
.caps-contenu-cest-quoi .caps-contenu-cest-quoi-col-g {
  flex: 3;
}
.caps-contenu-cest-quoi .caps-contenu-cest-quoi-col-d {
  flex: 2;
}
.caps-contenu-cest-quoi article {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
  color: #041f2b;
  position: relative;
}
.illus-pin {
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  top: -20px;
  z-index: 100;
}
.bloc-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  padding: 20px;
  margin-top: 150px;
  margin-bottom: 150px;
  align-items: center;
}
@media screen and (min-width: 1100px) {
  .bloc-footer {
    margin-top: 200px;
    margin-bottom: 200px;
  }
}
.site-footer .section-trott {
  background-color: #f4efeb;
  color: #7e499b;
}
.site-footer .section-trott a {
  color: #7e499b;
}
.bloc-contact .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px;
}
.bloc-contact .container > div {
  flex: 300px;
}
.contenu-sponsor {
  font-size: 16px;
  text-align: center;
}

@media screen and (min-width: 1100px) {
  .contenu-sponsor {
    text-align: right;
  }
}
.legal {
  text-align: center;
  font-size: 14px;
}
.coeur {
  position: absolute;
  left: 150px;
  top: -36px;
  z-index: 100;
}
.alignwide {
  margin-left: -50px;
  margin-right: -50px;
}

.alignfull {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  max-width: 100%; /* Pour la scrollbar de Windows */
}

.page .entry-content,
.post .entry-content {
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (min-width: 1200px) {
  .page .entry-content,
  .post .entry-content {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media screen and (min-width: 1400px) {
  .page .entry-content,
  .post .entry-content {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media screen and (min-width: 1480px) {
  .page .entry-content,
  .post .entry-content {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }
}

.bandeau-page {
  color: #497a9b;
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
  gap: 20px;
}
@media screen and (min-width: 1200px) {
  .bandeau-page {
    flex-direction: row;
    margin-bottom: 140px;
  }
}
.bandeau-page > div {
  flex-basis: 50% !important;
}
.bandeau-page > div:first-child {
  display: flex;
  background-color: #e7f0eb;
  padding: 60px 40px 100px;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 1200px) {
  .bandeau-page > div:first-child {
    padding: 60px 10%;
  }
}
.bandeau-page h1,
.bandeau-page .wp-block-image,
.bandeau-page p {
  margin: 0;
}
.bandeau-page h1 {
  margin-bottom: 10px;
}
.wp-block-image {
  border-radius: 20px;
  overflow: hidden;
}
.wp-block-image img {
  max-width: none;
  width: 100%;
}
.post,
.page {
  margin-top: 100px;
}
.page-template-template-equipe .bandeau-page > div:first-child::after {
  content: url(../img/flowers-equipe.svg);
  position: absolute;
  left: 20%;
  bottom: -50px;
}
@media screen and (min-width: 1200px) {
  .page-template-template-equipe .bandeau-page > div:first-child::after {
    left: 40%;
  }
}
:where(.wp-block-columns.is-layout-flex) {
  gap: 60px;
}
.deco-banderole img {
  width: 100%;
}
.une-journee-enfant {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.une-journee-enfant li {
  display: flex;
  gap: 15px;
  margin-bottom: 10px;
}
.une-journee-enfant li span:first-child {
	flex-basis: 75px;
    text-align: right;
    flex-shrink: 0;
}
.une-journee-enfant li span:nth-child(2) {
  flex-basis: 30px;
  text-align: center;
  flex-shrink: 0;
}
h3 span {
  font-size: 0.8em;
}
.l-equipe {
  background-color: #e7f0eb;
}
.l-equipe article {
  transform: rotate(-1.74deg);
}
.l-equipe ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.l-equipe ul li {
  margin-bottom: 10px;
}

.page-template-template-acces .bandeau-page > div:first-child::after {
  content: url(../img/nuages-acces.svg);
  position: absolute;
  left: 20%;
  bottom: -80px;
}
@media screen and (min-width: 1200px) {
  .page-template-template-acces .bandeau-page > div:first-child::after {
    left: 40%;
  }
}
.page-template-template-acces .bandeau-page > div:first-child {
  background-color: #eee3dd;
}
.page-template-template-acces iframe {
  width: 100%;
}
.page-template-template-acces .entry-content .section-trott {
  background-color: #e7f0eb;
  color: #497a9b;
}
.page-template-template-acces .entry-content .section-trott:before {
  content: url(../img/etoile-acces.svg);
  position: absolute;
  right: 50%;
  top: -50px;
}
.page-template-template-acces .entry-content .section-trott a {
  color: #497a9b;
}
.col-jaune {
  background-color: #ffdb71;
  padding: 30px 40px;
  border-radius: 20px;
  margin-bottom: 20px;
}
.col-jaune ul {
  padding-left: 0;
}

.page-template-template-tarifs .bandeau-page > div:first-child::after {
  content: url(../img/illus-tarifs.svg);
  position: absolute;
  right: 0%;
  bottom: -150px;
}
.page-template-template-inscription .bandeau-page > div:first-child {
  background-color: #ffdb71;
  color: #041f2b;
}

.page-template-template-inscription .bandeau-page > div:first-child::after {
  content: url(../img/illus-inscription.svg);
  position: absolute;
  right: 20%;
  bottom: -80px;
}
.page-template-template-inscription ol {
  padding-left: 0;
}
.page-template-template-inscription ol li {
  margin-bottom: 20px;
}
.page-template-template-inscription .bloc-footer {
  display: none;
}
.wp-block-button__link {
  background-color: #ffdb71;
  color: #041f2b;
  font-weight: 600;
  transition: 0.2s ease;
}
.wp-block-button__link:hover {
  background-color: #e7f0eb;
  color: #041f2b;
}
.wp-block-button__link:after {
  content: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.651 0.5H13.65H3.73213C3.45738 0.5 3.19388 0.609144 2.9996 0.803424C2.80532 0.997703 2.69618 1.2612 2.69618 1.53595C2.69618 1.81071 2.80532 2.07421 2.9996 2.26849C3.19388 2.46276 3.45738 2.57191 3.73213 2.57191H11.3919L1.25427 12.71C1.15561 12.803 1.07612 12.9144 1.02035 13.0381C0.96292 13.1654 0.931826 13.303 0.928933 13.4426C0.92604 13.5822 0.951408 13.721 1.00351 13.8506C1.05562 13.9801 1.13338 14.0978 1.23214 14.1966C1.33089 14.2953 1.44859 14.3731 1.57816 14.4252C1.70773 14.4773 1.8465 14.5027 1.98613 14.4998C2.12574 14.4969 2.26334 14.4658 2.39065 14.4084C2.5143 14.3526 2.62574 14.2731 2.71869 14.1744L12.8568 4.03632V11.6966C12.8568 11.9713 12.9659 12.2348 13.1602 12.4291C13.3545 12.6234 13.618 12.7325 13.8928 12.7325C14.1675 12.7325 14.431 12.6234 14.6253 12.4291C14.8196 12.2348 14.9287 11.9713 14.9287 11.6966V1.77928V1.77859C14.9282 1.43978 14.7935 1.11497 14.554 0.875316C14.3145 0.635659 13.9898 0.500699 13.651 0.5Z" fill="black" stroke="black"/></svg>');
  margin-left: 10px;
}