From fda8577ac7169dbea7c432a3a520bfbeb658ee6f Mon Sep 17 00:00:00 2001
From: Pierre Cadeot <pierre.cadeot@ac-reunion.fr>
Date: Tue, 2 Feb 2021 11:12:40 +0400
Subject: [PATCH] =?UTF-8?q?update=20theme=20M=C3=A9tice=20ac-reunion?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../public/themes/metice/small-logo.svg       | 101 ++++++++++++++++
 .../Resources/public/themes/metice/style.css  | 114 ++++++++++++++++--
 2 files changed, 206 insertions(+), 9 deletions(-)
 create mode 100644 src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/public/themes/metice/small-logo.svg

diff --git a/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/public/themes/metice/small-logo.svg b/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/public/themes/metice/small-logo.svg
new file mode 100644
index 00000000..647050df
--- /dev/null
+++ b/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/public/themes/metice/small-logo.svg
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 55.06 20.02" style="enable-background:new 0 0 55.06 20.02;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#000091;}
+	.st1{fill:#E1000F;}
+	.st2{fill:#9D9D9C;}
+</style>
+<g>
+	<path class="st0" d="M22.76,17.66c0.21-0.21,0.43-0.45,0.65-0.68h0c0.4-0.45,0.8-0.89,1.26-1.29c0.14-0.13,0.28-0.24,0.41-0.33
+		c0.04-0.04,0.04-0.11,0.08-0.15c-0.19,0.08-0.3,0.23-0.49,0.3c-0.04,0-0.08-0.04-0.04-0.08c0.13-0.1,0.27-0.2,0.4-0.3
+		c-0.01,0-0.02,0-0.03,0c-0.04,0-0.04-0.04-0.04-0.08c-0.49-0.08-0.87,0.26-1.21,0.57c-0.08,0.04-0.15-0.04-0.19-0.04
+		c-0.57,0.19-0.98,0.68-1.55,0.91c0-0.04,0-0.04,0-0.08c-0.23,0.08-0.45,0.21-0.68,0.26c-0.34,0.08-0.64,0.04-0.95,0.04
+		c-0.46,0.05-0.92,0.15-1.38,0.24c-0.01,0-0.03,0.01-0.04,0.01c-0.25,0.07-0.48,0.16-0.7,0.28c-0.01,0-0.02,0.01-0.03,0.01
+		c-0.02,0.02-0.04,0.05-0.05,0.07c-0.08,0.09-0.15,0.17-0.26,0.23c-0.23,0.12-0.42,0.32-0.63,0.49c-0.01,0.01-0.04,0.02-0.06,0.02
+		c-0.2,0.19-0.4,0.39-0.61,0.58c-0.01,0.01-0.07,0.02-0.12,0.01c0,0,0,0,0,0c0.01-0.01,0.01-0.02,0.02-0.04
+		c0.03-0.05,0.06-0.11,0.1-0.16c0.04-0.06,0.07-0.12,0.11-0.18c0.05-0.08,0.1-0.16,0.16-0.23c0.01-0.02,0.01-0.04,0-0.05
+		c-0.01-0.01-0.03-0.02-0.05-0.02c0.19-0.18,0.41-0.34,0.63-0.47c0,0,0,0,0-0.01c-0.03,0.01-0.06-0.01-0.04-0.04
+		c0.02-0.03,0.04-0.07,0.07-0.1c0-0.01,0.01-0.02,0.01-0.03c-0.01-0.01-0.02-0.02-0.03-0.03c-0.06,0.04-0.13,0.08-0.18,0.12
+		c-0.09,0.08-0.16,0.25-0.3,0.25c-0.01,0-0.04,0-0.06-0.01c-0.02,0-0.03-0.01-0.04-0.01c0,0,0-0.01,0-0.01c0,0,0-0.01,0.01-0.01
+		c0,0,0-0.01,0.01-0.01c0.01-0.01,0.01-0.02,0.02-0.03c0.01-0.01,0.01-0.02,0.02-0.03c0-0.01,0.01-0.02,0.01-0.03
+		c0.01-0.02,0.02-0.03,0.03-0.05c0.01-0.01,0.01-0.02,0.02-0.03c0.02-0.03,0.03-0.06,0.05-0.08c0.01-0.01,0.02-0.03,0.02-0.04
+		c0.01-0.02,0.03-0.05,0.04-0.07c0.02-0.03,0-0.06-0.03-0.07c0.07-0.09,0.16-0.17,0.26-0.23h-0.01c0.14-0.07,0.29-0.16,0.43-0.24
+		c0.02-0.02,0.04-0.04,0.06-0.05c-0.22,0.07-0.41,0.17-0.6,0.3c0,0-0.05,0.02-0.06,0.03c0,0-0.04,0.02-0.09-0.03
+		c-0.01-0.01-0.01-0.02-0.01-0.03c0.04-0.08,0.15-0.11,0.23-0.19c0.04,0,0.08,0,0.08,0.04c1.21-0.95,2.88-0.72,4.28-1.21
+		c0.11-0.08,0.23-0.15,0.34-0.23c0.19-0.08,0.34-0.26,0.57-0.38c0.3-0.23,0.53-0.49,0.64-0.87c0-0.04-0.04-0.08-0.04-0.08
+		c-0.49,0.53-1.06,0.95-1.66,1.25c-0.79,0.42-1.66,0.34-2.5,0.45c0.04-0.08,0.11-0.08,0.19-0.08c0-0.11,0.08-0.15,0.15-0.23
+		c0.04,0,0.08,0,0.11,0c0.04,0,0.04-0.08,0.08-0.08c0.08,0,0.19-0.04,0.15-0.04c-0.11-0.15-0.34,0.11-0.53,0
+		c0.08-0.08,0.04-0.19,0.11-0.23c0.04,0,0.11,0,0.15,0c0-0.08,0.08-0.15,0.08-0.15c0.57-0.34,1.1-0.61,1.63-0.91
+		c-0.11,0-0.19,0.11-0.3,0.04c0.08,0,0-0.11,0.08-0.11c0.42-0.11,0.76-0.34,1.17-0.49c-0.15,0-0.26,0.11-0.42,0
+		c0.08-0.04,0.11-0.11,0.23-0.11c0-0.04,0-0.08,0-0.11c0-0.04,0.04-0.04,0.08-0.04c-0.04,0-0.08-0.04-0.08-0.04
+		c0.04-0.08,0.15-0.04,0.23-0.11c-0.04,0-0.11,0-0.11-0.04c0.11-0.15,0.3-0.19,0.49-0.23c-0.04-0.08-0.15,0-0.15-0.08
+		c0-0.04,0.04-0.04,0.08-0.04c-0.04,0-0.04,0-0.08,0c-0.08-0.04-0.04-0.11-0.04-0.15c0.23-0.26,0.23-0.61,0.34-0.91
+		c-0.04,0-0.08,0-0.08-0.04C22.2,12,21.6,12.15,21.03,12.3c-0.04,0-0.15,0-0.19,0c-0.19,0.08-0.45,0.08-0.64-0.04
+		c-0.15-0.08-0.23-0.19-0.38-0.3c-0.3-0.19-0.61-0.34-0.95-0.45c-0.95-0.3-1.93-0.45-2.91-0.42c0.42-0.23,0.88-0.25,1.32-0.38
+		c0.64-0.19,1.25-0.42,1.93-0.38c-0.11-0.04-0.26,0-0.38,0c-0.53-0.04-1.06,0.11-1.63,0.23c-0.38,0.08-0.72,0.23-1.1,0.3
+		c-0.23,0.08-0.34,0.3-0.61,0.26c0,0,0-0.08,0-0.11c0.38-0.45,0.83-0.91,1.44-0.95c0.68-0.11,1.32,0,2.01,0.08
+		c0.49,0.04,0.95,0.15,1.44,0.26c0.19,0,0.23,0.3,0.38,0.34c0.23,0.08,0.45,0,0.68,0.15c0-0.08-0.04-0.15,0-0.23
+		c0.15-0.15,0.34,0.04,0.49-0.04c0.3-0.19-0.26-0.53-0.42-0.79c0-0.04,0.04-0.08,0.04-0.08c0.3,0.26,0.53,0.57,0.91,0.76
+		c0.19,0.08,0.64,0.19,0.57-0.04c-0.19-0.42-0.57-0.76-0.87-1.13c0-0.04,0-0.11,0-0.15c-0.08,0-0.08-0.04-0.11-0.08
+		c0-0.04,0-0.11,0-0.15c-0.15-0.08-0.11-0.23-0.19-0.34c-0.11-0.19-0.04-0.45-0.11-0.68c-0.08-0.23-0.11-0.42-0.15-0.64
+		c-0.11-0.64-0.26-1.21-0.34-1.82c-0.08-0.72,0.42-1.29,0.76-1.93c0.26-0.45,0.57-0.91,1.06-1.21c0.11-0.45,0.42-0.83,0.72-1.21
+		c0.3-0.37,0.8-0.59,1.17-0.76C25.49,0.15,25.96,0,25.96,0H0v20.02h18.39c0.72-0.52,1.44-0.76,2.45-1.26
+		C21.31,18.53,22.39,18.03,22.76,17.66z M16.94,14.95c-0.08,0-0.23,0.04-0.19-0.04c0.04-0.19,0.3-0.19,0.45-0.26
+		c0.08-0.04,0.19-0.11,0.26-0.08c0.08,0.11,0.19,0.08,0.26,0.15C17.51,14.95,17.21,14.84,16.94,14.95z M11.15,14.12
+		c0,0-0.04-0.04-0.04-0.08c0.49-0.64,0.87-1.25,1.21-1.93c0.49-0.26,0.9-0.65,1.29-1.06c0.64-0.68,1.32-1.29,2.12-1.66
+		c0.3-0.11,0.68-0.08,0.98,0.04c-0.11,0.15-0.3,0.11-0.45,0.23c-0.04,0-0.08,0-0.11-0.04c0.04-0.04,0.04-0.08,0.04-0.11
+		c-0.38,0.42-0.91,0.61-1.21,1.1c-0.23,0.38-0.38,0.87-0.87,0.98c-0.15,0.04,0.04-0.11-0.04-0.08
+		C12.89,12.23,12.06,13.1,11.15,14.12z M14.29,11.62c-0.04,0.08-0.08,0.08-0.11,0.15c-0.04,0.08-0.08,0.11-0.15,0.15
+		c-0.04,0-0.08,0-0.08-0.04c0.04-0.15,0.15-0.3,0.3-0.34C14.29,11.54,14.29,11.58,14.29,11.62z M16.05,17.29
+		c-0.02,0.04-0.06,0.08-0.09,0.11c0.05,0.01,0.08,0.03,0.05,0.06c-0.09,0.08-0.17,0.16-0.29,0.2c-0.01,0-0.03,0.01-0.06,0.01
+		c-0.05,0.04-0.09,0.09-0.14,0.13c-0.04,0.04-0.25,0.01-0.19-0.05c0.1-0.09,0.18-0.18,0.28-0.26c0.05-0.05,0.11-0.1,0.16-0.15
+		c0.03-0.03,0.05-0.06,0.08-0.08C15.88,17.23,16.08,17.21,16.05,17.29z M15.37,16.98C15.37,16.98,15.37,16.98,15.37,16.98
+		c-0.15,0.11-0.29,0.21-0.44,0.29c-0.16,0.09-0.33,0.17-0.5,0.25c0,0,0-0.01,0-0.01c-0.01-0.02-0.04-0.03-0.06-0.02
+		c-0.14,0.08-0.27,0.18-0.38,0.29c-0.02,0.02-0.04,0.03-0.05,0.05c0,0,0,0,0,0c0,0,0,0,0,0c-0.02,0.02-0.04,0.04-0.05,0.05
+		c0,0,0,0-0.01,0.01c0,0,0,0,0,0c-0.03,0.03-0.05,0.05-0.08,0.09c-0.02,0.02-0.03,0.04-0.05,0.05c-0.02,0.02-0.09,0.02-0.08-0.03
+		c0,0,0,0,0-0.01c-0.02,0.01-0.04,0.02-0.07,0.03c-0.02,0.01-0.04,0.02-0.06,0.03c-0.01,0-0.02,0-0.03,0c-0.01,0-0.02,0-0.03,0.01
+		c-0.05,0.04-0.09,0.07-0.14,0.12c-0.08,0.07-0.15,0.15-0.22,0.23c0,0,0,0,0,0c0,0,0,0.01-0.01,0.01c0,0-0.01,0.01-0.01,0.01
+		c0,0.01-0.01,0.01-0.01,0.02c0,0,0,0,0,0c-0.01,0.01-0.02,0.03-0.03,0.04c0,0,0,0,0,0c-0.01,0.01-0.02,0.01-0.03,0.01
+		c-0.01-0.01-0.01-0.01-0.02-0.02c0-0.01-0.01-0.01-0.01-0.02c-0.01-0.02-0.02-0.04-0.03-0.06c0,0,0,0,0,0
+		c0-0.01-0.01-0.01-0.01-0.02c0.04-0.04,0.08-0.09,0.12-0.14c0,0,0.01-0.01,0.01-0.01c0.01-0.02,0.03-0.03,0.04-0.05
+		c0.02-0.03,0.04-0.05,0.06-0.08c0.01-0.01,0.02-0.02,0.02-0.03c0.04-0.05,0.08-0.11,0.12-0.16c0,0,0,0,0,0
+		c0.01-0.01,0.01-0.02,0.02-0.02c0.02-0.03,0.04-0.05,0.05-0.08c0.01-0.02,0.03-0.05,0.04-0.08c0,0,0,0,0-0.01c0,0,0-0.01,0-0.01
+		c0,0,0-0.01,0.01-0.01c0.01-0.03,0.03-0.06,0.04-0.09c0,0,0-0.01,0-0.01c0-0.01,0.01-0.02,0.01-0.02c0-0.01,0.01-0.03,0.01-0.04
+		l0,0c0,0,0-0.01,0-0.01c0-0.02,0.01-0.04,0.01-0.06c0-0.01,0-0.02,0-0.03c0.04-0.07,0.09-0.14,0.15-0.2
+		c-0.01,0-0.01,0.01-0.02,0.01c-0.05,0.03-0.09,0.08-0.14,0.12c-0.04,0.03-0.12-0.02-0.07-0.06c0.03-0.02,0.06-0.05,0.09-0.08
+		c0,0,0,0,0-0.01c0.06-0.06,0.12-0.14,0.19-0.19c0.04-0.03,0.08-0.06,0.12-0.09c0.01,0,0.01-0.01,0.02-0.02
+		c0.03-0.03,0.05-0.07,0.08-0.1c0,0,0,0,0,0c0.36-0.35,0.97-0.33,1.45-0.56c0.19-0.08,0.42,0.04,0.61,0c0.11,0,0.23,0,0.34,0.08
+		C16,16.57,15.68,16.78,15.37,16.98z M16.15,14.34c-0.04-0.04,0.11,0,0.15-0.08c-0.11,0-0.19,0-0.3,0c-0.04,0-0.04-0.04-0.04-0.08
+		c-0.19,0.04-0.42,0.11-0.61,0.15c-0.26,0.08-0.49,0.26-0.79,0.34c-0.42,0.15-0.76,0.49-1.21,0.64c-0.04,0-0.04-0.04-0.04-0.08
+		c0.04-0.11,0.19-0.15,0.26-0.26c0-0.04,0-0.08-0.04-0.08c0.3-0.42,0.72-0.64,1.1-0.98c0-0.04,0-0.08,0-0.11
+		c0.11-0.15,0.3-0.23,0.38-0.42c0.04-0.11,0.19-0.26,0.38-0.34c-0.04-0.04-0.11-0.04-0.11-0.11c-0.15,0-0.3,0.08-0.45-0.04
+		c0.07-0.07,0.15-0.11,0.24-0.13c-0.03-0.01-0.06-0.02-0.09-0.05c-0.04-0.08,0.07-0.16,0.19-0.19c0.15-0.04,0.34-0.04,0.45-0.15
+		c-0.26-0.04-0.57,0.08-0.83-0.08c0.19-0.49,0.49-0.91,0.95-1.13c0.04,0,0.11,0,0.11,0.04c0,0.19-0.11,0.34-0.3,0.38
+		c0.3,0.08,0.61,0.08,0.91,0.23c-0.04,0.08-0.11,0.04-0.15,0.04c0.19,0.11,0.42,0.04,0.61,0.19c-0.11,0.11-0.23,0-0.34,0
+		c1.17,0.34,2.42,0.61,3.4,1.36c-0.83,0.42-1.7,0.61-2.61,0.79c-0.11,0-0.19,0-0.3-0.04c0,0.04,0,0.11-0.04,0.11
+		c-0.15,0-0.26,0-0.38,0.08C16.49,14.42,16.26,14.46,16.15,14.34z"/>
+	<g>
+		<path class="st1" d="M55.06,0H33.52c0,0,0.04,0.01,0.2,0.09c0.17,0.09,0.4,0.21,0.54,0.29c0.28,0.15,0.55,0.33,0.72,0.61
+			c0.08,0.11,0.19,0.34,0.11,0.49c-0.08,0.19-0.11,0.49-0.3,0.57c-0.23,0.11-0.53,0.11-0.79,0.08c-0.15,0-0.3-0.04-0.45-0.08
+			c0.57,0.23,1.1,0.49,1.48,1.02c0.04,0.08,0.19,0.11,0.34,0.11c0.04,0,0.04,0.08,0.04,0.11c-0.08,0.08-0.15,0.11-0.11,0.23
+			c0.04,0,0.08,0,0.11,0c0.19-0.08,0.15-0.45,0.42-0.34c0.19,0.11,0.26,0.38,0.15,0.57c-0.15,0.15-0.3,0.26-0.45,0.38
+			c-0.04,0.08-0.04,0.19,0,0.26c0.11,0.15,0.15,0.3,0.19,0.45c0.11,0.26,0.15,0.57,0.26,0.83c0.15,0.57,0.3,1.13,0.26,1.7
+			c0,0.3-0.15,0.57-0.04,0.87c0.08,0.3,0.26,0.53,0.42,0.79c0.15,0.23,0.3,0.38,0.42,0.61c0.23,0.38,0.64,0.76,0.45,1.21
+			c-0.11,0.26-0.53,0.23-0.79,0.38c-0.23,0.19-0.04,0.49,0.08,0.68c0.19,0.34-0.23,0.57-0.49,0.68c0.08,0.11,0.23,0.08,0.26,0.15
+			c0.04,0.19,0.23,0.3,0.11,0.49c-0.15,0.23-0.61,0.34-0.38,0.68c0.15,0.26,0.05,0.56-0.04,0.83c-0.11,0.34-0.42,0.49-0.68,0.57
+			c-0.23,0.08-0.49,0.08-0.72,0.04c-0.08-0.04-0.15-0.08-0.23-0.08c-0.64-0.08-1.29-0.26-1.93-0.26c-0.19,0.04-0.38,0.08-0.53,0.15
+			c-0.17,0.13-0.32,0.26-0.46,0.41c0,0,0,0,0,0c-0.03,0.03-0.06,0.06-0.08,0.09c-0.02,0.02-0.03,0.04-0.05,0.06
+			c-0.01,0.01-0.02,0.03-0.03,0.04c-0.11,0.14-0.21,0.28-0.3,0.44c-0.01,0.01-0.01,0.02-0.02,0.03c-0.01,0.02-0.02,0.04-0.03,0.05
+			c-0.12,0.23-0.22,0.46-0.29,0.69c-0.26,0.87-0.14,1.61,0.04,1.79c0.05,0.05,1.25,0.42,2.08,0.79c0.39,0.17,0.67,0.31,0.89,0.45
+			h21.15V0z"/>
+	</g>
+	<path class="st2" d="M34.8,7.3c0.15,0.04,0.38,0.04,0.38,0.11c-0.08,0.3-0.53,0.38-0.76,0.68h-0.11c-0.11,0.08-0.08,0.26-0.19,0.26
+		c-0.11-0.04-0.23,0-0.34,0.04c0.15,0.15,0.34,0.26,0.57,0.23c0.04,0,0.11,0.08,0.11,0.15c0,0,0.04,0,0.08-0.04
+		c0.04,0,0.08,0,0.08,0.04v0.15c-0.11,0.15-0.3,0.08-0.45,0.11c0.3,0.08,0.61,0.08,0.87,0c0.23-0.08,0-0.45,0.15-0.64
+		c-0.08,0,0-0.11-0.08-0.11c0.08-0.08,0.15-0.19,0.23-0.23c0.08,0,0.19-0.04,0.23-0.11c0-0.08-0.15-0.11-0.11-0.19
+		c0.23-0.15,0.42-0.38,0.34-0.61c-0.04-0.11-0.34-0.11-0.53-0.19c-0.19-0.08-0.42,0-0.64,0.04c-0.19,0-0.38,0.11-0.57,0.15
+		c-0.26,0.08-0.49,0.23-0.72,0.38c0.26-0.11,0.53-0.15,0.83-0.23C34.38,7.3,34.58,7.25,34.8,7.3z"/>
+</g>
+</svg>
diff --git a/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/public/themes/metice/style.css b/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/public/themes/metice/style.css
index 2db17c21..595966aa 100644
--- a/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/public/themes/metice/style.css
+++ b/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/public/themes/metice/style.css
@@ -13,15 +13,29 @@
 
 /* ====== ESSAI D'UN MODE REDUIT ======= */
 .header.reduit {
-    height: 38px !important;
+    height: 50px !important;
     overflow-y: hidden;
 }
 .header.reduit .nav.navbar-top-links.navbar-right > li a {font-size: 1.5em; }
 
 .header .title img {transition:margin-left 0.1s ease;  }
-.header.reduit .title img { margin-left:-300px !important;}
+.header.reduit #logo {
+        /* remplacer l'image en définissant une image de background */
+        /* et en positionnant un padding de la largeur de l'image */
+        display: block;
+        -moz-box-sizing: border-box;
+        box-sizing: border-box;
+        background: url(/ninegate/bundles/cadolescore/themes/metice2021/small-logo.svg) no-repeat;
+        width: 62px; /* Width of new image */
+        height: 23px; /* Height of new image */
+        padding-left: 62px; /* Equal to width of new image */
+        margin-top: 21px;
+        margin-left: 11px;
+        margin-right: 10px;
+    }
+
 .header.reduit small {
-    top: 18px !important;
+    top: 25px !important;
     font-size: 0.5em;
 }
 
@@ -29,6 +43,8 @@
     line-height: 25px !important;
     transition:line-height 0.5s ease;
     font-size: 0.9em;
+    margin-top: 4px;
+    padding-left: 0px !important;
 }
 
 .header.reduit .avatar {height: 25px; }
@@ -143,14 +159,94 @@ div.header {
 }
 
 
-#logo {
-    height: 130px !important;
-    float: left !important;
-    top: -10px !important;
-    left: 0px !important;
-    position: relative !important;
+@media all and (min-width: 768px)
+{
+    #logo {
+        height: 130px !important;
+        float: left !important;
+        top: -10px !important;
+        left: 0px !important;
+        position: relative !important;
+    }
 }
 
+@media all and (max-width: 600px)
+{
+    .navbar-brand {
+        width: 24em;
+        overflow: hidden;
+        height: 2.6em;
+    }
+}
+
+@media all and (min-width: 601px) and (max-width: 767px)
+{
+    .navbar-brand {
+        width: 28em;
+        height: 2.6em;
+    }
+}
+
+
+@media all and (max-width: 767px)
+{
+    nav.navbarsmall {
+        background: white !important;
+    }
+
+    .navbarsmall .navbar-brand {
+        color: black !important;
+        font-family: var(--fontfacetitle);
+    }
+
+    #logo {
+        float: left !important;
+        top: 0px !important;
+        left: 0px !important;
+        position: relative !important;
+    }
+    .navbarsmall {
+        height: 50px !important;
+        overflow-y: hidden;
+    }
+    .navbarsmall .nav.navbar-top-links.navbar-right > li a {font-size: 1.5em; }
+
+    .navbarsmall .title img { margin-left:-300px !important;}
+    .navbarsmall small {
+        top: 18px !important;
+        font-size: 0.5em;
+    }
+
+    .nav.navbar-top-links.navbar-left li {
+        display: block;
+    }
+
+    .navbarsmall a.navbar-brand {
+        line-height: 27px !important;
+        transition:line-height 0.5s ease;
+        font-size: 1.3em;
+        margin-left: -90px;
+        margin-top: -3px;
+    }
+
+    #logo {
+        /* remplacer l'image en définissant une image de background */
+        /* et en positionnant un padding de la largeur de l'image */
+        display: block;
+        -moz-box-sizing: border-box;
+        box-sizing: border-box;
+        background: url(/ninegate/bundles/cadolescore/themes/metice2021/small-logo.svg) no-repeat;
+        width: 62px; /* Width of new image */
+        height: 23px; /* Height of new image */
+        padding-left: 62px; /* Equal to width of new image */
+        margin-top: -1px;
+        margin-left: 86px;
+        margin-right: 14px;
+    }
+    .navbarsmall .avatar {height: 25px; }
+}
+
+
 .container-fluid #logo { display: none; }
 
 .header .avatar {height: 32px; }