Gauthier/Site_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Commit initial

Browse Source 
Chargement des données en local
This commit is contained in:
gauthier.chombart
2026-06-01 11:17:21 +02:00
parent 9a66b93c95
commit 20baa91611
72 changed files with 29436 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

521
veille/veille-index.html Normal file
View File

@@ -0,0 +1,521 @@
<!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">NextGN Formation</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>&copy; 2026 NextGN Formation - Formations Certibiocide & Techniques</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>