<!-- foundMagicURL = https://simplex.live/fr/histoires-de-succes.sdex --><!-- debug<li><a class="dropdown-item" href="https://simplex.live/fr/histoires-de-succes.sdex">Français</a></li><li><a class="dropdown-item" href="https://simplex.live/br/historias-de-sucesso.sdex">Portuguese Br</a></li><li><a class="dropdown-item" href="https://simplex.live/en/success-stories.sdex">English</a></li> --><!-- http://localhost/i4c-simplex.simplex.live/googlesheetTranslatorMagic.php?section=fr%2Fhistoires-de-succes&&url=https%3A%2F%2Fdocs.google.com%2Fdocument%2Fd%2F13-soMs4p0vNjP77CyA20DMpN9Z3Ztv_1DjTA0eVnJGE%2Fedit&extensionIndexa=.sdex&urlBase=https://simplex.live/fr/*-->
<!-- Param : metadesc = Découvrez les cas de réussite de Simplex utilisant le SEO et l’IA pour faire croître des résultats concrets. Inspirez-vous de stratégies qui transforment réellement les entreprises --><!-- HomeVideo : video = , heading = Histoires de Succès qui </span><strong><span>Transforment les Entreprises</span></strong><span>, bouton = , description = <p></p> --><!-- status: 1 https://simplex.live/fr/histoire-de-succes-leroy-merlin.sdex - 2  - 3  - 4 Histoire de Succès Leroy Merlin - 5 https://lh7-rt.googleusercontent.com/docsz/AD_4nXeNT11hevrpnJVR1w3tvO0mpG-0AsYy_oBqIUKyqXMzjOtKhtY9unWoV2Tx9kQVIj8X4OCuPDz51zwITBVhE9gYAXZJgkkAF5LiGxdKREL8ZJf-Xz3VA7K1mD-vb5hoBmfwyjJb-9ByHaRbPZ1olGDUDRST5Q=s2048?key=UyUULZSJL4aT7uGQfV2FiQ - 6  - 7 - 8 leroymerlinitaly - 9 prod - 10 2024-04-08T15:53:19+00:00 - 11 {magicURL} - 12 histoiresdesucces    --><!-- status: 1 https://simplex.live/fr/histoire-de-succes-ci-amp-t.sdex - 2  - 3  - 4 Histoire de Succès CI&amp;T - 5 https://lh7-rt.googleusercontent.com/docsz/AD_4nXfb8fjmKlaejnfoiR9EYLARuDrIuqrhONhdRQs9R_eZ40NQUmpbRoqmuHaWE4W8V1kX2DND1NCW0anZYKYh0qfcCHJj2D7AwdpVTQ6mK6t2QksbgqPhrxXu4tIIDs-5Hu4iuiLsO8lC0_oiHumEW07HwEzFQg1U=s2048?key=UyUULZSJL4aT7uGQfV2FiQ - 6  - 7 - 8 ci&amp;t - 9 prod - 10 2024-04-08T15:53:19+00:00 - 11 {magicURL} - 12 histoiresdesucces    --><!-- status: 1 https://simplex.live/fr/histoire-de-succes-conforama.sdex - 2  - 3  - 4 Histoire de Succès Conforama - 5 https://lh7-rt.googleusercontent.com/docsz/AD_4nXft6JaUo-GL9_bV-mnPZi_vEZlC19bYr0yf7YI2NImE0iIY9rfX2gsFHJ81mq4tIAcUflovAlLIs40TPgAuR6fMIBduYnmbP0mbKk7OPWdu6O3UaHzcQ4SxQVio-zGLi76HPETxQwSmrQYPGDiBE-xlxzJgSCPE=s2048?key=UyUULZSJL4aT7uGQfV2FiQ - 6  - 7 - 8 conforama - 9 prod - 10 2024-04-08T15:53:19+00:00 - 11 {magicURL} - 12 histoiresdesucces    --><!-- status: 1 https://simplex.live/fr/histoire-de-succes-mobly.sdex - 2  - 3  - 4 Histoire de Succès Mobly - 5 https://lh7-rt.googleusercontent.com/docsz/AD_4nXeC4u3bkt7HR2nok36KiZCBool8Da4Ci_zOwOWube8I-zhEuedGTNwA8t6YithA7tRAnqgGr8G9wD73WX9fSsmqzKmNXtkWGfGtKuWPzEHku6q1b3iF1y7lFBj6WBauYCw7NtWmzQJp6tVmmR9yZx2-tvTfNg99=s2048?key=UyUULZSJL4aT7uGQfV2FiQ - 6  - 7 - 8 mobly - 9 prod - 10 2024-04-08T15:53:19+00:00 - 11 {magicURL} - 12 histoiresdesucces    --><!-- status: 1 https://simplex.live/fr/histoires-de-succes-buscape.sdex - 2  - 3  - 4 Histoires de Succès Buscapé - 5 https://lh7-rt.googleusercontent.com/docsz/AD_4nXc8YEVSazlmu9IaBOZ0SGRqm_BStGPZptSBSOL9KwMevl600KpIZs4LAwB1ACQ6JFWQPtHhmKSM3AFnIE0_muQoTW6IRCpafsaSYLlBp3uICqZy-ylVWZiD3vMHsIbANOuElw1jK0TUwt34S3GBIAkMiBPm93jq=s2048?key=UyUULZSJL4aT7uGQfV2FiQ - 6  - 7 - 8 buscape - 9 prod - 10 2024-04-08T15:53:19+00:00 - 11 {magicURL} - 12 histoiresdesucces    --><!-- status: 1 https://simplex.live/fr/histoire-de-succes-bunge.sdex - 2  - 3  - 4 Histoire de Succès Bunge - 5 https://lh7-rt.googleusercontent.com/docsz/AD_4nXfuar9BnNhjBGEb41D73dLGmRgcN3Sfp5937GaDH4hcBgQwQpa33mNQ6yCg-p-3lw-ZbDD3ftfwN8J6KBuLRKdh3F0cdE2usPITSY-jjgaj-ajSWqLg1MrNqBUPcVUovbA38CDrCJzchW5IJNJl-kJ-KgXEO85e=s2048?key=UyUULZSJL4aT7uGQfV2FiQ - 6  - 7 - 8 bunge - 9 prod - 10 2024-04-08T15:53:19+00:00 - 11 {magicURL} - 12 histoiresdesucces    --><!-- status: 1 https://simplex.live/fr/histoire-de-succes-melvi.sdex - 2  - 3  - 4 Histoire de Succès Melvi - 5 https://lh7-rt.googleusercontent.com/docsz/AD_4nXecZg8wNLs8BmX7Q8zM1EVE385vQ42OQRE4DMegn4uBDjd5DVkb9b6JK_021gOJaPyLi4h7HzYchaqjdo4KaB2Bm02n-RZTUuNeoS6mHY9Jp8qhfjYEGAaV5TGuPzUHpeJfPE2j_uAhm9CjXQfMopHFhc2V0Q=s2048?key=UyUULZSJL4aT7uGQfV2FiQ - 6  - 7 - 8 melvi - 9 prod - 10 2024-04-08T15:53:19+00:00 - 11 {magicURL} - 12 histoiresdesucces    --><!-- debug<style>

header img {
    height: 13px;
}


.lang-selector {
    display: inline-block;
    position: relative;
    z-index: 9999;
    margin-bottom: -4px;
}
.lang-selector .flag-toggle {
  padding: 4px;
  border: none;
  background: transparent;
  cursor: pointer;
}
.lang-selector .dropdown-flags {
  min-width: auto;
  padding: 0px 2px;
  margin: 0;
  list-style: none;
  background-color: white;
  border: 1px solid #ccc;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  white-space: nowrap;
}
.lang-selector:hover .dropdown-flags {
  display: block;
}
.lang-selector .dropdown-flags li {
  display: inline-block;
  margin: 2px;
}
.lang-selector .dropdown-flags a {
  display: inline-block;
  padding: 2px;
}
.lang-selector .dropdown-flags img {
  display: block;
  width: 16px;
  height: 12px;
}
</style>
<div class="lang-selector dropdown">
  <a class="dropdown-toggle flag-toggle" title="Français" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
    <img src="https://flagcdn.com/16x12/fr.webp" width="16" height="12">
  </a>
  <ul class="dropdown-menu dropdown-flags">

        <li>
          <a href="https://simplex.live/br/historias-de-sucesso.sdex" class="language-link" hreflang="br" title="Portuguese Br">
            <img src="https://flagcdn.com/16x12/br.webp" width="16" height="12">
          </a>
        </li>
        <li>
          <a href="https://simplex.live/en/success-stories.sdex" class="language-link" hreflang="en" title="English">
            <img src="https://flagcdn.com/16x12/gb.webp" width="16" height="12">
          </a>
        </li></ul></div> --><!--found image conflict at line : 11 between {image} and https://lh7-rt.googleusercontent.com/docsz/AD_4nXdRNARfyR1Nkq4LxPy3fixG1atYmIr1krArl7CPkZxqHj5kvUxb-oZbji7pBaLk-E0jVqRTruVUpEZOdhLoO7tASWVXf11aRqCMQdsdaMNcRH0AWhn6HXY1nS-pU2k1Se0FBH_nxDxlOLY-fqkC_7aEznHd4JpB=s2048?key=UyUULZSJL4aT7uGQfV2FiQ with bypass value: ''--><!-- Nothing to reload :  --><!DOCTYPE html>
<html lang="fr">
<head>


<!-- Favicon principal -->
<link rel='icon' href='/images/simbolo_simplex_preto.png' type='image/png'>

<script type='text/javascript'>
        var _ss = _ss || [];
    _ss.push(['_setDomain', 'https://koi-3RYB3XCEXG.marketingautomation.services/net']);
    _ss.push(['_setAccount', 'KOI-25YSKXT6F0L14S']);
    _ss.push(['_trackPageView']);
(function() {
    var ss = document.createElement('script');
    ss.type = 'text/javascript'; ss.async = true;
    ss.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'koi-3RYB3XCEXG.marketingautomation.services/client/ss.js?ver=2.4.1';
    var scr = document.getElementsByTagName('script')[0];
    scr.parentNode.insertBefore(ss, scr);
})();
</script>


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement":[{
	"@type": "ListItem",
		"position": 1,
		"item": {
		"@id": "https://simplex.live/en/home.sdex",
		"name": "home"}
	}
   ]
}
</script>
<style>
    .topmaintagline {
        display:none !important;
    }
</style>

<meta name='robots' content='index,follow' /><base href="https://simplex.live/">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <style>
 
  </style>
  
  <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WBST38S');</script>
<!-- End Google Tag Manager -->
  
  <!-- Matomo -->
<script>
  var _paq = window._paq = window._paq || [];
  /* tracker methods like 'setCustomDimension' should be called before 'trackPageView' */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u='https://matomo.simplex.live/';
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '9']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End&nbsp;Matomo&nbsp;Code&nbsp;-->
  
  
<title>Histoires de Succès - Simplex</title><meta name="description" content="Découvrez les cas de réussite de Simplex utilisant le SEO et l’IA pour faire croître des résultats concrets. Inspirez-vous de stratégies qui transforment réellement les entreprises"><link rel="canonical" href="https://simplex.live/fr/histoires-de-succes.sdex"><link rel="alternate" href="https://simplex.live/fr/histoires-de-succes.sdex" hreflang="fr" />
<link rel="alternate" href="https://simplex.live/br/historias-de-sucesso.sdex" hreflang="pt-br" />
<link rel="alternate" href="https://simplex.live/en/success-stories.sdex" hreflang="en" />
<style>
/*

Permet de contrôler les CSS de la charte graphique des pages
v2.0255
*/

.fgw-mount{
    display: flex;
    justify-content: center; 
}

a {
    text-decoration: none!important;
}

content{
    width: -webkit-fill-available;
}

#contents {
    width: -webkit-fill-available;
}

.elementor {
    margin: auto;
    margin-top: 46px;
    margin-bottom: 10px;
}

.whiteBannerText {
    font-size: 23px;
    max-width: 517px;
    font-family: 'Gilroy-bold';
    align-content: center;
}
.whiteBanner {
    height:160px;
}


@media (max-width: 480px) {
    
    .whiteBanner {
        display: flex!important;
        flex-direction: column!important;
        justify-content: space-around;
        align-content: center!important;
        align-items: center!important;
    }
    
}  

.btn2 {
    padding: 12px;
    font-family: 'Gilroy-bold';
    background-color: unset!important;
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    border-radius: 25px;
    font-weight: bold;
    border: 1px solid #FF6C00!important;
    font-size: 16px;
}

@font-face {
  font-family: 'Gilroy';
  src: url('font/Gilroy-Regular.otf') format('opentype');
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy-bold';
  src: url('font/gilroy-extra-bold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
}

body {
  font-family: "Gilroy", Sans-serif;
  font-weight: 200; /* Regular weight */
}

strong {
  font-family: "Gilroy-bold", Sans-serif;
  font-weight: 800; /* Extra Bold */
}
  
 iframe#ssChatbot._ss_cb_welcomeExpanded {
right:0px!important;
justify-self: right;
}
.footer {
    margin-bottom: 40px;
} 
 .slidImageWrapper {
min-height:110px;
align-items: center;
background-color: #F5F5F5;
}
.slidImageItem {
    height: 70px!important;
    width: 110px!important;
    margin: 0 60px!important;
    object-fit: contain!important;
} 
.slidImageItem {
    filter: saturate(0);
} 
.slidImageContainer {
    background-color: #F5F5F5;
}  
#ssChatbot{
    
}
    /* Global Styles */
    
    .simplex_item_filter a h2.simplex_delivery__tagline {
        color:#212121;
}
   
   
  .lang-selector .dropdown-flags li{

    background-color: #F5F5F5;

} 
   
.lang-selector:hover .dropdown-flags {
    background-color: #F5F5F5!important;
}    
   
   .video-placeholder h2.video-heading {
       
   color: #F5F5F5!important;
       
    } 
    
    
	html{
	    height: -webkit-fill-available;
	}
    body {
	  min-height: 100vh;
      margin: 0;
	  font-family: "Gilroy", Sans-serif;
	  font-weight: 400;
      background-color: #F5F5F5;
      color: #212121;
	    display: flex; /* Ajoutez ceci */
		flex-direction: column; /* Ajoutez ceci */
    }

    header {
		max-width: 1140px;
		display: flex;
		justify-content: space-around;
		align-items: center;
		background-color: #F5F5F5;
		margin-left: auto;
		margin-right: auto;
    }

    header img {
      height: 40px;
    }

nav {
  display: flex;
  gap: 20px;
  align-items: center; /* Optional: To vertically align dropdowns */
}

nav a {
display: block;
    text-align: center;
  text-decoration: none;
  color: #212121;
  padding: 13px 20px;
}

nav a:hover {
  text-decoration: underline;
}

.dropdown {
text-align: center;
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.dropdown-content {
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  left: 0; /* Aligner le contenu à gauche */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s; /* Transition sur l'opacité */
}
@media (min-width: 930px) {
.dropdown-content a {
        text-align: left;
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 10px;
}
}
.dropdown-content a:hover {
  background-color: #ddd;
} 

.dropdown-subitem.has-sub > a::after {
  content: ' >';
  margin-left: 5px;
  opacity: 1;
  transition: opacity 0.3s ease; /* Transition sur l'opacité */
}


@media (max-width: 830px) {
    
    .simplex_content {
        font-size: 80%!important;
    }   
    
    
    #contents {
    padding-left: 20px!important;
    padding-right: 20px!important;
    }
    
}  

@media (max-width: 350px) {
    
    .simplex_content {
        font-size: 80%!important;
    }   
    
    
    #contents {
    padding-left: 10px!important;
    padding-right: 10px!important;
    }
    
}  
@media (min-width: 830px) {
    
 
    
.dropdown:hover .dropdown-content {
  opacity: 1;
  visibility: visible;
  border-radius:10px;
}

.sub-dropdown-content{
 border-radius:10px;
}

}



.dropdown-subitem {
  position: relative;
  display: block;
}

.sub-dropdown-content {
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  left: 100%; /* Positionner à droite du parent */
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s; /* Transition sur l'opacité */
   border-radius:10px;
}

.dropdown-subitem:hover .sub-dropdown-content {
  opacity: 1;
  visibility: visible;
}

.sub-dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.sub-dropdown-content a:hover {
  background-color: #ddd;
  border-radius:10px;
}

.dropdown-subitem:hover .sub-dropdown-content {
  display: block;
}





.dropbtn {
transition: border-bottom 0.3s ease; /* Ajoute une animation pour la bordure */
  border-bottom: 3px solid transparent; /* Par défaut, la bordure est transparente */
}

.dropbtn:hover {
 text-decoration: none; /* Supprime le soulignement lors du survol */
}



.dropbtn::after {
  content: '\25BC'; /* Code Unicode pour une flèche vers le bas */
  margin-left: 5px; /* Ajoute un peu d'espace entre le texte et la flèche */
  font-size: 12px; /* Ajuste la taille de la flèche */
}

    .footer {
		margin-top: auto; /* Ajoutez ceci pour pousser le footer vers le bas */
		display: flex;
		background-color: #F5F5F5;
		padding: 40px 20px;
		text-align: center;
		justify-content: space-around;
		align-items: center;
    }

    .footer-links {
      margin-top: 20px;
      display: flex;
      justify-content: right;
      gap: 20px;
    }

    .footer-links a {
      color: #212121;
      text-decoration: none;
      font-size: 12px;
    }

    .footer-links a:hover {
      text-decoration: underline;
    }

    .social-icons {
		display: flex;
		justify-content: space-around;
		min-height: 70px;
		align-items: center;
    }

	.social-icons a img {
		height: 32px;
		color: white;
		background-color: white;
		border: 7px solid white;
		border-radius: 32px;
		transition: border 0.3s ease; /* Ajoute une animation pour la bordure */
	}
	
	.social-icons a img:hover {
    border: 12px solid blue; /* Augmente la taille de la bordure lors du survol */
	}
	
	
.social-icons a {
    width: 65px;
    height: 65px;
    display: flex;
    color: white;
    text-decoration: unset;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
	.logoHeader{
         width: 110px;
        height: 39px;
		margin-right:80px;
		margin-left:20px;
		filter: invert(100%);
	}
	.privacy{
	  display: flex;
      justify-content: flex-end;
	}
	.rightBlock{
	
	display: flex;
    height: 200px;
    flex-direction: column;
    justify-content: space-around;
	
	}
	
	
	@media (max-width: 930px) {
a.contactUs {
    border-radius: 33px;
    background-color: #0433F6;
    max-width: 117px;
    margin-bottom: 10px;
    margin-left: 5px;
    padding: 9px 20px;
    color: #F5F5F5;
}
}
	
	
	
	
	
	
	/* Hide menu toggle button on desktop */
.menu-toggle {
  margin-top: 12px;
  display: none;
  background: none;
  border: none;
  color: #212121;
  font-size: 30px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1001;
}

/* Mobile navigation styles */





@media (max-width: 930px) {

				.logoMenu{
				
				    height: 155px;
					width: 140px;
					filter: invert(1);
					position: inherit;
					z-index: -1;
					top: 215px;
					left: 80px;
					filter: brightness(0.1);
				
				}


				  .logoHeader {
                    width: 110px;
                    height: 39px;
					margin-right: 20px;
					margin-left: 20px;
				  }

				  /* Menu principal */
				  nav {
					align-items: baseline;
					margin-top: 39px;
					display: flex;
					flex-direction: column;
					background: #F5F5F5;
					width: 100%;
					position: absolute;
					top: 60px;
					left: 0;
					z-index: 1000;
					opacity: 0;
					visibility: hidden;
					transform: translateY(-10px);
					max-height: 0;
					transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.4s ease-in-out, max-height 0.4s ease-in-out;
				  }

				  nav.show {
					opacity: 1;
					visibility: visible;
					transform: translateY(0);
					max-height: 500px;
					max-width: 295px;
					border-radius: 5px;
				  }

				  /* Fermeture rapide */
				  nav:not(.show) {
					transition: opacity 0.15s ease-out, visibility 0.15s ease-out, transform 0.15s ease-out, max-height 0.15s ease-out;
				  }
				  
				  
				  .no-transition {
					  transition: none !important;
					}
				  
				  

				nav a {
					width: 260px;
					display: block;
					padding: 15px;
					text-align: left;
					color: #212121;
					transition: background 0.3s ease-in-out, padding-left 0.3s ease-in-out;
				}


				  /* Dropdowns */
				  .dropdown-content {
					position: fixed;
					top: 0;
					left: -100%; /* Caché par défaut */
					max-width: 700px;
					height: 100vh;
					background: #F5F5F5;
					color: #212121;
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					justify-content: flex-start;
					padding-top: 60px;
					transition: left 0.3s ease-in-out;
					z-index: 1100;
					background-color: #F5F5F5;
					border-radius: 5px;
					opacity: 0;
					visibility: hidden;
					max-height: 0;
					overflow: hidden;
					transition: opacity 0.5s ease-in-out, visibility 0.2s ease-in-out, max-height 0.4s ease-in-out;
				  }

				  .dropdown.active .dropdown-content {
					left: 0; /* Affiché */
					opacity: 1;
					visibility: visible;
					max-height: 500px; /* Ajustez selon le contenu */
				  }

				  .dropdown-content a {
					padding: 15px 20px;
					text-decoration: none;
					color: #212121;
					display: block;
					font-size: 18px;
					background-color: transparent;
				  }

				  .dropdown-content a:hover {
					background: rgba(255, 255, 255, 0.1);
				  }

				  /* Flèche retour */
				  .back-arrow {
					position: absolute;
					top: 15px;
					left: 15px;
					font-size: 24px;
					cursor: pointer;
					color: black;
					z-index: 10;
				  }

				  /* Sous-menu dropdown */
				  .sub-dropdown-content {
				      background-color: #000000;
					display: block;
					opacity: 0;
					visibility: hidden;
					position: static;
					max-height: 0;
					overflow: hidden;
					transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
					border-radius:5px;
				  }

				  .dropdown-subitem.active .sub-dropdown-content {
					opacity: 1;
					visibility: visible;
					max-height: 300px; /* Ajustez selon le contenu */
				  }

				  /* Icône menu burger */
				  .menu-toggle {
					display: block;
					cursor: pointer;
					transition: transform 0.3s ease-in-out;
				  }

				  .menu-toggle.active {
					transform: rotate(90deg);
				  }

				  /* Footer */
				  .footer {
					margin-top: auto;
					display: flex;
					background-color: #F5F5F5;
					padding: 40px 20px;
					text-align: center;
					justify-content: space-around;
					align-items: center;
					flex-direction: column;
				  }

				  .privacy {
					display: flex;
					justify-content: center;
				  }

				  .footer-links {
					margin-top: 20px;
					display: flex;
					justify-content: center;
					gap: 20px;
				  }
				  
}


			  .logoFooter  {
					width: 220px;
					height: 75px;
					margin-right: 20px;
					margin-left: 20px;
					filter: invert(100%);
				  
				  }


.wave-container {
    position: absolute;
    top: -1px;
    width: 100%;
    overflow: hidden;
    left: 0px;
	z-index: -1;
}

svg {
  display: block;
}

.wave {
  animation: move-waves 6s infinite linear alternate;
}

.wave-2 {
  animation-duration: 8s; /* Différente pour décalage */
  opacity: 0.8;
}

.wave-3 {
  animation-duration: 10s; /* Encore différente */
  opacity: 0.6;
}

@keyframes move-waves {
  0% { transform: translateX(0); }
  100% { transform: translateX(-150px); } /* Légère oscillation */
}

	
	.wave-container svg {
transform: rotate(180deg); 
    transform: scaleY(-1);
}

	
	@media (max-width: 417px) {
					.logoHeader {
					margin-left: 80px;
				  }
	}
.full-screen-video {
    position: relative; /* Ou absolute selon le besoin */
    top: 0;
    left: 0;
    width: 100vw; /* Prend toute la largeur de l'écran */
    height: auto; /* Ajuste la hauteur pour garder les proportions */
    object-fit: cover; /* Évite les bandes noires */
    z-index: -1; /* Derrière le contenu */
}	





a.contactUs {
    border-radius: 33px;
    background-color: #0433F6;
    padding: 9px 20px;
    color:#F5F5F5;
}

.button-box a{
    border-radius: 33px;
}

.lang-selector:hover .dropdown-flags {
    display: grid!important;
    background-color: black;
}
.lang-selector .dropdown-flags {
    min-width: auto;
    padding: 0px 2px;
    margin: 0;
    list-style: none;
    background-color: white;
    border: 1px solid #000000!important;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    white-space: nowrap;
}

@media (max-width: 930px) {
    .logoMenu {
display:none;
    }
}

.logoHeader {

    margin-right: 55px!important;

}
.lang-selector {
    margin-right: 15px;
}

header{
    height: 114px;
}

.video-heading {
  font-size: clamp(1.5rem, 4vw, 4rem)!important;
}


@media (max-width: 930px) {
    .back-arrow {
        position: absolute;
        top: 15px;
        left: 15px;
        font-size: 24px;
        cursor: pointer;
        color: #212121!important;
        z-index: 10;
    }
}






@media (max-width: 930px) {
    .lang-selector {
        display: inline-block;
        position: absolute!important;
        z-index: 9999;
        margin-bottom: -4px;
        top: 47px;
        right: -4px;
    }
}

sup{display:none;}

.simplexrow{
        width: -webkit-fill-available;
}

.wave-container {
    position: absolute;
    top: -40px!important;
    width: 100%;
    overflow: hidden;
    left: 0px;
    z-index: -1;
}

header{
    
width: -webkit-fill-available!important;
    
}


.tooltip-box strong{
    color:#FF6D00;
}

.video-heading strong{
    color:#FF6D00;
}

.smallEdito strong{
    color:#FF6D00;
}


ul{
    padding-inline-start: 0px!important;
}
 
content{
    max-width:1140px;
    margin:auto;
    margin-top: 40px;

}
#contents{
    display: inline-table;
    padding-left: 10px;
    padding-right: 10px;
    color: #212121;
}
#contents .video-placeholder{
    color: #F5F5F5!important;
}

:root {
    --main-color: #000000;
    --main-color-breadcrumb: #F5F5F5;
    /*main-color: #005dc4; (dark blue) /* Define a color variable named --main-color #146cdf; */
    --darkstyle-background: #212121;
    --darkstyle-textcolor: white;
    --darkstyle-textbold: white;
    --pagination-unselected: #999999;
    --tooltip-label-background: #434343
}

[class^="framer"] {
    opacity: 1 !important;
    white-space: normal !important;
    height:auto !important;
}

.z-\[1000\] {
    color:var(--main-color);
}



body {
    color:white;
} 

.reading-width {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

.simplex_image {
    object-fit: cover;
    border-radius:10px;
}

@media (min-width: 768px) {
    .section-spacing {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}


html, body {
    max-width: 100vw;
    overflow-x: hidden !important;
}

.page-header {
    background: none;
    margin-bottom:10px !important;
}

.container-xxl {
    display:none !important
}


/* Googledocs css adaptation */

.imgFull {
    width:100%; /* for hero */
}


@media (max-width: 600px) {
  li::marker {
    font-size: 0.75em; /* ajuste cette valeur selon vos besoins */
  }
}

@media (min-width:991px){
    #ContactUs{
    display:none;
    }
}

#contents {
    padding-top: 20px !important;
    /*overflow-x:hidden;*/
    /* padding-left:15px; */
}

#contents li { 
    list-style: circle;
    margin: 0;
    padding: 0;
    margin-left: 1em;
}

#contents .simplexcolumn {
    vertical-align: top;
    background-color: #EEEEEE;
    border-radius: 10px;
    padding: 10px 20px 10px 27px;
}

#contents p:empty {
    display: none;
}

#contents img {
    max-width:100%;
}


.tagsContainer {
  margin-top: 1.3rem;
  margin-bottom: 1.3rem !important;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.tagItem {
    display: inline-block;
    padding: 0.3rem 0.6rem;
    text-decoration: none;
    background-color: #e6f5fc;
    color: #000;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
  /* Ajoutez d'autres styles selon vos besoins */
}


.tagline:empty {
  margin-bottom: 0px;
}

.filterDropdown {
    width:100%;
    margin-bottom: 0rem;
    margin-top: 0.5em;
    padding: 10px 10px 10px 0px;
    font-size: 16px;

}

.filterDropdown label {
    margin-right:10px;
}

.filterLabel {
    
    display:inline-block;
    
}

.filterDropdown select {
    background-image: url(/themes/custom/nc2023/build/assets/icons/polygon.svg);
    background-position: right 15px center;
    background-size: 14px;
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    width: auto;
}


.paginationSimplex {
    display:block;
    margin-bottom: 20px;
    margin-top: 35px;
    display: inline-flex;
    width: 100%;
    justify-content: center;
}

.paginationSimplex .pageLink {
    background-color: var(--pagination-unselected);
    color: white;
    padding: 8px 16px;
    margin: 8px;
    text-decoration: none;
}
.paginationSimplex .active {
    pointer-events: none; /* désactive le clic sur la page active */
    background-color: var(--main-color); /* couleur différente pour l'élément actif */
}
.paginationSimplex .pageLink:hover {
    background-color: #009fe3; /* changement de couleur au survol */
}






.simplex_content .darkstyle strong {
    color: var(--darkstyle-textbold);
    
}


.simplex_content .darkstyle {
    position: relative;
    background-color: var(--darkstyle-background);
    color: var(--darkstyle-textcolor);

    padding-bottom: 40px;
    padding-top: 30px;
    margin-top: 20px;
    box-sizing: border-box;
    margin-bottom: 40px;
    
}


.darkstyle:before {
    left: -200%;
}



.darkstyle:after, .darkstyle:before {
    background:  var(--darkstyle-background);

    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 200%;
    z-index: -1;
    box-sizing: border-box;
}

.darkstyle:after {
    right: -200%;
}
.darkstyle:after, .darkstyle:before {
    background:  var(--darkstyle-background);
   
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 200%;
    z-index: -1;
}


/* BOLD */


.simplex_filter.bold {
    
    background-color:#F5F5F5;
    color:#212121;
    border-radius : 15px; 
    margin-top: 40px;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
    
}



.simplex_content .darkstyle h2, .simplex_content .darkstyle h3, .simplex_content .darkstyle h4, .simplex_content .darkstyle h5, .simplex_content .darkstyle h6 {
    color: var(--darkstyle-textbold);
}




.row {
    margin-right: 0px;
    margin-left: 0px;
}

.bg-primary {
    background-color:var(--main-color) !important;
}

h1, h2, h3, h4, h5, h6 {font-weight:700 !important; color:var(--main-breacrumb-color); }

h1{
        margin:0px 10px 0px 10px;
}

.h1 {
    font-size: 18px;
    color: var(--main-color);
    font-style: italic;
}
.h1 span {
    margin-left:10px;
}

h2 {padding:15px 0px 15px;}
h3 {padding:10px 0px 10px;}
h4, h5, h6 {padding:8px 0px 8px;}

.container-xxl {
        padding-top: 0px !important;
}

.navbar-tagline {
                color:white !important;
                font-style: italic;
                margin-right:15px;
}

a.navbar-brand {color:white !important;}


.navbar-toggler-icon::before { content:"☰"; color:white; padding-top:3px;}
.navbar-toggler-icon { padding-top: 3px; }
.navbar button { border-color:white;}


.imgLogo {
    background-color: var(--main-color);
    width: 150px;
    border-right: 18px solid var(--main-color);
    border-left: 18px solid var(--main-color);
    border-top: 8px solid var(--main-color);
    border-bottom: 8px solid var(--main-color);
    font-style: italic;
}

.bg-light {
    background-color: #eceeef!important;
}

button[type="submit"]{
    background-color: var(--main-color);
}

.maintagline {
    text-align:center;
    font-size:2.5em;
    font-weight:500;
    color:var(--main-color-breadcrumb);
}

footer h4, footer h5, footer h6 {
    color:var(--main-breadcrumb-color);
} 

.image-hero-container img {
    border-radius:15px;
}

.footer a {
    color:#212121 !important;
    text-decoration: none;
}
.footer a:hover {
    color:var(--main-color) !important;
    text-decoration: none !important;
}

.footer {
    color:#212121 !important;
	margin-top: 50px;
}

.bi-arrow-up {
    margin-left: -3px;
}

/* Simplex CMS rules */

.imagefull {width:100%};

.column.main {
    
    margin: 0px 20px 0px 16px;
    
}


@media (max-width: 768px) {
    .simplex_content {
        padding: 0px;
    }
    
    .container-xxl {
        padding-right:0px;
        padding-left:0px;
    }
    .column.main {
        
        max-width: calc(100% - 32px) !important;
        
    }
    
    .maintagline {
        text-align:center;   
    }

}



.tagline {
    
}


hr {
    visibility:visible;
    padding-top:10px;
    padding-bottom :10px;
    color:#FFFFFFFF;
}

.simplex_content {
    display: contents;
    line-height: 1.3;
    margin-bottom: 3em;
    text-align:left;
    font-size: 120%;
}   

.simplex_content code {
    
    color:black;

}

.simplex_content h2 { 
    font-size:1.5em;
    color:#212121;
    
}

.simplex_content h3 { 
    font-size:1.4em;
    margin-top: 20px;
    margin-bottom: 10px;
}

.simplex_breadcrumb {
    margin:15px 10px 15px 10px;

    text-align: left;
    color:var( --main-color-breadcrumb) !important;
} 

.simplex_breadcrumb a {
    color:var( --main-color-breadcrumb) !important;
    font-weight: bold;
}
 
.simplexEditoBlock {
    
}

.image-hero-container {
    padding: 20px 0px;
}

.simplex_image {
    display: block;
    border-radius:15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    object-fit: cover;
    background-color:#d7e3f5;
}



	@media (min-width: 575px) {
		.simplexrow {
        color:var(--main-color);

        display: inline-flex;
        margin-top: 20px;
        gap: 24px;


			
		}

		.simplexcolumn {
		display: table-cell;
		vertical-align: middle;
		text-align:left;
		 width:50%;
		padding-right: 20px;
		margin-bottom: 30px;
		padding-bottom: 40px !important;

		}
	}

	@media (max-width: 575px) {
		.simplexrow {
		  display: block;
		  color: black;
		}
        
        .container-xxl {
		   overflow-x:hidden;
		}
		
		.simplexcolumn {
		margin-bottom: 30px;
		text-align:left;
		  
		}
	}

.simplexRoundBorderWhiteBox {
		background-color: rgb(255, 255, 255);
		border: 0px;
		border-radius: 10px;
		color: rgb(80, 35, 20);
		font-size: 0.9875rem;
		fffont-family: 'Flame Sans', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
		-webkit-box-pack: center;
		justify-content: center;
		margin: 5px 0px;
		padding: 12px 24px 12px 12px;
	}
	
	.simplexRoundBorderMaroonBox {
		background-color: rgb(78, 35, 20);
		border: 0px;
		border-radius: 10px;
		color: rgb(245, 235, 220);
		font-size: 0.9375rem;
		fffont-family: 'Flame Sans', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
		-webkit-box-pack: center;
		justify-content: center;
		margin: 5px 0px;
		padding: 12px 24px 12px 12px;
	}
	
	.simplexRoundBorderGreenBox {
		background-color: rgb(27, 135, 55);
		border: 0px;
		border-radius: 10px;
		color: rgb(245, 235, 220);
		font-size: 0.9375rem;
		ffont-family: 'Flame Sans', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
		-webkit-box-pack: center;
		justify-content: center;
		margin: 5px 0px;
		padding: 12px 24px 12px 12px;
	}
	
	.simplexRoundBorderRedBox {
		background-color: rgb(214, 35, 0);
		border: 0px;
		border-radius: 10px;
		color: rgb(245, 235, 220);
		font-size: 0.9375rem;
		ffont-family: 'Flame Sans', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
		-webkit-box-pack: center;
		justify-content: center;
		margin: 5px 0px;
		padding: 12px 24px 12px 12px;
	}


	/* filter */

    .simplex_filter {
        display: flex; 
        flex-wrap: wrap; 
        justify-content: left; 
    }

    .simplex_item_filter {
        margin-bottom: 22px!important;
       padding: 10px;
       box-sizing: border-box;
       width: 100%;
       text-align: left;
       height: auto;
       cursor: pointer;
       margin-bottom: -10px;
       /* transition: opacity 1s ease,transform 1s ease; */
    }


    .simplex_filter h2 {
        color:white;
    }


    @media (max-width:768px){
        .simplex_filter h2 {
            margin: 0px 0px 0px 0px!important;
        }
        
        .simplex_item_filter  {
            margin-bottom: 10px;
        }
        
        .simplex_item_filter p {
            margin-top: -10px;
        }
    }

    @media (min-width: 768px) {
        .simplex_item_filter {
            width: calc(50% - 10px); 
        }
         .simplex_filter h2 {
            margin: 10px 0px 0px 0px!important;
        }
    }

    @media (min-width: 992px) {
        .simplex_item_filter {
            width: calc(33.333% - 10px); 
        }
    }

    .simplex_item_filter a:hover,
    .simplex_item_filter a:focus {
        text-decoration: none;
        color: inherit;
    }

    .simplex_item_filter img {
        width: 100%;
        height: calc(100% * 25 / 30);
        object-fit: cover;
        object-position: top;
        display: block;
        border-radius: 10px;
        margin-bottom: -8px;
    }

    .simplex_item_filter a,
    .simplex_item_filter a:hover {
        text-decoration: none;
        color: inherit;
    }

    .simplex_filter a .tagline {
        text-decoration: none;
        color: black;
    }

    .simplex_filter a h2 {
        text-decoration: underline;
    }

    .simplex_filter h2 {
        margin-top: 15px !important;
        max-height: calc(3.5em);
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        margin-bottom: 0px;
        line-height: 1.1;
        margin-right: 5px;
        font-size:1.3rem;
        
        
    }
    .simplex_item_filter .tagline {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; 
        overflow: hidden; 
        max-height: 2.8em; 
        line-height: 1.4em; 
    }



 /* showcode */
    
    .showcode {
        width:100%;
        padding:20px;
        background-color:#d4efff;
        color:black;
        font-size:14px;
        ffont-family: Monaco, Menlo, Ubuntu Mono, Consolas, source-code-pro, monospace;
        display: block;
        overflow:auto;
    }



     /* Linkedin */
    .linkedin-signature{
        padding:20px 0px;
        display:flex;
    }

    .linkedin-signature .content{
        font-size:0.8em;
    }

    .linkedin-signature .content{
        display:inline-block;
    }

    .linkedin-signature .content span {
        display:block;
    }

    .linkedin-signature .fullname {
        color: var(--main-color);
        font-size:1.2em;
        font-weight: 400;        
    }
    
    .linkedin-signature a {
        background-color:  var(--main-color);
        margin-top: 4px;
        padding: 3px 10px;
        color: white;
        text-decoration: none;
        border-radius: 5px;
        border:1px solid #00bfff;
        display: block;
        font-weight: 600;
        margin-left: -5px;
    }
    
    .linkedin-signature a:hover {
        background-color: #000000;
        border:1px solid #00bfff;
    }


    .linkedin-signature img {
        border: 1px solid deepskyblue;
        margin-top: 4px;
    }


    /* spacer */ 
    
    div.spacer {
    display:block;
    padding-top:40px !important;
        
    }

    /* summaryzone */
    summaryzone {
        display: block;
        margin:20px 0px;
        font-size:1em;
    }
    
    summaryzone a{
        margin:20px 0px;
        font-size:1em;
        color:black;
    }



    /* tooltip-box */
    .tooltip-box {
        margin: 20px 0px 20px;
        padding: 38px 20px 25px 20px;
        display: block;
        position: relative;
        border-radius: 10px;
        background-color: #212121;
        color:#F5F5F5;    
        
    }

    span.tooltip-label {
        position: absolute;
        top: -17px;
        height: fit-content;
        background-color: #424242;
        color: white;
        padding: 7px 17px;
        left: 10px;
        border-radius: 10px;
        font-size: 0.8em;
        font-weight: 500;
    }



    /* filter */

    .simplex_filter {
        display: flex; 
        flex-wrap: wrap; 
        justify-content: left; 
    }


    @media (max-width: 768px) {
        .simplex_item_filter {
             height: unset;
             margin-bottom: 0px;
             
        }
    }

    @media (min-width: 768px) {
        .simplex_item_filter {
            width: calc(50% - 10px); 
        }
    }

    @media (min-width: 992px) {
        .simplex_item_filter {
            width: calc(33.333% - 10px); 
        }
    }
    
    

    .simplexfilter {
        margin-top: -2em;
     }

    .simplex_item_filter a:hover,
    .simplex_item_filter a:focus {
        text-decoration: none;
        color: inherit;
    }

    .simplex_item_filter img {
        width: 100%;
        height: calc(100% * 25 / 30);
        object-fit: cover;
        object-position: top;
        display: block;
        /* border-radius: 10px; */
        margin-bottom: -23px;
    }

    .simplex_item_filter a,
    .simplex_item_filter a:hover {
        text-decoration: none;
        color: inherit;
    }

    .simplex_filter a .tagline {
        text-decoration: none;
        color: black;
    }

    .simplex_filter a h2 {
        text-decoration: underline;
    }

    .simplex_filter h2 {
        /* margin-top: 30px !important; */
    }
    .simplex_item_filter .tagline {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; 
        overflow: hidden; 
        max-height: 2.8em; 
        line-height: 1.4em; 
    }

    /* Knowledge */

    .simplex_answer {
	    padding-bottom: 10px !important;
		margin-bottom: 13px !important;
		margin-top: 10px !important;
		border-left: 1px dotted  var(--main-color) !important;
		padding-left: 10px;
		margin-left: 10px;
		
	}
	
	.simplex_question {
		color: var(--main-color);
		padding-top:20px;
		padding-top:5px;
		
	}


</style><script>window.addEventListener("load", function() {
   //console.clear();
});</script><style id="simplex-lang-flag-fix">.lang-selector{line-height:0!important;}.lang-selector .flag-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border:0!important;background:transparent!important;line-height:0!important;}.lang-selector .flag-toggle img,.lang-selector .dropdown-flags img{display:block!important;width:16px!important;height:12px!important;min-width:16px!important;max-width:16px!important;min-height:12px!important;max-height:12px!important;object-fit:cover!important;}.lang-selector .dropdown-flags img:not([src]),.lang-selector .dropdown-flags img[src=""]{display:none!important;}.lang-selector .dropdown-flags a{line-height:0!important;}</style>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WBST38S" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header>
<a href="https://simplex.live/fr/home.sdex">
  <img class="logoHeader" width="220px" height="70px" src="/images/simplex_logo_branco.png" alt="Simplex Logo">
</a>

  
  <button class="menu-toggle" aria-label="Toggle Menu">&#9776;</button>

  
  
  
  
  
  
<nav>
  <a href="https://simplex.live/fr/a-propos.sdex">à propos</a>
  <div class="dropdown">
    <a class="dropbtn">produits</a>
    <div class="dropdown-content">
      <a href="https://simplex.live/fr/indexa-commerce.sdex">Indexa Commerce</a>
      <a href="https://simplex.live/fr/indexa-magic.sdex">Indexa Magic</a>
      <a href="https://simplex.live/fr/indexa-store-locator.sdex">Indexa Store Locator</a>
      <a href="https://simplex.live/fr/indexa-surface.sdex">Indexa Surface</a>
      <a href="https://simplex.live/fr/sir-cache.sdex">Sir Cache</a>
    </div>
  </div>
  <div class="dropdown">
    <a class="dropbtn">services</a>
    <div class="dropdown-content">
      <a href="https://simplex.live/fr/conseil-en-seo.sdex">Consulting SEO</a>
      <a href="https://simplex.live/fr/operation-growth.sdex">Opérations de croissance</a>
      <a href="https://simplex.live/fr/conseil-en-analytics.sdex">Consulting Analytics</a>
    </div>
  </div>
  <div class="dropdown">
    <a class="dropbtn">découvrez</a>
    <div class="dropdown-content">
      <a href="https://simplex.live/fr/blog.sdex">Blog</a>
      <a href="https://simplex.live/fr/histoires-de-succes.sdex">Histoires de succès</a>
      <a href="https://simplex.live/fr/news.sdex">News</a>
      <a href="https://simplex.live/fr/la-maison-simplex.sdex">Videocast</a>
    </div>
  </div>

  <a class="contactUs" href="https://simplex.live/fr/contactez-nous.sdex">Nous contacter</a>
  </nav>
<script>
document.addEventListener('click', function (e) {
  if (e.target.classList.contains('simplex-dropdown-label')) {
	e.preventDefault();
	const parentLi = e.target.closest('.simplex-dropdown');
	parentLi.classList.toggle('open');
  } else {
	document.querySelectorAll('.simplex-dropdown').forEach(drop => {
	  if (!drop.contains(e.target)) {
		drop.classList.remove('open');
	  }
	});
  }
});
</script>



<style>

header img {
    height: 13px;
}


.lang-selector {
    display: inline-block;
    position: relative;
    z-index: 9999;
    margin-bottom: -4px;
}
.lang-selector .flag-toggle {
  padding: 4px;
  border: none;
  background: transparent;
  cursor: pointer;
}
.lang-selector .dropdown-flags {
  min-width: auto;
  padding: 0px 2px;
  margin: 0;
  list-style: none;
  background-color: white;
  border: 1px solid #ccc;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  white-space: nowrap;
}
.lang-selector:hover .dropdown-flags {
  display: block;
}
.lang-selector .dropdown-flags li {
  display: inline-block;
  margin: 2px;
}
.lang-selector .dropdown-flags a {
  display: inline-block;
  padding: 2px;
}
.lang-selector .dropdown-flags img {
  display: block;
  width: 16px;
  height: 12px;
}
</style>
<div class="lang-selector dropdown">
  <a class="dropdown-toggle flag-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" aria-label="Language selector">
    <img src="https://flagcdn.com/16x12/fr.webp" width="16" height="12">
  </a>
  <ul class="dropdown-menu dropdown-flags">

        <li>
          <a href="https://simplex.live/br/historias-de-sucesso.sdex" class="language-link" hreflang="br" title="Portuguese Br">
            <img src="https://flagcdn.com/16x12/br.webp" width="16" height="12">
          </a>
        </li>
        <li>
          <a href="https://simplex.live/en/success-stories.sdex" class="language-link" hreflang="en" title="English">
            <img src="https://flagcdn.com/16x12/gb.webp" width="16" height="12">
          </a>
        </li></ul></div>
</header>

<content>

<h1>Histoires de Succès</h1>
<div class='simplex_breadcrumb'> <a href='https://simplex.live/en/home.sdex'>home</a> > Histoires de Succès</div><!-- end bc -->
<h2 class="simplex_delivery__tagline maintagline">Histoires de Succès qui </span><strong><span>Transforment les Entreprises</span></strong><span></h2><a href="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdRNARfyR1Nkq4LxPy3fixG1atYmIr1krArl7CPkZxqHj5kvUxb-oZbji7pBaLk-E0jVqRTruVUpEZOdhLoO7tASWVXf11aRqCMQdsdaMNcRH0AWhn6HXY1nS-pU2k1Se0FBH_nxDxlOLY-fqkC_7aEznHd4JpB=s2048?key=UyUULZSJL4aT7uGQfV2FiQ" title="Histoires de Succès" class="simplex_link" onclick="return(false)"  style="cursor:default"><img rloading="lazy" priority="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdRNARfyR1Nkq4LxPy3fixG1atYmIr1krArl7CPkZxqHj5kvUxb-oZbji7pBaLk-E0jVqRTruVUpEZOdhLoO7tASWVXf11aRqCMQdsdaMNcRH0AWhn6HXY1nS-pU2k1Se0FBH_nxDxlOLY-fqkC_7aEznHd4JpB=s2048?key=UyUULZSJL4aT7uGQfV2FiQ" alt="Histoires de Succès" class="simplex_image" width="100%"></a><div class="simplex_content"><div id="contents"><p><span></span></p><p><span arial></span></p><p><span arial></span></p><p><span arial></span></p><p><span arial>

<div class="video-placeholder">


        
</div>

<img id="fullScreenVideo" class="full-screen-video">



<script>
function adjustPlaceholderHeight() {
console.log('taille updated')
    var video = document.getElementById("fullScreenVideo");
    var placeholder = document.querySelector(".video-placeholder");
    

        var videoRatio = video.naturalHeight / video.naturalWidth;
        var newHeight = window.innerWidth * videoRatio;
        placeholder.style.height = newHeight + "px";
        

}

window.addEventListener("load", adjustPlaceholderHeight);
window.addEventListener("resize", adjustPlaceholderHeight);
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
    var placeholder = document.querySelector(".video-placeholder");
  
  
  



        // Récupérer le <h1> existant et la div .simplex_breadcrumb
    var h1 = document.querySelector("h1");
    var breadcrumb = document.querySelector(".simplex_breadcrumb");

    // Les cloner pour ne pas déplacer les originaux
    if (h1) {
        placeholder.appendChild(h1.cloneNode(true));
        h1.remove(); // Supprimer l'original
    }
    if (breadcrumb) {
        placeholder.appendChild(breadcrumb.cloneNode(true));
        breadcrumb.remove(); // Supprimer l'original
    }




    if (placeholder) {


        // Ajouter le texte dans la div .video-heading
        var headingText = document.createElement("h2");
        headingText.classList.add("video-heading");
        headingText.innerHTML = `Histoires de Succès qui </span><strong><span>Transforment les Entreprises</span></strong><span>`;
        placeholder.appendChild(headingText);
        
        var smallEdito1 = document.createElement("div");
        smallEdito1.classList.add("smallEdito");
        placeholder.appendChild(smallEdito1);
        
    var smallEdito = document.querySelector(".smallEdito");
    if (smallEdito) {
        smallEdito.innerHTML = `<p></p>`;
    } 
        
        
    }



    
    
});





document.addEventListener("DOMContentLoaded", function() {
    var sourceImage = document.querySelector('.simplex_image');
    var targetImage = document.querySelector('.full-screen-video');

    if (sourceImage && targetImage) {
        targetImage.src = sourceImage.src;
        targetImage.alt = sourceImage.alt;
    }
});


</script>

<style>

.simplex_link{
    display:none;
}

.contact-button{
    
        margin-bottom: 145px;

    
}
.maintagline{
    display:none;
}


</style>




<style>

.full-screen-video {
    position: absolute;
    top: 115px;
    left: 0;
    width: 100vw;
    height: auto;
    object-fit: cover;
    z-index: -1;
    max-height: 700px;
        min-height: 400px;
}

.video-placeholder {
    width: 100%;
    height: 700px;
    max-height: 700px;
    display: flex;
    align-content: center;
  /*  margin-top: -100px */
    margin-bottom: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    min-height: 400px;
    
}





@media (max-width: 830px) {

        .contact-button {

            width: 150px!important;
            height: 35px!important;
            

        }

}
.content {
    padding: 20px;
    background: white;
    position: relative;
    z-index: 1;
}


        .contact-button {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 200px;
            height: 50px;
            border: 1px solid white;
            background-color: transparent;
            transition: background-color 0.3s, color 0.3s;
            cursor: pointer;
            border-radius: 21px;
        }

        .contact-button a {
            text-decoration: none;
            color: white;
            font-size: 16px;
            font-weight: bold;
        }

        .contact-button:hover {
            background-color: white;
        }

        .contact-button:hover a {
            color: black;
        }
        .smallEdito{
            max-width:880px;
        }
   
   @media (max-width: 460px) {

        .smallEdito{
                font-size: 15px!important;
        }

    }
   
        f
.video-heading {
    font-size: clamp(24px, 5vw, 74px)!important;
        margin: 0px!important;
}
        
        
</style>






</span></p><p><span arial><h2 class="simplex_delivery__tagline"></span><strong><span>Découvrez comment nos solutions innovantes ont propulsé la croissance réelle des entreprises</span></strong><span></h2></span></p><p><span arial>Explorez des histoires de succès qui mettent en avant notre expertise en SEO, contenu piloté par l’IA et optimisation de la performance digitale.</span></p><p><span arial><section class='simplex'><div class='simplex_filter bold' id='moreFilterContainer_1' data-itemsmax='9'><div class="simplex_item_filter" data-tags="histoiresdesucces" data-page="1" style=""><a href="https://simplex.live/fr/histoire-de-succes-leroy-merlin.sdex" title="Histoire de Succès Leroy Merlin"><img loading="lazy" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeNT11hevrpnJVR1w3tvO0mpG-0AsYy_oBqIUKyqXMzjOtKhtY9unWoV2Tx9kQVIj8X4OCuPDz51zwITBVhE9gYAXZJgkkAF5LiGxdKREL8ZJf-Xz3VA7K1mD-vb5hoBmfwyjJb-9ByHaRbPZ1olGDUDRST5Q=s2048?key=UyUULZSJL4aT7uGQfV2FiQ"  alt="Histoire de Succès Leroy Merlin" border="0" width="200" class=""/><h2 class="simplex_delivery__tagline">Histoire de Succès Leroy Merlin</h2><p class="tagline"></p></a></div><div class="simplex_item_filter" data-tags="histoiresdesucces" data-page="1" style=""><a href="https://simplex.live/fr/histoire-de-succes-ci-amp-t.sdex" title="Histoire de Succès CI&amp;T"><img loading="lazy" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfb8fjmKlaejnfoiR9EYLARuDrIuqrhONhdRQs9R_eZ40NQUmpbRoqmuHaWE4W8V1kX2DND1NCW0anZYKYh0qfcCHJj2D7AwdpVTQ6mK6t2QksbgqPhrxXu4tIIDs-5Hu4iuiLsO8lC0_oiHumEW07HwEzFQg1U=s2048?key=UyUULZSJL4aT7uGQfV2FiQ"  alt="Histoire de Succès CI&amp;T" border="0" width="200" class=""/><h2 class="simplex_delivery__tagline">Histoire de Succès CI&amp;T</h2><p class="tagline"></p></a></div><div class="simplex_item_filter" data-tags="histoiresdesucces" data-page="1" style=""><a href="https://simplex.live/fr/histoire-de-succes-conforama.sdex" title="Histoire de Succès Conforama"><img loading="lazy" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXft6JaUo-GL9_bV-mnPZi_vEZlC19bYr0yf7YI2NImE0iIY9rfX2gsFHJ81mq4tIAcUflovAlLIs40TPgAuR6fMIBduYnmbP0mbKk7OPWdu6O3UaHzcQ4SxQVio-zGLi76HPETxQwSmrQYPGDiBE-xlxzJgSCPE=s2048?key=UyUULZSJL4aT7uGQfV2FiQ"  alt="Histoire de Succès Conforama" border="0" width="200" class=""/><h2 class="simplex_delivery__tagline">Histoire de Succès Conforama</h2><p class="tagline"></p></a></div><div class="simplex_item_filter" data-tags="histoiresdesucces" data-page="1" style=""><a href="https://simplex.live/fr/histoire-de-succes-mobly.sdex" title="Histoire de Succès Mobly"><img loading="lazy" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeC4u3bkt7HR2nok36KiZCBool8Da4Ci_zOwOWube8I-zhEuedGTNwA8t6YithA7tRAnqgGr8G9wD73WX9fSsmqzKmNXtkWGfGtKuWPzEHku6q1b3iF1y7lFBj6WBauYCw7NtWmzQJp6tVmmR9yZx2-tvTfNg99=s2048?key=UyUULZSJL4aT7uGQfV2FiQ"  alt="Histoire de Succès Mobly" border="0" width="200" class=""/><h2 class="simplex_delivery__tagline">Histoire de Succès Mobly</h2><p class="tagline"></p></a></div><div class="simplex_item_filter" data-tags="histoiresdesucces" data-page="1" style=""><a href="https://simplex.live/fr/histoires-de-succes-buscape.sdex" title="Histoires de Succès Buscapé"><img loading="lazy" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc8YEVSazlmu9IaBOZ0SGRqm_BStGPZptSBSOL9KwMevl600KpIZs4LAwB1ACQ6JFWQPtHhmKSM3AFnIE0_muQoTW6IRCpafsaSYLlBp3uICqZy-ylVWZiD3vMHsIbANOuElw1jK0TUwt34S3GBIAkMiBPm93jq=s2048?key=UyUULZSJL4aT7uGQfV2FiQ"  alt="Histoires de Succès Buscapé" border="0" width="200" class=""/><h2 class="simplex_delivery__tagline">Histoires de Succès Buscapé</h2><p class="tagline"></p></a></div><div class="simplex_item_filter" data-tags="histoiresdesucces" data-page="1" style=""><a href="https://simplex.live/fr/histoire-de-succes-bunge.sdex" title="Histoire de Succès Bunge"><img loading="lazy" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfuar9BnNhjBGEb41D73dLGmRgcN3Sfp5937GaDH4hcBgQwQpa33mNQ6yCg-p-3lw-ZbDD3ftfwN8J6KBuLRKdh3F0cdE2usPITSY-jjgaj-ajSWqLg1MrNqBUPcVUovbA38CDrCJzchW5IJNJl-kJ-KgXEO85e=s2048?key=UyUULZSJL4aT7uGQfV2FiQ"  alt="Histoire de Succès Bunge" border="0" width="200" class=""/><h2 class="simplex_delivery__tagline">Histoire de Succès Bunge</h2><p class="tagline"></p></a></div><div class="simplex_item_filter" data-tags="histoiresdesucces" data-page="1" style=""><a href="https://simplex.live/fr/histoire-de-succes-melvi.sdex" title="Histoire de Succès Melvi"><img loading="lazy" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXecZg8wNLs8BmX7Q8zM1EVE385vQ42OQRE4DMegn4uBDjd5DVkb9b6JK_021gOJaPyLi4h7HzYchaqjdo4KaB2Bm02n-RZTUuNeoS6mHY9Jp8qhfjYEGAaV5TGuPzUHpeJfPE2j_uAhm9CjXQfMopHFhc2V0Q=s2048?key=UyUULZSJL4aT7uGQfV2FiQ"  alt="Histoire de Succès Melvi" border="0" width="200" class=""/><h2 class="simplex_delivery__tagline">Histoire de Succès Melvi</h2><p class="tagline"></p></a></div></div></section>
<style>
.paginationSimplex .ellipsis{
    padding:0 .4rem;
    pointer-events:none;
    user-select:none;
	padding: 0 .4rem .2rem .4rem;
	align-content: center;
}
</style>
<script>
(function (containerID, paginationID) {

    /* ------------------------------------------------------------------
       Gestion de la pagination concertina
       ------------------------------------------------------------------ */
    function updateConcertina(currentPage){
        var links = document.querySelectorAll("#"+paginationID+" .pageLink");
        var total = links.length;

        /* Cache tout puis ré-affiche ce qu’il faut */
        links.forEach(function(l){ l.style.display = "none"; });

        /* Toujours la première & la dernière */
        if(total){
            links[0].style.display         = "";
            links[total-1].style.display   = "";
        }

        /* Fenêtre coulissante autour de la page courante */
        for(var i = currentPage - 1; i <= currentPage + 1; i++){
            if(i > 1 && i < total){            // 1 & last déjà affichées
                links[i-1].style.display = "";
            }
        }

        /* Gère les points de suspension dynamiques */
        document.querySelectorAll("#"+paginationID+" .ellipsis").forEach(function(e){e.remove();});
        var visibles = Array.from(links).filter(function(l){ return l.style.display !== "none"; });
        for(var k=0;k<visibles.length-1;k++){
            var n1 = parseInt(visibles[k].textContent,10);
            var n2 = parseInt(visibles[k+1].textContent,10);
            if(n2 - n1 > 1){
                var span        = document.createElement("span");
                span.textContent = "...";
                span.className   = "ellipsis";
                visibles[k].after(span);
            }
        }
    }

    /* ------------------------------------------------------------------
       Fonction d’origine + concertina
       ------------------------------------------------------------------ */
    window.goToPage_1 = function(page){

        /* --- logique existante : affichage des items ------------------- */
        var items = document.querySelectorAll("#" + containerID + " [data-page]");
        for(var i=0; i<items.length; i++){
            items[i].style.display = (items[i].getAttribute("data-page") == page) ? "" : "none";
        }

        var paginationLinks = document.querySelectorAll("#" + paginationID + " .pageLink");
        for(var j=0; j<paginationLinks.length; j++){
            if(paginationLinks[j].textContent.trim() == page.toString()){
                paginationLinks[j].classList.add("active");
                paginationLinks[j].style.pointerEvents = "none";
            }else{
                paginationLinks[j].classList.remove("active");
                paginationLinks[j].style.pointerEvents = "auto";
            }
        }

        /* --- nouvelle partie : mise à jour du concertina --------------- */
        updateConcertina(page);

        /* --- scroll doux vers le conteneur ----------------------------- */
        var container = document.getElementById(containerID);
        if(container){
            var rect         = container.getBoundingClientRect();
            var header       = document.querySelector("header");
            var headerHeight = header ? header.offsetHeight : 0;
            var offset       = rect.top + window.pageYOffset - headerHeight;
            window.scrollTo({ top: offset, behavior: "smooth" });
        }
        return false;
    };

    /* ------------------------------------------------------------------
       Init : on lance le concertina sur la page 1 au chargement
       ------------------------------------------------------------------ */
    document.addEventListener("DOMContentLoaded", function(){
        updateConcertina(1);
    });

})("moreFilterContainer_1", "paginationContainer_1");
</script><br><section class='simplex'><div class='simplex_filter'></div></section></span></p></div>
<div class="hr" style="clear: left;"></div></div><!-- found heading --><!-- found image --><!-- found topic --><!-- found image --><!-- found topic -->

</content>

<footer class="footer">

<div class="leftBlock">
  <img class="logoFooter" src="/images/simplex_logo_branco.png" width="220px" height="70px" alt="Logo Simplex">
  <p>&copy;2025 - Simplex</p>
</div>
<div class="rightBlock">
  <div class="social-icons">
    <a href="https://x.com/SimplexLive"><img width="32px" height="32px" src="/images/twitter.png" alt="Twitter"></a>
    <a href="https://www.linkedin.com/company/simplex-live/"><img width="32px" height="32px" src="/images/linkedin.png" alt="LinkedIn"></a>
    <a href="https://www.instagram.com/simplex.live/"><img width="32px" height="32px" src="/images/instagram.png" alt="Instagram"></a>
    <a href="https://www.instagram.com/simplex.live.fr/"><img width="32px" height="32px" src="/images/instagram.png" alt="Instagram"></a>
    <a href="https://www.youtube.com/@simplexlive"><img width="32px" height="32px" src="/images/youtube.png" alt="YouTube"></a>
  </div>

  <div class="links">
    <div class="footer-links">
      <a href="https://simplex.live/sitemap.sdex">Plan du site</a>
    </div>
  
    <div class="footer-links privacy">
      <a href="#">Politique de confidentialit&eacute;</a>
    </div>
  </div>
</div>











</footer>

<script>
  // JavaScript functionality can be added here if needed
  
document.addEventListener("DOMContentLoaded", function () {
  const dropbtns = document.querySelectorAll('.dropbtn');

  // Boucler sur chaque &eacute;l&eacute;ment .dropbtn
  dropbtns.forEach((dropbtn) => {
    // R&eacute;cup&eacute;rer le contenu du dropdown associ&eacute;
    const dropdownContent = dropbtn.nextElementSibling;

    // D&eacute;finir la largeur du contenu du dropdown &agrave; celle du bouton
    if (dropdownContent) {
      dropdownContent.style.minWidth = `${dropbtn.offsetWidth}px`;
    }
  });

  document.querySelectorAll(".dropdown").forEach((dropdown) => {
    const dropbtn = dropdown.querySelector(".dropbtn");
    const dropdownContent = dropdown.querySelector(".dropdown-content");

    if (dropbtn && dropdownContent) {
      dropbtn.addEventListener("mouseenter", function () {
        // Reset position
        dropdownContent.style.left = "0";
        dropdownContent.style.right = "auto";

        // Get bounding information
        const rect = dropdownContent.getBoundingClientRect();
        const viewportWidth = window.innerWidth;

        // If the dropdown overflows on the right, move it to the left
        if (rect.right > viewportWidth) {
          dropdownContent.style.left = "auto";
          dropdownContent.style.right = "0"; // Align it to the right of the dropdown container
        }
      });
    }
  });
});
  
  
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
    const menuToggle = document.querySelector(".menu-toggle");
    const navMenu = document.querySelector("nav");

    // Toggle main menu visibility
    menuToggle.addEventListener("click", function() {
        navMenu.classList.toggle("show");
		document.querySelectorAll(".dropdown-subitem").forEach((el) => el.classList.remove("active"));
		document.querySelectorAll(".dropdown").forEach((el) => el.classList.remove("active"));
    });

    // Handle clicks on dropdown buttons
    document.querySelectorAll(".dropdown > .dropbtn").forEach((btn) => {
        btn.addEventListener("click", function(event) {
            event.preventDefault(); // Prevent default link behavior
            const parent = this.closest(".dropdown");

            // Close other dropdowns before opening the clicked one
            document.querySelectorAll(".dropdown").forEach((el) => {
                if (el !== parent) el.classList.remove("active");
            });

            // Toggle only the clicked dropdown
            parent.classList.toggle("active");
        });
    });

    // Handle clicks on sub-dropdown buttons
    document.querySelectorAll(".dropdown-subitem.has-sub > a").forEach((btn) => {
        btn.addEventListener("click", function(event) {
            event.preventDefault();
            const parent = this.closest(".dropdown-subitem");

            // Close other sub-dropdowns before opening the clicked one
            document.querySelectorAll(".dropdown-subitem").forEach((el) => {
                if (el !== parent) el.classList.remove("active");
            });

            // Toggle only the clicked sub-dropdown
            parent.classList.toggle("active");
        });
    });

    // Close menu when clicking outside
    document.addEventListener("click", function(event) {
        if (!event.target.closest(".dropdown") && !event.target.closest(".menu-toggle")) {
            document.querySelectorAll(".dropdown").forEach((el) => el.classList.remove("active"));
        }
    });

if (window.innerWidth < 930) {
    document.querySelectorAll(".dropdown-content").forEach((menu) => {
        const backArrow = document.createElement("span");
        backArrow.classList.add("back-arrow");
        backArrow.innerHTML = "&#8592;"; // Left arrow
        backArrow.addEventListener("click", function() {
            menu.classList.remove("show");
            const parent = this.closest(".dropdown");
            document.querySelectorAll(".dropdown-subitem").forEach((el) => el.classList.remove("active"));
            parent.classList.remove("active");
        });
        menu.insertBefore(backArrow, menu.firstChild);
    });
}


});




</script>
<script>

function toggleLogoMenu() {
    var dropdowns = document.querySelectorAll('.dropdown-content');
    var existingLogos = document.querySelectorAll('.logoMenu');
    var screenWidth = window.innerWidth;
    
    if (screenWidth <= 930) {
        dropdowns.forEach(function(dropdown) {
            if (!dropdown.querySelector('.logoMenu')) {
                var img = document.createElement('img');
                img.src = 'simplex_logo_branco _short.png';
                img.classList.add('logoMenu');
                dropdown.prepend(img);
            }
        });
    } else {
        existingLogos.forEach(function(logo) {
            logo.remove();
        });
    }
}

// V&eacute;rifier au chargement et lors du redimensionnement
window.addEventListener('load', toggleLogoMenu);
window.addEventListener('resize', toggleLogoMenu);



let resizeTimer;

window.addEventListener("resize", function () {
    document.querySelector("nav").classList.add("no-transition");
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout(() => {
        document.querySelector("nav").classList.remove("no-transition");
    }, 100); // Ajustez si n&eacute;cessaire
});



</script>


<script>
function toggleWave() {
  let dropdownContents = document.querySelectorAll('.dropdown-content');

  dropdownContents.forEach(dropdownContent => {
    let existingWave = dropdownContent.querySelector('.wave-container');

    if (window.innerWidth < 830) {
      if (!existingWave) {
        let waveContainer = document.createElement('div');
        waveContainer.classList.add('wave-container');
        waveContainer.innerHTML = `
          <svg width="100%" height="120px" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">

			<!-- Vague 1 -->
			<path class="wave">
			  <linearGradient id="grad1-inline" x1="0%" y1="0%" x2="100%" y2="0%">
				<stop offset="0%" stop-color="#7FC8F8" />
				<stop offset="50%" stop-color="#4FB0E8" />
				<stop offset="100%" stop-color="#1C91D8" />
				</linearGradient>
			  <animateTransform attributeName="fill" type="fill" />
			  <animate attributeName="d" dur="6s" repeatCount="indefinite"
				values="M0 50 C 300,150 600,-50 900,50 V150 H0 Z;
						M0 60 C 350,130 700,-40 900,60 V150 H0 Z;
						M0 50 C 300,150 600,-50 900,50 V150 H0 Z;">
			  </animate>
			  <set attributeName="fill" to="rgb(127,200,248)" begin="0s" />
			  <animate attributeName="fill" dur="6s" repeatCount="indefinite"
				values="rgb(127,200,248); rgb(75,176,232); rgb(28,145,216); rgb(127,200,248)">
			  </animate>
			</path>

			<!-- Vague 2 (décalée) -->
			<path class="wave wave-2">
			  <linearGradient id="grad2-inline" x1="0%" y1="0%" x2="100%" y2="0%">
				<stop offset="0%" stop-color="#A3D5FF" />
				<stop offset="50%" stop-color="#5BB5E8" />
				<stop offset="100%" stop-color="#1E90FF" />
			  </linearGradient>
			  <animateTransform attributeName="fill" type="fill" />
			  <animate attributeName="d" dur="8s" repeatCount="indefinite"
				values="M0 60 C 250,140 550,-40 850,60 V150 H0 Z;
						M0 55 C 280,120 580,-30 880,55 V150 H0 Z;
						M0 60 C 250,140 550,-40 850,60 V150 H0 Z;">
			  </animate>
			  <set attributeName="fill" to="rgb(163,213,255)" begin="0s" />
			  <animate attributeName="fill" dur="8s" repeatCount="indefinite"
				values="rgb(163,213,255); rgb(91,181,232); rgb(30,144,255); rgb(163,213,255)">
			  </animate>
			</path>

			<!-- Vague 3 (décalée) -->
			<path class="wave wave-3">
			  <linearGradient id="grad3-inline" x1="0%" y1="0%" x2="100%" y2="0%">
				<stop offset="0%" stop-color="#B7E3FF" />
				<stop offset="50%" stop-color="#6EC1E8" />
				<stop offset="100%" stop-color="#3398FF" />
			  </linearGradient>
			  <animateTransform attributeName="fill" type="fill" />
			  <animate attributeName="d" dur="10s" repeatCount="indefinite"
				values="M0 55 C 280,120 580,-30 880,55 V150 H0 Z;
						M0 50 C 320,100 620,-20 920,50 V150 H0 Z;
						M0 55 C 280,120 580,-30 880,55 V150 H0 Z;">
			  </animate>
			  <set attributeName="fill" to="rgb(183,227,255)" begin="0s" />
			  <animate attributeName="fill" dur="10s" repeatCount="indefinite"
				values="rgb(183,227,255); rgb(110,193,232); rgb(51,152,255); rgb(183,227,255)">
			  </animate>
			</path>
          </svg>
        `;
        dropdownContent.appendChild(waveContainer);
      }
    } else {
      if (existingWave) {
        existingWave.remove();
      }
    }
  });
}

window.addEventListener('DOMContentLoaded', toggleWave);
window.addEventListener('resize', toggleWave);
</script>




<script>


document.addEventListener('DOMContentLoaded', function() {
    // S&eacute;lectionner toutes les images
    var images = document.querySelectorAll('img[title]');

    // It&eacute;rer sur chaque image
    images.forEach(function(img) {
        // Obtenir la valeur du title
        var title = img.getAttribute('title').toLowerCase();

        // V&eacute;rifier si 'lazy' est dans le titre et appliquer loading="lazy"
        if (title.includes('lazy')) {
            img.setAttribute('loading', 'lazy');
        }
    });
});
document.addEventListener('DOMContentLoaded', function() {
if (!document.querySelector('.sharpspring_form')) {
    
    // Supprimer tous les <span> vides
    var spans = document.querySelectorAll('span');
    spans.forEach(function (span) {
      if (span.textContent.trim() === '' && span.children.length === 0) {
        span.remove();
      }
    });

    // Supprimer les <strong><span></span></strong> vides
    var strongs = document.querySelectorAll('strong');
    strongs.forEach(function (strong) {
      if (
        strong.children.length === 1 &&
        strong.children[0].tagName === 'SPAN' &&
        strong.children[0].textContent.trim() === ''
      ) {
        strong.remove();
      }
    });

    // Nettoyage des <p>
    var paras = document.querySelectorAll('p');
    paras.forEach(function (p) {
      var html = p.innerHTML.trim();

      // Supprimer les <p> compl&egrave;tement vides
      if (html === '' && p.children.length === 0) {
        p.remove();
        return;
      }

      // Supprimer les <p> contenant uniquement un <span> vide
      if (
        p.children.length === 1 &&
        p.children[0].tagName === 'SPAN' &&
        p.children[0].textContent.trim() === ''
      ) {
        while (p.firstChild) {
          p.parentNode.insertBefore(p.firstChild, p);
        }
        p.remove();
        return;
      }

      // Supprimer les <p> contenant uniquement <strong><span></span></strong>
      if (
        p.children.length === 1 &&
        p.children[0].tagName === 'STRONG' &&
        p.children[0].children.length === 1 &&
        p.children[0].children[0].tagName === 'SPAN' &&
        p.children[0].children[0].textContent.trim() === ''
      ) {
        while (p.firstChild) {
          p.parentNode.insertBefore(p.firstChild, p);
        }
        p.remove();
        return;
      }
    });

    // Supprimer le premier &eacute;l&eacute;ment de #contents si tous ses enfants sont <br>
    var contents = document.getElementById('contents');
    if (contents && contents.firstElementChild) {
      var firstChild = contents.firstElementChild;
      var onlyBrs = true;

      // V&eacute;rifie si tous les enfants sont des <br>
      for (var i = 0; i < firstChild.childNodes.length; i++) {
        var node = firstChild.childNodes[i];
        if (!(node.nodeType === 1 && node.tagName === 'BR')) {
          if (node.nodeType === 3 && node.textContent.trim() === '') {
            continue; // Ignore les textes vides
          }
          onlyBrs = false;
          break;
        }
      }

      if (onlyBrs) {
        firstChild.remove();
      }
    }

  }
});


</script></body>
</html>

<!-- before loading template |  time = 0.00012302398681641 s -->
<!-- after loading template |  time = 0.0029158592224121 s -->
<!-- before loading content |  time = 0.0029230117797852 s -->
<!-- before loading knowledge |  time = 0.020707845687866 s -->
<!-- after loading knowledge |  time = 0.02096700668335 s --><!-- found metadesc --><!-- found canonical --><!-- found waves -->
<!-- https://simplex.live/to_searchdex.php?q=fr/histoires-de-succes |  time = 0.032785892486572 s --><!-- found topic --><!-- found topic --><!-- found topic -->