diff --git a/site/index.html b/site/index.html
index e0911ec..f3d48b2 100644
--- a/site/index.html
+++ b/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 ?