.elementor-328 .elementor-element.elementor-element-b58027f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-328 .elementor-element.elementor-element-b58027f:not(.elementor-motion-effects-element-type-background), .elementor-328 .elementor-element.elementor-element-b58027f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.frapp.volkeno.com/wp-content/uploads/2025/04/image-4.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-328 .elementor-element.elementor-element-f3f37ee{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:144px 144px;--row-gap:144px;--column-gap:144px;--margin-top:92px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-328 .elementor-element.elementor-element-f6f56b0{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-328 .elementor-element.elementor-element-afee4cf .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:32px;font-weight:700;line-height:139%;letter-spacing:5.12px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-328 .elementor-element.elementor-element-47e76c2{text-align:justify;font-family:"Quicksand", Sans-serif;font-size:17px;font-weight:600;line-height:139%;color:#FFFFFF;}.elementor-328 .elementor-element.elementor-element-993a688{--display:flex;--border-radius:3px 3px 3px 3px;}.elementor-328 .elementor-element.elementor-element-993a688:not(.elementor-motion-effects-element-type-background), .elementor-328 .elementor-element.elementor-element-993a688 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4FFF9;}.elementor-328 .elementor-element.elementor-element-f31a052 > .elementor-widget-container{padding:20px 30px 0px 30px;}.elementor-328 .elementor-element.elementor-element-f31a052 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:36.977px;font-weight:700;color:var( --e-global-color-efff05d );}.elementor-328 .elementor-element.elementor-element-03beb54 > .elementor-widget-container{margin:10px 30px 0px 30px;}@media(min-width:768px){.elementor-328 .elementor-element.elementor-element-993a688{--width:83%;}}@media(max-width:1024px){.elementor-328 .elementor-element.elementor-element-f3f37ee{--gap:23px 23px;--row-gap:23px;--column-gap:23px;--flex-wrap:wrap;}.elementor-328 .elementor-element.elementor-element-993a688{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-328 .elementor-element.elementor-element-f31a052 > .elementor-widget-container{margin:0px 0px 0px 57px;}.elementor-328 .elementor-element.elementor-element-03beb54 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 30px 0px;}}@media(max-width:767px){.elementor-328 .elementor-element.elementor-element-f3f37ee{--flex-wrap:wrap;}.elementor-328 .elementor-element.elementor-element-afee4cf .elementor-heading-title{font-size:25px;}.elementor-328 .elementor-element.elementor-element-993a688{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-328 .elementor-element.elementor-element-f31a052 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-328 .elementor-element.elementor-element-f31a052 .elementor-heading-title{font-size:30px;}.elementor-328 .elementor-element.elementor-element-03beb54 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-03beb54 */.cotisation-formulaire {
  max-width: 400px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cotisation-formulaire input {
margin-bottom: 18px;
  border-radius: 7.5px;
  box-shadow: 1.5px 1.5px 9.7px rgba(0, 0, 0, 0.09);
  border: 1px solid #E0E0E0;
  padding: 24px;
  font-family: Quicksand;
}

.cotisation-formulaire label {
color: #333;
font-family: Quicksand;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}

.cotisation-formulaire input::placeholder {
  color: rgba(0, 0, 0, 0.51);
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 139%;
}



.btn-payer {
    margin-top: 20px;
  background-color: #008638;
  margin-bottom: 25px;
  color: white;
  border: none;
  padding: 20px;
  border-radius: 5px;
  cursor: pointer;
  color: #FFF;
text-align: center;
font-family: Quicksand;
font-size: 13.5px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.btn-payer:hover {
  background-color: #008638;
  color: white;
  border: none;
  padding: 20px;
  border-radius: 5px;
  cursor: pointer;
}

/* Popup général
.popup-paiement {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

/* Contenu du popup
.popup-contenu {
  background: white;
  padding: 25px;
  border-radius: 10px;
  width: 90%;
  max-width: 400px;
  position: relative;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.popup-titre {
    font-family: Quicksand;
font-weight: 700;
font-size: 16px;
line-height: 139%;
letter-spacing: 0%;
color: red;
margin-bottom: 30px;
color: #4F4F4F;
}

/* Bouton de fermeture (croix) 
.btn-fermer {
  position: absolute;
  top: 10px;
  right: 15px;
  background: none;
  box-shadow: none;
  color: #111111;
  border: none;
  font-size: 24px;
  cursor: pointer;
}
.btn-fermer:hover {
  background: none;
  box-shadow: none;
  color: #111111;
  font-size: 24px;
  cursor: pointer;
}

/* Moyens de paiement
.moyens-paiement {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.moyen-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  cursor: pointer;
}

.moyen-option input[type="radio"] {
  transform: scale(1.2);
}

.moyen-logo {
  width: 24px;
  height: 24px;
}

/* Boutons bas popup
.popup-boutons {
  margin-top: 20px;
  text-align: center;
}

.btn-annuler,
.btn-valider {
  padding: 10px 20px;
  margin: 0 5px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
}

.btn-annuler {
  border-radius: 5px;
background: #FFF;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.14);
color: #4F4F4F;
text-align: center;
font-family: Quicksand;
font-size: 13.5px;
font-style: normal;
font-weight: 700;
}

.btn-annuler:hover {
background: #FFF;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.14);
color: #4F4F4F;
}

.btn-valider {
  border-radius: 5px;
background: #008638;
width: 232px;
}/* End custom CSS */