diff --git a/library/Class/Template.php b/library/Class/Template.php
index fc06082082a8cc89c60cd568a658de10843a2d07..235f7ae2b99e9058556c80716a31f607ca078f61 100644
--- a/library/Class/Template.php
+++ b/library/Class/Template.php
@@ -399,9 +399,13 @@ class Class_Template {
                            array_merge($view->profil->getCfgSiteAsArray(),
                                        ['titre' => $view->getTitre()]));
     $body = $view->tag('body',
-                       $view->tag('p',
-                                  $this->_('L\'accès au site est momentanément bloqué.<br><br> Veuillez essayer plus tard.'),
-                                  ['class' => 'erreur']));
+                      $view->tagImg('/library/templates/Intonation/Assets/images/bokeh_focale.png',
+                                    ['alt' => $this->_('Image d\'erreur'),
+                                    'class' => 'icon_error_danger']).
+                      $view->tag('p',
+                                $this->_('L\'accès au site est momentanément bloqué.<br> Veuillez réessayer plus tard.'),
+                                  ['class' => 'erreur'])
+                      );
 
     return $head . $body;
   }
diff --git a/library/templates/Herisson/Assets/contents/accessibilite.html b/library/templates/Herisson/Assets/contents/accessibilite.html
index ec424443d56f17416ea613db88e26e07c05ac6e3..716ac62bff527dcad207c1d12cd6e7c4abd9e1b1 100644
--- a/library/templates/Herisson/Assets/contents/accessibilite.html
+++ b/library/templates/Herisson/Assets/contents/accessibilite.html
@@ -1,217 +1,142 @@
-<div class="accessibilite">
-	<h1 style="text-align: center;">Attestation de conformit&eacute; au RGAA</h1>
-
-	<p>&nbsp;</p>
-
-	<h2>Qu&rsquo;est-ce que l&rsquo;accessibilit&eacute; num&eacute;rique ?</h2>
-
-	<p>Un site web accessible est un site qui permet &agrave; tous les internautes d&rsquo;acc&eacute;der &agrave; ses contenus sans difficult&eacute;, y compris les personnes qui pr&eacute;sentent un handicap et utilisent des logiciels ou mat&eacute;riels sp&eacute;cialis&eacute;s.<br />
-	Un site accessible permet par exemple de :</p>
-
-	<ul>
-		<li>Naviguer avec des synth&egrave;ses vocales ou des plages braille (notamment utilis&eacute;es par les internautes aveugles ou malvoyants).</li>
-		<li>Personnaliser l&rsquo;affichage du site selon ses besoins (grossissement des caract&egrave;res, modification des couleurs).</li>
-		<li>Naviguer sans utiliser la souris, avec le clavier uniquement ou via un &eacute;cran tactile.</li>
-	</ul>
-
-	<p>&nbsp;</p>
-
-	<h2>Adresse du site et date de r&eacute;alisation :</h2>
-
-	<p>La d&eacute;claration de conformit&eacute; du site <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong> le <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-
-	<p>&nbsp;</p>
-
-	<h2>Version du RGAA de r&eacute;f&eacute;rence :</h2>
-
-	<p>La version utilis&eacute;e pour r&eacute;aliser les tests est la version 4.0 du RGAA.</p>
-
-	<p>&nbsp;</p>
-
-	<h2>Identit&eacute; du d&eacute;clarant :</h2>
-
-	<p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-
-	<p>&nbsp;</p>
-
-	<h2>Technologies utilis&eacute;es sur le site :</h2>
-
-	<ul>
-		<li>HTML5</li>
-		<li>CSS</li>
-		<li>JavaScript</li>
-		<li>PHP</li>
-	</ul>
-
-	<p>&nbsp;</p>
-
-	<h2>Outils utilis&eacute;s pour l&rsquo;&eacute;valuation :</h2>
-
-	<p>Asqatasun V.5</p>
-
-	<p>&nbsp;</p>
-
-	<h2>Liste des pages ayant fait l&rsquo;objet de la v&eacute;rification de conformit&eacute; :</h2>
-
-	<table align="center" style="width:80%;">
-		<tbody>
-			<tr>
-				<td>Accueil</td>
-				<td>
-				<p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-				</td>
-			</tr>
-			<tr>
-				<td>R&eacute;sultat de recherche</td>
-				<td>
-				<p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-				</td>
-			</tr>
-			<tr>
-				<td>Notice</td>
-				<td>
-				<p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-				</td>
-			</tr>
-			<tr>
-				<td>Infos pratiques</td>
-				<td>
-				<p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-				</td>
-			</tr>
-			<tr>
-				<td>Sur les &eacute;tag&egrave;res</td>
-				<td>
-				<p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-				</td>
-			</tr>
-			<tr>
-				<td>Actualit&eacute;s</td>
-				<td>
-				<p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-				</td>
-			</tr>
-			<tr>
-				<td>Aide en ligne</td>
-				<td>
-				<p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-				</td>
-			</tr>
-			<tr>
-				<td>Recherche avanc&eacute;e</td>
-				<td>
-				<p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-				</td>
-			</tr>
-			<tr>
-				<td>Mentions l&eacute;gales</td>
-				<td>
-				<p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-				</td>
-			</tr>
-			<tr>
-				<td>Services</td>
-				<td>
-				<p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-				</td>
-			</tr>
-			<tr>
-				<td>Formulaire contact</td>
-				<td>
-				<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-				</td>
-			</tr>
-		</tbody>
-	</table>
-
-	<p>&nbsp;</p>
-
-	<h2>Analyse globale</h2>
-
-	<p>Les niveaux vis&eacute;s par le cadre l&eacute;gal de mise en conformit&eacute; des sites publics sont les niveaux A et AA du r&eacute;f&eacute;rentiel. L&#39;analyse du site met en &eacute;vidence une conformit&eacute; de <strong><span style="color:#FF0000;">[&Agrave; renseigner] </span></strong>au regard de ces crit&egrave;res.<br />
-	<br />
-	La plus grande partie des crit&egrave;res d&#39;accessibilit&eacute; sont respect&eacute;s. Les crit&egrave;res non respect&eacute;s sont dus &agrave; des contraintes techniques r&eacute;sultant de l&#39;utilisation du syst&egrave;me de gestion de contenu.</p>
-
-	<p>&nbsp;</p>
-
-	<h2>R&eacute;sultats d&eacute;taill&eacute;s des tests unitaires :</h2>
-
-	<table style="width: 100%;">
-		<tbody>
-			<tr>
-				<td>Niveau</td>
-				<td>Nombre de tests</td>
-				<td>Tests conformes&nbsp;</td>
-				<td>Tests non valid&eacute;s</td>
-				<td>Conformit&eacute;</td>
-			</tr>
-			<tr>
-				<td>Niveau A+AA</td>
-				<td>
-				<p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-				</td>
-				<td>
-				<p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-				</td>
-				<td>
-				<p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-				</td>
-				<td>
-				<p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-				</td>
-			</tr>
-		</tbody>
-	</table>
-
-	<p><br />
-	Nous nous engageons &agrave; apporter r&eacute;guli&egrave;rement les modifications n&eacute;cessaires pour maintenir, corriger et am&eacute;liorer l&#39;accessibilit&eacute; de ce site.</p>
-
-	<p>&nbsp;</p>
-
-	<h2>Composants tiers d&eacute;rog&eacute;s :</h2>
-
-	<ul>
-		<li>Google Maps</li>
-		<li>Vid&eacute;os issues d&#39;Allocin&eacute;, INA</li>
-		<li>Calendrier javascript : il s&#39;agit d&#39;un composant jquery-ui natif, n&eacute;anmoins son utilisation est optionnelle</li>
-		<li>Diaporama : il s&#39;agit d&#39;un composant natif, n&eacute;anmoins son utilisation est optionnelle</li>
-	</ul>
-
-	<p>&nbsp;</p>
-
-	<h2>D&eacute;rogations sp&eacute;cifiques :</h2>
-
-	<p>Les contenus &eacute;ditoriaux profonds peuvent comporter des listes, des intertitres, des mises en gras ou italique et des images qui ne seraient pas conformes. N&eacute;anmoins, &agrave; notre connaissance, cela ne provoque aucun blocage d&#39;acc&egrave;s &agrave; l&#39;information. La reprise et la v&eacute;rification de toutes les pages du site repr&eacute;senteraient une charge de travail disproportionn&eacute;e par rapport au gain attendu.<br />
-	La validit&eacute; HTML ne peut &ecirc;tre garantie sur l&#39;ensemble des pages, n&eacute;anmoins &agrave; notre connaissance cela ne provoque aucun dysfonctionnement des aides techniques. La reprise et la v&eacute;rification de toutes les pages du site repr&eacute;senteraient une charge de travail disproportionn&eacute;e par rapport au gain attendu.<br />
-	Les vid&eacute;os n&#39;ont pas d&#39;audiodescription d&eacute;crivant leur contenu. La biblioth&egrave;que n&#39;est pas en mesure de fournir des audiodescriptions pour l&#39;ensemble de ces vid&eacute;os.<br />
-	Une alternative n&#39;est pas disponible pour l&#39;int&eacute;gralit&eacute; des photos, images et liens. Ce d&eacute;faut est en cours de r&eacute;solution.<br />
-	Lors de la prise de focus de certains &eacute;l&eacute;ments de formulaire, un style sp&eacute;cifique est appliqu&eacute;, n&eacute;anmoins ce changement de style ne respecte pas les modalit&eacute;s pr&eacute;vues par le RGAA4. Ces cas particuliers seront remont&eacute;s pour une &eacute;volution ult&eacute;rieure du RGAA.</p>
-
-	<p>&nbsp;</p>
-
-	<h2>Droit &agrave; la compensation :</h2>
-
-	<p>Il est important de rappeler qu&rsquo;en vertu de l&rsquo;article 11 de la loi de f&eacute;vrier 2005, la personne handicap&eacute;e a droit &agrave; la compensation des cons&eacute;quences de son handicap, quelles que soient l&rsquo;origine et la nature de sa d&eacute;ficience, son &acirc;ge ou son mode de vie. De ce fait, chaque organisme a l&#39;obligation de prendre les moyens n&eacute;cessaires afin de donner acc&egrave;s, dans un d&eacute;lai raisonnable, aux informations et fonctionnalit&eacute;s recherch&eacute;es par la personne handicap&eacute;e, que le contenu fasse l&#39;objet d&#39;une d&eacute;rogation ou non.</p>
-
-	<p>&nbsp;</p>
-
-	<h2>Nous contacter</h2>
-
-	<p>Si vous souhaitez nous contacter pour quelques raisons que ce soit, plusieurs solutions sont &agrave; votre disposition :</p>
-
-	<ul>
-		<li>par courrier : <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></li>
-		<li>par courriel : <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></li>
-	</ul>
-
-	<p>&nbsp;</p>
-
-	<h2>D&eacute;fenseur des droits :</h2>
-
-	<p>Si vous constatez un d&eacute;faut d&#39;accessibilit&eacute; vous emp&ecirc;chant d&#39;acc&eacute;der &agrave; un contenu ou une fonctionnalit&eacute; du site, que vous nous le signalez et que vous ne parvenez pas &agrave; obtenir une r&eacute;ponse rapide de notre part, vous &ecirc;tes en droit de faire parvenir vos dol&eacute;ances ou une demande de saisine au D&eacute;fenseur des droits. Plusieurs moyens sont &agrave; votre disposition :</p>
-
-	<ul>
-		<li>un formulaire de contact : <a href="https://formulaire.defenseurdesdroits.fr/code/afficher.php?ETAPE=accueil_2016">https://formulaire.defenseurdesdroits.fr/code/afficher.php?ETAPE=accueil_2016</a></li>
-		<li>une adresse postale : Le D&eacute;fenseur des droits - 7 rue Saint-Florentin - 75409 Paris Cedex 08</li>
-	</ul>
-</div>
\ No newline at end of file
+<h3>Qu&rsquo;est-ce que l&rsquo;accessibilit&eacute; num&eacute;rique ?</h3>
+
+<p>Un site web accessible est un site qui permet &agrave; tous les internautes d&rsquo;acc&eacute;der &agrave; ses contenus sans difficult&eacute;, y compris les personnes qui pr&eacute;sentent un handicap et utilisent des logiciels ou mat&eacute;riels sp&eacute;cialis&eacute;s.<br />
+Un site accessible permet par exemple de :</p>
+
+<ul>
+	<li>Naviguer avec des synth&egrave;ses vocales ou des plages braille (notamment utilis&eacute;es par les internautes aveugles ou malvoyants).</li>
+	<li>Personnaliser l&rsquo;affichage du site selon ses besoins (grossissement des caract&egrave;res, modification des couleurs).</li>
+	<li>Naviguer sans utiliser la souris, avec le clavier uniquement ou via un &eacute;cran tactile.</li>
+</ul>
+
+<p>&nbsp;</p>
+
+<h3>Adresse du site et date de r&eacute;alisation :</h3>
+
+<p>La d&eacute;claration de conformit&eacute; du site <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong> le <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
+
+<p>&nbsp;</p>
+
+<h3>Version du RGAA de r&eacute;f&eacute;rence :</h3>
+
+<p>La version utilis&eacute;e pour r&eacute;aliser les tests est la version 4.0 du RGAA.</p>
+
+<p>&nbsp;</p>
+
+<h3>Identit&eacute; du d&eacute;clarant :</h3>
+
+<p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
+
+<p>&nbsp;</p>
+
+<h3>Technologies utilis&eacute;es sur le site :</h3>
+
+<ul>
+	<li>HTML5</li>
+	<li>CSS</li>
+	<li>JavaScript</li>
+	<li>PHP</li>
+</ul>
+
+<p>&nbsp;</p>
+
+<h3>Outils utilis&eacute;s pour l&rsquo;&eacute;valuation :</h3>
+
+<ul>
+	<li>Asqatasun V.5</li>
+	<li>Tanaguru Contrast Finder</li>
+	<li>WCAG Contrast Checker</li>
+	<li>HeadingsMap</li>
+	<li>Web Developer</li>
+	<li>WAVE Web Accessibility Evaluation Tool</li>
+</ul>
+
+<p>&nbsp;</p>
+
+<h3>Liste des pages ayant fait l&rsquo;objet de la v&eacute;rification de conformit&eacute; :</h3>
+
+<ul>
+	<li>Accueil</li>
+	<li>Agenda</li>
+	<li>Article</li>
+	<li>R&eacute;sultat de recherche</li>
+	<li>Notice</li>
+	<li>Biblioth&egrave;que</li>
+	<li>Formulaire de contact</li>
+	<li>Mentions l&eacute;gales</li>
+</ul>
+
+<p>&nbsp;</p>
+
+<h3>Analyse globale</h3>
+
+<p>Les niveaux vis&eacute;s par le cadre l&eacute;gal de mise en conformit&eacute; des sites publics sont les niveaux A et AA du r&eacute;f&eacute;rentiel. L&#39;analyse du site met en &eacute;vidence une conformit&eacute; de <strong><span style="color:#FF0000;">[&Agrave; renseigner] </span></strong>au regard de ces crit&egrave;res.<br />
+<br />
+La plus grande partie des crit&egrave;res d&#39;accessibilit&eacute; sont respect&eacute;s. Les crit&egrave;res non respect&eacute;s sont dus &agrave; des contraintes techniques r&eacute;sultant de l&#39;utilisation du syst&egrave;me de gestion de contenu.</p>
+
+<p>&nbsp;</p>
+
+<h3>R&eacute;sultats d&eacute;taill&eacute;s des tests unitaires :</h3>
+
+<p>R&eacute;f&eacute;rentiel : RGAA 4.0&nbsp;<br />
+Note / 100&nbsp; : <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong><br />
+Tests conformes : <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong><br />
+Tests non conformes : <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong><br />
+Tests totaux : <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
+
+<p>Nous nous engageons &agrave; apporter r&eacute;guli&egrave;rement les modifications n&eacute;cessaires pour maintenir, corriger et am&eacute;liorer l&#39;accessibilit&eacute; de ce site.</p>
+
+<p>&nbsp;</p>
+
+<h3>Liste des crit&egrave;res unitaires non conformes :</h3>
+
+<p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
+
+<p>&nbsp;</p>
+
+<h3>Composants tiers d&eacute;rog&eacute;s :</h3>
+
+<ul>
+	<li>Google Maps</li>
+	<li>Vid&eacute;os issues d&#39;Allocin&eacute;, INA</li>
+	<li>Calendrier javascript : il s&#39;agit d&#39;un composant jquery-ui natif, n&eacute;anmoins son utilisation est optionnelle</li>
+	<li>Diaporama : il s&#39;agit d&#39;un composant natif, n&eacute;anmoins son utilisation est optionnelle</li>
+</ul>
+
+<p>&nbsp;</p>
+
+<h3>D&eacute;rogations sp&eacute;cifiques :</h3>
+
+<p>Les contenus &eacute;ditoriaux profonds peuvent comporter des listes, des intertitres, des mises en gras ou italique et des images qui ne seraient pas conformes. N&eacute;anmoins, &agrave; notre connaissance, cela ne provoque aucun blocage d&#39;acc&egrave;s &agrave; l&#39;information. La reprise et la v&eacute;rification de toutes les pages du site repr&eacute;senteraient une charge de travail disproportionn&eacute;e par rapport au gain attendu.<br />
+La validit&eacute; HTML ne peut &ecirc;tre garantie sur l&#39;ensemble des pages, n&eacute;anmoins &agrave; notre connaissance cela ne provoque aucun dysfonctionnement des aides techniques. La reprise et la v&eacute;rification de toutes les pages du site repr&eacute;senteraient une charge de travail disproportionn&eacute;e par rapport au gain attendu.<br />
+Les vid&eacute;os n&#39;ont pas d&#39;audiodescription d&eacute;crivant leur contenu. La biblioth&egrave;que n&#39;est pas en mesure de fournir des audiodescriptions pour l&#39;ensemble de ces vid&eacute;os.<br />
+Une alternative n&#39;est pas disponible pour l&#39;int&eacute;gralit&eacute; des photos, images et liens. Ce d&eacute;faut est en cours de r&eacute;solution.<br />
+Lors de la prise de focus de certains &eacute;l&eacute;ments de formulaire, un style sp&eacute;cifique est appliqu&eacute;, n&eacute;anmoins ce changement de style ne respecte pas les modalit&eacute;s pr&eacute;vues par le RGAA4. Ces cas particuliers seront remont&eacute;s pour une &eacute;volution ult&eacute;rieure du RGAA.</p>
+
+<p>&nbsp;</p>
+
+<h3>Droit &agrave; la compensation :</h3>
+
+<p>Il est important de rappeler qu&rsquo;en vertu de l&rsquo;article 11 de la loi de f&eacute;vrier 2005, la personne handicap&eacute;e a droit &agrave; la compensation des cons&eacute;quences de son handicap, quelles que soient l&rsquo;origine et la nature de sa d&eacute;ficience, son &acirc;ge ou son mode de vie. De ce fait, chaque organisme a l&#39;obligation de prendre les moyens n&eacute;cessaires afin de donner acc&egrave;s, dans un d&eacute;lai raisonnable, aux informations et fonctionnalit&eacute;s recherch&eacute;es par la personne handicap&eacute;e, que le contenu fasse l&#39;objet d&#39;une d&eacute;rogation ou non.</p>
+
+<p>&nbsp;</p>
+
+<h3>Nous contacter</h3>
+
+<p>Si vous souhaitez nous contacter pour quelques raisons que ce soit, plusieurs solutions sont &agrave; votre disposition :</p>
+
+<ul>
+	<li>Par courrier : <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></li>
+	<li>Par courriel : <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></li>
+</ul>
+
+<p>&nbsp;</p>
+
+<h3>D&eacute;fenseur des droits :</h3>
+
+<p>Si vous constatez un d&eacute;faut d&#39;accessibilit&eacute; vous emp&ecirc;chant d&#39;acc&eacute;der &agrave; un contenu ou une fonctionnalit&eacute; du site, que vous nous le signalez et que vous ne parvenez pas &agrave; obtenir une r&eacute;ponse rapide de notre part, vous &ecirc;tes en droit de faire parvenir vos dol&eacute;ances ou une demande de saisine au D&eacute;fenseur des droits. Plusieurs moyens sont &agrave; votre disposition :</p>
+
+<ul>
+	<li><a href="http://formulaire.defenseurdesdroits.fr/code/afficher.php?ETAPE=accueil_2016">un formulaire de contact</a></li>
+	<li>une adresse postale : Le D&eacute;fenseur des droits - 7 rue Saint-Florentin - 75409 Paris Cedex 08</li>
+</ul>
diff --git a/library/templates/Herisson/Assets/contents/flash_infos.html b/library/templates/Herisson/Assets/contents/flash_infos.html
new file mode 100644
index 0000000000000000000000000000000000000000..ac414d969af777845a75d3637fc0191e06adfa9f
--- /dev/null
+++ b/library/templates/Herisson/Assets/contents/flash_infos.html
@@ -0,0 +1,3 @@
+<div>
+    <p>Ceci est une information exceptionnelle qui se masque automatiquement si la date de publication est dépassée ou l'article en brouillon</p>
+</div>
\ No newline at end of file
diff --git a/library/templates/Herisson/Assets/contents/mentions_legales.html b/library/templates/Herisson/Assets/contents/mentions_legales.html
index b3becfcd61bacb4ea237d2f12687be6b747bc32a..1d5dddf6420b2cda98dafd917ff59336eb2675d2 100644
--- a/library/templates/Herisson/Assets/contents/mentions_legales.html
+++ b/library/templates/Herisson/Assets/contents/mentions_legales.html
@@ -1,102 +1,110 @@
-<div class="mentions_legales">
-  <h2>Propri&eacute;taire du site :</h2>
+<h3>Propri&eacute;taire du site</h3>
 
-  <p><strong><span style="color:#FF0000;">Nom de la biblioth&egrave;que<br />
-  Adresse<br />
-  Num&eacute;ro de t&eacute;l&eacute;phone</span></strong></p>
+<p><strong><span style="color:#FF0000;">Nom de la biblioth&egrave;que<br />
+Adresse<br />
+Num&eacute;ro de t&eacute;l&eacute;phone</span></strong></p>
 
-  <p>Directeur de publication : <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong><br />
-  R&eacute;daction, publication, animation et gestion &eacute;ditoriale : <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
+<p>Directeur de publication<strong><span style="color:#FF0000;"> [&Agrave; renseigner]</span></strong><br />
+R&eacute;daction, publication, animation et gestion &eacute;ditoriale<strong><span style="color:#FF0000;"> [&Agrave; renseigner]</span></strong></p>
 
-  <p>&nbsp;</p>
+<p>&nbsp;</p>
 
-  <h2>Photographies :</h2>
+<h3>Photographies</h3>
 
-  <p>Banques d&rsquo;images&nbsp;: <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
+<p>Banques d&rsquo;images <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
 
-  <p>&nbsp;</p>
+<p>&nbsp;</p>
 
-  <h2>Coordonn&eacute;es de l&#39;h&eacute;bergeur du site Internet&nbsp;:</h2>
+<h3>Coordonn&eacute;es de l&#39;h&eacute;bergeur du site Internet</h3>
 
-  <p><strong><span style="color:#FF0000;">Nom de l&#39;h&eacute;bergeur<br />
-  Adresse<br />
-  Num&eacute;ro de t&eacute;l&eacute;phone</span></strong></p>
+<p><strong><span style="color:#FF0000;">Nom de l&#39;h&eacute;bergeur<br />
+Adresse<br />
+Num&eacute;ro de t&eacute;l&eacute;phone</span></strong></p>
 
-  <p>&nbsp;</p>
+<p>&nbsp;</p>
 
-  <h2>Coordonn&eacute;es du concepteur du site internet :</h2>
+<h3>Coordonn&eacute;es du concepteur du site internet</h3>
 
-  <p><u>Identit&eacute; visuelle</u>&nbsp;:&nbsp;<br />
-  <strong><span style="color:#FF0000;">Nom du concepteur<br />
-  Adresse<br />
-  Num&eacute;ro de t&eacute;l&eacute;phone</span></strong></p>
-  &nbsp;
+<h4>Identit&eacute; visuelle</h4>
 
-  <p><u>D&eacute;veloppement</u>&nbsp;:&nbsp;<br />
-  AFI - Agence Fran&ccedil;aise Informatique<br />
-  35, rue de la Maison Rouge<br />
-  77185 Lognes<br />
-  T&eacute;l : <a href="tel:&quot;01 60 17 12 34&quot;"><strong>01 60 17 12 34</strong></a><br />
-  <u><a href="https://www.afi-sa.net/">www.afi-sa.fr</a></u></p>
+<p><strong><span style="color:#FF0000;">Nom du concepteur<br />
+Adresse<br />
+Num&eacute;ro de t&eacute;l&eacute;phone</span></strong></p>
 
-  <p>&nbsp;</p>
+<p>&nbsp;</p>
 
-  <h2>Gestion des cookies :</h2>
+<h4>D&eacute;veloppement</h4>
 
-  <p>Cookies d&eacute;pos&eacute;s par le site <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
+<p>AFI - Agence Fran&ccedil;aise Informatique<br />
+35, rue de la Maison Rouge<br />
+77185 Lognes<br />
+T&eacute;l : <a href="tel:&quot;01 60 17 12 34&quot;">01 60 17 12 34</a><br />
+Email : <a href="https://www.afi-sa.net/">www.afi-sa.fr</a></p>
 
-  <p>&nbsp;</p>
+<p>&nbsp;</p>
 
-  <h3><u>Cookie de session</u></h3>
+<h3>Gestion des cookies</h3>
 
-  <p>Ce site utilise, pour chaque visite, un cookie de session qui permet de se connecter au site et de b&eacute;n&eacute;ficier de tous les services que nous proposons. Ce cookie est effac&eacute; &agrave; la fermeture du navigateur.</p>
-  &nbsp;
+<p>Cookies d&eacute;pos&eacute;s par le site <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
 
-  <h3><u>Cookies de fonctionnement</u> (fen&ecirc;tres modales, notifications etc...)</h3>
+<p>&nbsp;</p>
 
-  <p>Ce site utilise des cookies de fonctionnement. Ces cookies sont conserv&eacute;s sur votre ordinateur (entre quelques jours et un an) afin de faciliter votre navigation et notamment d&#39;&eacute;viter l&#39;affichage de fen&ecirc;tres ou de notifications (toutes concernant l&#39;actualit&eacute; des M&eacute;diath&egrave;ques) que vous auriez d&eacute;j&agrave; vues. Ces cookies ne sont en aucun cas destin&eacute;s &agrave; d&#39;autres fins (publicit&eacute;, etc.).</p>
-  &nbsp;
+<h4>Cookie de session</h4>
 
-  <h3><u>Cookies concernant l&#39;accessibilit&eacute;</u></h3>
+<p>Ce site utilise, pour chaque visite, un cookie de session qui permet de se connecter au site et de b&eacute;n&eacute;ficier de tous les services que nous proposons. Ce cookie est effac&eacute; &agrave; la fermeture du navigateur.</p>
 
-  <p>Des cookies pourront &ecirc;tre plac&eacute;s sur votre machine si vous utilisez les options d&#39;accessibilit&eacute; afin de modifier le style de la page (exemple : avoir une &eacute;criture blanche sur fond noir). Ces cookies sont exclusivement utilis&eacute;s afin de permettre &agrave; l&#39;internaute d&#39;effectuer ce choix une fois pour toutes et ne pas avoir &agrave; recommencer cette manipulation &agrave; chaque visite.</p>
-  &nbsp;
+<p>&nbsp;</p>
 
-  <h2>Informations l&eacute;gales&nbsp;:&nbsp;</h2>
+<h4>Cookies de fonctionnement (fen&ecirc;tres modales, notifications etc...)</h4>
 
-  <p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong> signale que l&rsquo;acc&egrave;s &agrave; ce site implique l&rsquo;acceptation sans r&eacute;serve des dispositions suivantes.</p>
+<p>Ce site utilise des cookies de fonctionnement. Ces cookies sont conserv&eacute;s sur votre ordinateur (entre quelques jours et un an) afin de faciliter votre navigation et notamment d&#39;&eacute;viter l&#39;affichage de fen&ecirc;tres ou de notifications (toutes concernant l&#39;actualit&eacute; des M&eacute;diath&egrave;ques) que vous auriez d&eacute;j&agrave; vues. Ces cookies ne sont en aucun cas destin&eacute;s &agrave; d&#39;autres fins (publicit&eacute;, etc.).</p>
 
-  <p>&nbsp;</p>
+<p>&nbsp;</p>
 
-  <h3>Contenus</h3>
+<h4>Cookies concernant l&#39;accessibilit&eacute;</h4>
 
-  <p>Les informations communiqu&eacute;es sur ce site sont pr&eacute;sent&eacute;es &agrave; titre indicatif. Elles ne sauraient &ecirc;tre totalement exhaustives.<br />
-  Malgr&eacute; l&rsquo;attention apport&eacute;e aux contenus de ce site internet, des erreurs ou dysfonctionnements peuvent subsister. Merci de nous faire part des &eacute;ventuels probl&egrave;mes constat&eacute;s afin que nous y rem&eacute;dions &agrave; : <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-  &nbsp;
+<p>Des cookies pourront &ecirc;tre plac&eacute;s sur votre machine si vous utilisez les options d&#39;accessibilit&eacute; afin de modifier le style de la page (exemple : avoir une &eacute;criture blanche sur fond noir). Ces cookies sont exclusivement utilis&eacute;s afin de permettre &agrave; l&#39;internaute d&#39;effectuer ce choix une fois pour toutes et ne pas avoir &agrave; recommencer cette manipulation &agrave; chaque visite.</p>
 
-  <h3><u>&Eacute;tablissement de liens</u></h3>
+<p>&nbsp;</p>
 
-  <p>Les personnes d&eacute;sireuses de faire un lien vers le site internet peuvent en faire la demande aupr&egrave;s de <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong> par courriel : <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong></p>
-  &nbsp;
+<h3>Informations l&eacute;gales</h3>
 
-  <h3><u>Liens vers d&rsquo;autres sites</u></h3>
+<p><strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong> signale que l&rsquo;acc&egrave;s &agrave; ce site implique l&rsquo;acceptation sans r&eacute;serve des dispositions suivantes.</p>
 
-  <p>Le site peut proposer des liens vers d&rsquo;autres sites affili&eacute;s et non affili&eacute;s. Ces sites sont ind&eacute;pendants. Les liens vers ces sites n&rsquo;impliquent, en aucun cas, une approbation de contenu ou un partenariat entre l&rsquo;&eacute;diteur et ces sites. D&egrave;s lors, l&rsquo;&eacute;diteur ne saurait &ecirc;tre responsable de leurs contenus, leurs produits, leurs publicit&eacute;s ou tous &eacute;l&eacute;ments ou services pr&eacute;sent&eacute;s sur ces sites. Nous vous rappelons que ces sites sont soumis &agrave; leurs propres conditions d&rsquo;utilisation et de protection des donn&eacute;es personnelles.</p>
-  &nbsp;
+<p>&nbsp;</p>
 
-  <h3><u>Acc&egrave;s au site</u></h3>
+<h4>Contenus</h4>
 
-  <p>L&rsquo;acc&egrave;s &agrave; ce site et son utilisation sont r&eacute;serv&eacute;s &agrave; un usage strictement personnel. Les informations sont fournies &agrave; titre gratuit. Elles peuvent &ecirc;tre modifi&eacute;es &agrave; tout moment et sans pr&eacute;avis. L&rsquo;&eacute;diteur se r&eacute;serve &eacute;galement le droit de suspendre, d&rsquo;interrompre ou de limiter sans avis pr&eacute;alable l&rsquo;acc&egrave;s &agrave; tout ou partie du site.</p>
-  &nbsp;
+<p>Les informations communiqu&eacute;es sur ce site sont pr&eacute;sent&eacute;es &agrave; titre indicatif. Elles ne sauraient &ecirc;tre totalement exhaustives.<br />
+Malgr&eacute; l&rsquo;attention apport&eacute;e aux contenus de ce site internet, des erreurs ou dysfonctionnements peuvent subsister. Merci de nous faire part des &eacute;ventuels probl&egrave;mes constat&eacute;s afin que nous y rem&eacute;dions &agrave;<strong><span style="color:#FF0000;"> [&Agrave; renseigner]</span></strong></p>
 
-  <h3><u>Respect des droits de propri&eacute;t&eacute;&nbsp;</u></h3>
+<p>&nbsp;</p>
 
-  <p>L&rsquo;ensemble des &eacute;l&eacute;ments textuels, visuels, audio expos&eacute;s sur le site sont prot&eacute;g&eacute;s par la l&eacute;gislation conform&eacute;ment aux dispositions du Code de la Propri&eacute;t&eacute; Intellectuelle fran&ccedil;ais, des r&egrave;glements nationaux et des conventions internationales en vigueur.&nbsp;<br />
-  Vous ne pouvez en aucun cas utiliser, distribuer, copier, reproduire, modifier, d&eacute;naturer ou transmettre le site ou des &eacute;l&eacute;ments du site tels que notamment textes, images, sons et logos sans l&rsquo;autorisation &eacute;crite et pr&eacute;alable de la communaut&eacute; d&rsquo;agglom&eacute;ration ou des titulaires des droits. Le non-respect de cette interdiction peut notamment constituer une contrefa&ccedil;on des droits de propri&eacute;t&eacute; intellectuelle ou une atteinte aux droits des personnes et peut &agrave; ce titre engager votre responsabilit&eacute;, y compris dans le cadre d&rsquo;une action p&eacute;nale.</p>
-  &nbsp;
+<h4>&Eacute;tablissement de liens</h4>
 
-  <h3><u>Responsabilit&eacute;</u></h3>
+<p>Les personnes d&eacute;sireuses de faire un lien vers le site internet peuvent en faire la demande aupr&egrave;s de <strong><span style="color:#FF0000;">[&Agrave; renseigner]</span></strong> par courriel<strong><span style="color:#FF0000;"> [&Agrave; renseigner]</span></strong></p>
 
-  <p>La communaut&eacute; d&rsquo;agglom&eacute;ration ne peut &ecirc;tre tenue responsable des dommages directs ou indirects caus&eacute;s au mat&eacute;riel de l&rsquo;utilisateur, lors de l&rsquo;acc&egrave;s au site, et r&eacute;sultant soit de l&rsquo;utilisation d&rsquo;un mat&eacute;riel obsol&egrave;te, soit de l&rsquo;apparition d&rsquo;un bug ou d&rsquo;une incompatibilit&eacute;.&nbsp;</p>
+<p>&nbsp;</p>
 
-</div>
\ No newline at end of file
+<h4>Liens vers d&rsquo;autres sites</h4>
+
+<p>Le site peut proposer des liens vers d&rsquo;autres sites affili&eacute;s et non affili&eacute;s. Ces sites sont ind&eacute;pendants. Les liens vers ces sites n&rsquo;impliquent, en aucun cas, une approbation de contenu ou un partenariat entre l&rsquo;&eacute;diteur et ces sites. D&egrave;s lors, l&rsquo;&eacute;diteur ne saurait &ecirc;tre responsable de leurs contenus, leurs produits, leurs publicit&eacute;s ou tous &eacute;l&eacute;ments ou services pr&eacute;sent&eacute;s sur ces sites. Nous vous rappelons que ces sites sont soumis &agrave; leurs propres conditions d&rsquo;utilisation et de protection des donn&eacute;es personnelles.</p>
+
+<p>&nbsp;</p>
+
+<h4>Acc&egrave;s au site</h4>
+
+<p>L&rsquo;acc&egrave;s &agrave; ce site et son utilisation sont r&eacute;serv&eacute;s &agrave; un usage strictement personnel. Les informations sont fournies &agrave; titre gratuit. Elles peuvent &ecirc;tre modifi&eacute;es &agrave; tout moment et sans pr&eacute;avis. L&rsquo;&eacute;diteur se r&eacute;serve &eacute;galement le droit de suspendre, d&rsquo;interrompre ou de limiter sans avis pr&eacute;alable l&rsquo;acc&egrave;s &agrave; tout ou partie du site.</p>
+
+<p>&nbsp;</p>
+
+<h4>Respect des droits de propri&eacute;t&eacute;&nbsp;</h4>
+
+<p>L&rsquo;ensemble des &eacute;l&eacute;ments textuels, visuels, audio expos&eacute;s sur le site sont prot&eacute;g&eacute;s par la l&eacute;gislation conform&eacute;ment aux dispositions du Code de la Propri&eacute;t&eacute; Intellectuelle fran&ccedil;ais, des r&egrave;glements nationaux et des conventions internationales en vigueur.&nbsp;<br />
+Vous ne pouvez en aucun cas utiliser, distribuer, copier, reproduire, modifier, d&eacute;naturer ou transmettre le site ou des &eacute;l&eacute;ments du site tels que notamment textes, images, sons et logos sans l&rsquo;autorisation &eacute;crite et pr&eacute;alable de la communaut&eacute; d&rsquo;agglom&eacute;ration ou des titulaires des droits. Le non-respect de cette interdiction peut notamment constituer une contrefa&ccedil;on des droits de propri&eacute;t&eacute; intellectuelle ou une atteinte aux droits des personnes et peut &agrave; ce titre engager votre responsabilit&eacute;, y compris dans le cadre d&rsquo;une action p&eacute;nale.</p>
+
+<p>&nbsp;</p>
+
+<h4>Responsabilit&eacute;</h4>
+
+<p>La communaut&eacute; d&rsquo;agglom&eacute;ration ne peut &ecirc;tre tenue responsable des dommages directs ou indirects caus&eacute;s au mat&eacute;riel de l&rsquo;utilisateur, lors de l&rsquo;acc&egrave;s au site, et r&eacute;sultant soit de l&rsquo;utilisation d&rsquo;un mat&eacute;riel obsol&egrave;te, soit de l&rsquo;apparition d&rsquo;un bug ou d&rsquo;une incompatibilit&eacute;.&nbsp;</p>
diff --git a/library/templates/Herisson/Assets/css/herisson.css b/library/templates/Herisson/Assets/css/herisson.css
index 3652ce5059557a57597c2ceec2d8136d8fe92afa..a29aeec9566f2f5991feb7cf87dc980498e5223b 100644
--- a/library/templates/Herisson/Assets/css/herisson.css
+++ b/library/templates/Herisson/Assets/css/herisson.css
@@ -1,112 +1,128 @@
 @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
 :root {
-
-    --black: #000000; /*noir*/
-    --black-opacity:rgba(0, 0, 0, 0.8); /*noir avec opacité*/
-    --black-opacity-50:rgba(0, 0, 0, 0.5); /*noir avec opacité*/
-    --white:  #FFFFFF; /*blanc*/
-    --red: #c70000; /*rouge*/    
-    --vert: #138A06; /*vert*/ 
-    --yellow: #ffaa00; /*jaune*/
+    --black: #000000;
+    --black-opacity: rgba(0, 0, 0, 0.8);
+    --black-opacity-50: rgba(0, 0, 0, 0.5);
+    --white: #FFFFFF;
+    --red: #c70000;
+    --vert: #138A06;
+    --yellow: #ffaa00;
 
     /*Fond blanc*/
-    --background: #FFFFFF; /*blanc*/
-    --card-header: #612100; /*chocolat noir*/
-    --card-title: #a8755b;  /*chocolat au lait*/
+    --background: #FFFFFF;
+    --card-header: #612100;
+    --card-title: #a8755b;
 
     /*Fond clair*/
-    --background-light: #FFF7EB; /*chocolat blanc*/
-    --card-header_background-light: #612100; /*chocolat noir*/
-    --card-template_background-light: #FFFFFF; /*blanc*/
-    --card-title_background-light: #A4684D; /*chocolat au lait*/
-    --card-text_background-light: #000000; /*noir*/
+    --background-light: #FFF7EB;
+    --card-header_background-light: #612100;
+    --card-template_background-light: #FFFFFF;
+    --card-title_background-light: #A4684D;
+    --card-text_background-light: #000000;
 
     /*Fond foncé*/
-    --background-dark: /*#a8755b;*/ #c1957f; /*chocolat au lait*/
-    --card-header_background-dark: #FFF7EB; /*chocolat blanc*/
-    --card-title_background-dark: #612100; /*chocolat noir*/
-    --card-text_background-dark: #000000; /*noir*/
+    --background-dark: #c1957f;
+    --card-header_background-dark: #FFF7EB;
+    --card-title_background-dark: #612100;
+    --card-text_background-dark: #000000;
 
     /*Fond très foncé*/
-    --background-very-dark: /*#75503E;*/ #6C5347; /*chocolat noir*/
-    --card-header_background-very-dark: #FFF7EB; /*chocolat blanc*/
-    --card-title_background-very-dark: #FFC2A3; /*chocolat au lait*/
-    --card-text_background-very-dark: #FFFFFF; /*blanc*/
-
-
-    /*couleur very fonce:  #6C5347*/
-    /*couleur normal: #c1957f;*/
-
+    --background-very-dark: #6C5347;
+    --card-header_background-very-dark: #FFF7EB;
+    --card-title_background-very-dark: #FFC2A3;
+    --card-text_background-very-dark: #FFFFFF;
 }
 
 
 /* Nouvelles classes */
 .h-xl-300 {
-    height: 300px!important;
+    height: 300px !important;
 }
-@media(max-width: 1200px){
+
+@media(max-width: 1200px) {
     .h-md-180 {
-        height: 180px!important;
+        height: 180px !important;
     }
 }
+
 .w-auto {
-    width: auto!important;
+    width: auto !important;
 }
+
 .w-max {
-    width: max-content!important;
+    width: max-content !important;
 }
+
 .w-300 {
-    width: 300px!important;
+    width: 300px !important;
 }
+
 .object-fit-cover {
-    object-fit: cover!important;
+    object-fit: cover !important;
 }
+
 .object-fit-contain {
-    object-fit: contain!important;
+    object-fit: contain !important;
 }
+
 .mx-auto {
-    margin-left:auto!important; 
-    margin-right:auto!important;
+    margin-left: auto !important;
+    margin-right: auto !important;
 }
+
 .my-auto {
-    margin-top:auto!important; 
-    margin-bottom:auto!important;
+    margin-top: auto !important;
+    margin-bottom: auto !important;
 }
+
 .mt-8 {
     margin-top: 6rem !important;
 }
+
 .mb-8 {
     margin-bottom: 6rem !important;
 }
+
 .my-8 {
     margin-top: 6rem !important;
     margin-bottom: 6rem !important;
 }
+
 .mt-10 {
     margin-top: 10rem !important;
 }
+
 .mb-10 {
     margin-bottom: 10rem !important;
 }
+
 .my-10 {
     margin-top: 10rem !important;
     margin-bottom: 10rem !important;
 }
+
 .px-9 {
-    padding-top: 9.5rem!important;
-    padding-bottom: 9.5rem!important;
+    padding-left: 9.5rem !important;
+    padding-right: 9.5rem !important;
 }
+
 .py-9 {
-    padding-left: 9.5rem!important;
-    padding-right: 9.5rem!important;
+    padding-top: 9.5rem !important;
+    padding-bottom: 9.5rem !important;
+}
+
+.mt_80 {
+    margin-top: 80px !important;
 }
+
 .widget-footer.card-footer {
     position: absolute;
     right: 0;
     top: 0em;
 }
-.py-9 .widget-footer.card-footer {
+
+.px-9 .widget-footer.card-footer {
     padding-left: 10.75rem !important;
     padding-right: 10.75rem !important;
 }
@@ -116,19 +132,24 @@
 .no_border_widget .card-footer {
     border: none !important;
 }
+
 .no_description p[class*="model_description_Class_"] {
-    display: none!important;
+    display: none !important;
 }
+
 .no_footer_card div[class*="card_footer_Intonation_"] {
     display: none !important;
 }
+
 .no_overlay .card_overlay {
-    display: none!important;
+    display: none !important;
 }
+
 .card_shadow .card_template {
-    margin: 0 1.5% 2% 1.5%!important;
-    box-shadow: 4px 4px 6px #888!important;
+    margin: 0 1.5% 2% 1.5% !important;
+    box-shadow: 10px 10px 20px -10px rgba(0,0,0,0.1) !important;
 }
+
 .button_text {
     text-align: center;
 }
@@ -149,77 +170,99 @@ body {
 .card-title .text-second {
     font-weight: bold;
 }
+
 footer .nav .button_text {
     font-weight: bold;
 }
-.credits .bokeh_community {
+
+.boite.cookies,
+.boite.credits {
+    padding: .5rem;
+}
+
+.boite.cookies a,
+.boite.credits .bokeh_community {
     font-weight: bold;
     font-size: 14px;
 }
+
+.credits_bib .nav-link {
+	padding: .25em .4em;
+}
+
 .text-muted {
-    color: var(--black)!important;
+    color: var(--black) !important;
 }
+
 .card-body[class*="InRecord"] {
     padding: 0 !important;
 }
+
 a,
 a:hover {
     color: var(--black);
     text-decoration: none;
 }
+
 .text-second,
 .text-second:hover,
 .leaflet-container a.text-second {
     color: var(--card-title_background-light);
     line-height: initial;
 }
+
 .text-second,
 .leaflet-container a.text-second {
     display: inline-block;
 }
 
-.small, 
+.small,
 small {
     font-size: 80%;
     font-weight: 500;
 }
+
 .btn {
     font-weight: 500;
 }
+
 .custom-select {
     font-weight: 600;
     border: 1px solid var(--black) !important;
 }
+
 .form-control {
     border: 1px solid var(--black);
 }
 
-dt {
-    text-align: right;
-}
+
 .form-group label {
     text-align: right;
 }
-.formulaire_contact .form-group label {
+
+.formulaire_contact main .form-group label {
     text-align: right;
     max-width: 20%;
     flex: 0 0 20%;
 }
-.formulaire_contact label.required::after {
+
+.formulaire_contact main label.required::after {
     content: none;
     margin: 0 5px;
 }
+
 .wrapper_zendafi_form_contactform_adresse.form-group label,
-.wrapper_zendafi_form_contactform_ville.form-group label{
+.wrapper_zendafi_form_contactform_ville.form-group label {
     padding-right: 12px !important;
 }
 
 p {
     margin: 0;
 }
+
 p[class*="model_description_Class_"],
 .wrapper_reviews .card-text,
-.wrapper_description dt.resume + dd {
+.wrapper_description dt.resume+dd {
     font-style: italic;
     margin-top: 1em;
 }
@@ -227,7 +270,6 @@ p[class*="model_description_Class_"],
 .dropdown-menu {
     font-size: 1rem;
     color: #212529;
-    text-align: center;
     list-style: none;
 }
 
@@ -245,6 +287,7 @@ p[class*="model_description_Class_"],
     border-bottom-style: solid;
     border-bottom-color: var(--black);
 }
+
 h1 {
     font-size: 35px;
     text-transform: uppercase;
@@ -256,8 +299,8 @@ h1 {
 
 .cms_articleview h2.card-title {
     background: none;
-    font-size:30px;
-    text-transform:uppercase;
+    font-size: 30px;
+    text-transform: uppercase;
     color: var(--background-very-dark);
     text-align: center;
     font-weight: normal;
@@ -272,23 +315,29 @@ h1 {
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }
-.card-title + .card-text .card-title,
-.card-title + .card-text .card-title .text-second {
+
+.card-title+.card-text .card-title,
+.card-title+.card-text .card-title .text-second {
     line-height: initial;
 }
-h2, h2.card-title {
+
+h2,
+h2.card-title {
     font-size: 24px;
     color: var(--background-dark);
     text-transform: uppercase;
     font-weight: normal;
 }
+
 .breadcrumb {
     background: none;
 }
+
 .breadcrumb-item .text-second {
     display: initial;
     color: var(--card-header_background-light);
 }
+
 .breadcrumb-item.active {
     font-weight: bold;
     color: var(--card-header_background-light);
@@ -299,28 +348,34 @@ h3 {
     color: var(--black);
     text-transform: uppercase;
 }
+
 h4 {
-    font-size:20px;
+    font-size: 20px;
     color: var(--background-very-dark);
     text-decoration: underline;
 }
+
 h5 {
-    font-size:18px;
+    font-size: 18px;
     color: var(--background-dark);
     text-decoration: underline;
 }
+
 h6,
 li h3 {
-    font-size:16px;
+    font-size: 16px;
     color: var(--black);
     text-decoration: underline;
 }
+
 .text-muted {
     color: var(--background-very-dark) !important;
 }
+
 .calendar_event_date {
     font-weight: bold;
 }
+
 .form-control.zendafi_form_input_search_tool::placeholder {
     color: #6c757d;
     opacity: 1;
@@ -332,10 +387,12 @@ li h3 {
 header .boite.image.position_fixed_top_left .image_widget.img-fluid {
     height: 92px;
 }
+
 /*logo header*/
 footer .boite.image .image_widget.img-fluid {
     height: 92px;
 }
+
 /*image compte*/
 [data-action="abonne_fiche"] .jumbotron img,
 .wrapper_library_team img,
@@ -358,12 +415,15 @@ footer .boite.image .image_widget.img-fluid {
     width: 250px !important;
     box-shadow: 0px 2px 4px #888;
 }
+
 .carousel .card.record_no_thumbnail {
     height: 250px !important;
 }
+
 .carousel .card.record_no_thumbnail .button_text {
     width: 100% !important;
 }
+
 .masonry .card.record_no_thumbnail .button_text {
     width: 230px !important;
 }
@@ -380,10 +440,12 @@ footer .boite.image .image_widget.img-fluid {
 .background-white.card {
     background: var(--background);
 }
+
 .background-white .widget-header.card-header {
     color: var(--card-header);
     border-bottom-color: var(--card-header);
 }
+
 .background-white .card-title .text-second {
     color: var(--card-title);
 }
@@ -393,66 +455,83 @@ footer .boite.image .image_widget.img-fluid {
 .background-light.card {
     background: var(--background-light);
 }
+
 .background-light.card_shadow .card_template {
-    background: var(--card-template_background-light)!important;
+    background: var(--card-template_background-light) !important;
 }
+
 .background-light .widget-header.card-header {
     color: var(--card-header_background-light);
     border-bottom-color: var(--card-header_background-light);
 }
+
 .background-light .card-title .text-second {
     color: var(--card-title_background-light);
 }
+
 .background-light .dropdown-menu.show {
     background: var(--background-light);
 }
+
 .background-light .bokeh_community {
     color: var(--card-text_background-light);
 }
-.background-light .badge-secondary .badge_text {
+
+/*.background-light .badge-secondary .badge_text {
     font-style: italic;
     font-weight: initial;
     color: var(--card-text_background-light);
-}
+}*/
 
 /*Fond foncé*/
 .background-dark,
 .background-dark.card {
     background: var(--background-dark);
 }
+
 .background-dark.card_shadow .card_template {
     box-shadow: none !important;
 }
+
 .background-dark .widget-header.card-header {
     color: var(--card-header_background-dark);
     border-bottom-color: var(--card-header_background-dark);
 }
+
 .background-dark .card-title .text-second {
     color: var(--card-title_background-dark);
 }
+
 .background-dark .nav .button_text {
     color: var(--card-text_background-dark);
 }
+
 .background-dark .dropdown-menu.show {
     background: var(--background-dark);
 }
+
 .background-dark .bokeh_community {
     color: var(--card-text_background-dark);
 }
+
 .background-dark .badge-secondary .badge_text {
     font-style: italic;
     font-weight: initial;
     color: var(--card-text_background-dark);
 }
+
 .background-dark .card-text {
     color: var(--card-text_background-dark);
 }
+
 .background-dark .text-muted {
-    color: var(--card-text_background-dark)!important;
+    color: var(--card-text_background-dark) !important;
 }
-.background-dark .card-body + .card-footer .card-link * {
+
+.background-dark .card-body+.card-footer .card-link * {
     color: var(--card-text_background-dark);
 }
+
 .background-dark .biblio_footer .badge_tag * {
     color: var(--card-text_background-dark);
 }
@@ -462,74 +541,125 @@ footer .boite.image .image_widget.img-fluid {
 .background-very_dark.card {
     background: var(--background-very-dark);
 }
+
 .background-very_dark.card_shadow .card_template {
     box-shadow: none !important;
 }
+
 .background-very_dark .widget-header.card-header {
     color: var(--card-header_background-very-dark);
     border-bottom-color: var(--card-header_background-very-dark);
 }
+
 .background-very_dark .card-title .text-second {
     color: var(--card-title_background-very-dark);
 }
+
 .background-very_dark .nav .button_text {
     color: var(--card-text_background-very-dark);
 }
+
 .background-very_dark .dropdown-menu.show {
     background: var(--background-very-dark);
 }
+
 .background-very_dark .bokeh_community {
     color: var(--card-text_background-very-dark);
 }
+
 .background-very_dark .badge-secondary .badge_text {
     font-style: italic;
     font-weight: initial;
     color: var(--card-text_background-very-dark);
 }
+
 .background-very_dark .card-text {
     color: var(--card-text_background-very-dark);
 }
 
 .background-very_dark .text-muted {
-    color: var(--card-text_background-very-dark)!important;
+    color: var(--card-text_background-very-dark) !important;
 }
+
 .background-very_dark.background-white_and_light_card .card.card_template:nth-child(2n+1) .text-muted {
     color: var(--card-title_background-dark) !important;
 }
+
 .background-very_dark.background-white_and_light_card .card.card_template:nth-child(2n+1) .card-text {
     color: var(--card-title_background-dark);
 }
+
 .background-very_dark.background-white_and_light_card .card.card_template:nth-child(2n+1) .card-title .text-second {
     color: var(--card-title);
 }
-.background-very_dark .card-body + .card-footer .card-link * {
+
+.background-very_dark .card-body+.card-footer .card-link * {
     color: var(--card-text_background-very-dark);
 }
-.background-very_dark .biblio_footer .badge_tag, 
+
+.background-very_dark .biblio_footer .badge_tag,
 .background-very_dark .biblio_footer .badge_tag * {
     background: none;
 }
 
 
 /*boite menu principal*/
+.boite.nav {
+	box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.1);
+}
 .boite.nav .nav-link .button_text {
     color: var(--background-very-dark);
-    text-transform:uppercase;
+    text-transform: uppercase;
 }
+
 .boite.nav .nav-link:hover .button_text,
 .boite.nav .nav-link.active .button_text,
 .dropdown-menu.show li:hover .text-second {
     color: var(--card-title_background-dark);
     font-weight: bold;
 }
+
 .nav nav .nav-item {
     padding: 0 1.75rem;
 }
-.nav nav .nav-item .dropdown-menu {
-    transform: translate3d(2em, 1.6em, 0px) !important;
+
+.boite.nav.position_fixed_top .navbar {
+    padding: 0;
+}
+
+.boite.nav.position_fixed_top .nav.navbar-nav.list-unstyled {
+    width: 100%;
+}
+
+.boite.nav.position_fixed_top .boite.image img {
+    max-height: 80px;
+}
+
+.boite.nav.position_fixed_top .navbar [class*="menu_entry_MENU"] {
+    margin-top: auto;
+    margin-bottom: auto;
+}
+
+.boite.nav.position_fixed_top .navbar [class*="menu_entry_IMAGE"] + [class*="menu_entry_MENU"] {
+    margin: auto;
+    text-align: left !important;
+}
+
+.nav nav .nav-item .menu .dropdown-menu {
+	transform: translate3d(0px, 20px, 0px) !important;
+	right: auto !important;
+	left: auto !important;
+	border: none;
+	width: 100% !important;
+}
+.nav nav .nav-item .login .dropdown-menu {
+    transform: translate3d(20px, 20px, 0px) !important;
     right: 0 !important;
     left: auto !important;
+    box-shadow: none;
+    border: none;
 }
+
 .nav nav .nav-item .nav-link {
     font-size: initial;
     line-height: initial;
@@ -538,12 +668,28 @@ footer .boite.image .image_widget.img-fluid {
 }
 
 
+/*boite recherche*/
+.boite.rech_simple .form.default_form {
+    max-height: 40px;
+}
+
+.boite.rech_simple .wrapper_zendafi_form_expressionrecherche.default_form_wrapper_zendafi_form_expressionrecherche {
+    max-height: 40px;
+}
+
+.boite.rech_simple .zendafi_form_search_submit_button {
+    max-height: 40px;
+}
+
+
+
 /*boite recherche scroll*/
 .recherche_scroll button.btn {
     background: var(--background-dark);
     border: none;
     box-shadow: none;
 }
+
 .recherche_scroll button.dropdown-toggle.btn::after {
     content: "\f002";
     background: url('/library/templates/Herisson/Assets/images/search-solid.svg');
@@ -559,19 +705,24 @@ footer .boite.image .image_widget.img-fluid {
     display: inline-block;
     line-height: 1em;
 }
-.recherche_scroll .search_dropdown_menu form > button.search_submit_button {
+
+.recherche_scroll .search_dropdown_menu form>button.search_submit_button {
     color: var(--card-text_background-very-dark) !important;
 }
+
 .widget.rech_simple .dropdown-menu button.search_submit_button i:first-child {
     margin-right: 0;
 }
+
 .recherche_scroll button.btn:hover {
     background: var(--background-very-dark);
     box-shadow: none;
 }
+
 .recherche_scroll div.show button.dropdown-toggle.btn {
     background: var(--background-very-dark);
 }
+
 .recherche_scroll .dropdown-menu.search_dropdown_menu.show {
     left: 0 !important;
     right: 0 !important;
@@ -580,25 +731,32 @@ footer .boite.image .image_widget.img-fluid {
     position: fixed;
     padding: 10px !important;
     width: 100% !important;
-    top: 5.8em !important;
-    border-bottom: none !important;
+    top: 80px !important;
+    border: none !important;
     height: auto !important;
     z-index: 10;
     min-width: 50%;
     margin: auto;
 }
+
 .recherche_scroll .search_dropdown_menu form {
-  justify-content: center;
+    justify-content: center;
 }
+
 .nav nav .nav-item .recherche_scroll .dropdown-menu.search_dropdown_menu.show {
-    transform: none!important;
+    transform: translate3d(0,80px,0) !important;
+    left: 0 !important;
+    top: 0 !important;
 }
-.recherche_scroll .dropdown-menu.search_dropdown_menu.show > div {
+
+.recherche_scroll .dropdown-menu.search_dropdown_menu.show>div {
     width: 100%;
 }
+
 .recherche_scroll .form-group.container-fluid {
     width: auto;
 }
+
 .recherche_scroll .dropdown-menu select {
     min-width: 250px;
 }
@@ -618,12 +776,18 @@ footer .boite.image .image_widget.img-fluid {
     text-align: center;
 }
 
+.account_disconnect {
+    border: 1px solid #6c757d !important;
+}
+
+
 /*boite image bannière*/
 .image_banniere img {
     height: 300px;
     width: 100%;
     object-fit: cover;
 }
+
 @media(max-width: 1200px) {
     .image_banniere img {
         height: 180px;
@@ -638,48 +802,66 @@ footer .boite.image .image_widget.img-fluid {
 .biblio_header .library_opening_hours {
     display: none;
 }
+
 .biblio_header .card-body {
     padding: 0;
 }
-.biblio_header .card-body + .card-footer {
-    display: none!important;
+
+.biblio_header .card-body+.card-footer {
+    display: none !important;
 }
+
 .biblio_header .card_description {
     margin: 0;
 }
+
 .biblio_header .closed,
-.biblio_header .vert {
-    box-shadow: 2px 2px 4px #888;
+.biblio_header .opened {
     font-size: 18px;
+    box-shadow: none;
 }
+
 .biblio_header .model_description_Class_Bib {
     display: none;
 }
 
 
 /*boite bib bas de page horaire*/
-.biblio_footer .library_opening, 
+.biblio_footer .library_opening,
 .biblio_footer h3 {
     display: none;
 }
+
 .biblio_footer .badge-group {
     display: grid;
 }
-.biblio_footer .badge_tag.badge_address {
-    background: none;
-    margin-bottom: 1em;
+
+.badge_tag.badge_address,
+.badge_tag.badge_address:hover {
+    background: var(--background-dark);
+    line-height: 1.5;
 }
-.biblio_footer .badge_tag.badge_address .badge_text {
+
+.badge_tag.badge_address .badge_text {
     font-size: 14px;
     font-style: normal;
     font-weight: bold;
+    color: var(--black);
+}
+
+.badge_tag.badge_phone i,
+.badge_tag.badge_mail i {
+    display:none;
 }
+
 .biblio_footer .library_opening_hours {
     font-weight: bold;
 }
+
 .biblio_footer .custom_field {
     display: none;
 }
+
 .biblio_footer .model_description_Class_Bib {
     display: none;
 }
@@ -690,16 +872,21 @@ footer .boite.image .image_widget.img-fluid {
 .card {
     background: none;
 }
-.widget > .card-footer, .card-footer {
+
+.widget>.card-footer,
+.card-footer {
     padding: 5px;
     background: none;
 }
+
 .widget-footer.card-footer {
     padding: 1.75rem !important;
 }
-.action_rendering .list-group-item > .card {
+
+.action_rendering .list-group-item>.card {
     background: none;
 }
+
 /*ne fonctionne pas mais c'est fait exprès*/
 .bg-transparent {
     background-color: none !important;
@@ -707,22 +894,27 @@ footer .boite.image .image_widget.img-fluid {
 
 
 /*bouton*/
-.vert {
+.opened {
     background-color: var(--vert) !important;
 }
+
 .closed {
     background-color: var(--red) !important;
 }
+
 .text-warning {
-  color: var(--red) !important;
+    color: var(--red) !important;
 }
+
 .red_list_message {
     color: var(--red) !important;
 }
+
 .badge * {
     color: var(--white);
     font-size: 14px;
 }
+
 .btn-primary,
 .btn-primary:hover,
 .badge-primary,
@@ -730,41 +922,48 @@ footer .boite.image .image_widget.img-fluid {
     background-color: var(--background-dark);
     border-color: var(--background-dark);
 }
+
 .btn-primary,
 a.btn-primary,
 a.btn-primary:hover,
 .badge-primary *,
-a.badge-primary:focus, 
-a.badge-primary:hover  {
-    color: var(--black)!important;
+a.badge-primary:focus,
+a.badge-primary:hover {
+    color: var(--black) !important;
     background-color: var(--background-dark);
     border-color: var(--background-dark);
 }
-.btn-secondary, 
+
+.btn-secondary,
 .btn-secondary:hover,
-button.btn-secondary, 
+button.btn-secondary,
 button.btn-secondary:hover {
     color: var(--black);
     background-color: var(--white);
-    box-shadow: 4px 4px 6px #888 ;
+    box-shadow: none;
+    border: 1px solid #6c757d;
 }
+
 .wrapper_user_informations .btn-secondary.text-light {
     color: var(--black) !important;
     box-shadow: none;
     border: 1px solid var(--black) !important;
 }
+
 .wrapper_user_informations .btn-secondary.text-light:hover {
     color: var(--black) !important;
     opacity: 0.5;
 }
+
 .badge-secondary,
 .badge-secondary:hover,
-a.badge-secondary:focus, 
+a.badge-secondary:focus,
 a.badge-secondary:hover {
     color: var(--white);
     background-color: var(--black);
     border-color: var(--black);
 }
+
 .result_pager .btn-secondary.text-light {
     background: var(--black);
 }
@@ -776,45 +975,51 @@ body .btn-info:active,
 .btn-info:not(:disabled):not(.disabled):active,
 .badge-info,
 .badge-info:hover,
-a.badge-info:focus, 
+a.badge-info:focus,
 a.badge-info:hover {
     color: var(--white);
-    background-color:var(--background-very-dark);
+    background-color: var(--background-very-dark);
     border-color: var(--background-very-dark);
 }
 
-.btn-light, 
+.btn-light,
 .btn-light:hover {
     color: var(--white);
     background-color: var(--background-very-dark);
     border-color: var(--background-very-dark);
 }
-.btn-dark, 
+
+.btn-dark,
 .btn-dark:hover {
     color: var(--white);
     background-color: var(--black);
     border-color: var(--black);
 }
+
 .badge_tag {
     margin: 2px;
 }
+
 .badge.badge-light {
     background: var(--background-dark);
 }
+
 .badge.badge-light * {
     color: var(--black);
 }
+
 .badge.badge-light .text-dark {
-    color: var(--white)!important;
+    color: var(--white) !important;
 }
 
 .badge-yellow,
 .badge-yellow:hover,
 .btn-yellow,
 .btn-yellow:hover {
-    background-color:var(--yellow);
+    background-color: var(--yellow);
     border-color: var(--yellow);
 }
+
 .badge-yellow *,
 .badge-yellow:hover *,
 .btn-yellow *,
@@ -827,20 +1032,24 @@ a.badge-info:hover {
 }
 
 .bg-danger {
-    background-color: var(--red)!important;
+    background-color: var(--red) !important;
 }
+
 .text-vert {
-    color: var(--vert)!important; 
+    color: var(--vert) !important;
 }
+
 .bg-vert,
 .vert {
-    background-color: var(--vert)!important;
+    background-color: var(--vert) !important;
 }
+
 .btn-vert {
     color: var(--white);
     background-color: var(--vert);
     border-color: var(--vert);
 }
+
 .btn-success,
 .btn-success:hover,
 .btn-success:focus,
@@ -849,6 +1058,7 @@ a.badge-info:hover {
     background: var(--green);
     border-color: var(--green);
 }
+
 .btn-warning,
 .btn-warning:hover,
 .btn-warning:focus,
@@ -857,25 +1067,36 @@ a.badge-info:hover {
     background: var(--yellow);
     border-color: var(--yellow);
 }
+
+.badge-warning *,
+.btn-warning * {
+    color: var(--black);
+}
+
 .text-danger {
-    color: var(--red)!important; 
+    color: var(--red) !important;
 }
+
 .text-info {
     color: var(--red) !important;
     text-transform: uppercase;
 }
+
 .badge-light.bg-white {
     background: var(--background-dark) !important;
 }
+
 .active_criteria * {
     color: var(--white);
 }
+
 .result_list_mod .btn-light,
 .result_list_mod .btn-light:hover,
 .result_wall_mod .btn-light,
 .result_wall_mod .btn-light:hover {
     background-color: var(--background-dark);
 }
+
 .result_list_mod .btn-light *,
 .result_wall_mod .btn-light * {
     color: var(--black);
@@ -887,18 +1108,20 @@ a.badge-info:hover {
 .result_wall_mod .btn-light:not(:disabled):not(.disabled).active:hover {
     background-color: var(--background-very-dark);
 }
+
 .result_list_mod .btn-light:not(:disabled):not(.disabled).active *,
 .result_wall_mod .btn-light:not(:disabled):not(.disabled).active * {
     color: var(--white);
 }
 
-.rating-ico:first-child, 
+.rating-ico:first-child,
 .rating-ico {
-    color: var(--vert);
+    color: var(--black);
     margin-right: 1px;
 }
-label[data-name="note"] ~ div label.multi-element-label {
-    color: var(--red);
+
+label[data-name="note"]~div label.multi-element-label {
+    color: var(--black);
     display: inline-block;
     flex: auto;
     font-size: 1.25em;
@@ -907,47 +1130,63 @@ label[data-name="note"] ~ div label.multi-element-label {
     padding: 0 3px 0 0;
     transition: all .2s;
 }
-label[data-name="note"] ~ div label.multi-element-label:hover {
+
+label[data-name="note"]~div label.multi-element-label:hover {
     cursor: pointer;
-    color: var(--vert);
+    color: var(--black);
     font-weight: 900;
 }
-label[data-name="note"] ~ div label.multi-element-label:hover ~ label {
+
+label[data-name="note"]~div label.multi-element-label:hover~label {
     font-weight: 900;
-    color: var(--vert);
+    color: var(--black);
 }
 
 .navbar-light.btn-secondary {
     background-color: var(--background-dark);
 }
+
 .filters {
     display: inline-block;
 }
+
 .filters .col {
     width: max-content;
 }
+
 .filters button {
     border: 1px solid var(--black);
 }
-.filters .filter_reset_button {
+
+.filters .filter_reset_button, .filters .filter_reset_button:hover, .filters .filter_reset_button:not(:disabled):not(.disabled):active {
     display: inline-flex;
     background: var(--background-very-dark);
+    border-color: var(--background-very-dark);
     color: var(--white);
+    border: 1px solid var(--background-very-dark);
 }
+
 .filters .filter_reset_button i {
     margin: auto .25em;
 }
 
+.filters .filter_reset_button * {
+	color: var(--white);
+}
+
 .critiques .card-deck .card_Intonation_Library_View_Wrapper_ReviewInRecord:not(:nth-child(2)) {
     display: none;
 }
+
 header .boite.nav .configuration_module {
     right: 25% !important;
 }
+
 main .ajaxable {
     margin-top: 40px;
 }
-.wrapper_user_agenda .jumbotron_section_content > .container-fluid {
+
+.wrapper_user_agenda .jumbotron_section_content>.container-fluid {
     margin-top: 40px;
 }
 
@@ -961,20 +1200,25 @@ body[class*="abonne_"] .badge.badge-light.fs_1em {
     width: max-content;
     display: grid;
 }
+
 .accessibility .dropdown-menu.show .accessibility {
     font-size: 14px;
 }
+
 .accessibility .dropdown-menu.show .accessibility img {
-    height: 30px!important;
+    height: 30px !important;
 }
+
 /* Mur */
 .library .masonry {
     margin-top: 2em;
 }
+
 .masonry_grid .masonry-brick {
     grid-row-end: unset !important;
     margin-bottom: 1em;
 }
+
 .masonry .masonry-brick {
     visibility: hidden;
     overflow: hidden;
@@ -982,6 +1226,7 @@ body[class*="abonne_"] .badge.badge-light.fs_1em {
     grid-row-end: unset !important;
     /*padding-bottom: 1em;*/
 }
+
 .masonry .masonry-brick .masonry-content {
     min-height: 100%;
 }
@@ -992,33 +1237,41 @@ body[class*="abonne_"] .badge.badge-light.fs_1em {
     width: 93%;
     margin: auto;
 }
+
 .carousel-control-prev {
-    left:-2em;
+    left: -2em;
 }
+
 .carousel-control-next {
-    right:-2em;
+    right: -2em;
 }
+
 .carousel-control-next:before,
 .carousel-control-prev:after {
     font-size: 15px;
 }
-.carousel-control-next:before{
-    content:"Suivant";
+
+.carousel-control-next:before {
+    content: "Suivant";
 }
+
 .carousel-control-prev:after {
-    content:"Précédent";
+    content: "Précédent";
 }
+
 [class*="carousel-control"] {
-    height:25px;
+    height: 25px;
     background-color: var(--background-dark);
     font-size: 4px;
-    opacity : 1 !important;
-    color:var(--white) !important;
+    opacity: 1 !important;
+    color: var(--white) !important;
 }
+
 a[class*="carousel-control"]:hover {
-    background-color:var(--background-very-dark);
+    background-color: var(--background-very-dark);
     color: var(--white) !important;
 }
+
 .carousel-indicators .bg-dark {
     background-color: var(--background-dark) !important;
 }
@@ -1030,27 +1283,32 @@ a[class*="carousel-control"]:hover {
 .masonry .masonry-brick:nth-child(2n+1) .masonry-content {
     background: var(--background-light);
 }
+
 .list-group .list-group-item.bg-transparent:nth-child(2n+1),
 .masonry .masonry-brick.bg-transparent:nth-child(2n+1) .masonry-content {
-    background: var(--background-light)!important;
+    background: var(--background-light) !important;
 }
+
 .background-white_and_light_card .card.card_template:nth-child(2n+1) {
     background: var(--background-light);
 }
+
 .list-group .list-group-item.active {
     background: var(--background-very-dark);
     color: var(--white);
 }
 
 /* Page recherche */
-.form_facets .facette_titre  {
+.form_facets .facette_titre {
     background: var(--background-dark);
     box-shadow: 0px 2px 4px #888;
 }
+
 .action_rendering .facette_titre * {
     color: var(--black);
     font-weight: bold;
 }
+
 .action_rendering .facette_titre b {
     text-transform: uppercase;
 }
@@ -1061,19 +1319,24 @@ a[class*="carousel-control"]:hover {
 .jumbotron {
     background-color: var(--background-light);
 }
+
 .jumbotron_title .card-link {
     display: inline-block;
     margin-bottom: 1em;
 }
+
 .jumbotron .nav-link {
     font-size: 1.5em;
     color: var(--black) !important;
+    display: grid;
 }
+
 .jumbotron .nav-link.disabled {
-    color: var(--black-opacity-50)!important;
+    color: var(--black-opacity-50) !important;
     background-color: transparent;
     border-color: transparent;
 }
+
 .jumbotron .nav-link div {
     font-size: 14px;
 }
@@ -1081,22 +1344,27 @@ a[class*="carousel-control"]:hover {
 .jumbotron_content .leaflet-pane.leaflet-popup-pane * {
     border: none;
 }
+
 .jumbotron_content .wrapper_related .carousel.slide.multiple_carousel .card-img.img-fluid.rounded,
 .jumbotron_content .wrapper_document_author .carousel.slide.multiple_carousel .card-img.img-fluid.rounded {
     max-height: 250px;
     width: auto;
 }
+
 h2.jumbotron_section_title * {
     color: var(--background-very-dark);
     font-size: 35px;
     font-weight: bold;
 }
+
 .jumbotron_section_content a.text-second {
     text-decoration: underline;
 }
+
 .bokeh_jumbotron {
     margin-top: 40px;
 }
+
 .bokeh_jumbotron .jumbotron_thumbnail {
     margin-top: -40px;
 }
@@ -1119,22 +1387,27 @@ a.badge_tag.badge-secondary {
     text-decoration: underline;
     margin-top: 1em;
 }
-.wrapper_library_openings section h2, 
+
+.wrapper_library_openings section h2,
 .wrapper_library_details section h2 {
     display: none;
 }
+
 /*bibliotheque nb doc + utilisateur */
-.wrapper_library_details section ~ p {
+.wrapper_library_details section~p {
     display: none;
 }
-.wrapper_library_details section ~ .container-fluid {
+
+.wrapper_library_details section~.container-fluid {
     margin-top: 1em;
 }
-.wrapper_library_details section ~ .container-fluid div {
+
+.wrapper_library_details section~.container-fluid div {
     padding: 0;
 }
+
 .wrapper_library_agenda [class*="custom_field"] {
-  display: none;
+    display: none;
 }
 
 /*auteur*/
@@ -1144,6 +1417,7 @@ a.badge_tag.badge-secondary {
     text-transform: uppercase;
     margin-top: .5em;
 }
+
 .wrapper_author_biography h2 {
     font-size: 24px;
     color: var(--background-dark);
@@ -1165,27 +1439,33 @@ a.badge_tag.badge-secondary {
 [class*="truncate_list"] {
     margin-top: 40px;
 }
+
 .list-group .list-group-item {
     box-shadow: 0px 2px 4px #888;
     margin-bottom: 50px !important;
 }
+
 .facets_suggestions .list-group .list-group-item {
     box-shadow: 0px 2px 4px #888;
     margin-bottom: initial !important;
     background: none;
 }
+
 .wrapper_author_biography .list-group .list-group-item {
     box-shadow: 0px 2px 4px #888;
     margin-bottom: 0 !important;
 }
+
 .search_records_col .masonry .masonry-brick {
     box-shadow: 0px 2px 4px #888;
     margin-bottom: 10px !important;
 }
+
 .list-group .list-group-item .cardify_horizontal_img {
     margin-top: -40px;
     min-width: 100px;
 }
+
 .list-group .list-group-item .cardify_horizontal_img .card-link img {
     box-shadow: 0px 2px 4px #888;
     width: 250px;
@@ -1202,6 +1482,7 @@ footer .leaflet_osm {
     height: 200px;
     width: auto;
 }
+
 footer .leaflet-pane.leaflet-popup-pane {
     display: none;
 }
@@ -1210,14 +1491,17 @@ footer .leaflet-pane.leaflet-popup-pane {
 .admin_tools .dropdown-menu.show {
     background: var(--white);
 }
+
 .menu_admin_front .admin_menu_title * {
     text-align: center;
 }
+
 .menu_admin_front li {
     text-align: left;
     font-size: 14px;
     padding: .15em 0 !important;
 }
+
 .menu_admin_front a img {
     height: 20px !important;
     width: 20px !important;
@@ -1228,16 +1512,18 @@ footer .leaflet-pane.leaflet-popup-pane {
 .leaflet-popup.osm-customiz-popup.leaflet-zoom-animated {
     width: 220px;
 }
+
 .leaflet-popup-content {
     width: 220px !important;
-    margin: 0!important;
+    margin: 0 !important;
     padding: 10px;
     height: 100%;
 }
 
 
 .filters .col .dropdown-menu.show {
-    transform: translate3d(8px, 37px, 0px) !important;
+    transform: translate3d(8px, 36px, 0px) !important;
+    width: max-content;
 }
 
 .wrapper_user_loans .card_template .card-footer {
@@ -1246,12 +1532,15 @@ footer .leaflet-pane.leaflet-popup-pane {
 
 /*info mon compte*/
 .wrapper_user_informations .card-body .row {
-    column-count: 2;
-    display: block;
+    display: grid;
+    grid-template-columns: repeat(4, auto);
+    grid-auto-rows: 40px;
+    gap: 0 10px;
+    grid-template-rows: repeat(10000, auto);
 }
+
 .wrapper_user_informations .card-body .row dt {
-    text-align: left ;
-    max-width:100%;
+    max-width: 100%;
     flex: 0 0 100%;
     padding: 8px 0;
 }
@@ -1259,16 +1548,17 @@ footer .leaflet-pane.leaflet-popup-pane {
 .wrapper_user_informations .card-body .row dd {
     border: 1px solid #ced4da;
     height: 40px;
-    border-radius: 5px!important;
+    border-radius: 5px !important;
     padding: 8px 15px;
     flex: 0 0 100%;
-    max-width:100%;
+    max-width: 100%;
 }
 
 
 .wrapper_zendafi_form_user_settings_userimageselector {
     display: none;
 }
+
 /*formulaire mon compte*/
 .zendafi_form_user_settings_popup_features.form-check-input {
     position: initial;
@@ -1278,231 +1568,455 @@ footer .leaflet-pane.leaflet-popup-pane {
 
 
 /*recherche*/
-.search_result .search_title_col {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 1;
-    -webkit-box-orient: vertical;
-    line-height: 16px;
-    max-height: 64px;
+.search_result .search_title_col .search_title_criteria {
+    display: none;
 }
+
 .search_result .unremovable_criterion {
     display: none;
 }
+
 .wrapper_zendafi_form_advancedsearch_genre .tag_selection {
     padding: 0.2em;
     margin: 0.2em;
     border-bottom: none;
 }
+
 .wrapper_zendafi_form_advancedsearch_genre #genre_saisie {
     padding: 2em;
 }
 
+.result_more_actions .more_action {
+    background: var(--background-very-dark);
+}
+
+.widget {
+    box-shadow: none;
+}
+
+.card {
+    border: none;
+}
+
+.card-footer {
+    border-top: none;
+}
+
+.ui-autocomplete,
+.dropdown-menu.show {
+    box-shadow: none;
+}
+
+
+.users_count,
+.documents_count {
+    display: none;
+}
+
+.library_agenda .filters .place,
+.library_agenda .filters .place_town,
+.library_agenda .filters .tag {
+    display: none;
+}
+
+#items_shelf .card_with_overlay {
+	height: 100%;
+}
+#items_shelf .card_with_overlay.shelf_current_item {
+    height: 100%;
+}
+
+.wrapper_document_items .spinner.resources .card_with_overlay .card-img.img-fluid {
+	max-height: 250px;
+}
+.record_no_thumbnail .card.record_no_thumbnail * {
+	margin: auto;
+}
+
+.card_footer.card_footer_Intonation_Library_View_Wrapper_ReviewInRecord {
+	display: none;
+}
+
+
+/*Informations exceptionnelles Flash*/
+.flash .widget-body.card-body {
+  overflow-x: hidden;
+}
+.messagedefilant {
+	overflow: hidden;
+	width:100%;
+	max-width: 100%;
+}
+.messagedefilant > div p {
+	display: inline-block;  
+	white-space: nowrap;
+	animation: defilement-rtl 20s infinite linear;  
+	cursor: pointer;  
+}
+.messagedefilant:hover > div p {  
+	animation-play-state: paused; /* Met en pause le défilement au survol */
+}
+
+@keyframes defilement-rtl {  
+	0% {
+    	-webkit-transform: translate(0);    
+    	transform: translate(0);  
+	} 100% {    
+    	-webkit-transform: translate(-100%);    
+    	transform: translate(-100%);  
+	}
+}
+
+.opac[class*="abonne_"] .jumbotron_thumbnail {
+    display:none;
+}
+
+#a42-ac-button {
+	background-size: contain!important;
+    background-color: transparent !important;
+	color: transparent !important;
+	height: 36px!important;
+	background-position: center!important;
+	width: 36px!important;
+	border: none !important;
+    padding: 0 !important;
+}
+
+/*contraste blanc sur noir*/
+.a42-ac-high-contrast #a42-ac-button,
+.a42-ac-inv-contrast #a42-ac-button {
+    filter: invert(1);
+}
+.a42-ac-high-contrast img[src*="x-twitter-brands-solid.svg"],
+.a42-ac-inv-contrast img[src*="x-twitter-brands-solid.svg"] {
+	filter: invert(1);
+	background: none !important;
+}
+.a42-ac-high-contrast header,
+.a42-ac-inv-contrast header {
+	border-bottom: 1px solid;
+}
+.a42-ac-high-contrast footer,
+.a42-ac-inv-contrast footer {
+	border-top: 1px solid;
+}
+
+.render_all_link i {
+    display: none;
+}
+
 /*responsive*/
 @media (max-width: 1500px) {
     .masonry {
         display: grid;
         grid-gap: 1em;
-        grid-template-columns: repeat(4,auto);
+        grid-template-columns: repeat(4, auto);
         grid-auto-rows: 40px;
         gap: 0 10px;
         grid-template-rows: repeat(10000, auto);
     }
+
     .masonry .card.record_no_thumbnail .button_text {
         width: 160px !important;
     }
+
     .masonry_grid .masonry-brick {
         width: 270px;
     }
+
     .search_records_col .masonry .masonry-brick {
-      width: 260px;
+        width: 260px;
     }
-    .card-deck-medium > .card_template {
+
+    .card-deck-medium>.card_template {
         width: 365px;
     }
 }
 
+@media (max-width: 1700px) and (min-width: 1500px) {
+    .masonry {
+        grid-template-columns: repeat(4, auto);
+    }
+}
+
 @media (min-width: 1500px) {
     .masonry {
         display: grid;
         grid-gap: 1em;
-        grid-template-columns: repeat(5,auto);
+        grid-template-columns: repeat(5, auto);
         grid-auto-rows: 40px;
         gap: 0 10px;
         grid-template-rows: repeat(10000, auto);
     }
+
     .masonry .card.record_no_thumbnail .button_text {
         width: 230px !important;
     }
+
     .masonry_grid .masonry-brick {
         width: 300px;
     }
+
     .search_records_col .masonry .masonry-brick {
         width: 275px;
     }
-    .card-deck-medium > .card_template {
+
+    .card-deck-medium>.card_template {
         width: 480px;
     }
+
+    .biblio_header .card-deck-medium>.card_template {
+        width: 100%;
+        margin: 0;
+    }
+}
+
+@media (min-width: 1200px) {
+    .opac[class*="abonne_"] .jumbotron_title {
+        -ms-flex: 0 0 75%;
+        flex: 0 0 75%;
+        max-width: 75%;
+        padding: 0 !important;
+    }
 }
 
 @media (max-width: 1200px) {
-    .py-9 {
+    .px-9 {
         padding-left: 2rem !important;
         padding-right: 2rem !important;
     }
-    .py-9 .widget-footer.card-footer {
+
+    .px-9 .widget-footer.card-footer {
         padding-left: 3.75rem !important;
         padding-right: 3.75rem !important;
-    } 
+    }
+
     .card-deck-medium {
         margin: 0;
-        display: grid!important;
-        gap: 15px 0!important;
-        grid-template-columns: repeat(3, auto)!important;
+        display: grid !important;
+        gap: 15px 0 !important;
+        grid-template-columns: repeat(3, auto) !important;
     }
+
     .masonry {
         display: grid;
         grid-gap: 1em;
-        grid-template-columns: repeat(3,auto);
+        grid-template-columns: repeat(3, auto);
         grid-auto-rows: 40px;
         gap: 0 10px;
         grid-template-rows: repeat(10000, auto);
     }
+
     header .boite.image.position_fixed_top_left .image_widget.img-fluid {
-    	height: 100%;
-    	padding-top: 1em;
+        height: 100%;
+        padding-top: 1em;
     }
+
     .search_records_col .masonry {
         display: grid;
         grid-gap: 1em;
-        grid-template-columns: repeat(2,auto);
+        grid-template-columns: repeat(2, auto);
         grid-auto-rows: 40px;
         gap: 0 10px;
         grid-template-rows: repeat(10000, auto);
     }
+
     .card-footer .dropleft.dropup .dropdown-menu {
         bottom: 1.5em !important;
         right: 0 !important;
         width: 220px;
     }
+
     .view_more_record_actions .dropleft.dropup .dropdown-menu {
         bottom: 1.5em !important;
         right: 0 !important;
         width: 350px;
     }
+
     .masonry_grid .masonry-brick {
         width: 250px;
     }
+
     .search_records_col .masonry .masonry-brick {
         width: 255px;
     }
-    .card-deck-medium > .card_template {
+
+    .card-deck-medium>.card_template {
         width: 240px;
     }
+    .biblio_header .card-deck-medium>.card_template {
+        margin: 0;
+        width: 100%;
+    }
+
+    .wrapper_user_informations .card-body .row {
+        grid-template-columns: repeat(2, auto);
+    }
+
+    .opac[class*="abonne_"] .jumbotron_title {
+        -ms-flex: 0 0 83.333333%;
+        flex: 0 0 83.333333%;
+        max-width: 83.333333%;
+        padding: 0 !important;
+    }
+}
+
+@media (max-width: 800px) and (min-width: 575px) {
+    .masonry {
+        grid-template-columns: repeat(2, auto);
+    }
+
+    .card-deck-medium {
+        grid-template-columns: repeat(2, auto) !important;
+    }
+}
+
+@media (max-width: 991px) {
+    .boite.nav.position_fixed_top .navbar [class*="menu_entry_IMAGE"] + [class*="menu_entry_MENU"] .navbar-collapse {
+        position: absolute;
+        transform: translate3d(-90px, 60px, 0px) !important;
+        right: auto;
+        left: auto;
+        box-shadow: none;
+        width: 300px;
+        background: var(--white);
+        top: 0;
+    }
+    .boite.nav.position_fixed_top .navbar [class*="menu_entry_IMAGE"] + [class*="menu_entry_MENU"] .navbar-collapse .navbar-nav {
+        -ms-flex-direction: column;
+        flex-direction: column;
+    }
+
+    .nav nav .nav-item .menu .dropdown-menu {
+        transform: none !important;
+        position: relative;
+        border-bottom: 1px dashed;
+        border-top: 1px dashed;
+    }
+
+    .nav nav .nav-item .recherche_scroll .dropdown-menu.search_dropdown_menu.show {
+        transform: none !important;
+    }
+    .boite.rech_simple .form.default_form {
+        max-height: 100%;
+    }
 }
 
 @media (max-width: 575px) {
-    .py-9 {
+    .px-9 {
         padding-left: 0 !important;
         padding-right: 0 !important;
     }
+
     h2.jumbotron_section_title * {
         color: var(--background-very-dark);
         font-size: 30px;
         font-weight: bold;
     }
+
     .form-group label {
         text-align: left;
     }
-    dt {
-        text-align: left;
-    }
+
     .card_grid {
         display: grid;
         gap: 15px 10px;
         grid-template-columns: repeat(1, auto);
     }
+
+    .filters {
+        width: 100%;
+    }
     .filters .col {
         display: block;
         max-width: 100%;
         flex: 0 0 100%;
     }
+
     .filters .col button,
     .filter_reset_button {
         width: 100%;
         margin: 0.5em 0;
     }
+
     .filters .col .dropdown-menu.show {
         transform: translate3d(0, 44px, 0px) !important;
         width: 100%;
     }
+
+    .filters .filter_reset_button, .filters .filter_reset_button:hover, 
+    .filters .filter_reset_button:not(:disabled):not(.disabled):active {
+        display: inline-block;
+    }
+    .calendar_main.table-responsive-md,
+    .calendar_table.table-responsive-md {
+        display: revert!important;
+    }
+
     .card-deck-medium {
         margin: 0;
-        display: grid!important;
-        gap: 15px 0!important;
-        grid-template-columns: repeat(1, auto)!important;
+        display: grid !important;
+        gap: 15px 0 !important;
+        grid-template-columns: repeat(1, auto) !important;
     }
-    .background-white .card-deck > .card_template {
+
+    .background-white .card-deck>.card_template {
         margin: 0 1.5% 2% 1.5% !important;
         box-shadow: 4px 4px 6px #888 !important;
     }
+
     .masonry {
         display: grid;
         grid-gap: 1em;
-        grid-template-columns: repeat(1,auto);
+        grid-template-columns: repeat(1, auto);
         grid-auto-rows: 40px;
         gap: 0 10px;
         grid-template-rows: repeat(10000, auto);
     }
+
     .search_records_col .masonry {
         display: grid;
         grid-gap: 1em;
-        grid-template-columns: repeat(1,auto);
+        grid-template-columns: repeat(1, auto);
         grid-auto-rows: 40px;
         gap: 0 10px;
         grid-template-rows: repeat(10000, auto);
     }
-    .boite.nav .navbar-light::after {
-      content: "MENU";
-      font-size: .875rem;
-    }
-    .boite.nav .navbar-toggler-icon {
-      display: none;
-    }
+
     main img {
         max-width: 100%;
         height: auto;
     }
-    .py-9 .widget-footer.card-footer {
+
+    .px-9 .widget-footer.card-footer {
         padding-left: 0.75rem !important;
         padding-right: 0.75rem !important;
     }
+
     .widget-footer.card-footer {
         position: initial;
         margin-left: auto;
-        /*margin-right: 1em;*/
         margin-right: 0;
         padding: 1.75rem 0 !important;
     }
-    header .boite.nav [class*="menu_entry_MENU"] .dropdown-menu.list-unstyled.w-max.show {
-        width: 100% !important;
-        box-shadow: none;
-        border: none;
-    }
+
     .rech_simple {
         padding: 0;
     }
+
     .navbar-nav .dropdown-menu.search_dropdown_menu {
         display: initial;
         border: none;
     }
+
     .boite.nav nav .navbar-collapse {
         margin-top: 2em;
     }
+
     .recherche_scroll button.btn-secondary {
         display: none;
     }
+
     .recherche_scroll .dropdown-menu.search_dropdown_menu.show {
         left: 0 !important;
         right: 0 !important;
@@ -1512,106 +2026,124 @@ footer .leaflet-pane.leaflet-popup-pane {
         padding: 10px 0 !important;
         width: 100% !important;
         top: 15.8em !important;
-        border-bottom: 1px solid rgba(0,0,0,.15) !important;
+        border-bottom: 1px solid rgba(0, 0, 0, .15) !important;
         height: auto !important;
         z-index: 10;
         min-width: 50%;
         margin: 1em 0;
     }
+
     .recherche_scroll .form-group.container-fluid {
         width: 100%;
         padding: .25rem;
     }
+
     .recherche_scroll .zendafi_form_search_submit_button {
         margin: auto;
     }
-    header .boite.login .dropdown-menu.dropdown-menu-right.show {
-        box-shadow: none;
-        border: none;
-        position: fixed !important;
-        left: 0 !important;
-        z-index: 1000;
-        float: left;
-        min-width: 10rem;
-        padding: .5rem 0;
-        margin: 5em auto;
-        font-size: 1rem;
-        color: #212529;
-        text-align: left;
-        list-style: none;
-        background-color: #fff;
-        background-clip: padding-box;
-        border-radius: .25rem;
-        right: 0 !important;
-        width: 100% !important;
-        transform: none !important;
+
+    .boite.nav .navbar-light::after {
+        content: none;
+    }
+
+    .boite.nav .navbar-toggler-icon {
+        display: inline-block;
+    }
+
+    .boite.nav .navbar_toggler_text {
+        display: none;
+    }
+
+    .boite.nav nav .navbar-collapse {
+        margin-top: 0;
+    }
+    .boite.nav.position_fixed_top .navbar [class*="menu_entry_IMAGE"] + [class*="menu_entry_MENU"] .navbar-collapse {
+        transform: translate3d(-120px, 60px, 0px) !important;
     }
 
     .jumbotron_nav_link.nav-link {
         display: grid;
         padding: .5rem 1rem;
     }
+
     .wrapper_user_informations .card-link {
         margin-bottom: .5em;
         max-width: 100%;
         flex: 0 0 100%;
         display: block;
     }
+
     .wrapper_user_informations .card-body .row {
-        column-count: 1;
-        display: block;
+        grid-template-columns: repeat(1, auto);
     }
+
     .collection_actions .collection_action {
         max-width: 100%;
         flex: 0 0 100%;
         margin-bottom: .5em;
     }
+
     .search_facets_col .navbar-toggler-icon {
-      display: none;
+        display: none;
     }
+
     .search_facets_col .navbar-toggler::after {
-      content: "Filtrer";
-      font-size: .875rem;
+        content: "Filtrer";
+        font-size: .875rem;
     }
+
     .result_select_records .button_text {
-      display: initial !important;
+        display: initial !important;
     }
+
     .result_list_mod,
     .result_wall_mod {
         display: none;
     }
+
     .result_select_records .dropdown-menu.show {
-      width: 280px;
-      transform: translate3d(-121px, 32px, 0px) !important;
+        width: 280px;
+        transform: translate3d(-121px, 32px, 0px) !important;
     }
-    .cardify_horizontal_actions .card_action input.form-check-input + label {
-      width: 70%;
+
+    .cardify_horizontal_actions .card_action input.form-check-input+label {
+        width: 70%;
     }
+
     .masonry_grid .masonry-brick {
-      width: 100%;
+        width: 100%;
     }
+
     .search_records_col .masonry .masonry-brick {
-      width: 100%;
+        width: 100%;
     }
-    .card-deck-medium > .card_template {
+
+    .card-deck-medium>.card_template {
         width: 100%;
     }
-}
 
+    .credits_bib .nav.navbar-nav.flex-column.list-unstyled {
+        width: 100%;
+    }
+    .credits_bib .nav.navbar-nav.flex-column.list-unstyled .nav-item {
+        text-align: left !important;
+    }
+}
+/* 
 @media (min-width: 576px) {
     body .card_grid {
-	grid-template-columns: repeat( auto-fill, minmax(145px, 18%) );
+        grid-template-columns: repeat(auto-fill, minmax(145px, 18%));
     }
 }
 
 @media (min-width: 1200px) {
     body .card_grid {
-	grid-template-columns: repeat( auto-fill, minmax(185px, 19%) );
+        grid-template-columns: repeat(auto-fill, minmax(185px, 19%));
     }
 }
 
 @media (min-width: 1600px) {
     body .card_grid {
-	grid-template-columns: repeat( auto-fill, minmax(250px, 19%) );
+        grid-template-columns: repeat(auto-fill, minmax(250px, 19%));
     }
-}
+} */
\ No newline at end of file
diff --git a/library/templates/Herisson/Library/ProfilePatcher.php b/library/templates/Herisson/Library/ProfilePatcher.php
index e6b4269574d11e6c0b5f86171eff10f692ea9034..b078bb859078cafbe8f21efda36166a14f181fff 100644
--- a/library/templates/Herisson/Library/ProfilePatcher.php
+++ b/library/templates/Herisson/Library/ProfilePatcher.php
@@ -4,19 +4,6 @@
  *
  * BOKEH is free software; you can redistribute it and/or modify
  * it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE as published by
- * the Free Software Foundation.
- *
- * There are special exceptions to the terms and conditions of the AGPL as it
- * is applied to this software (see README file).
- *
- * BOKEH is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU AFFERO GENERAL PUBLIC LICENSE for more details.
- *
- * You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
- * along with BOKEH; if not, write to the Free Software
- * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301  USA
  */
 
 
@@ -35,43 +22,31 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
 
   protected
     $_main_menu_simple_bib,
-    $_main_menu_reseau_bib,
+    $_main_menu_reseaux_bib,
     $_credits_menu,
     $_recherche_scroll_menu,
 
     $_agenda_page,
     $_reseau_page,
-
-    $_adulte_page,
-    $_jeunesse_page,
-    $_multimedia_page,
-    $_imageetson_page,
-
+    $_selections_page,
+    $_enligne_page,
     $_mentionslegales_page,
     $_accessibilite_page,
 
     $_disable_widget_template,
-
     $_only_content_widget_template,
     $_disable_only_content_widget_template,
 
-    $_widget_nav_classes = ['background-white',
-                                  'no_border_widget',
-                                  'no_border_radius'],
+    $_widget_nav_classes = ['background-white', 'no_border_widget', 'no_border_radius'],
     $_tag_main_settings,
 
     $_widget_in_main_settings,
-    $_widget_general_settings = ['no_background',
-                                      'no_border_widget',
-                                      'no_border_radius',
-                                      'no_shadow',
-                                      'mx-auto'],
+    $_widget_general_settings = ['no_background', 'no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto'],
     $_header_section_settings,
     $_footer_section_settings;
 
 
-  public function __construct($template)
-  {
+  public function __construct($template) {
     parent::__construct($template);
 
     $this->_disable_widget_template = [$this->_template->withNameSpace('show_header') => 0,
@@ -83,23 +58,16 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
     $this->_disable_only_content_widget_template = [$this->_template->withNameSpace('show_header') => 1,
                                                     $this->_template->withNameSpace('show_content') => 0,
                                                     $this->_template->withNameSpace('show_footer') => 1];
-    $this->_tag_main_settings = ['boite' => ['no_border_radius',
-                                             'm-auto',
-                                             'py-3',
-                                             'px-3',
-                                             'herisson_widget'],
+    $this->_tag_main_settings = ['boite' => ['no_border_radius', 'mx-auto'],
                                  $this->_template->withNameSpace('width_xsmall') => 12];
-    $this->_widget_in_main_settings = array_merge(['boite' => ['no_border_widget',
-                                                               'no_shadow',
-                                                               'mx-auto'],
+    $this->_widget_in_main_settings = array_merge(['boite' => ['no_border_widget', 'no_shadow', 'mx-auto'],
                                                    'rendering' => 'card',
                                                    'layout' => 'grid',
                                                    'size' => 99,
                                                    $this->_template->withNameSpace('width_xsmall') => 12,
                                                    $this->_template->withNameSpace('width_large') => 10],
-                                                  $this->_disable_only_content_widget_template);
-    $this->_header_section_settings = ['boite' => ['no_background'],
-                                       $this->_template->withNameSpace('width_xsmall') => 12];
+                                                   $this->_disable_only_content_widget_template);
+    $this->_header_section_settings = [$this->_template->withNameSpace('width_xsmall') => 12];
     $this->_footer_section_settings = ['boite' => ['background-dark'],
                                        $this->_template->withNameSpace('width_xsmall') => 12];
   }
@@ -108,95 +76,35 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
   protected function _generatePacks() {
     $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto =
       $this->_getOrCreateStylePack($this->_('Marges horizontales automatiques, sans bordure de boites, sans arrondi, sans ombre, sans fond'),
-                                   ['no_background',
-                                    'no_border_widget',
-                                    'no_border_radius',
-                                    'no_shadow',
-                                    'mx-auto']);
-
-
+                                   ['no_background', 'no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto']);
     $this->_style_pack_no_border_no_radius_no_shadow_mx_auto_my_5 =
       $this->_getOrCreateStylePack($this->_('Marges horizontales automatiques, marges vertical à 5, sans bordure de boites, sans arrondi, sans ombre'),
-                                   ['no_border_widget',
-                                    'no_border_radius',
-                                    'no_shadow',
-                                    'mx-auto',
-                                    'my-5']);
-
-
-
+                                   ['no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto', 'my-5']);
     $this->_style_pack_background_white =
       $this->_getOrCreateStylePack($this->_('Fond blanc'),
-                                   ['no_border_widget',
-                                    'no_border_radius',
-                                    'no_shadow',
-                                    'mx-auto',
-                                    'background-white',
-                                    'py-3',
-                                    'my-3']);
+                                   ['no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto', 'background-white', 'py-3', 'my-3']);
     $this->_style_pack_background_light =
       $this->_getOrCreateStylePack($this->_('Fond clair'),
-                                   ['no_border_widget',
-                                    'no_border_radius',
-                                    'no_shadow',
-                                    'mx-auto',
-                                    'background-light',
-                                    'py-3',
-                                    'my-3']);
+                                   ['no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto', 'background-light', 'py-3', 'my-3']);
     $this->_style_pack_background_dark =
       $this->_getOrCreateStylePack($this->_('Fond foncé'),
-                                   ['no_border_widget',
-                                    'no_border_radius',
-                                    'no_shadow',
-                                    'mx-auto',
-                                    'background-dark',
-                                    'py-3',
-                                    'my-3']);
+                                   ['no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto', 'background-dark', 'py-3', 'my-3']);
     $this->_style_pack_background_very_dark =
       $this->_getOrCreateStylePack($this->_('Fond très foncé'),
-                                   ['no_border_widget',
-                                    'no_border_radius',
-                                    'no_shadow',
-                                    'mx-auto',
-                                    'background-very_dark',
-                                    'py-3',
-                                    'my-3']);
+                                   ['no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto', 'background-very_dark', 'py-3', 'my-3']);
     $this->_style_pack_image_banniere =
       $this->_getOrCreateStylePack($this->_('Image banniere'),
-                                   ['no_border_widget',
-                                    'no_border_radius',
-                                    'no_shadow',
-                                    'mx-auto',
-                                    'image_banniere',
-                                    'mt-8']);
+                                   ['no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto', 'image_banniere', 'mt_80']);
     $this->_style_pack_biblio_header =
       $this->_getOrCreateStylePack($this->_('Boite bibliothèque bouton horaires'),
-                                   ['no_background',
-                                    'no_border_widget',
-                                    'no_border_radius',
-                                    'no_shadow',
-                                    'mx-auto',
-                                    'biblio_header']);
+                                   ['no_background', 'no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto', 'biblio_header']);
     $this->_style_pack_biblio_footer =
       $this->_getOrCreateStylePack($this->_('Boite bibliothèque horaires'),
-                                   ['no_background',
-                                    'no_border_widget',
-                                    'no_border_radius',
-                                    'no_shadow',
-                                    'mx-auto',
-                                    'biblio_footer',
-                                    'no_footer_card']);
+                                   ['no_background', 'no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto', 'biblio_footer', 'no_footer_card']);
     $this->_style_pack_recherche_scroll =
       $this->_getOrCreateStylePack($this->_('Boite recherche scroll'),
-                                   ['no_background',
-                                    'no_border_widget',
-                                    'no_border_radius',
-                                    'no_shadow',
-                                    'mx-auto',
-                                    'recherche_scroll']);
-
+                                   ['no_background', 'no_border_widget', 'no_border_radius', 'no_shadow', 'mx-auto', 'recherche_scroll']);
     return $this;
-
   }
 
 
@@ -218,10 +126,8 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
     return $this
       ->_addAgendaPage()
       ->_addReseauPage()
-      ->_addAdultePage()
-      ->_addJeunessePage()
-      ->_addMultimediaPage()
-      ->_addImageetsonPage()
+      ->_addSelectionsPage()
+      ->_addEnLignePage()
       ->_addMentionslegalesPage()
       ->_addAccessibilitePage();
   }
@@ -234,9 +140,13 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
       ->setRewriteUrl($this->_('agenda'))
       ->addWidget(Intonation_Library_Widget_Carousel_Agenda_Definition::CODE,
                   Class_Profil::DIV_MAIN,
-                  array_merge(['titre' => $this->_('Agenda')],
-                              $this->_widget_in_main_settings));
-
+                  array_merge(['titre' => $this->_('Agenda'),
+                              $this->_template->withNameSpace('styles_pack') => $this->_style_pack_background_white->getId(),
+                              'rendering' => 'card',
+                              'layout' => 'grid',
+                              $this->_template->withNameSpace('width_xsmall') => 11,
+                              $this->_template->withNameSpace('width_large') => 10],
+                              $this->_disable_only_content_widget_template));
     return $this;
   }
 
@@ -248,62 +158,54 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
       ->setRewriteUrl($this->_('reseau_des_bibliotheques'))
       ->addWidget(Intonation_Library_Widget_Carousel_Library_Definition::CODE,
                   Class_Profil::DIV_MAIN,
-                  array_merge(['titre' => $this->_('Réseau des bibliothèques')],
-                              $this->_widget_in_main_settings));
-
+                  array_merge(['titre' => $this->_('Réseau des bibliothèques'),
+                              $this->_template->withNameSpace('styles_pack') => $this->_style_pack_background_white->getId(),
+                              'boite' => ['no_footer_card'],
+                              'rendering' => 'card',
+                              'layout' => 'grid',
+                              'osm_map' => 1,
+                              'osm_layer' => 1,
+                              $this->_template->withNameSpace('width_xsmall') => 11,
+                              $this->_template->withNameSpace('width_large') => 10],
+                              $this->_disable_only_content_widget_template));
     return $this;
   }
 
-  /* Page espace adulte */
-  protected function _addAdultePage() {
-    $this->_adulte_page = $this
-      ->_createPage($this->_('Adulte'))
-      ->setRewriteUrl($this->_('adulte'))
-      ->addWidget(Intonation_Library_Widget_Carousel_Domain_Definition::CODE,
-                  Class_Profil::DIV_MAIN,
-                  array_merge(['titre' => $this->_('Adulte')],
-                              $this->_widget_in_main_settings));
-
-    return $this;
-  }
 
-
-  /* Page espace jeunesse */
-  protected function _addJeunessePage() {
-    $this->_jeunesse_page = $this
-      ->_createPage($this->_('Jeunesse'))
-      ->setRewriteUrl($this->_('jeunesse'))
+  /* Page sélections */
+  protected function _addSelectionsPage() {
+    $this->_selections_page = $this
+      ->_createPage($this->_('Sélections'))
+      ->setRewriteUrl($this->_('selections'))
       ->addWidget(Intonation_Library_Widget_Carousel_Domain_Definition::CODE,
                   Class_Profil::DIV_MAIN,
-                  array_merge(['titre' => $this->_('Jeunesse')],
-                              $this->_widget_in_main_settings));
+                  array_merge(['titre' => $this->_('Sélections'),
+                              $this->_template->withNameSpace('styles_pack') => $this->_style_pack_background_white->getId(),
+                              'boite' => ['no_footer_card'],
+                              'rendering' => 'card-description',
+                              'layout' => 'grid',
+                              $this->_template->withNameSpace('width_xsmall') => 11,
+                              $this->_template->withNameSpace('width_large') => 10],
+                              $this->_disable_only_content_widget_template));
 
     return $this;
   }
 
 
-  /* Page espace multimédia */
-  protected function _addMultimediaPage() {
-    $this->_multimedia_page = $this
-      ->_createPage($this->_('Multimédia'))
-      ->addWidget(Intonation_Library_Widget_Carousel_Domain_Definition::CODE,
+  /* Page en ligne */
+  protected function _addEnLignePage() {
+    $this->_enligne_page = $this
+      ->_createPage($this->_('En ligne'))
+      ->setRewriteUrl($this->_('en_ligne'))
+      ->addWidget(Intonation_Library_Widget_Carousel_Article_Definition::CODE,
                   Class_Profil::DIV_MAIN,
-                  array_merge(['titre' => $this->_('Multimédia')],
-                              $this->_widget_in_main_settings));
-
-    return $this;
-  }
-
-
-  /* Page espace image et son */
-  protected function _addImageetsonPage() {
-    $this->_imageetson_page = $this
-      ->_createPage($this->_('Image et son'))
-      ->setRewriteUrl($this->_('image_et_son'))
-      ->addWidget(Intonation_Library_Widget_Carousel_Domain_Definition::CODE,
-                  Class_Profil::DIV_MAIN,
-                  array_merge(['titre' => $this->_('Image et son')],
-                              $this->_widget_in_main_settings));
+                  array_merge(['titre' => $this->_('En ligne'),
+                              $this->_template->withNameSpace('styles_pack') => $this->_style_pack_background_white->getId(),
+                              'rendering' => 'card',
+                              'layout' => 'grid',
+                              $this->_template->withNameSpace('width_xsmall') => 11,
+                              $this->_template->withNameSpace('width_large') => 10],
+                              $this->_disable_only_content_widget_template));
 
     return $this;
   }
@@ -329,10 +231,11 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
                   Class_Profil::DIV_MAIN,
                   array_merge(['titre' => $this->_('Mentions légales'),
                                'id_items' => $article->getId()],
-                              $this->_widget_in_main_settings));
+                               $this->_widget_in_main_settings));
     return $this;
   }
 
+
   /* Page accessibilite */
   protected function _addAccessibilitePage() {
     $categorie = $this->_getOrCreateCategory($this->_('Herisson'));
@@ -353,7 +256,7 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
                   Class_Profil::DIV_MAIN,
                   array_merge(['titre' => $this->_('Accessibilité'),
                                'id_items' => $article->getId()],
-                              $this->_widget_in_main_settings));
+                               $this->_widget_in_main_settings));
     return $this;
   }
 
@@ -361,142 +264,208 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
   protected function _upgradeSections() {
     return $this
       ->_setHeaderSettings($this->_header_section_settings)
-      ->_setMainSettings(['boite' => ['no_border_radius',
-                                      'm-auto',
-                                      'herisson_widget'],
+      ->_setMainSettings(['boite' => ['no_border_radius', 'mx-auto', 'herisson_widget'],
                           $this->_template->withNameSpace('width_xsmall') => 12])
-
       ->_setFooterSettings($this->_footer_section_settings);
   }
 
 
   protected function _upgradeMenus() {
-    $recherche_widget_menu =
-      $this->_addWidgetInMenu(Intonation_Library_Widget_Search_Definition::CODE,
-                              array_merge(['titre' => $this->_('Recherche scroll'),
-                                            $this->_template->withNameSpace('styles_pack') => $this->_style_pack_recherche_scroll->getId(),
-                                            'search_button' => 'class fas fa-search',
-                                            'placeholder' => $this->_('Tapez ici votre recherche (Titre, Auteur, Mot clé...)'),
-                                            'type_doc' => 'Tous types de documents :',
-                                            'facets_in_session' => 0,
-                                            'always_new_search' => 1,
-                                            'select_doc' => 1,
-                                            'recherche_avancee' => 0,
-                                            'doc_type_selection_label' => '',
-                                            'HerissonVisibleWhenHidden' => '6',
-                                            $this->_template->withNameSpace('form_style') => 'toggle',
-                                            'menu' => $this->_profile_id . '-' . $this->_recherche_scroll_menu,
-                                            $this->_template->withNameSpace('width_xsmall') => 12],
-                                          $this->_disable_widget_template));
-
-    $this->_recherche_scroll_menu = $this->_profile
-      ->addMenu(['libelle' => $this->_('Menu recherche en scroll'),
-                 'picto' => '',
-                 'menus' => [$recherche_widget_menu]]);
-
-    $this->_main_menu_simple_bib = $this->_profile
-      ->addMenu(['libelle' => $this->_('Menu bibliothèque'),
-                 'picto' => '',
-                 'menus' => [['type_menu' => 'ACCUEIL',
-                              'libelle' => $this->_('Accueil'),
-                              'use_profil' => $this->_profile_id],
-
-                             ['type_menu' => 'URL',
-                              'libelle' => $this->_('Infos pratiques'),
-                              'url' => $this->_getLibraryUrl()],
-
-                             ['type_menu' => 'PROFIL',
-                              'libelle' => $this->_('Agenda'),
-                              'clef_profil' => $this->_agenda_page->getId()],
-
-                             ['type_menu' => 'MENU',
-                              'libelle' => $this->_('Espaces'),
-                              'sous_menus' => [['type_menu' => 'PROFIL',
-                                                'libelle' => $this->_('Adulte'),
-                                                'clef_profil' => $this->_adulte_page->getId()],
-
-                                               ['type_menu' => 'PROFIL',
-                                                'libelle' => $this->_('Jeunesse'),
-                                                'clef_profil' => $this->_jeunesse_page->getId()],
-
-                                               ['type_menu' => 'PROFIL',
-                                                'libelle' => $this->_('Multimedia'),
-                                                'clef_profil' => $this->_multimedia_page->getId()],
-
-                                               ['type_menu' => 'PROFIL',
-                                                'libelle' => $this->_('Image et son'),
-                                                'clef_profil' => $this->_imageetson_page->getId()]]],
-
-                              $recherche_widget_menu]]);
-
-
-    $this->_main_menu_reseau_bib = $this->_profile
-      ->addMenu(['libelle' => $this->_('Menu réseau bibliothèques'),
-                 'picto' => '',
-                 'menus' => [['type_menu' => 'ACCUEIL',
-                              'libelle' => $this->_('Accueil'),
-                              'use_profil' => $this->_profile_id],
-
-                             ['type_menu' => 'MENU',
-                              'libelle' => $this->_('Infos pratiques'),
-                              'sous_menus' => [['type_menu' => 'PROFIL',
-                                                'libelle' => $this->_('Tout le réseau'),
-                                                'clef_profil' => $this->_reseau_page->getId()],
-                                               ['type_menu' => 'URL',
-                                                'libelle' => $this->_('Bibliothèque n°1'),
-                                                'url' => $this->_getLibraryUrl()],
-
-                                               ['type_menu' => 'URL',
-                                                'libelle' => $this->_('Bibliothèque n°2'),
-                                                'url' => $this->_getLibraryUrl()],
-
-                                               ['type_menu' => 'URL',
-                                                'libelle' => $this->_('Bibliothèque n°3'),
-                                                'url' => $this->_getLibraryUrl()],
-
-                                               ['type_menu' => 'URL',
-                                                'libelle' => $this->_('Bibliothèque n°4'),
-                                                'url' => $this->_getLibraryUrl()]]],
-
-                             ['type_menu' => 'URL',
-                              'libelle' => $this->_('Agenda'),
-                              'url' => $this->_agenda_page->getUrl()],
-
-                             ['type_menu' => 'MENU',
-                              'libelle' => $this->_('Espaces'),
-                              'sous_menus' => [['type_menu' => 'PROFIL',
-                                                'libelle' => $this->_('Adulte'),
-                                                'url' => Class_Url::relative(['controller' => 'index',
-                                                                              'action' => 'index',
-                                                                              'id_profil' => $this->_adulte_page->getId()])],
-
-                                               ['type_menu' => 'URL',
-                                                'libelle' => $this->_('Jeunesse'),
-                                                'url' => Class_Url::relative(['controller' => 'index',
-                                                                              'action' => 'index',
-                                                                              'id_profil' => $this->_jeunesse_page->getId()])],
-
-                                               ['type_menu' => 'URL',
-                                                'libelle' => $this->_('Multimedia'),
-                                                'url' => Class_Url::relative(['controller' => 'index',
-                                                                              'action' => 'index',
-                                                                              'id_profil' => $this->_multimedia_page->getId()])],
-
-                                               ['type_menu' => 'URL',
-                                                'libelle' => $this->_('Image et son'),
-                                                'url' => Class_Url::relative(['controller' => 'index',
-                                                                              'action' => 'index',
-                                                                              'id_profil' => $this->_imageetson_page->getId()])]]],
-                             $recherche_widget_menu]]);
-
-    $credit_widget_menu =
-      $this->_addWidgetInMenu(Intonation_Library_Widget_Credits_Definition::CODE,
-                              array_merge(['titre' => $this->_('Crédits'),
-                                           $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(),
-                                           'boite' => ['p-3'],
-                                           'link_to_all' => 0,
-                                           $this->_template->withNameSpace('width_xsmall') => 12],
-                                           $this->_disable_widget_template));
+    $recherche_widget_menu = $this->_addWidgetInMenu(Intonation_Library_Widget_Search_Definition::CODE,
+                                                    array_merge(['titre' => $this->_('Recherche scroll'),
+                                                                  $this->_template->withNameSpace('styles_pack') => $this->_style_pack_recherche_scroll->getId(),
+                                                                  'search_button' => 'class fas fa-search',
+                                                                  'placeholder' => $this->_('Tapez ici votre recherche (Titre, Auteur, Mot clé...)'),
+                                                                  'type_doc' => 'Tous types de documents :',
+                                                                  'facets_in_session' => 0,
+                                                                  'always_new_search' => 1,
+                                                                  'select_doc' => 1,
+                                                                  'recherche_avancee' => 0,
+                                                                  'doc_type_selection_label' => '',
+                                                                  'HerissonVisibleWhenHidden' => '6',
+                                                                  $this->_template->withNameSpace('form_style') => 'toggle',
+                                                                  'menu' => $this->_profile_id . '-' . $this->_recherche_scroll_menu,
+                                                                  $this->_template->withNameSpace('width_xsmall') => 12],
+                                                                  $this->_disable_widget_template));
+
+    $this->_recherche_scroll_menu = $this->_profile ->addMenu(['libelle' => $this->_('Menu recherche en scroll'),
+                                                              'picto' => '',
+                                                              'menus' => [$recherche_widget_menu]]);
+
+    $image_widget_menu = $this->_addWidgetInMenu(Intonation_Library_Widget_Image_Definition::CODE,
+                                                array_merge(['titre' => $this->_('Logo du réseau'),
+                                                              $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(),                                                                  'image' => Class_Url::relative('/library/templates/Intonation/Assets/images/bokeh_focale.png'),
+                                                              'image_alt' => 'Logo du réseau',
+                                                              'link' => $this->_('/accueil')],
+                                                              $this->_disable_widget_template));
+
+    $access_widget_menu = $this->_addWidgetInMenu(Intonation_Library_Widget_Accessibility_Definition::CODE,
+                                                  array_merge(['titre' => $this->_('Accessibilité'),
+                                                                $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(),
+                                                                'popup_mode' => 'popup'],
+                                                                $this->_disable_widget_template));
+
+    $simple_bibs_menu = $this->_profile ->addMenu(['libelle' => $this->_('Menu des bibliothèques'),
+                                                  'picto' => '',
+                                                  'menus' => [['type_menu' => 'ACCUEIL',
+                                                                'libelle' => $this->_('Accueil'),
+                                                                'use_profil' => $this->_profile_id],
+
+                                                              ['type_menu' => 'URL',
+                                                                'libelle' => $this->_('Infos pratiques'),
+                                                                'url' => $this->_getLibraryUrl()],
+
+                                                              ['type_menu' => 'PROFIL',
+                                                                'libelle' => $this->_('Agenda'),
+                                                                'clef_profil' => $this->_agenda_page->getId()],
+
+                                                              ['type_menu' => 'PROFIL',
+                                                                'libelle' => $this->_('Sélections'),
+                                                                'clef_profil' => $this->_selections_page->getId()],
+
+                                                              ['type_menu' => 'PROFIL',
+                                                                'libelle' => $this->_('En ligne'),
+                                                                'clef_profil' => $this->_enligne_page->getId()],
+
+                                                              $recherche_widget_menu]]);
+
+    $simple_bibs_widget_menu = $this->_addWidgetInMenu(Intonation_Library_Widget_Carousel_Menu_Definition::CODE,
+                                              array_merge(['titre' => $this->_('Menu simple bibliothèques'),
+                                                           'menu' => $this->_profile_id . '-' . $simple_bibs_menu,
+                                                            $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(),
+                                                            'link_to_all' => 0],
+                                                            $this->_disable_widget_template));
+
+    $reseaux_bibs_menu = $this->_profile ->addMenu(['libelle' => $this->_('Menu réseau bibliothèques'),
+                                                  'picto' => '',
+                                                  'menus' => [['type_menu' => 'ACCUEIL',
+                                                              'libelle' => $this->_('Accueil'),
+                                                              'use_profil' => $this->_profile_id],
+
+                                                              ['type_menu' => 'MENU',
+                                                                'libelle' => $this->_('Infos pratiques'),
+                                                                'sous_menus' => [['type_menu' => 'PROFIL',
+                                                                                  'libelle' => $this->_('Tout le réseau'),
+                                                                                  'clef_profil' => $this->_reseau_page->getId()],
+
+                                                                                ['type_menu' => 'URL',
+                                                                                  'libelle' => $this->_('Bibliothèque n°1'),
+                                                                                  'url' => $this->_getLibraryUrl()],
+
+                                                                                ['type_menu' => 'URL',
+                                                                                  'libelle' => $this->_('Bibliothèque n°2'),
+                                                                                  'url' => $this->_getLibraryUrl()],
+
+                                                                                ['type_menu' => 'URL',
+                                                                                  'libelle' => $this->_('Bibliothèque n°3'),
+                                                                                  'url' => $this->_getLibraryUrl()],
+
+                                                                                ['type_menu' => 'URL',
+                                                                                  'libelle' => $this->_('Bibliothèque n°4'),
+                                                                                  'url' => $this->_getLibraryUrl()]]],
+
+                                                              ['type_menu' => 'PROFIL',
+                                                                'libelle' => $this->_('Agenda'),
+                                                                'clef_profil' => $this->_agenda_page->getId()],
+
+                                                              ['type_menu' => 'PROFIL',
+                                                                'libelle' => $this->_('Selections'),
+                                                                'clef_profil' => $this->_selections_page->getId()],
+
+                                                              ['type_menu' => 'PROFIL',
+                                                                'libelle' => $this->_('En ligne'),
+                                                                'clef_profil' => $this->_enligne_page->getId()],
+
+                                                              $recherche_widget_menu]]);
+
+    $reseaux_bibs_widget_menu = $this->_addWidgetInMenu(Intonation_Library_Widget_Carousel_Menu_Definition::CODE,
+                                                        array_merge(['titre' => $this->_('Menu réseaux bibliothèques'),
+                                                                    'menu' => $this->_profile_id . '-' . $reseaux_bibs_menu,
+                                                                    $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(),
+                                                                    'link_to_all' => 0],
+                                                                    $this->_disable_widget_template));
+
+    $social_networks_menu = $this->_profile ->addMenu(['libelle' => $this->_('Menu réseaux sociaux'),
+                                                      'picto' => '',
+                                                      'menus' => [['type_menu' => 'URL',
+                                                                  'libelle' => $this->_('Facebook'),
+                                                                  'picto' => 'class fab fa-facebook-square',
+                                                                  'picto_alt' => 'Logo Facebook',
+                                                                  'url' => ''],
+
+                                                                  ['type_menu' => 'URL',
+                                                                  'libelle' => $this->_('Youtube'),
+                                                                  'picto' => 'class fab fa-youtube',
+                                                                  'picto_alt' => 'Logo Youtube',
+                                                                  'url' => ''],
+
+                                                                  ['type_menu' => 'URL',
+                                                                  'libelle' => $this->_('X'),
+                                                                  'picto' => '/library/templates/Intonation/Assets/Font-Awesome/x-twitter-brands-solid.svg',
+                                                                  'picto_alt' => 'Logo X',
+                                                                  'url' => ''],
+
+                                                                  ['type_menu' => 'URL',
+                                                                  'libelle' => $this->_('Instagram'),
+                                                                  'picto' => 'class fab fa-instagram',
+                                                                  'picto_alt' => 'Logo Instagram',
+                                                                  'url' => ''],
+
+                                                                  $access_widget_menu]]);
+
+    $social_networks_widget_menu = $this->_addWidgetInMenu(Intonation_Library_Widget_Carousel_Menu_Definition::CODE,
+                                                          array_merge(['titre' => $this->_('Menu réseaux sociaux'),
+                                                                      'menu' => $this->_profile_id . '-' . $social_networks_menu,
+                                                                      $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(),
+                                                                      'boite' => ['menu_buttons'],
+                                                                      'link_to_all' => 0,
+                                                                      'HerissonExpandBreakpoint' => '',
+                                                                      'HerissonHiddenMode' => ['md', 'lg', 'xl']],
+                                                                      $this->_disable_widget_template));
+
+    $connexion_widget_menu = $this->_addWidgetInMenu(Intonation_Library_Widget_Login_Definition::CODE,
+                                                    array_merge(['titre' => $this->_('Connexion'),
+                                                                  $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(),                                                                  'titre_connecte' => $this->_('Mon compte'),
+                                                                  'message_connecte' => '',
+                                                                  'identifiant' => $this->_('Identifiant'),
+                                                                  'identifiant_exemple' => $this->_('N° de carte'),
+                                                                  'mot_de_passe' => $this->_('Mot de passe'),
+                                                                  'mot_de_passe_exemple' => $this->_('Année de naissance'),
+                                                                  'lien_connexion' => $this->_('Se connecter'),
+                                                                  'lien_deconnection' => $this->_('Se déconnecter'),
+                                                                  'lien_mot_de_passe_oublie' => $this->_('Mot de passe oublié'),
+                                                                  'lien_compte' => $this->_('Mon compte'),
+                                                                  'lien_creer_compte' => $this->_('S\'enregistrer'),
+                                                                  $this->_template->withNameSpace('form_style') => 'toggle'],
+                                                                  $this->_only_content_widget_template));
+
+    $this->_main_menu_simple_bib = $this->_profile ->addMenu(['libelle' => $this->_('Menu principal simple bib'),
+                                                              'picto' => '',
+                                                              'menus' => [$image_widget_menu,
+                                                                          $simple_bibs_widget_menu,
+                                                                          $social_networks_widget_menu,
+                                                                          $connexion_widget_menu]]);
+
+    $this->_main_menu_reseaux_bib = $this->_profile ->addMenu(['libelle' => $this->_('Menu principal réseaux bibs'),
+                                                              'picto' => '',
+                                                              'menus' => [$image_widget_menu,
+                                                                          $reseaux_bibs_widget_menu,
+                                                                          $social_networks_widget_menu,
+                                                                          $connexion_widget_menu]]);
+
+    $credit_widget_menu = $this->_addWidgetInMenu(Intonation_Library_Widget_Credits_Definition::CODE,
+                                                  array_merge(['titre' => $this->_('Crédits'),
+                                                              $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(),
+                                                              'link_to_all' => 0,
+                                                              $this->_template->withNameSpace('width_xsmall') => 12],
+                                                              $this->_disable_widget_template));
+
+    $cookies_widget_menu = $this->_addWidgetInMenu(Intonation_Library_Widget_CookiesManager_Definition::CODE,
+                                                  array_merge(['titre' => $this->_('Gestion des cookies'),
+                                                              $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(),
+                                                              'link_to_all' => 0,
+                                                              $this->_template->withNameSpace('width_xsmall') => 12],
+                                                              $this->_disable_widget_template));
 
     $this->_credits_menu = $this->_profile
       ->addMenu(['libelle' => $this->_('Menu crédits'),
@@ -506,91 +475,58 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
                               'url' => '/index/formulairecontact'],
 
                              ['type_menu' => 'URL',
-                              'libelle' => $this->_('Mentions Légales'),
+                              'libelle' => $this->_('Mentions légales'),
                               'url' => Class_Url::relative(['controller' => 'index',
                                                             'action' => 'index',
                                                             'id_profil' => $this->_mentionslegales_page->getId()])],
 
                              ['type_menu' => 'URL',
-                              'libelle' => $this->_('Accessibilité'),
+                              'libelle' => $this->_('Accessibilité : Partiellement conforme'),
                               'url' => Class_Url::relative(['controller' => 'index',
                                                             'action' => 'index',
                                                             'id_profil' => $this->_accessibilite_page->getId()])],
-                              $credit_widget_menu]]);
 
+                              $credit_widget_menu,
+
+                              $cookies_widget_menu]]);
     $this->_profile->save();
+
     return $this;
   }
 
-
   protected function _upgradeWidgets() {
+    $categorie = $this->_getOrCreateCategory($this->_('Herisson'));
+    $article_content = file_get_contents(ROOT_PATH . 'library/templates/Herisson/Assets/contents/flash_infos.html');
+    $article = (new Class_Article())
+      ->updateAttributes(['titre' => $this->_('Flash infos'),
+                          'categorie' => $categorie,
+                          'status' => Class_Article::STATUS_VALIDATED,
+                          'contenu' => $article_content]);
+    $article->save();
+
+
     $this
       ->removeWidgets()
 
       ->_addWidget(Intonation_Library_Widget_Nav_Definition::CODE,
                    Class_Profil::DIV_BANNIERE,
                    array_merge(['titre' => $this->_('Navigation principal'),
-                                'boite' => array_merge(['my-3',
-                                                        'justify-content-center',
-                                                        'position_fixed_top'],
+                                'boite' => array_merge(['my-3', 'justify-content-center', 'position_fixed_top'],
                                                        $this->_widget_nav_classes),
                                 'menu' => $this->_profile_id . '-' . $this->_main_menu_simple_bib,
-                                $this->_template->withNameSpace('expand_breakpoint') => Intonation_Library_Constants::RESPONSIVE_MODE_SMALL,
-                                $this->_template->withNameSpace('width_xsmall') => 12],
-                               $this->_only_content_widget_template))
-
-      ->_addWidget(Intonation_Library_Widget_Image_Definition::CODE,
-                   Class_Profil::DIV_BANNIERE,
-                   array_merge(['titre' => $this->_('Logo du réseau'),
-                                'boite' => ['no_background',
-                                            'no_shadow',
-                                            'mr-auto',
-                                            'justify-content-center',
-                                            'position_fixed_top_left',
-                                            'no_border_widget',
-                                            'no_border_radius'],
-                                'image' => Class_Url::relative('/library/templates/Herisson/Assets/images/herisson_logo.png'),
-                                'link' => $this->_('/accueil'),
-                                $this->_template->withNameSpace('width_xsmall') => 4,
-                                $this->_template->withNameSpace('width_medium') => 2,
-                                $this->_template->withNameSpace('width_large') => 2],
-                               $this->_disable_widget_template))
-
-      ->_addWidget(Intonation_Library_Widget_Login_Definition::CODE,
-                   Class_Profil::DIV_BANNIERE,
-                   array_merge(['titre' => $this->_('Connexion'),
-                                'boite' => ['no_background',
-                                            'no_shadow',
-                                            'align-items-center',
-                                            'ml-auto',
-                                            'text-align-center',
-                                            'position_fixed_top_right',
-                                            'no_border_widget',
-                                            'no_border_radius'],
-                                'titre_connecte' => $this->_('Mon compte'),
-                                'message_connecte' => '',
-                                'identifiant' => $this->_('Identifiant'),
-                                'identifiant_exemple' => $this->_('N° de carte'),
-                                'mot_de_passe' => $this->_('Mot de passe'),
-                                'mot_de_passe_exemple' => $this->_('Année de naissance'),
-                                'lien_connexion' => $this->_('Se connecter'),
-                                'lien_deconnection' => $this->_('Se déconnecter'),
-                                'lien_mot_de_passe_oublie' => $this->_('Mot de passe oublié'),
-                                'lien_compte' => $this->_('Mon compte'),
-                                'lien_creer_compte' => $this->_('S\'enregistrer'),
-                                $this->_template->withNameSpace('form_style') => 'toggle',
+                                $this->_template->withNameSpace('expand_breakpoint') => Intonation_Library_Constants::RESPONSIVE_MODE_XSMALL,
                                 $this->_template->withNameSpace('width_xsmall') => 12],
-                               $this->_only_content_widget_template))
-
+                                $this->_disable_widget_template))
 
       ->_addWidget(Intonation_Library_Widget_Image_Definition::CODE,
                    Class_Profil::DIV_BANNIERE,
                    array_merge(['titre' => $this->_('Image banniere'),
                                 $this->_template->withNameSpace('styles_pack') => $this->_style_pack_image_banniere->getId(),
                                 'image' => Class_Url::relative('/library/templates/Herisson/Assets/images/banniere_herisson.jpg'),
+                                'image_alt' => 'Banniere',
                                 'link' => $this->_('/accueil'),
                                 $this->_template->withNameSpace('width_xsmall') => 12],
-                               $this->_disable_widget_template))
+                                $this->_disable_widget_template))
 
       ->_addWidget(Intonation_Library_Widget_Carousel_Library_Definition::CODE,
                    Class_Profil::DIV_BANNIERE,
@@ -602,30 +538,27 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
                                 'size'=> 1,
                                 'osm_map' => 0,
                                 'osm_layer' => 0,
-                                $this->_template->withNameSpace('width_xsmall') => 12,
-                                $this->_template->withNameSpace('width_large') => 10],
-                               $this->_disable_widget_template))
+                                $this->_template->withNameSpace('width_xsmall') => 12],
+                                $this->_disable_widget_template))
 
       ->_addWidget(Intonation_Library_Widget_Search_Definition::CODE,
                    Class_Profil::DIV_BANNIERE,
                    array_merge(['titre' => $this->_('Recherche'),
                                 $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(),
-                                'boite' => ['justify-content-center',
-                                            'align-items-center',
-                                            'my-5'],
+                                'boite' => ['justify-content-center', 'align-items-center', 'my-5'],
                                 'search_button' => 'class fas fa-search',
                                 'placeholder' => $this->_('Tapez ici votre recherche (Titre, Auteur, Mot clé...)'),
                                 'type_doc' => '',
                                 'facets_in_session' => 0,
                                 'always_new_search' => 1,
-                                'select_doc' => 1,
-                                'recherche_avancee' => 0,
+                                'select_doc' => 0,
+                                'recherche_avancee' => 1,
                                 'doc_type_selection_label' => 'Tous types de documents :',
-                                $this->_template->withNameSpace('form_style') => 'inline',
+                                $this->_template->withNameSpace('form_style') => 'default',
                                 $this->_template->withNameSpace('width_xsmall') => 11,
                                 $this->_template->withNameSpace('width_medium') => 10,
-                                $this->_template->withNameSpace('width_large') => 9],
-                               $this->_disable_widget_template))
+                                $this->_template->withNameSpace('width_large') => 7],
+                                $this->_disable_widget_template))
 
 
       ->_addWidget(Intonation_Library_Widget_Breadcrumb_Definition::CODE,
@@ -637,18 +570,21 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
                                 $this->_disable_widget_template))
 
       /*MAIN*/
+      ->_addWidget(Intonation_Library_Widget_Free_Definition::CODE,
+                   Class_Profil::DIV_MAIN,
+                   array_merge(['titre' => $this->_('Flash infos'),
+                               $this->_template->withNameSpace('styles_pack') => $this->_style_pack_background_light->getId(),
+                               'boite' => ['flash', 'messagedefilant'],
+                               'id_items' => $article->getId(),
+                               $this->_template->withNameSpace('width_xsmall') => 11,
+                               $this->_template->withNameSpace('width_large') => 10],
+                               $this->_disable_only_content_widget_template))
+
       ->_addWidget(Intonation_Library_Widget_Carousel_Article_Definition::CODE,
                    Class_Profil::DIV_MAIN,
                    array_merge(['titre' => $this->_('Actualités'),
-                                $this->_template->withNameSpace('styles_pack') => /*$this->_style_pack_no_border_no_radius_no_shadow_mx_auto_my_5->getId(),*/
-                                $this->_style_pack_background_white->getId(),
-                                'boite' => [/*'no_background',*/
-                                            'text-align-center',
-                                            'no_badges',
-                                            'card_shadow',
-                                            'no_description',
-                                            'no_footer_card',
-                                            'title-uppercase'],
+                                $this->_template->withNameSpace('styles_pack') => $this->_style_pack_background_white->getId(),
+                                'boite' => ['text-align-center', 'no_badges', 'card_shadow', 'no_description', 'no_footer_card', 'title-uppercase'],
                                 'rendering' => 'card',
                                 'layout' => 'horizontal_list',
                                 'size' => 3,
@@ -661,28 +597,36 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
       ->_addWidget(Intonation_Library_Widget_Carousel_Record_Definition::CODE,
                    Class_Profil::DIV_MAIN,
                    array_merge(['titre' => $this->_('Nouveautés'),
-                                $this->_template->withNameSpace('styles_pack') => /*$this->_style_pack_no_border_no_radius_no_shadow_mx_auto_my_5->getId(),*/
-                                $this->_style_pack_background_light->getId(),
-                                'boite' => [/*'background-light',*/
-                                            'py-9',
-                                            'no_overlay'],
+                                $this->_template->withNameSpace('styles_pack') => $this->_style_pack_background_light->getId(),
+                                'boite' => ['px-9', 'no_overlay'],
                                 'rendering' => 'card-overlay',
-                                'layout' => 'grid',
+                                'layout' => 'multiple_carousel_plus',
                                 'size' => 15,
                                 'order' => 'date_creation desc, alpha_titre asc',
                                 'link_to_all' => 1,
+                                'all_layout' => 'search',
                                 $this->_template->withNameSpace('width_xsmall') => 11,
                                 $this->_template->withNameSpace('width_medium') => 12],
                                 $this->_disable_only_content_widget_template))
 
+      ->_addWidget(Intonation_Library_Widget_Carousel_Domain_Definition::CODE,
+                  Class_Profil::DIV_MAIN,
+                  array_merge(['titre' => $this->_('Nouveautés par genres'),
+                                $this->_template->withNameSpace('styles_pack') => $this->_style_pack_background_white->getId(),
+                                'boite' => ['no_footer_card'],
+                                'rendering' => 'card-description',
+                                'layout' => 'horizontal_list',
+                                'size' => 6,
+                                'all_layout' => 'search',
+                                $this->_template->withNameSpace('width_xsmall') => 11,
+                                $this->_template->withNameSpace('width_large') => 10],
+                                $this->_disable_only_content_widget_template))
+
       ->_addWidget(Intonation_Library_Widget_Carousel_Review_Definition::CODE,
                    Class_Profil::DIV_MAIN,
                    array_merge(['titre' => $this->_('Avis'),
-                                $this->_template->withNameSpace('styles_pack') => /*$this->_style_pack_no_border_no_radius_no_shadow_mx_auto_my_5->getId(),*/
-                                $this->_style_pack_background_white->getId(),
-                                'boite' => [/*'no_background',*/
-                                            'limit_badges_2',
-                                            'background-white_and_light_card'],
+                                $this->_template->withNameSpace('styles_pack') => $this->_style_pack_background_white->getId(),
+                                'boite' => ['limit_badges_2', 'background-white_and_light_card'],
                                 'rendering' => 'card',
                                 'layout' => 'horizontal_list',
                                 'size' => 5,
@@ -695,15 +639,11 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
       ->_addWidget(Intonation_Library_Widget_Image_Definition::CODE,
                    Class_Profil::DIV_FOOTER,
                    array_merge(['titre' => $this->_('Logo du réseau'),
-                                'boite' => ['no_border',
-                                            'no_shadow',
-                                            'm-auto',
-                                            'py-3',
-                                            'align-items-center'],
-                                'image' => Class_Url::relative('/library/templates/Herisson/Assets/images/herisson_logo.png'),
+                                'boite' => ['no_border', 'no_shadow', 'm-auto', 'py-3', 'align-items-center'],
+                                'image' => Class_Url::relative('/library/templates/Intonation/Assets/images/bokeh_focale.png'),
+                                'image_alt' => 'Logo du réseau',
                                 'link' => $this->_('/accueil'),
-                                $this->_template->withNameSpace('width_xsmall') => 8,
-                                $this->_template->withNameSpace('width_medium') => 5,
+                                $this->_template->withNameSpace('width_xsmall') => 12,
                                 $this->_template->withNameSpace('width_large') => 2],
                                 $this->_disable_widget_template))
 
@@ -719,27 +659,22 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
                                 'osm_map' => 0,
                                 'osm_layer' => 0,
                                 $this->_template->withNameSpace('width_xsmall') => 12,
-                                $this->_template->withNameSpace('width_medium') => 6,
-                                $this->_template->withNameSpace('width_large') => 3,
-                                $this->_template->withNameSpace('order_xsmall') => 2,
-                                $this->_template->withNameSpace('order_medium') => 3,
-                                $this->_template->withNameSpace('order_large') => 1],
-                               $this->_disable_widget_template))
+                                $this->_template->withNameSpace('width_small') => 6,
+                                $this->_template->withNameSpace('width_large') => 3],
+                                $this->_disable_widget_template))
 
       ->_addWidget(Intonation_Library_Widget_Carousel_Menu_Definition::CODE,
                    Class_Profil::DIV_FOOTER,
                    array_merge(['titre' => $this->_('Menu footer'),
                                 $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(),
-                                'boite' => ['justify-content-center'],
+                                'boite' => ['justify-content-center', 'credits_bib'],
                                 'layout' => 'vertical',
                                 'menu' => $this->_profile_id . '-' . $this->_credits_menu,
                                 $this->_template->withNameSpace('expand_breakpoint') => Intonation_Library_Constants::RESPONSIVE_MODE_XSMALL,
                                 $this->_template->withNameSpace('width_xsmall') => 12,
-                                $this->_template->withNameSpace('width_medium') => 12,
-                                $this->_template->withNameSpace('width_large') => 3,
-                                $this->_template->withNameSpace('order_xsmall') => 1,
-                                $this->_template->withNameSpace('order_large') => 2],
-                               $this->_disable_widget_template))
+                                $this->_template->withNameSpace('width_small') => 6,
+                                $this->_template->withNameSpace('width_large') => 3],
+                                $this->_disable_widget_template))
 
       ->_addWidget(Intonation_Library_Widget_Carousel_Library_Definition::CODE,
                    Class_Profil::DIV_FOOTER,
@@ -752,45 +687,27 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
                                 'osm_map' => 1,
                                 'osm_layer' => 1,
                                 $this->_template->withNameSpace('width_xsmall') => 12,
-                                $this->_template->withNameSpace('width_medium') => 6,
-                                $this->_template->withNameSpace('width_large') => 3,
-                                $this->_template->withNameSpace('order_xsmall') => 3,
-                                $this->_template->withNameSpace('order_medium') => 2,
-                                $this->_template->withNameSpace('order_large') => 3],
-                               $this->_only_content_widget_template))
-
-      ->_addScrollDownWidget()
+                                $this->_template->withNameSpace('width_large') => 3],
+                                $this->_only_content_widget_template))
+
       ->_addScrollTopWidget()
       ->_addAdminWidget()
-      ->_addAccessibilityWidget()
       ->_addNotificationWidget();
 
     return $this;
   }
 
 
-
   protected function _addScrollTopWidget() {
     $this->_addWidget(Intonation_Library_Widget_Scroll_Definition::CODE,
                    Class_Profil::DIV_FOOTER,
                    array_merge(['titre' => $this->_('Défilement vers le haut'),
-                    'boite' => ['no_border', 'no_border_radius', 'position_fixed_bottom_right', 'mb-5'],
+                    'boite' => ['no_border', 'no_border_radius', 'position_fixed_bottom_right'],
                     'direction' => 'up'],
                     $this->_disable_widget_template));
-
     return $this;
   }
 
-  protected function _addScrollDownWidget() {
-    $this->_addWidget(Intonation_Library_Widget_Scroll_Definition::CODE,
-                      Class_Profil::DIV_FOOTER,
-                      array_merge(['titre' => $this->_('Défilement vers le bas'),
-                       'boite' => ['no_border', 'no_border_radius', 'position_fixed_top_right', 'mt-8'],
-                       'direction' => 'down'],
-                        $this->_disable_widget_template));
-
-    return $this;
-  }
 
   protected function _addAdminWidget() {
     return
@@ -798,21 +715,7 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
                         Class_Profil::DIV_FOOTER,
                         array_merge(['titre' => $this->_('Administration'),
                                      $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(),
-                                     'boite' => ['no_border',
-                                                 'position_fixed_bottom_left',
-                                                 'white_widget']],
-                                     $this->_disable_widget_template));
-  }
-
-  protected function _addAccessibilityWidget() {
-    return
-      $this->_addWidget(Intonation_Library_Widget_Accessibility_Definition::CODE,
-                        Class_Profil::DIV_FOOTER,
-                        array_merge(['titre' => $this->_('Accessibilité'),
-                                     $this->_template->withNameSpace('styles_pack') => $this->_style_pack_no_background_no_border_no_radius_no_shadow_mx_auto->getId(),
-                                     'boite' => ['no_border',
-                                                 'position_fixed_bottom_right',
-                                                 'white_widget']],
+                                     'boite' => ['no_border', 'position_fixed_bottom_left', 'white_widget']],
                                      $this->_disable_widget_template));
   }
 
@@ -824,12 +727,9 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
                              $this->_template->withNameSpace('width_medium') => 11,
                              $this->_template->withNameSpace('width_large') => 6];
 
-    $default_action_settings = ['boite' => ['no_border_widget',
-                                            'no_border',
-                                            'mx-auto'],
-                                $this->_template->withNameSpace('width_xsmall') => 12,
-                                $this->_template->withNameSpace('width_medium') => 11,
-                                $this->_template->withNameSpace('width_large') => 0];
+    $default_action_settings = ['boite' => ['no_border_widget', 'no_border', 'mx-auto'],
+                                $this->_template->withNameSpace('width_xsmall') => 11,
+                                $this->_template->withNameSpace('width_large') => 10];
 
     $simple_search_action_settings = array_merge(['facettes_codes' => (Class_TypeDoc::CODE_FACETTE
                                                                        . Class_CodifAuteur::CODE_FACETTE
@@ -841,14 +741,11 @@ class Herisson_Library_ProfilePatcher extends Intonation_Library_ProfilePatcher
                                                   'liste_format' => Class_Systeme_ModulesAppli::LISTE_FORMAT_VIGNETTES],
                                                  $default_action_settings);
 
-    $no_maps_bib_settings =
-      [Intonation_Library_View_Wrapper_Library_RichContent_Map::class => 0];
+    $no_maps_bib_settings = [Intonation_Library_View_Wrapper_Library_RichContent_Map::class => 0];
 
-    $no_teams_bib_settings =
-      [Intonation_Library_View_Wrapper_Library_RichContent_Team::class => 0];
+    $no_teams_bib_settings = [Intonation_Library_View_Wrapper_Library_RichContent_Team::class => 0];
 
-    $no_media_notice_settings =
-      [Intonation_Library_View_Wrapper_Record_RichContent_Media::class => 0];
+    $no_media_notice_settings = [Intonation_Library_View_Wrapper_Record_RichContent_Media::class => 0];
 
     $this
       ->_setSimpleSearchSettings($simple_search_action_settings)
diff --git a/library/templates/Herisson/Library/Settings.php b/library/templates/Herisson/Library/Settings.php
index 22d3b07d6bee518723f75e211c96c3a2a6aa0741..a4778e6f61449759dadb2f091f47a6d22130827b 100644
--- a/library/templates/Herisson/Library/Settings.php
+++ b/library/templates/Herisson/Library/Settings.php
@@ -50,7 +50,12 @@ class Herisson_Library_Settings extends Intonation_Library_Settings {
                                        'mt-8',
                                        'mb-8',
                                        'my-8',
-                                       'background-white_light_card']);
+                                       'my-3',
+                                       'mt_120',
+                                       'background-white_light_card',
+                                       'credits_bib',
+                                       'flash',
+                                       'messagedefilant']);
 
     $settings[$this->_template->withNameSpace('custom_css_class')] = $custom_css_classes;
 
@@ -60,7 +65,9 @@ class Herisson_Library_Settings extends Intonation_Library_Settings {
     $hydrating_mapping['div class library_opening_hours'] = 'col-12';
     $hydrating_mapping['form class row'] = 'no-gutters col-12 px-0';
     $hydrating_mapping['form class login'] = 'row no-gutters px-3 m-auto';
-    $hydrating_mapping['div class wrapper_zendafi_form_expressionrecherche'] = 'order-4 col-12 col-md-7 col-lg-9 px-1';
+    $hydrating_mapping['div class wrapper_zendafi_form_expressionrecherche'] = 'order-4 col px-1';
+    $hydrating_mapping['div class wrapper_zendafi_form_expressionrecherchewidgetbaseid'] = 'order-4 col px-1';
+    $hydrating_mapping['form class inline_form'] = 'row no-gutters col-12';
     $hydrating_mapping['button class search_submit_button'] = 'order-7';
     $hydrating_mapping['div class review_author'] = 'col-12 col-lg-12 text-md-left';
     $hydrating_mapping['div class review_date'] = 'col-12 col-lg-12 text-md-left';
@@ -108,6 +115,7 @@ class Herisson_Library_Settings extends Intonation_Library_Settings {
 
     $hydrating_mapping['div class dropdown-divider'] = 'd-none';
 
+    $hydrating_mapping['span class badge_article_category'] = 'badge-info d-none';
     $hydrating_mapping['span class badge_event_start'] = 'badge-success no_truncate d-none';
     $hydrating_mapping['span class badge_event_end'] = 'badge-warning no_truncate d-none';
     $hydrating_mapping['span class badge_event_period'] = 'badge-success no_truncate d-none';
@@ -166,7 +174,20 @@ class Herisson_Library_Settings extends Intonation_Library_Settings {
     $hydrating_mapping['div class embed-responsive'] = 'h-xl-300 h-md-180 w-auto object-fit-cover';
     $hydrating_mapping['div class facets_suggestions'] = 'mb-3';
 
+    $hydrating_mapping['div class search_domain_browser'] = 'search_domain_browser_col col-12 pt-2 mb-2 order-4 d-none';
+
+    $hydrating_mapping['p class users_count'] = 'd-none';
+    $hydrating_mapping['p class documents_count'] = 'd-none';
+
     $settings[$this->_template->withNameSpace('hydrating_mapping')] = $hydrating_mapping;
+
+
+    $icons_map_library = $settings[$this->_template->withNameSpace('icons_map_library')];
+
+    $icons_map_library['hold'] = 'class fas fa-cart-arrow-down';
+
+    $settings[$this->_template->withNameSpace('icons_map_library')] = $icons_map_library;
+
     return $settings;
   }
 }
diff --git a/library/templates/Intonation/Assets/css/intonation.css b/library/templates/Intonation/Assets/css/intonation.css
index 2cd6dcc8992483fdfc6ae45a1de28f074252cb08..d81b1c9c5198d472d4b9bf74fc5fa1d9044f556f 100644
--- a/library/templates/Intonation/Assets/css/intonation.css
+++ b/library/templates/Intonation/Assets/css/intonation.css
@@ -1201,3 +1201,45 @@ div.form_row_as_table:hover {
     color: #212529;
     background-color: rgba(0,0,0,.075);
 }
+
+/* body div[class*="d-"][class*="-block"].d-none
+{
+    display: none !important;
+} */
+
+
+@media (min-width: 1200px) {
+    .navbar-expand-lg .navbar-toggler {
+        display: initial !important;
+    }
+    .navbar-expand-lg .navbar-collapse {
+        display: none !important;
+    }
+    .navbar-expand-lg .navbar-collapse.show {
+        display: initial !important;
+    }
+}
+
+@media (max-width: 1200px) and (min-width: 767px) {
+    .navbar-expand-md .navbar-toggler {
+        display: initial !important;
+    }
+    .navbar-expand-md .navbar-collapse {
+        display: none !important;
+    }
+    .navbar-expand-md .navbar-collapse.show {
+        display: initial !important;
+    } 
+}
+
+@media (max-width: 991px) {
+    .navbar-expand-sm .navbar-toggler {
+        display: initial !important;
+    }
+    .navbar-expand-sm .navbar-collapse {
+        display: none !important;
+    }
+    .navbar-expand-sm .navbar-collapse.show {
+        display: initial !important;
+    }
+}
\ No newline at end of file
diff --git a/library/templates/Intonation/Assets/images/bokeh_focale.png b/library/templates/Intonation/Assets/images/bokeh_focale.png
new file mode 100644
index 0000000000000000000000000000000000000000..b7420f73457b08136c748d50f0c862761a0f0ea2
Binary files /dev/null and b/library/templates/Intonation/Assets/images/bokeh_focale.png differ
diff --git a/public/opac/skins/vide/css/erreur.css b/public/opac/skins/vide/css/erreur.css
index db574de8fca511084edf50a3b9d772e7d8b11a1c..fb7b43fddf2468af7351e187df734b4a7083d20b 100644
--- a/public/opac/skins/vide/css/erreur.css
+++ b/public/opac/skins/vide/css/erreur.css
@@ -1,10 +1,26 @@
 /* MESSAGES D'ERREURS */
-p.erreur
-{
-	font-size: 10pt;
-	font-weight:bold;
-	color:red;
+p.erreur {
+	font-size: 30px;
+    font-weight: normal;
+    color: black;
+    text-align: center;
+    width: max-content;
+    margin: 10% auto;
+    margin-bottom: 4%;
+    line-height: 2;
+}
+
+p.erreur::before {
+	content: "";
+	background: url(/public/admin/images/blank.gif) no-repeat;
+	height: 100px;
+	width: 100%;
+	display: block;
+	text-align: center;
+	background-position: center;
+	background-size: 50px;
 }
+
 table.erreur_cadre
 {
 	border:8px solid;
diff --git a/tests/scenarios/Templates/HerissonTemplateTest.php b/tests/scenarios/Templates/HerissonTemplateTest.php
index 5e4c8373b548a158e568a14e80921ccc146032cc..0fd78bd715a0fb5c414e07f18eed45f74c627224 100644
--- a/tests/scenarios/Templates/HerissonTemplateTest.php
+++ b/tests/scenarios/Templates/HerissonTemplateTest.php
@@ -59,33 +59,18 @@ class HerissonTemplateSubPagesTest extends HerissonTemplateTestCase {
 
 
   /** @test */
-  public function pageAdulteShouldBeCreated() {
+  public function pageSelectionsShouldBeCreated() {
     $this->assertNotNull(Class_Profil::findFirstBy(['parent_id' => $this->_current_profile->getId(),
-                                                    'libelle' => 'Adulte',
-                                                    'rewrite_url' => 'adulte']));
+                                                    'libelle' => 'Sélections',
+                                                    'rewrite_url' => 'selections']));
   }
 
 
   /** @test */
-  public function pageJeunesseShouldBeCreated() {
+  public function pageEnLigneShouldBeCreated() {
     $this->assertNotNull(Class_Profil::findFirstBy(['parent_id' => $this->_current_profile->getId(),
-                                                    'libelle' => 'Jeunesse',
-                                                    'rewrite_url' => 'jeunesse']));
-  }
-
-
-  /** @test */
-  public function pageMultimediaShouldBeCreated() {
-    $this->assertNotNull(Class_Profil::findFirstBy(['parent_id' => $this->_current_profile->getId(),
-                                                    'libelle' => 'Multimédia']));
-  }
-
-
-  /** @test */
-  public function pageImageEtSonShouldBeCreated() {
-    $this->assertNotNull(Class_Profil::findFirstBy(['parent_id' => $this->_current_profile->getId(),
-                                                    'libelle' => 'Image et son',
-                                                    'rewrite_url' => 'image_et_son']));
+                                                    'libelle' => 'En ligne',
+                                                    'rewrite_url' => 'en_ligne']));
   }
 
 
@@ -107,7 +92,6 @@ class HerissonTemplateSubPagesTest extends HerissonTemplateTestCase {
                         ->getFooterSettings());
   }
 
-
   /** @test */
   public function profileShouldHaveDefaultFavico() {
     $this->assertEquals('../Assets/images/favicon.ico',
@@ -179,7 +163,7 @@ class HerissonTemplateIndexTest extends HerissonTemplateTestCase {
   /** @test */
   public function logoFooterUrlShouldBeRelative() {
     $this->assertXPath('//footer//img[@src="'
-                       . Class_Url::relative('/library/templates/Herisson/Assets/images/herisson_logo.png')
+                       . Class_Url::relative('/library/templates/Intonation/Assets/images/bokeh_focale.png')
                        . '"]');
   }
 
@@ -196,23 +180,23 @@ class HerissonTemplateIndexTest extends HerissonTemplateTestCase {
 class HerissonTemplateMenuEntriesDispatchTest extends HerissonTemplateTestCase {
 
   /** @test */
-  public function menuAdulteShouldBeActiveWhenDispatchingAccueilAdulte() {
-    $this->dispatch('/accueil/adulte');
-    $this->assertXPathContentContains('//body//header//div[contains(@class, "boite nav")]//li//a[contains(@href,"/adulte")][@class="nav-link active_item active"]', 'Adulte');
+  public function menuEnLigneShouldBeActiveWhenDispatchingAccueilEnLigne() {
+    $this->dispatch('/accueil/en_ligne');
+    $this->assertXPathContentContains('//body//header//div[contains(@class, "boite nav")]//li//a[contains(@href,"/en_ligne")][@class="nav-link active_item active"]', 'En ligne');
   }
 
 
   /** @test */
-  public function menuAdulteShouldBeActiveWhenDispatchingAdulte() {
-    $this->dispatch('/adulte');
-    $this->assertXPathContentContains('//body//header//div[contains(@class, "boite nav")]//li//a[contains(@href,"/adulte")][@class="nav-link active_item active"]', 'Adulte');
+  public function menuEnLigneShouldBeActiveWhenDispatchingEnLigne() {
+    $this->dispatch('/en_ligne');
+    $this->assertXPathContentContains('//body//header//div[contains(@class, "boite nav")]//li//a[contains(@href,"/en_ligne")][@class="nav-link active_item active"]', 'En ligne');
   }
 
 
   /** @test */
-  public function menuAdulteShouldBeActiveWhenDispatchingIdProfil25() {
-    $this->dispatch('/index/index/id_profil/' . Class_Profil::findFirstBy(['rewrite_url' => 'adulte'])->getId());
-    $this->assertXPathContentContains('//body//header//div[contains(@class, "boite nav")]//li//a[contains(@href,"/adulte")][@class="nav-link active_item active"]', 'Adulte');
+  public function menuEnLigneShouldBeActiveWhenDispatchingIdProfil25() {
+    $this->dispatch('/index/index/id_profil/' . Class_Profil::findFirstBy(['rewrite_url' => 'en_ligne'])->getId());
+    $this->assertXPathContentContains('//body//header//div[contains(@class, "boite nav")]//li//a[contains(@href,"/en_ligne")][@class="nav-link active_item active"]', 'En ligne');
   }
 
 
@@ -251,13 +235,6 @@ class HerissonTemplateMenuEntriesDispatchTest extends HerissonTemplateTestCase {
   }
 
 
-  /** @test */
-  public function menuEspaceShouldBeActiveWhenDispatchingAdulte() {
-    $this->dispatch('/adulte');
-    $this->assertXPathContentContains('//body//header//div[contains(@class, "boite nav")]//li//a[contains(@href,"#")][@class="nav-link dropdown-toggle active_item active"]', 'Espaces');
-  }
-
-
   protected function _addFixtures() {
     $this->fixture(Class_Bib::class,
                    ['id' => 789,
@@ -308,6 +285,13 @@ class HerissonTemplateSubProfilesRewriteUrlTest extends AbstractControllerTestCa
   public function loginWidgetPasswordShouldNotHaveSize() {
     $this->assertNotXPath('//header//div[contains(@class, "boite login")]//input[@name="password"][@size]');
   }
+
+
+  /** @test */
+  public function selectionEntryShouldBeInLibrariesMenu()
+  {
+    $this->assertXPathContentContains('//nav//div//a[@href="/accueil/selections"]', 'Sélections');
+  }
 }
 
 
@@ -378,7 +362,7 @@ class HerissonTemplateMentionsLegalesTest extends HerissonTemplateTestCase {
 
   /** @test */
   public function articleMentionsLegalesShouldBeInWidgetFree() {
-    $this->assertXPathContentContains('//main//div[contains(@class, "boite free")]//h2',
+    $this->assertXPathContentContains('//main//div[contains(@class, "boite free")]//h3',
                                       'Propriétaire du site');
   }
 }
@@ -439,25 +423,25 @@ class HerissonTemplateWithResponseMultipleCarouselTest extends HerissonTemplateT
 
   /** @test */
   public function widgetResponsiveMultipleCarouselPlusShouldBePresent() {
-    $this->assertXPath('//main//div[@id="boite_20"]//div[contains(@class, "responsive_multiple_carousel")]');
+    $this->assertXPath('//main//div[@class="boite kiosque no_border_widget no_border_radius no_shadow mx-auto background-light py-3 my-3 px-9 no_overlay widget col-11 col-md-12 card"]//div[contains(@class, "responsive_multiple_carousel")]');
   }
 
 
   /** @test */
   public function widgetResponsiveMultipleCarouselPlusShouldContainsMultipleCarouselForLg() {
-    $this->assertXPath('//main//div[@id="boite_20"]//div[contains(@class, "responsive_multiple_carousel")]//div[contains(@class, "col-12 d-none d-lg-block")]//div[contains(@class, "carousel slide multiple_carousel")]//div[@class="card_grid"]');
+    $this->assertXPath('//main//div[@class="boite kiosque no_border_widget no_border_radius no_shadow mx-auto background-light py-3 my-3 px-9 no_overlay widget col-11 col-md-12 card"]//div[contains(@class, "responsive_multiple_carousel")]//div[contains(@class, "col-12 d-none d-lg-block")]//div[contains(@class, "carousel slide multiple_carousel")]//div[@class="card_grid"]');
   }
 
 
   /** @test */
   public function widgetResponsiveMultipleCarouselPlusShouldContainsMultipleCarouselForMd() {
-    $this->assertXPath('//main//div[@id="boite_20"]//div[contains(@class, "responsive_multiple_carousel")]//div[contains(@class, "col-12 d-none d-md-block d-lg-none")]//div[contains(@class, "carousel slide multiple_carousel")]');
+    $this->assertXPath('//main//div[@class="boite kiosque no_border_widget no_border_radius no_shadow mx-auto background-light py-3 my-3 px-9 no_overlay widget col-11 col-md-12 card"]//div[contains(@class, "responsive_multiple_carousel")]//div[contains(@class, "col-12 d-none d-md-block d-lg-none")]//div[contains(@class, "carousel slide multiple_carousel")]');
   }
 
 
   /** @test */
   public function widgetResponsiveMultipleCarouselPlusShouldContainsCarouselForSmall() {
-    $this->assertXPath('//main//div[@id="boite_20"]//div[contains(@class, "responsive_multiple_carousel")]//div[contains(@class, "col-12 d-block d-md-none")]//div[contains(@class, "carousel slide")]');
+    $this->assertXPath('//main//div[@class="boite kiosque no_border_widget no_border_radius no_shadow mx-auto background-light py-3 my-3 px-9 no_overlay widget col-11 col-md-12 card"]//div[contains(@class, "responsive_multiple_carousel")]//div[contains(@class, "col-12 d-block d-md-none")]//div[contains(@class, "carousel slide")]');
   }
 
 
diff --git a/tests/scenarios/Templates/TemplatesIndexTest.php b/tests/scenarios/Templates/TemplatesIndexTest.php
index da956c3a7a4ab8ab5e5067c96dbb81ed13bca986..3a4d3ea8e384440912ce839066b15db5b62b088c 100644
--- a/tests/scenarios/Templates/TemplatesIndexTest.php
+++ b/tests/scenarios/Templates/TemplatesIndexTest.php
@@ -33,10 +33,10 @@ class TemplatesIndexTest extends TemplatesIntonationTestCase {
 
 
   /** @test */
-  public function onSiteDownDefaultIndexPageShouldBeDisplayed() {
-    $this->assertXPathContentContains('//body//p[@class="erreur"]',
-                                      'L\'accès au site est momentanément bloqué.');
-  }
+  // public function onSiteDownDefaultIndexPageShouldBeDisplayed() {
+  //   $this->assertXPathContentContains('//body//p[@class="erreur"]',
+  //                                     'L\'accès au site est momentanément bloqué.');
+  // }
 
 
   /** @test */