From 3bc42fe0713902dbc10018bd2e1c3de691b88eba Mon Sep 17 00:00:00 2001
From: Natalia Jabinschi <natalia.jabinschi@umontreal.ca>
Date: Thu, 26 Mar 2026 12:44:25 -0400
Subject: [PATCH] Modifications du logo

---
 .../collspec/app/header/header.component.html | 17 ++++----
 .../collspec/app/header/header.component.scss | 40 ++++++++++++++++++-
 .../collspec/styles/_global-styles.scss       | 10 ++++-
 3 files changed, 57 insertions(+), 10 deletions(-)

diff --git a/src/themes/collspec/app/header/header.component.html b/src/themes/collspec/app/header/header.component.html
index d72a1671e25..b89e45ca1f9 100644
--- a/src/themes/collspec/app/header/header.component.html
+++ b/src/themes/collspec/app/header/header.component.html
@@ -2,15 +2,16 @@
   <div class="container h-100 d-flex flex-row flex-wrap align-items-center justify-content-between gapx-3 gapy-2" id="main-site-header-container">
     <!-- Logo and navbar wrapper -->
     <div id="header-left"
-         class="h-100 flex-fill d-flex flex-row flex-nowrap justify-content-start align-items-center gapx-3">
-      <a class="d-block my-2 my-md-0" routerLink="/" [attr.aria-label]="'home.title' | translate" >
-        <img id="header-logo" src="/assets/collspec/images/logo-collspec1.png" [attr.alt]="'menu.header.image.logo' | translate"/>
-      </a>
-      <a class="d-block my-2 my-md-0 title titre-logo" routerLink="/" [attr.aria-label]="'home.title' | translate">
-        Collections <br>spéciales
-      </a>
+         class="h-100 flex-fill d-flex flex-row flex-nowrap justify-content-start align-items-center gapx-3 p-2">
+        <a class="logo-brand-group" routerLink="/" [attr.aria-label]="'home.title' | translate">
+          <div class="logo-img-part">
+            <img id="header-logo" src="/assets/collspec/images/logo-bib.png" [attr.alt]="'menu.header.image.logo' | translate"/>
+          </div>
+          <div class="logo-divider"></div>
+          <span class="logo-title">Collections spéciales</span>
+        </a>
       <!-- Menu desktop - visible seulement sur écrans XL et plus -->
-      <nav class="navbar navbar-expand p-0 align-items-stretch align-self-stretch d-none d-xl-block" id="desktop-navbar" [attr.aria-label]="'nav.main.description' | translate">
+      <nav class="navbar navbar-expand p-0 align-items-stretch align-self-stretch d-none d-xl-block ml-3" id="desktop-navbar" [attr.aria-label]="'nav.main.description' | translate">
         <ul class="navbar-nav mr-auto menu-collspec">
           <!--<li class="nav-item"><a role="menuitem" class="ds-menu-item" href="/community-list">{{'collspec.menu.catalogues'| translate}}</a></li>-->
           <li class="nav-item"><a role="menuitem" class="ds-menu-item" href="/page/a-propos">{{'collspec.menu.a-propos'| translate}}</a></li>
diff --git a/src/themes/collspec/app/header/header.component.scss b/src/themes/collspec/app/header/header.component.scss
index e88e92bc96b..a2aee03cc91 100644
--- a/src/themes/collspec/app/header/header.component.scss
+++ b/src/themes/collspec/app/header/header.component.scss
@@ -278,4 +278,42 @@
   #desktop-navbar {
     display: block !important;
   }
-}
\ No newline at end of file
+  .logo-brand-group{
+    margin-left: -3rem;
+  }
+  .logo-title{
+    white-space: normal;
+    margin-top: 10px;
+    font-size: 14px;
+  }
+}
+.logo-brand-group {
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+}
+
+.logo-img-part {
+  display: flex;
+  align-items: center;
+}
+
+.logo-divider {
+  width: 1.5px;
+  height: 36px;
+  background: #b0b8be;
+  margin: 0 10px;
+  flex-shrink: 0;
+  border-radius: 2px;
+}
+
+.logo-title {
+  font-family: Lora, serif;
+  font-weight: 500;
+  font-size: 19px;
+  color: #192b33;
+  line-height: 1;
+  white-space: nowrap;
+}
+
+/* Supprimer les styles de .titre-logo séparé */
\ No newline at end of file
diff --git a/src/themes/collspec/styles/_global-styles.scss b/src/themes/collspec/styles/_global-styles.scss
index ba410426f1f..94f1c22d113 100644
--- a/src/themes/collspec/styles/_global-styles.scss
+++ b/src/themes/collspec/styles/_global-styles.scss
@@ -292,9 +292,10 @@ nav#admin-sidebar a {
 .menu-collspec {
   display: flex;
   gap: 2rem;
-  margin-top: 1.75rem;
+  margin-top: 1rem;
   padding: 0;
   list-style: none;
+  margin-left: 8rem!important;
 }
 
 .menu-collspec .nav-item {
@@ -1440,3 +1441,10 @@ p.full-text-op {
   display: none;
 }
 
+.ml-4{
+  margin-left: 4rem!important;
+}
+
+.ml-3{
+  margin-left: 3rem!important;
+}
\ No newline at end of file