<!DOCTYPE html>
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="UTF-8">
<title>SteriFrance : Hygiène et désinfection</title>
<link rel="icon" type="image/png" href="images/favicon/favicon.png">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/colors/steri01.css" id="colors">
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
<style type="text/css">
body {
background-image: url(images/brushed_alu.png);
}
</style>
<!-- Java Script
================================================== -->
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="scripts/jquery.flexslider.js" defer></script>
<script src="scripts/jquery.selectnav.js"></script>
<script src="scripts/jquery.twitter.js"></script>
<script src="scripts/jquery.modernizr.js"></script>
<script src="scripts/jquery.easing.1.3.js"></script>
<script src="scripts/jquery.contact.js"></script>
<script src="scripts/jquery.isotope.min.js"></script>
<script src="scripts/jquery.jcarousel.js"></script>
<script src="scripts/jquery.fancybox.min.js"></script>
<script src="scripts/jquery.transit-modified.js"></script>
<script src="scripts/layerslider.transitions.js"></script>
<script src="scripts/layerslider.kreaturamedia.jquery.js"></script>
<script src="scripts/greensock.js"></script>
<script src="scripts/jquery.shop.js"></script>
<script src="scripts/custom.js" defer></script>
</head>
<body>
<!-- Wrapper / Start -->
<div id="wrapper">
<!-- Header
================================================== -->
<div id="top-line"></div>
<!-- 960 Container -->
<div class="container">
<!-- Header -->
<header id="header">
<!-- Logo -->
<div class="ten columns">
<div id="logo">
<h1><a href="index.html"><img src="images/SteriFrance_logo.svg" alt="Sterifrance"/></a></h1>
<div class="clearfix"></div>
</div>
</div>
<!-- Social / Contact -->
<div class="six columns">
<!-- Social Icons -->
<ul class="social-icons">
<li class="linkedin"><a href="https://www.linkedin.com/company/sterifrance/" target= "_blank">Linkedin</a></li>
<li class="youtube"><a href="https://www.youtube.com/channel/UCVxJQ6x7_d6bxTqsLHN8Tmw" target= "_blank">YouTube</a></li>
<li class="spain"><a href="index_esp.html">Español</a></li>
<li class="france"><a href="index.html">Français</a></li>
<li class="uk"><a href="index_eng.html">English</a></li>
</ul>
<div class="clearfix"></div>
<!-- Contact Details -->
<div class="contact-details"><i class="halflings gray envelope"></i><a href="contact.html">Nous Contacter</a>
</div>
<br />
<div class="contact-details"><i class="icon-phone"></i> +33 1 39 44 93 40</div>
<div class="clearfix"></div>
<!-- Search -->
<nav class="top-search">
<form onsubmit="return handleSearch(event)">
<button type="submit" class="search-btn"></button>
<input class="search-field" type="text" id="searchBox" onblur="if(this.value=='')this.value='Search';" onfocus="if(this.value=='Search')this.value='';" value="Search">
</form>
</nav>
<script>
function handleSearch(event) {
event.preventDefault(); // Evita que el formulario se envíe de manera tradicional
const searchBox = document.getElementById("searchBox");
const query = searchBox.value.trim().toLowerCase();
if (query && query !== "search") {
localStorage.setItem("searchQuery", query); // Guarda la búsqueda
window.location.href = "search_results.html"; // Redirige a la página de resultados
}
}
</script>
</div>
</header>
<!-- Header / End -->
<div class="clearfix"></div>
</div>
<!-- 960 Container / End -->
<!-- Navigation
================================================== -->
<nav id="navigation" class="style-1">
<div class="left-corner"></div>
<div class="right-corner"></div>
<ul class="menu" id="responsive">
<li><a href="index.html"> <i class="halflings white home"></i> Accueil</a></li>
<li><a href="#" class="no-link"><i class="white icon-hospital-o"></i> Hôpitaux et cliniques </a>
<!-- Second Level / Start -->
<ul>
<li><a href="instrumentation.html">Instrumentation</a></li>
<li><a href="endoscopie.html">Endoscopie</a></li>
<li><a href="#" class="no-link">Sols et Surfaces</a>
<!-- Third Level / Start -->
<ul>
<li><a href="sols_surfaces.html">Désinfection des Dispositifs Médicaux</a></li>
<li><a href="bionettoyage.html">Bionettoyage des Surfaces</a></li>
</ul>
<!-- Third Level / End -->
</li>
<li><a href="hygiene_mains.html">Hygiène des Mains</a></li>
<li><a href="filtration_eau.html">Filtration de l'eau</a></li>
<li><a href="lave_bassin.html">Lave-Bassin</a></li>
</ul>
<!-- Second Level / End -->
</li>
<li><a href="medliberale.html"><i class="white icon-stethoscope"></i> Médecine Libérale </a></li>
<li><a href="industries.html"><i class="icon-building-o"></i> Industries </a></li>
<li><a href="laboratoires.html"><i class="icon-flask"></i> Laboratoires de Recherche </a></li>
<li><a href="mednucleaire.html"><i class="icon-spinner"></i> Médecine Nucléaire </a></li>
</ul>
</nav>
<div class="clearfix"></div>
<!-- Content
================================================== -->
<div id="content">
<!-- FlexSlider -->
<section class="flexslider home">
<ul class="slides">
<li><img src="images/slide_04_ok_home.jpg" alt="" />
<article class="slide-caption">
<h3>Fabricant Français</h3>
<p style="text-align: justify;">Depuis 1976, nos laboratoires se sont imposés comme l’un des principaux acteurs du secteur de l’hygiène hospitalière en France et à l’international.</p>
<br />
<a href="presentation.html" class="button medium color">Voir Présentation</a><br />
</article>
</li>
<li><img src="images/slide_01_ok_home.jpg" alt="" />
<article class="slide-caption">
<h3>Traitement de l’instrumentation</h3>
<p style="text-align: justify;">Avant utilisation au bloc opératoire, l’instrumentation chirurgicale doit être nettoyée et stérilisée.</p>
<br />
<a href="instrumentation.html" class="button medium color">Voir Instrumentation</a><br />
</article>
</li>
<li><img src="images/slide_02_ok_home.jpg" alt="" />
<article class="slide-caption">
<h3>Hygiène des Mains</h3>
<p style="text-align: justify;">L’hygiène des mains est indispensable pour tous, elle permet la prévention des infections associées aux soins et de l’antibiorésistance et elle réduit la transmission manuportée de virus et de bactéries.</p>
<br />
<a href="hygiene_mains.html" class="button medium color">Voir Hygiène des Mains</a><br />
</article>
</li>
<li><img src="images/slide_03_ok_home.jpg" alt="" />
<article class="slide-caption">
<h3>Responsabilité Sociétale et Environnementale</h3>
<p style="text-align: justify;">Au coeur de notre engagement.</p>
<br />
<a href="quality.html" class="button medium color">Voir Qualité, Sécurité et Environnement</a><br />
</article>
</li>
</ul>
</section>
<!-- FlexSlider / End -->
<!-- 960 Container -->
<div class="container floated">
<!-- Sidebar -->
<div class="four floated sidebar left">
<aside class="sidebar padding-reset">
<!-- Categories -->
<div class="widget">
<a href="presentation.html" style="display: flex; align-items: baseline;">
<i class="icon-tint" style="margin-right: 10px; margin-bottom: -3px;"></i>
<h4 style="margin-bottom: -3px;">Présentation</h4>
</a>
</div>
<div class="widget">
<a href="r_d.html" style="display: flex; align-items: baseline;">
<i class="icon-search" style="margin-right: 5px; margin-bottom: -3px;"></i>
<h4 style="margin-bottom: -3px;">Recherche et Développement</h4>
</a>
</div>
<div class="widget">
<a href="quality.html" style="display: flex; align-items: baseline;">
<i class="icon-recycle" style="margin-right: 5px; margin-bottom: -3px;"></i>
<h4 style="margin-bottom: -3px;">Qualité, Sécurité et Environnement</h4>
</a>
</div>
<div class="widget">
<a href="presence.html" style="display: flex; align-items: baseline;">
<i class="icon-globe" style="margin-right: 5px; margin-bottom: -3px;"></i>
<h4 style="margin-bottom: -3px;">Présence à l’International</h4>
</a>
</div>
<div class="widget">
<a href="actualites.html" style="display: flex; align-items: baseline;">
<i class="icon-list-alt" style="margin-right: 5px; margin-bottom: -3px;"></i>
<h4 style="margin-bottom: -3px;">Actualités</h4>
</a>
</div>
<div class="widget">
<a href="carrieres.html" style="display: flex; align-items: baseline;">
<i class="icon-briefcase" style="margin-right: 5px; margin-bottom: -3px;"></i>
<h4 style="margin-bottom: -3px;">Carrières</h4>
</a>
</div>
<div class="widget">
<a href="contact.html" style="display: flex; align-items: baseline;">
<i class="icon-envelope-o" style="margin-right: 5px; margin-bottom: -3px;"></i>
<h4 style="margin-bottom: -3px;">Nous Contacter</h4>
</a>
</div>
</aside>
</div>
<!-- Sidebar / End -->
<!-- Page Content -->
<style>
.image-left,
.image-right {
border-radius: 10px; /* ajusta el valor para cambiar el nivel de redondez */
}
</style>
<div class="eleven floated right">
<div class="page-content">
<h3 class="margin-reset" style="color: #004b87;">L’HYGIÈNE AU COEUR DE NOTRE SANTÉ</h3><br />
<h3 class="margin-reset" style="color: #004b87;"> ACTUALITES </h3>
<div style="display: flex; gap: 20px; align-items: flex-start;">
<div style="display: flex; flex-direction: column; align-items: flex-start; flex: 1;">
<a href="actualites.html">
<img src="images/actualites_01_home.jpg" style="width: 100%; border: 2px solid #ccc; padding: 3px;" alt="" />
</a>
<ul style="margin-top: 10px;">
<li><strong>📍 SteriFrance sera présent au World Health Expo Dubai 2026</strong></li>
<br>
<li><a href="actualites.html">Nous sommes ravis d’annoncer notre participation au World Health Expo Dubai 2026, un rendez-vous international majeur pour les acteurs de la santé et de l’hygiène.</a></li>
</ul>
</div>
<div style="display: flex; flex-direction: column; align-items: flex-start; flex: 1;">
<a href="actualites.html">
<img src="images/actualites_02_home.jpg" style="width: 100%; border: 2px solid #ccc; padding: 3px;" alt="" />
</a>
<ul style="margin-top: 10px;">
<li><strong>[Vie Interne 🚀] </strong></li>
<br>
<li><a href="actualites.html">✨ Retour sur notre réunion commerciale ✨</a></li>
</ul>
</div>
<div style="display: flex; flex-direction: column; align-items: flex-start; flex: 1;">
<a href="actualites.html">
<img src="images/actualites_03_home.jpg" style="width: 100%; border: 2px solid #ccc; padding: 3px;" alt="" />
</a>
<ul style="margin-top: 10px;">
<li><strong>🎉 Notre société fête ses 50 ans ce mois-ci ! 🎉</strong></li>
<br>
<li><a href="actualites.html">En janvier 2026, Nous célébrons 50 ans d’engagement au service de l’hygiène hospitalière, de la désinfection et de la prévention du risque infectieux.</a></li>
</ul>
</div>
</div>
<br />
</div>
</div>
<!-- Page Content / End -->
</div>
<!-- 960 Container / End -->
<!-- Footer
================================================== -->
<!-- Footer / Start -->
<footer id="footer">
<!-- 960 Container -->
<div class="container">
<!-- About -->
<div class="four columns">
<img id="logo-footer" src="images/SteriFrance_logofooter.svg" alt="" />
<p>Le Groupe SteriFrance, spécialiste en hygiène et désinfection, met son expertise à votre service.</p>
</div>
<!-- Contact Details -->
<div class="eigth columns">
<h4>Détails du Contact</h4>
<ul class="contact-details-alt">
<li><i class="halflings white home"></i><p><strong>Adresse :</strong> 40 Rue du Chemin Vert 78610 Le Perray en Yvelines – France</p></li>
<li><i class="halflings white phone"></i> <p><strong>Téléphone:</strong> +33 (0)1 39 44 93 40</p></li>
<li><i class="halflings white envelope"></i> <p><strong>E-mail:</strong> <a href="mailto:contact@sterifrance.com">contact@sterifrance.com</a></p></li>
</ul>
</div>
</div>
<!-- 960 Container / End -->
</footer>
<!-- Footer / End -->
<!-- Footer Bottom / Start -->
<footer id="footer-bottom">
<!-- 960 Container -->
<div class="container">
<!-- Copyrights -->
<div class="eight columns">
<div class="copyright">
Webpage design <a href="http://elotevisual.com" target="_blank">Elotevisual</a>. All Rights Reserved.
</div>
</div>
<!-- Menu -->
<div class="eight columns">
<nav id="sub-menu">
<ul>
<li><a href=""> </a></li> <!-- para poner de nuevo este link: <p><a href="connecter.html"> Se connecter </a></p> -->
<li><a href="legales.html">Mentions Légales</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</div>
<!-- 960 Container / End -->
</footer>
<!-- Footer Bottom / End -->
<script>
document.addEventListener('DOMContentLoaded', function() {
var noLinkElements = document.querySelectorAll('a.no-link');
noLinkElements.forEach(function(link) {
link.addEventListener('click', function(event) {
event.preventDefault();
});
});
});
</script>
<!-- Compatibility Scripts for Older IE Versions -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
</body>
</html>
