new card impact

assets/css/base/_body.scss

@@ -102,6 +102,22 @@ body, #site-header, #site-footer{
 }
 
 
+@mixin pin(){
+    .pin{
+        width: 18px;
+        height: 18px;
+        transform: rotate(45deg);
+        transform-origin: center;
+        svg{
+            width: 100%;
+            height: 100%;
+            fill: var(--color-txt);
+        }
+    }
+}
+
+
+
 body.menu-open,
 body.is-hidden{
     overflow-y: hidden;

assets/css/components/_card-impact.scss

@@ -4,260 +4,181 @@
     container-name: impact;
     border: var(--border-light);
     margin-bottom: calc(var(--spacing)*1);
+    padding: var(--padding-inner);
 
-    &.has-link {
+    display: flex;
-        @include hover-card-line();
+    flex-direction: column;
+    align-items: start;
+    justify-content: start;
+    gap: calc(var(--spacing)*0.25);
+
+
+
+    @include hover-card-line();
+    @include figure-3-1();
+    @include pin();
+
+    .title{
+        font-size: var(--fs-normal);
+        font-weight: 500;
+        text-transform: uppercase;
+        line-height: var(--leading-title);
+        padding-top:  calc(var(--spacing)*0.5);
+        margin-right: 2ch;
     }
 
-
+    .date{
-    .card--impact__inner {
-        @include grid-content();
-        padding: calc(var(--padding-inner)*1.5) var(--padding-inner);
-
-
          font-size: var(--fs-small);
+         margin-top: calc(var(--spacing)*1.5);
+    }
 
-        // border-bottom: var(--border-light);
+    .investigations{
-        // padding: calc(var(--spacing)*0.5) 0;
+        text-decoration: none;
-        // &:first-of-type{
+        list-style: none;
-        //     border-top: var(--border-light);
+        li{
-        // }
+            font-size: var(--fs-small);
-
+            color: var(--color-txt-light);
-
+            a{
-        @include btn--go-to();
-
-        .btn--go-to {
-            top: calc(var(--padding-inner)*1);
-            bottom: auto;
-        }
-
-
-
-        .content {
-            grid-column: 2;
-        }
-
-        .card--open-graph {
-            grid-row: 1/3;
-            grid-column: 2;
-            z-index: 10;
-        }
-
-        .keywords-wrapper {
-            grid-column: 1;
-            grid-row: 2/4;
-            align-self: end;
-            z-index: 10;
-        }
-
-        &:not([data-impact-type="media"]) .content {
-            @media #{$x-small} {
-                grid-column: span 2;
-            }
-        }
-
-        .tag {
-
-            width: auto;
-            justify-self: start;
-            position: relative;
-            top: -5px;
-
-        }
-
-        &:not([data-impact-type="media"]) {
-            .content {
-                padding-right: calc(var(--padding-inner)*2.5);
-            }
-
-        }
-
-
-
-
-        .investigations {
-            z-index: 10;
-            grid-column: 2;
-            list-style: none;
-            font-size: var(--fs-xsmall);
-
-
-            a {
                 text-decoration: none;
-                color: var(--color-txt-light);
-
             }
-
+            a::before{
-            .icon {
+                content: "↪ "
-                position: relative;
-                top: 2px;
-
-                svg {
-                    width: 14px;
-                    height: 14px;
-                    fill: var(--color-txt-light);
-                }
-            }
-
-            li:hover {
-                a {
-                    color: var(--color-txt);
-                }
-
-                .icon svg {
-                    fill: var(--color-txt);
-                }
-            }
-
-        }
-
-
-
-
-
-
-
-
-        .open-graph__details {
-            grid-column: 2;
-            @include details-summary();
-
-            summary {
-                color: var(--color-txt-light);
-
-                .arrow-details svg {
-                    fill: var(--color-txt-light);
-                }
-            }
-
-            @media #{$x-small} {
-                summary {
-                    @include grid-content();
-                    grid-row-gap: 0;
-
-                    .summary-inner {
-                        grid-column: 2;
-                    }
-                }
-
-                grid-column: 1/3;
             }
         }
-
-
-
-
-        // .open-graph__inner {
-        //     margin-top: calc(var(--spacing)*0.5);
-        //     // margin-bottom: calc(var(--spacing)*1);
-
-        //     .card--open-graph {
-        //         margin-bottom: calc(var(--spacing)*0.5);
-        //     }
-
-        // }
-    }
-}
-
-
-
-@container impact (width < 460px) {
-    .card--impact__inner{
-        display: block!important;
-        padding-top: var(--padding-inner)!important;
-        padding-bottom: calc(var(--padding-inner)*0.75)!important;
-  
-
-    .tag, .date{
-        display: inline-flex;
-        margin-right: 2ch;
-        top: 0px!important;
-    }
-
-    .card--impact__inner > .content{
-        margin-top: calc(var(--spacing)*0.75);
-        margin-bottom: calc(var(--spacing)*0.25);
-        padding-right: 0!important;
     }
 
     .card--open-graph{
-        margin-top: calc(var(--spacing)*0.75);
+        width: 100%;
-        margin-bottom: calc(var(--spacing)*0.25);
+        margin: calc(var(--spacing)*0.5) 0;
     }
 
-    .investigations{
+    .pin{
-        margin-top: calc(var(--spacing)*0.25);
+        position: absolute;
-        margin-bottom: calc(var(--spacing)*0.25);
+        top: var(--padding-inner);
-    }
+        right: var(--padding-inner);
-
-    .keywords-wrapper {
-        margin-top: calc(var(--spacing)*1);
   
     }
-    .content,
+
-    details {
+    figure{
-        font-size: var(--fs-small) !important;
+        width: calc(100% + var(--padding-inner)*2);
+        position: relative;
+        left: calc(var(--padding-inner)*-1);
+        top: calc(var(--padding-inner)*-1);
     }
 
-     .date{
-         font-size: var(--fs-xsmall) !important;
-     }
-
-    .btn--go-to {
-        top: calc(var(--padding-inner)*1.25)!important;
-        bottom: auto;
-        right: calc(var(--padding-inner)*1.25)!important;
-    }
-}
-}
    
 
-@media #{$x-small}{
-    .card--impact__inner{
-        display: block!important;
-        padding-top: var(--padding-inner)!important;
-        padding-bottom: calc(var(--padding-inner)*0.75)!important;
 
-
-    .tag, .date{
-        display: inline-flex;
-        margin-right: 2ch;
-        top: 0px!important;
-    }
-
-    .content{
-        margin-top: calc(var(--spacing)*0.75);
-        margin-bottom: calc(var(--spacing)*0.25);
-        padding-right: 0!important;
-    }
-
-    .card--open-graph{
-        margin-top: calc(var(--spacing)*0.75);
-        margin-bottom: calc(var(--spacing)*0.25);
-    }
-
-    .investigations{
-        margin-top: calc(var(--spacing)*0.25);
-        margin-bottom: calc(var(--spacing)*0.25);
-    }
-
-    .keywords-wrapper {
-        margin-top: calc(var(--spacing)*1);
-
-    }
-    .date,
-    .content,
-    details {
-        font-size: 14px !important;
-    }
-
-    .btn--go-to {
-        top: calc(var(--padding-inner)*1.25)!important;
-        bottom: auto;
-        right: calc(var(--padding-inner)*1.25)!important;
-    }
-}
 }
 
 
 
+// @container impact (width < 460px) {
+//     .card--impact__inner{
+//         display: block!important;
+//         padding-top: var(--padding-inner)!important;
+//         padding-bottom: calc(var(--padding-inner)*0.75)!important;
+  
+
+//     .tag, .date{
+//         display: inline-flex;
+//         margin-right: 2ch;
+//         top: 0px!important;
+//     }
+
+//     .card--impact__inner > .content{
+//         margin-top: calc(var(--spacing)*0.75);
+//         margin-bottom: calc(var(--spacing)*0.25);
+//         padding-right: 0!important;
+//     }
+
+//     .card--open-graph{
+//         margin-top: calc(var(--spacing)*0.75);
+//         margin-bottom: calc(var(--spacing)*0.25);
+//     }
+
+//     .investigations{
+//         margin-top: calc(var(--spacing)*0.25);
+//         margin-bottom: calc(var(--spacing)*0.25);
+//     }
+
+//     .keywords-wrapper {
+//         margin-top: calc(var(--spacing)*1);
+
+//     }
+//     .content,
+//     details {
+//         font-size: var(--fs-small) !important;
+//     }
+
+//      .date{
+//          font-size: var(--fs-xsmall) !important;
+//      }
+
+//     .btn--go-to {
+//         top: calc(var(--padding-inner)*1.25)!important;
+//         bottom: auto;
+//         right: calc(var(--padding-inner)*1.25)!important;
+//     }
+// }
+// }
+
+
+// @media #{$x-small}{
+//     .card--impact__inner{
+//         display: block!important;
+//         padding-top: var(--padding-inner)!important;
+//         padding-bottom: calc(var(--padding-inner)*0.75)!important;
+    
+
+//     .tag, .date{
+//         display: inline-flex;
+//         margin-right: 2ch;
+//         top: 0px!important;
+//     }
+
+//     .content{
+//         margin-top: calc(var(--spacing)*0.75);
+//         margin-bottom: calc(var(--spacing)*0.25);
+//         padding-right: 0!important;
+//     }
+
+//     .card--open-graph{
+//         margin-top: calc(var(--spacing)*0.75);
+//         margin-bottom: calc(var(--spacing)*0.25);
+//     }
+
+//     .investigations{
+//         margin-top: calc(var(--spacing)*0.25);
+//         margin-bottom: calc(var(--spacing)*0.25);
+//     }
+
+//     .keywords-wrapper {
+//         margin-top: calc(var(--spacing)*1);
+
+//     }
+//     .date,
+//     .content,
+//     details {
+//         font-size: 14px !important;
+//     }
+
+//     .btn--go-to {
+//         top: calc(var(--padding-inner)*1.25)!important;
+//         bottom: auto;
+//         right: calc(var(--padding-inner)*1.25)!important;
+//     }
+// }
+// }
+
+
+
+
+
+
+[data-template="impacts"] .page__content{
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-gap: var(--padding-inner);
+
+}

assets/css/components/_figures.scss

@@ -16,6 +16,36 @@
 
 
 
+@mixin figure-3-1(){
+    & > figure{
+        aspect-ratio: 3/1;
+        overflow: hidden;
+        img{
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+    }
+}
+
+
+
+@mixin figure-2-1(){
+    figure{
+        aspect-ratio: 2/1;
+        overflow: hidden;
+        img{
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+    }
+}
+
+
+
+
+
 @mixin figure-16-9-hover{
     figure{
         aspect-ratio: 16/9;

assets/css/style.css

@@ -1479,15 +1479,19 @@ button.sort[data-sort-type=up] .arrow {
   container-name: impact;
   border: var(--border-light);
   margin-bottom: calc(var(--spacing) * 1);
-}
+  padding: var(--padding-inner);
-.card--impact.has-link {
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  justify-content: start;
+  gap: calc(var(--spacing) * 0.25);
   border-bottom: var(--border-light);
   position: relative;
 }
-.card--impact.has-link:first-of-type {
+.card--impact:first-of-type {
   border-top: var(--border-light);
 }
-.card--impact.has-link::before {
+.card--impact::before {
   content: "";
   width: 100%;
   border-top: 1px solid transparent;
@@ -1495,243 +1499,82 @@ button.sort[data-sort-type=up] .arrow {
   top: -1px;
   left: 0;
 }
-.card--impact.has-link:hover {
+.card--impact:hover {
   background-color: var(--grey-950);
   border-color: var(--color-txt);
 }
-.card--impact.has-link:hover::before {
+.card--impact:hover::before {
   border-color: var(--color-txt);
 }
-.card--impact .card--impact__inner {
+.card--impact > figure {
-  display: grid;
+  aspect-ratio: 3/1;
-  grid-gap: var(--padding-inner);
+  overflow: hidden;
-  grid-template-columns: 2fr 3fr;
-  position: relative;
-  padding: calc(var(--padding-inner) * 1.5) var(--padding-inner);
-  font-size: var(--fs-small);
-  position: relative;
 }
-.card--impact .card--impact__inner .btn--go-to {
+.card--impact > figure img {
-  position: absolute;
-  right: var(--padding-inner);
-  bottom: calc(var(--padding-inner) - 3px);
-}
-.card--impact .card--impact__inner .btn--go-to svg {
-  width: 15px;
-  height: 15px;
-  fill: var(--color-txt);
-}
-@media screen and (max-width: 768px) {
-  .card--impact .card--impact__inner .btn--go-to svg {
-    width: 11px;
-    height: 11px;
-  }
-}
-@media screen and (max-width: 560px) {
-  .card--impact .card--impact__inner .btn--go-to {
-    right: calc(var(--padding-inner) * 0.5);
-    bottom: calc(var(--padding-inner) * 0.25);
-  }
-  .card--impact .card--impact__inner .btn--go-to svg {
-    width: 11px;
-    height: 11px;
-  }
-}
-.card--impact .card--impact__inner:hover .btn--go-to {
-  animation: wiggle-left 0.8s ease-in-out;
-}
-.card--impact .card--impact__inner .btn--go-to {
-  top: calc(var(--padding-inner) * 1);
-  bottom: auto;
-}
-.card--impact .card--impact__inner .content {
-  grid-column: 2;
-}
-.card--impact .card--impact__inner .card--open-graph {
-  grid-row: 1/3;
-  grid-column: 2;
-  z-index: 10;
-}
-.card--impact .card--impact__inner .keywords-wrapper {
-  grid-column: 1;
-  grid-row: 2/4;
-  align-self: end;
-  z-index: 10;
-}
-@media screen and (max-width: 560px) {
-  .card--impact .card--impact__inner:not([data-impact-type=media]) .content {
-    grid-column: span 2;
-  }
-}
-.card--impact .card--impact__inner .tag {
-  width: auto;
-  justify-self: start;
-  position: relative;
-  top: -5px;
-}
-.card--impact .card--impact__inner:not([data-impact-type=media]) .content {
-  padding-right: calc(var(--padding-inner) * 2.5);
-}
-.card--impact .card--impact__inner .investigations {
-  z-index: 10;
-  grid-column: 2;
-  list-style: none;
-  font-size: var(--fs-xsmall);
-}
-.card--impact .card--impact__inner .investigations a {
-  text-decoration: none;
-  color: var(--color-txt-light);
-}
-.card--impact .card--impact__inner .investigations .icon {
-  position: relative;
-  top: 2px;
-}
-.card--impact .card--impact__inner .investigations .icon svg {
-  width: 14px;
-  height: 14px;
-  fill: var(--color-txt-light);
-}
-.card--impact .card--impact__inner .investigations li:hover a {
-  color: var(--color-txt);
-}
-.card--impact .card--impact__inner .investigations li:hover .icon svg {
-  fill: var(--color-txt);
-}
-.card--impact .card--impact__inner .open-graph__details {
-  grid-column: 2;
-}
-.card--impact .card--impact__inner .open-graph__details summary,
-.card--impact .card--impact__inner .open-graph__details .summary-inner {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  gap: 0.5ch;
-}
-.card--impact .card--impact__inner .open-graph__details .arrow-details {
-  line-height: 0;
-  --size: 11px;
-  height: var(--size);
-  width: var(--size);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  top: -2px;
-}
-.card--impact .card--impact__inner .open-graph__details .arrow-details svg {
-  transition: transform 0.2s ease-in;
   width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.card--impact .pin {
+  width: 18px;
+  height: 18px;
+  transform: rotate(45deg);
+  transform-origin: center;
+}
+.card--impact .pin svg {
+  width: 100%;
+  height: 100%;
   fill: var(--color-txt);
 }
-.card--impact .card--impact__inner .open-graph__details summary:hover {
+.card--impact .title {
-  color: var(--color-txt);
+  font-size: var(--fs-normal);
+  font-weight: 500;
+  text-transform: uppercase;
+  line-height: var(--leading-title);
+  padding-top: calc(var(--spacing) * 0.5);
+  margin-right: 2ch;
 }
-.card--impact .card--impact__inner .open-graph__details summary:hover .arrow-details svg {
+.card--impact .date {
-  fill: var(--color-txt);
+  font-size: var(--fs-small);
+  margin-top: calc(var(--spacing) * 1.5);
 }
-.card--impact .card--impact__inner .open-graph__details[open] .arrow-details svg {
+.card--impact .investigations {
-  transform: rotate(90deg);
+  text-decoration: none;
+  list-style: none;
 }
-.card--impact .card--impact__inner .open-graph__details summary {
+.card--impact .investigations li {
+  font-size: var(--fs-small);
   color: var(--color-txt-light);
 }
-.card--impact .card--impact__inner .open-graph__details summary .arrow-details svg {
+.card--impact .investigations li a {
-  fill: var(--color-txt-light);
+  text-decoration: none;
 }
-@media screen and (max-width: 560px) {
+.card--impact .investigations li a::before {
-  .card--impact .card--impact__inner .open-graph__details {
+  content: "↪ ";
-    grid-column: 1/3;
+}
-  }
+.card--impact .card--open-graph {
-  .card--impact .card--impact__inner .open-graph__details summary {
+  width: 100%;
-    display: grid;
+  margin: calc(var(--spacing) * 0.5) 0;
-    grid-gap: var(--padding-inner);
+}
-    grid-template-columns: 2fr 3fr;
+.card--impact .pin {
-    position: relative;
+  position: absolute;
-    grid-row-gap: 0;
+  top: var(--padding-inner);
-  }
+  right: var(--padding-inner);
-  .card--impact .card--impact__inner .open-graph__details summary .summary-inner {
+}
-    grid-column: 2;
+.card--impact figure {
-  }
+  width: calc(100% + var(--padding-inner) * 2);
+  position: relative;
+  left: calc(var(--padding-inner) * -1);
+  top: calc(var(--padding-inner) * -1);
 }
 
-@container impact (width < 460px) {
+[data-template=impacts] .page__content {
-  .card--impact__inner {
+  display: grid;
-    display: block !important;
+  grid-template-columns: 1fr 1fr;
-    padding-top: var(--padding-inner) !important;
+  grid-gap: var(--padding-inner);
-    padding-bottom: calc(var(--padding-inner) * 0.75) !important;
-  }
-  .card--impact__inner .tag, .card--impact__inner .date {
-    display: inline-flex;
-    margin-right: 2ch;
-    top: 0px !important;
-  }
-  .card--impact__inner .card--impact__inner > .content {
-    margin-top: calc(var(--spacing) * 0.75);
-    margin-bottom: calc(var(--spacing) * 0.25);
-    padding-right: 0 !important;
-  }
-  .card--impact__inner .card--open-graph {
-    margin-top: calc(var(--spacing) * 0.75);
-    margin-bottom: calc(var(--spacing) * 0.25);
-  }
-  .card--impact__inner .investigations {
-    margin-top: calc(var(--spacing) * 0.25);
-    margin-bottom: calc(var(--spacing) * 0.25);
-  }
-  .card--impact__inner .keywords-wrapper {
-    margin-top: calc(var(--spacing) * 1);
-  }
-  .card--impact__inner .content,
-  .card--impact__inner details {
-    font-size: var(--fs-small) !important;
-  }
-  .card--impact__inner .date {
-    font-size: var(--fs-xsmall) !important;
-  }
-  .card--impact__inner .btn--go-to {
-    top: calc(var(--padding-inner) * 1.25) !important;
-    bottom: auto;
-    right: calc(var(--padding-inner) * 1.25) !important;
-  }
-}
-@media screen and (max-width: 560px) {
-  .card--impact__inner {
-    display: block !important;
-    padding-top: var(--padding-inner) !important;
-    padding-bottom: calc(var(--padding-inner) * 0.75) !important;
-  }
-  .card--impact__inner .tag, .card--impact__inner .date {
-    display: inline-flex;
-    margin-right: 2ch;
-    top: 0px !important;
-  }
-  .card--impact__inner .content {
-    margin-top: calc(var(--spacing) * 0.75);
-    margin-bottom: calc(var(--spacing) * 0.25);
-    padding-right: 0 !important;
-  }
-  .card--impact__inner .card--open-graph {
-    margin-top: calc(var(--spacing) * 0.75);
-    margin-bottom: calc(var(--spacing) * 0.25);
-  }
-  .card--impact__inner .investigations {
-    margin-top: calc(var(--spacing) * 0.25);
-    margin-bottom: calc(var(--spacing) * 0.25);
-  }
-  .card--impact__inner .keywords-wrapper {
-    margin-top: calc(var(--spacing) * 1);
-  }
-  .card--impact__inner .date,
-  .card--impact__inner .content,
-  .card--impact__inner details {
-    font-size: 14px !important;
-  }
-  .card--impact__inner .btn--go-to {
-    top: calc(var(--padding-inner) * 1.25) !important;
-    bottom: auto;
-    right: calc(var(--padding-inner) * 1.25) !important;
-  }
 }
+
 .card--impact-small {
   border-bottom: var(--border-light);
   display: grid;

site/templates/impacts.php

@@ -32,101 +32,74 @@
 
     <!-- Contenu statique temporaire -->
     <div class="card--impact" data-impact-type="media">
-        <div class="card--impact__inner">
+        <h3 class="title">Index dans le Monde</h3>
-        <p class="tag">Médiatique</p>
+         <p class="tag">Médiatique</p>
-
+                     <p class="date">24 janvier 2026</p>
         <?php snippet('card-open-graph') ?>
-            <ul class="investigations">
-                <li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L'exécution de Nidal et Khaled 'Amirah à Naplouse</a></li>
-                <li><a href="/enquetes/l-homicide-de-nahel-merzouk"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L’homicide de Nahel Merzouk</a></li>  
-        </ul>
-      
-
-        <div class="keywords-wrapper">
-        <ul class="keywords">
-                        <li><a href="#keyword" target="_blank">Occupation</a></li>
-                        <li><a href="#keyword" target="_blank">Colonialité</a></li>
-                        <li><a href="#keyword" target="_blank">Forces armées</a></li>
-                    </ul>
-        </div>
-    </div>
     </div>
 
 
     <div class="card--impact has-link" data-impact-type="judiciaire">
-    <div class="card--impact__inner">
+            <div class="pin"><?= svg('assets/icons/pin.svg') ?></div>
         <h3 class="title">L’analyse d’INdex fait l’objet d’un reportage par CNN</h3>
         <p class="tag">Judiciaire</p>
         <p class="date">24 janvier 2026</p>
-
         <ul class="investigations">
-                <li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L'homicide de Renée Goof</a></li>
+            <li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">L'homicide de Renée Goof</a></li>
-            </ul>
+        </ul>
-
+        <a class="link-block" href="#" target="_blank"></a>
-            <button class="btn--go-to"><a href="#" target="_blank"><?= svg('assets/icons/arrow-left.svg') ?></a></button>
-            <a class="link-block" href="#" target="_blank"></a>
-    </div>
     </div>
 
      <div class="card--impact has-link" data-impact-type="judiciaire">
-        <div class="card--impact__inner">
+            <div class="pin"><?= svg('assets/icons/pin.svg') ?></div>
             <h3 class="title">Ouverture d’une imformation judiciaire</h3>
             <p class="tag">Judiciaire</p>
             <p class="date">24 janvier 2026</p>
-
             <ul class="investigations">
-                    <li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L'homicide de Renée Goof</a></li>
+                <li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">L'homicide de Renée Goof</a></li>
-                </ul>
+            </ul>
-
+            <a class="link-block" href="#" target="_blank"></a>
-                <button class="btn--go-to"><a href="#" target="_blank"><?= svg('assets/icons/arrow-left.svg') ?></a></button>
-                <a class="link-block" href="#" target="_blank"></a>
-        </div>
         </div>
 
          <div class="card--impact has-link" data-impact-type="judiciaire">
-        <div class="card--impact__inner">
             <figure><img src="/assets/images/SequenceOrbit_Finale_1245.png"></figure>
             <h3 class="title">LA RECONSTITUTION D’INDEX PROJETÉE EN AUDIENCE AU TRIBUNAL DE BOBIGNY</h3>
             <p class="tag">Judiciaire</p>
             <p class="date">24 janvier 2026</p>
-
             <ul class="investigations">
-                    <li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L'homicide de Renée Goof</a></li>
+                    <li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">L'homicide de Renée Goof</a></li>
-                </ul>
+            </ul>
-
+            <a class="link-block" href="#" target="_blank"></a>
-                <button class="btn--go-to"><a href="#" target="_blank"><?= svg('assets/icons/arrow-left.svg') ?></a></button>
-                <a class="link-block" href="#" target="_blank"></a>
-        </div>
         </div>
 
 
-            <div class="card--impact has-link" data-impact-type="judiciaire">
+        <div class="card--impact has-link" data-impact-type="judiciaire">
-        <div class="card--impact__inner">
             <h3 class="title">INDEX DANS L’ÉMISSION “LE DESSOUS DES IMAGES” (ARTE)</h3>
             <p class="tag">Médiathique</p>
             <p class="date">24 janvier 2026</p>
 
             <ul class="investigations">
-                    <li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L'homicide de Renée Goof</a></li>
+                    <li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">L'homicide de Renée Goof</a></li>
-                </ul>
+            </ul>
-
+            <a class="link-block" href="#" target="_blank"></a>
-                <button class="btn--go-to"><a href="#" target="_blank"><?= svg('assets/icons/arrow-left.svg') ?></a></button>
-                <a class="link-block" href="#" target="_blank"></a>
-        </div>
         </div>
 
-            <div class="card--impact has-link" data-impact-type="judiciaire">
+        <div class="card--impact has-link" data-impact-type="judiciaire">
-        <div class="card--impact__inner">
             <h3 class="title">“CONTRE-ENQUÊTES NUMÉRIQUES” : CONFÉRENCE À L’ENSAD (PARIS)</h3>
             <p class="tag">Public</p>
             <p class="date">24 janvier 2026</p>
-
+            <a class="link-block" href="#" target="_blank"></a>
-   
-                <a class="link-block" href="#" target="_blank"></a>
-        </div>
         </div>
 
 
+        <div class="card--impact has-link" data-impact-type="judiciaire">
+            <figure><img src="/assets/images/eclairages.png"></figure>
+            <h3 class="title">“CONTRE-ENQUÊTES NUMÉRIQUES” : CONFÉRENCE À L’ENSAD (PARIS)</h3>
+            <p class="tag">Public</p>
+            <p class="date">24 janvier 2026</p>
+            <a class="link-block" href="#" target="_blank"></a>
+        </div>
+