/*
Theme Name:     Fitness Center
Theme URI:      https://entoiledefond.com
Template:       Divi
Version:        1.0
*/




:root {
  --main-bg-color: #1f23aa;
  --mauve-bg-color: #ae89db;
  --vert-bg-color: #7bdba1;
  --bleu-texte : #3c2677;
}

:root {
  --contrast-dark:  #000000;
  --contrast-light: #f0f0f0;
}

.centrer-v {
  display: flex;
  flex-direction: column;
  justify-content: center;

/* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
}

.align-middle {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
    align-items: center;
	-webkit-align-items: center;
}

.align-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: flex-end;
      -ms-flex-pack: flex-end;
}


@media (max-width: 1280px) {
    #et_mobile_nav_menu {
        display: block;
    }
    #top-menu {
        display: none;
    }
}


/* Image gallery item aspect ratio landscape 3:1 */
.pa-image-gallery-3-1 .wrap,
.pa-image-gallery-3-1 .grid-item .wrap,
.pa-image-gallery-3-1 .et_portfolio_image,
.pa-image-gallery-3-1 .et_pb_image_wrap,
.pa-image-gallery-3-1 .et_pb_gallery_image {
  padding-top: 33.33%;
  display: block;
  position: relative;
  overflow: hidden;
}

/*image gallery item aspect ratio landscape 16:6*/
.pa-image-gallery-16-6 .wrap,
.pa-image-gallery-16-6 .grid-item .wrap,
.pa-image-gallery-16-6 .et_portfolio_image,
.pa-image-gallery-16-6 .et_pb_image_wrap,
.pa-image-gallery-16-6 .et_pb_gallery_image   {
  padding-top: 42%;
  display: block;
  position:relative;
  overflow:hidden;
}

/*image gallery item aspect ratio landscape 16:9*/
.pa-image-gallery-16-9 .wrap,
.pa-image-gallery-16-9 .grid-item .wrap,
.pa-image-gallery-16-9 .et_portfolio_image,
.pa-image-gallery-16-9 .et_pb_image_wrap,
.pa-image-gallery-16-9 .et_pb_gallery_image   {
  padding-top: 56.25%;
  display: block;
  position:relative;
  overflow:hidden;
}

/*image gallery item aspect ratio landscape 4:3*/
.pa-image-gallery-4-3 .event-block-image,
.pa-image-gallery-4-3 .wrap,
.pa-image-gallery-4-3 .grid-item .wrap,
.pa-image-gallery-4-3 .et_portfolio_image,
.pa-image-gallery-4-3 .et_pb_image_wrap,
.pa-image-gallery-4-3 .et_pb_gallery_image,
.pa-image-gallery-4-3 .entry-featured-image-url  {
  padding-top: 75%;
  display: block;
  overflow:hidden;
  position:relative;
}


/*image gallery item aspect ratio portrait 3:4*/
.pa-image-gallery-3-4 .wrap,
.pa-image-gallery-3-4 .grid-item .wrap,
.pa-image-gallery-3-4 .et_portfolio_image,
.pa-image-gallery-3-4 .et_pb_image_wrap,
.pa-image-gallery-3-4 .et_pb_gallery_image,
.pa-image-gallery-3-4 .entry-featured-image-url {
  padding-top: 133.33%;
  display: block!important;
  overflow:hidden;
  position:relative;
}

/*image gallery item aspect ratio portrait 3:4*/
.pa-image-gallery-3-5 .wrap,
.pa-image-gallery-3-5 .grid-item .wrap,
.pa-image-gallery-3-5 .et_portfolio_image,
.pa-image-gallery-3-5 .et_pb_image_wrap,
.pa-image-gallery-3-5 .et_pb_gallery_image,
.pa-image-gallery-3-5 .entry-featured-image-url {
  padding-top: 175%;
  display: block;
  overflow:hidden;
  position:relative;
}

/*image gallery item aspect ratio portrait 1:1*/
.pa-image-gallery-1-1 .event-block-image,
.pa-image-gallery-1-1 .wrap,
.pa-image-gallery-1-1 .grid-item .wrap,
.pa-image-gallery-1-1 .et_portfolio_image,
.pa-image-gallery-1-1 .et_pb_image_wrap,
.pa-image-gallery-1-1 .et_pb_gallery_image  {
  padding-top: 100%;
  display: block;
  overflow:hidden;
  position:relative;
}

.pa-image-gallery-3-1 .wrap img,
.pa-image-gallery-3-1 .grid-item .wrap img,
.pa-image-gallery-3-1 .et_portfolio_image img,
.pa-image-gallery-3-1 .et_pb_image_wrap img,
.pa-image-gallery-3-1 .et_pb_gallery_item img,
.pa-image-gallery-16-6 .wrap img,
.pa-image-gallery-16-6 .grid-item .wrap img,
.pa-image-gallery-16-6 .et_portfolio_image img,
.pa-image-gallery-16-6 .et_pb_image_wrap img,
.pa-image-gallery-16-6 .et_pb_gallery_item img,
.pa-image-gallery-16-9 .wrap img,
.pa-image-gallery-16-9 .grid-item .wrap img,
.pa-image-gallery-16-9 .et_portfolio_image img,
.pa-image-gallery-16-9 .et_pb_image_wrap img,
.pa-image-gallery-16-9 .et_pb_gallery_item img,
.pa-image-gallery-4-3 .event-block-image img,
.pa-image-gallery-4-3 .wrap img,
.pa-image-gallery-4-3 .grid-item .wrap img,
.pa-image-gallery-4-3 .et_pb_image_wrap img,
.pa-image-gallery-4-3 .et_pb_gallery_item img,
.pa-image-gallery-4-3 .entry-featured-image-url img,
.pa-image-gallery-3-4 .wrap img,
.pa-image-gallery-3-4 .grid-item .wrap img,
.pa-image-gallery-3-4 .et_pb_image_wrap img,
.pa-image-gallery-3-4 .et_pb_gallery_item img,
.pa-image-gallery-3-4 .entry-featured-image-url img,
.pa-image-gallery-3-5 .grid-item .wrap img,
.pa-image-gallery-3-5 .et_pb_image_wrap img,
.pa-image-gallery-3-5 .et_pb_gallery_item img,
.pa-image-gallery-3-5 .entry-featured-image-url img,
.pa-image-gallery-1-1 .event-block-image img,
.pa-image-gallery-1-1 .wrap img,
.pa-image-gallery-1-1 .grid-item .wrap img,
.pa-image-gallery-1-1 .et_pb_image_wrap img,
.pa-image-gallery-1-1 .et_pb_gallery_item img {
  position: absolute!important;
  height: 100%!important;
  width: 100%!important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}


.pa-image-gallery-16-9 .grille-item:hover .wrap img,
.pa-image-gallery-1-1 .grille-item:hover .et_pb_image_wrap img,
.pa-image-gallery-4-3 .et_pb_image_wrap:hover img,
.pa-image-gallery-3-4 .et_pb_image_wrap:hover img,
.pa-image-gallery-1-1 .et_pb_image_wrap:hover img {
	-webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}


.width1 { width: 1%!important; }
.width2 { width: 2%!important; }
.width3 { width: 3%!important; }
.width4 { width: 4%!important; }
.width5 { width: 5%!important; }
.width6 { width: 6%!important; }
.width7 { width: 7%!important; }
.width8 { width: 8%!important; }
.width9 { width: 9%!important; }
.width10 { width: 10%!important; }
.width11 { width: 11%!important; }
.width12 { width: 12%!important; }
.width13 { width: 13%!important; }
.width14 { width: 14%!important; }
.width15 { width: 15%!important; }
.width16 { width: 16%!important; }
.width17 { width: 17%!important; }
.width18 { width: 18%!important; }
.width19 { width: 19%!important; }
.width20 { width: 20%!important; }
.width21 { width: 21%!important; }
.width22 { width: 22%!important; }
.width23 { width: 23%!important; }
.width24 { width: 24%!important; }
.width25 { width: 25%!important; }
.width26 { width: 26%!important; }
.width27 { width: 27%!important; }
.width28 { width: 28%!important; }
.width29 { width: 29%!important; }
.width30 { width: 30%!important; }
.width31 { width: 31%!important; }
.width32 { width: 32%!important; }
.width33 { width: 33%!important; }
.width34 { width: 34%!important; }
.width35 { width: 35%!important; }
.width36 { width: 36%!important; }
.width37 { width: 37%!important; }
.width38 { width: 38%!important; }
.width39 { width: 39%!important; }
.width40 { width: 40%!important; }
.width41 { width: 41%!important; }
.width42 { width: 42%!important; }
.width43 { width: 43%!important; }
.width44 { width: 44%!important; }
.width45 { width: 45%!important; }
.width46 { width: 46%!important; }
.width47 { width: 47%!important; }
.width48 { width: 48%!important; }
.width49 { width: 49%!important; }
.width50 { width: 50%!important; }
.width51 { width: 51%!important; }
.width52 { width: 52%!important; }
.width53 { width: 53%!important; }
.width54 { width: 54%!important; }
.width55 { width: 55%!important; }
.width56 { width: 56%!important; }
.width57 { width: 57%!important; }
.width58 { width: 58%!important; }
.width59 { width: 59%!important; }
.width60 { width: 60%!important; }
.width61 { width: 61%!important; }
.width62 { width: 62%!important; }
.width63 { width: 63%!important; }
.width64 { width: 64%!important; }
.width65 { width: 65%!important; }
.width66 { width: 66%!important; }
.width67 { width: 67%!important; }
.width68 { width: 68%!important; }
.width69 { width: 69%!important; }
.width70 { width: 70%!important; }
.width71 { width: 71%!important; }
.width72 { width: 72%!important; }
.width73 { width: 73%!important; }
.width74 { width: 74%!important; }
.width75 { width: 75%!important; }
.width76 { width: 76%!important; }
.width77 { width: 77%!important; }
.width78 { width: 78%!important; }
.width79 { width: 79%!important; }
.width80 { width: 80%!important; }
.width81 { width: 81%!important; }
.width82 { width: 82%!important; }
.width83 { width: 83%!important; }
.width84 { width: 84%!important; }
.width85 { width: 85%!important; }
.width86 { width: 86%!important; }
.width87 { width: 87%!important; }
.width88 { width: 88%!important; }
.width89 { width: 89%!important; }
.width90 { width: 90%!important; }
.width91 { width: 91%!important; }
.width92 { width: 92%!important; }
.width93 { width: 93%!important; }
.width94 { width: 94%!important; }
.width95 { width: 95%!important; }
.width96 { width: 96%!important; }
.width97 { width: 97%!important; }
.width98 { width: 98%!important; }
.width99 { width: 99%!important; }
.width100 { width: 100%!important; }



.et_mobile_menu {
	min-width:180px;
}

.stack-cards__item .et_pb_blurb_content {
    display: flex;
    align-items: flex-end;
    padding: 200px 10px 10px;
}
@media(min-width:426px) {
	.stack-cards__item .et_pb_blurb_content {
		padding: 40px;
	}
}
.stack-cards__item .et_pb_blurb_container {
    background-color: #f0f8ff38;
    backdrop-filter: blur(24px);
    padding: 20px;
    border-radius: calc(0.25em * 2);
}



/* Style générique des cartes */
.card {
  flex: 1 1 calc(33.333% - 1rem);
  background-color: #fff;
  border-radius: 8px;
  padding: 1.5rem;
  min-width: 250px; /* Largeur minimale pour éviter une trop petite carte */
  color: #fff;      /* Par défaut, on va utiliser du texte blanc pour contraster */
  position: relative;
}

/* En-tête de la carte (ex: "helloP") */
.card-header {
  margin-bottom: 1rem;
}

.card-brand {
  font-weight: bold;
  font-size: 1.1rem;
}

/* Titre */
.card-title {
  margin-bottom: 1rem;
  font-size: 1.3rem;
  line-height: 1.2;
}

/* Texte de la carte */
.card-text {
  margin-bottom: 1rem;
  line-height: 1.3;
}

/* Lien (bouton) */
.card-link {
  display: inline-block;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.2);
  padding: 0.6rem 1rem;
  border-radius: 25px;
  font-weight: 700;
  color: #fff;
  transition: background 0.3s;
}

.card-link:hover {
  background: rgba(255, 255, 255, 0.3);
}

/* Couleurs de fond spécifiques à chaque carte */
.card-1 {
  background-color: var(--main-bg-color); /* Bleu */
}

.card-2 {
  background-color: var(--mauve-bg-color); /* Violet */
}

.card-3 {
  background-color: var(--bleu-texte); /* Violet plus sombre */
}

.card-4 {
  background-color: var(--vert-bg-color); /* Vert */
}

/* Responsivité : si l’écran est trop étroit, on passe les cartes en colonne */
@media (max-width: 768px) {
  .card {
    flex: 1 1 100%;
  }
}


.ligne-tarif .et_pb_blurb_container {
  display: flex;
    align-items: center;
    justify-content: space-between;
}
.ligne-tarif .et_pb_blurb_content {max-width:100%}
.ligne-tarif h3 { padding-bottom:0;}


/* Personnalisation module Toggle Divi */
.et_pb_toggle_title:before {
    content: "\4c";
	transition: all 0.3s!important;
    transform: rotate(0deg);
}
.et_pb_toggle_open .et_pb_toggle_title:before {
	content: "\4c";
    transform: rotate(135deg);
}



.pCard_card {
    max-width: 400px;
    height: 615px;
    margin: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

/****************
Back
****************/

.pCard_card .pCard_back {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -139px;
    font-weight: inherit;
    z-index: 1;
    padding:0 30px;
    
}
.pCard_card .pCard_back a {
    text-decoration: none;
}

/****************
UP
****************/

.pCard_card  .pCard_up {
    position: absolute;
    width: 100%;
    height: 437px;
    background-position: 50%;
    background-size: cover;
    z-index: 3;
    text-align: center;
    -webkit-border-top-left-radius: 30px;
    -moz-border-top-left-radius: 30px;
    -ms-border-top-left-radius: 30px;
    -o-border-top-left-radius: 30px;
    border-top-left-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -moz-border-top-right-radius: 30px;
    -ms-border-top-right-radius: 30px;
    -o-border-top-right-radius: 30px;
    border-top-right-radius: 30px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    
}

.pCard_on  .pCard_up {
    height: 100px;
    box-shadow: 0 0 30px #CFD8DC;
}

.pCard_card  .pCard_up .pCard_text {
    position: absolute;
    top: 319px;
    left: 0;
    right: 0;
    color: #f1f7f9;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.pCard_on  .pCard_up .pCard_text {
    top: 20px;
}

.pCard_card  .pCard_up .pCard_text h2{
    margin: 0;
    font-size: 25px;
    font-weight: 600;
}

.pCard_card  .pCard_up .pCard_text p{
    margin: 0;
    font-size: 16px;
    color: #E3F1F5;
}

.pCard_card  .pCard_up .pCard_add {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #ed145b;
    /* -webkit-box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.43); */
    /* -moz-box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.43); */
    /* -ms-box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.43); */
    /* -o-box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.43); */
    /* box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.43); */
    position: absolute;
    top: 392px;
    left: 0;
    right: 0;
    margin: auto;
    width: 88px;
    height: 88px;
    cursor: pointer;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
  display: flex;
    align-items: center;
    justify-content: center;
}

.pCard_on  .pCard_up .pCard_add {
    -webkit-transform: rotate(360deg) scale(.5);
    -moz-transform: rotate(360deg) scale(.5);
    -ms-transform: rotate(360deg) scale(.5);
    -o-transform: rotate(360deg) scale(.5);
    transform: rotate(360deg) scale(.5);
    top: 470px;
}

.pCard_card .pCard_up .pCard_add i {
    color: white;
    font-size: 30px;
    line-height: 88px;
}

/****************
Down
****************/

.pCard_card .pCard_down {
    background-color: #fff;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 178px;
    z-index: 2;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-bottom-left-radius: 30px;
    -ms-border-bottom-left-radius: 30px;
    -o-border-bottom-left-radius: 30px;
    border-bottom-left-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-bottom-right-radius: 30px;
    -ms-border-bottom-right-radius: 30px;
    -o-border-bottom-right-radius: 30px;
    border-bottom-right-radius: 30px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.pCard_on .pCard_down {
    height: 100px;
    -webkit-box-shadow: 0 0 30px #CFD8DC;
    -moz-box-shadow: 0 0 30px #CFD8DC;
    -ms-box-shadow: 0 0 30px #CFD8DC;
    -o-box-shadow: 0 0 30px #CFD8DC;
    box-shadow: 0 0 30px #CFD8DC;

}

.pCard_card .pCard_down div {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 70px;
    font-size: 18px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.pCard_on .pCard_down div {
    margin-top: 30px;
}

.pCard_card .pCard_down div p:first-of-type {
    color: #68818c;
    margin-bottom: 5px;
}

.pCard_card .pCard_down div p:last-of-type {
    color: #334750;
    font-weight: 700;
    margin-top: 0;
}



/****************
MODAL Cours collectifs
****************/
.ligne-modal {
  display: none;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.ligne-modal.visible {
  display: block;
  opacity: 1;
}

.ligne-modal ul {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.ligne-modal li {
	width: 33.33%;
    display: block;
    padding: 10px;
}