dev studio

README.md

@@ -1042,3 +1042,4 @@ debian@vps-48ebe2d9:~$ history
   818  pm2 restart strapi_wondif
   819  pm2 list
   820  history
+

app/components/BannierePros.vue

@@ -8,7 +8,7 @@
         </div>
         <div class="banniere_pros--description studio_description">
             <div>
-                <img src="/img/logos/logo_le_studio_noir.png" alt="Logo du studio pro" width="200">
+                <NuxtLink to="/professionnels/studio"><img src="/img/logos/logo_le_studio_noir.png" alt="Logo du studio pro" width="200"></NuxtLink>
             </div>
             <DsHeading as="h5" tone="default" class="banniere_pros--description--titre">
                 On enregistre au studio !
@@ -22,7 +22,7 @@
         </div>
         <div class="banniere_pros--description parc_description">
             <div>
-                <img src="/img/logos/logo_le_parc_noir.png" alt="Logo du parc instrumental pro" width="150">
+                <NuxtLink to="/professionnels/parc"><img src="/img/logos/logo_le_parc_noir.png" alt="Logo du parc instrumental pro" width="150"></NuxtLink>
             </div>
             <DsHeading as="h5" tone="default" class="banniere_pros--description--titre">
                 + de 3 000 instruments en location

app/components/header/HeaderNav.vue

@@ -7,7 +7,7 @@
         Professionnels
         <ul class="header_nav_topbar_submenu">
           <li class="header_nav_topbar_submenu_item"><NuxtLink to="/professionnels/programmer-orchestre">Programmer l'Orchestre</NuxtLink></li>
-          <!-- <li class="header_nav_topbar_submenu_item"><NuxtLink to="/professionnels/studio">Le studio et les espaces</NuxtLink></li> -->
+          <li class="header_nav_topbar_submenu_item"><NuxtLink to="/professionnels/studio">Le studio et les espaces</NuxtLink></li>
           <li class="header_nav_topbar_submenu_item"><NuxtLink to="/professionnels/parc">Louer des instruments</NuxtLink></li>
           <!-- <li class="header_nav_topbar_submenu_item"><NuxtLink to="/professionnels/recrutement">Recrutement / Concours</NuxtLink></li> -->
           <!-- <li class="header_nav_topbar_submenu_item"><NuxtLink to="/professionnels/candidats">Espace candidats</NuxtLink></li> -->

app/components/strapiconvert/StrapiBlocksConvert.vue

@@ -149,6 +149,15 @@
 <style lang="scss">
   .strapi-blocks {
     font-family: var(--font-roboto);
+    --strapi-heading-space: 24px;
+    --strapi-heading-tight-space: 6px;
+    --strapi-heading-tightest-space: 4px;
+    --strapi-heading-content-space: 10px;
+
+    // Espace standard avant un titre quand il suit un bloc de contenu.
+    :is(* + h1, * + h2, * + h3, * + h4) {
+      margin-top: var(--strapi-heading-space);
+    }
 
     &--p {
       font-weight: var(--fw-light);
@@ -156,39 +165,47 @@
       line-height: 22px;
       margin-bottom: 5px;
       text-align: justify;
+      white-space: pre-line;
     }
     h1 {
-      padding-bottom: 10px;
       font-weight: var(--fw-bold);
       font-size: 30px;
       text-transform: uppercase;
+      line-height: 30px;
     }
     h2 {
-      padding-bottom: 7px;
       font-weight: var(--fw-bold);
       font-size: 26px;
       color: var(--c-brand_rouge);
       text-transform: uppercase;
+      line-height: 30px;
     }
     h3 {
-      padding-bottom: 10px;
       font-weight: var(--fw-semibold);
       font-size: 26px;
     }
     h4 {
-      padding-bottom: 3px;
       font-weight: var(--fw-medium);
       font-size: 22px;
+      line-height: 30px;
     }
-    h4 {
-      padding-bottom: 3px;
-      font-weight: var(--fw-medium);
-      font-size: 22px;
+
+    // Espace après un titre quand le bloc suivant est du contenu.
+    :is(h1, h2, h3, h4) + :is(p, ul, ol, blockquote, pre, figure) {
+      margin-top: var(--strapi-heading-content-space);
     }
-    h4 {
-      padding-bottom: 3px;
-      font-weight: var(--fw-medium);
-      font-size: 22px;
+
+    // Entre deux titres, on resserre pour éviter un rythme trop lâche.
+    h1 + :is(h2, h3, h4) {
+      margin-top: var(--strapi-heading-tight-space);
+    }
+
+    h2 + :is(h3, h4) {
+      margin-top: var(--strapi-heading-tight-space);
+    }
+
+    h3 + h4 {
+      margin-top: var(--strapi-heading-tightest-space);
     }
 
     em {
@@ -314,9 +331,7 @@
     &__figure + &__h {
       margin-top: 23px;
     }
-    > :not(h1) {
-      margin-left: 20px;
-    }
+
 
   }
 </style>

app/pages/professionnels/parc.vue

@@ -101,7 +101,7 @@
           </div>
 
           <!-- PAR CATEGORIES -->
-          <section class="space-y-12 mt-16">
+          <section class="space-y-12 mt-16 mb-16">
             <div
               v-for="categorie in instruments_categories"
               :key="categorie.id"
@@ -165,11 +165,6 @@
 
         </PageSection>
 
-
-
-
-
-
       <!-- ================== -->
       <!-- DEVIS -->
       <!-- ================== -->
@@ -384,6 +379,113 @@
           </PageSection>
         </div>
 
+
+      <!-- ================== -->
+      <!-- CONDITIONS -->
+      <!-- ================== -->
+      <PageSection :content="false">
+        <Decalage
+          tone="dark"
+          title-tone="invert"
+          position="right"
+          button-tone="invert"
+          ensavoirplus-target="texte_cache_4"
+          ensavoirplus-group="parc-details"
+        >
+            <template #title>
+                Les conditions
+            </template>
+            <DsText as="p" tone="invert" align="justify">
+                Procédure d’accès à un prêt d’instruments, Exécution des opérations de prêt, conditions matérielles, tarifs, facturation et modalités de paiement, attestation sur l'honneur
+            </DsText>
+        </Decalage>
+      </PageSection>
+      
+      <PageSection
+          id="texte_cache_4"
+          data-ensavoirplus-group="parc-details"
+          tone=""
+          content-size="default"
+          padded_size=""
+          class="mt-16 mb-16 decalage_ensavoirplus--hidden"
+      >
+
+          <!-- PDF -->
+          <div class="fiche_description">
+            
+            <SectionContent class="fiche_description">
+              <div class="">
+                <a
+                href="https://media.orchestre-ile.com/uploads/parc_attestation_sur_l_honneur_fd039769c5.pdf"
+                download="https://media.orchestre-ile.com/uploads/parc_attestation_sur_l_honneur_fd039769c5.pdf"
+                class="flex items-center gap-2 px-6 py-2 max-w-[334px] bg-primary-container text-on-primary-container rounded-full font-bold text-sm hover:bg-primary-fixed"
+                target="_blank"
+                rel="noopener noreferrer"
+                >
+                  <span class="material-symbols-outlined text-lg">picture_as_pdf</span>
+                  Attestation sur l’honneur
+                  <span v-if="parc_contenus.documents[0].size">
+                    (PDF)
+                  </span>
+                </a>
+              </div>
+            </SectionContent>
+          </div>
+          <div class="fiche_description">
+            
+            <SectionContent class="fiche_description strapi-blocks">
+              <div class="">
+                <h1>CONDITIONS ADMINISTRATIVES</h1>
+                <h2>Procédure d’accès à un prêt d’instruments</h2>
+                <p>Le parc adresse aux utilisateurs un devis correspondant aux demandes exprimées.</p>
+                <p>Le devis et l’option de réservation qu’il constitue sont valables 21 jours.</p>
+                <p>Le devis accepté (ou un bon de commande) sera retourné au Parc, comportant obligatoirement les mentions suivantes :</p>
+                <ul>
+                  <li>les coordonnées de la structure demandant le prêt et de la personne responsable de l'opération,</li>
+                  <li>la liste des instruments et du matériel,</li>
+                  <li>le prix de la location,</li>
+                  <li>le jour de l'enlèvement des instruments et du matériel,</li>
+                  <li>le jour de retour de l'ensemble,</li>
+                  <li>les coordonnées de l'assureur couvrant l'opération,</li>
+                  <li>les renseignements demandés concernant l’opération.</li>
+                </ul>
+                <p>Ce document servira, à l'exclusion de tout autre, à déterminer la structure utilisatrice, seule destinataire de la facturation.</p>
+                <h2>Exécution des opérations de prêt</h2>
+                <p>Les personnes procédant à l’enlèvement, au transport et au retour des instruments sont réputées de ce fait être mandatées par la structure utilisatrice et, à ce titre, visent et lui transmettent les documents.</p>
+                <p>L'utilisateur est responsable des instruments hors des locaux du Parc instrumental de l'Orchestre national d'Île-de-France et se charge de tout contentieux impliquant un transporteur tiers qu'il aurait mandaté. Il appartient à l'utilisateur d'assurer le matériel contre tous les risques encourus. Lors de l’enlèvement et du retour du matériel, un contrôle de la liste de ce dernier est effectué. Le constat de l'état du matériel est établi contradictoirement par l'utilisateur et par le(s) régisseur(s) du Parc instrumental de l'Orchestre national d'Île-de-France.</p>
+                <p>Au départ, une fiche d'enlèvement est délivrée, comportant la liste des instruments et les dates de début et de fin de l'opération.
+                <br>
+                Au retour, une fiche est éventuellement à nouveau délivrée, comportant la mention des instruments non restitués et des détériorations survenues s’il y a lieu.</p>
+                <p>Les instruments restent la propriété exclusive du Parc instrumental de l'Orchestre national d'Île-de-France.</p>
+                <p>D'une manière générale et dans tous les cas, le matériel pris en charge ne peut être ni inscrit à l'actif de l'utilisateur, ni saisi ou donné en gage.</p>
+                <h1>CONDITIONS MATÉRIELLES</h1>
+                <ul>
+                  <li>l'accord des instruments (orgues, clavecins, percussions, etc.),</li>
+                  <li>l'assurance entre le départ et le retour dans ses locaux,</li>
+                  <li>l'emballage et l'envoi du matériel et des instruments par colis, messagerie, etc</li>
+                  <li>la fourniture de la "baguetterie", qui reste le fait des percussionnistes</li>
+                </ul>
+                <p>En outre, les utilisateurs sont avisés que certaines conditions sont requises pour la prise en charge des instruments :</p>
+                  <ul>
+                    <li>le véhicule utilisé doit être adapté à la nature et à la quantité des instruments. Les instruments seront protégés par des couvertures ou des garnitures, attachés dans le véhicule, non empilés lorsque leur nature l’interdit. Les couvertures et les sangles ne sont pas fournies par le Parc instrumental de l'Orchestre national d'Île-de-France,</li>
+                    <li>en particulier, les gros instruments (clavecins et orgues) ne seront pas confiés en cas de présentation d'un utilisateur avec un véhicule non adapté, dans lequel l'instrument ne pourrait être chargé sur un plancher plat et continu, un clavecin étant indifféremment disposé sur l'échine ou à plat. Certains instruments sont fournis montés. Les utilisateurs qui se verraient obligés de les démonter devront assurer eux-mêmes, sous leur responsabilité, les opérations de démontage et de remontage. Le contrôle après restitution prendra particulièrement en compte les conséquences éventuelles de ces opérations,</li>
+                    <li>les opérations de manutention (chargement et déchargement des véhicules) sont de la responsabilité des utilisateurs.</li>
+                  </ul>
+                  <h1>TARIFS - FACTURATION - MODALITÉS DE PAIEMENT</h1>
+                  <p>Le prix de location des instruments est indiqué sur le devis.</p>
+                  <p>Une facture est établie après restitution du matériel. Les instruments manquants seront facturés à leur valeur de remplacement. Les dégradations seront facturées pour le prix de la réparation. La restitution tardive du fait de l'utilisateur donne lieu à une facturation supplémentaire.</p>
+                  <p>Le paiement s'effectue à réception de la facture, sauf stipulation contraire lors de l'élaboration du devis ou du bon de commande. La loi du 31 décembre 1992 fait obligation de vous indiquer que le non-respect des conditions de paiement entraîne des intérêts de retard suivant modalités et taux définis par ladite loi.</p>
+                  <h1>LITIGES</h1>
+                  <p>En cas de retard ou d'incident de paiement, à quelque titre que ce soit, le Parc instrumental de l'Orchestre national d'Île-de-France pourra refuser toute nouvelle commande. En cas de litige et seulement après épuisement des voies de recours amiable, les deux parties conviennent de s'en remettre exclusivement à l'appréciation du Tribunal de Commerce de Créteil.</p>
+                  
+                
+              </div>
+            </SectionContent>
+          </div>
+      </PageSection>
+
+
+
       <!-- ================== -->
       <!-- CONTACT -->
       <!-- ================== -->

server/utils/mailer.js

@@ -67,7 +67,7 @@ export async function sendParcDemandEmails(payload) {
     `Bonjour ${payload.name},`,
     "",
     "Votre demande a bien été transmise à l'équipe du Parc instrumental.",
-    "Nous reviendrons vers vous dans les meilleurs delais.",
+    "Nous reviendrons vers vous dans les meilleurs délais.",
     "",
     "Recapitulatif :",
     `Type de demande : ${payload.requestType}`,