gauthier.chombart
44be41b2b2
Header, footer, titres et balises meta de toutes les pages actives : remplace NextGN Formation par Gauthier Chombart & Nathan Chauwin. Nouveau pied de page uniforme mentionnant les droits reserves et le statut de formateurs independants (dossier archives/ laisse inchange). Integre aussi la refonte du jeu Memory (CSS/JS/HUD/leaderboard) et ajoute le rapport de veille Certibiocide semaine 28.
522 lines
19 KiB
HTML
522 lines
19 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Index Veille Certibiocide - Archives & Rapports</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap" rel="stylesheet">
|
|
<style>
|
|
:root {
|
|
--teal: #0F6E56;
|
|
--teal-mid: #1D9E75;
|
|
--teal-light: #E1F5EE;
|
|
--amber: #BA7517;
|
|
--amber-light: #FAEEDA;
|
|
--amber-dark: #633806;
|
|
--coral: #993C1D;
|
|
--coral-mid: #D85A30;
|
|
--coral-light: #FAECE7;
|
|
--purple: #BA7517;
|
|
--purple-light: #FAEEDA;
|
|
--blue: #185FA5;
|
|
--blue-light: #E6F1FB;
|
|
--bg: #F7F6F2;
|
|
--white: #FFFFFF;
|
|
--text: #1a1a18;
|
|
--text-muted: #6b6a65;
|
|
--border: rgba(0,0,0,0.1);
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
html, body {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
font-family: 'DM Sans', sans-serif;
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
line-height: 1.6;
|
|
padding-top: 70px;
|
|
}
|
|
|
|
/* ===== HEADER FIXE ===== */
|
|
header {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 70px;
|
|
background: rgba(250, 238, 218, 0.98);
|
|
backdrop-filter: blur(10px);
|
|
border-bottom: 2px solid var(--amber);
|
|
z-index: 1000;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0 2rem;
|
|
}
|
|
|
|
.logo {
|
|
font-family: 'Syne', sans-serif;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
letter-spacing: -0.5px;
|
|
background: linear-gradient(135deg, var(--teal-mid), var(--coral-mid));
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
text-decoration: none;
|
|
}
|
|
|
|
nav {
|
|
display: flex;
|
|
gap: 2rem;
|
|
}
|
|
|
|
nav a {
|
|
font-family: 'Syne', sans-serif;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
letter-spacing: 0.08em;
|
|
text-transform: uppercase;
|
|
text-decoration: none;
|
|
color: var(--text-muted);
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
nav a:hover {
|
|
color: var(--amber);
|
|
}
|
|
|
|
/* ===== PROGRESS BAR ===== */
|
|
.progress {
|
|
position: fixed;
|
|
top: 70px;
|
|
left: 0;
|
|
right: 0;
|
|
height: 3px;
|
|
background: var(--border);
|
|
z-index: 999;
|
|
}
|
|
|
|
.progress-bar {
|
|
height: 100%;
|
|
background: var(--amber);
|
|
width: 0%;
|
|
transition: width 0.3s ease;
|
|
}
|
|
|
|
/* ===== MAIN CONTENT ===== */
|
|
main {
|
|
max-width: 1100px;
|
|
margin: 0 auto;
|
|
padding: 3rem 2rem;
|
|
}
|
|
|
|
.section {
|
|
margin-bottom: 3rem;
|
|
animation: fadeIn 0.6s ease-out;
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(10px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
/* ===== PAGE HEADER ===== */
|
|
.page-header {
|
|
background: var(--amber-light);
|
|
border-left: 4px solid var(--amber);
|
|
border-radius: 8px;
|
|
padding: 2rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.page-header h1 {
|
|
font-family: 'Syne', sans-serif;
|
|
font-size: 2.2rem;
|
|
font-weight: 800;
|
|
color: var(--text);
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.page-header p {
|
|
font-size: 0.95rem;
|
|
color: var(--text-muted);
|
|
line-height: 1.7;
|
|
}
|
|
|
|
/* ===== CONTENT SECTIONS ===== */
|
|
h2 {
|
|
font-family: 'Syne', sans-serif;
|
|
font-size: 1.6rem;
|
|
font-weight: 700;
|
|
color: var(--text);
|
|
margin-bottom: 1.5rem;
|
|
margin-top: 2.5rem;
|
|
padding-bottom: 0.75rem;
|
|
border-bottom: 3px solid var(--amber);
|
|
}
|
|
|
|
h3 {
|
|
font-family: 'Syne', sans-serif;
|
|
font-size: 1.1rem;
|
|
font-weight: 700;
|
|
color: var(--text);
|
|
margin-top: 1.5rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
/* ===== RAPPORTS GRID ===== */
|
|
.rapports-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
gap: 1.5rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.rapport-card {
|
|
background: var(--white);
|
|
border: 2px solid var(--amber-light);
|
|
border-radius: 8px;
|
|
padding: 1.5rem;
|
|
transition: all 0.3s ease;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
|
|
.rapport-card:hover {
|
|
border-color: var(--amber);
|
|
box-shadow: 0 12px 32px rgba(186, 117, 23, 0.15);
|
|
transform: translateY(-4px);
|
|
}
|
|
|
|
.rapport-semaine {
|
|
font-family: 'Syne', sans-serif;
|
|
font-size: 1.3rem;
|
|
font-weight: 700;
|
|
color: var(--amber);
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.rapport-date {
|
|
font-size: 0.85rem;
|
|
color: var(--text-muted);
|
|
font-weight: 500;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.rapport-desc {
|
|
font-size: 0.9rem;
|
|
color: var(--text);
|
|
line-height: 1.6;
|
|
flex-grow: 1;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.rapport-btn {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
font-family: 'Syne', sans-serif;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
letter-spacing: 0.05em;
|
|
color: var(--amber);
|
|
text-decoration: none;
|
|
transition: gap 0.3s ease;
|
|
margin-top: auto;
|
|
width: fit-content;
|
|
}
|
|
|
|
.rapport-btn:hover {
|
|
gap: 12px;
|
|
}
|
|
|
|
/* ===== RUBRIQUES EXPLICATIVES ===== */
|
|
.rubriques-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
gap: 1.5rem;
|
|
margin: 2rem 0;
|
|
}
|
|
|
|
.rubrique-card {
|
|
background: var(--white);
|
|
border: 1px solid var(--border);
|
|
border-radius: 8px;
|
|
padding: 1.5rem;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.rubrique-card:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
|
|
}
|
|
|
|
.rubrique-icon {
|
|
font-size: 1.8rem;
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
|
|
.rubrique-title {
|
|
font-family: 'Syne', sans-serif;
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
color: var(--text);
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.rubrique-desc {
|
|
font-size: 0.85rem;
|
|
color: var(--text-muted);
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* ===== FOOTER ===== */
|
|
footer {
|
|
background: var(--text);
|
|
color: var(--white);
|
|
padding: 2.5rem;
|
|
text-align: center;
|
|
font-size: 13px;
|
|
margin-top: 4rem;
|
|
border-top: 1px solid var(--border);
|
|
}
|
|
|
|
footer p {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
footer p:last-child {
|
|
opacity: 0.6;
|
|
font-size: 12px;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
/* ===== RESPONSIVE ===== */
|
|
@media (max-width: 768px) {
|
|
header {
|
|
padding: 0 1rem;
|
|
}
|
|
|
|
nav {
|
|
gap: 1rem;
|
|
}
|
|
|
|
nav a {
|
|
font-size: 9px;
|
|
}
|
|
|
|
main {
|
|
padding: 2rem 1rem;
|
|
}
|
|
|
|
.page-header h1 {
|
|
font-size: 1.8rem;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.3rem;
|
|
}
|
|
|
|
.rapports-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.rubriques-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- PROGRESS BAR -->
|
|
<div class="progress">
|
|
<div class="progress-bar" id="progressBar"></div>
|
|
</div>
|
|
|
|
<!-- HEADER -->
|
|
<header>
|
|
<div class="logo">Gauthier Chombart & Nathan Chauwin</div>
|
|
<nav>
|
|
<a href="../../index.html">Exercices interactifs</a>
|
|
<a href="../../index.html#documentation">Documentation</a>
|
|
<a href="../../index.html#rapports">Rapports de veille</a>
|
|
<a href="../../index.html#about">À propos</a>
|
|
<a href="../../index.html#contact">Contact</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- MAIN CONTENT -->
|
|
<main>
|
|
<!-- PAGE HEADER -->
|
|
<section class="page-header">
|
|
<h1>📚 Index Veille Certibiocide</h1>
|
|
<p>Accédez à l'ensemble des rapports de veille hebdomadaires, analysant l'actualité réglementaire, les opportunités de marché et les tendances du secteur Certibiocide. Chaque rapport synthétise 8 rubriques thématiques.</p>
|
|
</section>
|
|
|
|
<!-- RAPPORTS RÉCENTS -->
|
|
<section class="section">
|
|
<h2>📊 Rapports Récents</h2>
|
|
<p style="color: var(--text-muted); margin-bottom: 1.5rem;">Consultez les derniers rapports de veille, mis à jour chaque semaine.</p>
|
|
|
|
<div class="rapports-grid">
|
|
<!-- Semaine 21 -->
|
|
<a href="rapport-semaine-21.html" class="rapport-card">
|
|
<div class="rapport-semaine">Semaine 21</div>
|
|
<div class="rapport-date">18-24 mai 2026</div>
|
|
<div class="rapport-desc">
|
|
Loi anti-fraude formation adoptée, non-renouvellement cyperméthrine, appels d'offres BOAMP, marché emploi dynamique (125+ postes).
|
|
</div>
|
|
<span class="rapport-btn">Consulter →</span>
|
|
</a>
|
|
|
|
<!-- Semaine 20 -->
|
|
<a href="rapport-semaine-20.html" class="rapport-card">
|
|
<div class="rapport-semaine">Semaine 20</div>
|
|
<div class="rapport-date">11-17 mai 2026</div>
|
|
<div class="rapport-desc">
|
|
Actualisation réglementaire, marché formation, surveillance nuisibles invasifs, opportunités secteur 3D, et tendances innovation.
|
|
</div>
|
|
<span class="rapport-btn">Consulter →</span>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- EXPLICATION RUBRIQUES -->
|
|
<section class="section">
|
|
<h2>🎯 8 Rubriques Thématiques Couvertes</h2>
|
|
<p style="color: var(--text-muted); margin-bottom: 1.5rem;">Chaque rapport synthétise l'actualité sur ces 8 axes clés du secteur Certibiocide.</p>
|
|
|
|
<div class="rubriques-grid">
|
|
<!-- Réglementaire -->
|
|
<div class="rubrique-card">
|
|
<div class="rubrique-icon">⚖️</div>
|
|
<div class="rubrique-title">Réglementaire</div>
|
|
<div class="rubrique-desc">AMM, retraits, BPR, obligations Certibiocide, directives ECHA, évolutions légales France et Europe.</div>
|
|
</div>
|
|
|
|
<!-- Marché Formation -->
|
|
<div class="rubrique-card">
|
|
<div class="rubrique-icon">🎓</div>
|
|
<div class="rubrique-title">Marché Formation</div>
|
|
<div class="rubrique-desc">Qualiopi, CPF, OPCO, chiffres clés du marché formation, financements, réglementations des organismes.</div>
|
|
</div>
|
|
|
|
<!-- Nuisibles & ESOD -->
|
|
<div class="rubrique-card">
|
|
<div class="rubrique-icon">🐀</div>
|
|
<div class="rubrique-title">Nuisibles & ESOD</div>
|
|
<div class="rubrique-desc">Moustique tigre, frelon asiatique, rongeurs résistants, punaises de lit, espèces invasives, surveillance.</div>
|
|
</div>
|
|
|
|
<!-- Désinfection -->
|
|
<div class="rubrique-card">
|
|
<div class="rubrique-icon">🧴</div>
|
|
<div class="rubrique-title">Désinfection</div>
|
|
<div class="rubrique-desc">Normes AFNOR, produits homologués, protocoles de désinfection, alternatives aux biocides chimiques.</div>
|
|
</div>
|
|
|
|
<!-- Opportunités -->
|
|
<div class="rubrique-card">
|
|
<div class="rubrique-icon">💡</div>
|
|
<div class="rubrique-title">Opportunités</div>
|
|
<div class="rubrique-desc">Appels d'offres BOAMP, marchés publics 3D, CPF, secteurs demandeurs, niches commerciales.</div>
|
|
</div>
|
|
|
|
<!-- Innovation -->
|
|
<div class="rubrique-card">
|
|
<div class="rubrique-icon">🔬</div>
|
|
<div class="rubrique-title">Innovation</div>
|
|
<div class="rubrique-desc">Bioinsecticides, IoT, IA, brevets, lutte biologique, solutions connectées, tendances technologiques.</div>
|
|
</div>
|
|
|
|
<!-- Veille Européenne -->
|
|
<div class="rubrique-card">
|
|
<div class="rubrique-icon">🇪🇺</div>
|
|
<div class="rubrique-title">Veille Européenne</div>
|
|
<div class="rubrique-desc">Révision BPR, EFSA, OMS, résistances insecticides, harmonisation EU, benchmarking international.</div>
|
|
</div>
|
|
|
|
<!-- RH & Concurrence -->
|
|
<div class="rubrique-card">
|
|
<div class="rubrique-icon">👥</div>
|
|
<div class="rubrique-title">RH & Concurrence</div>
|
|
<div class="rubrique-desc">Offres d'emploi 3D, mouvements du secteur, certifications RNCP, tendances RH, analyses concurrentielles.</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- COMMENT UTILISER -->
|
|
<section class="section">
|
|
<h2>📖 Comment Utiliser Cette Veille</h2>
|
|
|
|
<div style="background: var(--blue-light); border-left: 4px solid var(--blue); border-radius: 8px; padding: 1.5rem; margin: 1.5rem 0;">
|
|
<h3 style="margin-top: 0; color: var(--blue);">Pour Formateurs Indépendants</h3>
|
|
<p style="margin-bottom: 0.75rem;">✓ <strong>Mettre à jour vos supports :</strong> Les rapports signalent les changements réglementaires (ex: non-renouvellement cyperméthrine) qui doivent être intégrés dans vos formations Certibiocide.</p>
|
|
<p style="margin-bottom: 0.75rem;">✓ <strong>Identifier les opportunités commerciales :</strong> Les appels d'offres BOAMP et marchés publics 3D génèrent des besoins en formation.</p>
|
|
<p style="margin-bottom: 0.75rem;">✓ <strong>Anticiper les tendances marché :</strong> Comprenez les évolutions de l'emploi 3D, les niches en croissance (innovation, bioinsecticides) et adaptez vos offres.</p>
|
|
<p style="margin-bottom: 0;">✓ <strong>Enrichir vos cas d'étude :</strong> Les actualités réglementaires et sectorielles fournissent des matériaux pédagogiques pertinents et actualisés.</p>
|
|
</div>
|
|
|
|
<div style="background: var(--green-light); border-left: 4px solid var(--green); border-radius: 8px; padding: 1.5rem; margin: 1.5rem 0;">
|
|
<h3 style="margin-top: 0; color: var(--green);">Pour Professionnels 3D</h3>
|
|
<p style="margin-bottom: 0.75rem;">✓ <strong>Rester à jour réglementairement :</strong> Connaissance des changements d'AMM, substances actives interdites, nouvelles obligations de formation.</p>
|
|
<p style="margin-bottom: 0.75rem;">✓ <strong>Adapter votre stratégie commerciale :</strong> Identifier les appels d'offres, les nouveaux secteurs demandeurs, les marchés publics.</p>
|
|
<p style="margin-bottom: 0.75rem;">✓ <strong>Suivre l'innovation :</strong> Découvrir les nouvelles solutions (IoT, IA, lutte biologique) pour différencier votre offre.</p>
|
|
<p style="margin-bottom: 0;">✓ <strong>Planifier vos recrutements :</strong> Anticiper les besoins en certifications, formations, et compétences spécialisées.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- FRÉQUENCE & SOURCES -->
|
|
<section class="section">
|
|
<h2>📅 Fréquence & Sources</h2>
|
|
|
|
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;">
|
|
<div style="background: var(--white); border: 1px solid var(--border); border-radius: 8px; padding: 1.5rem;">
|
|
<h3 style="margin-top: 0;">Mise à Jour Hebdomadaire</h3>
|
|
<p style="margin: 0; color: var(--text-muted); font-size: 0.9rem;">Chaque semaine, une nouvelle synthèse de 8 rubriques est générée, couvrant les 7 jours précédents. Les archives complètes restent accessibles pour historique et recherche.</p>
|
|
</div>
|
|
<div style="background: var(--white); border: 1px solid var(--border); border-radius: 8px; padding: 1.5rem;">
|
|
<h3 style="margin-top: 0;">Sources Officielles</h3>
|
|
<p style="margin: 0; color: var(--text-muted); font-size: 0.9rem;">ANSES, ECHA, Légifrance, France Compétences, INRAE, Santé Publique France, Commission Européenne, presse professionnelle certifiée.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- FOOTER -->
|
|
<footer>
|
|
<p>© 2026 Gauthier Chombart & Nathan Chauwin<br>Tous droits réservés — Formations Certibiocide & Techniques — Formateurs indépendants</p>
|
|
<p style="margin-top: 10px; opacity: 0.6;">Tous droits réservés — Gauthier Chombart & Nathan Chauwin — Formateurs indépendants</p>
|
|
</footer>
|
|
|
|
<!-- PROGRESS BAR SCRIPT -->
|
|
<script>
|
|
window.addEventListener('scroll', () => {
|
|
const scrollTop = window.scrollY;
|
|
const docHeight = document.documentElement.scrollHeight - window.innerHeight;
|
|
const scrollPercent = (scrollTop / docHeight) * 100;
|
|
document.getElementById('progressBar').style.width = scrollPercent + '%';
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|