diff --git a/samples/ol3/ol3-geojson.html b/samples/ol3/ol3-geojson.html
index e71043574..d2c5387cb 100644
--- a/samples/ol3/ol3-geojson.html
+++ b/samples/ol3/ol3-geojson.html
@@ -14,6 +14,7 @@
     </head>
     <body>
         <h1>Une carte avec une couche GeoJSON</h1>
+        <p>NB : le clic sur les features s'obtient par l'ajout du controle GetFeatureInfo (ici : caché et activé).</p>
         <div id="geoportalMap"></div>
         <script type="text/javascript">
 
@@ -24,7 +25,13 @@ <h1>Une carte avec une couche GeoJSON</h1>
                     y : 5097147
                 },
                 controlsOptions : {
-                    "layerSwitcher" : {}
+                    "layerSwitcher" : {},
+                     "getfeatureinfo" : {
+                         options : {
+                             auto : true,
+                             hidden : true
+                         }
+                     }
                 },
                 layersOptions : {
                     macoucheGeoJSON : {
diff --git a/samples/ol3/ol3-gfi-wms.html b/samples/ol3/ol3-gfi-wms.html
new file mode 100644
index 000000000..32f66e18e
--- /dev/null
+++ b/samples/ol3/ol3-gfi-wms.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <link rel="stylesheet" href="../../dist/ol3/GpOl3-src.css" type="text/css">
+        <style>
+        body {
+            width : 100% !important;
+        }
+        #geoportalMap {
+            height: 500px;
+            width: 100%;
+        }
+        </style>
+        <script src="../../dist/ol3/GpOl3-src.js"></script>
+    </head>
+    <body>
+        <h1>Get Feature Info</h1>
+        <p>Exemple de mise en oeuvre du widget getFeatureInfo avec une couche WMS (école) et WMTS (photos).</p>
+        <p>Ici l'évènement par défault est le simple click.</p>
+        <div id="geoportalMap"></div>
+        <script type="text/javascript">
+
+            var map = Gp.Map.load('geoportalMap',{
+                apiKey : "jhyvi0fgmnuxvfv0zjzorvdn",
+                // proxyUrl : "http://localhost/proxy/php/proxy.php?url=",
+                // noProxyDomains : ["wxs.ign.fr"/*,"gpp3-wxs-v-ign-fr.aw.atosorigin.com"*/],
+                center : {
+                    x : 22700,
+                    y : 6395900
+                },
+                zoom : 15,
+                controlsOptions : {
+                    "layerSwitcher" : {},
+                    "mousePosition" : {},
+                    "getfeatureinfo" : {
+                        options : {
+                            active : true,
+                            hidden: false,
+                            defaultEvent : "singleclick",
+                            cursorStyle : "pointer"
+                        },
+                        layers : {
+                            'ecoles' : {},
+                            'ORTHOIMAGERY.ORTHOPHOTOS' : {}
+                        }
+                    }
+                },
+                layersOptions : {
+                    'ORTHOIMAGERY.ORTHOPHOTOS' : {
+                        queryable : true
+                    },
+                    'ecoles' : {
+                        minZoom : 14,
+                        maxZoom : 21,
+                        format : "wms",
+                        title : "Ecoles maternelles et élémentaires",
+                        description : "L'école maternelle peut accueillir les enfants avant l'instruction obligatoire qui débute à 6 ans. L'école élémentaire accueille les enfants scolarisés de 6 à 11 ans. Elle est mixte et gratuite si elle est publique. <a href='http://www.education.gouv.fr/pid24/les-niveaux-et-les-etablissements-d-enseignement.html'>En savoir plus.</a>. Source des données : MENESR février 2014, BD TOPO 2016",
+                        url : "http://wxs.ign.fr/an7nvfzojv5wa96dsga5nk8w/geoportail/v/wms",
+                        layers : ["UTILITYANDGOVERNMENTALSERVICES.IGN.POI.ENSEIGNEMENTPRIMAIRE"],
+                        outputFormat : "image/png",
+                        queryable : true,
+                        gfiFormat : "text/html",
+                        originators: [{
+                                "name":"IGN",
+                                "attribution":"Institut national de l'information géographique et forestière",
+                                "url":"http://www.ign.fr",
+                            }
+                        ]
+                    }
+                }
+            });
+
+        </script>
+    </body>
+</html>
diff --git a/samples/ol3/ol3-gfi.html b/samples/ol3/ol3-gfi.html
index bd6a1b8d5..a08657e1f 100644
--- a/samples/ol3/ol3-gfi.html
+++ b/samples/ol3/ol3-gfi.html
@@ -40,7 +40,12 @@ <h1>Get Feature Info</h1>
                             active : false,
                             hidden: false,
                             defaultEvent : "singleclick",
-                            cursorStyle : "pointer"
+                            cursorStyle : "pointer",
+                            autoPanOptions : {
+                                autoPan : true,
+                                duration : 1000,
+                                margin : 20
+                            }
                         },
                         layers : {
                             myVectorLayer : {},
diff --git a/samples/ol3/ol3-gpx.html b/samples/ol3/ol3-gpx.html
index 666857922..20b6925c5 100644
--- a/samples/ol3/ol3-gpx.html
+++ b/samples/ol3/ol3-gpx.html
@@ -14,6 +14,7 @@
     </head>
     <body>
         <h1>Une carte avec une couche GPX</h1>
+        <p>NB : le clic sur les features s'obtient par l'ajout du controle GetFeatureInfo (ici : caché et activé).</p>
         <div id="geoportalMap"></div>
         <script type="text/javascript">
 
diff --git a/samples/ol3/ol3-interaction.html b/samples/ol3/ol3-interaction.html
index 677e9cdb3..a1c42f336 100644
--- a/samples/ol3/ol3-interaction.html
+++ b/samples/ol3/ol3-interaction.html
@@ -14,10 +14,11 @@
     </head>
     <body>
         <h1>Test de l'activation / desactivation des interactions</h1>
+        <p>Version 1.0 : bugs constatés : (1) Après activation puis desactivation de getfeatureinfo => erreur au clic. (2) activation / desactivation de la navigation au clavier ("keyboard") inopérante </p>
         <div id="eventsDiv">
             <input type="checkbox" name="draggable" onclick="toggle(this);"/>enable Mouse navigation<br/>
             <input type="checkbox" name="keyboard" onclick="toggle(this);"/>enable keybord navigation<br/>
-            <input type="checkbox" name="selectable" onclick="toggle(this);"/>enable feature selection<br/>
+            <input type="checkbox" name="getfeatureinfo" onclick="toggle(this);"/>enable feature selection<br/>
         </div>
         <div id="geoportalMap"></div>
 
@@ -39,13 +40,32 @@ <h1>Test de l'activation / desactivation des interactions</h1>
                 },
                 zoom : 14,
                 controlsOptions : {
-                    selectable : false
+                    getfeatureinfo : {
+                        options : {
+                            auto : true,
+                            // hidden : true,
+                            active : false
+                        }
+                    },
+                    draggable : false,
+                    keyboard : false
                 }
             });
             function toggle(elem) {
                 var controlsOptions = {} ;
-                controlsOptions[elem.name] = elem.checked
-                map.addControls(controlsOptions) ;
+                if ( elem.name == "getfeatureinfo" ) {
+                    controlsOptions[elem.name] = {
+                        options : {
+                            auto : true,
+                            active : elem.checked,
+                            // hidden : true
+                        } 
+                    } ;
+                    map.modifyControls(controlsOptions) ;
+                } else {
+                    controlsOptions[elem.name] = elem.checked
+                    map.addControls(controlsOptions) ;
+                }
             }
         </script>
     </body>
diff --git a/samples/ol3/ol3-kml-drawing.html b/samples/ol3/ol3-kml-drawing.html
index 7811540f5..0413361f8 100644
--- a/samples/ol3/ol3-kml-drawing.html
+++ b/samples/ol3/ol3-kml-drawing.html
@@ -14,6 +14,7 @@
     </head>
     <body>
         <h1>Une carte affichant une couche KML</h1>
+        <p>NB : le clic sur les features s'obtient par l'ajout du controle GetFeatureInfo (ici : caché et activé).</p>
         <div id="geoportalMap"></div>
         <script type="text/javascript">
 
diff --git a/samples/ol3/ol3-kml.html b/samples/ol3/ol3-kml.html
index 20215f797..480158f61 100644
--- a/samples/ol3/ol3-kml.html
+++ b/samples/ol3/ol3-kml.html
@@ -14,6 +14,7 @@
     </head>
     <body>
         <h1>Une carte affichant une couche KML</h1>
+        <p>NB : le clic sur les features s'obtient par l'ajout du controle GetFeatureInfo (ici : caché et activé).</p>
         <div id="geoportalMap"></div>
         <script type="text/javascript">
 
diff --git a/samples/ol3/ol3-local-config.html b/samples/ol3/ol3-local-config.html
index 06676df55..393dddec3 100644
--- a/samples/ol3/ol3-local-config.html
+++ b/samples/ol3/ol3-local-config.html
@@ -18,7 +18,7 @@
     </head>
     <body>
         <h1>Test du paramètre configUrl</h1>
-        <h2>Config locale.</h2>
+        <p>La carte s'initialise à l'aide d'un fichier d'autoconfiguration local.</p>
         <div id="geoportalMap1"></div>
         <script type="text/javascript">
 
diff --git a/samples/ol3/ol3-marker.html b/samples/ol3/ol3-marker.html
index d5253b5cc..d26b0add9 100644
--- a/samples/ol3/ol3-marker.html
+++ b/samples/ol3/ol3-marker.html
@@ -83,17 +83,25 @@ <h1>Test du paramètre markersOptions</h1>
                 },
                 markersOptions: [{
                     url : "https://www.google.fr/maps/vt/icon/name=assets/icons/spotlight/spotlight_poi-0-tiny.png&color=ffff0000?scale=2",
-                    content : "Marker Google",
+                    content : "Marker Google. Avec autoPan.",
                     position : {
                         x : 261500,
                         y : 6250398
+                    },
+                    autoPanOptions : {
+                        autoPan : true,
+                        duration : 1000,
+                        margin : 20
                     }
                 },{
-                    content : "Marker par defaut",
+                    content : "Marker par defaut. Avec autoPan désactivé.",
                     offset : [-25.5, -38],
                     position : {
                         x : 261300,
                         y : 6250398
+                    },
+                    autoPanOptions : {
+                        autoPan : false
                     }
                 }]
             });
diff --git a/samples/ol3/ol3-measures-without-toolbox.html b/samples/ol3/ol3-measures-without-toolbox.html
index d261b98c4..4d6033f6a 100644
--- a/samples/ol3/ol3-measures-without-toolbox.html
+++ b/samples/ol3/ol3-measures-without-toolbox.html
@@ -22,6 +22,7 @@
     </head>
     <body>
         <h1>Controles Mesures</h1>
+        <p>Ici, les outils de mesures sont positionnés dans une div indépendante de la carte (sans container).</p>
         <div id="geoportalMap">
           <div id="container-measure">
             <!-- HERE : widgets tools measures -->
diff --git a/samples/ol3/ol3-measures.html b/samples/ol3/ol3-measures.html
index 436fbcb89..89d9529c2 100644
--- a/samples/ol3/ol3-measures.html
+++ b/samples/ol3/ol3-measures.html
@@ -20,6 +20,7 @@
     </head>
     <body>
         <h1>Controles Mesures</h1>
+        <p>Ajout des outils de mesures dans leur container standard. Personnalisation des styles de tracé.</p>
         <div id="geoportalMap"></div>
         <script type="text/javascript">
 
diff --git a/samples/ol3/ol3-modifyLayers.html b/samples/ol3/ol3-modifyLayers.html
index 90a3c6202..ea531948b 100644
--- a/samples/ol3/ol3-modifyLayers.html
+++ b/samples/ol3/ol3-modifyLayers.html
@@ -18,6 +18,7 @@
     </head>
     <body>
         <h1>Modify Layers</h1>
+        <p>Les trois boutons permettent d'agir sur les propriétés de chacune des couches à l'aide de la méthode modifyLayers().</p>
         <div id="geoportalMap"></div>
         <div id="BoutonDiv">
             <input type="button" name="export" onclick="modifyLayers();" value="modifiyLayers(null)"/><br/>
diff --git a/samples/ol3/ol3-projection.html b/samples/ol3/ol3-projection.html
index 204fa506f..ca070336c 100644
--- a/samples/ol3/ol3-projection.html
+++ b/samples/ol3/ol3-projection.html
@@ -13,6 +13,10 @@
             height: 400px;
             width: 600px;
           }
+          #geoportalMap3 {
+            height: 400px;
+            width: 600px;
+          }
         </style>
         <script src="../../dist/ol3/GpOl3-src.js"></script>
     </head>
@@ -24,6 +28,9 @@ <h2>CAS 1 : l'utilisateur veut afficher une carte en WebMercator.</h2>
         <h2>CAS 2 : l'utilisateur veut afficher une carte en WGS84.</h2>
         <p>La projection de la carte est EPSG:4326.</p>
         <div id="geoportalMap2"></div>
+        <h2>CAS 3 : l'utilisateur veut afficher une carte en EPSG:2154.</h2>
+        <p>La projection de la carte est EPSG:2154.</p>
+        <div id="geoportalMap3"></div>
         <script type="text/javascript">
             Gp.Map.load('geoportalMap1',{
                 apiKey : "jhyvi0fgmnuxvfv0zjzorvdn",
@@ -51,6 +58,19 @@ <h2>CAS 2 : l'utilisateur veut afficher une carte en WGS84.</h2>
                 }
             });
 
+            Gp.Map.load('geoportalMap3',{
+                apiKey : "jhyvi0fgmnuxvfv0zjzorvdn",
+                projection : "EPSG:2154",
+                layersOptions : {
+                    'maCoucheWMS' : {
+                        format : "wms",
+                        title : "Cours d'eau",
+                        url : "http://services.sandre.eaufrance.fr/geo/zonage",
+                        layers : ["TronconHydrographique"]
+                    }
+                }
+            });
+
         </script>
     </body>
 </html>
diff --git a/samples/ol3/ol3-removeLayers.html b/samples/ol3/ol3-removeLayers.html
index ab7200c7c..2acaa7bf7 100644
--- a/samples/ol3/ol3-removeLayers.html
+++ b/samples/ol3/ol3-removeLayers.html
@@ -18,6 +18,7 @@
     </head>
     <body>
         <h1>removeLayers</h1>
+        <p>Les trois boutons permettent de retirer des couches à l'aide la méthode removeLayers()</p>
         <div id="geoportalMap"></div>
         <div id="BoutonDiv">
             <input type="button" name="export" onclick="removeLayers();" value="Remove(null)"/><br/>
diff --git a/samples/ol3/ol3-wfs-geoportail.html b/samples/ol3/ol3-wfs-geoportail.html
index 599b31dd1..bbae28296 100644
--- a/samples/ol3/ol3-wfs-geoportail.html
+++ b/samples/ol3/ol3-wfs-geoportail.html
@@ -14,6 +14,7 @@
     </head>
     <body>
         <h1>Affichage couche WFS Géoportail</h1>
+        <p>En mode : "couche externe"</p>
         <div id="geoportalMap"></div>
         <script type="text/javascript">
 
@@ -28,7 +29,8 @@ <h1>Affichage couche WFS Géoportail</h1>
                     "ORTHOIMAGERY.ORTHOPHOTOS" : {},
                     maCoucheWFS : {
                         format :"wfs",
-                        url : "http://wxs.ign.fr/kgco926a9mj4fcng4whjf5ac/geoportail/wfs",
+                        // TODO : changer la clef ?
+                        url : "https://wxs.ign.fr/kgco926a9mj4fcng4whjf5ac/geoportail/wfs",
                         typeNames : "BDPARCELLAIRE-VECTEUR_WLD_BDD_WGS84G:parcelle",
                         version : "2.0.0",
                         // version : "1.1",
diff --git a/samples/ol3/ol3-wfs.html b/samples/ol3/ol3-wfs.html
index 99c4e39bb..62e85c182 100644
--- a/samples/ol3/ol3-wfs.html
+++ b/samples/ol3/ol3-wfs.html
@@ -14,6 +14,7 @@
     </head>
     <body>
         <h1>Une carte avec une couche WFS</h1>
+        <p>TODO : revoir le serveur WFS ou les features utilisés ("Error occurred getting features Schema 'water_areas' does not exist.")</p>
         <div id="geoportalMap"></div>
         <script type="text/javascript">
 
diff --git a/samples/ol3/ol3-wms-gfi.html b/samples/ol3/ol3-wms-gfi.html
index 1705ab229..81fb82817 100644
--- a/samples/ol3/ol3-wms-gfi.html
+++ b/samples/ol3/ol3-wms-gfi.html
@@ -17,8 +17,8 @@
     </head>
     <body>
         <h1>WMS Géoportail "externe" et GetFeatureInfo</h1>
-        <p>couche WMS SHOM chargée avec l'option tiled : true => logos parfois tronqués</p>
-        <p>couche WMS Ecoles chargée sans l'option tiled => logos non tronqués</p>
+        <p>couche WMS SHOM chargée avec l'option tiled : true => logos parfois tronqués, queryable avec le bouton droit (event : "contextmenu").</p>
+        <p>couche WMS Ecoles chargée sans l'option tiled => logos non tronqués, queryable au clic gauche.</p>
         <div id="geoportalMap"></div>
         <script type="text/javascript">
 
@@ -38,6 +38,8 @@ <h1>WMS Géoportail "externe" et GetFeatureInfo</h1>
                         layers : {
                             'WMS1' : {
                                 event: "contextmenu",
+                            },
+                            'ecoles' : {
                             }
                         },
                         options : {
diff --git a/samples/ol3/ol3-wms.html b/samples/ol3/ol3-wms.html
index 178e53f81..34cf121d8 100644
--- a/samples/ol3/ol3-wms.html
+++ b/samples/ol3/ol3-wms.html
@@ -14,6 +14,7 @@
     </head>
     <body>
         <h1>Une carte avec une couche WMS</h1>
+        <p>Serveur utilisé : url : "http://services.sandre.eaufrance.fr/geo/zonage", layers : ["TronconHydrographique", "RegionHydro"]</p>
         <div id="geoportalMap"></div>
         <script type="text/javascript">
 
diff --git a/samples/ol3/ol3-wmsc-espagne.html b/samples/ol3/ol3-wmsc-espagne.html
index 0ae5ef956..e500017e7 100644
--- a/samples/ol3/ol3-wmsc-espagne.html
+++ b/samples/ol3/ol3-wmsc-espagne.html
@@ -17,6 +17,7 @@
     </head>
     <body>
         <h1>WMSC Géoportail comme WMS</h1>
+        <p>Ne marche pas : mauvais positionnement du tuilage à priori ("HTTP 400: X,Y values for the tile index were calculated to be {31.516983765983948, 23.381766524120494}  which had to be rounded to {32, 23}  and exceeds the threshold of 10%. Perhaps the client is using the wrong origin ?")</p>
         <div id="geoportalMap"></div>
         <script type="text/javascript">
 
diff --git a/samples/ol3/ol3-wmsc-geologie.html b/samples/ol3/ol3-wmsc-geologie.html
index e73fd0b26..173849d24 100644
--- a/samples/ol3/ol3-wmsc-geologie.html
+++ b/samples/ol3/ol3-wmsc-geologie.html
@@ -16,14 +16,15 @@
         <script src="../../dist/ol3/GpOl3-src.js"></script>
     </head>
     <body>
-        <h1>WMSC Géoportail comme WMS</h1>
+        <h1>WMSC Géologie comme WMS</h1>
+        <p>Charge la couche géologie du BRGM depuis le serveur WMSC comme une couche WMS (en mode tuilé)</p>
         <div id="geoportalMap"></div>
         <script type="text/javascript">
 
             var map = Gp.Map.load('geoportalMap',{
                 apiKey : "jhyvi0fgmnuxvfv0zjzorvdn",
-                proxyUrl : "http://localhost/proxy/php/proxy.php?url=",
-                noProxyDomains : ["wxs.ign.fr"/*,"gpp3-wxs-v-ign-fr.aw.atosorigin.com"*/],
+                // proxyUrl : "http://localhost/proxy/php/proxy.php?url=",
+                // noProxyDomains : ["wxs.ign.fr"/*,"gpp3-wxs-v-ign-fr.aw.atosorigin.com"*/],
                 center : {
                     x : 5.35,
                     y : 45.27,
@@ -36,8 +37,8 @@ <h1>WMSC Géoportail comme WMS</h1>
                 },
                 layersOptions : {
                     "ORTHOIMAGERY.ORTHOPHOTOS" : {},
-                    // Couche WMS-C externe proxyfiée...
                     "GEOLOGY.GEOLOGY::EXTERNAL:OGC:EXTERNALWMS" : {
+                        tiled : true,
                         format : "wms",
                         version : "1.1.1",
                         title : "Géologie (BRGM)",
diff --git a/samples/ol3/ol3-wmsc-luxembourg.html b/samples/ol3/ol3-wmsc-luxembourg.html
deleted file mode 100644
index 6e0705a98..000000000
--- a/samples/ol3/ol3-wmsc-luxembourg.html
+++ /dev/null
@@ -1,70 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-        <link rel="stylesheet" href="../../dist/ol3/GpOl3-src.css" type="text/css">
-        <style>
-        body {
-            width : 100% !important;
-        }
-        #geoportalMap {
-            height: 500px;
-            width: 100%;
-        }
-        </style>
-        <script src="../../dist/ol3/GpOl3-src.js"></script>
-    </head>
-    <body>
-        <h1>WMSC Géoportail comme WMS</h1>
-        <div id="geoportalMap"></div>
-        <script type="text/javascript">
-
-            var map = Gp.Map.load('geoportalMap',{
-                apiKey : "jhyvi0fgmnuxvfv0zjzorvdn",
-                proxyUrl : "http://localhost/proxy/php/proxy.php?url=",
-                noProxyDomains : ["wxs.ign.fr"/*,"gpp3-wxs-v-ign-fr.aw.atosorigin.com"*/],
-                center : {
-                    x : 6.12,
-                    y : 49.59,
-                    projection : "EPSG:4326"
-                },
-                zoom : 9,
-                controlsOptions : {
-                    "layerSwitcher" : {},
-                    "mousePosition" : {}
-                },
-                layersOptions : {
-                    "ORTHOIMAGERY.ORTHOPHOTOS" : {},
-                    // Couche WMS-C externe proxyfiée...
-                    "EQUIDEC_VAR::EXTERNAL:OGC:EXTERNALWMS" : {
-                        format : "wms",
-                        version : "1.1.1",
-                        title : "Réseau équidécouverte du Var",
-                        description : "Equi'découverte est un réseau composé des itinéraires équestres du département du Var. En cours de développement, il permet actuellement de découvrir le territoire de Coeur du Var et du massif des Maures. Il se compose d'itinéraires et d'un balisage. Chaque itinéraire est caractérisé par un nom et un gestionnaire. Le balisage est quant à lui composé de balises caractérisées par un numéro. Les données sont valides pour le mois de Juin 2012",
-                         url : "http://proxy-wxs.ign.fr/url/http:/wmsc.crige-paca.org/tilecache.py",
-                         outputFormat : "image/png",
-                         projection : "EPSG:4326",
-                         minZoom : 9,
-                         maxZoom : 16,
-                         layers : ["equidecouverte_var_2012"]
-                    },
-                    // Couche WMS-C externe proxyfiée...
-                    "GEOGRAPHICALGRIDSYSTEMS.MAPS.LUX$GEOPORTAIL:OGC:WMS" : {
-                        format : "wms",
-                        version : "1.1.1",
-                        title : "Grand-Duché de Luxembourg - cartes topographiques",
-                        description : "Cartes topographiques du Grand-Duché de Luxembourg.",
-                         url : "http://ign1.geoportail.lu/auto_topo",
-                         outputFormat : "image/png",
-                         projection : "EPSG:4326",
-                         minZoom : 5,
-                         maxZoom : 21,
-                         layers : ["ALL"]
-                    }
-                }
-            });
-
-        </script>
-    </body>
-</html>
diff --git a/samples/ol3/ol3-wmts-geoportail.html b/samples/ol3/ol3-wmts-geoportail.html
index 7f4522840..c5bd86654 100644
--- a/samples/ol3/ol3-wmts-geoportail.html
+++ b/samples/ol3/ol3-wmts-geoportail.html
@@ -14,6 +14,7 @@
     </head>
     <body>
         <h1>Une carte avec une couche WMTS Géoportail Externe</h1>
+        <p>Ici, tous les paramètres de la couche Photographies aériennes sont passé "à la main" au chargement.</p>
         <div id="geoportalMap"></div>
         <script type="text/javascript">
             var map = Gp.Map.load('geoportalMap',{
diff --git a/samples/ol3/ol3-wmts-restful.html b/samples/ol3/ol3-wmts-restful.html
index 945113b41..382790951 100644
--- a/samples/ol3/ol3-wmts-restful.html
+++ b/samples/ol3/ol3-wmts-restful.html
@@ -17,6 +17,7 @@
     </head>
     <body>
         <h1>WMTS Restful</h1>
+        <p>Chargement d'une couche WMTS Restful (Cartes Topographiques du Luxembourg) via Gp.Map.load()</p>
         <div id="geoportalMap"></div>
         <script type="text/javascript">
 
diff --git a/src/IMap.js b/src/IMap.js
index 7f676d0cf..55083f328 100644
--- a/src/IMap.js
+++ b/src/IMap.js
@@ -127,6 +127,16 @@ define([
             noProxyDomains : ["wxs.ign.fr"]
         };
 
+        /**
+         * Default autoPanOptions
+         * @private
+         */
+        IMap.DEFAULT_AUTOPAN_OPTIONS = {
+            autoPan : true,
+            duration : 250,
+            margin : 5
+        };
+
         /**
          * Options par défaut des styles de dessin
          * @private
@@ -1424,7 +1434,7 @@ define([
              * |-|-|
              * | 'draggable' | Enable (true) / disable (false) map dragging/zoomming by mouse or pointer interaction. |
              * | 'keyboard' | Enable (true) / disable (false) map dragging/zoomming by keybord interaction. |
-             * | 'selectable' | Enable (true) / disable (false) feature selection on the map. |
+             * | 'selectable' | Enable (true) / disable (false) feature selection on the map. [**DEPRECATED**] : use ['getfeatureinfo'](./Gp.ControlOptions.html#getfeatureinfo) control instead to allow users to interact with features. |
              * | 'zoom' | Adds Zoom widget to the map. See [options availables](./Gp.ControlOptions.html#zoom) |
              * | 'orientation' | Adds orientation widget to the map. See [options availables](./Gp.ControlOptions.html#orientation) |
              * | 'layerswitcher' | Adds layers selector widget to the map. See [options availables](./Gp.ControlOptions.html#layerswitcher) |
diff --git a/src/Map.js b/src/Map.js
index 3af718612..762d74370 100644
--- a/src/Map.js
+++ b/src/Map.js
@@ -343,10 +343,26 @@ define([
          * @property {String} [url = <default lightOrange marker>] - Icon URL used to materialize the marker.
          * @property {Array.<Number>} [offset = [-25.5, -38]] - Offsets in pixels used when positioning the marker towards targeted point. The first element in the array is the horizontal offset. A positive value shifts the marker right. The second element in the array is the vertical offset. A positive value shifts the marker down. Default is offset associated to default marker image.
          * @property {Array.<Number>} [ppoffset = [0,-15]] - Offsets in pixels used when positioning the popup towards click. The first element in the array is the horizontal offset. A positive value shifts the popup right. The second element in the array is the vertical offset. A positive value shifts the popup down. Default value ([0, -15]) fits with default popup positioning.
+         * @property {Gp.AutoPanOptions} autoPanOptions - Defines autoPan options for popups. 
          */
         var markerOptions = {
         } ;
 
+        /**
+         * AutoPan options object.
+         *
+         * Holds options to define autopan behaviour for popups displaying when they overlap the borders of the map.
+         *
+         * @namespace
+         * @alias Gp.AutoPanOptions
+         *
+         * @property {Boolean} [autoPan = true] - If true, then autoPan is activated.
+         * @property {Number} [duration = 250] - Duration (in ms) of autoPan animation when autoPan is set to true.
+         * @property {Number} [margin = 5] - Size (in px) of the space between the border of the map and the border of the popup when autoPan is set to true and occurs.
+         */
+        var autoPanOptions = {
+        } ;
+
         /**
          * Layer options object.
          *
@@ -575,6 +591,7 @@ define([
          * | options.defaultEvent | String | optional | 'singleclick' | Specifies the default triggering event chosen in the list ['singleclick', 'dblclick', 'contextmenu']. This is the triggering event of all layers added to the control without configured triggering event. |
          * | options.defaultInfoFormat | String | optional | 'text/html' | Indicates the default format mime-type of the response of GetFeatureInfo requests. |
          * | options.cursorStyle | String | optional | 'pointer' | Specifies the type of cursor to be displayed when pointing on vector feature of a layer previously added to the control. The value must be choosen in the possible values of the css cursor property. |
+         * | options.autoPanOptions | {@link Gp.AutoPanOptions} | optional |  | Defines autoPan Options for popup display on click. |
          * | layers | Object | | | List of layers requested by the control and their options (those layers have to be queryable). Associative array mapping ids of layers and their properties : </br><ul><li>event (String, optional) : name of the mouse event triggering the "getfeatureinfo" request.</li><li>infoFormat (String, optional) : indicates the format mime-type of the response of GetFeatureInfo requests.</li></ul> |
          *
          * <a id="layerimport"></a>
diff --git a/src/ol3/OL3.js b/src/ol3/OL3.js
index 4be5ea613..49ce5d951 100644
--- a/src/ol3/OL3.js
+++ b/src/ol3/OL3.js
@@ -1236,23 +1236,34 @@ define([
             var gfiOpts = {} ;
             gfiOpts.options = {};
 
-            if (controlOpts.options.hasOwnProperty("auto")) {
-                gfiOpts.options.auto = controlOpts.options.auto ;
-            }
-            if (controlOpts.options.hasOwnProperty("active")) {
-                gfiOpts.options.active = controlOpts.options.active ;
-            }
-            if (controlOpts.options.hasOwnProperty("hidden")) {
-                gfiOpts.options.hidden = controlOpts.options.hidden ;
-            }
-            if (controlOpts.options.hasOwnProperty("defaultEvent")) {
-                gfiOpts.options.defaultEvent = controlOpts.options.defaultEvent ;
-            }
-            if (controlOpts.options.hasOwnProperty("defaultInfoFormat")) {
-                gfiOpts.options.defaultInfoFormat = controlOpts.options.defaultInfoFormat ;
-            }
-            if (controlOpts.options.hasOwnProperty("cursorStyle")) {
-                gfiOpts.options.cursorStyle = controlOpts.options.cursorStyle ;
+            if (controlOpts.hasOwnProperty("options")) {
+                if (controlOpts.options.hasOwnProperty("auto")) {
+                    gfiOpts.options.auto = controlOpts.options.auto ;
+                }
+                if (controlOpts.options.hasOwnProperty("active")) {
+                    gfiOpts.options.active = controlOpts.options.active ;
+                }
+                if (controlOpts.options.hasOwnProperty("hidden")) {
+                    gfiOpts.options.hidden = controlOpts.options.hidden ;
+                }
+                if (controlOpts.options.hasOwnProperty("defaultEvent")) {
+                    gfiOpts.options.defaultEvent = controlOpts.options.defaultEvent ;
+                }
+                if (controlOpts.options.hasOwnProperty("defaultInfoFormat")) {
+                    gfiOpts.options.defaultInfoFormat = controlOpts.options.defaultInfoFormat ;
+                }
+                if (controlOpts.options.hasOwnProperty("cursorStyle")) {
+                    gfiOpts.options.cursorStyle = controlOpts.options.cursorStyle ;
+                }
+                // autoPan Options. If undefined : set defaults
+                if (!controlOpts.options.hasOwnProperty("autoPanOptions")) {
+                    controlOpts.options.autoPanOptions = IMap.DEFAULT_AUTOPAN_OPTIONS ;
+                }
+                gfiOpts.options.autoPan = controlOpts.options.autoPanOptions.autoPan ;
+                gfiOpts.options.autoPanAnimation = {
+                    duration : controlOpts.options.autoPanOptions.duration
+                } ;
+                gfiOpts.options.autoPanMargin = controlOpts.options.autoPanOptions.margin ;
             }
             if (this.mapOptions && this.mapOptions.proxyUrl) {
                 gfiOpts.options.proxyUrl = this.mapOptions.proxyUrl ;
@@ -1281,6 +1292,7 @@ define([
                             if ( mapLayer.options.gfiFormat ) {
                                 layerConf.infoFormat = mapLayer.options.gfiFormat;
                             }
+                            
                             gfiOpts.layers.push(layerConf) ;
                             break;
                         }
@@ -1300,6 +1312,7 @@ define([
          * @param {Array.<String>} controlIds - A list of control's id or null.
          */
         OL3.prototype.removeControls = function (controlIds) {
+ 
             this.logger.trace("[OL3] : removeControls ... ");
             if (!controlIds || (Array.isArray(controlIds) && controlIds.length == 0) ) {
                 console.log("No control to remove.") ;
@@ -1424,7 +1437,8 @@ define([
                         evtPx[1] + this.mo.ppoffset[1]
                     ]),
                     this.mo.content,
-                    this.mo.contentType
+                    this.mo.contentType,
+                    this.mo.autoPanOptions
                  ) ;
             } ;
             for (ii = 0 ; ii < markersOptions.length ; ii++) {
@@ -1459,6 +1473,18 @@ define([
                 if (!mo.hasOwnProperty("contentType")) {
                     mo.contentType = "text/html" ;
                 }
+                // autoPan Options
+                if (!mo.hasOwnProperty("autoPanOptions")) {
+                    // by default : autoPan true
+                    mo.autoPanOptions = {
+                        autoPan : IMap.DEFAULT_AUTOPAN_OPTIONS.autoPan,
+                        // properties of autoPanAnimation : https://openlayers.org/en/latest/apidoc/olx.html#.OverlayPanOptions
+                        autoPanAnimation : {
+                            duration : IMap.DEFAULT_AUTOPAN_OPTIONS.duration
+                        },
+                        autoPanMargin : IMap.DEFAULT_AUTOPAN_OPTIONS.margin
+                    } ;
+                }
                 // create overlay
                 var fcoords = [mo.position.x, mo.position.y] ;
                 if (mo.position.hasOwnProperty("projection")) {
