Menage dans le code de aPropos.html

www/aPropos.html

@@ -97,7 +97,6 @@
                             <div>
                                 <label>Quel personnage voudriez-vous essayer : </label>
                                 <div class="sidebyside">
-                                    <!-- test clickable region no need for in label when surrounding input ?? -->
                                     <label class="clickLabel" for="persoOne">
                                         <input type="checkbox" id="persoOne" name="persoOne" value="1">
                                         Ember</label>
@@ -134,7 +133,6 @@
                     </fieldset>
                     <fieldset>
                         <legend>Votre appréciation</legend>
-                        <!-- TODO : for="niveau" -->
                         <textarea name="zoneComment" rows="10" cols="80"
                             placeholder="Quelque chose à ajouter?"></textarea>
                     </fieldset>
@@ -164,50 +162,13 @@
                                 <a id="contenuCourriel" target="_blank" href="mailto:empty@zkd.ca">Équipe Les Alt-F4</a>
                             </div>
                         </div>
-
+                            <div class="conteneurMaps">
-                        <div>
+                                <iframe id="mapsFrame" title="Maps pour cégep"
-                            <div>
+                                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2800.9120010040356!2d-71.88890908663183!3d45.41111407095251!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4cb7b3a7a1058a9f%3A0xac83ae2c6ba0672c!2sC%C3%A9gep%20De%20Sherbrooke!5e0!3m2!1sen!2sca!4v1764356213744!5m2!1sen!2sca"
-                                <div class="conteneurMaps">
+                                    width="600" height="450" allowfullscreen="" loading="lazy"
-                                    <iframe id="mapsFrame" title="Maps pour cégep"
+                                    referrerpolicy="no-referrer-when-downgrade"></iframe>
-                                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2800.9120010040356!2d-71.88890908663183!3d45.41111407095251!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4cb7b3a7a1058a9f%3A0xac83ae2c6ba0672c!2sC%C3%A9gep%20De%20Sherbrooke!5e0!3m2!1sen!2sca!4v1764356213744!5m2!1sen!2sca"
-                                        width="600" height="450" allowfullscreen="" loading="lazy"
-                                        referrerpolicy="no-referrer-when-downgrade"></iframe>
-                                </div>
                             </div>
-                        </div>
                     </div>
-                    <!--
-FIXME: Input nom et courriel largeur 
-FIXME: Centrer les div et fond-d'ecran
-FIXME: Padding 2e box ...
-
-
-Contenu minimal de la page de contact de votre site Web :
-• <main> – Le contenu principal de la page
-o Des informations de contact sous forme de :
-▪ Des coordonnées (adresse civique, adresse courriel, etc.) (peuvent être fictives)
-▪ Une carte interactive (Google maps, etc.)
-
-
-475 Rue du Cégep, Sherbrooke, QC J1E 4K1
-https://www.cegepsherbrooke.qc.ca/
-+18195646350
-
-
-
-o Un formulaire de type « contactez-nous » :
-▪ Deux zones de texte monolignes
-▪ Une zone de texte multilignes
-▪ Une liste déroulante
-▪ Des choix sous forme de cases à cocher
-▪ Des choix sous forme de boutons radio
-▪ Un bouton de réinitialisation du formulaire
-▪ Un bouton d’envoi du formulaire
-o Lors de son envoi, le formulaire doit faire afficher une nouvelle page contenant un message de remerciement
-pour avoir complété le formulaire (ex : reponse.html). Cette page devra être créé en plus des autres pages
-demandées.
-
--->
                 </div>
             </div>
         </div>

www/css/style.css

@@ -380,6 +380,7 @@ footer a:hover {
         "titreInfo contenuInfo"
         "titreTelephone contenuTelephone"
         "titreCourriel contenuCourriel";
+    grid-template-columns: 1fr 2fr;
 }
 
 .aPropos .grille #titreAdresse {