added cartofixer embed

site/index.html

@@ -50,6 +50,28 @@
             <div id="mapList" class="block">
 
                 <h2>Liste des cartes</h2>
+                <!-- Le code suivant propose une intégration responsive, avec un rapport de taille fixé par défaut.  -->
+                <!-- Si vous souhaitez gérer vous-même la taille de la boîte contenant l'iframe, supprimez le style ci-dessous et la DIV #iFrameAtlas.  -->
+
+                <div id="iFrameAtlas">
+                    <style scoped>
+                        #iFrameAtlas {
+                            position: relative;
+                            width: 100%;
+                            padding-bottom: 55%;
+                        }
+
+                        @media (orientation:portrait) {
+                            #iFrameAtlas {
+                                padding-bottom: initial;
+                                height: 200vw;
+                                max-height: 85vh;
+                            }
+                        }
+
+                    </style>
+                    <iframe src="https://cartofixer.be/client/embed/9aeb4cf9-ab9c-4eaf-b311-13b95f78874f/5.49654/50.21170/9.097623538633071" width="100%" height="100%" style="position:absolute;" frameborder="0"></iframe>
+                </div>
 
                 <p> La carte que vous souhaitez n'existe pas encore ?
 

site/style/style.css

@@ -451,5 +451,4 @@ p.pitch a:hover {
   position: fixed;
   right: 5px;
   bottom: 32px;
-  font-size: 0.8rem;
 }