<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Certification ISO 9001 pour l’industrie</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Certification ISO 9001 pour les industries de transformation de matériaux : caoutchouc, plastiques, composites, métaux. Solutions qualité pour compounders et industriels B2B.">
<meta name="keywords" content="certification ISO 9001, transformation matériaux, compounders, caoutchouc, plastiques, composites, métaux, qualité industrielle">
<meta property="og:title" content="Certification ISO 9001 pour l'industrie de transformation de matériaux">
<meta property="og:description" content="Accompagnement expert pour l'obtention de certification ISO 9001 des compounders et industriels dans la transformation de caoutchouc, plastiques, composites et métaux.">
<meta property="og:image" content="https://certification-iso9001.fr/images/iso9001-og-image.webp">
<meta property="og:url" content="https://certification-iso9001.fr">
<link rel="canonical" content="https://certification-iso9001.fr">
<meta property="og:type" content="website">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Certification-ISO9001.fr",
"url": "https://certification-iso9001.fr",
"logo": "https://certification-iso9001.fr/images/logo.webp",
"description": "Expert en certification ISO 9001 pour les industries de transformation de matériaux, offrant des solutions qualité pour caoutchouc, plastiques, composites et métaux.",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+33-1-23-45-67-89",
"contactType": "Customer Service",
"email": "contact@certification-iso9001.fr"
}
}
</script>
<link rel="icon" type="image/webp" href="/images/favicon.webp">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Roboto:wght@400;700&display=swap" as="style" onload="this.rel='stylesheet'">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Roboto', sans-serif;
line-height: 1.6;
color: #2D2D2D;
background-color: #F8F9FA;
}
a:focus, button:focus {
outline: 3px solid #C8102E;
outline-offset: 2px;
}
header {
background: linear-gradient(90deg, #003087 0%, #00205B 100%);
color: #FFFFFF;
padding: 1.5rem 2rem;
position: sticky;
top: 0;
z-index: 1000;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.header-container {
max-width: 1400px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.logo img {
max-width: 180px;
height: auto;
}
nav ul {
list-style: none;
display: flex;
gap: 2rem;
}
nav li {
position: relative;
}
nav a {
color: #FFFFFF;
text-decoration: none;
font-weight: 700;
font-size: 1.1rem;
transition: color 0.3s;
}
nav a:hover {
color: #C8102E;
}
/* Sous-menu */
.dropdown {
position: relative;
}
.dropdown-content {
display: none;
position: absolute;
background: #FFFFFF;
min-width: 200px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border-radius: 4px;
z-index: 1;
top: 100%;
left: 0;
}
.dropdown-content a {
color: #2D2D2D;
padding: 0.75rem 1rem;
display: block;
font-weight: 400;
}
.dropdown-content a:hover {
background: #C8102E;
color: #FFFFFF;
}
.dropdown:hover .dropdown-content {
display: block;
}
.hero {
background: url('/images/hero-materials.webp') no-repeat center/cover;
color: #FFFFFF;
text-align: center;
padding: 6rem 2rem;
position: relative;
}
.hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 48, 135, 0.7);
z-index: 1;
}
.hero-content {
position: relative;
z-index: 2;
max-width: 900px;
margin: 0 auto;
}
.hero h1 {
font-family: 'Montserrat', sans-serif;
font-size: 3.2rem;
margin-bottom: 1rem;
}
.hero p {
font-size: 1.3rem;
margin-bottom: 2rem;
}
.cta-button {
display: inline-block;
background-color: #C8102E;
color: #FFFFFF;
padding: 1rem 2rem;
text-decoration: none;
border-radius: 6px;
font-weight: 700;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: transform 0.2s, box-shadow 0.2s;
}
.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}
.section {
max-width: 1400px;
margin: 3rem auto;
padding: 0 2rem;
}
.section h2 {
font-family: 'Montserrat', sans-serif;
font-size: 2.2rem;
color: #003087;
text-align: center;
margin-bottom: 2rem;
}
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
}
.service-card {
background: #FFFFFF;
border-radius: 8px;
padding: 2rem;
text-align: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s, box-shadow 0.3s;
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.service-card i {
font-size: 2.5rem;
color: #C8102E;
margin-bottom: 1rem;
}
.service-card h3 {
font-family: 'Montserrat', sans-serif;
font-size: 1.5rem;
color: #2D2D2D;
margin-bottom: 1rem;
}
.case-study {
background: #F8F9FA;
padding: 4rem 2rem;
}
.case-study-content {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
align-items: center;
}
.case-study-text {
animation: fadeIn 1s ease-in;
}
.case-study-text h2 {
font-family: 'Montserrat', sans-serif;
font-size: 2rem;
color: #003087;
margin-bottom: 1rem;
text-align: left;
}
.case-study-text p {
margin-bottom: 1.5rem;
}
.case-study-text ul {
list-style: none;
margin-bottom: 2rem;
}
.case-study-text ul li {
position: relative;
padding-left: 2rem;
margin-bottom: 1rem;
font-size: 1.1rem;
}
.case-study-text ul li::before {
content: '\f058';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
color: #C8102E;
position: absolute;
left: 0;
top: 0;
}
.case-study-image img {
max-width: 100%;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
animation: fadeIn 1s ease-in;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
footer {
background: #2D2D2D;
color: #FFFFFF;
padding: 3rem 2rem;
}
.footer-container {
max-width: 1400px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 2rem;
}
footer a {
color: #C8102E;
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.hero h1 {
font-size: 2.2rem;
}
.hero p {
font-size: 1.1rem;
}
nav ul {
flex-direction: column;
gap: 1rem;
}
.header-container {
flex-direction: column;
gap: 1rem;
}
.case-study-content {
grid-template-columns: 1fr;
text-align: center;
}
.case-study-text h2 {
text-align: center;
}
.case-study-image {
order: -1;
}
}
img {
max-width: 100%;
height: auto;
opacity: 1;
transition: opacity 0.3s ease-in;
}
@font-face {
font-family: 'Montserrat';
font-weight: 600;
font-display: swap;
/* src: url('/fonts/montserrat-600.woff2') format('woff2'); */
}
</style>
</head>
<body>
<header>
<div class="header-container">
<div class="logo">
<a href="/" aria-label="Retour à l'accueil de Certification-ISO9001.fr">
<img src="/images/logo.webp" alt="Logo Certification-ISO9001.fr" width="180" height="60">
</a>
</div>
<nav aria-label="Menu principal">
<ul>
<li><a href="#/services">Services</a></li>
<li><a href="#/iso9001">Norme ISO 9001</a></li>
<li class="dropdown">
<a href="/secteurs" aria-haspopup="true" aria-expanded="false">Secteurs</a>
<div class="dropdown-content" role="menu">
<a href="#/secteurs/caoutchouc">Caoutchouc</a>
<a href="#/secteurs/plastiques">Plastiques</a>
<a href="#/secteurs/composites">Composites</a>
<a href="#/secteurs/metaux">Métaux</a>
</div>
</li>
<li><a href="#/contact">Contact</a></li>
</ul>
</nav>
</div>
</header>
<section class="hero" aria-label="Introduction">
<div class="hero-content">
<h1>Certification ISO 9001 pour l'industrie de transformation de matériaux</h1>
<p>Optimisez vos processus de compounding et de transformation de caoutchouc, plastiques, composites et métaux avec la certification ISO 9001. Nos solutions B2B garantissent qualité, traçabilité et conformité.</p>
<a href="#contact" class="cta-button" aria-label="Demander un devis pour la certification ISO 9001">Demander un Devis</a>
</div>
</section>
<section class="section" aria-label="Défis de la transformation de matériaux">
<h2>Défis des industries de transformation de matériaux</h2>
<div class="services-grid">
<div class="service-card">
<i class="fas fa-cogs"></i>
<h3>Qualité et traçabilité</h3>
<p>Assurez une qualité constante dans la production de compounds pour pneus, joints ou pièces techniques, avec une traçabilité rigoureuse des matières premières.</p>
</div>
<div class="service-card">
<i class="fas fa-leaf"></i>
<h3>Durabilité</h3>
<p>Répondez aux exigences environnementales en intégrant des matériaux recyclés ou biosourcés tout en respectant les normes ISO 9001.</p>
</div>
<div class="service-card">
<i class="fas fa-tachometer-alt"></i>
<h3>Efficacité ppérationnelle</h3>
<p>Optimisez vos procédés de mélange, extrusion et vulcanisation pour réduire les coûts et améliorer la productivité.</p>
</div>
</div>
</section>
<section class="section" aria-label="Nos services">
<h2>Nos Solutions pour les mélangeurs</h2>
<div class="services-grid">
<div class="service-card">
<i class="fas fa-clipboard-check"></i>
<h3>Audit et diagnostic</h3>
<p>Évaluation de vos procédés de transformation (caoutchouc, plastiques, composites, métaux) pour identifier les écarts avec la norme ISO 9001.</p>
</div>
<div class="service-card">
<i class="fas fa-chalkboard-teacher"></i>
<h3>Formation spécialisée</h3>
<p>Formez vos équipes aux exigences qualité, avec un focus sur les spécificités du compounding et de la transformation de matériaux.</p>
</div>
<div class="service-card">
<i class="fas fa-handshake"></i>
<h3>Accompagnement sur mesure</h3>
<p>Support personnalisé pour intégrer la norme ISO 9001 dans vos processus, de la formulation à la production.</p>
</div>
</div>
</section>
<section class="case-study" aria-label="Étude de cas">
<div class="case-study-content">
<div class="case-study-text">
<h2>Étude de cas : compounder de caoutchouc élastomère</h2>
<p>Une PME spécialisée dans la fabrication de joints en caoutchouc pour l’automobile a collaboré avec Certification-ISO9001.fr pour obtenir la certification ISO 9001. Grâce à notre accompagnement, l’entreprise a transformé ses processus :</p>
<ul>
<li>Réduction de 20 % des non-conformités grâce à une meilleure traçabilité des mélanges.</li>
<li>Optimisation des cycles de vulcanisation, économisant 15 % d’énergie.</li>
<li>Accès à de nouveaux marchés internationaux exigeant la conformité ISO 9001.</li>
</ul>
<a href="compounder-certifie-ISO-9001.html" class="cta-button" aria-label="En savoir plus sur nos succès">Découvrez Nos Réussites</a>
</div>
<div class="case-study-image">
<img data-src="/images/case-study-rubber.webp" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="Usine de compounding de caoutchouc" width="500" height="300" style="opacity: 0;">
</div>
</div>
</section>
<footer>
<div class="footer-container">
<div>
<h3>Certification-ISO9001.fr</h3>
<p>Expert en certification ISO 9001 pour l’industrie.</p>
</div>
<div>
<h3>Liens Utiles</h3>
<ul>
<li><a href="#/mentions-legales">Mentions légales</a></li>
<li><a href="#/politique-confidentialite">Politique de confidentialité</a></li>
<li><a href="#/secteurs">Secteurs</a></li>
</ul>
</div>
<div>
<h3>Contact</h3>
<p><a href="mailto:contact@certification-iso9001.fr">contact@certification-iso9001.fr</a></p>
<p>Tél : +33 1 23 45 67 89</p>
</div>
</div>
<p style="text-align: center; margin-top: 2rem;">© 2025 Certification-ISO9001.fr - Tous droits réservés - <a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Fcertification-iso9001.fr%2F" rel="noopener" target="_blank">Code valide</a> </p>
</footer>
<script>
const preloadLink = document.createElement("link");
preloadLink.href = "/images/hero-materials.webp";
preloadLink.rel = "preload";
preloadLink.as = "image";
document.head.appendChild(preloadLink);
document.addEventListener('DOMContentLoaded', () => {
const ctas = document.querySelectorAll('.cta-button');
ctas.forEach(cta => {
cta.addEventListener('click', () => {
window.location.href = cta.href;
});
});
const dropdown = document.querySelector('.dropdown');
const dropdownContent = document.querySelector('.dropdown-content');
dropdown.addEventListener('keydown', (e) => {
if (e.key === 'Enter' || e.key === ' ') {
dropdownContent.style.display = dropdownContent.style.display === 'block' ? 'none' : 'block';
dropdown.querySelector('a').setAttribute('aria-expanded', dropdownContent.style.display === 'block');
}
});
});
document.addEventListener('DOMContentLoaded', () => {
const images = document.querySelectorAll('img[data-src]');
const options = {
root: null,
rootMargin: '0px',
threshold: 0.1
};
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const img = entry.target;
img.src = img.dataset.src;
img.removeAttribute('data-src');
img.style.opacity = '1';
observer.unobserve(img);
}
});
}, options);
// Observer chaque image
images.forEach(img => observer.observe(img));
});
</script>
</body>
</html>
