@import "eNj0y.less";
@import "../fonts/gilroy/stylesheet.css";
@import "../fonts/gilroy2/stylesheet.css";
@import "../fonts/other/stylesheet.css";
@import "burger.css";

// ----------------------------------------------------------------------------------------------------------------- reset
* {
  box-sizing: border-box;
  .FF(gilroy);
}

body {
  .W1();
}

body:before {
  .Wi(0);
}

a {
  .C(#f6c019);
}

p {
  .Fx(22, 28, 400);
}

ul {
  margin: 0 50px 30px 50px !important;
}

#main {
  .P0();
}

.site {
  .W1();
  margin: auto;
  float: none;
  .P0();
}

.site-content {
  .M0();
  .W1();
  .P0(); /*.BG(white);*/
}

.site-footer {
  .M0();
  .W1();
}

a {
  outline: none !important;
  .BS0();
  .TD0();
}

* {
  hyphens: none !important;
  -ms-hyphens: none !important;
  -moz-hyphens: none !important;
  -webkit-hyphens: none !important;
  word-wrap: normal !important
}

article.hentry {
  .BS0();
  .BG0();
  .PT(0);
}

footer#colophon {
  border: none;
}

.wrap {
  width: 100%;
  max-width: 100%;
  margin: auto;
  padding: 0;
  .POSrel();
}

.page:not(.home) #content {
  padding: 0;
}

.preload {
  .Wx(0);
  .Hx(0);
  .OF0();
}

.navigation-top {
  position: relative !important;
  top: 0 !important;
  border: none !important;
}

.navigation-top .wrap {
  max-width: 100%;
  .P0();
  .TA5();
}

.js .main-navigation ul, .js .main-navigation ul ul, .js .main-navigation > div > ul {
  .DI();
}

.main-navigation a {
  .P0();
  .DI();
  .VA(middle);
  .TT1();
}

.single-featured-image-header {
  border-bottom: none;
}

.site-footer .wrap {
  .P0();
}

.menu-scroll-down {
  .D0i();
}

.burger {
  .D0();
}

.colonne() {
  .Wx(1180);
  .Ma();
  .maxWp(100%);
}

.bleu {
  .BGcol(#253369);

  p a {
    .C(#f6c019);
    .FW(500);

    &:hover {
      .BB1(#f6c019);
    }
  }
}

.jaune {
  .BGcol(#f6c019);
}

.rouge {
  .BGcol(#e61847);
}

.DIN {
  .FF("DINOT");
}

.after {
  .POSrel();
  .DB();
  .Wx(48);
  .Hx(48);
  .Ma();
  .BGima("bas.png");
  .Bx(0);
  .MTx(-40);
}

.ellipse {
  .FZ(0);
  .TA5();
  .MBx(50);

  img {
    .W1();
    max-width: 10000px;
  }
}

h1.centre {
  .TA5();
  .FW(400);
  .W1();

  emph {
    .FW(400);
  }
}

.navigation-top {
  .BG(white);

  nav#site-navigation {
    padding: 0 15px;
    .colonne();

    a#logo {
      .FL();
      .FZ(0);
    }

    #zoom {
      .POSfix();
      .Rp(0);
      .DI();
      .FL();
      .FZ(0);
      .MTx(15);
      .MLx(20);
      .BGcol(white);
      .BRx(15);
      .Px(10, 10);

      #in, #out {
        .DBi();
        .Wx(25);
        .Hx(25);
        .DI();
        .BGima("zoom.png");
        .BGsiz(~"50px 50px");
        .BGpos(~"bottom left");

        &.on {
          .PTR();
        }

        &:not(.on) {
          .O(0.35);
        }
      }

      #out {
        .BGpos(~"bottom right");
      }

    }

    .menu-main-menu-container {
      .Hx(100);
      .DF();
      .FX15();

      ul {
        .MTi(40);
        .MLi(0);

        li {
          .MLx(13);
          .VAtop;

          &:first-child:hover a, &:first-child:hover a:hover {
            border: none;
          }

          &.maison {
            .Wx(150);
            .TAcen();
          }

          &:first-child {
            .MLx(0);

            a {
              width: 20px;
              height: 18px;
              display: flex;
              justify-content: center;
              align-content: center;
              flex-direction: column;
              background-image: url("../images/ico-home.png");
              background-repeat: no-repeat;
              background-size: cover;
              text-indent: -999em;
            }
          }

          a {
            .T1(@T3);
            .FW(700);
            .FZ(16);
            .C(#253369);
            .BB1(transparent);
          }

          &.current-menu-item a, &:hover a {
            .BC(#253369);
          }
        }
      }
    }
  }
}

#wpfront-notification-bar-spacer #wpfront-notification-bar {
  .FZ(29);
  .FW(700);
  .iPOSfix();
}

.site-header + #wpfront-notification-bar-spacer #wpfront-notification-bar {
  .iHx(70);
  .iPOSrel();
  top: 0 !important;
}

footer#colophon {
  .MTi(50);

  &:before {
    content: ' ';
    .Wx(185);
    .Hx(230);
    .DB();
    .BGima("gaston-footer.png");
    .Ma();
    .MBx(-26);
    .Z(1);
    .POSrel();
  }

  .wrap {
    .Ha();
    .BGcol(#263368);
    .POSrel();
    .Z(0);
    padding: 0 15px;

    aside {
      .DF();
      .FX80();
      .PHx(0);
      .colonne();
      .PHx(100);
      .maxWp(100%);

      .widget-column {
        .iWx(250);
        .F0();
        .DI();
        .M0();
        .VAtop();
        flex-grow: 1;

        &:not(:last-child) {
          .MRx(20);
        }

        .widget {
          .Fx(18, 26, 300);
          .C(white);
          .PBx(0);

          h2.widget-title {
            .C(#f6c019);
            .Fx(29, 30, 700);
            .LSx(0);
            .TT0();
            .PRp(30%);
          }

          .menu-main-menu-container, .menu-footer-container {
            .Fx(18, 34, 300);

            ul {
              .M(0, 0) !important;
            }

            ul li {
              .B0();
              .P0();
              .PRp(30%);
              .M0();
              .MBx(5);

              a {
                .BS0();
                .LHx(18);
                .DI();
                .C(white);
              }

              &.current-menu-item a {
                .FW(700);
              }
            }
          }
        }

        &.footer-widget-3 {
          .widget-title {
            .MBx(40);
          }

          iframe {
            .iHx(200);
            .iWx(280);
          }
        }

        &.footer-widget-4 {
          .OF0();

          a {
            .Fx(26, 50, 700);
            .BGcol(#f6c019);
            .C(white);
            .BS0();
            .DI();
            .PWx(20);
            .BRx(5);
            .FR();

            &:first-of-type {
              .MBx(200);
            }

          }
        }
      }
    }
  }
}

.contenu {
  .TA5();

  img#home, img.home {
    .DI();
    .MTx(70);
    .MBx(100);
    .BS(~`"0px 0px 200px 0px rgba(0, 0, 0, 0.2)"`);
  }

  & > div {

    &.colonne {
      .colonne();
      .TA8();
      .C(#253369);
      .PBx(0);
    }

    h1 {
      .Fx(46, 50, 700);
      .MTx(70);
    }

    &.encart {
      .maxWp(100%);
      .C(#253369);
      .Wx(975);
      .DI();
      .TA8();

      p {
        .FW(400);
        .LSx(-1);
        .LHx(29);
      }
    }

    &.oiseau {
      .maxWp(100%);
      .C(#253369);
      .Wx(400);
      .DI();
      .TA0();
      .VAtop();

      h1 {
        .MBx(200);
      }
    }
  }

  &.visite {
    .FZ(0);

    .colonne {
      .TA5();
      .FZ(0);
      .PBx(50);
      .POSrel();

      &:after {
        content: ' ';
        .DI();
        .BGima("mascotte.png");
        .POSabs();
        .Lx(0);
        .MLx(-350);
        .BGsiz(100%);
        .Bx(-80);

        //box-shadow: 0px 0px 150px 0px rgba(32, 33, 33, 0.25);
        width: 562px;
        height: 1002px;
      }

      h1 {
        .PTx(50);
        .TA0();
        .C(white);
      }

    }
  }

  &.bleu .colonne {

    h1, p {
      .C(white);
    }
  }

  &.blanc {

    .colonne {
      .PBx(0);

      h1 {
        .MHx(50);
        .MBx(80);
        .C(#253369);
      }

      .partner {
        .Hx(350);
        .B1(#253369);
        .POSrel();

        &:not(:last-child) {
          .MBx(50);
        }

        &:last-child {
          .Hx(420);
        }

        img {
          .FL();
          .DI();
          .MLx(60);
          .MTx(60);
        }

        p {
          .DI();
          .Wx(740);
          .FR();
          .Fx(20, 28, 300);
          .MTx(50);
          .MRx(30);
        }

        a.voir {
          .POSabs();
          .Bx(0);
          .Rx(0);
          .Fx(23, 50, 700);
          .C(white);
          .PWx(50);
          .BGcol(#f6c019);
          .BRx(5);
          .MRx(30);
          .MBx(40);
        }

        box-shadow: 0px 0px 50px 0px rgba(32, 33, 33, 0.1);
      }
    }
  }
}

// Page Maison
.bloc {
  .DI();
  //.Mx(10, 10);
  .Px(50, 50);
  .VAtop();
  border-radius: 10px;
  border-width: 3px;
  border-color: #f9f7f7;
  border-style: solid;
  background-color: #ffffff;
  box-shadow: 0px 0px 125px 0px rgba(32, 33, 33, 0.2);

  img {
    .DI();
    .maxHp(200px);
  }

  h2 {
    .C(#f6c019);
    .Fx(34, 36, 700);
    .TA0();
    .PTx(40);
  }

  p {
    .Fx(22, 28, 300);
    .C(#253369);
    .TA8();
    .LSx(0);
  }

  &:nth-of-type(2) h2 {
    .PTx(20);
  }
}

#gaston {
  .POSrel();

  &:after {
    content: ' ';
    .DI();
    .BGima("mascotte.png");
    .POSabs();
    .L(0);
    .BGsiz(100%);
    .Bx(-120);
    width: 426px;
    height: 760px;
  }
}

// HP
#gastonMiddle {
  &:after {
    .POSabs();
    left: 50%;
    .Ma();
    .ML(-84);
    content: ' ';
    .DI();
    .Wx(168);
    .Hx(210);
    .Bx(-24);
    .BGima("gaston-footer.png");
    .BGsiz(100%);
  }
}

.page-id-14, .page-id-20, .page-id-23, .single-event {
  .contenu {
    .OF0();

    &.rouge {
      .PTx(120);

      .colonne {
        .PBx(70);

        .entete {
          .MTx(70);
          .POSrel();
        }
      }

      .bas {
        .POSabs();
        .TA5();
        .W1();

        div {
          .BGima("bas_b.png");
          .Wx(48);
          .Hx(48);
          .DI();
          .BGcol(#253369);
        }
      }
    }

    &.blanc {
      .PBx(120);
    }

    .wonderplugin3dcarousel {
      .iPBx(100);
      .PTx(70);

      ul.wonderplugin3dcarousel-list {
        * {
          .PE0();
        }

        & > li > a {
          .D0i();
        }
      }

      .wonderplugin3dcarousel-prev, .wonderplugin3dcarousel-next {
        .iBx(0);
        .iTa();
        .iMWx(50);
      }
    }
  }

  .ellipse {
    &::after {
      .D0();
    }

    &.jaune {
      .MBx(0);
    }
  }
}

.rouge {
  &.contenu {
    .FZ(0);
    .PBx(100);
  }

  h1, p {
    .C(white);
  }

  .bloc {
    .DI();
    .Wx(375);
    .Hx(634);
    .BRx(7);
    .BGcol(#ffffff);
    .VAtop();
    .MWx(15);
    .Px(20, 20);
    .MBx(30);
    box-shadow: 0px 0px 35px 0px rgba(32, 33, 33, 0.25);

    div {
      .Hx(210);
      .LHx(210);

      img {
        .DI();
        .VAbot();
        .maxHp(200px);
      }
    }

    h2 {
      .C(#253369);
      .Fx(30, 30, 700);
    }

    p {
      .C(#253369);
      .Fx(20, 24, 300);
      .MBx(0);
      .TA8();
    }
  }
}

.contenu {
  .colonne {
    .PBx(0);

    &#events {
      .FZ(0);

      .filtres {
        .MTx(40);
        .MBx(50);

        & > div {
          .DI();
          .P(25, 0);
          .Fx(18, 49, 300);
          .BRx(10);
          border: ~"3px solid #253369";
          .TA5();
          .FR();
          .MLx(20);
          .PTR();
          .T1(@T3);

          &.active, &:hover {
            .C(white);
            .BGcol(#253369);
          }
        }

        div:first-child {
          .F0();
          .MLx(0);
          .B0();
          .Fx(30, 55, 700);
          .TA0();
        }

        & + * {
          clear: both;
        }
      }

      .ev {
        .MBx(80);
        .DF();
        .FX80();
        .W1();

        & > * {
          width: 32%;
          margin-left: 1%;
          .Hx(245);
          .maxWp(100%);
        }

        .ima {
          .BGnREP();
          .BGpos(center);
          .BGsiz(~"auto 60%");
          .BGcol(#f8f7f7)
        }

        p {
          .Fx(21, 24, 300);
          .TA8();
        }

        .boutons {
          .DF();
          .FX8();
          flex-wrap: wrap;

          & > * {
            .W1();
            .Hx(95);
            .Fx(30, 34, 700);
            .C(white);
            .DF();
            .FX5();
            .BRx(10);

            span {
              .TA5();
            }
          }

          a {
            .BS0();
          }

          .plein + .jaune {
            .Hx(140);
          }

          .reste ~ .jaune {
            .Hx(65);
            border: 2px solid #f6c019;
            .PTR();

            span {
              .FZ(22);
            }
          }
        }
      }
    }

    &#news {
      .MBx(0);
      .DF();
      .FX85();

      h1 {
        .DI();
        .PRx(20);
        .MBx(0);
      }

      & > div {
        .DI();
        .Wx(373);
        .Hx(373);
        .BGima("news.png");
        .POSrel();
        .minWp(373px);

        a {
          .DI();
          .Wp(~`"calc("+100*255/373+"%)"`);
          .Hp(~`"calc("+100*60/373+"%)"`);
          .BS0();
          .MTp(~`"calc("+100*212/373+"%)"`);
          .MLp(~`"calc("+100*60/373+"%)"`);
        }
      }
    }
  }
}

footer {
  .iMTx(-150);
}


.page-id-20 {

  .contenu .colonne#coords {
    .DF();
    .FX80();

    h1 {
      .FZ(30);
    }

    p {
      .Fx(22, 27, 300);
      .TA0();
    }

    & > div {
      .Wx(375);
      .Hx(355);
      .BRx(15);
      .Px(30, 10);

      box-shadow: 0px 0px 50px 0px rgba(32, 33, 33, 0.3);

      &:last-child {
        .Ha();
        .P0();
        .BS0();
        .MTx(12);
      }
    }
  }

  .contenu .colonne .map {
    .FZ(0);
    .BRx(15);
    .MTx(100);
    box-shadow: 0px 0px 50px 0px rgba(32, 32, 33, 0.15);

    img {
      .BS0();
    }
  }
}

.page-id-23 {
  .contenu {
    .colonne {
      .DF();
      .FX80();
      flex-wrap: wrap;

      .telec {
        .Wx(490);
        .DI();

        h1 {
          .C(#f6c019);
          .LHx(58);

          span {
            .C(white);
          }
        }

        div {
          .BRx(15);
          .Wx(490);
          .Hx(490);
          .DF();
          .FX5();
          box-shadow: 0px 0px 200px 0px rgba(0, 0, 0, 0.2);

          img {
            .BS0();
          }
        }
      }
    }
  }

  footer {
    .iMTx(-170);
  }
}

.single-event {
  #main, .site-content-contain {
    .BG(#f2f1f1);
  }

  article {
    .ellipse {
      .BG(white);
    }

    .entry-content {
      .contenu .colonne {
        .TA5();
        .PBx(0);

        h1, h2 {
          .P0();
          .M0();
          .C(#233367);
        }

        h1 {
          .MTx(100);
        }
      }

      #lost-password {
        .D0();
        .MTx(50);
      }

      .em-booking-message-error + #lost-password {
        .DB();
      }

      .em-booking-login {
        .colonne();
        .Wx(775);
        .B0();

        p:first-child {
          .D0();
        }

        &:not(.open) {
          .D0();
        }

        input[type=submit] ~ * {
          .D0();
        }
      }

      .em-booking-form {
        .TA5();
      }

      .em-booking-form .em-booking-form-details, .em-booking-login {
        .Wx(775);
        .P0();
        .maxWp(100%);
        .DI();
        .F0();
        .FZ(0);
        .MTx(50);
        .TA0();

        input, textarea, label {
          .W1();
          .B0();
          .BS0();
          .FZ(30);
          .LHx(60);
          .Hx(60);
          .BG(white);
          .FF(Gilroy);
          .C(#233367);
          .P0();
          .PWx(50);
          .BRx(15);
          .MBx(20);
        }

        textarea {
          .LHx(34);
          .Hx(230);
          .PTx(15);
        }

        p > label {
          .D0();
        }

        .em-tickets-spaces, p.input-field-thematique, p.input-field-date {
          .D0();
        }

        p.input-first_name, p.input-last_name {
          .Wx(375);
          .maxWp(100%);
          .DI();
        }

        p.input-first_name {
          .MRx(775-2*375);
        }

        .input-radio, #rad1, #rad2 {
          br {
            .D0();
          }

          span {
            .M0();
            .FZ(30);
            .POSrel();
            .LHx(30);
            .VA(middle);
          }

          input {
            .Wx(40);
            .Hx(40);
            .VA(middle);
            .M0();
            .P0();
            .FR();
          }

        }

        .input-group .input-radio {
          .D0();
        }

        #rad1, #rad2 {
          .DI();
          .Wx(375);
          .maxWp(100%);
          .TA0();
          .PLx(50);

          input {
            .DI();
            .MTx(-3);
          }
        }

        #rad2 {
          .MLx(775-2*375);
        }

        input[type=submit] {
          .P0();
          .BGcol(#f6c019);
          .C(white);
        }
      }

    }

  }
}

div.wpcf7-response-output {
  .FZ(20);
  .C(white);
}

#grid {
  .MTx(80);
}

.page-id-112 {
  #content {
    .iPTx(50);
  }

  .ellipse {
    .D0();
  }

  .css-my-bookings + p {
    .D0();
  }
}

h1 {
  .FZ(46);
  .LHx(50);
  .FW(700);
  .MT(70);
}

h2 {
  .FZ(40);
  .LHx(50);
  .FW(700);
  .MT(0);
}

.hide {
  display: none;
}

.bloc_telechargement {
  position: relative;
  width: 100%;
  .BRx(15);
  .FX5();
  box-shadow: 0px 0px 200px 0px rgba(0, 0, 0, 0.2);

  overflow: hidden;

  img {
    .P(40, 40);
  }

  p {
    .M0;
  }
}

#programme {
  padding: 0 15px;

  h1 {
    .M(0, 70);
  }

  #events {
    .filtreLabel {
      .Mbot(0);
      .FZ(30);
      .FW(700);
      .LH(55);
    }

    .ev {
      &:not(.select) .date {
        .D0();
      }

      &.select {
        .date {
          .DB();
        }

        .time {
          .BG(white);
          .C(#f6c019);
          border-color: #f6c019;
          cursor: auto;

          .textLabel {
            .D0();
          }
        }
      }
    }
  }
}

#rgpd {
  .MBx(40);
  font-size: small;

  span.wpcf7-list-item {
    margin-left: 0 !important;
  }

  .small a {
    .C(#5d76d2);

    &:hover {
      color: white;
    }
  }
}

form {
  .contact {
    .FZ(0);
    .BGcol(#233367);

    & > p:nth-child(1), & > p:nth-child(2) {
      .Wp(48%);
      .DI();
    }

    & > p:nth-child(1) {
      .MRp(2%);
    }

    & > p:nth-child(2) {
      .MLp(2%);
    }

    input, textarea {
      .C(#233367);
      .Fx(20, 26, 300);
      .P0();
      .PWx(30);
      .BRx(15);
    }

    textarea {
      .PHx(15);
    }

    input {
      .Fx(20, 50, 300);

      &[type=submit] {
        .BGcol(#f6c019);
        .W1();
        .C(white);
        .Fx(22, 50, 700);
      }
    }

    label {
      .D0();
    }

    p {
      .MBx(20);
    }

  }

  // Form inscription event
  &.em-booking-form {
    .em-booking-form-details p.input-field-data_privacy_consent > label {
      .DBi();
      .iWa();
      .BG0() !important;
      .MLi(50);
      .PLi(0);
      .FW0() !important;
      font-size: small !important;
      line-height: initial !important;

      input {
        .Wi(20);
        .Hi(20);
        .ML(0);
        .MBi(0);
        .MRi(0);
        vertical-align: middle !important;
      }
    }
  }
}

#actualites {
  .contenu();
  .bleu();
  .TAlef();
  .PT(50);
  .PB(50);
  .Ci(white);

  a {
    .C(white);
    .FW(700);
    .TD0();

    &:hover {
      .C(#f6c019);
      .TDu();
    }
  }

  &.single {
    .Fx(22, 28, 300);

    h1 {
      .MB(0);
    }
  }

  h2 {
    .MB(0);

    a {
      .C(#f6c019);
    }

  }

  .published {
    font-size: small;
    .C(#5d76d2);
  }

  .excerpt {
    .BB(1, #5d76d2);
    .MB(50);
  }
}