diff --git a/resources/shop/css/site.css b/resources/shop/css/site.css
index c1df1ce0..bc419ed2 100644
--- a/resources/shop/css/site.css
+++ b/resources/shop/css/site.css
@@ -436,3 +436,17 @@ div.megamenu ul.megamenu li.megamenu.level1
 		max-width: 100%;
 	}
 }
+
+/* -- Titres des rayons -- */
+
+.shelve-title {
+	font-size: 2em;
+}
+
+/* -- Responsive: très petites résolutions (< 430px) -- */
+
+@media (max-width: 429.98px) {
+	.shelve-title {
+		font-size: 1.4em;
+	}
+}
diff --git a/resources/views/Shop/Homepage/partials/sliderByShelve.blade.php b/resources/views/Shop/Homepage/partials/sliderByShelve.blade.php
index 1d0e8cf4..955c8495 100644
--- a/resources/views/Shop/Homepage/partials/sliderByShelve.blade.php
+++ b/resources/views/Shop/Homepage/partials/sliderByShelve.blade.php
@@ -2,7 +2,7 @@
     <div class="mb-5 bg-green-light shadow2">
         <div class="row">
             <div class="col-6">
-                <h1 class="p-2 green" style="font-size: 2em;">{{ $shelve['name'] }}</h1>
+                <h1 class="p-2 green shelve-title">{{ $shelve['name'] }}</h1>
             </div>
             <div class="col-6 text-right">
                 <a href="{{ route('Shop.Categories.show', ['id' => $shelve['id']]) }}"