From 7c47f912213979892c83893a8f731d04dd4922f6 Mon Sep 17 00:00:00 2001
From: chankalan <chankalan@choc0.net>
Date: Fri, 22 May 2020 10:33:24 +0200
Subject: [PATCH] - sidr + bloc connex + inclure/resume/article +
 variable-perso + style-perso

---
 baz_april_fonctions.php                       |  48 +-
 paquet.xml                                    |   2 +-
 squelettes/body.html                          |   2 +-
 squelettes/connex/dist.html                   |   4 +-
 squelettes/content/rubrique-blog.html         |   1 -
 squelettes/inclure/resume/article.html        |  13 +
 squelettes/javascript/sidr/jquery.sidr.js     | 579 ------------------
 squelettes/javascript/sidr/jquery.sidr.min.js |   4 -
 .../sidr/stylesheets/jquery.sidr.bare.css     |   5 -
 .../sidr/stylesheets/jquery.sidr.dark.css     | 164 -----
 .../sidr/stylesheets/jquery.sidr.dark.min.css |   1 -
 .../sidr/stylesheets/jquery.sidr.light.css    | 164 -----
 .../stylesheets/jquery.sidr.light.min.css     |   1 -
 squelettes/scss/blocs/_connex.scss            |   4 +
 squelettes/scss/blocs/_footer.scss            |   6 +-
 squelettes/scss/components/_jquery.sidr.scss  |  71 ---
 squelettes/scss/styles/_perso.scss            | 458 +-------------
 squelettes/scss/theme.scss                    |   4 +-
 squelettes/scss/utils/_variables-perso.scss   |   1 +
 squelettes/scss/utils/_variables.scss         |   1 +
 20 files changed, 67 insertions(+), 1466 deletions(-)
 create mode 100644 squelettes/inclure/resume/article.html
 delete mode 100755 squelettes/javascript/sidr/jquery.sidr.js
 delete mode 100755 squelettes/javascript/sidr/jquery.sidr.min.js
 delete mode 100755 squelettes/javascript/sidr/stylesheets/jquery.sidr.bare.css
 delete mode 100755 squelettes/javascript/sidr/stylesheets/jquery.sidr.dark.css
 delete mode 100755 squelettes/javascript/sidr/stylesheets/jquery.sidr.dark.min.css
 delete mode 100755 squelettes/javascript/sidr/stylesheets/jquery.sidr.light.css
 delete mode 100755 squelettes/javascript/sidr/stylesheets/jquery.sidr.light.min.css
 create mode 100644 squelettes/scss/blocs/_connex.scss
 delete mode 100755 squelettes/scss/components/_jquery.sidr.scss
 create mode 100644 squelettes/scss/utils/_variables-perso.scss

diff --git a/baz_april_fonctions.php b/baz_april_fonctions.php
index 2ae6953..4ac1609 100644
--- a/baz_april_fonctions.php
+++ b/baz_april_fonctions.php
@@ -1,14 +1,42 @@
 <?php
-/**
- * Fonctions utiles au plugin baz_april
- *
- * @plugin     baz_april
- * @copyright  2019
- * @author     Nicolas Dorigny
- * @licence    GNU/GPL
- * @package    SPIP\baz_april\Fonctions
- */
-
 if (!defined('_ECRIRE_INC_VERSION')) {
 	return;
 }
+/* reprise d'une fonction du plugin Agenda pour la composition "blog" (actualites)
+ * renommee pour eviter plantage
+ * https://zone.spip.org/trac/spip-zone/browser/_plugins_/agenda/trunk/agenda_fonctions.php#L32
+ */
+/**
+ * decale les mois de la date.
+ * cette fonction peut raboter le jour si le nouveau mois ne les contient pas
+ * exemple 31/01/2007 + 1 mois => 28/02/2007
+ *
+ * @param string $date
+ * @param int $decalage
+ * @param string $format
+ * @return string
+ */
+function baz_moisdecal($date, $decalage, $format = 'Y-m-d H:i:s') {
+	include_spip('inc/filtres');
+	$date_array = recup_date($date);
+	$annee = $mois = $jour = NULL;
+	if ($date_array) {
+		list($annee, $mois, $jour) = $date_array;
+	}
+	if (!$jour) {
+		$jour = 1;
+	}
+	if (!$mois) {
+		$mois = 1;
+	}
+	$mois2 = $mois + $decalage;
+	$date2 = mktime(1, 1, 1, $mois2, $jour, $annee);
+	// mois normalement attendu
+	$mois3 = date('m', mktime(1, 1, 1, $mois2, 1, $annee));
+	// et si le mois de la nouvelle date a moins de jours...
+	$mois2 = date('m', $date2);
+	if ($mois2 - $mois3) {
+		$date2 = mktime(1, 1, 1, $mois2, 0, $annee);
+	}
+	return date($format, $date2);
+}
diff --git a/paquet.xml b/paquet.xml
index cf48ad4..2cba7fc 100644
--- a/paquet.xml
+++ b/paquet.xml
@@ -1,7 +1,7 @@
 <paquet
 	prefix="baz_april"
 	categorie="squelette"
-	version="2.0.0"
+	version="2.0.1"
 	schema="1.0.0"
 	etat="dev"
 	compatibilite="[3.2.0;3.3.*]"
diff --git a/squelettes/body.html b/squelettes/body.html
index 28855b5..29197c4 100755
--- a/squelettes/body.html
+++ b/squelettes/body.html
@@ -25,7 +25,7 @@
 			</div>
 		</div>
 		
-		<aside class="connex">
+		<aside class="page_connex">
 			<INCLURE{fond=connex/#ENV{type-page},env} />
 		</aside>
 		
diff --git a/squelettes/connex/dist.html b/squelettes/connex/dist.html
index 3b06927..9060da9 100644
--- a/squelettes/connex/dist.html
+++ b/squelettes/connex/dist.html
@@ -1,3 +1,3 @@
 <!-- connex -->[(#REM) charger un fichier different pour chaque page ]
-<!--<div class="page--container">
-</div>-->
+<div class="page_container page_connex__container">
+</div>
diff --git a/squelettes/content/rubrique-blog.html b/squelettes/content/rubrique-blog.html
index 2476390..3fd66a4 100755
--- a/squelettes/content/rubrique-blog.html
+++ b/squelettes/content/rubrique-blog.html
@@ -4,7 +4,6 @@
 	<header class="cartouche">
 		<h1 class="#EDIT{titre}">#TITRE</h1>
 		[<p class="publication"><time datetime="[(#DATE|date_iso)]"><:dernier_ajout:> : (#DATE|affdate_jourcourt).</time></p>]
-		<INCLURE{fond=breadcrumb/rubrique,id_rubrique} />
 	</header>
 
 	<div class="main">
diff --git a/squelettes/inclure/resume/article.html b/squelettes/inclure/resume/article.html
new file mode 100644
index 0000000..cbcc244
--- /dev/null
+++ b/squelettes/inclure/resume/article.html
@@ -0,0 +1,13 @@
+[(#REM)
+
+  Squelette Presentation resumee d'un article dans une liste
+  Distribue sous licence GPL
+
+]
+<BOUCLE_articles(ARTICLES) {id_article} {statut?}>
+<article class="entry article hentry[(#COMPOSITION|=={blog}|oui) blog]">
+	<p class="publication">[<time datetime="[(#DATE|date_iso)]">(#DATE|affdate)</time>]</p>
+	<h3 class="h3 entry-title"><a href="[(#URL_ARTICLE|parametre_url{debut_articles_rubrique,@#ID_ARTICLE}|parametre_url{recherche,#ENV{recherche}})]" rel="bookmark">[(#ENV{logo_rubrique,' '}|?{#LOGO_ARTICLE_RUBRIQUE,#LOGO_ARTICLE}|image_reduire{#ENV{largeur_logo,-1},#ENV{hauteur_logo,-1}}|responsive_logo)]<span>#TITRE</span></a></h3>
+	[<div class="#EDIT{intro} introduction entry-content">(#INTRODUCTION{#ENV{coupe,300}})</div>]
+</article>
+</BOUCLE_articles>
diff --git a/squelettes/javascript/sidr/jquery.sidr.js b/squelettes/javascript/sidr/jquery.sidr.js
deleted file mode 100755
index ec85c5b..0000000
--- a/squelettes/javascript/sidr/jquery.sidr.js
+++ /dev/null
@@ -1,579 +0,0 @@
-/*! sidr - v2.2.1 - 2016-02-17
- * http://www.berriart.com/sidr/
- * Copyright (c) 2013-2016 Alberto Varela; Licensed MIT */
-
-(function () {
-  'use strict';
-
-  var babelHelpers = {};
-
-  babelHelpers.classCallCheck = function (instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
-  };
-
-  babelHelpers.createClass = function () {
-    function defineProperties(target, props) {
-      for (var i = 0; i < props.length; i++) {
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-      }
-    }
-
-    return function (Constructor, protoProps, staticProps) {
-      if (protoProps) defineProperties(Constructor.prototype, protoProps);
-      if (staticProps) defineProperties(Constructor, staticProps);
-      return Constructor;
-    };
-  }();
-
-  babelHelpers;
-
-  var sidrStatus = {
-    moving: false,
-    opened: false
-  };
-
-  var helper = {
-    // Check for valids urls
-    // From : http://stackoverflow.com/questions/5717093/check-if-a-javascript-string-is-an-url
-
-    isUrl: function isUrl(str) {
-      var pattern = new RegExp('^(https?:\\/\\/)?' + // protocol
-      '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.?)+[a-z]{2,}|' + // domain name
-      '((\\d{1,3}\\.){3}\\d{1,3}))' + // OR ip (v4) address
-      '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // port and path
-      '(\\?[;&a-z\\d%_.~+=-]*)?' + // query string
-      '(\\#[-a-z\\d_]*)?$', 'i'); // fragment locator
-
-      if (pattern.test(str)) {
-        return true;
-      } else {
-        return false;
-      }
-    },
-
-
-    // Add sidr prefixes
-    addPrefixes: function addPrefixes($element) {
-      this.addPrefix($element, 'id');
-      this.addPrefix($element, 'class');
-      $element.removeAttr('style');
-    },
-    addPrefix: function addPrefix($element, attribute) {
-      var toReplace = $element.attr(attribute);
-
-      if (typeof toReplace === 'string' && toReplace !== '' && toReplace !== 'sidr-inner') {
-        $element.attr(attribute, toReplace.replace(/([A-Za-z0-9_.\-]+)/g, 'sidr-' + attribute + '-$1'));
-      }
-    },
-
-
-    // Check if transitions is supported
-    transitions: function () {
-      var body = document.body || document.documentElement,
-          style = body.style,
-          supported = false,
-          property = 'transition';
-
-      if (property in style) {
-        supported = true;
-      } else {
-        (function () {
-          var prefixes = ['moz', 'webkit', 'o', 'ms'],
-              prefix = undefined,
-              i = undefined;
-
-          property = property.charAt(0).toUpperCase() + property.substr(1);
-          supported = function () {
-            for (i = 0; i < prefixes.length; i++) {
-              prefix = prefixes[i];
-              if (prefix + property in style) {
-                return true;
-              }
-            }
-
-            return false;
-          }();
-          property = supported ? '-' + prefix.toLowerCase() + '-' + property.toLowerCase() : null;
-        })();
-      }
-
-      return {
-        supported: supported,
-        property: property
-      };
-    }()
-  };
-
-  var $$2 = jQuery;
-
-  var bodyAnimationClass = 'sidr-animating';
-  var openAction = 'open';
-  var closeAction = 'close';
-  var transitionEndEvent = 'webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend';
-  var Menu = function () {
-    function Menu(name) {
-      babelHelpers.classCallCheck(this, Menu);
-
-      this.name = name;
-      this.item = $$2('#' + name);
-      this.openClass = name === 'sidr' ? 'sidr-open' : 'sidr-open ' + name + '-open';
-      this.menuWidth = this.item.outerWidth(true);
-      this.speed = this.item.data('speed');
-      this.side = this.item.data('side');
-      this.displace = this.item.data('displace');
-      this.timing = this.item.data('timing');
-      this.method = this.item.data('method');
-      this.onOpenCallback = this.item.data('onOpen');
-      this.onCloseCallback = this.item.data('onClose');
-      this.onOpenEndCallback = this.item.data('onOpenEnd');
-      this.onCloseEndCallback = this.item.data('onCloseEnd');
-      this.body = $$2(this.item.data('body'));
-    }
-
-    babelHelpers.createClass(Menu, [{
-      key: 'getAnimation',
-      value: function getAnimation(action, element) {
-        var animation = {},
-            prop = this.side;
-
-        if (action === 'open' && element === 'body') {
-          animation[prop] = this.menuWidth + 'px';
-        } else if (action === 'close' && element === 'menu') {
-          animation[prop] = '-' + this.menuWidth + 'px';
-        } else {
-          animation[prop] = 0;
-        }
-
-        return animation;
-      }
-    }, {
-      key: 'prepareBody',
-      value: function prepareBody(action) {
-        var prop = action === 'open' ? 'hidden' : '';
-
-        // Prepare page if container is body
-        if (this.body.is('body')) {
-          var $html = $$2('html'),
-              scrollTop = $html.scrollTop();
-
-          $html.css('overflow-x', prop).scrollTop(scrollTop);
-        }
-      }
-    }, {
-      key: 'openBody',
-      value: function openBody() {
-        if (this.displace) {
-          var transitions = helper.transitions,
-              $body = this.body;
-
-          if (transitions.supported) {
-            $body.css(transitions.property, this.side + ' ' + this.speed / 1000 + 's ' + this.timing).css(this.side, 0).css({
-              width: $body.width(),
-              position: 'absolute'
-            });
-            $body.css(this.side, this.menuWidth + 'px');
-          } else {
-            var bodyAnimation = this.getAnimation(openAction, 'body');
-
-            $body.css({
-              width: $body.width(),
-              position: 'absolute'
-            }).animate(bodyAnimation, {
-              queue: false,
-              duration: this.speed
-            });
-          }
-        }
-      }
-    }, {
-      key: 'onCloseBody',
-      value: function onCloseBody() {
-        var transitions = helper.transitions,
-            resetStyles = {
-          width: '',
-          position: '',
-          right: '',
-          left: ''
-        };
-
-        if (transitions.supported) {
-          resetStyles[transitions.property] = '';
-        }
-
-        this.body.css(resetStyles).unbind(transitionEndEvent);
-      }
-    }, {
-      key: 'closeBody',
-      value: function closeBody() {
-        var _this = this;
-
-        if (this.displace) {
-          if (helper.transitions.supported) {
-            this.body.css(this.side, 0).one(transitionEndEvent, function () {
-              _this.onCloseBody();
-            });
-          } else {
-            var bodyAnimation = this.getAnimation(closeAction, 'body');
-
-            this.body.animate(bodyAnimation, {
-              queue: false,
-              duration: this.speed,
-              complete: function complete() {
-                _this.onCloseBody();
-              }
-            });
-          }
-        }
-      }
-    }, {
-      key: 'moveBody',
-      value: function moveBody(action) {
-        if (action === openAction) {
-          this.openBody();
-        } else {
-          this.closeBody();
-        }
-      }
-    }, {
-      key: 'onOpenMenu',
-      value: function onOpenMenu(callback) {
-        var name = this.name;
-
-        sidrStatus.moving = false;
-        sidrStatus.opened = name;
-
-        this.item.unbind(transitionEndEvent);
-
-        this.body.removeClass(bodyAnimationClass).addClass(this.openClass);
-
-        this.onOpenEndCallback();
-
-        if (typeof callback === 'function') {
-          callback(name);
-        }
-      }
-    }, {
-      key: 'openMenu',
-      value: function openMenu(callback) {
-        var _this2 = this;
-
-        var $item = this.item;
-
-        if (helper.transitions.supported) {
-          $item.css(this.side, 0).one(transitionEndEvent, function () {
-            _this2.onOpenMenu(callback);
-          });
-        } else {
-          var menuAnimation = this.getAnimation(openAction, 'menu');
-
-          $item.css('display', 'block').animate(menuAnimation, {
-            queue: false,
-            duration: this.speed,
-            complete: function complete() {
-              _this2.onOpenMenu(callback);
-            }
-          });
-        }
-      }
-    }, {
-      key: 'onCloseMenu',
-      value: function onCloseMenu(callback) {
-        this.item.css({
-          left: '',
-          right: ''
-        }).unbind(transitionEndEvent);
-        $$2('html').css('overflow-x', '');
-
-        sidrStatus.moving = false;
-        sidrStatus.opened = false;
-
-        this.body.removeClass(bodyAnimationClass).removeClass(this.openClass);
-
-        this.onCloseEndCallback();
-
-        // Callback
-        if (typeof callback === 'function') {
-          callback(name);
-        }
-      }
-    }, {
-      key: 'closeMenu',
-      value: function closeMenu(callback) {
-        var _this3 = this;
-
-        var item = this.item;
-
-        if (helper.transitions.supported) {
-          item.css(this.side, '').one(transitionEndEvent, function () {
-            _this3.onCloseMenu(callback);
-          });
-        } else {
-          var menuAnimation = this.getAnimation(closeAction, 'menu');
-
-          item.animate(menuAnimation, {
-            queue: false,
-            duration: this.speed,
-            complete: function complete() {
-              _this3.onCloseMenu();
-            }
-          });
-        }
-      }
-    }, {
-      key: 'moveMenu',
-      value: function moveMenu(action, callback) {
-        this.body.addClass(bodyAnimationClass);
-
-        if (action === openAction) {
-          this.openMenu(callback);
-        } else {
-          this.closeMenu(callback);
-        }
-      }
-    }, {
-      key: 'move',
-      value: function move(action, callback) {
-        // Lock sidr
-        sidrStatus.moving = true;
-
-        this.prepareBody(action);
-        this.moveBody(action);
-        this.moveMenu(action, callback);
-      }
-    }, {
-      key: 'open',
-      value: function open(callback) {
-        var _this4 = this;
-
-        // Check if is already opened or moving
-        if (sidrStatus.opened === this.name || sidrStatus.moving) {
-          return;
-        }
-
-        // If another menu opened close first
-        if (sidrStatus.opened !== false) {
-          var alreadyOpenedMenu = new Menu(sidrStatus.opened);
-
-          alreadyOpenedMenu.close(function () {
-            _this4.open(callback);
-          });
-
-          return;
-        }
-
-        this.move('open', callback);
-
-        // onOpen callback
-        this.onOpenCallback();
-      }
-    }, {
-      key: 'close',
-      value: function close(callback) {
-        // Check if is already closed or moving
-        if (sidrStatus.opened !== this.name || sidrStatus.moving) {
-          return;
-        }
-
-        this.move('close', callback);
-
-        // onClose callback
-        this.onCloseCallback();
-      }
-    }, {
-      key: 'toggle',
-      value: function toggle(callback) {
-        if (sidrStatus.opened === this.name) {
-          this.close(callback);
-        } else {
-          this.open(callback);
-        }
-      }
-    }]);
-    return Menu;
-  }();
-
-  var $$1 = jQuery;
-
-  function execute(action, name, callback) {
-    var sidr = new Menu(name);
-
-    switch (action) {
-      case 'open':
-        sidr.open(callback);
-        break;
-      case 'close':
-        sidr.close(callback);
-        break;
-      case 'toggle':
-        sidr.toggle(callback);
-        break;
-      default:
-        $$1.error('Method ' + action + ' does not exist on jQuery.sidr');
-        break;
-    }
-  }
-
-  var i;
-  var $ = jQuery;
-  var publicMethods = ['open', 'close', 'toggle'];
-  var methodName;
-  var methods = {};
-  var getMethod = function getMethod(methodName) {
-    return function (name, callback) {
-      // Check arguments
-      if (typeof name === 'function') {
-        callback = name;
-        name = 'sidr';
-      } else if (!name) {
-        name = 'sidr';
-      }
-
-      execute(methodName, name, callback);
-    };
-  };
-  for (i = 0; i < publicMethods.length; i++) {
-    methodName = publicMethods[i];
-    methods[methodName] = getMethod(methodName);
-  }
-
-  function sidr(method) {
-    if (method === 'status') {
-      return sidrStatus;
-    } else if (methods[method]) {
-      return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
-    } else if (typeof method === 'function' || typeof method === 'string' || !method) {
-      return methods.toggle.apply(this, arguments);
-    } else {
-      $.error('Method ' + method + ' does not exist on jQuery.sidr');
-    }
-  }
-
-  var $$3 = jQuery;
-
-  function fillContent($sideMenu, settings) {
-    // The menu content
-    if (typeof settings.source === 'function') {
-      var newContent = settings.source(name);
-
-      $sideMenu.html(newContent);
-    } else if (typeof settings.source === 'string' && helper.isUrl(settings.source)) {
-      $$3.get(settings.source, function (data) {
-        $sideMenu.html(data);
-      });
-    } else if (typeof settings.source === 'string') {
-      var htmlContent = '',
-          selectors = settings.source.split(',');
-
-      $$3.each(selectors, function (index, element) {
-        htmlContent += '<div class="sidr-inner">' + $$3(element).html() + '</div>';
-      });
-
-      // Renaming ids and classes
-      if (settings.renaming) {
-        var $htmlContent = $$3('<div />').html(htmlContent);
-
-        $htmlContent.find('*').each(function (index, element) {
-          var $element = $$3(element);
-
-          helper.addPrefixes($element);
-        });
-        htmlContent = $htmlContent.html();
-      }
-
-      $sideMenu.html(htmlContent);
-    } else if (settings.source !== null) {
-      $$3.error('Invalid Sidr Source');
-    }
-
-    return $sideMenu;
-  }
-
-  function fnSidr(options) {
-    var transitions = helper.transitions,
-        settings = $$3.extend({
-      name: 'sidr', // Name for the 'sidr'
-      speed: 200, // Accepts standard jQuery effects speeds (i.e. fast, normal or milliseconds)
-      side: 'left', // Accepts 'left' or 'right'
-      source: null, // Override the source of the content.
-      renaming: true, // The ids and classes will be prepended with a prefix when loading existent content
-      body: 'body', // Page container selector,
-      displace: true, // Displace the body content or not
-      timing: 'ease', // Timing function for CSS transitions
-      method: 'toggle', // The method to call when element is clicked
-      bind: 'touchstart click', // The event(s) to trigger the menu
-      onOpen: function onOpen() {},
-      // Callback when sidr start opening
-      onClose: function onClose() {},
-      // Callback when sidr start closing
-      onOpenEnd: function onOpenEnd() {},
-      // Callback when sidr end opening
-      onCloseEnd: function onCloseEnd() {} // Callback when sidr end closing
-
-    }, options),
-        name = settings.name,
-        $sideMenu = $$3('#' + name);
-
-    // If the side menu do not exist create it
-    if ($sideMenu.length === 0) {
-      $sideMenu = $$3('<div />').attr('id', name).appendTo($$3('body'));
-    }
-
-    // Add transition to menu if are supported
-    if (transitions.supported) {
-      $sideMenu.css(transitions.property, settings.side + ' ' + settings.speed / 1000 + 's ' + settings.timing);
-    }
-
-    // Adding styles and options
-    $sideMenu.addClass('sidr').addClass(settings.side).data({
-      speed: settings.speed,
-      side: settings.side,
-      body: settings.body,
-      displace: settings.displace,
-      timing: settings.timing,
-      method: settings.method,
-      onOpen: settings.onOpen,
-      onClose: settings.onClose,
-      onOpenEnd: settings.onOpenEnd,
-      onCloseEnd: settings.onCloseEnd
-    });
-
-    $sideMenu = fillContent($sideMenu, settings);
-
-    return this.each(function () {
-      var $this = $$3(this),
-          data = $this.data('sidr'),
-          flag = false;
-
-      // If the plugin hasn't been initialized yet
-      if (!data) {
-        sidrStatus.moving = false;
-        sidrStatus.opened = false;
-
-        $this.data('sidr', name);
-
-        $this.bind(settings.bind, function (event) {
-          event.preventDefault();
-
-          if (!flag) {
-            flag = true;
-            sidr(settings.method, name);
-
-            setTimeout(function () {
-              flag = false;
-            }, 100);
-          }
-        });
-      }
-    });
-  }
-
-  jQuery.sidr = sidr;
-  jQuery.fn.sidr = fnSidr;
-
-}());
\ No newline at end of file
diff --git a/squelettes/javascript/sidr/jquery.sidr.min.js b/squelettes/javascript/sidr/jquery.sidr.min.js
deleted file mode 100755
index b01b01a..0000000
--- a/squelettes/javascript/sidr/jquery.sidr.min.js
+++ /dev/null
@@ -1,4 +0,0 @@
-/*! sidr - v2.2.1 - 2016-02-17
- * http://www.berriart.com/sidr/
- * Copyright (c) 2013-2016 Alberto Varela; Licensed MIT */
-!function(){"use strict";function a(a,b,c){var d=new o(b);switch(a){case"open":d.open(c);break;case"close":d.close(c);break;case"toggle":d.toggle(c);break;default:p.error("Method "+a+" does not exist on jQuery.sidr")}}function b(a){return"status"===a?h:s[a]?s[a].apply(this,Array.prototype.slice.call(arguments,1)):"function"!=typeof a&&"string"!=typeof a&&a?void q.error("Method "+a+" does not exist on jQuery.sidr"):s.toggle.apply(this,arguments)}function c(a,b){if("function"==typeof b.source){var c=b.source(name);a.html(c)}else if("string"==typeof b.source&&i.isUrl(b.source))u.get(b.source,function(b){a.html(b)});else if("string"==typeof b.source){var d="",e=b.source.split(",");if(u.each(e,function(a,b){d+='<div class="sidr-inner">'+u(b).html()+"</div>"}),b.renaming){var f=u("<div />").html(d);f.find("*").each(function(a,b){var c=u(b);i.addPrefixes(c)}),d=f.html()}a.html(d)}else null!==b.source&&u.error("Invalid Sidr Source");return a}function d(a){var d=i.transitions,e=u.extend({name:"sidr",speed:200,side:"left",source:null,renaming:!0,body:"body",displace:!0,timing:"ease",method:"toggle",bind:"touchstart click",onOpen:function(){},onClose:function(){},onOpenEnd:function(){},onCloseEnd:function(){}},a),f=e.name,g=u("#"+f);return 0===g.length&&(g=u("<div />").attr("id",f).appendTo(u("body"))),d.supported&&g.css(d.property,e.side+" "+e.speed/1e3+"s "+e.timing),g.addClass("sidr").addClass(e.side).data({speed:e.speed,side:e.side,body:e.body,displace:e.displace,timing:e.timing,method:e.method,onOpen:e.onOpen,onClose:e.onClose,onOpenEnd:e.onOpenEnd,onCloseEnd:e.onCloseEnd}),g=c(g,e),this.each(function(){var a=u(this),c=a.data("sidr"),d=!1;c||(h.moving=!1,h.opened=!1,a.data("sidr",f),a.bind(e.bind,function(a){a.preventDefault(),d||(d=!0,b(e.method,f),setTimeout(function(){d=!1},100))}))})}var e={};e.classCallCheck=function(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")},e.createClass=function(){function a(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}();var f,g,h={moving:!1,opened:!1},i={isUrl:function(a){var b=new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.?)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i");return b.test(a)?!0:!1},addPrefixes:function(a){this.addPrefix(a,"id"),this.addPrefix(a,"class"),a.removeAttr("style")},addPrefix:function(a,b){var c=a.attr(b);"string"==typeof c&&""!==c&&"sidr-inner"!==c&&a.attr(b,c.replace(/([A-Za-z0-9_.\-]+)/g,"sidr-"+b+"-$1"))},transitions:function(){var a=document.body||document.documentElement,b=a.style,c=!1,d="transition";return d in b?c=!0:!function(){var a=["moz","webkit","o","ms"],e=void 0,f=void 0;d=d.charAt(0).toUpperCase()+d.substr(1),c=function(){for(f=0;f<a.length;f++)if(e=a[f],e+d in b)return!0;return!1}(),d=c?"-"+e.toLowerCase()+"-"+d.toLowerCase():null}(),{supported:c,property:d}}()},j=jQuery,k="sidr-animating",l="open",m="close",n="webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend",o=function(){function a(b){e.classCallCheck(this,a),this.name=b,this.item=j("#"+b),this.openClass="sidr"===b?"sidr-open":"sidr-open "+b+"-open",this.menuWidth=this.item.outerWidth(!0),this.speed=this.item.data("speed"),this.side=this.item.data("side"),this.displace=this.item.data("displace"),this.timing=this.item.data("timing"),this.method=this.item.data("method"),this.onOpenCallback=this.item.data("onOpen"),this.onCloseCallback=this.item.data("onClose"),this.onOpenEndCallback=this.item.data("onOpenEnd"),this.onCloseEndCallback=this.item.data("onCloseEnd"),this.body=j(this.item.data("body"))}return e.createClass(a,[{key:"getAnimation",value:function(a,b){var c={},d=this.side;return"open"===a&&"body"===b?c[d]=this.menuWidth+"px":"close"===a&&"menu"===b?c[d]="-"+this.menuWidth+"px":c[d]=0,c}},{key:"prepareBody",value:function(a){var b="open"===a?"hidden":"";if(this.body.is("body")){var c=j("html"),d=c.scrollTop();c.css("overflow-x",b).scrollTop(d)}}},{key:"openBody",value:function(){if(this.displace){var a=i.transitions,b=this.body;if(a.supported)b.css(a.property,this.side+" "+this.speed/1e3+"s "+this.timing).css(this.side,0).css({width:b.width(),position:"absolute"}),b.css(this.side,this.menuWidth+"px");else{var c=this.getAnimation(l,"body");b.css({width:b.width(),position:"absolute"}).animate(c,{queue:!1,duration:this.speed})}}}},{key:"onCloseBody",value:function(){var a=i.transitions,b={width:"",position:"",right:"",left:""};a.supported&&(b[a.property]=""),this.body.css(b).unbind(n)}},{key:"closeBody",value:function(){var a=this;if(this.displace)if(i.transitions.supported)this.body.css(this.side,0).one(n,function(){a.onCloseBody()});else{var b=this.getAnimation(m,"body");this.body.animate(b,{queue:!1,duration:this.speed,complete:function(){a.onCloseBody()}})}}},{key:"moveBody",value:function(a){a===l?this.openBody():this.closeBody()}},{key:"onOpenMenu",value:function(a){var b=this.name;h.moving=!1,h.opened=b,this.item.unbind(n),this.body.removeClass(k).addClass(this.openClass),this.onOpenEndCallback(),"function"==typeof a&&a(b)}},{key:"openMenu",value:function(a){var b=this,c=this.item;if(i.transitions.supported)c.css(this.side,0).one(n,function(){b.onOpenMenu(a)});else{var d=this.getAnimation(l,"menu");c.css("display","block").animate(d,{queue:!1,duration:this.speed,complete:function(){b.onOpenMenu(a)}})}}},{key:"onCloseMenu",value:function(a){this.item.css({left:"",right:""}).unbind(n),j("html").css("overflow-x",""),h.moving=!1,h.opened=!1,this.body.removeClass(k).removeClass(this.openClass),this.onCloseEndCallback(),"function"==typeof a&&a(name)}},{key:"closeMenu",value:function(a){var b=this,c=this.item;if(i.transitions.supported)c.css(this.side,"").one(n,function(){b.onCloseMenu(a)});else{var d=this.getAnimation(m,"menu");c.animate(d,{queue:!1,duration:this.speed,complete:function(){b.onCloseMenu()}})}}},{key:"moveMenu",value:function(a,b){this.body.addClass(k),a===l?this.openMenu(b):this.closeMenu(b)}},{key:"move",value:function(a,b){h.moving=!0,this.prepareBody(a),this.moveBody(a),this.moveMenu(a,b)}},{key:"open",value:function(b){var c=this;if(h.opened!==this.name&&!h.moving){if(h.opened!==!1){var d=new a(h.opened);return void d.close(function(){c.open(b)})}this.move("open",b),this.onOpenCallback()}}},{key:"close",value:function(a){h.opened!==this.name||h.moving||(this.move("close",a),this.onCloseCallback())}},{key:"toggle",value:function(a){h.opened===this.name?this.close(a):this.open(a)}}]),a}(),p=jQuery,q=jQuery,r=["open","close","toggle"],s={},t=function(b){return function(c,d){"function"==typeof c?(d=c,c="sidr"):c||(c="sidr"),a(b,c,d)}};for(f=0;f<r.length;f++)g=r[f],s[g]=t(g);var u=jQuery;jQuery.sidr=b,jQuery.fn.sidr=d}();
\ No newline at end of file
diff --git a/squelettes/javascript/sidr/stylesheets/jquery.sidr.bare.css b/squelettes/javascript/sidr/stylesheets/jquery.sidr.bare.css
deleted file mode 100755
index 039a574..0000000
--- a/squelettes/javascript/sidr/stylesheets/jquery.sidr.bare.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.sidr {display: block;position: fixed;top: 0;height: 100%;z-index: 999999;width: 260px;overflow-x: hidden;overflow-y: auto}
-
-.sidr.right {left: auto;right: -260px}
-
-.sidr.left {left: -260px;right: auto}
diff --git a/squelettes/javascript/sidr/stylesheets/jquery.sidr.dark.css b/squelettes/javascript/sidr/stylesheets/jquery.sidr.dark.css
deleted file mode 100755
index 01aab0a..0000000
--- a/squelettes/javascript/sidr/stylesheets/jquery.sidr.dark.css
+++ /dev/null
@@ -1,164 +0,0 @@
-.sidr {
-  display: block;
-  position: fixed;
-  top: 0;
-  height: 100%;
-  z-index: 999999;
-  width: 260px;
-  overflow-x: hidden;
-  overflow-y: auto;
-  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
-  font-size: 15px;
-  background: #333;
-  color: #fff;
-  box-shadow: 0 0 5px 5px #222 inset;
-}
-.sidr .sidr-inner {
-  padding: 0 0 15px;
-}
-.sidr .sidr-inner > p {
-  margin-left: 15px;
-  margin-right: 15px;
-}
-.sidr.right {
-  left: auto;
-  right: -260px;
-}
-.sidr.left {
-  left: -260px;
-  right: auto;
-}
-.sidr h1,
-.sidr h2,
-.sidr h3,
-.sidr h4,
-.sidr h5,
-.sidr h6 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhMWExYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-  background-size: 100%;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
-  background-image: -moz-linear-gradient(#4d4d4d, #1a1a1a);
-  background-image: -webkit-linear-gradient(#4d4d4d, #1a1a1a);
-  background-image: linear-gradient(#4d4d4d, #1a1a1a);
-  font-size: 11px;
-  font-weight: normal;
-  padding: 0 15px;
-  margin: 0 0 5px;
-  color: #fff;
-  line-height: 24px;
-  box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
-}
-.sidr p {
-  font-size: 13px;
-  margin: 0 0 12px;
-}
-.sidr p a {
-  color: rgba(255, 255, 255, 0.9);
-}
-.sidr > p {
-  margin-left: 15px;
-  margin-right: 15px;
-}
-.sidr ul {
-  display: block;
-  margin: 0 0 15px;
-  padding: 0;
-  border-top: 1px solid #1a1a1a;
-  border-bottom: 1px solid #4d4d4d;
-}
-.sidr ul li {
-  display: block;
-  margin: 0;
-  line-height: 48px;
-  border-top: 1px solid #4d4d4d;
-  border-bottom: 1px solid #1a1a1a;
-}
-.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
-  border-top: 0;
-  line-height: 49px;
-}
-.sidr ul li:hover > a,
-.sidr ul li:hover > span, .sidr ul li.active > a,
-.sidr ul li.active > span, .sidr ul li.sidr-class-active > a,
-.sidr ul li.sidr-class-active > span {
-  box-shadow: 0 0 15px 3px #222 inset;
-}
-.sidr ul li a,
-.sidr ul li span {
-  padding: 0 15px;
-  display: block;
-  text-decoration: none;
-  color: #fff;
-}
-.sidr ul li ul {
-  border-bottom: 0;
-  margin: 0;
-}
-.sidr ul li ul li {
-  line-height: 40px;
-  font-size: 13px;
-}
-.sidr ul li ul li:last-child {
-  border-bottom: 0;
-}
-.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
-  border-top: 0;
-  line-height: 41px;
-}
-.sidr ul li ul li:hover > a,
-.sidr ul li ul li:hover > span, .sidr ul li ul li.active > a,
-.sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a,
-.sidr ul li ul li.sidr-class-active > span {
-  box-shadow: 0 0 15px 3px #222 inset;
-}
-.sidr ul li ul li a,
-.sidr ul li ul li span {
-  color: rgba(255, 255, 255, 0.8);
-  padding-left: 30px;
-}
-.sidr form {
-  margin: 0 15px;
-}
-.sidr label {
-  font-size: 13px;
-}
-.sidr input[type="text"],
-.sidr input[type="password"],
-.sidr input[type="date"],
-.sidr input[type="datetime"],
-.sidr input[type="email"],
-.sidr input[type="number"],
-.sidr input[type="search"],
-.sidr input[type="tel"],
-.sidr input[type="time"],
-.sidr input[type="url"],
-.sidr textarea,
-.sidr select {
-  width: 100%;
-  font-size: 13px;
-  padding: 5px;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  margin: 0 0 10px;
-  border-radius: 2px;
-  border: 0;
-  background: rgba(0, 0, 0, 0.1);
-  color: rgba(255, 255, 255, 0.6);
-  display: block;
-  clear: both;
-}
-.sidr input[type=checkbox] {
-  width: auto;
-  display: inline;
-  clear: none;
-}
-.sidr input[type=button],
-.sidr input[type=submit] {
-  color: #333;
-  background: #fff;
-}
-.sidr input[type=button]:hover,
-.sidr input[type=submit]:hover {
-  background: rgba(255, 255, 255, 0.9);
-}
diff --git a/squelettes/javascript/sidr/stylesheets/jquery.sidr.dark.min.css b/squelettes/javascript/sidr/stylesheets/jquery.sidr.dark.min.css
deleted file mode 100755
index d713807..0000000
--- a/squelettes/javascript/sidr/stylesheets/jquery.sidr.dark.min.css
+++ /dev/null
@@ -1 +0,0 @@
-.sidr{display:block;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:hidden;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#333;color:#fff;box-shadow:0 0 5px 5px #222 inset}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhMWExYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d),color-stop(100%, #1a1a1a));background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px;box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:0;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{box-shadow:0 0 15px 3px #222 inset}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}.sidr ul li ul{border-bottom:0;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:0}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:0;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{box-shadow:0 0 15px 3px #222 inset}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;border-radius:2px;border:0;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}
diff --git a/squelettes/javascript/sidr/stylesheets/jquery.sidr.light.css b/squelettes/javascript/sidr/stylesheets/jquery.sidr.light.css
deleted file mode 100755
index 6dd558a..0000000
--- a/squelettes/javascript/sidr/stylesheets/jquery.sidr.light.css
+++ /dev/null
@@ -1,164 +0,0 @@
-.sidr {
-  display: block;
-  position: fixed;
-  top: 0;
-  height: 100%;
-  z-index: 999999;
-  width: 260px;
-  overflow-x: hidden;
-  overflow-y: auto;
-  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
-  font-size: 15px;
-  background: #f8f8f8;
-  color: #333;
-  box-shadow: 0 0 5px 5px #ebebeb inset;
-}
-.sidr .sidr-inner {
-  padding: 0 0 15px;
-}
-.sidr .sidr-inner > p {
-  margin-left: 15px;
-  margin-right: 15px;
-}
-.sidr.right {
-  left: auto;
-  right: -260px;
-}
-.sidr.left {
-  left: -260px;
-  right: auto;
-}
-.sidr h1,
-.sidr h2,
-.sidr h3,
-.sidr h4,
-.sidr h5,
-.sidr h6 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-  background-size: 100%;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));
-  background-image: -moz-linear-gradient(#ffffff, #dfdfdf);
-  background-image: -webkit-linear-gradient(#ffffff, #dfdfdf);
-  background-image: linear-gradient(#ffffff, #dfdfdf);
-  font-size: 11px;
-  font-weight: normal;
-  padding: 0 15px;
-  margin: 0 0 5px;
-  color: #333;
-  line-height: 24px;
-  box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
-}
-.sidr p {
-  font-size: 13px;
-  margin: 0 0 12px;
-}
-.sidr p a {
-  color: rgba(51, 51, 51, 0.9);
-}
-.sidr > p {
-  margin-left: 15px;
-  margin-right: 15px;
-}
-.sidr ul {
-  display: block;
-  margin: 0 0 15px;
-  padding: 0;
-  border-top: 1px solid #dfdfdf;
-  border-bottom: 1px solid white;
-}
-.sidr ul li {
-  display: block;
-  margin: 0;
-  line-height: 48px;
-  border-top: 1px solid white;
-  border-bottom: 1px solid #dfdfdf;
-}
-.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
-  border-top: 0;
-  line-height: 49px;
-}
-.sidr ul li:hover > a,
-.sidr ul li:hover > span, .sidr ul li.active > a,
-.sidr ul li.active > span, .sidr ul li.sidr-class-active > a,
-.sidr ul li.sidr-class-active > span {
-  box-shadow: 0 0 15px 3px #ebebeb inset;
-}
-.sidr ul li a,
-.sidr ul li span {
-  padding: 0 15px;
-  display: block;
-  text-decoration: none;
-  color: #333;
-}
-.sidr ul li ul {
-  border-bottom: 0;
-  margin: 0;
-}
-.sidr ul li ul li {
-  line-height: 40px;
-  font-size: 13px;
-}
-.sidr ul li ul li:last-child {
-  border-bottom: 0;
-}
-.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
-  border-top: 0;
-  line-height: 41px;
-}
-.sidr ul li ul li:hover > a,
-.sidr ul li ul li:hover > span, .sidr ul li ul li.active > a,
-.sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a,
-.sidr ul li ul li.sidr-class-active > span {
-  box-shadow: 0 0 15px 3px #ebebeb inset;
-}
-.sidr ul li ul li a,
-.sidr ul li ul li span {
-  color: rgba(51, 51, 51, 0.8);
-  padding-left: 30px;
-}
-.sidr form {
-  margin: 0 15px;
-}
-.sidr label {
-  font-size: 13px;
-}
-.sidr input[type="text"],
-.sidr input[type="password"],
-.sidr input[type="date"],
-.sidr input[type="datetime"],
-.sidr input[type="email"],
-.sidr input[type="number"],
-.sidr input[type="search"],
-.sidr input[type="tel"],
-.sidr input[type="time"],
-.sidr input[type="url"],
-.sidr textarea,
-.sidr select {
-  width: 100%;
-  font-size: 13px;
-  padding: 5px;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  margin: 0 0 10px;
-  border-radius: 2px;
-  border: 0;
-  background: rgba(0, 0, 0, 0.1);
-  color: rgba(51, 51, 51, 0.6);
-  display: block;
-  clear: both;
-}
-.sidr input[type=checkbox] {
-  width: auto;
-  display: inline;
-  clear: none;
-}
-.sidr input[type=button],
-.sidr input[type=submit] {
-  color: #f8f8f8;
-  background: #333;
-}
-.sidr input[type=button]:hover,
-.sidr input[type=submit]:hover {
-  background: rgba(51, 51, 51, 0.9);
-}
diff --git a/squelettes/javascript/sidr/stylesheets/jquery.sidr.light.min.css b/squelettes/javascript/sidr/stylesheets/jquery.sidr.light.min.css
deleted file mode 100755
index dd90e74..0000000
--- a/squelettes/javascript/sidr/stylesheets/jquery.sidr.light.min.css
+++ /dev/null
@@ -1 +0,0 @@
-.sidr{display:block;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:hidden;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#f8f8f8;color:#333;box-shadow:0 0 5px 5px #ebebeb inset}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #dfdfdf));background-image:-moz-linear-gradient(#ffffff,#dfdfdf);background-image:-webkit-linear-gradient(#ffffff,#dfdfdf);background-image:linear-gradient(#ffffff,#dfdfdf);font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(51,51,51,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:0;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{box-shadow:0 0 15px 3px #ebebeb inset}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#333}.sidr ul li ul{border-bottom:0;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:0}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:0;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{box-shadow:0 0 15px 3px #ebebeb inset}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(51,51,51,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;border-radius:2px;border:0;background:rgba(0,0,0,0.1);color:rgba(51,51,51,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#f8f8f8;background:#333}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(51,51,51,0.9)}
diff --git a/squelettes/scss/blocs/_connex.scss b/squelettes/scss/blocs/_connex.scss
new file mode 100644
index 0000000..9ea1b66
--- /dev/null
+++ b/squelettes/scss/blocs/_connex.scss
@@ -0,0 +1,4 @@
+.page_connex {
+	padding:($spacer*1.5) 0;
+	background-color:$couleurConnex;
+}
diff --git a/squelettes/scss/blocs/_footer.scss b/squelettes/scss/blocs/_footer.scss
index a83e00f..1bac249 100644
--- a/squelettes/scss/blocs/_footer.scss
+++ b/squelettes/scss/blocs/_footer.scss
@@ -1,5 +1,5 @@
 .page_footer {
-	padding:($spacer*1.5) 0 $spacer;
+	padding:($spacer*1.5) 0;
 	color:white;
 	background-color:$couleurPrincipale;
 	p {
@@ -16,10 +16,9 @@
 		@include flex;
 		justify-content: space-between;
 		font-size:0.8em;
-		margin:0 0 ($spacer*2);
 		.menu-liste {
 			flex-basis:18%;
-			margin:0;
+			margin:0 0 ($spacer*2);
 			list-style:none;
 			.h4 {
 				margin:$spacer 0 0;
@@ -31,6 +30,7 @@
 	}
 	.formulaire_spip.formulaire_recherche {
 		max-width:em(400px);
+		margin-top:$spacer;
 		 input[type="search"] {
 			line-height:3em;
 			min-height:3em;
diff --git a/squelettes/scss/components/_jquery.sidr.scss b/squelettes/scss/components/_jquery.sidr.scss
deleted file mode 100755
index 3630d25..0000000
--- a/squelettes/scss/components/_jquery.sidr.scss
+++ /dev/null
@@ -1,71 +0,0 @@
-$sidr-width: em(280px);
-
-@include media($bp-medium) {
-    .sidr-menu-content {
-        display: none;
-    }
-}
-
-.sidr {
-    position:   fixed;
-    top:        0;
-    height:     100%;
-    z-index:    999999;
-    width:      $sidr-width;
-    overflow-x: hidden;
-    overflow-y: auto;
-    padding:    1em;
-    body.sidr-main-open & {
-        box-shadow: 10px 0 0 0 rgba(0, 0, 0, 0.45);
-    }
-    background: $couleur-primaire;
-    color:      white;
-    a {
-        color: white;
-        &:hover, &:focus {
-            color:           white;
-            text-decoration: underline;
-        }
-    }
-    &.right {
-        left:  auto;
-        right: -$sidr-width;
-    }
-
-    &.left {
-        left:  -$sidr-width;
-        right: auto;
-    }
-
-    .recherche {
-        margin-bottom: 1em;
-        h2 {
-            display: none;
-        }
-        &.formulaire_spip form {
-            background: none;
-        }
-        .motcle {
-            border:       1px solid $couleur-texte;
-            font-size:    80%;
-            padding:      0 0.5em;
-            width:        13em;
-            height:       28px;
-            line-height:  28px;
-            margin-right: 0.5em;
-        }
-        .submit {
-            border:        none;
-            margin:        0;
-            padding:       0;
-            background:    #000;
-            color:         white;
-            font-size:     80%;
-            border-radius: 50%;
-            width:         28px;
-            height:        28px;
-            line-height:   28px;
-        }
-    }
-
-}
diff --git a/squelettes/scss/styles/_perso.scss b/squelettes/scss/styles/_perso.scss
index 2dacbe9..734c393 100644
--- a/squelettes/scss/styles/_perso.scss
+++ b/squelettes/scss/styles/_perso.scss
@@ -1,459 +1,3 @@
 // perso
-//
-//   baz-theme.scss
-//   2020 - collectif APRIL
+// les différences
 
-// Elements principaux
-// ------------------------------------------ 
-
-
-
-
-
-
-
-
-
-
-
-.page_article.composition_dossier {
-	.contentMain {
-		background-color:$couleurBackgroundTexte;
-	}
-}
-
-
-
-// Hyperliens
-// ---------------------------------------------- 
-a { 
-	text-decoration:none; border-bottom:1px dotted;
-} 
-a, a:visited { 
-	color: $couleurLien;
-}
-a:focus, 
-a:hover, 
-a:active, a.on { 
-	border-color:$couleurSecondaire; 
-}
-a:not([href]) {
-	cursor:text;
-}
-// plugin liens sociaux, pas pareil que les autres liens externes
-.sociaux a.external:after {
-	display:none; 
-}
-
-
-.accesrapide { 
-	margin:0; 
-	padding:0; 
-}
-
-
-
-
-
-// ------------------------------------------
-// Habillage des elements du contenu
-// ------------------------------------------ 
-
-// fil d'ariane 
-.arbo { 
-	clear: none; 
-	font-size: .7em; 
-	
-}
-.arbo * { 
-	font-weight: normal; 
-}
-.arbo, .arbo a,
-.arbo a:visited { 
-	color: lighten($couleurTexte, 30%); 
-}
-.arbo a:hover { 
-	background: $gray; 
-	color: white;
-}  
-
-.cartouche { 
-	margin-bottom: 1.5em; 
-	h1 { m
-.liste.articles:not(.periode) { 
-	li { 
-		border-top:1px solid $grayLight; 
-		padding:2em 0 0; 
-		margin:2em 0;
-		.h3-like { 
-			font-size:1.2em;
-		}
-		.introduction p { 
-			margin:0;
-		}
-		&:last-of-type { 
-			padding-bottom:2em; 
-		}
-	}
-}argin-bottom: 0; font-weight:700;
-		.soustitre { 
-			display:block; 
-		}
-	}
-	p { margin-bottom: 0; }
-	.surtitre {
-		
-	}
-	.soustitre {
-		
-	}
-}
-abbr.published { 
-	border: 0; 
-}
-@media print {
-	abbr[title].published:after { 
-		content: "";
-	}
-	abbr[title].dtreviewed:after { 
-		content: "";
-	}
-}
-.publication, .info-publi { 
-	margin: 1.5em 0 0; 
-	font-size: .9em; 
-	font-style: italic; 
-}
-html[dir="rtl"] .info-publi { 
-	font-style: normal; 
-}
-.traductions { font-size: .9em; }
-.traductions a[hreflang]:after { 
-	content: ''; 
-}
-
-
-
-.chapo { 
-	font-size:120%;
-}
-.texte {  }
-.hyperlien { 
-	display: block; 
-	padding: 1.5em 50px; 
-	background: $grayLighter; 
-	font-weight: bold; 
-}
-.ps, .notes { 
-	margin: 6em 0 1.5em; 
-	clear:both; 
-}
-.notes { 
-	clear: both; 
-	font-size: .9em;
-}
-
-
-h1,.h1,
-h2,.h2 { 
-	line-height: 1.2;
-	font-weight:700; 
-}
-h2, .h2 { 
-	margin-top:1em; 
-}
-
-.liste {
-	margin:2em 0;
-	&.syndic ul.liste-items { 
-		padding:0 0.5em 0 2em;
-	}
-	li.short { margin:1em 0 1.5em;
-		.publication { 
-			margin:0; 
-		}
-	}
-	.item { 
-		clear:both; 
-		margin:2em 0 3em;
-	}
-}
-
-.spip_logo { 
-	max-width:100%;
-}
-
-.spip_document { 
-	max-width:100%; 
-	height:auto;
-}
-iframe { 
-	max-width:100%; 
-}
-
-.credits { 
-	clear: both;
-	display:block;
-	text-align: left; 
-	font-size:0.6em;
-}
-
-// Listes et tableaux 
-dl.spip dt { 
-	background: url(img/def.png) no-repeat 25px .5em; 
-}
-dl.spip dd {}
-
-/*table.spip {margin:1em 0;}
-table.spip caption {  background: none; border-bottom: 1px solid; text-align: left; font-weight: bold; }
-table.spip thead th { background: none; border: 1px solid; border-width: 1px 0; }
-table.spip tbody tr th,
-table.spip tr td { background: none; }
-table.spip tbody tr.odd th,
-table.spip tr.odd td { background: $grayLight; }
-table.spip tr:hover td {background: #AAD;}
-table.spip tfoot { border-top: 1px solid; }*/
-
-
-// Formulaires : variantes et cas particuliers
-// ----------------------------------------------- 
-.formulaire_spip { 
-	margin-bottom: 1.5em;
-}
-
-fieldset {
-	width: 100%; margin: 0;
-	-ms-box-sizing: border-box;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-}
-
-label { 
-	display: block;
-}
-.erreur_message { 
-	display: block;
-}
-input.text,textarea {
-	width: 100%;
-	-ms-box-sizing: border-box;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-}
-.content input.text {
-	width: 50%;
-}
-textarea { 
-	width: 100%;
-}
-button:hover, button:active, button:focus { 
-	background-color: $couleurPrincipale; 
-	color:$couleurPrincipaleDowner; 
-	outline:none !important; 
-}
-
-
-// formulaire recherche un peu a part
-.recherche { 
-	margin-bottom:$spacer; 
-	max-width:350px; /* placer dans un conteneur mini 350px */
-	.flex { 
-		.input-group-prepend { 
-			width:80%;
-			input { 
-				border-radius:0; 
-				border:1px solid #ccc; 
-				border-right:0;
-			}
-		}
-		.input-group-append { 
-			width:20%;
-			button {
-				border-radius:0;
-				border:1px solid #ccc;
-				height:100%;
-			}
-		}
-		input, button {
-			width:100%; 
-			line-height:1.8;
-		}
-		input {
-			padding:0.2rem 0.4rem;
-		}
-		button { 
-			padding:0; 
-			margin:0;
-		}
-	}
-}
-
-// Choix des mots-clefs 
-ul.choix_mots { 
-	display: block; 
-	margin: 0; 
-	padding: 0; 
-	list-style: none; 
-	li {
-		clear: none; 
-		float: left; 
-		display: block; 
-		width: 30%; 
-		padding: 1%;
-	}
-	li label {
-		display: inline;
-		font-weight: normal;
-	}
-}
-
-.formulaire_spip .bugajaxie { 
-	display: none; 
-} //IE/Win
-
-
-// Formulaire de login dans une page 
-.formulaire_login {
-	.editer-groupe .editer { 
-		clear: left;
-	}
-	.editer_password .details {
-		display: block;
-	}
-	.spip_logo_auteur {
-		float: right;
-	}
-}
-
-// Fomulaire de contact 
-.formulaire_ecrire_auteur {
-	.saisie_sujet_message_auteur input.text {
-		width: 100%;
-	}
-}
-// page auteur cf js/script.js 
-.formulaire_ecrire_auteur { 
-	margin-top:3em; 
-	padding-top:1em; 
-	border-top:1px solid $grayLighter;
-	legend { 
-		cursor:pointer; color:$couleurLien;
-		&:hover {
-			background-color:$couleurPrincipale;
-			color:$couleurPrincipaleDowner;
-		}
-	}
-}
-
-
-// Habillage des portfolios
-// ---------------------------------------------- 
-.documents_portfolio {
-	a {
-		display:inline-block;
-		margin:0 $spacer $spacer 0;
-		padding:0;
-	}
-	a:hover {
-		color:#999;
-		opacity:0.8;
-	}
-	img {
-		margin:0;
-	}
-}
-
-.documents_joints .descriptif p {
-	margin:0;
-}
-// eviter les lignes de texte trop courtes 
-.spip_documents.spip_documents_left:not(.modedoc), .spip_documents.spip_documents_right:not(.modedoc) {
-	max-width:50%;
-}
-
-.documents_joints {
-	a {
-		.spip_logo {
-			float:left;
-			margin:0 0.5em 0.5em 0;
-		}
-	}
-}
-
-
-// aside
-// ------------------------------------ 
-.contentAside {
-	h2 { font-size:1em; }
-	li {
-		ul { margin-bottom:0.5em; padding-left:1em; 
-			a { line-height:1.2; }
-		}
-	}
-	.liste { margin-top:1em; padding-left:0.5em; border-left:1px solid darken($grayLighter,10);
-		.item { margin:0.5em 0; }
-		&.groupes_mots {
-			.h2 { margin-bottom:0; margin-top:1em;
-				&:first-child { margin-top:0; }
-			}
-		}
-	}
-}
-
-
-
-// special GIS
-.leaflet-container .leaflet-popup a.leaflet-popup-close-button {
-    padding: 0 0 4px;
-    height: auto;
-    display: block;
-    @include border-radius(50%);
-    margin:2px;
-}
-
-// ------------------------------------------
-// Autres medias
-// ------------------------------------------ 
-
-@media print {
-	
-	//  Ne pas imprimer 
-	.spip-admin,
-	.spip-admin-float,
-	.spip-previsu,
-	.repondre,
-	.formulaire_spip { display: none; }
-	
-	// Souligner et expliciter les liens 
-	a { color: #600; text-decoration: underline !important; }
-	a.spip_out:after,
-	a.spip_glossaire:after,
-	a.spip_mail:after { display: inline; content: " [" attr(href) "]"; }
-	
-}
-
-
-// ------------------------------------------
-// adaptable
-// ------------------------------------------  
-@media ($bp-medium) {
-
-	.pagination {line-height:3;}
-
-}
-// largeur maximum 640px 
-@media (max-width:639px) {
-	.header {
-		.logo_site_spip { font-size:1em; }
-		.spip_logos { max-width:100px; width:100px; float:none; }
-	}
-	.iconemodele.bloc {
-		&.left, &.right { margin-right:0; width:100%; float:none; clear:both; }
-		&.largeur { max-width:50%; }
-	}
-}
-@media ($bp-small) {
-	.spip_documents.spip_documents_left, .spip_documents.spip_documents_right { min-width:100%; margin:0 0 0.5em; }
-	.iconemodele.bloc.largeur { max-width:100%; }
-}
diff --git a/squelettes/scss/theme.scss b/squelettes/scss/theme.scss
index c25accc..30d0c9b 100644
--- a/squelettes/scss/theme.scss
+++ b/squelettes/scss/theme.scss
@@ -2,6 +2,7 @@
 // Utilitaires et variables
 @import "utils/mixins";
 @import "utils/variables";
+@import "utils/variables-perso";
 @import "utils/helpers";
 @import 'scss/fontawesome/fontawesome';
 // --------------------------------------------
@@ -14,7 +15,6 @@
 // Composants génériques
 @import "components/forms";
 @import "components/pagination";
-@import "components/jquery.sidr";
 @import "components/custom-radios";
 // --------------------------------------------
 // Blocs Z
@@ -29,7 +29,7 @@
 @import "styles/styles";
 @import "styles/nav";
 @import "styles/sommaire";
-//@import "styles/perso";
+@import "styles/perso";
 @import "styles/print";
 // --------------------------------------------
 // Compositions
diff --git a/squelettes/scss/utils/_variables-perso.scss b/squelettes/scss/utils/_variables-perso.scss
new file mode 100644
index 0000000..77cc086
--- /dev/null
+++ b/squelettes/scss/utils/_variables-perso.scss
@@ -0,0 +1 @@
+// les variables personnalisees
diff --git a/squelettes/scss/utils/_variables.scss b/squelettes/scss/utils/_variables.scss
index 5ed0728..fc9eddc 100644
--- a/squelettes/scss/utils/_variables.scss
+++ b/squelettes/scss/utils/_variables.scss
@@ -49,6 +49,7 @@ $couleurTexte:             $grayDark;
 $couleurBackgroundTexte:	#f5faff;
 
 $couleur-primaire:          #253288;
+$couleurConnex:		$couleurPrincipale;
 
 $couleur-texte:             #111111;
 $couleur-titres:            $couleur-texte;