.elementor-kit-9{--e-global-color-primary:#0C2A69;--e-global-color-secondary:#3773B9;--e-global-color-text:#000000;--e-global-color-accent:#67B8E6;--e-global-color-06f94e5:#000000;--e-global-color-20f1528:#FFFFFF;--e-global-typography-primary-font-family:"Sora";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Sora";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Sora";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Sora";--e-global-typography-accent-font-weight:500;font-family:"Sora", Sans-serif;font-weight:400;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:30px;--container-default-padding-right:30px;--container-default-padding-bottom:30px;--container-default-padding-left:30px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:15px;--container-default-padding-right:15px;--container-default-padding-bottom:15px;--container-default-padding-left:15px;}}/* Start custom CSS */body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}
.sans h1,
.sans h2,
.sans h3,
.sans h4,
.sans p {
  margin: 0;
  padding: 0;
}
.uneliste ul {
list-style-position: outside;
list-style-type: square;
  padding: 0;
  margin-left: 20px;
}
.uneliste ol {
list-style-position: outside;
  padding: 0;
  margin-left: 20px;
}
.uneliste ul li {
  padding-left: 4px;
  padding-bottom:20px;
  line-height:1.25em;
}
.uneliste ol li {
  padding-left: 4px;
  padding-bottom:14px;
  line-height:1.25em;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.texteslegaux h4{
    font-weight:600;
    font-size:1.2em;
    line-height:1.5em;
    padding-bottom:12px;
    padding-top:20px;
    color:#002b6d;
}
.texteslegaux h5{
    font-weight:600;
    font-size:1.1em;
    line-height:1.5em;
    padding-bottom:0px;
    padding-top:0px;
    color:#002b6d;
}
.texteslegaux p{
    padding-bottom:20px;
}
.texteslegaux ul {
list-style-position: outside;
list-style-type: square;
  padding: 0;
  margin-left: 20px;
}
.texteslegaux ol {
list-style-position: outside;
  padding: 0;
  margin-left: 20px;
}
.texteslegaux ul li {
  padding-left: 4px;
  padding-bottom:14px;
  line-height:1.25em;
}
.texteslegaux ol li {
  padding-left: 4px;
  padding-bottom:14px;
  line-height:1.25em;
}
/* Header */
.elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown {
padding:12px;
}
/* Target the nav menu items with background hover */
.elementor-nav-menu--main .elementor-item {
    border-radius: 10px !important;
}
/* Target specifically when pointer-background is used */
.e--pointer-background .elementor-item:before,
.e--pointer-background .elementor-item:after {
    border-radius: 10px !important;
}
/* For dropdown items */
.elementor-nav-menu--dropdown .elementor-sub-item {
    border-radius: 10px !important;
}
.elementor-nav-menu--dropdown .elementor-sub-item:before,
.elementor-nav-menu--dropdown .elementor-sub-item:after {
    border-radius: 10px !important;
}

/* fix nav */
/* Target the mobile navigation dropdown */
.manavmobile .elementor-nav-menu--dropdown .elementor-item,
.manavmobile .elementor-nav-menu--dropdown .elementor-sub-item {
    text-align: center !important;
    justify-content: center !important;
    display: block !important;
}
/* Center the submenu items as well */
.manavmobile .elementor-nav-menu--dropdown .sub-menu {
    text-align: center !important;
}
/* Fix the caret arrow positioning */
.manavmobile .elementor-nav-menu--dropdown .sub-arrow {
    position: absolute !important;
    right: 15px !important;
    top: 70% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
}
/* Make sure the parent link has relative positioning */
.manavmobile .elementor-nav-menu--dropdown .has-submenu {
    position: relative !important;
}
/* Additional specificity for menu items */
.manavmobile .elementor-nav-menu--dropdown .elementor-nav-menu .menu-item a {
    text-align: center !important;
    justify-content: center !important;
}
/* Style submenu items - smaller font and different background */
.manavmobile .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item {
    font-size: 14px !important; /* Adjust size as needed */
    background-color: #183a83 !important; /* Replace with your color */
    border-radius:0 !important;
}


/* formulaire infolettre */
/* Input field container */
.forminfolettre .elementor-field-group {
  position: relative;
  margin-bottom: 0;
}

/* Email input field */
.forminfolettre input[type="email"] {
  background: transparent;
  border: none;
  border-bottom: 2px solid white;
  color: white;
  padding: 12px 40px 12px 0;
  width: 100%;
  font-size: 16px;
  border-radius: 0;
}

.forminfolettre input[type="email"]::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.forminfolettre input[type="email"]:focus {
  outline: none;
  border-bottom-color: white;
}

/* Submit button as arrow */
/* Submit button - remove ALL default styling */
.forminfolettre button[type="submit"] {
  position: absolute;
  right: 0;
  bottom: 8px;
  background: transparent !important;
  border: none !important;
  color: white !important;
  font-size: 24px;
  cursor: pointer;
  padding: 0 !important;
  margin: 0;
  transition: transform 0.2s;
  box-shadow: none !important;
  line-height: 1;
  width: auto !important;
  height: auto !important;
  min-width: unset !important;
  min-height: unset !important;
}

.forminfolettre button[type="submit"]:hover {
  transform: translateX(5px);
  background: transparent !important;
}

.forminfolettre button[type="submit"]:focus {
  outline: none;
  background: transparent !important;
}

/* Hide button text */
.forminfolettre button[type="submit"] span {
  display: none;
}

/* Arrow icon */
.forminfolettre button[type="submit"]::after {
  content: "▶";
  display: block;
  background: transparent;
  color: white;
  font-size:0.5em;
}
/* couleur des icones */
.iconebleu .st0 {
    fill: #0C2A69 !important;
}
/* animation */
.animaccueil {
    position: relative;
    overflow: hidden; /* Prevents SVGs from showing outside the section */
}

/* First SVG - Original */
.animaccueil::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://alliance-solutions.ca/wp-content/uploads/AllianceSolutions-Icone-Fleche-Vide.svg');
    background-size: 250px auto;
    background-repeat: no-repeat;
    background-position: left center;
    opacity: 0.5;
    animation: moveBackground1 20s linear infinite;
    z-index: 0;
    pointer-events: none;
}

/* Second SVG - Smaller and faster */
.animaccueil::after {
    content: "";
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://alliance-solutions.ca/wp-content/uploads/AllianceSolutions-Icone-Fleche-Vide.svg');
    background-size: 100px auto;
    background-repeat: no-repeat;
    background-position: left center;
    opacity: 0.3;
    animation: moveBackground2 12s linear infinite;
    z-index: 0;
    pointer-events: none;
}
.animaccueil > .elementor-container {
    position: relative;
    z-index: 1;
}

/* Animation for first SVG */
@keyframes moveBackground1 {
    0% {
        background-position: -100px center;
    }
    100% {
        background-position: calc(100% + 250px) center;
    }
}

/* Animation for second SVG - faster */
@keyframes moveBackground2 {
    0% {
        background-position: -120px center;
    }
    100% {
        background-position: calc(100% + 100px) center;
    }
}

/* Animation for third SVG - slower */
@keyframes moveBackground3 {
    0% {
        background-position: -300px bottom;
    }
    100% {
        background-position: calc(100% + 300px) bottom;
    }
}
/* Inner section animation */
.animaccueil-inner {
    position: relative;
    overflow: hidden;
}

.animaccueil-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://alliance-solutions.ca/wp-content/uploads/AllianceSolutions-Icone-Fleche-Vide.svg');
    background-size: 150px auto; /* Different size */
    background-repeat: no-repeat;
    background-position: left center;
    opacity: 0.4; /* Different opacity */
    animation: moveBackgroundInner 15s linear infinite; /* Different speed */
    z-index: 0;
    pointer-events: none;
}

.animaccueil-inner > .elementor-container {
    position: relative;
    z-index: 1;
}

@keyframes moveBackgroundInner {
    0% {
        background-position: -150px center;
    }
    100% {
        background-position: calc(100% + 150px) center;
    }
}
/* bouton */
/* Animated button icon */
.animated-button .elementor-button-icon {
    animation: slideIcon 1.5s ease-in-out infinite;
    display: inline-block;
}

@keyframes slideIcon {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(8px); /* Moves 8px to the right */
    }
}/* End custom CSS */