diff --git a/app.vue b/app.vue
index 6d946e78..0684e5ec 100644
--- a/app.vue
+++ b/app.vue
@@ -509,4 +509,17 @@ h4 {
     order: 10;
   }
 }
+
+.skeleton, .skeleton-cards {
+  background-color: rgb(var(--v-theme-gris-skeleton)) !important;
+}
+
+a,
+a:visited,
+a:hover,
+a:active {
+  color: inherit;
+  text-decoration: none;
+  font-weight: 600;
+}
 </style>
\ No newline at end of file
diff --git a/assets/idref-icone.png b/assets/idref-icone.png
deleted file mode 100644
index 28a920ac..00000000
Binary files a/assets/idref-icone.png and /dev/null differ
diff --git a/components/common/DomainSelector.vue b/components/common/DomainSelector.vue
index 956a7675..239088d4 100644
--- a/components/common/DomainSelector.vue
+++ b/components/common/DomainSelector.vue
@@ -94,7 +94,8 @@ watch(() => currentRoute.path, () => {
   }
 
   .v-divider {
-    color: #0b2134;
+    color: rgb(var(--v-theme-gris-fonce));
+    opacity: 0.5;
     border-width: 0 2px 0 0;
     margin: 0 2rem 0 2rem;
 
diff --git a/components/common/ExportButton.vue b/components/common/ExportButton.vue
index 99e6a588..66b47a8c 100644
--- a/components/common/ExportButton.vue
+++ b/components/common/ExportButton.vue
@@ -1,12 +1,7 @@
 <template>
   <v-menu location="bottom">
     <template v-slot:activator="{ props }">
-      <v-btn flat append-icon="mdi-file-export-outline" variant="outlined" v-bind="props">
-        <template v-slot:append-icon>
-          <v-icon>
-            mdi-file-export-outline
-          </v-icon>
-        </template>
+      <v-btn flat append-icon="mdi-upload-box" variant="outlined" v-bind="props">
         <p>{{ $t("theseView.exporter") }}</p>
       </v-btn>
     </template>
diff --git a/components/common/HeaderCustom.vue b/components/common/HeaderCustom.vue
index e7cba708..f61d0423 100644
--- a/components/common/HeaderCustom.vue
+++ b/components/common/HeaderCustom.vue
@@ -212,4 +212,8 @@ header {
     opacity: 1;
   }
 }
+
+:deep(.v-switch__track) {
+  background-color: rgb(var(--v-theme-gris-switch));
+}
 </style>
\ No newline at end of file
diff --git a/components/common/HeaderMobile.vue b/components/common/HeaderMobile.vue
index 896ee86b..b9e6c5f1 100644
--- a/components/common/HeaderMobile.vue
+++ b/components/common/HeaderMobile.vue
@@ -3,37 +3,32 @@
     <div class="left-side-buttons">
       <!--    Bouton menu burger -->
       <div class="buttons">
-        <v-icon @click="activateMenu" size="35px" :class="{ 'logo-active': showMenu }">mdi-menu
+        <v-icon :title="$t('menu')" @click="activateMenu" size="35px" :class="{ 'logo-active': showMenu }">mdi-menu
         </v-icon>
-        <v-tooltip activator="parent">{{ $t('menu') }}</v-tooltip>
       </div>
       <v-btn variant="plain" @click="dialog = true" class="buttons language-accessibility-button"
         :title="$t('access.btn')">
         <img :alt="$t('header.accessibility')" id="logo-handicap-visuel" :src="'/icone-handicap-visuel-' + colorMode + '.svg'" />
-        <v-tooltip activator="parent">{{ $t('header.accessibility') }}</v-tooltip>
       </v-btn>
     </div>
     <div class="right-side-buttons">
       <!--    Bouton filtres-->
       <button v-if="type === 'resultats'" @click="activateFilterMenu" color="primary"
         class="filter-mobile-nav-bar buttons">
-        <v-icon v-bind="props" size="35px">mdi-filter-menu-outline
+        <v-icon :title="$t('filtres')" v-bind="props" size="35px">mdi-filter-menu-outline
         </v-icon>
-        <v-tooltip activator="parent" location="start">{{ $t('filtres') }}</v-tooltip>
       </button>
       <!-- Bouton accès theses -->
       <button
         v-if="type === 'these' && theseSoutenue && (categoriesValide.length > 0 || boutonsAutres.length > 0) || (theseSoutenue && status === 'enCours')"
         @click="activateThesisAccess" class="filter-mobile-nav-bar buttons">
-        <v-icon v-bind="props" color="primary" size="35px">mdi-book-arrow-down-outline
+        <v-icon :title="$t('theseView.access')" v-bind="props" color="primary" size="35px">mdi-book-arrow-down-outline
         </v-icon>
-        <v-tooltip activator="parent">{{ $t('theseView.access') }}</v-tooltip>
       </button>
       <!--    Bouton menu recherche/selecteur these/personnes-->
       <div v-if="type !== 'home'" class="buttons">
-        <v-icon @click="activateSearchBar" size="35px" :class="{ 'logo-active': showSearchBar }">mdi-magnify
+        <v-icon :title="$t('rechercher')" @click="activateSearchBar" size="35px" :class="{ 'logo-active': showSearchBar }">mdi-magnify
         </v-icon>
-        <v-tooltip activator="parent" location="start">{{ $t('rechercher') }}</v-tooltip>
       </div>
     </div>
   </nav>
@@ -337,4 +332,8 @@ watch(changeContrast, newValue => {
 :deep(.v-btn--variant-plain) {
   opacity: 1 !important;
 }
+
+:deep(.v-switch__track) {
+  background-color: rgb(var(--v-theme-gris-switch));
+}
 </style>
\ No newline at end of file
diff --git a/components/common/Keywords.vue b/components/common/Keywords.vue
index 5e78cef1..7ee1f656 100644
--- a/components/common/Keywords.vue
+++ b/components/common/Keywords.vue
@@ -12,7 +12,8 @@
         <div class="mots-cles-controlles" v-if="rameauKeywords.length > 0">
           <div class="subtitle">
             <h3>{{ $t("motCleControle") }}</h3>
-            <v-btn class="info-button" flat icon="mdi-information-outline" title="Informations sur les mots clés">
+            <v-btn class="info-button" flat title="Informations sur les mots clés">
+              <v-icon size="22">mdi-information-outline</v-icon>
               <span class="sr-only">Informations sur les mots clés</span>
             </v-btn>
             <v-overlay activator=".info-button" location-strategy="connected" scroll-strategy="close">
@@ -270,6 +271,11 @@ h3 {
   color: rgb(var(--v-theme-text-dark-blue))
 }
 
+.info-button {
+  min-width: unset;
+  padding: 0 8px;
+}
+
 .mdi-list-box.v-icon--size-default {
   font-size: 30px;
   width: 35px;
@@ -285,11 +291,12 @@ h3 {
   margin-top: unset !important;
 
   .free-chip {
-    background-color: rgb(var(--v-theme-secondary-darken-2)) !important;
+    background-color: rgb(var(--v-theme-secondary-darken-3)) !important;
   }
 
   .rameau-chip {
-    background-color: rgb(var(--v-theme-orange-abes)) !important;
+    background-color: rgb(var(--v-theme-orange-abes-thesaurus)) !important;
+    color: rgb(var(--v-theme-thesaurus-text));
   }
 
   .chips {
@@ -316,7 +323,7 @@ h3 {
   font-family: Roboto Black, sans-serif;
   font-weight: 600;
   font-size: 16px;
-  color: rgb(var(--v-theme-surface));
+  color: rgb(var(--v-theme-white-text));
 }
 
 .v-chip--disabled {
@@ -390,4 +397,8 @@ h3 {
     width: fit-content;
   }
 }
+
+:deep(.v-chip__underlay) {
+  opacity: 0 !important;
+}
 </style>
\ No newline at end of file
diff --git a/components/common/results/FacetDrawer.vue b/components/common/results/FacetDrawer.vue
index 3bca63e0..ccb0786a 100644
--- a/components/common/results/FacetDrawer.vue
+++ b/components/common/results/FacetDrawer.vue
@@ -298,6 +298,16 @@ watch(() => props.resetTextFields,
   opacity: 0.9;
 }
 
+.facet-search-bar {
+  :deep(.v-field__outline) {
+    --v-field-border-opacity: 1;
+  }
+
+  :deep(.v-label) {
+    opacity: 1 !important;
+  }
+}
+
 .panel-text {
   overflow: auto;
   padding: 0 10px;
diff --git a/components/common/results/ResultComponents.vue b/components/common/results/ResultComponents.vue
index 069d52fb..00261f09 100644
--- a/components/common/results/ResultComponents.vue
+++ b/components/common/results/ResultComponents.vue
@@ -39,7 +39,7 @@
       </CommonResultsResultList>
     </div>
     <div v-else>
-      <div v-for="i in currentShowingNumber" :key="i" class="skeleton">
+      <div v-for="i in currentShowingNumber" :key="i" class="skeleton-wrapper">
         <v-card :flat="true" style="margin-bottom: 1rem;">
           <v-skeleton-loader type="article">
           </v-skeleton-loader>
@@ -182,7 +182,7 @@ watch(() => props.resetPage, () => {
   min-height: 190px;
 }
 
-.skeleton {
+.skeleton-wrapper {
   padding: 0;
   display: grid;
   grid-template-columns: 95%
diff --git a/components/organismes/OrganismeView.vue b/components/organismes/OrganismeView.vue
index 3340e332..d49bbe2c 100644
--- a/components/organismes/OrganismeView.vue
+++ b/components/organismes/OrganismeView.vue
@@ -50,7 +50,7 @@
                         <a :href="`https://www.idref.fr/${props.id}`" class="idref-logo" target="_blank"
                             alt="Accéder à IdRef, le référentiel des personnes et des structures"
                             title="Accéder à IdRef, le référentiel des personnes et des structures">
-                            <img alt="logo IdRef" id="logoIdref" src="@/assets/idref-icone.png" />
+                            <img alt="Accéder à la page IdRef correspondante" id="logoIdref" :src="'/idref-icone-' + colorMode + '.svg'" />
                           <span>IdRef</span>
                         </a>
                     </div>
@@ -77,13 +77,13 @@
                                         <div v-for="(these, index) in item[key]" :key="these" class="card-wrapper">
                                             <v-lazy :options="{ threshold: 1.0 }">
 
-                                                <ResultCard :titre="these.titrePrincipal"
+                                                <ThesesResultsResultCard :titre="these.titrePrincipal"
                                                     :date="these.status === 'enCours' ? these.datePremiereInscriptionDoctorat : these.dateSoutenance"
                                                     :auteur="these.auteurs" :directeurs="these.directeurs"
                                                     :discipline="these.discipline" :etab="these.etabSoutenanceN"
                                                     :etabPPN="these.etabSoutenancePpn" :id="these.id"
                                                     :status="these.status">
-                                                </ResultCard>
+                                                </ThesesResultsResultCard>
                                             </v-lazy>
                                             <hr class="result-dividers" v-if="index < item[key].length - 1" />
                                         </div>
@@ -100,7 +100,7 @@
             </div>
         </div>
         <ClientOnly>
-            <ScrollToTopButton class="scroll-to-top-wrapper" :nb-result=1></ScrollToTopButton>
+            <CommonScrollToTopButton class="scroll-to-top-wrapper" :nb-result=1></CommonScrollToTopButton>
         </ClientOnly>
     </div>
 </template>
@@ -109,8 +109,9 @@
 import { useI18n } from "vue-i18n";
 import { ref, defineAsyncComponent } from "vue";
 import { useDisplay } from "vuetify";
-import ResultCard from "../theses/results/ResultCard.vue";
-import ScrollToTopButton from "../common/ScrollToTopButton.vue";
+import { useColorMode } from '@vueuse/core';
+
+const colorMode = useColorMode();
 
 const { mobile } = useDisplay();
 const { t } = useI18n();
diff --git a/components/personnes/PersonneView.vue b/components/personnes/PersonneView.vue
index 3d2f4536..12e3ec07 100644
--- a/components/personnes/PersonneView.vue
+++ b/components/personnes/PersonneView.vue
@@ -50,7 +50,7 @@
             </h1>
             <a v-if="item.has_idref" class="idref-logo" :href="`https://www.idref.fr/${item.id}`" target="_blank"
               title="Accéder à IdRef, le référentiel des personnes et des structures">
-              <img alt="logo IdRef" id="logoIdref" src="@/assets/idref-icone.png" />
+              <img alt="Accéder à la page IdRef correspondante" id="logoIdref" :src="'/idref-icone-' +  colorMode + '.svg'" />
               <span>IdRef</span>
             </a>
           </div>
@@ -107,8 +107,9 @@
 import { useI18n } from "vue-i18n";
 import { defineAsyncComponent, onUpdated, ref } from 'vue';
 import { useDisplay } from "vuetify";
+import { useColorMode } from '@vueuse/core';
 
-
+const colorMode = useColorMode();
 const { mobile } = useDisplay();
 const MessageBox = defineAsyncComponent(() => import('@/components/common/MessageBox.vue'));
 const { getPersonne } = usePersonnesAPI();
diff --git a/components/personnes/results/PersonnesCard.vue b/components/personnes/results/PersonnesCard.vue
index fb19892f..dcd0aae7 100644
--- a/components/personnes/results/PersonnesCard.vue
+++ b/components/personnes/results/PersonnesCard.vue
@@ -13,7 +13,7 @@
     <div class="idref-container">
       <a v-if="item.has_idref" :href="`https://www.idref.fr/${item.id}`" target="_blank"
         title="Accéder à IdRef, le référentiel des personnes et des structures" class="idref-logo">
-        <img alt="logo IdRef" id="logoIdref" src="@/assets/idref-icone.png" />
+        <img alt="Accéder à la page IdRef correspondante" id="logoIdref" :src="'/idref-icone-' + colorMode + '.svg'" />
         <span>IdRef</span>
       </a>
     </div>
@@ -46,7 +46,9 @@
 <script setup>
 import { computed } from 'vue';
 import { useDisplay } from "vuetify";
+import { useColorMode } from '@vueuse/core';
 
+const colorMode = useColorMode();
 const router = useRouter();
 const currentRoute = useRoute();
 const { mobile } = useDisplay();
diff --git a/components/personnes/search/SearchBar.vue b/components/personnes/search/SearchBar.vue
index f8cb62ac..dfb3f037 100644
--- a/components/personnes/search/SearchBar.vue
+++ b/components/personnes/search/SearchBar.vue
@@ -259,6 +259,10 @@ defineExpose({
   :deep(.v-combobox__selection) {
     overflow: hidden !important;
   }
+
+  :deep(.v-label) {
+    opacity: 1 !important;
+  }
 }
 
 .searchbar__action {
@@ -361,6 +365,10 @@ defineExpose({
 :deep(.v-field--appended) {
   padding-inline-end: 0 !important;
 }
+
+:deep(.v-field__outline) {
+  --v-field-border-opacity: 1 !important;
+}
 </style>
 
 <style lang="scss">
diff --git a/components/theses/ButtonsList.vue b/components/theses/ButtonsList.vue
index 967d3655..455cf2f3 100644
--- a/components/theses/ButtonsList.vue
+++ b/components/theses/ButtonsList.vue
@@ -29,12 +29,12 @@
             </v-expansion-panel-title>
             <v-expansion-panel-text>
               <div class="buttons-list" v-for="b in sousCategorie.boutons" :key="b">
-                <v-btn v-if="b.typeAcces == 'ACCES_ESR'" color="secondary-darken-2" append-icon="mdi-open-in-new"
+                <v-btn v-if="b.typeAcces == 'ACCES_ESR'" class="thesis-access-buttons" append-icon="mdi-open-in-new"
                   @click="checkboxModal = false; dialog = true; dialogUrl = b.url.startsWith('http') ? b.url : baseURL + b.url"
                   :aria-label="b.libelle" :flat="true">{{
         b.libelle }}
                 </v-btn>
-                <v-btn v-else-if="b.url" color="secondary-darken-2" append-icon="mdi-open-in-new"
+                <v-btn v-else-if="b.url" class="thesis-access-buttons" append-icon="mdi-open-in-new"
                   :href="b.url.startsWith('http') ? b.url : baseURL + b.url" target="_blank" :title="b.libelle"
                   :aria-label="b.libelle" :flat="true">{{
         b.libelle }}
@@ -64,7 +64,7 @@
           </v-expansion-panel-title>
           <v-expansion-panel-text>
             <div class="buttons-list" v-for="b in boutonsAutres" :key="b">
-              <v-btn v-if="b.url" color="secondary-darken-2" append-icon="mdi-open-in-new"
+              <v-btn v-if="b.url" class="thesis-access-buttons" append-icon="mdi-open-in-new"
                 :href="b.url.startsWith('http') ? b.url : baseURL + b.url" target="_blank" :title="b.libelle"
                 :aria-label="b.libelle" :flat="true">{{
         b.libelle }}
@@ -454,4 +454,9 @@ h4 {
     margin-left: 10px;
   }
 }
+
+.thesis-access-buttons {
+  background-color: rgb(var(--v-theme-secondary-darken-3));
+  color: rgb(var(--v-theme-white-text));
+}
 </style>
diff --git a/components/theses/results/ResultCard.vue b/components/theses/results/ResultCard.vue
index 61a007e9..3164d340 100644
--- a/components/theses/results/ResultCard.vue
+++ b/components/theses/results/ResultCard.vue
@@ -127,14 +127,6 @@ const route = useRoute();
 <style scoped lang="scss">
 @use 'vuetify/settings';
 
-a,
-a:visited,
-a:hover,
-a:active {
-  color: inherit;
-  text-decoration: none;
-}
-
 .card-container {
   display: flex;
   flex-direction: column;
diff --git a/components/theses/search/AdvancedForm.vue b/components/theses/search/AdvancedForm.vue
index 1fab599a..a5607a0f 100644
--- a/components/theses/search/AdvancedForm.vue
+++ b/components/theses/search/AdvancedForm.vue
@@ -420,6 +420,10 @@ hr {
     color: rgb(var(--v-theme-secondary-darken-2));
     font-weight: 500;
 }
+
+:deep(.v-switch__track) {
+  background-color: rgb(var(--v-theme-gris-switch));
+}
 </style>
 
 <style>
diff --git a/components/theses/search/SearchBar.vue b/components/theses/search/SearchBar.vue
index b77b0499..2598ede6 100644
--- a/components/theses/search/SearchBar.vue
+++ b/components/theses/search/SearchBar.vue
@@ -235,6 +235,10 @@ defineExpose({
   :deep(.v-combobox__selection) {
     overflow: hidden !important;
   }
+
+  :deep(.v-label) {
+     opacity: 1 !important;
+   }
 }
 
 .searchbar__action {
@@ -259,7 +263,6 @@ defineExpose({
 
   :deep(.v-label) {
     color: rgb(var(--v-theme-primary));
-    opacity: 1;
     font-size: 0.95rem;
   }
 
@@ -336,6 +339,10 @@ defineExpose({
 :deep(.v-field--appended) {
   padding-inline-end: 0 !important;
 }
+
+:deep(.v-field__outline) {
+  --v-field-border-opacity: 1 !important;
+}
 </style>
 
 <style lang="scss">
diff --git a/error.vue b/error.vue
index 402f8110..0ea024d8 100644
--- a/error.vue
+++ b/error.vue
@@ -39,7 +39,9 @@ const handleError = () => clearError({ redirect: '/' })
     </v-app>
 </template>
 
-<style scoped>
+<style scoped lang="scss">
+@use 'vuetify/settings';
+
 .v-application {
     height: 100%;
     display: flex !important;
@@ -58,8 +60,8 @@ h1 {
 
 button {
     font-size: 2em;
-    color: #252C61;
-    border: solid 2px #252C61;
+    color: rgb(var(--v-theme-text-dark-blue));
+    border: solid 2px rgb(var(--v-theme-text-dark-blue));
     border-radius: 5px;
     background-color: transparent;
     padding: 10px;
diff --git a/plugins/vuetify.ts b/plugins/vuetify.ts
index 9173b80e..dd495ac8 100644
--- a/plugins/vuetify.ts
+++ b/plugins/vuetify.ts
@@ -12,7 +12,9 @@ const abesLightTheme = {
     secondary: '#00A0DC',
     'secondary-darken-1': '#018786',
     'secondary-darken-2': '#005A8F',
+    'secondary-darken-3': '#005A8F',
     'orange-abes': '#CF491B',
+    'orange-abes-thesaurus': '#CF491B',
     'gris-clair' : '#e6e6e6',
     'gris-fonce': '#b3b2b4',
     error: '#B00020',
@@ -22,7 +24,10 @@ const abesLightTheme = {
     'fond-noir': "#000000",
     'text-dark-blue': "#0B2134",
     'fond-chip-blue': "#ABB9D5",
-    'white-text': "#FFFFFF"
+    'white-text': "#FFFFFF",
+    'gris-skeleton' : '#e6e6e6',
+    'gris-switch': '#595759',
+    'thesaurus-text': "#FFFFFF",
   }
 }
 
@@ -36,17 +41,22 @@ const abesDarkTheme = {
     secondary: '#FFFFFF',
     'secondary-darken-1': '#FFFFFF',
     'secondary-darken-2': '#00AAEA',
+    'secondary-darken-3': '#005A8F',
     'orange-abes': '#00AAEA',
+    'orange-abes-thesaurus': '#FFFFFF',
     'gris-clair' : '#FFFFFF',
     'gris-fonce': '#FFFFFF',
-    error: '#B00020',
+    error: '#ff8080',
     info: '#2196F3',
     success: '#4CAF50',
     warning: '#FB8C00',
     'fond-noir': "#000000",
     'text-dark-blue': "#FFFFFF",
     'fond-chip-blue': "#ABB9D5",
-    'white-text': "#FFFFFF"
+    'white-text': "#FFFFFF",
+    'thesaurus-text': "#005A8F",
+    'gris-skeleton' : '#55586d',
+    'gris-switch': '#b3b2b4'
   }
 }
 
diff --git a/public/idref-icone-dark.svg b/public/idref-icone-dark.svg
new file mode 100644
index 00000000..a357ce0a
--- /dev/null
+++ b/public/idref-icone-dark.svg
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="10.034mm"
+   height="10.033751mm"
+   viewBox="0 0 10.034001 10.033751"
+   version="1.1"
+   id="svg2655"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   sodipodi:docname="icone-idref-sombre-1.svg"
+   xml:space="preserve"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview2657"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="6.7254976"
+     inkscape:cx="-12.118062"
+     inkscape:cy="31.521831"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g49746-6"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1"
+     showguides="true"><sodipodi:guide
+       position="-113.64116,11.757026"
+       orientation="0,-1"
+       id="guide339"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-79.792779,-2.7638245"
+       orientation="0,-1"
+       id="guide341"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-29.998494,-0.67493435"
+       orientation="0,-1"
+       id="guide566"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-30.277094,9.9119665"
+       orientation="0,-1"
+       id="guide568"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-27.533373,4.9226061"
+       orientation="0,-1"
+       id="guide2166"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-26.435553,0.33969573"
+       orientation="0,-1"
+       id="guide2170"
+       inkscape:locked="false" /></sodipodi:namedview><defs
+     id="defs2652" /><g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-174.22173,-130.72854)"><g
+       id="g49746-6"
+       transform="matrix(0.10147923,0,0,0.10147923,200.47469,111.47897)"
+       inkscape:export-filename="C:\Users\arnaud\Desktop\icone-idref.png"
+       inkscape:export-xdpi="379.71829"
+       inkscape:export-ydpi="379.71829"><circle
+         id="circle10-1-6-2"
+         style="display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.975724;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         cx="-209.26408"
+         cy="239.12845"
+         inkscape:export-filename="C:\Users\arnaud\Desktop\Logo-sudoc-qualite.png"
+         inkscape:export-xdpi="273"
+         inkscape:export-ydpi="273"
+         r="48.950825" /><path
+         inkscape:export-ydpi="150"
+         inkscape:export-xdpi="150"
+         inkscape:export-filename="C:\Users\arnaud\Documents\logos\triple store\logo-idref-blanc-361x76.png"
+         inkscape:connector-curvature="0"
+         id="path4497-5-1-6-9-1-5-0-5-5-0-6"
+         style="display:inline;fill:#252c61;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.457893"
+         d="m -232.62734,232.37556 h -12.64642 v -19.17551 h 12.64642 z" /><path
+         inkscape:export-ydpi="150"
+         inkscape:export-xdpi="150"
+         inkscape:export-filename="C:\Users\arnaud\Documents\logos\triple store\logo-idref-blanc-361x76.png"
+         inkscape:connector-curvature="0"
+         id="path4497-5-1-6-6-3-8-3-7-4-5-0-8"
+         style="display:inline;fill:#252c61;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.45762"
+         d="m -232.62284,265.03267 h -12.5908 v -19.23735 h 12.5908 z" /><path
+         inkscape:export-ydpi="150"
+         inkscape:export-xdpi="150"
+         inkscape:export-filename="C:\Users\arnaud\Documents\logos\triple store\logo-idref-blanc-361x76.png"
+         sodipodi:nodetypes="cccsccccccccccc"
+         inkscape:connector-curvature="0"
+         id="path5476-8-6-5-5-4-1-0-2"
+         d="m -222.32647,232.51174 -0.0289,-19.52458 31.07918,0.18549 c 0,0 23.50178,0.70827 23.4772,25.79994 -0.0289,24.60229 -22.9491,26.0054 -22.9491,26.0054 l -31.39257,0.0735 -0.10711,-19.16713 12.62275,-0.13345 0.0632,6.51106 18.94938,-0.28041 c 0,0 9.95369,-1.38222 10.24264,-12.3465 -0.18143,-11.91668 -11.14551,-13.64513 -11.14551,-13.64513 h -18.04642 l -0.0632,6.49097 z"
+         style="display:inline;fill:#252c61;fill-opacity:1;stroke:none;stroke-width:1.10417px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /><rect
+         ry="3.4516029"
+         y="235.63954"
+         x="-252.49275"
+         height="6.9032059"
+         width="50.689919"
+         id="rect6433-7-6-1-4-0-6"
+         style="display:inline;fill:#d50b52;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.52248;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.466667" /></g></g></svg>
diff --git a/public/idref-icone-light.svg b/public/idref-icone-light.svg
new file mode 100644
index 00000000..e393d8db
--- /dev/null
+++ b/public/idref-icone-light.svg
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="10.034mm"
+   height="10.033751mm"
+   viewBox="0 0 10.034001 10.033751"
+   version="1.1"
+   id="svg2655"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   sodipodi:docname="icone-idref-sombre-2.svg"
+   xml:space="preserve"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview2657"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="3.7994924"
+     inkscape:cx="17.765531"
+     inkscape:cy="25.00334"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g49746-6"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1"
+     showguides="true"><sodipodi:guide
+       position="-113.64116,11.757026"
+       orientation="0,-1"
+       id="guide339"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-79.792779,-2.7638245"
+       orientation="0,-1"
+       id="guide341"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-29.998494,-0.67493435"
+       orientation="0,-1"
+       id="guide566"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-30.277094,9.9119665"
+       orientation="0,-1"
+       id="guide568"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-27.533373,4.9226061"
+       orientation="0,-1"
+       id="guide2166"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-26.435553,0.33969573"
+       orientation="0,-1"
+       id="guide2170"
+       inkscape:locked="false" /></sodipodi:namedview><defs
+     id="defs2652" /><g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-174.22173,-130.72854)"><g
+       id="g49746-6"
+       transform="matrix(0.10147923,0,0,0.10147923,200.47469,111.47897)"
+       inkscape:export-filename="C:\Users\arnaud\Desktop\icone-idref.png"
+       inkscape:export-xdpi="379.71829"
+       inkscape:export-ydpi="379.71829"><circle
+         id="circle10-1-6-2"
+         style="display:inline;fill:#252c61;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.975724;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         cx="-209.26408"
+         cy="239.12845"
+         inkscape:export-filename="C:\Users\arnaud\Desktop\Logo-sudoc-qualite.png"
+         inkscape:export-xdpi="273"
+         inkscape:export-ydpi="273"
+         r="48.950825" /><path
+         inkscape:export-ydpi="150"
+         inkscape:export-xdpi="150"
+         inkscape:export-filename="C:\Users\arnaud\Documents\logos\triple store\logo-idref-blanc-361x76.png"
+         inkscape:connector-curvature="0"
+         id="path4497-5-1-6-9-1-5-0-5-5-0-6"
+         style="display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.457893"
+         d="m -232.62734,232.37556 h -12.64642 v -19.17551 h 12.64642 z" /><path
+         inkscape:export-ydpi="150"
+         inkscape:export-xdpi="150"
+         inkscape:export-filename="C:\Users\arnaud\Documents\logos\triple store\logo-idref-blanc-361x76.png"
+         inkscape:connector-curvature="0"
+         id="path4497-5-1-6-6-3-8-3-7-4-5-0-8"
+         style="display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.45762"
+         d="m -232.62284,265.03267 h -12.5908 v -19.23735 h 12.5908 z" /><path
+         inkscape:export-ydpi="150"
+         inkscape:export-xdpi="150"
+         inkscape:export-filename="C:\Users\arnaud\Documents\logos\triple store\logo-idref-blanc-361x76.png"
+         sodipodi:nodetypes="cccsccccccccccc"
+         inkscape:connector-curvature="0"
+         id="path5476-8-6-5-5-4-1-0-2"
+         d="m -222.32647,232.51174 -0.0289,-19.52458 31.07918,0.18549 c 0,0 23.50178,0.70827 23.4772,25.79994 -0.0289,24.60229 -22.9491,26.0054 -22.9491,26.0054 l -31.39257,0.0735 -0.10711,-19.16713 12.62275,-0.13345 0.0632,6.51106 18.94938,-0.28041 c 0,0 9.95369,-1.38222 10.24264,-12.3465 -0.18143,-11.91668 -11.14551,-13.64513 -11.14551,-13.64513 h -18.04642 l -0.0632,6.49097 z"
+         style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.10417px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /><rect
+         ry="3.4516029"
+         y="235.63954"
+         x="-252.49275"
+         height="6.9032059"
+         width="50.689919"
+         id="rect6433-7-6-1-4-0-6"
+         style="display:inline;fill:#d50b52;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.52248;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.466667" /></g></g></svg>