Merge pull request #107 from anct-cnum/sq/PanoramafinancementDoc

Panorama financement
anct-cnum · Oct 24, 2023 · f496ff7 · f496ff7
2 parents e34a4bc + 677354d
commit f496ff7
Show file tree

Hide file tree

Showing 7 changed files with 95 additions and 60 deletions.
diff --git a/src/views/documentheque/Accompagnement.js b/src/views/documentheque/Accompagnement.js
@@ -6,9 +6,9 @@ function Accompagnement() {
     <div className="fr-grid-row fr-grid-row--gutter">
       <div className="fr-col-1"></div>
       <div className="fr-col-10 fr-mb-9w">
-        <h4 className="h4CustomKit" id="titre-ancre-4">4.&nbsp;&nbsp;Ressources pour accompagner les Conseillers num&eacute;riques dans leurs missions</h4>
-        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-4.1">
-          4.1&nbsp;&nbsp;Kit &laquo;&nbsp;Bien d&eacute;marrer ma mission&nbsp;&raquo; &agrave; remettre au(x) Conseiller(s)
+        <h4 className="h4CustomKit" id="titre-ancre-5">5.&nbsp;&nbsp;Ressources pour accompagner les Conseillers num&eacute;riques dans leurs missions</h4>
+        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-5.1">
+          5.1&nbsp;&nbsp;Kit &laquo;&nbsp;Bien d&eacute;marrer ma mission&nbsp;&raquo; &agrave; remettre au(x) Conseiller(s)
         </h4>
         <p style={{ marginBottom: '0' }} className="fr-mb-7w">
           Ce document a pour objet de faciliter l&rsquo;entr&eacute;e en poste des Conseillers num&eacute;riques France Services,
@@ -24,8 +24,8 @@ function Accompagnement() {
               T&eacute;l&eacute;charger le kit &laquo;&nbsp;Bien d&eacute;marrer ma mission&nbsp;&raquo; &agrave; remettre au(x) Conseiller(s) (pdf)
           </a>
         </p>
-        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-4.2">
-          4.2&nbsp;&nbsp;Pr&eacute;sentation des outils des CnFS
+        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-5.2">
+          5.2&nbsp;&nbsp;Pr&eacute;sentation des outils des CnFS
         </h4>
         <p style={{ marginBottom: '0' }} className="fr-mb-7w">
           Ce document pr&eacute;sente l&rsquo;Espace Coop, plateforme d&rsquo;&eacute;change et de suivi d&rsquo;activit&eacute; des Conseillers
@@ -41,8 +41,8 @@ function Accompagnement() {
               T&eacute;l&eacute;charger la pr&eacute;sentation des outils des CnFS (pdf)
           </a>
         </p>
-        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-4.3">
-          4.3&nbsp;&nbsp;Guide d&rsquo;utilisation de l&rsquo;outil de suivi d&rsquo;activit&eacute; des Conseillers num&eacute;riques France Services
+        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-5.3">
+          5.3&nbsp;&nbsp;Guide d&rsquo;utilisation de l&rsquo;outil de suivi d&rsquo;activit&eacute; des Conseillers num&eacute;riques France Services
         </h4>
         <p style={{ marginBottom: '0' }}>
           Ce guide destin&eacute; aux structures d&rsquo;accueil vous accompagne dans l&rsquo;utilisation de l&rsquo;outil de suivi

diff --git a/src/views/documentheque/Cadrage.js b/src/views/documentheque/Cadrage.js
@@ -6,12 +6,12 @@ function Cadrage() {
     <div className="fr-grid-row fr-grid-row--gutter">
       <div className="fr-col-1"></div>
       <div className="fr-col-10 fr-mb-9w">
-        <h4 className="h4CustomKit" id="titre-ancre-2" style={{ marginBottom: '28px' }}>2.&nbsp;&nbsp;Notes de cadrage</h4>
+        <h4 className="h4CustomKit" id="titre-ancre-3" style={{ marginBottom: '28px' }}>3.&nbsp;&nbsp;Notes de cadrage</h4>
         <p style={{ marginBottom: '56px' }}>
           Ces documents s&rsquo;adressent &agrave; la fois aux Conseillers num&eacute;riques et aux structures d&rsquo;accueil.
         </p>
-        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-2.1">
-          2.1&nbsp;&nbsp;Pr&eacute;sentation des activit&eacute;s du Conseiller num&eacute;rique
+        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-3.1">
+          3.1&nbsp;&nbsp;Pr&eacute;sentation des activit&eacute;s du Conseiller num&eacute;rique
         </h4>
         <p style={{ marginBottom: '0' }} className="fr-mb-7w">
           Pr&eacute;sentation de l&rsquo;offre de service des Conseillers num&eacute;riques France Services&nbsp;:
@@ -26,8 +26,8 @@ function Cadrage() {
               T&eacute;l&eacute;charger la pr&eacute;sentation des activit&eacute;s du Conseiller num&eacute;rique (pdf)
           </a>
         </p>
-        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-2.2">
-          2.2&nbsp;&nbsp;Note Aidants Connect x Conseiller num&eacute;rique
+        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-3.2">
+          3.2&nbsp;&nbsp;Note Aidants Connect x Conseiller num&eacute;rique
         </h4>
         <p style={{ marginBottom: '0' }} className="fr-mb-7w">
           Cette note pr&eacute;sente comment les Conseillers num&eacute;riques France Services peuvent se former et utiliser
@@ -43,8 +43,8 @@ function Cadrage() {
               T&eacute;l&eacute;charger la note Aidants Connect x Conseiller num&eacute;rique (pdf)
           </a>
         </p>
-        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-2.3">
-          2.3&nbsp;&nbsp;Note Pass num&eacute;rique x Conseiller num&eacute;rique
+        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-3.3">
+          3.3&nbsp;&nbsp;Note Pass num&eacute;rique x Conseiller num&eacute;rique
         </h4>
         <p style={{ marginBottom: '0' }} className="fr-mb-7w">
           Ce document pr&eacute;sente l&rsquo;articulation des dispositifs &laquo;&nbsp;Pass num&eacute;rique&nbsp;&raquo; avec
@@ -60,8 +60,8 @@ function Cadrage() {
               T&eacute;l&eacute;charger la note Pass num&eacute;rique x Conseiller num&eacute;rique (pdf)
           </a>
         </p>
-        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-2.4">
-          2.4&nbsp;&nbsp;Note &laquo;&nbsp;Conseillers num&eacute;riques, structures d&rsquo;accueil&nbsp;:
+        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-3.4">
+          3.4&nbsp;&nbsp;Note &laquo;&nbsp;Conseillers num&eacute;riques, structures d&rsquo;accueil&nbsp;:
           comment accompagner les usagers dans leurs d&eacute;marches administratives en ligne&nbsp;?&nbsp;&raquo;
         </h4>
         <p style={{ marginBottom: '0' }}>

diff --git a/src/views/documentheque/Financement.js b/src/views/documentheque/Financement.js
@@ -0,0 +1,28 @@
+import React from 'react';
+
+function Financement() {
+
+  return (
+    <div className="fr-grid-row fr-grid-row--gutter">
+      <div className="fr-col-1"></div>
+      <div className="fr-col-10 fr-mb-9w">
+        <h4 className="h4CustomKit" id="titre-ancre-2" style={{ marginBottom: '28px' }}>2.&nbsp;&nbsp;Financement Conseiller num&eacute;rique</h4>
+        <p style={{ marginBottom: '0' }}>
+          Panorama de financement du dispositif Conseiller num&eacute;rique&nbsp;:
+          <br/>
+          <a
+            href="https://cdn.conseiller-numerique.gouv.fr/Panorama_subventions.pdf"
+            title="T&eacute;l&eacute;charger le panorama de financement du dispositif Conseiller num&eacute;rique"
+            className="bleu-france"
+            style={{ boxShadow: 'none' }}
+            target="_blank"
+            rel="noopener noreferrer">
+              T&eacute;l&eacute;charger le panorama de financement du dispositif Conseiller num&eacute;rique (pdf)
+          </a>
+        </p>
+      </div>
+    </div>
+  );
+}
+
+export default Financement;
diff --git a/src/views/documentheque/Recrutement.js b/src/views/documentheque/Recrutement.js
@@ -6,11 +6,11 @@ function Recrutement() {
     <div className="fr-grid-row fr-grid-row--gutter">
       <div className="fr-col-1"></div>
       <div className="fr-col-10 fr-mb-9w">
-        <h4 className="h4CustomKit" id="titre-ancre-3">
-          3.&nbsp;&nbsp;Ressources pour pr&eacute;parer le recrutement de votre/vos Conseiller(s) num&eacute;rique(s)
+        <h4 className="h4CustomKit" id="titre-ancre-4">
+          4.&nbsp;&nbsp;Ressources pour pr&eacute;parer le recrutement de votre/vos Conseiller(s) num&eacute;rique(s)
         </h4>
-        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-3.1">
-          3.1&nbsp;&nbsp;Flyer
+        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-4.1">
+          4.1&nbsp;&nbsp;Flyer
         </h4>
         <p style={{ marginBottom: '0' }} className="fr-mb-7w">
           Pr&eacute;sentation synth&eacute;tique du dispositif Conseiller num&eacute;rique France Services&nbsp;:
@@ -25,8 +25,8 @@ function Recrutement() {
               T&eacute;l&eacute;charger le flyer (pdf)
           </a>
         </p>
-        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-3.2">
-          3.2&nbsp;&nbsp;Guide employeur pour les structures publiques
+        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-4.2">
+          4.2&nbsp;&nbsp;Guide employeur pour les structures publiques
         </h4>
         <p style={{ marginBottom: '0' }} className="fr-mb-7w">
           Collectivit&eacute;s territoriales et leurs groupements&nbsp;:
@@ -41,8 +41,8 @@ function Recrutement() {
               T&eacute;l&eacute;charger le guide employeur pour les structures publiques (pdf)
           </a>
         </p>
-        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-3.3">
-          3.3&nbsp;&nbsp;Guide employeur pour les structures de droit priv&eacute;
+        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-4.3">
+          4.3&nbsp;&nbsp;Guide employeur pour les structures de droit priv&eacute;
         </h4>
         <p style={{ marginBottom: '0' }} className="fr-mb-7w">
           Associations et entreprises de l&rsquo;ESS&nbsp;:
@@ -57,8 +57,8 @@ function Recrutement() {
               T&eacute;l&eacute;charger le guide employeur pour les structures de droit priv&eacute; (pdf)
           </a>
         </p>
-        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-3.4">
-          3.4&nbsp;&nbsp;Guide de cofinancement pour les structures
+        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-4.4">
+          4.4&nbsp;&nbsp;Guide de cofinancement pour les structures
         </h4>
         <p style={{ marginBottom: '0' }} className="fr-mb-7w">
           Leviers de financement et conseils d&rsquo;ing&eacute;nierie financi&egrave;re &agrave; destination des structures
@@ -74,8 +74,8 @@ function Recrutement() {
               T&eacute;l&eacute;charger le guide de cofinancement pour les structures (pdf)
           </a>
         </p>
-        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-3.5">
-          3.5&nbsp;&nbsp;Fiche de poste
+        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-4.5">
+          4.5&nbsp;&nbsp;Fiche de poste
         </h4>
         <p style={{ marginBottom: '0' }} className="fr-mb-7w">
           Fiche avec d&eacute;tails de l&rsquo;offre, des missions et des t&acirc;ches du Conseiller num&eacute;rique France Services&nbsp;:

diff --git a/src/views/documentheque/Sommaire.js b/src/views/documentheque/Sommaire.js
@@ -36,83 +36,88 @@ function Sommaire() {
             </li>
             <li>
               <a className="summary-link-custom summary-link-custom-bold" href="#titre-ancre-2">
-                2.&nbsp;&nbsp;Notes de cadrage
+                2.&nbsp;&nbsp;Financement Conseiller num&eacute;rique
               </a>
             </li>
             <li>
-              <a className="summary-link-custom" href="#titre-ancre-2.1">
-                2.1&nbsp;&nbsp;Pr&eacute;sentation des activit&eacute;s du Conseiller num&eacute;rique
+              <a className="summary-link-custom summary-link-custom-bold" href="#titre-ancre-3">
+                3.&nbsp;&nbsp;Notes de cadrage
+              </a>
+            </li>
+            <li>
+              <a className="summary-link-custom" href="#titre-ancre-3.1">
+                3.1&nbsp;&nbsp;Pr&eacute;sentation des activit&eacute;s du Conseiller num&eacute;rique
               </a>
             </li>
             <li>
-              <a className="summary-link-custom" href="#titre-ancre-2.2">
-                2.2&nbsp;&nbsp;Note Aidants Connect x Conseiller num&eacute;rique
+              <a className="summary-link-custom" href="#titre-ancre-3.2">
+                3.2&nbsp;&nbsp;Note Aidants Connect x Conseiller num&eacute;rique
               </a>
             </li>
             <li>
-              <a className="summary-link-custom" href="#titre-ancre-2.3">
-                2.3&nbsp;&nbsp;Note Pass num&eacute;rique x Conseiller num&eacute;rique
+              <a className="summary-link-custom" href="#titre-ancre-3.3">
+                3.3&nbsp;&nbsp;Note Pass num&eacute;rique x Conseiller num&eacute;rique
               </a>
             </li>
             <li>
-              <a className="summary-link-custom" href="#titre-ancre-2.4">
-                2.4&nbsp;&nbsp;Note &laquo;&nbsp;Conseillers num&eacute;riques, structures d&rsquo;accueil&nbsp;:
+              <a className="summary-link-custom" href="#titre-ancre-3.4">
+                3.4&nbsp;&nbsp;Note &laquo;&nbsp;Conseillers num&eacute;riques, structures d&rsquo;accueil&nbsp;:
                 comment accompagner les usagers dans leurs d&eacute;marches administratives en ligne&nbsp;?&nbsp;&raquo;
               </a>
             </li>
             <li>
-              <a className="summary-link-custom summary-link-custom-bold" href="#titre-ancre-3">
-                3.&nbsp;&nbsp;Ressources pour pr&eacute;parer le recrutement de votre/vos Conseiller(s) num&eacute;rique(s)
+              <a className="summary-link-custom summary-link-custom-bold" href="#titre-ancre-4">
+                4.&nbsp;&nbsp;Ressources pour pr&eacute;parer le recrutement de votre/vos Conseiller(s) num&eacute;rique(s)
               </a>
             </li>
             <li>
-              <a className="summary-link-custom" href="#titre-ancre-3.1">
-                3.1&nbsp;&nbsp;Flyer
+              <a className="summary-link-custom" href="#titre-ancre-4.1">
+                4.1&nbsp;&nbsp;Flyer
               </a>
             </li>
             <li>
-              <a className="summary-link-custom" href="#titre-ancre-3.2">
-                3.2&nbsp;&nbsp;Guide employeur pour les structures publiques
+              <a className="summary-link-custom" href="#titre-ancre-4.2">
+                4.2&nbsp;&nbsp;Guide employeur pour les structures publiques
               </a>
             </li>
             <li>
-              <a className="summary-link-custom" href="#titre-ancre-3.3">
-                3.3&nbsp;&nbsp;Guide employeur pour les structures de droit priv&eacute;
+              <a className="summary-link-custom" href="#titre-ancre-4.3">
+                4.3&nbsp;&nbsp;Guide employeur pour les structures de droit priv&eacute;
               </a>
             </li>
             <li>
-              <a className="summary-link-custom" href="#titre-ancre-3.4">
-                3.4&nbsp;&nbsp;Guide de cofinancement pour les structures
+              <a className="summary-link-custom" href="#titre-ancre-4.4">
+                4.4&nbsp;&nbsp;Guide de cofinancement pour les structures
               </a>
             </li>
             <li>
-              <a className="summary-link-custom" href="#titre-ancre-3.5">
-                3.5&nbsp;&nbsp;Fiche de poste type
+              <a className="summary-link-custom" href="#titre-ancre-4.5">
+                4.5&nbsp;&nbsp;Fiche de poste type
               </a>
             </li>
             <li>
-              <a className="summary-link-custom summary-link-custom-bold" href="#titre-ancre-4">
-                4.&nbsp;&nbsp;Ressources pour accompagner les Conseillers num&eacute;riques dans leurs missions
+              <a className="summary-link-custom summary-link-custom-bold" href="#titre-ancre-5">
+                5.&nbsp;&nbsp;Ressources pour accompagner les Conseillers num&eacute;riques dans leurs missions
               </a>
             </li>
             <li>
-              <a className="summary-link-custom" href="#titre-ancre-4.1">
-                4.1&nbsp;&nbsp;Kit &laquo;&nbsp;Bien d&eacute;marrer ma mission&nbsp;&raquo; &agrave; remettre au(x) Conseiller(s)
+              <a className="summary-link-custom" href="#titre-ancre-5.1">
+                5.1&nbsp;&nbsp;Kit &laquo;&nbsp;Bien d&eacute;marrer ma mission&nbsp;&raquo; &agrave; remettre au(x) Conseiller(s)
               </a>
             </li>
             <li>
-              <a className="summary-link-custom" href="#titre-ancre-4.2">
-                4.2&nbsp;&nbsp;Pr&eacute;sentation des outils des CnFS
+              <a className="summary-link-custom" href="#titre-ancre-5.2">
+                5.2&nbsp;&nbsp;Pr&eacute;sentation des outils des CnFS
               </a>
             </li>
             <li>
-              <a className="summary-link-custom" href="#titre-ancre-4.3">
-                4.3&nbsp;&nbsp;Guide d&rsquo;utilisation de l&rsquo;outil de suivi d&rsquo;activit&eacute; des Conseillers num&eacute;riques France Services
+              <a className="summary-link-custom" href="#titre-ancre-5.3">
+                5.3&nbsp;&nbsp;Guide d&rsquo;utilisation de l&rsquo;outil de suivi d&rsquo;activit&eacute; des Conseillers num&eacute;riques France Services
               </a>
             </li>
             <li>
-              <a className="summary-link-custom summary-link-custom-bold" href="#titre-ancre-5">
-                5.&nbsp;&nbsp;Kit de communication
+              <a className="summary-link-custom summary-link-custom-bold" href="#titre-ancre-6">
+                6.&nbsp;&nbsp;Kit de communication
               </a>
             </li>
           </ol>

diff --git a/src/views/documentheque/index.js b/src/views/documentheque/index.js
@@ -6,6 +6,7 @@ import Cadrage from './Cadrage';
 import KitCommunication from './kitCommunication';
 import Recrutement from './Recrutement';
 import Sommaire from './Sommaire';
+import Financement from './Financement';
 
 function Documentheque() {
 
@@ -23,6 +24,7 @@ function Documentheque() {
         </div>
         <Sommaire />
         <Ami />
+        <Financement />
         <Cadrage />
         <Recrutement />
         <Accompagnement />

diff --git a/src/views/documentheque/kitCommunication.js b/src/views/documentheque/kitCommunication.js
@@ -12,7 +12,7 @@ function KitCommunication() {
     <div className="fr-grid-row fr-grid-row--gutter">
       <div className="fr-col-1"></div>
       <div className="fr-col-10">
-        <h4 className="h4CustomKit" id="titre-ancre-5" style={{ marginBottom: '28px' }}>5.&nbsp;&nbsp;Kit de communication</h4>
+        <h4 className="h4CustomKit" id="titre-ancre-6" style={{ marginBottom: '28px' }}>6.&nbsp;&nbsp;Kit de communication</h4>
         <p style={{ marginBottom: '0' }}>
           Logos, charte graphique, gabarits, mod&egrave;le de carte de visite&nbsp;:
           <br/>