* {
    font-family: 'Poppins', sans-serif;
}

:root{ 

    --bodycolor: #151D22;
    --bodytextcolor: #d8e7f4;

    --bodyColorLight:#fff;
    --bodyTextColorDark:#151D22;
    --bodyTextColorLight:#d8e7f4;
    --bodyTextColorExtraLight:#fff;
    --LdsTextColor:#0066B3;

    --bodyDarkModeBackground:#192734;
    --bodyDarkAntraciteBackground:#182127;
    --bodyDarkModeBackground:var(--bodyDarkAntraciteBackground);
    --LdsTextColor:#85bee8;
    /*https://www.color-hex.com/color-palette/99156*/
}

body{
    background-color: var(--bodycolor);
    color: var(--bodytextcolor);

    background-color: var(--bodyColorLight);
    color: var(--bodyTextColorDark);    
}

.dark{ 

    background-color: var(--bodyDarkModeBackground)!important;
    color:var(--bodyTextColorExtraLight)!important;
    font-style: italic
}

.dark .header-scrolled{ 

    background-color: #17192633!important;
    
}

.dark .footer { background-color: #22303c;}
.dark .footer img{ width: 250px;  }
.dark .footer p , .footer a { 
  text-transform: uppercase !important;
  font-size: 0.90rem;
  text-decoration: none;
  letter-spacing: 0.05em;

}


.sticky-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}

.logo {
    width: 360px;
    transition: width 0.3s ease, height 0.3s ease;
}

.header-scrolled .logo {
width: 280px;
}

.header-scrolled {
background-color: rgba(0, 0, 0, 0.7);
background-color: rgba(0, 0, 0, 0.664);
padding: 10px 0;
transition: padding 0.3s ease, background-color 0.3s ease;
backdrop-filter: blur(10px); /* Applique un flou de 10px */
-webkit-backdrop-filter: blur(10px); /* Support pour les navigateurs WebKit */
}

.header-phone {
    color: #E4EFF5;
    border: 1px solid #E4EFF5;
    padding: 8px 20px
}

.fullscreen {
    height: 100vh;
    /* Prend 100% de la hauteur de l'écran */
    display: flex;
    flex-direction: column;
    overflow: hidden;
}



.btn-primary-glow {

    /* Effet de lueur avec box-shadow */
    box-shadow: 0 0 15px rgba(13, 110, 253, 0.8);
    /* Utilise la couleur bleue par défaut de Bootstrap */
    transition: box-shadow 0.3s ease;
}


/* Animation au survol */
.btn-primary-glow:hover {
    box-shadow: 0 0 20px rgba(13, 110, 253, 0.7);
}

.btn-gradient-glow {
   /* background: linear-gradient(to right, #6EB8EF, #0E70BA);*/
    background: #1E4E8E;
    background-color: #fff;
    border: none;
    color: white;
    color: #1E4E8E;
    font-weight: bold;
    
    
    /* Lueur basée sur la première couleur */
    transition: transform 0.3s ease;
}

.btn-gradient-glow-bordered{

     border:#1E4E8E 1px solid ;
     

 }

.btn-gradient-glow:hover {
    background: #0066B3;
    color:#E4EFF5;
    transform: translateY(-1px);

    box-shadow: 0 0 8 rgba(13, 110, 253, 0.7);

}


.btn-white {
    /* background: linear-gradient(to right, #6EB8EF, #0E70BA);*/
     background: #fff;
     background-color: #fe6b18;
     border: none;
     color: white;
     color: #fff;
     font-weight: bold;
     padding:10px 20px;
     
     
     /* Lueur basée sur la première couleur */
     transition: transform 0.3s ease;
 }
 
 
 .btn-white:hover {
     background: #113165;
     color:#E4EFF5;
 
 
 
 }
 

@media (max-width: 768px) {

    .sticky-header .logo {
        width: 285px;

    }



    .fullscreen {
        height: auto;


    }

}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   
    text-transform: uppercase;

    
        
}

.h1, .h2, .h3, h1, h2, h3 {
   
    text-transform: uppercase;
    font-style: italic
    
    
        
}


@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 2rem;
    }

    .h2, h2 {
        font-size: 1.8rem;
    }
}

.no-js {
    opacity: 1; /* Empêche le fade-in si JS est désactivé */
}

.fade-in {
    opacity: 0;
    animation: fadeIn 0.4s ease-in-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/*
body {
    margin: 0;
    padding: 0;

    background-color: var(--bodycolor);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg opacity='0.25'%3E%3Cpath d='M0 0 L100 0 L100 100 L0 100 Z' fill='none' stroke='%23DDDDDD' stroke-width='0.5'/%3E%3C/g%3E%3Cg opacity='0.2'%3E%3Cpath d='M10 0 L10 100 M20 0 L20 100 M30 0 L30 100 M40 0 L40 100 M50 0 L50 100 M60 0 L60 100 M70 0 L70 100 M80 0 L80 100 M90 0 L90 100' stroke='%23CCCCCC' stroke-width='0.2'/%3E%3Cpath d='M0 10 L100 10 M0 20 L100 20 M0 30 L100 30 M0 40 L100 40 M0 50 L100 50 M0 60 L100 60 M0 70 L100 70 M0 80 L100 80 M0 90 L100 90' stroke='%23CCCCCC' stroke-width='0.2'/%3E%3C/g%3E%3Cg opacity='0.3'%3E%3Cpath d='M0 50 L100 50 M50 0 L50 100' stroke='%23EEEEEE' stroke-width='0.3'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 150px 150px;
    background-position: center;
  
  }
*/


.ul-container{ padding:31px}
.ul-container p{ 

  font-size: 1.00rem;
  border-left:none;
  margin:0px;
  padding:0px

}

.ul-container ul {
  list-style: none;
  /* Supprime les puces par défaut */
  padding: 36px 0;
}

.ul-container ul li {
  position: relative;
  /* Nécessaire pour positionner l'icône */
  padding-left: 35px;
  /* Espace pour la coche */
  font-size: 1.00rem;
  text-transform: uppercase;
  padding-top: 10px;
  letter-spacing: 2px;
  font-weight: bold;
}

.ul-container ul li::before {
  content: '✔';
  /* Symbole de coche */
  color: var(--LdsTextColor);
  /* Couleur de la coche */
  font-size: 1.2em;
  /* Taille de la coche */
  position: absolute;
  /* Positionne la coche */
  left: 0;
  /* Place la coche à gauche */
  top: 50%;
  /* Position initiale au centre */
  transform: translateY(-20%);
  /* Centrage vertical */
}


.zone-2 h2, .zone-2 h3 {
    margin-bottom: 20px;
    font-weight: bold;
    color: var(--LdsTextColor);
}

.bg-lds{
    /*background-color: var(--LdsTextColor);
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='100' height='173.21' patternTransform='scale(4) rotate(130)'><rect x='0' y='0' width='100%' height='100%' fill='%230065b3f5'/><path d='M0 0v4.74L2.73 0zm4.14 0 6.44 11.15 2.38-4.12L8.9 0zm23.81 0 .49.84h-14.3l2.39 4.13h11.9l-7.14 12.37h4.77L34.39 2.9 32.71 0zm9.52 0 .49.84h19.05l7.14 12.37H49.87l2.38 4.13h11.9l-7.14 12.37h4.76l8.34-14.44L61.28 0zm28.57 0 7.64 13.21h19.04l7.15 12.37h-14.3l2.39 4.13h11.9l-7.14 12.37h4.77l2.5-4.34V17.57l-3.7-6.42 3.7-6.41V0h-2.01l-5.25 9.1H78.44L83.7 0h-4.77l-4.06 7.03L70.81 0zm22.41 0-2.87 4.97h4.76L93.21 0zm-50.5 4.97-9.51 16.5h-14.3l7.15-12.38h-4.76L10.58 19.4 3.44 7.03l-2.39 4.12 8.34 14.43h19.05l7.14 12.38H21.29l2.39 4.12h11.9l-7.14 12.38h4.75l8.34-14.44-9.52-16.5 7.14-12.37 7.14 12.37 2.38-4.12-5.95-10.3h14.29l-2.38-4.13zm35.72 12.37-9.52 16.5H49.87l7.14-12.38h-4.76l-5.96 10.31-7.14-12.37-2.38 4.12 8.33 14.44h19.05l7.14 12.37H57.01l2.38 4.13h11.9l-7.14 12.37h4.76l8.33-14.44-9.52-16.5 7.14-12.37 7.15 12.38 2.38-4.13-5.95-10.3h14.28l-2.38-4.13zM0 17.57v20.16l5.82-10.08zm9.39 12.14-9.4 16.27v4.57L7 62.71H0v4.12h7L0 78.97v.23h4.63l8.33-14.43-9.52-16.5 7.14-12.37 7.14 12.37 2.38-4.13-5.95-10.3h14.29l-2.38-4.13zm65.47 2.06-2.38 4.13 8.34 14.43h19.05l.13.22v-4.57l-.13.23h-14.3l7.15-12.38h-4.76l-5.95 10.31zM45.1 42.08l-9.52 16.5H21.29l7.15-12.37h-4.76l-5.96 10.3-7.14-12.37-2.38 4.13 8.33 14.44h19.05l7.14 12.37H28.44l2.38 4.12h11.9l-7.14 12.37h4.76l8.33-14.43-9.52-16.5 7.14-12.37 7.15 12.37 2.38-4.12-5.95-10.31h14.28l-2.38-4.13zm35.72 12.38-9.53 16.49H57.01l7.14-12.37h-4.76l-5.95 10.3-7.15-12.36-2.37 4.12 8.33 14.44h19.04l7.15 12.37h-14.3l2.39 4.12h11.9l-7.14 12.37h4.77l8.33-14.43-9.53-16.5 7.15-12.37 7.14 12.37 2.38-4.12-5.95-10.31h14.29l-2.39-4.12zm11.9 8.25 2.38 4.12h4.9v-4.12zm-76.2 4.12L7 83.33H0v4.12h7l7.15 12.37H0v.23l2.25 3.9h11.9L7 116.31h4.77l8.33-14.43-9.52-16.5 7.14-12.37 7.14 12.37 2.38-4.12-5.95-10.31h14.29l-2.39-4.12zm65.49 2.06-2.38 4.12 8.33 14.44H100v-4.13h-7.28l7.15-12.37H95.1l-5.95 10.3zM100 78.97l-.13.23h.13zm-47.75.23-9.53 16.5H28.44l7.14-12.38h-4.76l-5.96 10.31-7.14-12.37-2.38 4.12 8.34 14.44h19.04l7.15 12.37h-14.3l2.39 4.12h11.9l-7.14 12.37h4.76l8.34-14.43-9.53-16.5 7.15-12.37 7.14 12.38 2.38-4.13-5.95-10.3h14.28l-2.38-4.13zM0 91.57v4.12h7l-2.37-4.12zm87.96 0-9.52 16.5h-14.3l7.15-12.38h-4.76L60.58 106l-7.14-12.37-2.39 4.13 8.34 14.43h19.05l7.14 12.37H71.29l2.38 4.12h11.9l-7.13 12.38h4.76l8.33-14.44-9.52-16.5 7.14-12.36 7.14 12.37 2.38-4.13-5.95-10.3H100v-4.13zm11.9 8.25.14.22v-.22zm-76.18 4.12-9.53 16.5H0v4.12h14.15l7.14 12.37H7l2.39 4.13h11.9l-7.14 12.37h4.76L27.24 139l-9.52-16.5 7.14-12.37 7.15 12.37 2.38-4.13-5.95-10.3h14.28l-2.38-4.13zM89.15 106l-2.38 4.13 8.33 14.43h4.9v-4.12h-.13l.13-.22v-8.26l-3.7 6.41zm-86.9 2.07L0 111.97v8.24l7-12.14zm57.14 8.24-9.52 16.5h-14.3l7.15-12.37h-4.76l-5.95 10.3-7.15-12.37-2.38 4.13 8.34 14.43h19.05l7.14 12.38H42.72l2.38 4.12h11.91l-7.14 12.37h4.76l8.33-14.43-9.52-16.5 7.14-12.37 7.14 12.37 2.39-4.12-5.96-10.31h14.29l-2.38-4.13zm-59.4 12.37v4.13h14.16l-2.38-4.13zm95.11 0-9.52 16.5H71.29l7.14-12.37h-4.75l-5.96 10.31-7.14-12.37-2.38 4.12 8.33 14.44h19.05l7.14 12.37H78.43l2.39 4.12h11.9l-4.27 7.4h4.76l5.46-9.46-9.52-16.5 7.14-12.37 3.7 6.42v-8.26l-.12-.23h.13v-4.13zM0 133.04v8.25l3.44 5.95 2.38-4.12zm30.82 8.02-9.53 16.5H7l7.15-12.38H9.39l-5.95 10.31L0 149.54v8.24l2.25 3.9h19.04l6.66 11.52h4.76l-7.85-13.58 7.15-12.38 7.14 12.38 2.38-4.13-5.95-10.3h14.29l-2.39-4.13zm65.47 2.06-2.38 4.12 6.09 10.55v-8.25zm-29.76 10.3-9.52 16.5H42.72l7.15-12.37H45.1l-5.95 10.32-7.14-12.38-2.38 4.13 7.84 13.58h23.81l-.7-1.21 7.14-12.37 7.14 12.37 2.38-4.12-5.95-10.32h14.29l-2.38-4.12zM2.25 165.8 0 169.7v3.5h2.73l.7-1.21.7 1.21H8.9L7 169.93h14.3l-2.39-4.13zm65.47 2.07-2.38 4.12.7 1.21h4.76zm32.28 1.82-2.03 3.51H100zm-19.18.24-1.9 3.27h4.77l1.89-3.27z'  stroke-width='9' stroke='none' fill='%23006ec256'/></pattern></defs><rect width='800%' height='800%' transform='translate(-800,-733.68)' fill='url(%23a)'/></svg>")*/
    background-image: radial-gradient(circle, #0068b8, #0062ad, #015ca2, #025797, #04518c);
  
}

.dark .bg-lds{
    background-image: linear-gradient(to bottom, #171926, #1f2338, #282d4b, #31375e, #3b4272);
    background-image: linear-gradient(to top, #000000, #0d070a, #140e14, #17131d, #171926)
}

.tarif-card {
    /*    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;*/
    background: rgba(255, 255, 255);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    flex: 1;
    /* Remplit tout l'espace vertical disponible */
  }

  .tarif-card h3 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    color: var(--LdsTextColor);
    border-bottom: 1px solid  var(--LdsTextColor);
    font-weight: bolder
  }

  .tarif-card p {
    margin-bottom: 0.5rem;
    font-size: 1rem;
  }

  .tarif-card .price {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--LdsTextColor);
  }

  .tarif-card:hover {
    transform: scale(1.01);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  }

.dark .form-lds{ 

    border-radius:0!important;
    border-color: #1D3F6D;
    background-color: var(--bodyDarkModeBackground)!important;
    color:#E4EFF5
}

.dark textarea.form-lds{ 
min-height:  200px!important;

}

::placeholder {
    color: #a0a0a0!important;
    opacity: 1; /* Firefox */
  }
  

  input:focus, textarea:focus, select:focus {
    background-color: inherit !important;
    appearance: none !important;
    box-shadow: none !important;
}




  .btn-gradient-glow {
    display: inline-block;
    text-decoration: none;
    background: #1E4E8E;
    border: none;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 5px;
    transition: transform 0.3s ease, color 0.3s ease;
    position: relative;
    overflow: hidden;
}

.btn-gradient-glow:hover {
    background: #0066B3;
    color: #E4EFF5;
    transform: translateY(-1px);
    box-shadow: 0 0 8px rgba(13, 110, 253, 0.7);
}

.btn-text {
    display: inline-block;
    transition: opacity 0.3s ease;
}

.btn-gradient-glow:hover .btn-text::before {
    content: "Appelez-nous !";
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.btn-gradient-glow:hover .btn-text {
    opacity: 0;
}

.btn-gradient-glow:hover .btn-text::before {
    opacity: 1;
}