diff --git a/src/app/structure-list/components/card/card.component.ts b/src/app/structure-list/components/card/card.component.ts
index ed8b3158f0c7c573c571d644a3c6eb1a1bbc3206..94440ab2d1d22a56d29fd2585b81971ffd13f0a2 100644
--- a/src/app/structure-list/components/card/card.component.ts
+++ b/src/app/structure-list/components/card/card.component.ts
@@ -1,4 +1,5 @@
 import { Component, Input, Output, OnInit, EventEmitter } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
 import { Structure } from '../../../models/structure.model';
 import { GeojsonService } from '../../../services/geojson.service';
 
@@ -12,7 +13,7 @@ export class CardComponent implements OnInit {
   @Output() public showDetails: EventEmitter<Structure> = new EventEmitter<Structure>();
   @Output() public hover: EventEmitter<Structure> = new EventEmitter<Structure>();
 
-  constructor(private geoJsonService: GeojsonService) {}
+  constructor(private route: ActivatedRoute, private router: Router) {}
   ngOnInit(): void {}
 
   /**
@@ -28,6 +29,12 @@ export class CardComponent implements OnInit {
 
   public cardClicked(): void {
     this.showDetails.emit(this.structure);
+    this.router.navigate([], {
+      relativeTo: this.route,
+      queryParams: {
+        id: this.structure._id,
+      },
+    });
   }
 
   public cardHover(): void {
diff --git a/src/app/structure-list/components/structure-details/structure-details.component.html b/src/app/structure-list/components/structure-details/structure-details.component.html
index 99d3963e86d3fa19ae784903415b6b9bf7b11f96..160c48a0b30d7d0a7d4442e9d6e546c97bf10a8d 100644
--- a/src/app/structure-list/components/structure-details/structure-details.component.html
+++ b/src/app/structure-list/components/structure-details/structure-details.component.html
@@ -1,7 +1,7 @@
 <div class="structrue-details-container" *ngIf="structure && !isLoading">
   <!-- Header info -->
   <div fxLayout="row" fxLayoutAlign="end center">
-    <div (click)="close(false)" class="ico-close-details"></div>
+    <div (click)="close()" class="ico-close-details"></div>
   </div>
   <div fxLayout="row" class="structure-details-block" fxLayoutAlign="baseline baseline" fxLayoutGap="8px">
     <div fxLayout="column" fxLayoutGap="10px" fxFlex="100%">
diff --git a/src/app/structure-list/components/structure-details/structure-details.component.scss b/src/app/structure-list/components/structure-details/structure-details.component.scss
index 19284a7cc69c13612863296b2667cefa0dfa7332..77a9025cc2ea1a08097687f61b7cfa76d1b9acda 100644
--- a/src/app/structure-list/components/structure-details/structure-details.component.scss
+++ b/src/app/structure-list/components/structure-details/structure-details.component.scss
@@ -18,7 +18,7 @@ a {
   left: 0;
   max-width: 980px;
   width: 100%;
-  height: calc(100vh - #{$header-height} - #{$footer-height});
+  height: calc(100vh - #{$header-height} - #{$footer-height} - 20px);
   padding: 10px 24px;
   overflow: auto;
   @media #{$tablet} {
diff --git a/src/app/structure-list/components/structure-details/structure-details.component.ts b/src/app/structure-list/components/structure-details/structure-details.component.ts
index 215f44fa93f6162f67710f47a6cf3f871c11d100..2bea610b866f383a497841222d6c0497d8b063ae 100644
--- a/src/app/structure-list/components/structure-details/structure-details.component.ts
+++ b/src/app/structure-list/components/structure-details/structure-details.component.ts
@@ -107,8 +107,10 @@ export class StructureDetailsComponent implements OnInit {
     }
   }
 
-  public close(refreshRequired: boolean): void {
-    this.closeDetails.emit(refreshRequired);
+  public close(): void {
+    this.router.navigate([], {
+      relativeTo: this.route,
+    });
   }
 
   public print(): void {
diff --git a/src/app/structure-list/structure-list.component.ts b/src/app/structure-list/structure-list.component.ts
index 45624ec9e82de52c0c5bb07504e1ae6719840317..22404f28f83b5e1d3da84f4b27216dc6b0a024b0 100644
--- a/src/app/structure-list/structure-list.component.ts
+++ b/src/app/structure-list/structure-list.component.ts
@@ -3,6 +3,8 @@ import { Filter } from './models/filter.model';
 import { Structure } from '../models/structure.model';
 import { GeoJson } from '../map/models/geojson.model';
 import * as _ from 'lodash';
+import { ActivatedRoute, Router } from '@angular/router';
+import { StructureService } from '../services/structure.service';
 
 @Component({
   selector: 'app-structure-list',
@@ -28,11 +30,29 @@ export class StructureListComponent implements OnChanges {
   private arrayChunked: Structure[][] = [];
   private chunck = 10;
 
-  constructor() {}
+  constructor(private route: ActivatedRoute, private router: Router, private structureService: StructureService) {
+    this.route.queryParams.subscribe((queryParams) => {
+      if (queryParams.id) {
+        if (!this.structure) {
+          this.structureService.getStructure(queryParams.id).subscribe((s) => {
+            this.showDetails(new Structure(s));
+          });
+        }
+      } else {
+        this.closeDetails();
+      }
+    });
+  }
 
   ngOnChanges(changes: SimpleChanges): void {
     if (changes.selectedStructure && this.selectedStructure) {
       this.showDetails(this.selectedStructure);
+      this.router.navigate([], {
+        relativeTo: this.route,
+        queryParams: {
+          id: this.selectedStructure._id,
+        },
+      });
     }
     if (changes.structureList) {
       this.structuresListChunked = this.chunckAnArray(this.structureList);
diff --git a/src/index.html b/src/index.html
index 17a60d8dc5ca086b2bc6e590f6f49aa944a87ad5..51427aa9d985afb6f4ebcb6529c9917be588630a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -11,7 +11,6 @@
       content="Plateforme à destination des acteurs de l'inclusion numérique de la métropole de Lyon"
     />
     <meta property="og:image" content="https://resin.grandlyon.com/assets/logos/logo_1200.svg" />
-    >
 
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
     <link rel="stylesheet" href="https://openlayers.org/en/v4.6.5/css/ol.css" type="text/css" />