ajout bouton pour s'inscrire

cese.html

@@ -20,6 +20,8 @@
             <p id="adresse">9, place d’Iéna, 75016 Paris</p>
         </header>
         <div id="intro">
+            <a id="button" href="https://framaforms.org/vivre-en-milieu-rural-1676148073">Inscriptions jusqu'au 24 février 2023<br /><span>(80 places maximum en présentiel)</span></a>
+
             <p>Aujourd’hui, <span class="extra-bold">Vivre, entreprendre et investir en milieu rural est plus que jamais difficile voire impossible dans nos Zones de Revitalisation Rurales</span> (ZRR).</p>
             <p><span class="extra-bold">Pour identifier les effets leviers sur les enjeux climatiques, écologiques et sociaux ainsi que les freins à lever pour faciliter cette transition vitale pour notre société</span>, un séminaire est organisé <span class="extra-bold">lundi 13 mars 2023 à 13h30</span>, en présence de la Ministre déléguée chargée des Collectivités territoriales et de la Ruralité, Mme Dominique FAURE, et du Président du CESE, M. Thierry BEAUDET.</p>
         </div>
@@ -67,7 +69,7 @@
             </div>
             <div id="inscriptions">
                 <p>Vous souhaitez participer à ce séminaire en présentiel au Palais d’Iéna à Paris ou bien à distance en visioconférence ? <span class="extra-bold">Merci de vous inscrire avant le 24 février</span> 2023 <a href="https://framaforms.org/vivre-en-milieu-rural-1676148073">ici</a></p>
-                <p>Attention, le nombre de places au Palais d’Iéna est <span class="extra-bold">limité à 80</span>, premiers inscrits premiers servis !</p>
+                <p>Attention, le nombre de places au Palais d’Iéna est <span class="extra-bold">limité à 80</span>.</p>
             </div>
         </div>
     </body>

style.css

@@ -84,7 +84,7 @@ p#adresse {
 }
 
 #intro {
-    padding: 600px 18rem 30px 8rem;
+    padding: 440px 18rem 30px 8rem;
     background-color: #dcf094;
     font-size: 23px;
     line-height: 32px;
@@ -94,10 +94,39 @@ p#adresse {
     letter-spacing: 1px;
 }
 
+#intro #button {
+    display: block;
+    padding: 10px 0;
+    margin: 0 0 100px 0;
+    width: 500px;
+    background-color: #e7580f;
+    color: #fff;
+    text-decoration: none;
+    border-radius: 20px;
+    box-shadow: 0 0 2px 0 #44a4be;
+    text-align: center;
+    font-weight: bold;
+    font-size: 26px;
+}
+
+#intro #button:hover {
+    background-color: #e7824f;
+    color: #fff;
+}
+
+#intro #button span {
+    font-size: 18px;
+    font-weight: normal;
+}
+
 #intro p {
     margin-bottom: 30px;
 }
 
+#intro p:first-child {
+    padding-right: 5rem;
+}
+
 #programme {
     padding: 30px 9rem;
     background-color: #fff;