diff --git a/src/app/card-resto/card-resto.component.html b/src/app/card-resto/card-resto.component.html
index eda8112..2baae9e 100644
--- a/src/app/card-resto/card-resto.component.html
+++ b/src/app/card-resto/card-resto.component.html
@@ -53,7 +53,6 @@
             <div class="d-inline-flex" *ngIf="restaurant.website; else noWebsite">
               <p class="description pt-3 ps-2 pe-1"><i class="bi bi-globe2 ps-2 pe-2" style="color:#a8a8a8"></i>
                 <a href="{{restaurant.website}}" class="description text-decoration-none pe-1" style="font-style: italic;font-weight: bold; color:#545454">Site Web</a>
-
               </p>
             </div>
             <!-- le else de notre *ngIf plus haut-->
@@ -67,30 +66,54 @@
 
 
           <div class="trait-rouge pt-2 pb-0"></div>
-          <div class="critere ps-1 pt-3">
-            <span class="sur-place pe-3" style="color:#545454">Sur place :</span>
-            <app-icon
-              [iconName]="restaurant.surPlace ? 'bi bi-check-square-fill' : 'bi bi-x-square-fill ps-2 pt-1 '"
-              [iconColor]="restaurant.surPlace ? '#4ECB71' : '#ED2F2F'"
-            ></app-icon>
-            <span class="a-emporter pe-2 ps-4 " style="color:#545454">A emporter :</span>  
-            <app-icon 
-              [iconName]="restaurant.aEmporter ? 'bi bi-check-square-fill' : 'bi bi-x-square-fill ps-2 pt-1'"
-              [iconColor]="restaurant.aEmporter ? '#4ECB71' : '#ED2F2F'"
-            ></app-icon>
-          </div>
+            <div class="critere ps-1 pt-3">
+                
+              <div class="d-inline-flex " *ngIf="restaurant.surPlace else noInfosSurPlace">
+                  <span class="sur-place pe-3" style="color:#545454">Sur place :</span>            
+                  <app-icon 
+                    [iconName]="restaurant.surPlace ? 'bi bi-check-square-fill' : 'bi bi-x-square-fill ps-2 pt-1 '"
+                    [iconColor]="restaurant.surPlace ? '#4ECB71' : '#ED2F2F'"
+                  ></app-icon>
+                </div>
+                <ng-template #noInfosSurPlace>
+                  <span class="d-flex" style="color:#545454">Sur place :</span> 
+                  <p style="font-size:1.9vh ;color:#545454">Infos non disponible.</p>
+                </ng-template>
+                
+                <div class="d-inline-flex " *ngIf="restaurant.aEmporter != null else noInfosAEmporter">
+                  <span class="a-emporter pe-2 ps-4 " style="color:#545454">A emporter :</span>  
+                  <app-icon 
+                    [iconName]="restaurant.aEmporter ? 'bi bi-check-square-fill' : 'bi bi-x-square-fill ps-2 pt-1'"
+                    [iconColor]="restaurant.aEmporter ? '#4ECB71' : '#ED2F2F'"
+                  ></app-icon>
+                </div>
+                <ng-template #noInfosAEmporter>
+                  <span class="d-flex a-emporter pt-2 " style="color:#545454">A emporter :</span> 
+                  <p style="font-size:1.9vh ;color:#545454">Infos non disponible.</p>
+                </ng-template>
+            </div>
           <div class="trait-rouge pt-3"></div>
           <div class="critere d-flex justify-content-center ps-1 pt-3 pb-3">
             <span class="acces-pmr pe-1" style="color:#545454">Accès PMR :</span>
 
-            <app-icon
-            [iconName]="restaurant.accesPMR ? 'bi bi-check-square-fill' : 'bi bi-x-square-fill ps-1 pt-1'"
-            [iconColor]="restaurant.accesPMR ? '#4ECB71' : '#ED2F2F'"
-          ></app-icon>
+            <div class="d-inline-flex " *ngIf="restaurant.accesPMR else noAccesPMR">
+              <app-icon 
+              [iconName]="restaurant.accesPMR ? 'bi bi-check-square-fill' : 'bi bi-x-square-fill ps-1 pt-1'"
+              [iconColor]="restaurant.accesPMR ? '#4ECB71' : '#ED2F2F'"
+              ></app-icon>
+            </div>
+            <!-- le else de notre *ngIf plus haut-->
+            <ng-template #noAccesPMR>
+             <p class=" ps-2"style="font-size:1.9vh ;color:#545454">Infos non disponible.</p>
+            </ng-template>
+            <!--  ------------------------------------  -->
           </div>
           <div class="reserver pt-2">
             <button type="button" class="button">Réserver</button>
           </div>
         </div>
+
       </div>
+
+    
 </div>
diff --git a/src/app/card-resto/card-resto.component.ts b/src/app/card-resto/card-resto.component.ts
index 005d776..f2b310d 100644
--- a/src/app/card-resto/card-resto.component.ts
+++ b/src/app/card-resto/card-resto.component.ts
@@ -17,6 +17,7 @@ export class CardRestoComponent implements OnInit {
   
   constructor(private apiBackService : ApiBackService) {
     this.distance = 0 ;
+  
    }
 
   ngOnInit(): void {
diff --git a/src/app/pages/resto-page/resto-page.component.ts b/src/app/pages/resto-page/resto-page.component.ts
index 62ec299..4b1aee8 100644
--- a/src/app/pages/resto-page/resto-page.component.ts
+++ b/src/app/pages/resto-page/resto-page.component.ts
@@ -31,6 +31,9 @@ export class RestoPageComponent implements OnInit {
 
     })
     }
+  console.log(this.apiBackService);
+  
+