Merge pull request #136 from anct-cnum/recette

MEP : Kit de com V4

src/components/Footer.js

@@ -15,7 +15,7 @@ function Footer() {
       <div className="fr-container">
         <div className="fr-footer__body fr-footer__body--operator">
           <div className="fr-footer__brand fr-enlarge-link footerBrandCustom">
-            <Link className="fr-footer__brand-link" to="/" title="Retour à l&rsquo;accueil" onClick={onClickLink}>
+            <Link className="fr-footer__brand-link" to="/" title="Retour &agrave; l&rsquo;accueil" onClick={onClickLink}>
               <img src={logoFR} alt="Logo France Relance" className="logoFranceRelance fr-footer__logo" />
             </Link>
           </div>

src/views/Accessibilite.js

@@ -26,7 +26,7 @@ function Accessibilite() {
             <ul>
               <li>perceptibles&nbsp;: par exemple, faciliter la perception visuelle et auditive du contenu par l&rsquo;utilisateur ;&nbsp;
                 proposer des &eacute;quivalents textuels &agrave; tout contenu non textuel ;&nbsp;
-                cr&eacute;er un contenu qui puisse être pr&eacute;sent&eacute; de diff&eacute;rentes mani&egrave;res
+                cr&eacute;er un contenu qui puisse &ecirc;tre pr&eacute;sent&eacute; de diff&eacute;rentes mani&egrave;res
                 sans perte d&rsquo;information ni de structure (par exemple avec une mise en page simplifi&eacute;e) ;
               </li>
               <li>utilisables&nbsp;: par exemple, fournir &agrave; l&rsquo;utilisateur des &eacute;l&eacute;ments d&rsquo;orientation pour naviguer,
@@ -62,7 +62,7 @@ function Accessibilite() {
             et la structure de l&rsquo;information ou encore la clart&eacute; des formulaires.
           </p>
           <p>
-            D&rsquo;autres am&eacute;liorations vont être apport&eacute;es.
+            D&rsquo;autres am&eacute;liorations vont &ecirc;tre apport&eacute;es.
           </p>
         </div>
         <div className="fr-grid-row fr-grid-row--gutters">

src/views/accueil/Bienvenue.js

@@ -19,7 +19,7 @@ function Bienvenue() {
             </h1>
             <div className="twoParts">
               <div className="leftPart">
-                <h4 className="fr-h4 title fr-mb-4w">Trouver un conseiller numérique pr&egrave;s de chez moi</h4>
+                <h4 className="fr-h4 title fr-mb-4w">Trouver un conseiller num&eacute;rique pr&egrave;s de chez moi</h4>
                 <Link
                   to="/carte"
                   className="fr-btn btnCustom">

src/views/accueil/Themes.js

@@ -12,7 +12,9 @@ function Themes() {
             <h1 className="fr-h1" style={{ textAlign: 'center' }} id="ancre-themes">
               En me formant aupr&egrave;s d&rsquo;un conseiller num&eacute;rique France Services, j&rsquo;apprends &agrave; devenir autonome pour&nbsp;:
             </h1>
-            <p className="helpTooltip fr-mb-5w"><em>Survolez les éléments avec la souris ou le doigt pour en découvrir les détails.</em></p>
+            <p className="helpTooltip fr-mb-5w">
+              <em>Survolez les &eacute;l&eacute;ments avec la souris ou le doigt pour en d&eacute;couvrir les d&eacute;tails.</em>
+            </p>
           </div>
         </div>
         <div className="fr-grid-row fr-grid-row--gutters fr-grid-row--center">
@@ -122,7 +124,7 @@ function Themes() {
                 Apprendre &agrave; :
                 <ul>
                   <li> Trouver un logement sur internet</li>
-                  <li> Acc&eacute;der à l&rsquo;offre locale de soins</li>
+                  <li> Acc&eacute;der &agrave; l&rsquo;offre locale de soins</li>
                   <li> D&eacute;couvrir les transports en commun et autres solutions de mobilit&eacute;</li>
                   <li> Faire mes d&eacute;marches aupr&egrave;s des services locaux</li>
                   <li> M&rsquo;informer sur les activit&eacute;s culturelles et sociales pr&egrave;s de chez moi</li>

src/views/documentheque/Sommaire.js

@@ -122,7 +122,7 @@ function Sommaire() {
             </li>
             <li>
               <a className="summary-link-custom" href="#titre-ancre-6.3">
-                6.3&nbsp;&nbsp;Guide d&rsquo;utilisation de l&rsquo;outil de suivi d&rsquo;activit&eacute; des Conseillers num&eacute;riques France Services
+                6.3&nbsp;&nbsp;Guide d&rsquo;utilisation de l&rsquo;outil de suivi d&rsquo;activit&eacute; des Conseillers num&eacute;riques
               </a>
             </li>
             <li>

src/views/kit-communication/Affiche.js

@@ -6,14 +6,14 @@ function Affiche() {
     <div className="fr-grid-row fr-grid-row--gutter">
       <div className="fr-col-1"></div>
       <div className="fr-col-10 fr-col-md-8 fr-mb-9w">
-        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-3.4">3.4&nbsp;&nbsp;Affiche</h4>
+        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-3.5">3.5&nbsp;&nbsp;Affiche A3 (gabarit)</h4>
         <p style={{ marginBottom: '24px' }}>
           Ce gabarit d&rsquo;affiche A3 est principalement destin&eacute; aux structures et aux conseillers
-          et permet d&rsquo;informer sur une activit&eacute; relative au dispositif CnFS.
+          et permet d&rsquo;informer sur une activit&eacute; relative au dispositif Conseiller num&eacute;rique.
         </p>
         <p style={{ marginBottom: '0px' }}>
           <a
-            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V3/affiche-A3-conseiller-numerique-france-services.docx"
+            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V4/affiche-A3-conseiller-numerique.docx"
             title="Mod&egrave;le affiche A3 DOCX"
             className="bleu-france"
             style={{ boxShadow: 'none' }}
@@ -22,7 +22,7 @@ function Affiche() {
           </a>
           <br/>
           <a
-            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V3/affiche-A3-conseiller-numerique-france-services.tif"
+            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V4/affiche-A3-conseiller-numerique.tif"
             title="Mod&egrave;le affiche A3 TIF"
             className="bleu-france"
             style={{ boxShadow: 'none' }}
@@ -34,7 +34,7 @@ function Affiche() {
       </div>
       <div className="fr-col-12 fr-col-md-2 fr-mb-7w fr-mb-md-0w preview-image">
         <img
-          src="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V3/previews/preview-affiche.png"
+          src="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V4/previews/preview-affiche-a3-conseiller-numerique.png"
           alt="preview affiche"
           style={{ height: '175px' }}/>
       </div>

src/views/kit-communication/AfficheTrouverConseiller.js

@@ -0,0 +1,57 @@
+import React from 'react';
+
+function AfficheTrouverConseiller() {
+
+  return (
+    <div className="fr-grid-row fr-grid-row--gutter">
+      <div className="fr-col-1"></div>
+      <div className="fr-col-10 fr-col-md-8 fr-mb-7w">
+        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-3.2">
+          3.2&nbsp;&nbsp;Affiche &laquo;&nbsp;Trouver un conseiller num&eacute;rique pr&egrave;s de chez soi&nbsp;&raquo;
+        </h4>
+        <p style={{ marginBottom: '24px' }}>
+         Le support d&eacute;crit les services Conseiller num&eacute;rique.
+        </p>
+        <p style={{ marginBottom: '0px' }}>
+          <a
+            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V4/affiche-trouver-un-conseiller-numerique.png"
+            title="Affiche au format web PNG"
+            className="bleu-france"
+            style={{ boxShadow: 'none' }}
+            target="_blank"
+            rel="noopener noreferrer">
+              T&eacute;l&eacute;charger l&rsquo;affiche au format web (PNG).
+          </a>
+          <br/>
+          <a
+            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V4/affiche-trouver-un-conseiller-numerique.pdf"
+            title="Affiche au format imprimable PDF"
+            className="bleu-france"
+            style={{ boxShadow: 'none' }}
+            target="_blank"
+            rel="noopener noreferrer">
+              T&eacute;l&eacute;charger l&rsquo;affiche au format imprimable (PDF).
+          </a>
+          <br/>
+          <a
+            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V4/affiche-trouver-un-conseiller-numerique.eps"
+            title="Affiche au format web vectoriel EPS"
+            className="bleu-france"
+            style={{ boxShadow: 'none' }}
+            target="_blank"
+            rel="noopener noreferrer">
+              T&eacute;l&eacute;charger le fichier source &eacute;ditable,format vectoriel (EPS).
+          </a>
+        </p>
+      </div>
+      <div className="fr-col-12 fr-col-md-2 fr-mb-7w fr-mb-md-0w preview-image">
+        <img
+          src="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V4/previews/preview-affiche-conseiller-numerique.png"
+          alt="preview affiche &laquo;&nbsp; Trouver un conseiller num&eacute;rique pr&egrave;s de chez soi&nbsp;&raquo;"
+          style={{ height: '180px' }}/>
+      </div>
+    </div>
+  );
+}
+
+export default AfficheTrouverConseiller;

src/views/kit-communication/CartesVisite.js

@@ -13,31 +13,31 @@ function CartesVisite() {
         </p>
         <p style={{ marginBottom: '0px' }}>
           <a
-            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V3/gabarit-carte-de-visite-cnfs-word.docx"
+            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V4/gabarit-carte-de-visite-conum-word.docx"
             title="Mod&egrave;le carte de visite DOCX"
             className="bleu-france"
             style={{ boxShadow: 'none' }}
             target="_blank"
             rel="noopener noreferrer">
-              T&eacute;l&eacute;charger le mod&egrave;le de carte de visite Conseiller num&eacute;rique France Services au format Microsoft Word (.docx).
+              T&eacute;l&eacute;charger le mod&egrave;le de carte de visite Conseiller num&eacute;rique au format Microsoft Word (.docx).
           </a>
           <br/>
           <a
-            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V3/gabarit-carte-de-visite-openoffice.odt"
+            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V4/gabarit-carte-de-visite-conum-openoffice.odt"
             title="Mod&egrave;le carte de visite ODT"
             className="bleu-france"
             style={{ boxShadow: 'none' }}
             target="_blank"
             rel="noopener noreferrer">
-              T&eacute;l&eacute;charger le mod&egrave;le de carte de visite Conseiller num&eacute;rique France Services au format Open Office (.odt).
+              T&eacute;l&eacute;charger le mod&egrave;le de carte de visite Conseiller num&eacute;rique au format Open Office (.odt).
           </a>
         </p>
       </div>
       <div className="fr-col-12 fr-col-md-2 fr-mb-7w fr-mb-md-0w preview-image">
         <img
-          src="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V3/previews/preview-cartes-de-visite.png"
+          src="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V4/previews/preview-cartes-de-visite-conseiller-numerique.png"
           alt="preview cartes visite"
-          style={{ height: '176px' }}/>
+          style={{ height: '180px' }}/>
       </div>
     </div>
   );

src/views/kit-communication/CharteGraphique.js

@@ -6,28 +6,28 @@ function CharteGraphique() {
     <div className="fr-grid-row fr-grid-row--gutter">
       <div className="fr-col-1"></div>
       <div className="fr-col-10 fr-col-md-8 fr-mb-7w">
-        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-2.3">2.3&nbsp;&nbsp;Charte Graphique</h4>
+        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-2.2">2.2&nbsp;&nbsp;Charte Graphique</h4>
         <p style={{ marginBottom: '24px' }}>
-          Ce document d&eacute;taille les consignes d&rsquo;utilisation du logo Conseiller num&eacute;rique Frances Services et ses cas d&rsquo;usages
+          Ce document d&eacute;taille les consignes d&rsquo;utilisation du logo Conseiller num&eacute;rique et ses cas d&rsquo;usages
           pour la production de supports de communication en lien avec le dispositif&nbsp;:
         </p>
         <p style={{ marginBottom: '0' }}>
           <a
-            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V3/charte-graphique-cnfs.pdf"
+            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V4/charte-graphique-conseiller-numerique.pdf"
             title="Charte graphique"
             className="bleu-france"
             style={{ boxShadow: 'none' }}
             target="_blank"
             rel="noopener noreferrer">
-              T&eacute;l&eacute;charger la charte graphique Conseiller num&eacute;rique France Services au format PDF.
+              T&eacute;l&eacute;charger la charte graphique Conseiller num&eacute;rique au format PDF.
           </a>
         </p>
       </div>
       <div className="fr-col-12 fr-col-md-2 fr-mb-7w fr-mb-md-0w preview-image">
         <img
-          src="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V3/previews/preview-charte-graphique.png"
+          src="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V4/previews/preview-charte-graphique-conseiller-numerique.png"
           alt="preview charte graphique"
-          style={{ height: '117px' }}/>
+          style={{ height: '180px' }}/>
       </div>
     </div>
   );

src/views/kit-communication/Etiquettes.js

@@ -8,14 +8,14 @@ function Etiquettes() {
       <div className="fr-col-10 fr-col-md-8">
         <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-4.3">4.3&nbsp;&nbsp;&Eacute;tiquettes</h4>
         <p style={{ marginBottom: '24px' }}>
-          Ce fichier permet d&rsquo;imprimer des &eacute;tiquettes du logo Conseiller num&eacute;rique France Services
+          Ce fichier permet d&rsquo;imprimer des &eacute;tiquettes du logo Conseiller num&eacute;rique
           afin de l&rsquo;aposer sur du mat&eacute;riel.
           Il est possible de modifier la grille de la planche en fonction du format d&rsquo;&eacute;tiquettes &agrave; disposition
           (onglet Publipostage &rsaquo; options).
         </p>
         <p style={{ marginBottom: '0px' }}>
           <a
-            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V3/gabarit-etiquettes-conseiller-numerique.docx"
+            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V4/gabarit-etiquettes-conseiller-numerique.docx"
             title="&Eacute;tiquettes DOCX"
             className="bleu-france"
             style={{ boxShadow: 'none' }}
@@ -27,8 +27,8 @@ function Etiquettes() {
       </div>
       <div className="fr-col-12 fr-col-md-2 fr-mb-md-0w preview-image preview-image-last">
         <img
-          src="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V3/previews/preview-etiquettes.png"
-          alt="preview etiquettes" style={{ height: '176px' }} />
+          src="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V4/previews/preview-etiquettes-conseiller-numerique.png"
+          alt="preview etiquettes" style={{ height: '180px' }} />
       </div>
     </div>
   );

src/views/kit-communication/Gabarits.js

@@ -6,28 +6,28 @@ function Gabarits() {
     <div className="fr-grid-row fr-grid-row--gutter">
       <div className="fr-col-1"></div>
       <div className="fr-col-10 fr-col-md-8 fr-mb-7w">
-        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-3.2">3.2&nbsp;&nbsp;Gabarits pour les r&eacute;seaux sociaux</h4>
+        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-3.3">3.3&nbsp;&nbsp;Gabarits pour les r&eacute;seaux sociaux</h4>
         <p style={{ marginBottom: '24px' }}>
           Personnalisables avec le texte de votre choix, ils vous permettent d&rsquo;annoncer sur les r&eacute;seaux sociaux que vous accueillez un ou plusieurs
-          Conseillers num&eacute;riques France Services ou que vous menez une action en lien avec le dispositif.
+          Conseillers num&eacute;riques ou que vous menez une action en lien avec le dispositif.
         </p>
         <p style={{ marginBottom: '0px' }}>
           <a
-            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V3/gabarits-reseaux-sociaux.zip"
-            title="Gabarits RS Conseiller num&eacute;rique France Services"
+            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V4/gabarit-RS.zip"
+            title="Gabarits RS Conseiller num&eacute;rique"
             className="bleu-france"
             style={{ boxShadow: 'none' }}
             target="_blank"
             rel="noopener noreferrer">
-              T&eacute;l&eacute;charger les gabarits RS Conseiller num&eacute;rique France Services.
+              T&eacute;l&eacute;charger les gabarits RS Conseiller num&eacute;rique (.pptx et .png).
           </a>
         </p>
       </div>
       <div className="fr-col-12 fr-col-md-2 fr-mb-7w fr-mb-md-0w preview-image">
         <img
-          src="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V3/previews/preview-gabarits-rs.png"
+          src="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V4/previews/preview-supports-rs-conseiller-numerique.png"
           alt="preview gabarits RS"
-          style={{ height: '176px' }}/>
+          style={{ height: '180px' }}/>
       </div>
     </div>
   );

src/views/kit-communication/Illustrations.js

@@ -6,24 +6,24 @@ function Illustrations() {
     <div className="fr-grid-row fr-grid-row--gutter">
       <div className="fr-col-1"></div>
       <div className="fr-col-10 fr-col-md-8 fr-mb-9w">
-        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-2.5">2.5&nbsp;&nbsp;Illustrations</h4>
+        <h4 className="h4CustomKit h4CustomKit--secondary" id="titre-ancre-2.4">2.4&nbsp;&nbsp;Illustrations</h4>
         <p style={{ marginBottom: '24px' }}>
           Cette archive contient diff&eacute;rentes illustrations de conseillers num&eacute;riques et d&rsquo;usagers.
           Celles-ci peuvent-&ecirc;tre utilis&eacute;es pour composer vos supports de communication.
         </p>
         <p style={{ marginBottom: '0px' }}>
           <a
-            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V3/pack-illustrations.zip"
+            href="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V4/pack-illustrations.zip"
             title="Pack illustrations"
             className="bleu-france"
             style={{ boxShadow: 'none' }}
             target="_blank"
-            rel="noopener noreferrer">T&eacute;l&eacute;chargez le pack d&rsquo;illustrations Conseiller num&eacute;rique France Services.</a>
+            rel="noopener noreferrer">T&eacute;l&eacute;chargez le pack d&rsquo;illustrations Conseiller num&eacute;rique.</a>
         </p>
       </div>
       <div className="fr-col-12 fr-col-md-2 fr-mb-7w fr-mb-md-0w preview-image">
         <img
-          src="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V3/previews/preview-illus.png"
+          src="https://cdn.conseiller-numerique.gouv.fr/kit-communication/V4/previews/preview-illustrations-conseiller-numerique.png"
           alt="preview illustrations"
           style={{ height: '177px', border: '1px solid #9C9C9C' }}/>
       </div>