/*@import url(https://fonts.googleapis.com/css?family=Poppins);

body {font-family: 'Poppins', sans-serif;}*/
@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=League+Spartan:wght@100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap);
.h1, h1 {
    font-weight: 400;
    color: #000;
}

/* Modification des liens*/
a { 
color: #008fd9; 
font-weight: bold; 
text-decoration: none; 
}

/*Modifier la page des cartes-cadeau*/
.page-carte-cadeau #singlebutton {
    /*color: white;*/
    width: 106px;
}
.page-carte-cadeau a.btn.btn-link.btn-add {
    text-decoration: none !important;
}
.page-carte-cadeau first {
    color: white;
    display: inline-block;
    width: 106px;
}
.page-carte-cadeau.lang-en first {
    color: white;
    display: inline-block;
    width: 80px;
}
.page-carte-cadeau first::before {
    color: #008fd9;
    content: "Entrer les informations concernant votre cadeau";
}
.page-carte-cadeau.lang-en first::before {
    color: #008fd9;
    content: "Enter the informations about your gift";
}
.page-carte-cadeau .zone-event .item .btn-primary {
    color: transparent;
    display: inline-block;
    width: 106px;
}
.lang-en.page-carte-cadeau .zone-event .item .btn-primary {
    width: 80px;
}
.page-carte-cadeau .zone-event .event-detail__nav .btn-primary::before,
.page-carte-cadeau .zone-event .item .btn-primary::before {
    color: white;
    content: "Acheter\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
}
.lang-en.page-carte-cadeau .zone-event .event-detail__nav .btn-primary::before,
.lang-en.page-carte-cadeau .zone-event .item .btn-primary::before {
    /*color: white;*/
    content: "Buy\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
}
/*.page-carte-cadeau .zone-event .event-detail__nav .btn-primary:hover,
.page-carte-cadeau .zone-event .item .btn-primary:hover {
    background-color: lightgray;
}*/

.page-carte-cadeau .zone-event .item .btn-primary:hover:before,
.page-carte-cadeau .zone-event .item .btn-primary:focus:before{
    color:#088cdc;
}
.page-carte-cadeau legend {
    display: none;
}
.poweredBy-wrapper {
    display: none;
}

.body, body {
    color: #000!important;
}

.h2, h2 {
    color: #000;
}

.h4, h4 {
    color: #000;
}

.btn-link {
    color: #088cdc!important;
    font-size: 1.6rem;
}
.btn-link:hover, .btn-link:focus {
    background-color: #cce6f7!important;
    text-decoration: none;
}

.btn-primary {
    background-color: #088cdc;
    border-color: #088cdc;
}

.btn-primary:hover {
  background-color: #fff;
  border-color: #088cdc;
  color:#088cdc;
}

.nav-progress>li.disabled.active:before {
    background: #000;
    color: #fff;
}

.form-withProgress__wrapper {
    background: #fff;
}
.form-withProgress__wrapper  .text-danger{color : #ffffff;}
.list-group-item {
    background-color: #fff;
    border: 1px solid #000;
}

.form-control, .chosen-container-multi .chosen-choices {
    background-color: #fff;
    border: 1px solid #000;
    color:#000;
}

.form-horizontal .control-label {
    line-height: 3rem;
    font-size: 1.4rem;
    color: #000!important;
}

select {
    background: #fff url(/images/icon-membogo-arrow-combo@2x.png) no-repeat right 5px center !important;
}

.nav-progress>li.disabled:before {
    background-color: #fff;
}

.form-withProgress__wrapper fieldset>legend {
    color: #000;
}

.total-amount-section {
    background-color: #fff;
}


.form-withProgress__grand-total {
    background-color: #fff;
}

.form-donation__info-step .radio-active, .form-donation__info-step .radio-inline:focus, .form-donation__info-step .radio-inline:hover {
    background-color: var(--secondary)!important;
}

.form-donation__info-step .radio-inline {
    color: #000;
    background-color: #fff;
}

.btn-default {
    color: #088cdc;
    background-color: #fff;
    border-color: #088cdc;
}
.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default {
  background-color:var(--secondary);
  border-color:var(--secondary);
}

.form-horizontal .control-label {
    color: #000;
}

.adh-year {
    color: #000;
}

.adh-transaction_date {
    color: #000;
}

.adh-begin_date {
    color: #000;
}

.adh-end_date {
    color: #000;
}

.adh-status  {
    color: #000;
}

.adh-type {
     color: #000;
}

.tbody {
    color: #000;
}

.form-control, .chosen-container-multi .chosen-choices {
    color: #000;
}

.page-membre  .member--isConnected .template-00012 .lang-fr .default .body, body {
    color: #000;
}

.page-membre  .member--isConnected .template-00012 .lang-en .default .body, body {
    color: #000;
}

.line .site_line__item .line-menu {
    display: none!important;
}

legend {
    color: #000; 
}

.page-membre .member--isConnected .template-00012 .lang-en .default .body, body {
    color: #fff;
}

.form-horizontal .control-label {
    color: #FFF;
} 

.page-membre .member-resetpassword-wrapper  {
    background: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 100px;
    padding-right: 100px;
}

.btn-link:hover, .btn-link:focus {
    color: #000;
    text-decoration: underline;
    background-color: transparent;
}
.content.member  .form-horizontal{
padding: 3rem 3rem 7rem 3rem;
background: #fff;
}

.content.member  .form-horizontal h5{
    color: #000;
}

.content.member  .form-horizontal .help-block{
    color: #000;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #fff;
}
.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {
    background-color: #fff;
}

.nav-progress>li.disabled:before {
    background-color: #ededed;
}

.payment-context.js-stripe-payment .col-sm-12 {
width:auto;
max-width:550px;
}
.events.allEvents.events-mosaic {
    margin-top: 60px;
}
/*Modifications puisque nous utilisons un iframe*/
/*.page-carte-cadeau .line-header,
.page-carte-cadeau .line-menu {
    display: none;
}*/
.page-carte-cadeau .line-main {
    padding-top: 40px;
}
.page-evenement .line-menu {
    display: none;
}
.page-evenement .line-main {
    padding-top: 0;
} 

/*rendre visible le montant total d'achat de billets à un événement*/
.total-amount-section{
    background-color: #6291CB
}
/* ne pas afficher le tarif d'un dimanche en famille*/
.event-id-69528 .js-event-price-individual h5 strong,
.event-id-69528 .participant-event-bloc-title h5 strong {
    display: none;
}
/* ne pas afficher le contact et l'adresse dans la page principale des événements*/
/* on verra ces infos dans la page détails seulement*/
/*si configuré comme tel, on affiche aussi ces infos lors du processus d'inscription*/

.page-evenement .item .contact,
.page-evenement .item .address {
    display: none;
}
/* afficher la catégorie de la bonne couleur*/
.page-evenement .events-mosaic-category {
    color: #088cdc;
    font-style: italic
}
/* mettre les boutons des événements en bleu*/
.page-evenement .btn-primary {
    color: white;
    background-color: #088cdc;
    border-top-color: #088cdc;
    border-bottom-color: #088cdc;
    border-left-color:#088cdc;
    border-right-color:#088cdc;
}
.page-evenement .btn-primary:hover {
    background-color: rgba(8,140,220,0.7);
    border-top-color: rgba(8,140,220,0.7);
    border-bottom-color: rgba(8,140,220,0.7);
    border-left-color:rgba(8,140,220,0.7);
    border-right-color:rgba(8,140,220,0.7);
}
.page-evenement .btn-default {
    color:  #088cdc;
    background-color: white;
    border-top-color: #088cdc;
    border-bottom-color: #088cdc;
    border-left-color:#088cdc;
    border-right-color:#088cdc;
}
.page-evenement .btn-default:hover {
    background-color: #e6f3fb;
    border-top-color: #088cdc;
    border-bottom-color: #088cdc;
    border-left-color:#088cdc;
    border-right-color:#088cdc;
}
/*code fourni par Yapla pour les grandeurs de fenêtre de saisie d'information (formulaires)*/
.modal-dialog {
  display: inline-block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 1rem auto !important;
}

.modal-content {
  height: auto !important;
  max-height: none !important;
}

.modal-body.modal_message {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}

.member-introduction-wrapper{
    text-align:center;
}

/*------*/

@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=League+Spartan:wght@100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --vert: #326f67; }

html {
  font-size: 10px; }

body {
  font: 1.8rem/2.7rem 'Raleway', 'League Spartan', sans-serif; }

a {
  transition: color 0.3s;
  color: var(--secondary); }
  a:hover, a:focus {
    color: black; }

h1, .h1 {
  font-size: 4rem;
  line-height: 4.6rem;
  color: inherit; }

h3, .h3 {
  font-size: 2rem;
  font-weight: 600;
  padding-bottom: 1.5em;
  text-transform: none; }

h4, .h4 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-transform: uppercase;
  font-weight: 300;
  color: inherit; }

.section-header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 25; }
  .section-header .line-top-menu {
    padding: 0 15px; }
    .section-header .line-top-menu .mod-header-wrapper {
      padding: 0; }
    .section-header .line-top-menu a {
      color: white;
      padding: 10px;
      font: 1.4rem/2.4rem 'Cairo', sans-serif;
      text-decoration: none;
      display: inline-block; }
      .section-header .line-top-menu a:hover, .section-header .line-top-menu a:focus {
        color: #9e9e9e; }
    @media (max-width: 991px) {
      .section-header .line-top-menu .mod-header .header-ext + .header-ext {
        margin-left: 10px; }
      .section-header .line-top-menu .switch-language {
        font-size: 12px; } }
    .section-header .line-top-menu .header-ext-custom ul, .section-header .line-top-menu .header-ext-custom div {
      display: inline-block;
      padding: 0;
      margin: 0; }
      .section-header .line-top-menu .header-ext-custom ul li, .section-header .line-top-menu .header-ext-custom div li {
        padding: 0; }
        .section-header .line-top-menu .header-ext-custom ul li a, .section-header .line-top-menu .header-ext-custom div li a {
          padding: 10px; }
    .section-header .line-top-menu .header-ext-custom .navbar-top-right {
      margin-right: 40px; }
      @media (max-width: 991px) {
        .section-header .line-top-menu .header-ext-custom .navbar-top-right {
          margin-right: 20px; }
          .section-header .line-top-menu .header-ext-custom .navbar-top-right a {
            font-size: 12px; } }
    .section-header .line-top-menu .header-ext-custom ul.navbar-right li {
      width: 120px;
      text-align: left;
      float: left; }
      @media (max-width: 991px) {
        .section-header .line-top-menu .header-ext-custom ul.navbar-right li {
          width: 110px; } }
      .section-header .line-top-menu .header-ext-custom ul.navbar-right li a {
        position: relative;
        display: block;
        line-height: 24px;
        height: 44px;
        padding: 0;
        margin: 0 5px;
        font-weight: bold; }
        .section-header .line-top-menu .header-ext-custom ul.navbar-right li a:hover, .section-header .line-top-menu .header-ext-custom ul.navbar-right li a:focus {
          color: white; }
      .section-header .line-top-menu .header-ext-custom ul.navbar-right li.active a {
        background: #6291cb; }
      .section-header .line-top-menu .header-ext-custom ul.navbar-right li .deco {
        height: 10px;
        display: block; }
        .section-header .line-top-menu .header-ext-custom ul.navbar-right li .deco.static-festival {
          background: #ce991c; }
        .section-header .line-top-menu .header-ext-custom ul.navbar-right li .deco.static-parc {
          background: #727e3a; }
        .section-header .line-top-menu .header-ext-custom ul.navbar-right li .deco.active-jardins {
          background: #6291cb; }
        .section-header .line-top-menu .header-ext-custom ul.navbar-right li .deco + span {
          padding-left: 5px; }
      .section-header .line-top-menu .header-ext-custom ul.navbar-right li#festival a:hover, .section-header .line-top-menu .header-ext-custom ul.navbar-right li#festival a:focus {
        background: #ce991c; }
      .section-header .line-top-menu .header-ext-custom ul.navbar-right li#parc a:hover, .section-header .line-top-menu .header-ext-custom ul.navbar-right li#parc a:focus {
        background: #727e3a; }
  .section-header .line-header {
    padding: 11px 15px; }
    .section-header .line-header .col-sm-12 {
      width: 50%;
      float: left;
      position: static; }
    @media (min-width: 992px) {
      .section-header .line-header #navbar {
        float: right;
        margin-right: 154px; } }
    @media (max-width: 991px) {
      .section-header .line-header #navbar {
        position: absolute;
        left: 0;
        right: 0;
        padding: 15px;
        z-index: 999;
        background: #6291CB;
        box-shadow: none; }
        .section-header .line-header #navbar ul {
          float: none !important;
          text-align: right; }
          .section-header .line-header #navbar ul a.dropdown-toggle {
            position: static; }
          .section-header .line-header #navbar ul .dropdown-menu a {
            color: white; } }
    .section-header .line-header .navbar-toggle .icon-bar {
      background: white; }
    .section-header .line-header ul.navbar-nav li a {
      color: white;
      padding: 10px;
      font: 1.4rem/3.7rem 'Cairo', sans-serif;
      text-decoration: none;
      display: inline-block;
      padding: 0 15px; }
      .section-header .line-header ul.navbar-nav li a:hover, .section-header .line-header ul.navbar-nav li a:focus {
        color: white;
        background: none; }
    .section-header .line-header ul.navbar-nav li .dropdown-menu a {
      color: #333;
      padding: 3px 20px;
      display: block;
      line-height: 1.42857143; }
      .section-header .line-header ul.navbar-nav li .dropdown-menu a:hover, .section-header .line-header ul.navbar-nav li .dropdown-menu a:focus {
        color: #262626;
        background: #f5f5f5; }

.line-banner {
  padding: 116px calc(100vw * 0.07) 30px;
  background: #F4F4F4; }
  @media (min-width: 690px) {
    .line-banner .zone-html .content {
      padding: 0 15px; } }
  .line-banner h1 {
    font-size: 12.4rem;
    line-height: 1em;
    font-weight: 200;
    /*width: 66.66666667%;*/ }
    @media only screen and (max-width: 1300px) and (min-width: 1000px) {
      .line-banner h1 {
        font-size: 7.2rem; } }
    @media only screen and (max-width: 999px) and (min-width: 690px) {
      .line-banner h1 {
        font-size: 6.7rem; } }
    @media only screen and (max-width: 690px) {
      .line-banner h1 {
        font-size: 6.2rem; } }
    @media only screen and (max-width: 450px) {
      .line-banner h1 {
        font-size: 5.2rem; } }
  .line-banner h4 {
    padding-bottom: 36px; }
  .line-banner .lien-faq {
    float: left;
    color: var(--secondary);
    font-size: 2.4rem;
    font-weight: 500; }
    .line-banner .lien-faq img {
      margin-right: 15px;
      vertical-align: top; }
    @media (max-width: 991px) {
      .line-banner .lien-faq {
        float: none;
          display:inline-block;
        margin-top: 40px; } }
  .line-banner.banner-pavot {
    color: white;
    background-image: url(https://cdn.ca.yapla.com/company/CPYartXBJGKNTiOURfMdEYp4P/asset/images/interface/pavots.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 130px; }
    .line-banner.banner-pavot h1 {
      font-weight: 600;
      font-size: 9.6rem;
      color: white; }
      @media only screen and (max-width: 1300px) and (min-width: 1000px) {
        .line-banner.banner-pavot h1 {
          font-size: 7.2rem; } }
      @media only screen and (max-width: 999px) and (min-width: 690px) {
        .line-banner.banner-pavot h1 {
          font-size: 6.7rem; } }
      @media only screen and (max-width: 690px) {
        .line-banner.banner-pavot h1 {
          font-size: 6.2rem; } }
      @media only screen and (max-width: 450px) {
        .line-banner.banner-pavot h1 {
          font-size: 5.2rem; } }
    .line-banner.banner-pavot h4 {
      font-weight: 600;
      padding-bottom: 27px;
      color: white; }

.line-intro {
  color: white;
  background: var(--vert);
  padding: calc(1245px * 0.05);
  text-align: center;
  font-size: 24px;
  line-height: 1.3em; }

.line-about {
  padding: 40px 0; }
  .line-about .col-sm-12:first-child {
    padding-right: 40px; }
  .line-about .col-sm-12:last-child {
    padding-left: 40px; }

.page-evenement .line-main {
  padding: 120px 0; }

.line-intro-membre {
  padding: 62px 0; }
  @media (max-width: 991px) {
    .line-intro-membre .col-sm-12 {
      width: 100%;
      float: none; } }
  .line-intro-membre .introText {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 3.8rem; }
  .line-intro-membre img {
    width: 500px;
    margin: 0 auto 30px;
    display: block; }
  .line-intro-membre h2 {
    font-size: 2.8rem;
    font-weight: 600;
    margin-bottom: 3.8rem; }

.line-avantages {
  background: #f9f9f9;
  padding: 62px 0; }
  @media (max-width: 991px) {
    .line-avantages .col-sm-12 {
      width: 100%;
      float: none; }
      .line-avantages .col-sm-12 + .col-sm-12 {
        margin-top: 30px; } }
  .line-avantages h3 {
    padding-bottom: 3.8rem; }
  .line-avantages ul {
    margin-bottom: 3.8rem; }
  .line-avantages .zone-carousel {
    font-size: 13px;
    text-align: center; }
    @media (min-width: 992px) {
      .line-avantages .zone-carousel {
        padding-left: 45px; } }
    .line-avantages .zone-carousel .carousel {
      display: flex;
      flex-direction: column-reverse; }
    .line-avantages .zone-carousel .carousel-indicators {
      display: block;
      margin: 0 auto;
      padding: 25px 0;
      text-align: center; }
      .line-avantages .zone-carousel .carousel-indicators li {
        text-indent: -9999px;
        width: 6px;
        height: 6px;
        margin: 5px 7px;
        padding: 0;
        background: rgba(0, 0, 0, 0.25);
        display: inline-block;
        border-radius: 30px;
        transition: all 0.13s ease;
        transform: scale(0.9); }
        .line-avantages .zone-carousel .carousel-indicators li.active {
          background: #ff5b80;
          transform: scale(1.5); }
        .line-avantages .zone-carousel .carousel-indicators li:hover, .line-avantages .zone-carousel .carousel-indicators li:focus {
          background: #ff5b80; }

.line-instructions {
  background: #f4f4f4;
  padding: 76px 0 38px;
  text-align: center; }
  .line-instructions h4 {
    font-weight: 600; }
  .line-instructions p {
    margin-bottom: 38px; }

.e-date, .e-date > a {
  color: black;
  font-weight: normal; }

.line-footer {
  padding: 75px 0 100px;
  color: #d1f1ff; }
  .line-footer h4 {
    font-weight: bold;
    font-size: 1.4rem; }
  .line-footer ul {
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
    font-size: 2rem;
    line-height: 2.7rem; }
    .line-footer ul li {
      padding: 4px 0; }
  .line-footer a {
    color: white; }
  .line-footer .btn {
    border-color: white; }
    .line-footer .btn:hover, .line-footer .btn:focus {
      background: white;
      border-color: white;
      color: var(--secondary); }

.allEvents h3 {
  padding: 0; }

.events-mosaic .item {
  margin-bottom: 4.5rem; }
  .events-mosaic .item .actions {
    margin-top: 0; }

.events-mosaic > .row + .row {
  margin-top: 0; }

.form-horizontal h4 {
  font-size: 1.9rem;
  line-height: 2.6rem; }

.form-donation__info-step .radio-inline {
  font-weight: normal; }

.line-bottom {
  padding: 20px 0;
  color: white;
  font-size: 1.4rem; }
  .line-bottom .mod-header {
    padding: 0; }
    .line-bottom .mod-header a {
      color: white; }
    .line-bottom .mod-header .social-link [class*="icon-"] {
      color: white;
      padding: 0 6px;
      font-size: 2rem; }
    .line-bottom .mod-header .fa-facebook {
      --fa: "\f39e"; }
    .line-bottom .mod-header .fa-linkedin {
      --fa: "\f0e1"; }

.line-partenaires {
  padding: 60px 0 30px; }
  .line-partenaires .newsList .row {
    display: flex;
    align-items: center;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .line-partenaires .newsList .row {
        display: block; } }
    .line-partenaires .newsList .row:before, .line-partenaires .newsList .row:after {
      display: none; }
    .line-partenaires .newsList .row img {
      max-width: 150px; }

.Section-footer {
  background: #252525 url(https://cdn.ca.yapla.com/company/CPYartXBJGKNTiOURfMdEYp4P/asset/images/interface/bg_gris.png) center;
  background-size: cover;
  color: white;
  position: relative; }
  .Section-footer:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    background: #252525;
    opacity: 0.8; }
  .Section-footer .line-footer-top {
    padding: 75px 0; }
  .Section-footer .container {
    position: relative;
    z-index: 20; }
    .Section-footer .container h4 {
      color: #008fd9;
      margin-bottom: 15px;
      font-size: 14px;
      font-weight: 600; }
    .Section-footer .container ul.menu {
      list-style: none;
      padding: 0;
      margin: 0 0 30px; }
      .Section-footer .container ul.menu li {
        padding: 4px 0 8px; }
      .Section-footer .container ul.menu a {
        color: white;
        font-size: 24px;
        font-weight: 200; }
        @media only screen and (max-width: 1549px) {
          .Section-footer .container ul.menu a {
            font-size: 18px; } }
        .Section-footer .container ul.menu a:hover, .Section-footer .container ul.menu a:focus {
          text-decoration: none;
          opacity: 0.65; }