256 lines
8.2 KiB
HTML
256 lines
8.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Veille Hygiène & Pest Control</title>
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
|
|
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
|
|
min-height: 100vh;
|
|
padding: 20px;
|
|
}
|
|
|
|
.container {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
background: white;
|
|
border-radius: 12px;
|
|
box-shadow: 0 10px 40px rgba(0,0,0,0.1);
|
|
padding: 40px;
|
|
}
|
|
|
|
.header {
|
|
margin-bottom: 40px;
|
|
border-bottom: 3px solid #2c3e50;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.header h1 {
|
|
font-size: 32px;
|
|
color: #2c3e50;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.header p {
|
|
color: #7f8c8d;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
gap: 24px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.card {
|
|
background: #f8f9fa;
|
|
border: 1px solid #e0e0e0;
|
|
border-radius: 8px;
|
|
padding: 24px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.card:hover {
|
|
box-shadow: 0 8px 24px rgba(0,0,0,0.12);
|
|
transform: translateY(-2px);
|
|
border-color: #3498db;
|
|
}
|
|
|
|
.card-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.card-icon {
|
|
font-size: 28px;
|
|
}
|
|
|
|
.card h3 {
|
|
font-size: 16px;
|
|
color: #2c3e50;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.card ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.card li {
|
|
margin-bottom: 12px;
|
|
font-size: 13px;
|
|
color: #555;
|
|
line-height: 1.6;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.card strong {
|
|
color: #2c3e50;
|
|
display: block;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.footer {
|
|
background: #ecf0f1;
|
|
border-radius: 8px;
|
|
padding: 16px;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.footer p {
|
|
font-size: 12px;
|
|
color: #7f8c8d;
|
|
margin: 0;
|
|
}
|
|
|
|
.footer strong {
|
|
color: #2c3e50;
|
|
}
|
|
|
|
.buttons {
|
|
display: flex;
|
|
gap: 12px;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
button {
|
|
padding: 10px 16px;
|
|
border: 1px solid #bdc3c7;
|
|
background: white;
|
|
border-radius: 6px;
|
|
font-size: 13px;
|
|
color: #2c3e50;
|
|
cursor: pointer;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
button:hover {
|
|
border-color: #3498db;
|
|
background: #ecf4f9;
|
|
color: #2980b9;
|
|
}
|
|
|
|
.date {
|
|
font-size: 12px;
|
|
color: #95a5a6;
|
|
margin-top: 20px;
|
|
text-align: center;
|
|
padding-top: 20px;
|
|
border-top: 1px solid #ecf0f1;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<h1>📊 Veille Hygiène & Pest Control</h1>
|
|
<p>Semaine du 14-20 avril 2026</p>
|
|
</div>
|
|
|
|
<div class="grid">
|
|
<!-- REGLEMENTATION -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<span class="card-icon">⚖️</span>
|
|
<h3>Réglementation</h3>
|
|
</div>
|
|
<ul>
|
|
<li><strong>ANSES :</strong> Mise à jour des listes de substances autorisées Certibiocide</li>
|
|
<li><strong>JO :</strong> Nouvelles exigences d'étiquetage pour les biocides (avril 2026)</li>
|
|
<li><strong>UE :</strong> Révision des critères d'évaluation toxicologique</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- INNOVATIONS -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<span class="card-icon">💡</span>
|
|
<h3>Innovations</h3>
|
|
</div>
|
|
<ul>
|
|
<li><strong>Biotech :</strong> Nouvelles enzymes pour désinsectisation éco-responsable</li>
|
|
<li><strong>IoT :</strong> Monitoring en temps réel des nuisibles (startup française)</li>
|
|
<li><strong>Chimie verte :</strong> Fongicides à base d'huiles essentielles certifiés</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- MARCHE -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<span class="card-icon">📈</span>
|
|
<h3>Marché</h3>
|
|
</div>
|
|
<ul>
|
|
<li><strong>Trends :</strong> +15% demande biocides dans secteur agroalimentaire</li>
|
|
<li><strong>Concurrence :</strong> Rachat de 2 PME par groupe allemand</li>
|
|
<li><strong>Recrutement :</strong> Formation Certibiocide en hausse (+35%)</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- RECHERCHE -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<span class="card-icon">🔬</span>
|
|
<h3>Recherche scientifique</h3>
|
|
</div>
|
|
<ul>
|
|
<li><strong>Résistance :</strong> Étude INRAE sur résistance aux pyréthrines</li>
|
|
<li><strong>Santé :</strong> Nouvel article PubMed sur impact santé-environnement</li>
|
|
<li><strong>Méthodes :</strong> Protocoles d'évaluation de l'efficacité (ECHA)</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- FORMATION -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<span class="card-icon">🎓</span>
|
|
<h3>Formations & Agréments</h3>
|
|
</div>
|
|
<ul>
|
|
<li><strong>Nouveaux agréés :</strong> 8 organismes cette semaine</li>
|
|
<li><strong>Tendance pédago :</strong> Hybrid e-learning davantage demandé</li>
|
|
<li><strong>Métier :</strong> Fiche de poste "Technicien Certibiocide" (2026)</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- ALERTE -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<span class="card-icon">⚠️</span>
|
|
<h3>Alertes & Incidents</h3>
|
|
</div>
|
|
<ul>
|
|
<li><strong>Rappel :</strong> Substance X interdite dans l'UE (en vigueur mai)</li>
|
|
<li><strong>Incident :</strong> Contamination dans le secteur laitier (source maîtrisée)</li>
|
|
<li><strong>Certificat :</strong> Perte d'agrément d'1 organisme (non-conformité)</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<p><strong>Sources :</strong> ANSES, JO (JORF), publications PubMed, LinkedIn professionnel, communiqués organismes, études INRAE, ECHA, Ministère Écologie</p>
|
|
</div>
|
|
|
|
<div class="buttons">
|
|
<button onclick="alert('Fonctionnalité : Détails réglementation ANSES')">📄 En savoir plus</button>
|
|
<button onclick="alert('Fonctionnalité : Détails des nouveaux agréments')">🔍 Agréments détail</button>
|
|
<button onclick="alert('Fonctionnalité : Innovations intéressantes')">💡 Innovations</button>
|
|
</div>
|
|
|
|
<div class="date">
|
|
Veille mise à jour le 14 avril 2026
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |