.elementor-1360 .elementor-element.elementor-element-97ca15f{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 20px;--row-gap:0px;--column-gap:20px;--grid-auto-flow:row;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}@media(max-width:1024px){.elementor-1360 .elementor-element.elementor-element-97ca15f{--grid-auto-flow:row;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}}@media(min-width:768px){.elementor-1360 .elementor-element.elementor-element-97ca15f{--content-width:1300px;}}@media(max-width:767px){.elementor-1360 .elementor-element.elementor-element-97ca15f{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS *//*
    Ce code est pour l'animation des picto
*/

.IMG_Picto {
  transition: transform 0.3s ease;
}


.Picto_container:has(+ .cta-body .BOUTON:hover) .IMG_Picto{
  transform: rotate(45deg);
}


/* Ce code est pour l'effet gris sur les différents types de service travel*/
.service-container-travel-page .carte-travel-page {
        filter:grayscale(0%);
        transition: filter 0.3s linear;

}
.service-container-travel-page:has(.carte-travel-page:hover) .carte-travel-page:not(:hover) {
     filter:  grayscale(100%) ;
}

/*
Ce code est pour l'animation du bouton
*/
.bounce-btn-travel-page {
   /* Ce code gère la transition */
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
              box-shadow 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}/* End custom CSS */