/* cmsms stylesheet: B2B B2G style css modified: Tuesday, September 16, 2025 2:08:38 AM */
/* wrapper parent */
.iframe-wrapper {
  width: 100%;
  max-width: 1400px;  /* ajuste si tu veux une autre largeur max */
  margin: 0 auto;
  padding: 0;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
}

/* iframe : on l'aligne au centre du viewport et on force la largeur viewport
   ça corrige les décalages sur mobile */
.iframe-wrapper iframe {
  display: block;
  border: none;
  width: 100vw;            /* prend toute la largeur du viewport */
  max-width: 100%;         /* ne dépasse pas le parent */
  min-height: 800px;       /* hauteur de départ (ajuste si besoin) */
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
}

/* petit ajustement pour très petits écrans si nécessaire */
@media (max-width: 480px) {
  .iframe-wrapper iframe {
    width: 100%;
    left: 0;
    transform: none;
  }
}
/* cmsms stylesheet: confirmation login registration style css modified: Tuesday, September 9, 2025 11:52:36 PM */
body {
  background: #ffffff;
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

.confirmation-page {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 200px); /* Ajuste pour header + footer */
  padding: 20px;
}

.confirmation-box {
  background-color: #FFD700; /* bloc jaune */
  color: #000000; /* texte noir */
  padding: 40px 30px;
  border-radius: 12px;
  max-width: 600px;
  width: 100%;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  text-align: center;
}

.confirmation-box h2 {
  font-size: 28px;
  margin-bottom: 20px;
}

.confirmation-box p {
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 1.6;
}

/* Conteneur bouton pour centrage */
.btn-container {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.confirmation-box .btn {
  background-color: #000000;
  color: #ffffff;
  padding: 12px 30px; /* réduit la largeur */
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}

.confirmation-box .btn:hover {
  background-color: #FFD700;
  color: #000000;
}

/* Responsive */
@media (max-width: 768px) {
  .confirmation-box {
    padding: 30px 20px;
  }

  .confirmation-box h2 {
    font-size: 24px;
  }

  .confirmation-box p {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .confirmation-box {
    padding: 20px 15px;
  }

  .confirmation-box h2 {
    font-size: 20px;
  }

  .confirmation-box p {
    font-size: 14px;
  }

  .confirmation-box .btn {
    padding: 10px 25px; /* réduit encore un peu pour mobile */
    font-size: 15px;
  }
}
/* cmsms stylesheet: Login Style modified: Tuesday, September 9, 2025 8:11:32 PM */
body {
  font-family: Arial, sans-serif;
  background: #ffffff;
  margin: 0;
  padding: 0;
}

.form-container {
  max-width: 500px;
  margin: 50px auto;
  background: #fff;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.tabs {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.tab-button {
  flex: 1;
  padding: 10px;
  border: none;
  cursor: pointer;
  background: #000000; /* bouton noir par défaut */
  color: #ffffff;       /* texte blanc */
  font-weight: bold;
  transition: background 0.3s;
}

.tab-button.active {
  background: #FFD700; /* jaune au clic / actif */
  color: #ffffff;       /* texte blanc */
}

.form {
  display: none;
}

.form.active {
  display: block;
}

h2 {
  text-align: center;
  margin-bottom: 20px;
  color: #000000; /* titre noir */
}

label {
  display: block;
  margin-top: 10px;
  font-weight: bold;
  color: #000000; /* label noir */
}

input, textarea {
  width: 100%;
  padding: 8px;
  margin-top: 5px;
  border-radius: 6px;
  border: 1px solid #ccc;
  color: #000000; /* texte noir dans les champs */
}

textarea {
  resize: vertical;
  min-height: 70px;
}

.btn {
  margin-top: 15px;
  width: 100%;
  padding: 10px;
  background: #000000; /* bouton noir par défaut */
  color: #ffffff;      /* texte blanc */
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
}

.btn:hover {
  background: #FFD700; /* jaune au survol */
  color: #ffffff;      /* texte blanc */
}

.reset-link {
  display: block;
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
  color: #000000; /* lien noir */
}
/* cmsms stylesheet: terms-and-conditions styles modified: Wednesday, September 3, 2025 6:43:12 PM */
<!-- ================= CSS ================= -->
<style>
  .terms-container {
    background-color: #ffffff;
    padding: 20px;
    max-width: 1000px;
    margin: auto;
  }

  .terms-container h1 {
    text-align: center;
    color: #FFD700; /* yellow */
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 26px;
  }

  .terms-content {
    color: #000000;
    text-align: center;
    line-height: 1.8;
    font-size: 16px;
    word-wrap: break-word;
  }

  .terms-content p {
    margin-bottom: 25px;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .terms-container {
      padding: 15px;
    }
    .terms-container h1 {
      font-size: 22px;
    }
    .terms-content {
      font-size: 15px;
      line-height: 1.6;
    }
  }

  @media (max-width: 480px) {
    .terms-container h1 {
      font-size: 20px;
    }
    .terms-content {
      font-size: 14px;
    }
  }
</style>
/* cmsms stylesheet: confirmation-contact style modified: Wednesday, September 3, 2025 4:42:50 PM */
/* Section principale de confirmation */
.confirmation-section {
    background: #f5f5f5; /* léger gris derrière le bloc, pour bien détacher */
    padding: 60px 15px;
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Conteneur blanc du message */
.confirmation-container {
    max-width: 600px;
    background: #ffffff; /* bloc blanc */
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
    text-align: center;
}

/* Titre en jaune */
.confirmation-container h2 {
    color: #FFD700; /* jaune identique à ton site */
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 15px;
}

/* Texte noir */
.confirmation-container p {
    font-size: 18px;
    color: #000000; /* texte noir */
    margin-bottom: 25px;
}

/* Bouton retour */
.btn-home {
    display: inline-block;
    padding: 12px 25px;
    background: #000000; /* noir par défaut */
    color: #ffffff; /* texte blanc */
    text-decoration: none;
    border-radius: 6px;
    font-weight: bold;
    transition: 0.3s;
    cursor: pointer;
}

/* Effet au survol et au clic */
.btn-home:hover,
.btn-home:active {
    background: #FFD700; /* jaune lors du clic/survol */
    color: #000000; /* texte noir pour contraste sur jaune */
}

/* Adaptation responsive mobile et tablette */
@media (max-width: 768px) {
    .confirmation-section {
        padding: 40px 10px;
        min-height: auto;
    }
    .confirmation-container {
        padding: 25px;
    }
    .confirmation-container h2 {
        font-size: 22px;
    }
    .confirmation-container p {
        font-size: 16px;
    }
    .btn-home {
        padding: 10px 20px;
    }
}
/* cmsms stylesheet: Lettre du president Style modified: Monday, September 1, 2025 2:28:36 AM */
/* ===== President Section ===== */
.president-section {
  background: #fff;
  padding: 70px 40px;
}

.president-section h2 {
  text-align: center;
  color: #FFD700;
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.president-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
  max-width: 1200px;
  margin: 0 auto;
}

.president-text {
  flex: 1;
  color: #000;
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
}

.president-text p {
  margin-bottom: 16px;
}

.president-text p:last-child {
  margin-bottom: 0;
}

.president-image {
  flex: 1;
  text-align: right;
}

.president-image img {
  max-width: 100%;
  border-radius: 12px;
}

/* ===== Responsive Design ===== */
@media (max-width: 1024px) {
  .president-content {
    gap: 30px;
  }

  .president-section h2 {
    font-size: 28px;
  }
}

@media (max-width: 768px) {
  .president-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .president-text {
    text-align: left;
    width: 100%;
  }

  .president-image {
    text-align: center;
    margin-top: 30px;
    width: 100%;
  }

  .president-section h2 {
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  .president-section {
    padding: 40px 20px;
  }

  .president-section h2 {
    font-size: 22px;
  }

  .president-text {
    font-size: 15px;
    line-height: 1.6;
  }
}
/* cmsms stylesheet: Protection 360 style modified: Sunday, August 31, 2025 7:30:39 PM */
/* Conteneur image catégorie */
.category-image-container {
    width: 100%;
    background-color: #ffffff;
}

.category-image {
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: cover;
    display: block;
}

/* Titre centré jaune */
.category-title {
    text-align: center;
    color: #FFD700;
    font-weight: bold;
    margin-top: 10px;
}

/* Description centrée, gras, noir */
.category-description {
    text-align: center;
    color: #000000;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.6;
    margin: 20px auto;
    max-width: 800px;
}

/* Conteneur de rotation satellites avec fond blanc */
.rotating-satellite-container {
    width: 100%;
    max-width: 1000px;
    margin: 40px auto; /* espace par rapport aux autres sections */
    padding: 30px 0;
    background-color: #ffffff; /* fond blanc */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden; /* empêche le scroll horizontal */
    box-sizing: border-box;
}

/* Point central fixe (invisible) */
.central-point {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
}

/* Conteneur pour images */
.satellite {
    position: relative;
    width: 300px;
    height: 300px;
    transform-origin: center center;
    animation: rotate-circle 20s linear infinite;
}

/* Position initiale des images sur le cercle */
.satellite img {
    position: absolute;
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    margin: -40px; /* moitié de la taille */
}

/* Déplacement autour du cercle (position par angle) */
.satellite img:nth-child(1) { transform: rotate(0deg) translate(120px) rotate(0deg); }
.satellite img:nth-child(2) { transform: rotate(60deg) translate(120px) rotate(-60deg); }
.satellite img:nth-child(3) { transform: rotate(120deg) translate(120px) rotate(-120deg); }
.satellite img:nth-child(4) { transform: rotate(180deg) translate(120px) rotate(-180deg); }
.satellite img:nth-child(5) { transform: rotate(240deg) translate(120px) rotate(-240deg); }
.satellite img:nth-child(6) { transform: rotate(300deg) translate(120px) rotate(-300deg); }

/* Animation rotation de toutes les images autour du point central */
@keyframes rotate-circle {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Responsive mobile et tablette */
@media (max-width: 768px) {
    .rotating-satellite-container {
        padding: 20px 0;
    }
    .satellite {
        width: 200px;
        height: 200px;
    }
    .satellite img {
        width: 60px;
        height: 60px;
        margin: -30px;
        transform-origin: center center;
    }
}
/* cmsms stylesheet: Devis style modified: Tuesday, September 2, 2025 8:38:00 PM */
.form-devis-container {
  width: 100%;
  max-width: 700px;
  margin: 50px auto;
  padding: 30px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  text-align: left;
  box-sizing: border-box;
}

.form-devis-container h2 {
  text-align: center;
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: bold;
  color: #ffcc00;
}

.form-devis-container label {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  color: #333;
}

.form-devis-container input,
.form-devis-container textarea,
.form-devis-container select {
  width: 100%;
  max-width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 15px;
  transition: border-color 0.3s;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.form-devis-container input[type=file] {
  width: 100%;
  max-width: 100%;
}

.form-devis-container input:focus,
.form-devis-container textarea:focus,
.form-devis-container select:focus {
  border-color: #ffcc00;
  outline: none;
}

.form-devis-container .btn-devis {
  display: block;
  width: auto;
  min-width: 150px;
  padding: 12px 25px;
  border: none;
  border-radius: 8px;
  background: #000;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  margin: 0 auto;
  transition: background 0.3s, color 0.3s;
}

.form-devis-container .btn-devis:hover {
  background: #ffcc00;
  color: #000;
}

@media (max-width: 768px) {
  .form-devis-container {
    width: 90%;
    padding: 20px;
    max-width: 500px;
  }
  .form-devis-container h2 {
    font-size: 20px;
  }
  .form-devis-container input,
  .form-devis-container textarea,
  .form-devis-container select {
    font-size: 14px;
    padding: 10px;
  }
  .form-devis-container .btn-devis {
    font-size: 15px;
    padding: 10px 20px;
  }
}
/* cmsms stylesheet: Contact Style modified: Wednesday, September 3, 2025 4:53:25 PM */
/* Conteneur de l'image */
.category-image-container {
    width: 100%;
    background-color: #ffffff;
}

/* Image responsive pleine largeur */
.category-image {
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: cover;
    display: block;
}

/* Titre sous l'image */
.category-title {
    text-align: center;
    color: #FFD700; /* Jaune */
    font-weight: bold;
    margin-top: 10px; /* petit espace entre image et titre */
}

/* Conteneur du formulaire */
.contact-form-wrapper {
    background-color: #ffffff; /* fond blanc */
    padding: 30px;
    max-width: 700px;
    margin: 30px auto;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    border-radius: 10px;
}

/* Groupes de champs */
.contact-form-wrapper .form-group {
    margin-bottom: 20px;
}

/* Labels */
.contact-form-wrapper label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    color: #000000;
}

/* Inputs et textarea */
.contact-form-wrapper input[type="text"],
.contact-form-wrapper input[type="tel"],
.contact-form-wrapper input[type="email"], /* ajouté pour l'email */
.contact-form-wrapper textarea {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    box-sizing: border-box;
}

/* Textarea */
.contact-form-wrapper textarea {
    resize: vertical;
}

/* Bouton envoyer */
.contact-form-wrapper .btn-submit {
    background-color: #000000;
    color: #ffffff;
    border: none;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s;
}

/* Bouton au clic ou hover */
.contact-form-wrapper .btn-submit:hover,
.contact-form-wrapper .btn-submit:active {
    background-color: #FFD700; /* jaune */
    color: #000000;
}

/* Captcha */
.contact-form-wrapper .captcha {
    margin-bottom: 20px;
}

/* Responsive mobile et tablette */
@media (max-width: 768px) {
    .category-image {
        max-height: 150px;
    }

    .contact-form-wrapper {
        padding: 20px;
        margin: 20px;
    }

    .contact-form-wrapper input[type="text"],
    .contact-form-wrapper input[type="tel"],
    .contact-form-wrapper input[type="email"], /* ajouté pour l'email */
    .contact-form-wrapper textarea {
        font-size: 14px;
        padding: 8px 12px;
    }

    .contact-form-wrapper .btn-submit {
        font-size: 14px;
        padding: 10px 20px;
    }
}
/* cmsms stylesheet: Service Style modified: Sunday, August 31, 2025 5:23:25 PM */
/* Conteneur des deux images */
.services-image-container {
    width: 100%;
    background-color: #ffffff;
    display: flex;
    margin: 0;
    padding: 0;
}

/* Images côte à côte pleine largeur */
.services-image {
    width: 50%;
    height: auto;
    max-height: 200px;
    object-fit: cover;
    display: block;
}

/* Ajustement spécifique pour la gauche et la droite (optionnel, pour précision) */
.left-image {
    margin-right: 0;
}

.right-image {
    margin-left: 0;
}

/* Titre sous les images */
.services-title {
    text-align: center;
    color: #FFD700;
    font-weight: bold;
    margin-top: 10px;
}

/* Description sous le titre */
.services-description {
    text-align: center;
    color: #000000;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 15px;
}

/* Adaptation pour tablettes et mobiles */
@media (max-width: 768px) {
    .services-image-container {
        flex-direction: column;
    }
    .services-image {
        width: 100%;
        max-height: 150px;
    }
}



/* Conteneur général centré */
.account-block-container {
    width: 100%;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    padding: 30px 0;
}

/* Bloc jaune moyen avec coins arrondis */
.account-block {
    background-color: #FFD700; /* jaune */
    padding: 30px 20px;
    max-width: 600px;
    text-align: center;
    border-radius: 15px; /* coins arrondis */
}

/* Texte à l'intérieur du bloc en gras */
.account-text {
    color: #000000;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
    font-weight: bold; /* texte en gras */
}

/* Bouton noir avec texte jaune */
.account-button {
    display: inline-block;
    background-color: #000000;
    color: #FFD700;
    text-decoration: none;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 3px;
    transition: background-color 0.3s ease;
}

.account-button:hover {
    background-color: #333333;
}

/* Adaptation pour tablette et mobile */
@media (max-width: 768px) {
    .account-block {
        width: 90%;
        padding: 20px 15px;
    }
    .account-text {
        font-size: 16px;
    }
    .account-button {
        font-size: 15px;
        padding: 10px 20px;
    }
}
/* cmsms stylesheet: About-house-style modified: Saturday, August 30, 2025 11:43:32 PM */
/* About Us Banner Section */
.about-banner-section {
    width: 100%;
    background-color: #fff; /* fond blanc */
    margin: 0;
    padding: 0;
}

/* Image réduite mais pleine largeur */
.about-banner-image {
    width: 100%;       /* pleine largeur de gauche à droite */
    max-height: 200px; /* réduit la hauteur de l'image */
    object-fit: cover; /* conserve le ratio et remplit la largeur */
    display: block;
}

/* Conteneur du contenu */
.about-content-container {
    padding: 20px;
    text-align: center; /* titre centré */
    color: #000;        /* texte noir */
}

/* Titre */
.about-title {
    font-size: 36px;
    font-weight: bold;
    color: #FFD700; /* jaune identique à l'entête */
    margin: 20px 0 15px 0;
}

/* Description */
.about-description {
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    max-width: 1000px; /* limite largeur texte pour meilleure lecture */
    margin: 0 auto;    /* centré */
}

.about-content-container .about-description {
    margin-bottom: 40px; /* plus d’espace entre chaque paragraphe */
    line-height: 1.8;    /* garde un interligne agréable pour chaque phrase */
}
/* cmsms stylesheet: admin users style css modified: Thursday, September 11, 2025 12:32:20 AM */
.
/* cmsms stylesheet: Simplex Core modified: Wednesday, September 3, 2025 7:04:28 PM */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}audio, canvas, video {display: inline-block;}audio:not([controls]) {display: none;height: 0;}[hidden], template {display: none;}html {font-family: sans-serif; 	-ms-text-size-adjust: 100%; 	-webkit-text-size-adjust: 100%; }body {margin: 0;}a {background: transparent;}a:focus {outline: thin dotted;}a:active, a:hover {outline: 0;}h1 {font-size: 2em;margin: 0.67em 0;}abbr[title] {border-bottom: 1px dotted;}b, strong {font-weight: bold;}dfn {font-style: italic;}hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}mark {background: #ff0;color: #000;}code, kbd, pre, samp {font-family: monospace, serif;font-size: 1em;}pre {white-space: pre-wrap;}q {quotes: "\201C" "\201D" "\2018" "\2019";}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}img {border: 0;}svg:not(:root) {overflow: hidden;}figure {margin: 0;}fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0; 	padding: 0; }button, input, select, textarea {font-family: inherit; 	font-size: 100%; 	margin: 0; }button, input {line-height: normal;}button, select {text-transform: none;}button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; 	cursor: pointer; }button[disabled], html input[disabled] {cursor: default;}input[type="checkbox"], input[type="radio"] {box-sizing: border-box; 	padding: 0; }input[type="search"] {-webkit-appearance: textfield; 	-moz-box-sizing: content-box;-webkit-box-sizing: content-box; 	box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}textarea {overflow: auto; 	vertical-align: top; }table {border-collapse: collapse;border-spacing: 0;}html {color: #222;font-size: 1em;line-height: 1.4;}hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}audio, canvas, img, svg, video {vertical-align: middle;}fieldset {border: 0;margin: 0;padding: 0;}textarea {resize: vertical;}.hidden {display: none !important;visibility: hidden;}.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}.invisible {visibility: hidden;}.cf:before, .cf:after {content: " "; 	display: table; }.cf:after {clear: both;}textarea {overflow: auto;vertical-align: top;resize: vertical}ul, ol {margin: 1em 0;padding: 0 0 0 40px}dd {margin: 0 0 0 40px}nav ul, nav ol {list-style: none;list-style-image: none;margin: 0;padding: 0}pre, code, kbd, samp {font-family: monospace, serif;_font-family: courier new, monospace;font-size: 1em}pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}q {quotes: none}q:before, q:after {content: "";content: none}small {font-size: 85%}html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}body {margin: 0;font-size: 1em;-webkit-font-smoothing: antialiased;}.container {padding-left: 10px;padding-right: 10px;}.row {width: 100%;max-width: 1440px;margin: 0 auto;position: relative;}.row:before, .row:after, .form-row:before, .form-row:after {content: " ";display: table;}.row:after, .form-row:after {clear: both;}.full {width: 100%;display: block;}.half, .third, .two-third, .quarter, .three-quarter, .fifth, .two-fifth, .three-fifth, .four-fifth {float: left;}.half {width: 50%;}.third {width: 33.33%;}.two-third {width: 66.66%;}.quarter {width: 25%;}.three-quarter {width: 75%;}.fifth {width: 20%;}.two-fifth {width: 40%;}.three-fifth {width: 60%;}.four-fifth {width: 80%}.row [class*="-col"] {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}@media only screen and (min-width: 768px) {.container {padding-left: 20px;padding-right: 20px;}.col, .one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col {margin-left: 3.8%;float: left;min-height: 1px;position: relative;}.row .one-col {width: 4.85%;}.row .two-col {width: 13.45%;}.row .three-col {width: 22.05%;}.row .four-col {width: 30.75%;}.row .five-col {width: 39.45%;}.row .six-col {width: 48.1%;}.row .seven-col {width: 56.75%;}.row .eight-col {width: 65.4%;}.row .nine-col {width: 74.05%;}.row .ten-col {width: 82.7%;}.row .eleven-col {width: 91.35%;}.row .twelve-col {width: 100%;margin-left: 0;}.row [class*="-col"]:first-child, .row [class*="-col"].first {margin-left: 0;}.row .offset-one {margin-left: 8.65% !important;}.row .offset-two {margin-left: 17.25% !important;}.row .offset-three {margin-left: 25.85% !important;}.row .offset-four {margin-left: 34.55% !important;}.row .offset-five {margin-left: 43.25% !important;}.row .offset-six {margin-left: 51.8% !important;}.row .offset-seven {margin-left: 60.55% !important;}.row .offset-eight {margin-left: 69.2% !important;}.row .offset-nine {margin-left: 77.85% !important;}.row .offset-ten {margin-left: 86.5% !important;}.row .offset-eleven {margin-left: 95.15% !important;}.row .push-one, .row .push-two, .row .push-three, .row .push-four, .row .push-five, .row .push-six, .row .push-seven, .row .push-eight,.row .push-nine, .row .push-ten, .row .push-eleven, .row .pull-one, .row .pull-two, .row .pull-three, .row .pull-four, .row .pull-five,.row .pull-six, .row .pull-seven, .row .pull-eight, .row .pull-nine, .row .pull-ten, .row .pull-eleven {position: relative;margin-left: 0;}.row .push-one {left: 8.65%;}.row .push-two {left: 17.25%;}.row .push-three {left: 25.85%;}.row .push-four {left: 34.55%;}.row .push-five {left: 43.25%;}.row .push-six {left: 51.8%;}.row .push-seven {left: 60.55%;}.row .push-eight {left: 69.2%;}.row .push-nine {left: 77.85%;}.row .push-ten {left: 86.5%;}.row .push-eleven {left: 95.15%;}.row .pull-one {right: 4.85%;}.row .pull-two {right: 13.45%;}.row .pull-three {right: 22.05%;}.row .pull-four {right: 30.75%;}.row .pull-five {right: 39.45%;}.row .pull-six {right: 48%;}.row .pull-seven {right: 56.75%;}.row .pull-eight {right: 65.4%;}.row .pull-nine {right: 74.05%;}.row .pull-ten {right: 82.7%;}.row .pull-eleven {right: 91.35%;}}/* Section Hero 1 */.hero-1 {position: relative;text-align: center;color: #fff;background: #000;}.hero-1 img {width: 100%;height: auto;display: block;opacity: 0.6; /* assombrit l’image pour bien voir le texte */}.hero-1 .hero-text {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%; /* pour éviter que le texte dépasse sur petit écran */}.hero-1 h1 {font-size: 42px;font-weight: bold;color: #FFD700; /* Jaune doré */margin-bottom: 20px;}.btn-primary {display: inline-block;background: #FFD700;color: #000;padding: 12px 25px;text-decoration: none;border-radius: 4px;font-weight: bold;}/* ???? Responsive Mobile */@media (max-width: 767px) {.hero-1 h1 {font-size: 24px; /* réduit le titre */line-height: 1.3;}.btn-primary {padding: 10px 18px;font-size: 14px;}.hero-1 .hero-text {width: 95%;}}/* ???? Tablette */@media (min-width: 768px) and (max-width: 1024px) {.hero-1 h1 {font-size: 32px;}.btn-primary {padding: 11px 20px;font-size: 15px;}.hero-1 .hero-text {width: 90%;}}/* Section partenaires (logos défilants) */.partners {background: #000;padding: 20px 0;overflow: hidden;}.logos {display: flex;gap: 40px;animation: scroll-logos 15s linear infinite;width: max-content;}.logos img {height: 50px;filter: brightness(0) invert(1); /* logos en blanc */}/* ???? Responsive Mobile */@media (max-width: 767px) {.logos {gap: 20px; /* réduit l’espace entre logos */}.logos img {height: 30px; /* logos plus petits sur mobile */}}/* ???? Tablette */@media (min-width: 768px) and (max-width: 1024px) {.logos {gap: 30px; /* espace intermédiaire */}.logos img {height: 40px; /* taille intermédiaire */}}@keyframes scroll-logos {0% { transform: translateX(100%); }100% { transform: translateX(-100%); }}/* Section Hero 2 :/* Hero 2 - Image à gauche, texte à droite, plein largeur */.hero-2 {width: 100% !important;           /* plein largeur */background: #fff;                  /* ou la couleur que tu veux */padding: 60px 40px;box-sizing: border-box;}.hero-2 .hero-inner {display: flex;flex-direction: row;               /* image à gauche, texte à droite */align-items: center;               /* centrer verticalement image + texte */justify-content: space-between;max-width: 1200px;                 /* largeur du contenu interne */margin: 0 auto;gap: 40px;                         /* espace entre image et texte */}.hero-2 .hero-image {flex: 1 1 50%;                     /* image prend 50% de la largeur */}.hero-2 .hero-image img {width: 100%;                        /* image s’adapte à sa colonne */height: auto;display: block;border-radius: 8px;}.hero-2 .hero-text {flex: 1 1 50%;                     /* texte prend 50% de la largeur */max-width: 100%;}.hero-2 .hero-text h2 {font-size: 32px;font-weight: bold;margin-bottom: 20px;}.hero-2 .hero-text p {font-size: 18px;line-height: 1.6;color: #333;}/* Responsive - Tablette et mobile */@media (max-width: 1024px) {.hero-2 .hero-inner {flex-direction: column;         /* image au-dessus du texte */text-align: center;}.hero-2 .hero-image,.hero-2 .hero-text {flex: 1 1 100%;max-width: 100%;padding: 0;}.hero-2 .hero-text h2 {font-size: 26px;}.hero-2 .hero-text p {font-size: 16px;}}.videos-section {background: #000; /* arrière-plan noir */padding: 60px 20px;text-align: center;}.videos-title {color: #FFD700; /* jaune doré */font-size: 2rem;margin-bottom: 40px;}.video-container {display: flex;gap: 30px;justify-content: center;flex-wrap: wrap; /* sur mobile, elles passent l’une sous l’autre */}.video-box {flex: 1 1 45%;max-width: 560px;}.video-box iframe {width: 100%;height: 315px;border-radius: 10px;box-shadow: 0 4px 10px rgba(255,255,255,0.2);}/* --- Responsive pour tablettes et mobiles --- */@media (max-width: 1024px) {.video-box {flex: 1 1 70%;max-width: 90%;}}@media (max-width: 768px) {.videos-title {font-size: 1.6rem;}.video-box {flex: 1 1 100%;max-width: 100%;}.video-box iframe {height: 220px;}}@media (max-width: 480px) {.videos-title {font-size: 1.4rem;margin-bottom: 30px;}.video-box iframe {height: 180px;}}/* Bloc produit */.products-section {background-color: #fff; /* arrière-plan blanc */padding: 40px 20px;text-align: center;overflow-x: hidden;   /* ✅ empêche un scroll horizontal global */}/* Titre du bloc */.products-section .section-title {color: #FFD700; /* jaune */font-size: 32px;font-weight: bold;margin-bottom: 30px;text-transform: uppercase;}/* Slider */.products-slider {display: flex;gap: 20px;animation: slideProducts 20s linear infinite;width: max-content;   /* ✅ largeur auto pour contenir tous les produits */overflow: hidden;     /* ✅ cache tout dépassement du slider */}/* Slide individuel */.product-slide {flex: 0 0 auto;width: 200px;display: flex;flex-direction: column;align-items: center;text-align: center;}.product-slide img {width: 100%;height: 160px;object-fit: contain;border-radius: 8px;}/* Description */.product-description h3 {font-size: 16px;font-weight: bold;text-transform: uppercase;color: #000;margin: 8px 0 5px;}.product-description p {font-size: 13px;color: #333;margin: 0;word-wrap: break-word;}/* Slider automatique */@keyframes slideProducts {0% { transform: translateX(100%); }100% { transform: translateX(-100%); }}/* Bouton Order Now */.order-button-container {margin-top: 25px;}.btn-order {display: inline-block;padding: 12px 30px;background-color: #FFD700; /* jaune */color: #000 !important;   /* ✅ texte noir */text-decoration: none;font-weight: bold;text-transform: uppercase;border-radius: 6px;}/* ???? Responsive Mobile */@media (max-width: 767px) {.products-section .section-title {font-size: 24px; /* titre plus petit */}.product-slide {width: 140px; /* slides plus petits */}.product-slide img {height: 110px;}.product-description h3 {font-size: 14px;}.product-description p {font-size: 12px;}}/* ???? Responsive Tablette */@media (min-width: 768px) and (max-width: 1024px) {.products-section .section-title {font-size: 28px;}.product-slide {width: 170px;}.product-slide img {height: 130px;}.product-description h3 {font-size: 15px;}.product-description p {font-size: 13px;}}/* === PROTECTION 360° === */.protection {background-color: #000; /* fond noir */color: #fff;padding: 80px 20px;text-align: center;}.protection-content {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;max-width: 1200px;margin: 0 auto;gap: 40px;}.protection-text {flex: 1 1 400px;text-align: left;}.protection-text h2 {font-size: 2.5rem;color: #FFD700; /* jaune doré */margin-bottom: 20px;font-weight: bold;}.protection-text p {font-size: 1.2rem;margin-bottom: 20px;line-height: 1.6;color: #fff;}.btn-protection {display: inline-block;background-color: #FFD700;color: #000;padding: 12px 30px;text-decoration: none;font-weight: bold;border-radius: 6px;transition: 0.3s;}.btn-protection:hover {background-color: #e6c200;}/* Bloc image fixe avec effet brillant */.protection-360 img {max-width: 380px;border-radius: 12px;position: relative;overflow: hidden;}/* effet shiny / brillant */.shiny {position: relative;}.shiny::after {content: "";position: absolute;top: 0;left: -100%;width: 50%;height: 100%;background: linear-gradient(120deg,rgba(255, 255, 255, 0.3) 0%,rgba(255, 255, 255, 0.6) 50%,rgba(255, 255, 255, 0.3) 100%);transform: skewX(-25deg);animation: shine 3s infinite;}@keyframes shine {0% { left: -100%; }50% { left: 120%; }100% { left: 120%; }}/* === ÉTOILES BRILLANTES AUTOUR DE L'IMAGE === */.stars {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;overflow: hidden;z-index: 2;}/* générer plusieurs étoiles */.stars::before {content: '';position: absolute;width: 2px;height: 2px;background: #fff;box-shadow:10px 20px #fff,50px 80px #fff,120px 40px #fff,200px 100px #fff,250px 30px #fff,300px 150px #fff,350px 70px #fff,400px 90px #fff,450px 20px #fff,500px 60px #fff;animation: twinkle 2s infinite linear alternate;}.stars::after {content: '';position: absolute;width: 2px;height: 2px;background: #fff;box-shadow:30px 60px #fff,80px 30px #fff,150px 90px #fff,220px 50px #fff,270px 110px #fff,320px 20px #fff,370px 140px #fff,420px 80px #fff,470px 40px #fff,520px 100px #fff;animation: twinkle 3s infinite linear alternate;}@keyframes twinkle {0% { opacity: 0.1; transform: scale(0.5); }50% { opacity: 1; transform: scale(1); }100% { opacity: 0.1; transform: scale(0.5); }}/* Business Section */.business-section {background: #000; /* noir */padding: 60px 20px;color: #fff;text-align: center;}.business-container {display: flex;justify-content: space-between;align-items: stretch;gap: 40px;max-width: 1200px;margin: 0 auto;}.business-box {flex: 1;background: #111; /* noir légèrement plus clair */padding: 30px;border-radius: 12px;box-shadow: 0 4px 12px rgba(255, 255, 255, 0.05);text-align: left;}.business-box h2 {color: #FFD700; /* jaune remplacé par #FFD700 */font-size: 26px;margin-bottom: 20px;text-transform: uppercase;line-height: 1.4;}.business-box p {color: #fff;font-size: 16px;margin-bottom: 25px;line-height: 1.6;}/* Boutons jaune -> #FFD700 ; texte boutons en noir */.btn-yellow,.business-box .btn-yellow {display: inline-block;background: #FFD700 !important; /* forcé */color: #000 !important;          /* texte en noir forcé */font-weight: bold;padding: 12px 25px;border-radius: 8px;text-decoration: none;transition: 0.3s;}.btn-yellow:hover,.business-box .btn-yellow:hover {background: #e6c200 !important; /* variante plus foncée de #FFD700 */color: #000 !important;         /* toujours noir au survol */}/* Responsive Design */@media (max-width: 1024px) {.business-container {gap: 20px;}.business-box h2 {font-size: 22px;}.business-box p {font-size: 15px;}}@media (max-width: 768px) {.business-container {flex-direction: column;align-items: center;gap: 30px;}.business-box {width: 100%;text-align: center;}.business-box h2 {font-size: 20px;}.business-box p {font-size: 14px;}}@media (max-width: 480px) {.business-section {padding: 40px 15px;}.business-box {padding: 20px;}.business-box h2 {font-size: 18px;}.business-box p {font-size: 13px;}.btn-yellow {padding: 10px 20px;font-size: 14px;}}/* CONTACT SECTION */.contact-section {background: #000;padding: 70px 20px;color: #fff;text-align: center;}.contact-section h2 {color: #FFD700; /* jaune remplacé */font-size: 32px;margin-bottom: 15px;text-transform: uppercase;}.contact-section .subtitle {color: #fff;font-size: 18px;margin-bottom: 50px;}.contact-grid {display: flex;justify-content: space-around;align-items: flex-start;gap: 40px;max-width: 1100px;margin: 0 auto;flex-wrap: wrap; /* adaptation mobile/tablette */}.contact-box {flex: 1;min-width: 280px; /* limite pour éviter écrasement sur mobile */background: #111;padding: 30px;border-radius: 12px;box-shadow: 0 4px 12px rgba(255, 255, 255, 0.05);text-align: center;}.contact-box i {font-size: 50px;color: #FFD700; /* jaune remplacé */margin-bottom: 20px;}.contact-box .info-title {font-weight: bold;font-size: 18px;color: #fff;margin-bottom: 8px;}.contact-box .info-text {font-size: 16px;color: #fff;margin-bottom: 20px;}.btn-yellow {display: inline-block;background: #FFD700; /* jaune remplacé */color: #000; /* texte noir */font-weight: bold;padding: 12px 25px;border-radius: 8px;text-decoration: none;transition: 0.3s;}.btn-yellow:hover {background: #e6c200; /* variante hover */}.phone-list {margin-top: 15px;}.phone-list p {margin: 8px 0;}.call-label {color: #FFD700; /* jaune remplacé */font-weight: bold;margin-right: 6px;}.phone-list a {color: #fff;text-decoration: none;font-size: 16px;}.phone-list a:hover {text-decoration: underline;}/* Responsive */@media (max-width: 992px) {.contact-grid {flex-direction: column;align-items: center;}.contact-box {max-width: 500px;}}@media (max-width: 600px) {.contact-section {padding: 50px 15px;}.contact-section h2 {font-size: 26px;}.contact-section .subtitle {font-size: 16px;margin-bottom: 30px;}.contact-box {padding: 20px;}.contact-box i {font-size: 40px;}.contact-box .info-text,.phone-list a {font-size: 14px;}}/* Footer général */.footer-main {background-color: #0a1a2b;color: #ffffff;padding: 40px 20px;font-family: Arial, sans-serif;}/* Colonnes */.footer-columns {display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 30px;}.footer-column {flex: 1 1 220px;margin: 10px;}.footer-title {font-weight: bold;margin-bottom: 15px;color: #f2c94c; /* titres dorés */}/* Listes */.footer-column ul {list-style: none;padding: 0;line-height: 1.8;}.footer-column ul li a {color: #f2c94c; /* liens en jaune */text-decoration: none; /* plus de surlignage */}.footer-column ul li a:hover {text-decoration: underline;}/* Adresses centrées et formatées */.footer-addresses ul {text-align: center;line-height: 1.5;}.footer-addresses ul li {margin-bottom: 20px;}.footer-addresses .country-name {font-weight: bold;display: block;font-size: 16px;}.footer-addresses .company-name {display: block;font-size: 14px;}/* Footer bottom */.footer-bottom {border-top: 1px solid #333;padding-top: 20px;text-align: center;}.footer-bottom .footer-logo img {max-width: 80px; /* logo légèrement augmenté */margin-bottom: 10px;}.footer-bottom p {margin: 0;font-size: 14px;color: #f2c94c; /* copyright jaune */white-space: normal;}/* Back to top */.back-top {display: block;text-align: right;margin-bottom: 15px;}.back-top a {color: #f2c94c;font-size: 18px;}/* --- RESPONSIVE --- */@media (max-width: 1024px) {.footer-columns {flex-direction: column;align-items: center;}.footer-column {width: 100%;text-align: center;margin: 15px 0;}.footer-addresses ul li {margin-bottom: 25px;}.footer-bottom .footer-logo img {max-width: 70px; /* logo un peu plus grand que sur mobile précédent */}}/* MOBILE < 600px */@media (max-width: 600px) {.footer-title {font-size: 16px;}.footer-column ul li {font-size: 14px;}/* Logo légèrement plus grand pour mobile */.footer-bottom .footer-logo img {max-width: 75px;margin-bottom: 10px;}/* Copyright sur 2 lignes */.footer-bottom p {font-size: 12px;line-height: 1.4;}/* Casser le texte en 2 lignes uniquement sur mobile */.footer-bottom p:before {content: "© Copyright 2035 GROUPE GUILLABERT\n";display: block;}.footer-bottom p:after {content: "INTERNATIONAL - All Rights Reserved";display: block;}}/* Supprimer tout espace avant et après le contenu principal */main.content-wrapper {margin: 0 !important;padding: 0 !important;}/* Supprimer les marges/paddings sur toutes les div directes à l'intérieur */main.content-wrapper > .row {margin: 0 !important;padding: 0 !important;}/* Supprimer les marges/paddings des blocs enfants */main.content-wrapper > .row > * {margin: 0 !important;padding: 0 !important;}/* Étendre tous les conteneurs principaux à pleine largeur */.container, .content-wrapper, .inner-section, .row, .hero {width: 100% !important;max-width: 100% !important;margin: 0 !important;padding: 0 !important;box-sizing: border-box;}/* Pour les sections hero ou blocs avec image de fond */.hero img, .hero {width: 100% !important;display: block;}/* cmsms stylesheet: Simplex Layout modified: Wednesday, September 3, 2025 11:28:42 PM */
@font-face {font-family: 'simplex';src: url('https://groupeguillabertinternational.com/uploads/simplex/fonts/simplex.eot');src: url('https://groupeguillabertinternational.com/uploads/simplex/fonts/simplex.eot?#iefix') format('embedded-opentype'),url('https://groupeguillabertinternational.com/uploads/simplex/fonts/simplex.woff') format('woff'),url('https://groupeguillabertinternational.com/uploads/simplex/fonts/simplex.ttf') format('truetype'),url('https://groupeguillabertinternational.com/uploads/simplex/fonts/simplex.svg#simplex') format('svg');font-weight: normal;font-style: normal;}[class^="icon-"], [class*=" icon-"] {font-family: 'simplex';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.icon-arrow-up:before {content: "\e600";}.icon-arrow-left:before {content: "\e601";}.icon-search:before {content: "\e603";}.icon-printer:before {content: "\e604";}.icon-linkedin:before {content: "\e605";}.icon-pinterest:before {content: "\e606";}.icon-youtube:before {content: "\e607";}.icon-facebook:before {content: "\e608";}.icon-google:before {content: "\e609";}.icon-twitter:before {content: "\e60a";}.icon-link:before {content: "\e602";}body {background: #fff;font-family: 'Noto Sans', sans-serif;font-size: 1em;color: #555;line-height: 1.5;}.leftaligned {margin-left: 0;}.rightaligned {margin-right: 0;}body#boxed {background: #f2f2f2 url(https://groupeguillabertinternational.com/uploads/simplex/images/body-background.png) repeat;}body.fullwidth .row {max-width: none;}a img {border: none;}.right {float: right;}.left {float: left;}.spacing {margin: 15px;}.spacing.left {margin-right: 0;}.spacing.right {margin-left: 0;}.border {border: 2px solid #e9e9e9;}pre, code, kbd, samp {font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', monospace;color: #555;}pre code {line-height: 1.4;font-size: .8125em;}pre {padding: 10px;margin: 10px 0;overflow: auto;width: 93%;background: #f1f1f1;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;}*:first-child+ html pre {padding-bottom: 20px;overflow-y: hidden;overflow: visible;overflow-x: auto;}* html pre {padding-bottom: 20px;overflow: visible;overflow-x: auto;}hr {border: solid #e9e9e9;border-width: 1px 0 0 0;clear: both;margin: 10px 0 30px 0;height: 0;}a {color: #f39c2c;}a.external {text-decoration: none;}a:visited {color: #e6870e;}a:hover {color: #555;transition: transform .3s ease-out;-webkit-transition: color .3s ease-out;-moz-transition: color .3s ease-out;-o-transition: color .3s ease-out;text-decoration: underline;}a:focus {outline: thin dotted;}a:hover, a:active {outline: 0;}a.external:after {content: "\e602";padding-left: 4px;font-family: 'simplex';text-decoration: none;}h1, h2 {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-weight: 700;}h3, h4, h5, h6 {font-weight: 400;}h1 {color: #f39c2c;margin: 10px 0;font-size: 2em; 	text-transform: uppercase;}h2 {color: #555;font-size: 1.75em; }h3 {color: #555;font-size: 1.5em; }h4 {color: #f39c2c;font-size: 1.375em; }h5 {font-size: 1.25em }h6 {font-size: 1.125em; }blockquote, blockquote p {font-size: 1.0625em;line-height: 1.5;color: #555;font-style: italic;font-family: Georgia, Times New Roman, serif;}blockquote {margin: 0 0 20px 0;padding: 9px 10px 10px 19px;border-left: 5px solid #f1f1f1;}blockquote cite {display: block;font-size: .941176em;color: #555;}blockquote cite:before {content: "\2014 \0020";}blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {font-family: Georgia, Times New Roman, serif;}.page-wrapper {border-top: 5px solid #f39c2c;margin-bottom: 15px;}#boxed #wrapper {margin-top: 15px;border-top: 5px solid #f39c2c;background: #fff;box-shadow: 0 0 15px 0 #c6c6c6;}#boxed.page-wrapper {border-top: none;}.inner-section {padding-left: 20px;padding-right: 20px;}.logo {margin-top: 20px;text-align: center;}.logo a {display: block;}.top .header {border-bottom: 1px solid #f1f1f1;}.phrase span {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #ddd;font-weight: 700;font-size: 1.5em; }.search {text-align: right;}input.search-input::-webkit-search-decoration, input.search-input::-webkit-search-results-button,input.search-input::-webkit-search-results-decoration {-webkit-appearance: none;}.search .icon-search {margin-left: -25px;display: inline-block;height: 24px;line-height: 24px;text-align: center;width: 24px;position: relative;z-index: 10;color: #ddd;top: 3px;}.search ::-webkit-input-placeholder,.search ::-moz-placeholder,.search input[placeholder] {line-height: normal;}input.search-input {border: 1px solid #f1f1f1;line-height: normal;outline: 0;padding: 6px 0 6px .5%;font-size: .6875em; 	color: #555;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;max-width: 99.5%;}input.search-input:focus {border: 1px solid #f39c2c;box-shadow: 0 0 3px #f39c2c;-webkit-box-shadow: 0 0 3px #f39c2c;-moz-box-shadow: 0 0 3px #f39c2c;-o-box-shadow: 0 0 3px #f39c2c;}#main-menu {margin-top: 25px;}#main-menu > li {display: block;border-bottom: 1px dotted #f1f1f1;position: relative;}#main-menu > li:last-child {border-bottom: none;}#main-menu > li > a,#main-menu > li.sectionheader > span {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #555;text-decoration: none;font-size: 1.0625em; 	font-weight: 700;cursor: pointer;padding: 8px 0;display: block;position: relative;}#main-menu > li.current > a,#main-menu > li.current.sectionheader > span,#main-menu > li:hover > a,#main-menu > li.sectionheader:hover > span {color: #e6870e;}#main-menu > li > ul,#main-menu > li > ul > li > ul  {position: absolute;left: -999em;}#main-menu > li:hover > ul,#main-menu > li.active > ul,#main-menu > li > ul > li:hover > ul, #main-menu > li > ul > li.active > ul {position: relative;left: 0;}#main-menu > li > ul > li > a,#main-menu > li > ul > li.sectionheader > span,#main-menu > li > ul > li > ul > li > a, #main-menu > li > ul > li > ul > li.sectionheader > span {text-decoration: none;color: #555;text-transform: uppercase;display: block;padding: 4px 0;}#main-menu > li > ul > li:hover > a,#main-menu > li > ul > li.sectionheader:hover > span,#main-menu > li > ul > li > ul > li:hover > a,#main-menu > li > ul > li > ul > li.sectionheader:hover > span {color: #999;}#main-menu > li > ul > li > ul > li > a,#main-menu > li > ul > li > ul > li.sectionheader > span {padding-left: 15px;font-size: .875em;text-transform: none;}#main-menu > li > a i,#main-menu > li > ul > li > a i,#main-menu > li.sectionheader > span i,#main-menu > li > ul > li.sectionheader > span i {float: right;position: relative;padding-top: 6px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: -webkit-transform 250ms ease-out 0s;-moz-transition: -moz-transform 250ms ease-out 0s;-o-transition: -o-transform 250ms ease-out 0s;transition: transform 250ms ease-out 0s;}#main-menu > li:hover > a i,#main-menu > li.active > a i,#main-menu > li > ul > li:hover > a i,#main-menu > li > ul > li.active > a i,#main-menu > li.sectionheader:hover > span i,#main-menu > li.active.sectionheader > span i,#main-menu > li > ul > li.sectionheader:hover > span i,#main-menu > li > ul > li.active.sectionheader > span i {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}.content-wrapper {padding-top: 20px;}.content-top {font-family: Georgia, Times New Roman, serif;color: #555;font-style: italic;line-height: 20px;position: relative;}.content-top .title-border {content: '';height: 1px;display: block;width: 100%;border-bottom: 1px dotted #ddd;position: absolute;top: 50%;}.breadcrumb {display: inline-block;background: #fff;width: auto;padding-right: 6px;z-index: 1;position: relative;}.breadcrumb a {color: #555;display: inline-block;width: auto;background: #fff;}a.printbutton {display: none;}.content .news-summary span.heading {display: none;}.content .news-article {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dotted #e9e9e9;}.content .news-summary ul.category-list {margin: 15px 0;}.content .news-summary ul.category-list li a, .news-summary ul.category-list li span {border-radius: 4px;}.news-summary ul.category-list li span {opacity: .4;}.news-article h2 {margin: 0 0 15px 0;}.news-article h2 a {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #555;font-size: 16px;text-decoration: none;font-weight: 700;}.news-article .date {background: #f39c2c;color: #fff;display: block;float: left;width: 40px;padding: 6px;height: 40px;border-radius: 26px;text-align: center;font-family: Georgia, Times New Roman, serif;}.news-article .day {font-size: 20px;line-height: 1;padding-bottom: 2px;font-style: italic;display: block;}.news-article.month {font-size: 11px;display: block}.news-article .author, .news-article .category {font-family: Georgia, Times New Roman, serif;display: block;padding-left: 60px;font-size: 11px;font-style: italic;}.news-summary ul.category-list {margin: 15px 0 -1px 0;padding: 0;list-style: none;}.news-summary ul.category-list li {float: left;display: block;width: auto;margin-right: 5px;}.news-summary ul.category-list li a, .news-summary ul.category-list li span {display: block;color: #555;padding: 4px 8px;background: #f1f1f1;border-radius: 4px 4px 0 0;text-decoration: none;font-size: 11px;text-transform: uppercase;}.news-summary ul.category-list li a:hover {color: #f39c2c;}.news-summary .paginate {font: italic 11px/1.2 Georgia, Times New Roman, serif;}.news-summary .paginate a {padding: 0 3px;}.news-meta {background: #f1f1f1;padding: 10px;margin: 10px 0;}.more, .more a,.back, .back a,.previous a, .next a, .previous, .next {font: italic 12px/1.3 Georgia, Times New Roman, serif;color: #555;text-decoration: none;}.more a:hover, .back a:hover, .previous a:hover, .next a:hover {text-decoration: underline;}.previous, .next {padding: 6px 0;}.previous {float: left;}.next {float: right;}.sidebar .news-summary span.heading {position: relative;color: #555;font: normal 1em/1.25 Georgia, Times New Roman, serif;margin: 0 0 15px 0;display: block;}.sidebar .news-summary span.heading:after {content: '';height: 1px;display: block;width: 100%;border-bottom: 1px dotted #ddd;position: absolute;top: 50%;}.sidebar .news-summary .heading span {display: inline-block;width: auto;background: #fff;padding-right: 6px;position: relative;z-index: 10;}.sidebar .news-article {padding: 15px;position: relative;background: #f1f1f1;margin-bottom: 20px;border-radius: 0 0 6px 0;font-size: .8125em; }.sidebar .news-article:before {content: '';position: absolute;bottom: -15px;right: 25px;width: 10px;height: 35px;-webkit-transform: rotate(55deg) skewY(55deg);-moz-transform: rotate(55deg) skewY(55deg);-o-transform: rotate(55deg) skewY(55deg);-ms-transform: rotate(55deg) skewY(55deg);transform: rotate(55deg) skewY(55deg);background: #f1f1f1;}.lt-ie9 .sidebar .news-article:before {display: none;}.footer {position: relative;border-top: 8px solid #f1f1f1;margin: 25px 0 10px 0;padding-top: 20px;padding-bottom: 20px;}.footer:before {content: ' ';border-top: 2px dotted #fff;border-bottom: 2px dotted #fff;height: 4px;display: block;position: absolute;width: 100%;top: -8px;left: 0;}.copyright {padding-top: 15px;}.copyright-info {color: #555;font-size: .6875em; }.footer ul.social {padding: 0;margin: 0;list-style: none;text-align: center;}.footer .social li {display: inline;margin: 0;padding: 0;margin-right: 6px;}.footer .social li a {display: inline-block;text-decoration: none;font-size: 2.625em;line-height: 1;color: #555;}.footer .social li a:hover {color: #f39c2c;}.footer .social li a i {display: inline-block;}.back-top a {display: inline-block;width: 16px;height: 16px;line-height: 16px;padding: 8px;border: 5px solid #fff;text-decoration: none;color: #555;background-color: #f1f1f1;border-radius: 500px;-webkit-border-radius: 500px;-moz-border-radius: 500px;-o-border-radius: 500px;position: absolute;top: -24px;left: 50%;margin-left: -12px;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}.back-top a:hover {background-color: #f39c2c;color: #fff;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}.footer-navigation {padding-top: 15px;border-bottom: 1px solid #f1f1f1;}#footer-menu li > a,#footer-menu li.sectionheader > span {color: #555;display: block;text-decoration: none;}#footer-menu li > a:hover,#footer-menu li > a.current,#footer-menu li.sectionheader > span:hover,#footer-menu li.sectionheader > span.current {color: #f39c2c;}#footer-menu > li > a,#footer-menu > li.sectionheader > span {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;text-decoration: none;display: block;}#footer-menu > li > ul > li > a,#footer-menu > li > ul > li.sectionheader > span {font-size: .875em; 	padding: 2px 0;}#footer-menu > li > ul {margin: 15px 0;}@media screen and (min-width: 768px) {.lt-768 {display: none;}.logo {margin-top: 12px;position: relative;text-align: left;}.logo .palm {position: absolute;top: 5px;left: 45px;background: url(https://groupeguillabertinternational.com/uploads/simplex/images/palm-circle.png) no-repeat;display: block;width: 48px;height: 48px;transition: transform 0.6s ease-out;-webkit-transition: -webkit-transform 0.6s ease-out;-moz-transition: -moz-transform 0.6s ease-out;-o-transition: -o-transform 0.6s ease-out;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}.logo a:hover .palm {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);}nav.main-navigation {z-index: 990;height: 55px;line-height: 37px;margin-top: 20px;}#main-menu {float: right;margin-top: 0;}#main-menu > li {display: inline-block;padding: 0;margin: 0 4px;border: none;position: relative;}#main-menu > li i {display: none;}.touch-device #main-menu > li i {display: inline-block;float: none;}.touch-device #main-menu > li li i {float: left;display: inline-block;margin-right: 8px;padding-top: 2px;text-align: left;}.touch-device #main-menu > li:first-child li i {float: right;}#main-menu > li:first-child, #main-menu > li.first {margin-left: 0;}#main-menu > li:last-child, #main-menu > li.last {margin-right: 0;}#main-menu > li > a,#main-menu > li.sectionheader span {padding: 0 6px 0 10px;line-height: 37px;font-size: 1em;}#main-menu > li.parent:hover > a,#main-menu > li.sectionheader.parent:hover > span,#main-menu > li.parent.active > a,#main-menu > li.parent.active > span {color: #fff;background-color: #555;background-color: rgba(85, 85, 85, .95);}#main-menu > li > ul,#main-menu > li > ul > li > ul  {display: block;width: 260px;}#main-menu > li:hover > ul,#main-menu > li.active > ul,#main-menu > li > ul > li:hover > ul,#main-menu > li > ul > li.active > ul {height: auto;position: absolute;z-index: 9999;top: 37px;right: 0;left: auto;display: block;border-radius: 3px;}#main-menu > li:first-child:hover > ul,#main-menu > li:first-child.active > ul {right: auto;left: 0;}#main-menu > li > ul > li {position: relative;line-height: 1;margin: 0;padding-left: 10px;}#main-menu > li:first-child > ul > li {padding-right: 10px;padding-left: 0;}#main-menu > li > ul > li > a,#main-menu > li > ul > li.sectionheader > span,#main-menu > li > ul > li > ul > li > a,#main-menu > li > ul > li > ul > li.sectionheader > span {color: #fff;display: block;text-transform: none;line-height: 1.2;border-bottom: 1px dotted #858585;background-color: #555;background-color: rgba(90, 90, 90, .98);padding: 8px 12px;font-size: .875em; 		text-decoration: none;}#main-menu > li > ul > li.current > a,#main-menu > li > ul > li.current.sectionheader > span,#main-menu > li > ul > li > ul > li.current > a,#main-menu > li > ul > ul > li > li.current.sectionheader > span {color: #f39c2c;}#main-menu > li > ul > li:hover > ul,#main-menu > li > ul > li.active > ul {width: 250px;height: auto;top: 0;right: auto;left: -250px;}#main-menu > li:first-child > ul > li:hover > ul,#main-menu > li:first-child > ul > li.active > ul {left: auto;right: -250px;}.lt-ie9 #main-menu > li > ul > li:hover > ul,.lt-ie9 #main-menu > li > ul > li.active > ul {left: -247px;}#main-menu > li > ul > li:hover > ul:after,#main-menu > li > ul > li.active > ul:after {content: ' ';width: 0px;height: 0px;border-style: solid;border-width: 7px 0 7px 6px;border-color: transparent transparent transparent #555;border-color: transparent transparent transparent rgba(85, 85, 85, .95);position: absolute;right: -6px;top: 12px;}.lt-ie9 #main-menu > li:first-child > ul > li:hover > ul,.lt-ie9 #main-menu > li:first-child > ul > li.active > ul {left: auto;right: -247px;}#main-menu > li:first-child > ul > li:hover > ul:after,#main-menu > li:first-child > ul > li.active > ul:after {left: -10px;right: auto;}#main-menu li ul li a:hover,#main-menu li ul li span.sectionheader:hover {box-shadow: 0 0 5px rgba(85, 85, 85, .9);z-index: 2;}#main-menu > ul > li:last-child > a,#main-menu > ul > li.sectionheader:last-child > span,#main-menu > ul > li > ul > li:last-child > a,#main-menu > ul > li > ul > li.sectionheader:last-child > span {border-bottom: none;}.header-bottom {height: 55px;line-height: 55px;padding: 8px 0;}.phrase-text {text-align: left;}input.search-input {height: 17px;line-height: 17px;width: 100%;max-width: 320px;}input.search-input:focus {max-width: 90%;}a.printbutton {display: block;padding-left: 6px;width: 16px;height: 16px;float: right;text-decoration: none;color: #555;background-color: #fff;z-index: 1;position: relative;}a.printbutton i {display: inline-block;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition: -webkit-transform 250ms ease-out 0s;-moz-transition: -moz-transform 250ms ease-out 0s;-o-transition: -o-transform 250ms ease-out 0s;transition: transform 250ms ease-out 0s;}a.printbutton:hover {color: #f39c2c;}a.printbutton:hover i {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);}.footer ul.social {text-align: left;}.footer .social li a i {display: inline-block;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition: -webkit-transform 250ms ease-out 0s;-moz-transition: -moz-transform 250ms ease-out 0s;-ms-transition: -moz-transform 250ms ease-out 0s;-o-transition: -o-transform 250ms ease-out 0s;transition: transform 250ms ease-out 0s;}.footer .social li a:hover i {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);}.footer-navigation {border-bottom: none;}#footer-menu > li {float: left;display: block;position: relative;margin-left: 3.8%;width: 30.75%;}#footer-menu > li:first-child {margin-left: 0;}}@media only screen and (max-width: 780px) {.search {margin-top: 15px;}input.search-input {width: 100%;max-width: 100%;float: left;}input.search-input:focus {max-width: none;}.header-bottom {padding-top: 20px;text-align: center;line-height: inherit;padding: 20px 0;}}@media only screen and (min-width: 940px) and (max-width: 1110px) {#main-menu > li {margin: 0;}#main-menu > li > a,#main-menu > li.sectionheader span {padding: 0 6px;}}@media only screen and (min-width: 768px) and (max-width: 1050px) {.row nav.main-navigation {height: auto;float: none;display: block;margin-left: 0;width: 100%;clear: left;}#main-menu {margin-top: 15px;margin-bottom: 15px;border-bottom: 1px solid #f1f1f1;float: none;display: block;}#main-menu > li {margin: 0;bottom: -1px;text-align: center;border-bottom: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1;}#main-menu > li.current {border-bottom-color: #fff;border-top-color: #f39c2c;}#main-menu > li.current > a {border-top: 1px solid #f39c2c;line-height: 45px;}#main-menu > li:first-child {border-left: 1px solid #f1f1f1;}#main-menu > li > a,#main-menu > li > span {line-height: 46px;padding-left: 12px;padding-right: 6px;}#main-menu > li:hover > ul,#main-menu > li.active > ul {top: 45px;}.header-bottom {height: auto;}.row .seven-col.phrase-text,.row .five-col.search {display: block;float: none;width: 100%;margin-left: 0;text-align: center;}}@-ms-viewport {width: device-width;}@-o-viewport {width: device-width;}@-moz-viewport {width: device-width;}@-webkit-viewport {width: device-width;}@viewport {width: device-width;}/* === FOOTER MAIN === */.footer-main {background-color: #000;color: #fff;padding: 40px 20px;display: flex;flex-direction: column;gap: 40px;font-family: Arial, sans-serif;}.footer-columns {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 20px;}.footer-column {flex: 1 1 200px;}.footer-title {color: #FFD700; /* jaune */text-transform: uppercase;font-weight: bold;margin-bottom: 15px;font-size: 1.2rem;}.footer-column ul {list-style: none;padding: 0;margin: 0;}.footer-column ul li {color: #fff;margin-bottom: 8px;line-height: 1.4;text-transform: uppercase;font-size: 0.95rem;}.footer-column ul li a {color: #fff;text-decoration: none;}.footer-column ul li a:hover {text-decoration: underline;}/* Socials */.footer-socials {display: flex;gap: 15px;justify-content: flex-start;flex-wrap: wrap;}.footer-socials a {color: #FFD700;text-decoration: none;font-weight: bold;}.footer-socials a:hover {text-decoration: underline;}
/* cmsms stylesheet: Simplex Slideshow modified: Sunday, August 24, 2025 1:35:52 PM */
.banner {background: #fefefe;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  #fefefe 0%, #f1f1f1 47%, #e9e9e9 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(47%,#f1f1f1), color-stop(100%,#e9e9e9));background: -webkit-linear-gradient(top,  #fefefe 0%,#f1f1f1 47%,#e9e9e9 100%);background: -o-linear-gradient(top,  #fefefe 0%,#f1f1f1 47%,#e9e9e9 100%);background: -ms-linear-gradient(top,  #fefefe 0%,#f1f1f1 47%,#e9e9e9 100%);background: linear-gradient(to bottom,  #fefefe 0%,#f1f1f1 47%,#e9e9e9 100%);}.lt-ie9 .banner {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e9e9e9',GradientType=0 );}#sx-slides {position: relative;overflow: hidden;width: 100%;margin: 0 auto;position: relative;height: 380px;}#sx-slides > .sequence-canvas {height: 100%;width: 100%;margin: 0;padding: 0;list-style: none;}#sx-slides > .sequence-canvas > li {position: absolute;width: 100%;height: 100%;z-index: 1;top: -50%;}#sx-slides > .sequence-canvas > li img {height: 96%;}#sx-slides > .sequence-canvas li > * {position: absolute;-webkit-transition-property: left, bottom, right, top, -webkit-transform, opacity;-moz-transition-property: left, bottom, right, top, -moz-opacity;-ms-transition-property: left, bottom, right, top, -ms-opacity;-o-transition-property: left, bottom, right, top, -o-opacity;transition-property: left, bottom, right, top, transform, opacity;}#sx-slides .title {color: #f39c2c;font-size: 2.25em;line-height: 1.1;font-weight: 700;left: 65%;opacity: 0;bottom: 22%;z-index: 50;margin-top: 0;}#sx-slides .animate-in .title {left: 12%;opacity: 1;-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}#sx-slides .animate-out .title {left: 35%;opacity: 0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}#sx-slides .subtitle {margin-top: 0;z-index: 5;color: #555;font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-weight: 700;font-size: 1.8125em;left: 35%;opacity: 0;top: 72%;}#sx-slides .animate-in .subtitle {left: 20%;opacity: 1;-webkit-transition-duration: 1.3s;-moz-transition-duration: 1.3s;-ms-transition-duration: 1.3s;-o-transition-duration: 1.3s;transition-duration: 1.3s;}#sx-slides .animate-out .subtitle {left: 65%;opacity: 0;-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}#sx-slides .image {left: -10px;position: absolute;bottom: 800px;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;max-width: 70%;height: auto !important;max-height: 275px !important;}#sx-slides .animate-in .image {left: 14%;bottom: -49%;opacity: 1;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition-duration: 2s;-moz-transition-duration: 2s;-ms-transition-duration: 2s;-o-transition-duration: 2s;transition-duration: 2s;}#sx-slides .animate-out .image {left: -10px;bottom: -800px;opacity: 0;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-ms-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;}@media only screen and (min-width: 768px) {#sx-slides .title {font-size: 3em;}#sx-slides .animate-in .title {left: 3%;}#sx-slides .subtitle {font-size: 2.5em;}#sx-slides .animate-in .subtitle {left: 8%;}#sx-slides .image {left: auto;right: -10px;position: absolute;max-width: 70%;height: auto !important;max-height: 300px !important;}#sx-slides .animate-in .image {left: auto;right: 5%;bottom: -45%;}#sx-slides .animate-out .image {left: auto;bottom: -800px;}}@media only screen and (min-width: 1050px) {#sx-slides {height: 440px;}#sx-slides .title {font-size: 3.25em;bottom: 15%;}#sx-slides .animate-in .title {left: 8%;}#sx-slides .subtitle {font-size: 2.875em;top: 78%}#sx-slides .animate-in .subtitle {left: 12%;}#sx-slides .image {max-width: 90%;height: auto !important;max-height: 400px !important;}}
/* cmsms stylesheet: Our-products-style modified: Wednesday, September 3, 2025 8:29:35 PM */
/* Section Our Products */
.products-banner-section {
    background-color: #ffffff; /* fond blanc */
    text-align: center;
    padding: 0;
    margin: 0;
}

.products-banner-image {
    width: 100%; /* pleine largeur gauche-droite */
    max-height: 200px; /* hauteur réduite */
    object-fit: cover; /* garde le centrage et coupe proprement */
    display: block;
    margin: 0;
    padding: 0;
}

.products-content-container {
    padding: 20px 0;
}

.products-title {
    color: #FFCC00; /* jaune doré modifié */
    font-size: 2.5rem;
    font-weight: bold;
    margin: 0;
}

.products-subtitle {
    font-size: 1.2rem;
    color: #000;
    margin-top: 10px;
}

.produits-section {
  background: #fff;
  padding: 40px;
}

.produits-section h2 {
  text-align: center;  /* Titre centré seulement */
  color: #ffcc00;      /* jaune */
  font-weight: bold;   /* gras */
  margin-bottom: 30px;  /* espace sous le titre */
}

.produits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
}

.produit {
  background: #f8f8f8;
  padding: 20px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.produit img {
  max-width: 100%;
  height: auto;
}

.produit h3 {
  margin: 10px 0;
  font-size: 16px;
}

.couleurs {
  margin: 10px 0;
}

.couleur {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 0 3px;
  border: 1px solid #ddd;
}

.couleur.noir { background: #000; }
.couleur.vert { background: #006400; }
.couleur.bleu { background: #001f3f; }
.couleur.gris { background: #666; }

.btn-devis {
  background: #000;
  color: #fff;
  padding: 10px 15px;
  border: none;
  cursor: pointer;
  margin-top: 10px;
  border-radius: 5px;
  transition: background 0.3s;
}

.btn-devis:active {
  background: #ffcc00; /* jaune */
}
/* cmsms stylesheet: Confirmation style css modified: Tuesday, September 9, 2025 6:52:20 PM */
/* Conteneur de l'image */
.category-image-container {
    width: 100%;
    background-color: #ffffff;
}

/* Image responsive pleine largeur */
.category-image {
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: cover;
    display: block;
}

/* Titre sous l'image */
.category-title {
    text-align: center;
    color: #FFD700; /* Jaune */
    font-weight: bold;
    margin-top: 10px; /* petit espace entre image et titre */
}

/* Conteneur du formulaire */
.contact-form-wrapper {
    background-color: #ffffff; /* fond blanc */
    padding: 30px;
    max-width: 700px;
    margin: 30px auto;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    border-radius: 10px;
}

/* Groupes de champs */
.contact-form-wrapper .form-group {
    margin-bottom: 20px;
}

/* Labels */
.contact-form-wrapper label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    color: #000000;
}

/* Inputs et textarea */
.contact-form-wrapper input[type="text"],
.contact-form-wrapper input[type="tel"],
.contact-form-wrapper textarea {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    box-sizing: border-box;
}

/* Textarea */
.contact-form-wrapper textarea {
    resize: vertical;
}

/* Bouton envoyer */
.contact-form-wrapper .btn-submit {
    background-color: #000000;
    color: #ffffff;
    border: none;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s;
}

/* Bouton au clic ou hover */
.contact-form-wrapper .btn-submit:hover,
.contact-form-wrapper .btn-submit:active {
    background-color: #FFD700; /* jaune */
    color: #000000;
}

/* Captcha */
.contact-form-wrapper .captcha {
    margin-bottom: 20px;
}

/* Responsive mobile et tablette */
@media (max-width: 768px) {
    .category-image {
        max-height: 150px;
    }

    .contact-form-wrapper {
        padding: 20px;
        margin: 20px;
    }

    .contact-form-wrapper input[type="text"],
    .contact-form-wrapper input[type="tel"],
    .contact-form-wrapper textarea {
        font-size: 14px;
        padding: 8px 12px;
    }

    .contact-form-wrapper .btn-submit {
        font-size: 14px;
        padding: 10px 20px;
    }
}