.elementor-1006 .elementor-element.elementor-element-537dd86{--display:flex;--min-height:430px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1006 .elementor-element.elementor-element-537dd86:not(.elementor-motion-effects-element-type-background), .elementor-1006 .elementor-element.elementor-element-537dd86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://astoholidays.camdsi.fr/wp-content/uploads/2025/04/offre-exclusive-asto-holidays.webp");background-position:0px -211px;background-repeat:no-repeat;background-size:cover;}.elementor-1006 .elementor-element.elementor-element-537dd86.e-con{--align-self:center;}.elementor-1006 .elementor-element.elementor-element-cb41816{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:20px 20px 0px 0px;--margin-top:-20px;--margin-bottom:0;--margin-left:auto;--margin-right:auto;}.elementor-1006 .elementor-element.elementor-element-cb41816:not(.elementor-motion-effects-element-type-background), .elementor-1006 .elementor-element.elementor-element-cb41816 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c8d7405 );}.elementor-1006 .elementor-element.elementor-element-cb41816.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1006 .elementor-element.elementor-element-3523380{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1006 .elementor-element.elementor-element-d06b8de{--display:flex;}.elementor-1006 .elementor-element.elementor-element-4d6e444{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1006 .elementor-element.elementor-element-4d6e444:not(.elementor-motion-effects-element-type-background), .elementor-1006 .elementor-element.elementor-element-4d6e444 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c8d7405 );}.elementor-1006 .elementor-element.elementor-element-e57d778{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1006 .elementor-element.elementor-element-537dd86:not(.elementor-motion-effects-element-type-background), .elementor-1006 .elementor-element.elementor-element-537dd86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1006 .elementor-element.elementor-element-cb41816{--border-radius:0px 0px 0px 0px;}.elementor-1006 .elementor-element.elementor-element-4d6e444{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-1006 .elementor-element.elementor-element-e57d778{--flex-wrap:wrap;}}@media(max-width:767px){.elementor-1006 .elementor-element.elementor-element-537dd86:not(.elementor-motion-effects-element-type-background), .elementor-1006 .elementor-element.elementor-element-537dd86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1006 .elementor-element.elementor-element-178a998{margin:-140px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1006 .elementor-element.elementor-element-4d6e444{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1006 .elementor-element.elementor-element-e57d778{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}}@media(min-width:768px){.elementor-1006 .elementor-element.elementor-element-537dd86{--width:100%;}.elementor-1006 .elementor-element.elementor-element-cb41816{--width:100%;}.elementor-1006 .elementor-element.elementor-element-3523380{--width:70%;}.elementor-1006 .elementor-element.elementor-element-d06b8de{--width:100%;}.elementor-1006 .elementor-element.elementor-element-e57d778{--content-width:79%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1006 .elementor-element.elementor-element-cb41816{--width:100%;}.elementor-1006 .elementor-element.elementor-element-3523380{--width:100%;}.elementor-1006 .elementor-element.elementor-element-d06b8de{--width:100%;}.elementor-1006 .elementor-element.elementor-element-e57d778{--content-width:100%;}}@media(min-width:1025px){.elementor-1006 .elementor-element.elementor-element-537dd86:not(.elementor-motion-effects-element-type-background), .elementor-1006 .elementor-element.elementor-element-537dd86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-178a998 */.section-test {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      padding: 0px 20px;
      position: relative;
      max-width: 1200px;
      margin: 0 auto;
      flex-wrap: wrap;
    }

    .image-wrapper {
      flex: 0 0 300px;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
      position: relative;
      z-index: 1;
      margin-top: 60px;
    }

    .image-wrapper img {
      width: 100%;
      height: 470px;
      display: block;
    }

    .content-box {
      background-color: #fbeeea;
      border-radius: 20px;
      padding: 40px 60px;
      width: 820px;
      max-width: 90%;
      box-sizing: border-box;
      margin-left: -70px;
      margin-top: -100px;
      position: relative;
      z-index: 2;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    .content-box h2 {

      margin-bottom: 10px;
      text-align: center;
    }

    .content-box strong {
      font-weight: 600;
    }

    .content-box p {
    text-align: center;
      margin-top: 30px;
    }

    .titre {
        position: relative;
        top: -190px;
        left: 14%;
     text-align: center;
    }
    
    .titre h3{
        font-weight: bold
    }


    @media screen and (max-width: 767px) {
      .section-test {
        padding: 0px 0px;
        flex-direction: column;
        align-items: center;
        
      }

      .content-box {
        margin-left: 0;
        margin-top: 30px;
      }
      
    .image-wrapper {
      flex: 0 0 0px;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
      position: relative;
      z-index: 1;
      margin-top: -130px;
    }
    
    .image-wrapper img {
      display: none;
    }
    
    .content-box {
        padding: 20px;
    }
    
    .titre {
        position: relative;
        font-size: 25px !important;
        top: 15px;
        left: 0%;
      text-align: center;
      font-weight: bold;
    }
    
    }
    
    @media screen and (max-width: 1024px) {
      .section-test {
        padding: 0px 0px;
        flex-direction: column;
        align-items: center;
        max-width: 1400px !important;
        
      }

      .content-box {
        margin-left: 0;
        margin-top: 30px;
      }
      
    .image-wrapper {
      flex: 0 0 0px;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
      position: relative;
      z-index: 1;
      margin-top: -130px;
    }
    
    .image-wrapper img {
      display: none;
    }
    
    .content-box {
        padding: 20px;
    }
    
    .titre {
        position: relative;
        font-size: 25px !important;
        top: 15px;
        left: 0%;
      text-align: center;
      font-weight: bold;
    }
    
    }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-24043eb */.offres-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);  /* Trois colonnes égales */
    gap: 2rem;
    margin-top: 2rem;
}

.offre-carte {
    border-radius: 20px;
    overflow: hidden;
    background: var(--e-global-color-fe8de45);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
}

.offre-image {
    position: relative;
    height: 220px;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.offre-titre {
    position: absolute;
    bottom: 20px;
    left: 20px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  
  background: rgba(255, 255, 255, .4);
    color: white;
    padding: 0.6rem 1rem;
    border-radius: 12px;
    max-width: 100%;
}

.offre-titre h2 {
    font-size: 30px;
    font-family: 'Nicholas', Sans-Serif;
    margin-bottom: -10px
}

.offre-titre h3 {
    font-size: 30px;
        font-family: 'Nicholas', Sans-Serif;
}

.offre-contenu {
    padding: 1.5rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center 
}

.offre-description {
    line-height: 1.5;
    margin-bottom: 1rem;
}

.offre-infos {
    margin-bottom: 1rem;
}

.info-combinee {
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: center; /* centre horizontalement */
    align-items: center;
    background: var(--e-global-color-secondary);
    color: white;
    padding: 0.6rem 1rem;
    border-radius: 30px;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 25px;
    gap: 1.5rem; /* espace entre les blocs */
    text-align: center;
    width: fit-content;
}

.info-combinee .icon {
    width: 20px;
    margin-right: 5px;
}

.info-combinee .separator {
    height: 15px;
    width: 2px;
    background: var(--e-global-color-fe8de45);
}

.info-combinee .info-gauche,
.info-combinee .info-droite {
    display: flex;
    align-items: center;
    justify-content: center
}

.info-combinee .info-droite {
    justify-content: flex-end;
}

.info-item {
    gap: 0.4rem;
    font-size: 0.85rem;
    background: #fff;
    padding: 0.4rem 0.8rem;
    border-radius: 999px;
    border: 1px solid #ddd;
}

.bouton-wrapper {
    display: flex;
    justify-content: flex-end
}

.offre-bouton {
    font-family: 'Roboto', Sans-Serif !important;
    background: transparent;
    color: var(--e-global-color-primary) !important;
    border-radius: 40px;
    padding: 10px 20px;
    border: 1px solid var(--e-global-color-primary);
    width: 200px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    transition: background 0.5s ease, width 0.5s ease;
    position: relative;
    font-weight: 800 !important;
    text-transform: uppercase;
    font-size: 16px !important
}



.offre-bouton img {
    display: none;  /* Caché par défaut */
    margin-left: 10px;
    height: auto;
    max-height: 20px;
    transition: opacity 0.5s ease;
}

.offre-bouton:hover img {
    display: inline-block;
    opacity: 1;
    
}

.offre-bouton::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%) rotate(-90deg);
    transition:right 1s ease;
}

.offre-bouton:hover {
    background: var(--e-global-color-primary);
    color: var(--e-global-color-c8d7405) !important;
    width: 215px;
    border-color: var(--e-global-color-primary);
}

.offre-bouton:hover::after {
    right: 10px;
}

    .info-combinee .info-droite span, .info-combinee .info-gauche span {
        position: relative;
        top: 2px;
    }

@media screen and (max-width: 767px) {
    .offres-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);  /* Trois colonnes égales */
        gap: 2rem;
        padding: 20px;
    }
    
    .info-combinee {
        flex-direction: column;
    }

    .offre-bouton {
        align-self: center;
    }
    
    .info-combinee .separator {
        width: 20px;
        height: 2px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .offres-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);  /* Trois colonnes égales */
        gap: 2rem;
    }

    .info-combinee {
        flex-direction: column;
    }
    
    .offre-bouton {
        align-self: center;
    }
    
    .info-combinee .separator {
        width: 20px;
        height: 2px;
    }
}
@media (min-width: 1366px) and (max-width: 1500px) {
    .info-combinee {
        flex-direction: column;
        gap: 0.5rem;
        padding: 1rem; /* un peu plus d'air en mode colonne */
        border-radius: 20px;
        text-align: center;
    }

    .info-combinee .separator {
        width: 20px;
        height: 2px;
    }
}/* End custom CSS */