/**
 * Responsive Styles
 */
/**
 * Required Variables
 */
/**
 * Root Media Query Variables
 */
:root {
  --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
  --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
  --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
  --responsive--alignfull-width: 100%;
  --responsive--alignright-margin: var(--global--spacing-horizontal);
  --responsive--alignleft-margin: var(--global--spacing-horizontal); }

@media only screen and (min-width: 482px) {
  :root {
    --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
    --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
    --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
    --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); } }
@media only screen and (min-width: 992px) {
  :root {
    --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
    --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px); } }
/**
 * Extends
 */
.default-max-width {
  max-width: var(--responsive--aligndefault-width);
  margin-left: auto;
  margin-right: auto; }

.wide-max-width {
  max-width: var(--responsive--alignwide-width);
  margin-left: auto;
  margin-right: auto; }

@media only screen and (min-width: 482px) {
  .full-max-width {
    max-width: var(--responsive--alignfull-width);
    width: auto;
    margin-left: auto;
    margin-right: auto; } }
.wp-site-blocks {
  padding-top: 0; }

header.wp-block-template-part {
  position: absolute; }

main.wp-block-group {
  margin-top: 0 !important; }

#intro {
  height: 95vh !important; }
  #intro #fond_intro {
    height: 100%;
    object-fit: cover; }
    #intro #fond_intro img {
      object-fit: cover;
      height: 100%;
      width: 100%; }
  #intro #arbrestexte_intro {
    position: absolute;
    top: 100px;
    width: 100%; }
  #intro #arbres_intro {
    position: relative;
    min-height: 300px;
    width: 100%; }

#arbre_rose,
#arbre_vert,
#arbre_violet,
#arbre_orange,
#arbre_bleu,
#arbre_jaune {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 60vw;
  width: 60vw;
  transform: translate(-50%, -50%) rotate(0deg); }
  @media only screen and (min-width: 600px) {
    #arbre_rose,
    #arbre_vert,
    #arbre_violet,
    #arbre_orange,
    #arbre_bleu,
    #arbre_jaune {
      height: 25vw;
      width: 25vw; } }
  #arbre_rose img,
  #arbre_vert img,
  #arbre_violet img,
  #arbre_orange img,
  #arbre_bleu img,
  #arbre_jaune img {
    width: 100%;
    height: 100%; }

#arbre_bleu {
  top: 60%;
  transform: translate(-50%, -50%) rotate(5deg); }

#arbre_rose {
  left: 45%;
  transform: translate(-50%, -50%) rotate(-20deg); }

#arbre_vert {
  left: 45%;
  transform: translate(-50%, -50%) rotate(10deg); }

#arbre_orange {
  left: 55%;
  top: 40%;
  transform: translate(-50%, -50%) rotate(35deg); }

#arbre_jaune {
  top: 40%;
  transform: translate(-50%, -50%) rotate(10deg); }

.arbresmenu .wp-block-column {
  display: flex; }
  .arbresmenu .wp-block-column > div {
    z-index: 1;
    height: 25vw;
    width: 25vw;
    margin: 0 auto 0 auto; }
    .arbresmenu .wp-block-column > div h2 {
      position: relative;
      width: 100%;
      height: 100%;
      display: none; }
      .arbresmenu .wp-block-column > div h2 a {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem; }
        .arbresmenu .wp-block-column > div h2 a:hover {
          text-decoration: none !important; }
    .arbresmenu .wp-block-column > div:hover h2 {
      display: block; }

.wp-block-template-part {
  width: 100%; }
  .wp-block-template-part nav {
    flex-grow: 2; }

.wp-block-navigation__container li:nth-last-child(2) {
  margin-left: auto; }

.accueilbox {
  padding-top: 15vw; }
  .accueilbox .accueilcontent {
    position: relative; }
    .accueilbox .accueilcontent .wp-block-columns {
      position: relative; }
    .accueilbox .accueilcontent h2 {
      padding-top: 10px;
      font-size: clamp(1.5rem, calc(1.5rem + ((1vw - 0.48rem) * 8.4135)), 2rem); }
      @media only screen and (min-width: 600px) {
        .accueilbox .accueilcontent h2 {
          font-size: clamp(2.625rem, calc(2.625rem + ((1vw - 0.48rem) * 8.4135)), 3.25rem); } }
    .accueilbox .accueilcontent .arbre {
      position: absolute;
      top: 0;
      left: 0;
      height: 45vw;
      width: 45vw; }
      .accueilbox .accueilcontent .arbre img {
        width: 100%;
        height: 100%; }
      .accueilbox .accueilcontent .arbre.arbrebleu {
        top: -20%;
        left: -10%; }
      .accueilbox .accueilcontent .arbre.arbrejaune {
        top: -20%;
        left: 60%;
        rotate: -10deg; }
      .accueilbox .accueilcontent .arbre.arbrerose {
        top: -5%;
        left: -10%;
        rotate: 10deg; }
      .accueilbox .accueilcontent .arbre.arbrevert {
        top: 5%;
        left: 55%;
        rotate: -10deg; }
      .accueilbox .accueilcontent .arbre.arbreviolet {
        top: -25%;
        left: 60%;
        rotate: 10deg; }
      .accueilbox .accueilcontent .arbre.arbreorange {
        top: -25%;
        left: -10%;
        rotate: -10deg; }
      @media only screen and (min-width: 600px) {
        .accueilbox .accueilcontent .arbre {
          height: 35vw;
          width: 35vw; }
          .accueilbox .accueilcontent .arbre.arbrebleu {
            top: -5%;
            left: 70%; }
          .accueilbox .accueilcontent .arbre.arbrerose {
            top: 5%;
            left: 55%;
            height: 40vw;
            width: 40vw;
            rotate: 10deg; }
          .accueilbox .accueilcontent .arbre.arbrevert {
            top: 5%;
            left: 55%;
            height: 40vw;
            width: 40vw;
            rotate: -10deg; }
          .accueilbox .accueilcontent .arbre.arbrejaune {
            top: -20%;
            left: -30%;
            height: 40vw;
            width: 40vw;
            rotate: -10deg; }
          .accueilbox .accueilcontent .arbre.arbreviolet {
            top: -25%;
            left: 60%;
            height: 35vw;
            width: 35vw;
            rotate: 10deg; }
          .accueilbox .accueilcontent .arbre.arbreorange {
            top: -25%;
            left: -40%;
            height: 35vw;
            width: 35vw;
            rotate: -10deg; } }

/*# sourceMappingURL=coureilles.css.map */