diff --git a/css/box.css b/css/box.css
deleted file mode 100644
index ec568bcb9eb2d0cad2ae27a5ad7573ba0464cca0..0000000000000000000000000000000000000000
--- a/css/box.css
+++ /dev/null
@@ -1,34 +0,0 @@
-/*
-Copyright (c) 2009, Nicole Sullivan. All rights reserved.
-Code licensed under the BSD License:
-version: 0.2
-*/
-/* **************** BLOCK STRUCTURES ***************** */
-/* box */
-.box{margin:10px 0;}
-.bd,.ft{padding:0 10px;/*overflow:hidden;_overflow:visible; _zoom:1;*/}
-.hd {padding:5px 10px;}
-.box .inner{position:relative;}
-.box b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
-.box .inner b{display:inline;font-size:inherit;position:static;}
-.box .tl, .box .tr, .box .bl, .box .br{height:10px; width:10px;float:left;}
-.box .tl{background-position: left top;}
-.box .tr{background-position: right top;}
-.box .bl{background-position: left bottom;}
-.box .br{background-position: right bottom;}
-.box .br,.box .tr{float:right;}
-.box .bl,.box .br{margin-top:-10px;}
-.box .top{background-position:center top;}
-.box .bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/
-/* complex */
-.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
-.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;overflow:hidden;}
-.complex .bl, .complex .br{/*margin-top:0;*/}
-.complex .top{height:5px;}
-.complex .bottom{height:5px;/*margin-top:-10px;*/}
-/* pop  */
-.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
-.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:10px;}
-.pop .tl, .pop .br{display:none;}
-.pop .bl{bottom:-10px;}
-.pop .tr{right:-10px;}
\ No newline at end of file
diff --git a/css/ie-css3.htc b/css/ie-css3.htc
deleted file mode 100644
index d4a60f76eb555d5279b67814d2084e2eb63a86c1..0000000000000000000000000000000000000000
--- a/css/ie-css3.htc
+++ /dev/null
@@ -1,475 +0,0 @@
---Do not remove this if you are using--
-Original Author: Remiz Rahnas
-Original Author URL: http://www.htmlremix.com
-Published date: 2008/09/24
-
-Changes by Nick Fetchak:
-- IE8 standards mode compatibility
-- VML elements now positioned behind original box rather than inside of it - should be less prone to breakage
-- Added partial support for 'box-shadow' style
-- Checks for VML support before doing anything
-- Updates VML element size and position via timer and also via window resize event
-- lots of other small things
-Published date : 2010/03/14
-http://fetchak.com/ie-css3
-
-Thanks to TheBrightLines.com (http://www.thebrightlines.com/2009/12/03/using-ies-filter-in-a-cross-browser-way) for enlightening me about the DropShadow filter
-
-Changes by toby mackenzie
-- Removed "^" form shadow regular expression so colors at beginning don't prevent it from working
-- Added color and alpha support
-- Add ie box-shadow property to override others (-ms-box-shadow)
-Published date: 2010/07/18
-http://tobymackenzie.com
-
-<public:attach event="ondocumentready" onevent="ondocumentready('v08vnSVo78t4JfjH')" />
-<script type="text/javascript">
-
-timer_length = 200; // Milliseconds
-border_opacity = false; // Use opacity on borders of rounded-corner elements? Note: This causes antialiasing issues
-
-
-// supportsVml() borrowed from http://stackoverflow.com/questions/654112/how-do-you-detect-support-for-vml-or-svg-in-a-browser
-function supportsVml() {
-	if (typeof supportsVml.supported == "undefined") {
-		var a = document.body.appendChild(document.createElement('div'));
-		a.innerHTML = '<v:shape id="vml_flag1" adj="1" />';
-		var b = a.firstChild;
-		b.style.behavior = "url(#default#VML)";
-		supportsVml.supported = b ? typeof b.adj == "object": true;
-		a.parentNode.removeChild(a);
-	}
-	return supportsVml.supported
-}
-
-
-// findPos() borrowed from http://www.quirksmode.org/js/findpos.html
-function findPos(obj) {
-	var curleft = curtop = 0;
-
-	if (obj.offsetParent) {
-		do {
-			curleft += obj.offsetLeft;
-			curtop += obj.offsetTop;
-		} while (obj = obj.offsetParent);
-	}
-
-	return({
-		'x': curleft,
-		'y': curtop
-	});
-}
-
-function rgbtohex(r,g,b) {return "#"+ntohex(r)+ntohex(g)+ntohex(b)}
-function ntohex(n) {
-	n=parseInt(n); if (n==0 || isNaN(n)) return "00";
-	n=Math.max(0,n); n=Math.min(n,255); N=Math.round(n);
-	return "0123456789abcdef".charAt((n-n%16)/16) + "0123456789abcdef".charAt(n%16);
-}
-
-function createBoxShadow(element, vml_parent) {
-	var style = element.currentStyle['-ms-box-shadow'] || element.currentStyle['box-shadow'] || element.currentStyle['-moz-box-shadow'] || element.currentStyle['-webkit-box-shadow'] || '';
-	var regexSize = /(#[0-9a-fA-F]{3,6})? *(\d+)p?x? +(\d+)p?x? +(\d+)p?x?/;
-	var testSize = regexSize.exec(style);
-	if (!testSize) { return(false); }
-	
-	shadowcolor = "#000000";
-	tmpopacity = 0.5;
-	if(testSize[1]){
-			shadowcolor = testSize[1];
-	}else{
-		var regexColorHex = /(#[0-9a-fA-F]*)/;
-		var testColorHex = regexColorHex.exec(style);
-		if(testColorHex){
-			shadowcolor = testColorHex[1];
-		}else{
-			var regexColorRGBA = /\brgba?\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,?\s*(0?\.?\d*)\)/;
-			var testColorRGBA = regexColorRGBA.exec(style);
-			if(testColorRGBA){
-				shadowcolor = rgbtohex(testColorRGBA[1], testColorRGBA[2], testColorRGBA[3]);
-				if(testColorRGBA[4])
-					tmpopacity = testColorRGBA[4];
-			}
-		}
-	}
-	if(shadowcolor == '#000')
-		shadowcolor = '#000000';
-
-	
-	if(shadowcolor == "#000000"){
-		var shadow = document.createElement('v:roundrect');
-	}else{
-		var shadow = document.createElement('div');	
-	}
-	
-	shadow.userAttrs = {
-		'x': parseInt(testSize[2] || 0),
-		'y': parseInt(testSize[3] || 0),
-		'radius': parseInt(testSize[4] || 0) / 2,
-		'color': shadowcolor,
-		'opacity': tmpopacity
-	};
-	shadow.position_offset = {
-		'y': (0 - vml_parent.pos_ieCSS3.y - shadow.userAttrs.radius + shadow.userAttrs.y),
-		'x': (0 - vml_parent.pos_ieCSS3.x - shadow.userAttrs.radius + shadow.userAttrs.x)
-	};
-	shadow.size_offset = {
-		'width': 0,
-		'height': 0
-	};
-	shadow.arcsize = element.arcSize +'px';
-	shadow.style.display = 'block';
-	shadow.style.position = 'absolute';
-	shadow.style.top = (element.pos_ieCSS3.y + shadow.position_offset.y) +'px';
-	shadow.style.left = (element.pos_ieCSS3.x + shadow.position_offset.x) +'px';
-	shadow.style.width = element.offsetWidth +'px';
-	shadow.style.height = element.offsetHeight +'px';
-	shadow.style.antialias = true;
-	shadow.style.background = shadow.userAttrs.color;
-	shadow.className = 'vml_box_shadow';
-	shadow.style.zIndex = element.zIndex - 1;
-	shadow.style.filter = 'progid:DXImageTransform.Microsoft.Blur(pixelRadius='+ shadow.userAttrs.radius +',makeShadow='+((shadow.userAttrs.color == '#000000')?'true':'false')+',shadowOpacity='+shadow.userAttrs.opacity +')';
-	if(shadow.userAttrs.color != '#000000'){
-		shadow.style.filter += ' progid:DXImageTransform.Microsoft.Alpha(Opacity='+(shadow.userAttrs.opacity*100)+')';
-	}
-
-	element.parentNode.appendChild(shadow);
-	//element.parentNode.insertBefore(shadow, element.element);
-
-	// For window resizing
-	element.vml.push(shadow);
-
-	return(true);
-}
-
-/*
-function createBoxShadow(element, vml_parent) {
-	var style = element.currentStyle['-ms-box-shadow'] || element.currentStyle['box-shadow'] || element.currentStyle['-moz-box-shadow'] || element.currentStyle['-webkit-box-shadow'] || '';
-	var regexSize = /(#[0-9a-fA-F]{3,6})? *(\d+)p?x? +(\d+)p?x? +(\d+)p?x?/;
-	var testSize = regexSize.exec(style);
-	if (!testSize) { return(false); }
-	
-	shadowcolor = "#000000";
-	tmpopacity = 0.5;
-	if(testSize[1]){
-			shadowcolor = testSize[1];
-	}else{
-		var regexColorHex = /(#[0-9a-fA-F]*)/;
-		var testColorHex = regexColorHex.exec(style);
-		if(testColorHex){
-			shadowcolor = testColorHex[1];
-		}else{
-			var regexColorRGBA = /\brgba?\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,?\s*(0?\.?\d*)\)/;
-			var testColorRGBA = regexColorRGBA.exec(style);
-			if(testColorRGBA){
-				shadowcolor = rgbtohex(testColorRGBA[1], testColorRGBA[2], testColorRGBA[3]);
-				if(testColorRGBA[4])
-					tmpopacity = testColorRGBA[4];
-			}
-		}
-	}
-	if(shadowcolor == '#000')
-		shadowcolor = '#000000';
-
-	
-	if(shadowcolor == "#000000"){
-		var shadow = document.createElement('v:roundrect');
-	}else{
-		var shadow = document.createElement('div');	
-	}
-	
-	shadow.userAttrs = {
-		'x': parseInt(testSize[2] || 0),
-		'y': parseInt(testSize[3] || 0),
-		'radius': parseInt(testSize[4] || 0) / 2,
-		'color': shadowcolor,
-		'opacity': tmpopacity
-	};
-	shadow.position_offset = {
-		'y': (0 - vml_parent.pos_ieCSS3.y - shadow.userAttrs.radius + shadow.userAttrs.y),
-		'x': (0 - vml_parent.pos_ieCSS3.x - shadow.userAttrs.radius + shadow.userAttrs.x)
-	};
-	shadow.size_offset = {
-		'width': 0,
-		'height': 0
-	};
-	shadow.arcsize = element.arcSize +'px';
-	shadow.style.display = 'block';
-	shadow.style.position = 'absolute';
-	shadow.style.top = (element.pos_ieCSS3.y + shadow.position_offset.y) +'px';
-	shadow.style.left = (element.pos_ieCSS3.x + shadow.position_offset.x) +'px';
-	shadow.style.width = (element.offsetWidth) +'px';
-	shadow.style.height = (element.offsetHeight) +'px';
-	shadow.style.antialias = true;
-	shadow.style.background = shadow.userAttrs.color;
-	shadow.className = 'vml_box_shadow';
-	shadow.style.zIndex = element.zIndex - 1;
-	shadow.style.filter = 'progid:DXImageTransform.Microsoft.Blur(pixelRadius='+ shadow.userAttrs.radius +',makeShadow='+((shadow.userAttrs.color == '#000000')?'true':'false')+',shadowOpacity='+shadow.userAttrs.opacity +')';
-	if(shadow.userAttrs.color != '#000000'){
-		shadow.style.filter += ' progid:DXImageTransform.Microsoft.Alpha(Opacity='+(shadow.userAttrs.opacity*100)+')';
-	}
-
-	element.parentNode.appendChild(shadow);
-	//element.parentNode.insertBefore(shadow, element.element);
-
-	// For window resizing
-	element.vml.push(shadow);
-
-	return(true);
-}
-*/
-
-function createBorderRect(element, vml_parent) {
-	if (isNaN(element.borderRadius)) { return(false); }
-
-	element.style.background = 'transparent';
-	element.style.borderColor = 'transparent';
-
-	var rect = document.createElement('v:roundrect');
-	rect.position_offset = {
-		'y': (0.5 * element.strokeWeight) - vml_parent.pos_ieCSS3.y,
-		'x': (0.5 * element.strokeWeight) - vml_parent.pos_ieCSS3.x
-	};
-	rect.size_offset = {
-		'width': 0 - element.strokeWeight,
-		'height': 0 - element.strokeWeight
-	};
-	rect.arcsize = element.arcSize +'px';
-	rect.strokeColor = element.strokeColor;
-	rect.strokeWeight = element.strokeWeight +'px';
-	rect.stroked = element.stroked;
-	rect.className = 'vml_border_radius';
-	rect.style.display = 'block';
-	rect.style.position = 'absolute';
-	rect.style.top = (element.pos_ieCSS3.y + rect.position_offset.y) +'px';
-	rect.style.left = (element.pos_ieCSS3.x + rect.position_offset.x) +'px';
-	rect.style.width = (element.offsetWidth + rect.size_offset.width) +'px';
-	rect.style.height = (element.offsetHeight + rect.size_offset.height) +'px';
-	rect.style.antialias = true;
-	rect.style.zIndex = element.zIndex - 1;
-
-	if (border_opacity && (element.opacity < 1)) {
-		rect.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity='+ parseFloat(element.opacity * 100) +')';
-	}
-
-	var fill = document.createElement('v:fill');
-	fill.color = element.fillColor;
-	fill.src = element.fillSrc;
-	fill.className = 'vml_border_radius_fill';
-	fill.type = 'tile';
-	fill.opacity = element.opacity;
-
-	// Hack: IE6 doesn't support transparent borders, use padding to offset original element
-	isIE6 = /msie|MSIE 6/.test(navigator.userAgent);
-	if (isIE6 && (element.strokeWeight > 0)) {
-		element.style.borderStyle = 'none';
-		element.style.paddingTop = parseInt(element.currentStyle.paddingTop || 0) + element.strokeWeight;
-		element.style.paddingBottom = parseInt(element.currentStyle.paddingBottom || 0) + element.strokeWeight;
-	}
-
-	rect.appendChild(fill);
-	element.parentNode.appendChild(rect);
-	//element.parentNode.insertBefore(rect, element.element);
-
-	// For window resizing
-	element.vml.push(rect);
-
-	return(true);
-}
-
-function createTextShadow(element, vml_parent) {
-	this.textShadow = this.currentStyle['-ms-text-shadow'] || this.currentStyle['text-shadow'];
-	if (!element.textShadow) { return(false); }
-	var style = element.textShadow;
-
-	var regexSize = /(#[0-9a-fA-F]{3,6})? *(\d+)p?x? +(\d+)p?x? +(\d+)p?x?/;
-	var testSize = regexSize.exec(style);
-
-	shadowcolor = "#000000";
-	opacity = 0.75;
-	if(testSize[1]){
-			shadowcolor = testSize[1];
-	}else{
-		var regexColorHex = /(#[0-9a-fA-F]*)/;
-		var testColorHex = regexColorHex.exec(style);
-		if(testColorHex){
-			shadowcolor = testColorHex[1];
-		}else{
-			var regexColorRGBA = /\brgba?\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,?\s*(0?\.?\d*)\)/;
-			var testColorRGBA = regexColorRGBA.exec(style);
-			if(testColorRGBA){
-				shadowcolor = rgbtohex(testColorRGBA[1], testColorRGBA[2], testColorRGBA[3]);
-				if(testColorRGBA[4])
-					opacity = testColorRGBA[4];
-			}
-		}
-	}
-	if(shadowcolor == '#000')
-		shadowcolor = '#000000';
-
-	//var shadow = document.createElement('span');
-	var shadow = element.cloneNode(true);
-	var radius = parseInt(testSize[4] || 0);
-	shadow.userAttrs = {
-		'x': parseInt(testSize[2] || 0),// - (radius),
-		'y': parseInt(testSize[3] || 0),// - (radius),
-		'radius': radius,// / 2,
-		'color': shadowcolor,
-		'opacity': opacity
-	};
-	shadow.position_offset = {
-		'y': (0 - vml_parent.pos_ieCSS3.y + shadow.userAttrs.y),
-		'x': (0 - vml_parent.pos_ieCSS3.x + shadow.userAttrs.x)
-	};
-	shadow.size_offset = {
-		'width': 0,
-		'height': 0
-	};
-	shadow.style.color = shadow.userAttrs.color;
-	shadow.style.position = 'absolute';
-	shadow.style.top = (element.pos_ieCSS3.y + shadow.position_offset.y) +'px';
-	shadow.style.left = (element.pos_ieCSS3.x + shadow.position_offset.x) +'px';
-	shadow.style.antialias = true;
-	shadow.style.behavior = null;
-	shadow.className = 'ieCSS3_text_shadow';
-	shadow.innerHTML = element.innerHTML;
-	// For some reason it only looks right with opacity at 75%
-/*	shadow.style.filter = '\
-		progid:DXImageTransform.Microsoft.Alpha(Opacity='+(shadow.userAttrs.opacity*100)+')\
-		progid:DXImageTransform.Microsoft.Blur(pixelRadius='+ 100 +',makeShadow=false,shadowOpacity=100)\
-	';
-*/
-//	shadow.style.filter = 'progid:DXImageTransform.Microsoft.Blur(pixelRadius='+ shadow.userAttrs.radius +',makeShadow='+((shadow.userAttrs.color == '#000000')?'true':'false')+',shadowOpacity='+shadow.userAttrs.opacity +')';
-shadow.style.filter = 'progid:DXImageTransform.Microsoft.Blur(pixelRadius='+shadow.userAttrs.radius+')';
-	shadow.style.filter += ' progid:DXImageTransform.Microsoft.Alpha(Opacity='+(shadow.userAttrs.opacity*100)+')';
-
-	var clone = element.cloneNode(true);
-	clone.position_offset = {
-		'y': (0 - vml_parent.pos_ieCSS3.y),
-		'x': (0 - vml_parent.pos_ieCSS3.x)
-	};
-	clone.size_offset = {
-		'width': 0,
-		'height': 0
-	};
-	clone.style.behavior = null;
-	clone.style.position = 'absolute';
-	clone.style.top = (element.pos_ieCSS3.y + clone.position_offset.y) +'px';
-	clone.style.left = (element.pos_ieCSS3.x + clone.position_offset.x) +'px';
-	clone.className = 'ieCSS3_text_shadow';
-
-
-	element.parentNode.appendChild(shadow);
-	element.parentNode.appendChild(clone);
-
-	element.style.visibility = 'hidden';
-
-	// For window resizing
-	element.vml.push(clone);
-	element.vml.push(shadow);
-
-	return(true);
-}
-
-function ondocumentready(classID) {
-	if (!supportsVml()) { return(false); }
-
-  if (this.className.match(classID)) { return(false); }
-	this.className = this.className.concat(' ', classID);
-
-	// Add a namespace for VML (IE8 requires it)
-	if (!document.namespaces.v) { document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); }
-
-	// Check to see if we've run once before on this page
-	if (typeof(window.ieCSS3) == 'undefined') {
-		// Create global ieCSS3 object
-		window.ieCSS3 = {
-			'vmlified_elements': new Array(),
-			'update_timer': setInterval(updatePositionAndSize, timer_length)
-		};
-
-		if (typeof(window.onresize) == 'function') { window.ieCSS3.previous_onresize = window.onresize; }
-
-		// Attach window resize event
-		window.onresize = updatePositionAndSize;
-	}
-
-
-	// These attrs are for the script and have no meaning to the browser:
-	this.borderRadius = parseInt(this.currentStyle['-ms-border-radius'] ||
-	                             this.currentStyle['border-radius'] ||
-	                             this.currentStyle['-moz-border-radius'] ||
-	                             this.currentStyle['-webkit-border-radius'] ||
-	                             this.currentStyle['-khtml-border-radius']);
-	this.arcSize = Math.min(this.borderRadius / Math.min(this.offsetWidth, this.offsetHeight), 1);
-	this.fillColor = this.currentStyle.backgroundColor;
-	this.fillSrc = this.currentStyle.backgroundImage.replace(/^url\("(.+)"\)$/, '$1');
-	this.strokeColor = this.currentStyle.borderColor;
-	this.strokeWeight = parseInt(this.currentStyle.borderWidth);
-	this.stroked = 'true';
-	if (isNaN(this.strokeWeight) || (this.strokeWeight == 0)) {
-		this.strokeWeight = 0;
-		this.strokeColor = fillColor;
-		this.stroked = 'false';
-	}
-	this.opacity = parseFloat(this.currentStyle.opacity || 1);
-
-	this.element.vml = new Array();
-	this.zIndex = parseInt(this.currentStyle.zIndex);
-	if (isNaN(this.zIndex)) { this.zIndex = 0; }
-
-	// Find which element provides position:relative for the target element (default to BODY)
-	vml_parent = this;
-	var limit = 100, i = 0;
-	do {
-		vml_parent = vml_parent.parentElement;
-		i++;
-		if (i >= limit) { return(false); }
-	} while ((typeof(vml_parent) != 'undefined') && (vml_parent.currentStyle.position != 'relative') && (vml_parent.tagName != 'BODY'));
-
-	vml_parent.pos_ieCSS3 = findPos(vml_parent);
-	this.pos_ieCSS3 = findPos(this);
-
-	var rv1 = createBoxShadow(this, vml_parent);
-	var rv2 = createBorderRect(this, vml_parent);
-	var rv3 = createTextShadow(this, vml_parent);
-	if (rv1 || rv2 || rv3) { window.ieCSS3.vmlified_elements.push(this.element); }
-
-	if (typeof(vml_parent.document.ieCSS3_stylesheet) == 'undefined') {
-		vml_parent.document.ieCSS3_stylesheet = vml_parent.document.createStyleSheet();
-		vml_parent.document.ieCSS3_stylesheet.addRule("v\\:roundrect", "behavior: url(#default#VML)");
-		vml_parent.document.ieCSS3_stylesheet.addRule("v\\:fill", "behavior: url(#default#VML)");
-		// Compatibility with IE7.js
-		vml_parent.document.ieCSS3_stylesheet.ie7 = true;
-	}
-}
-
-function updatePositionAndSize() {
-	if (typeof(window.ieCSS3.vmlified_elements) != 'object') { return(false); }
-
-	for (var i in window.ieCSS3.vmlified_elements) {
-		var el = window.ieCSS3.vmlified_elements[i];
-
-		if (typeof(el.vml) != 'object') { continue; }
-
-		for (var z in el.vml) {
-			//var parent_pos = findPos(el.vml[z].parentNode);
-			var new_pos = findPos(el);
-			new_pos.x = (new_pos.x + el.vml[z].position_offset.x) + 'px';
-			new_pos.y = (new_pos.y + el.vml[z].position_offset.y) + 'px';
-			if (el.vml[z].style.left != new_pos.x) { el.vml[z].style.left = new_pos.x; }
-			if (el.vml[z].style.top != new_pos.y) { el.vml[z].style.top = new_pos.y; }
-
-			var new_size = {
-				'width': parseInt(el.offsetWidth + el.vml[z].size_offset.width),
-				'height': parseInt(el.offsetHeight + el.vml[z].size_offset.height)
-			}
-			if (el.vml[z].offsetWidth != new_size.width) { el.vml[z].style.width = new_size.width +'px'; }
-			if (el.vml[z].offsetHeight != new_size.height) { el.vml[z].style.height = new_size.height +'px'; }
-		}
-	}
-
-	if (event && (event.type == 'resize') && typeof(window.ieCSS3.previous_onresize) == 'function') { window.ieCSS3.previous_onresize(); }
-}
-</script>
-
diff --git a/css/ie.css.html b/css/ie.css.html
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/css/ie6.css b/css/ie6.css
deleted file mode 100644
index ece782b147efcd2b3b91e148474b980c77c84380..0000000000000000000000000000000000000000
--- a/css/ie6.css
+++ /dev/null
@@ -1,21 +0,0 @@
-#gauchedroite, #menuhaut { zoom: 100%; }
-#menuhaut { padding-bottom: 0; }
-#menu li, #miettesdepain, .rightmenu h2 { height: 1%; position: relative; }
-#menu li a, .rightmenu li a { height: 1%; }
-#content h1, #miettesdepain, #letexte { position: relative; }
-html #letexte {
-	float: left; /* Corrige un bug de IE6 des documents ou images flotes invisibles*/
-	/* change un peu la mise en page, mais tant pis ! */
-}
-#letexte, #content {
-	height: 1%;
-}
-#artrecents {
-     height: 350px;
-}
-
-#mairie_content { zoom:1; }
-#communiquant_content { zoom:1; }
-#menuhaut ul li { display: inline;}
-
-#sommaire_mode_mairie #homequoideneuf li{height:56px;}
\ No newline at end of file
diff --git a/css/ie7.css b/css/ie7.css
deleted file mode 100644
index e39458b5555f786788f3f27b687cc4e1da44119a..0000000000000000000000000000000000000000
--- a/css/ie7.css
+++ /dev/null
@@ -1,13 +0,0 @@
-#gauchedroite, #menuhaut { zoom: 100%; }
-#menuhaut { padding-bottom: 0; }
-#menu li, #letexte, .ps { zoom : 1; }
-/* date de maj du site */
-#datemajsite { height: auto; border-left:none; border-top:none; }
-#datemajsite span { top: 0; }
-/*************** STRUCTURE - bouton "participer à la vie du site" */
-#participer div { height: auto; border-left:none; border-top:none; }
-#participer div span { top: 0; }
-#artrecents {z-index: 101; }
-#mairie_content { zoom:1; }
-#communiquant_content { zoom:1; }
-ul#menuh > li { zoom: 1; display: inline; }
\ No newline at end of file
diff --git a/javascripts.js.html b/javascripts.js.html
index 260eccc743ec27597754700a904700088d329d85..47f435db7ede4cc66c72fe8e72b2431fbb0bfda4 100644
--- a/javascripts.js.html
+++ b/javascripts.js.html
@@ -110,74 +110,74 @@ function inputKeyHandler(ev) {
 
 function adjustLayout() {
 	/* Remettre la taille à auto pour trouver l'eventuelle nouvelle hauteur !*/
-	$("div.equilibre").css({'height': 'auto'});
+	jQuery("div.equilibre").css({'height': 'auto'});
 	/*******************************************CAS N°1********************************************************************/
 	/*Nav, Contenu et Extra alignes top (Layout 1 a 22)*/
 	var tnotstackable =0;
-	tnotstackable = parseInt($("div.notstackable")[0].offsetTop);
-	tlaststackable = parseInt($("div.laststackable")[0].offsetTop);
+	tnotstackable = parseInt(jQuery("div.notstackable")[0].offsetTop);
+	tlaststackable = parseInt(jQuery("div.laststackable")[0].offsetTop);
 	if (tnotstackable==tlaststackable) {
 			var h=0;
-			$("div.equilibre").each(function(){ h=Math.max(h,this.offsetHeight); }).css({'min-height': h+'px'});
-			$("div.equilibre").css({'height': parseInt($("div.equilibre")[0].offsetHeight)});
+			jQuery("div.equilibre").each(function(){ h=Math.max(h,this.offsetHeight); }).css({'min-height': h+'px'});
+			jQuery("div.equilibre").css({'height': parseInt(jQuery("div.equilibre")[0].offsetHeight)});
 			/*alert("Cas 1");*/
 	}
 	else {
 /*********************************************CAS 2*********************************************************************/
 	/* Navigation et Extra sont empiles (Layout 23 a 26 et 33 et 34)*/
-		leftlaststackable = parseInt($("div.laststackable")[0].offsetLeft);
-		leftnavigation = parseInt($("div#navigation")[0].offsetLeft);
-		largeurnavigation = parseInt($("div#navigation")[0].offsetWidth);
-		largeurextra = parseInt($("div.laststackable")[0].offsetWidth);
+		leftlaststackable = parseInt(jQuery("div.laststackable")[0].offsetLeft);
+		leftnavigation = parseInt(jQuery("div#navigation")[0].offsetLeft);
+		largeurnavigation = parseInt(jQuery("div#navigation")[0].offsetWidth);
+		largeurextra = parseInt(jQuery("div.laststackable")[0].offsetWidth);
 		if ((leftlaststackable == leftnavigation) && (largeurextra == largeurnavigation)) {
 			var hstacked = 0;
-			$("div.stackable").each(function(){ hstacked+=parseInt(this.offsetHeight); });
+			jQuery("div.stackable").each(function(){ hstacked+=parseInt(this.offsetHeight); });
 			var hnotstackable = 0;
-			hnotstackable = parseInt($("div.notstackable")[0].offsetHeight);
+			hnotstackable = parseInt(jQuery("div.notstackable")[0].offsetHeight);
 			if (hnotstackable>hstacked) {
-				$("div.laststackable").css({'min-height': hnotstackable + parseInt($("div.laststackable")[0].offsetHeight) - hstacked+'px'});
-				$("div.notstackable").css({'min-height': hnotstackable+'px'});
+				jQuery("div.laststackable").css({'min-height': hnotstackable + parseInt(jQuery("div.laststackable")[0].offsetHeight) - hstacked+'px'});
+				jQuery("div.notstackable").css({'min-height': hnotstackable+'px'});
 				/*alert("Cas 2");*/
 			}
 			else {
-				$("div.notstackable").css({'min-height': hstacked+'px'});
+				jQuery("div.notstackable").css({'min-height': hstacked+'px'});
 			};
 		}
 		else {
 /**********************************************CAS 3*******************************************************************/
 	/* Navigation et Extra meme Top et differents de Contenu (Layout 27-28-39-40)*/
-			tlaststackable = parseInt($("div.laststackable")[0].offsetTop);
-			tstackable = parseInt($("div.stackable")[0].offsetTop);
+			tlaststackable = parseInt(jQuery("div.laststackable")[0].offsetTop);
+			tstackable = parseInt(jQuery("div.stackable")[0].offsetTop);
 			if (tstackable==tlaststackable){
 				var h=0;
-				$("div.stackable").each(function(){ h=Math.max(h,this.offsetHeight); }).css({'min-height': h+'px'});
+				jQuery("div.stackable").each(function(){ h=Math.max(h,this.offsetHeight); }).css({'min-height': h+'px'});
 				/*alert("Cas 3");*/
 			}
 			else {
 /**********************************************CAS 4*******************************************************************/
 	/* Navigation et Contenu meme alignement Top (Layout 35 et 36)*/
-				largeurcontenu = parseInt($("div.notstackable")[0].offsetWidth);
+				largeurcontenu = parseInt(jQuery("div.notstackable")[0].offsetWidth);
 				if (largeurcontenu==largeurextra) {
-					hstackable = (hauteurcontenu = parseInt($("div.notstackable")[0].offsetHeight)) + (hauteurext = parseInt($("div.laststackable")[0].offsetHeight));
-					hnavigation = parseInt($("div#navigation")[0].offsetHeight);
+					hstackable = (hauteurcontenu = parseInt(jQuery("div.notstackable")[0].offsetHeight)) + (hauteurext = parseInt(jQuery("div.laststackable")[0].offsetHeight));
+					hnavigation = parseInt(jQuery("div#navigation")[0].offsetHeight);
 					if(hstackable < hnavigation) {
-						$("div.notstackable").css({'min-height': (hnavigation - hauteurext)+'px'});
+						jQuery("div.notstackable").css({'min-height': (hnavigation - hauteurext)+'px'});
 					}
 					else {
-						$("div#navigation").css({'min-height': hstackable+'px'});
+						jQuery("div#navigation").css({'min-height': hstackable+'px'});
 					}
 					/*alert("Cas 4");*/
 				}
 				else	{
 /**********************************************CAS 5*******************************************************************/
 	/* Navigation et Contenu meme alignement Top (Layout 29 a 32 et 37 et 38)*/
-					hstackable = (hauteurcontenu = parseInt($("div.notstackable")[0].offsetHeight));
-					hnavigation = parseInt($("div#navigation")[0].offsetHeight);
+					hstackable = (hauteurcontenu = parseInt(jQuery("div.notstackable")[0].offsetHeight));
+					hnavigation = parseInt(jQuery("div#navigation")[0].offsetHeight);
 					if(hstackable > hnavigation) {
-						$("div#navigation").css({'min-height': hstackable+'px'});
+						jQuery("div#navigation").css({'min-height': hstackable+'px'});
 					}
 					else {
-					$("div.notstackable").css({'min-height': hnavigation+'px'});
+					jQuery("div.notstackable").css({'min-height': hnavigation+'px'});
 					}
 					/*alert("Cas 5");*/
 				}
@@ -194,32 +194,23 @@ function myInitPages() {
 	}
 	if (jQuery('#menuh').size() > 0) {
 		$(document).ready(function(){ 
-		  $("#menuh").attr('role','navigation')/*.supersubs({ 
-            minWidth:    12,   // minimum width of sub-menus in em units 
-            maxWidth:    24,   // maximum width of sub-menus in em units 
-            extraWidth:  1     // extra width can ensure lines don't sometimes turn over 
-                               // due to slight rounding differences and font-family 
-        })*/.superfish({
+		  $(".sf-menu").superfish({
 			hoverClass: 'hover',
-			delay: 800,
-			dropShadows: false
-		  })/*.find('ul').bgIframe({opacity:false})*/;
+			delay: 800
+		  });
 
-		  $("#switch-css option").click(function() { 
-				$("link").attr("href",$(this).attr('value'));
-				return false;
-			});
 		});
 	}
+
 	if (jQuery('#arretSurImg .mainCarousels').size() > 0) { homeCarousel('.mainCarousels'); }
 	if (jQuery('#arretSurImg2 .mainCarousels2').size() > 0) { homeCarousel2('.mainCarousels2'); }
 	[(#CONFIG{soyezcreateurs_layout/menuderoulant,replie}|=={replie}|oui)jp_expinit();]
 	// Surligner l'evenement en cours
 	var id_anchor  = location.hash.substr(1); //Get the word after the hash from the url
-	if (id_anchor) $('#'+id_anchor).parent().addClass('highlight_anchor'); // ajoute la classe highlight_anchor à l'element autour de l'ancre
+	if (id_anchor) jQuery('#'+id_anchor).parent().addClass('highlight_anchor'); // ajoute la classe highlight_anchor à l'element autour de l'ancre
 ;
 [(#CONFIG{soyezcreateurs/native_tooltips}|=={on}|non)
-	$(function() { $( document ).tooltip({
+	jQuery(function() { jQuery( document ).tooltip({
 		  track: true,
 		  items: '\[title\]:not(.crayon-icones *, .formulaire_crayon *, a span, a img, .postListItem *)',
 		  show: {
@@ -228,23 +219,23 @@ function myInitPages() {
 		});
 	});
 ]
-	$(".escapelinks").one("focus", "a", function() { $(".escapelinks").removeClass("escapelinks"); } );
+	jQuery(".escapelinks").one("focus", "a", function() { jQuery(".escapelinks").removeClass("escapelinks"); } );
 }
 ;
 function myInitLayout() {
 	if (CanceladjustLayout != true) {
 		adjustLayout();
-		$("body").resize(
+		jQuery("body").resize(
 			function () {
 			adjustLayout();
 			}
 		);
 		if (CancelMonitorTextSize != true) {
-			$.em.element = $('<div />').css({ left:     '-100em',
+			jQuery.em.element = jQuery('<div />').css({ left:     '-100em',
 										position: 'absolute',
 										width:    '100em' })
 								 .prependTo('div.texte')[0];
-			$('div.texte').bind('emchange', function(e, cur, prev) { adjustLayout(); });
+			jQuery('div.texte').bind('emchange', function(e, cur, prev) { adjustLayout(); });
 		}
 		onAjaxLoad(adjustLayout); // Merci Marcimat sur IRC !
 	}
@@ -453,379 +444,10 @@ function homeCarousel2(elt) {
 	});
 }
 
-/*!
- * hoverIntent v1.8.1 // 2014.08.11 // jQuery v1.9.1+
- * http://cherne.net/brian/resources/jquery.hoverIntent.html
- *
- * You may use hoverIntent under the terms of the MIT license. Basically that
- * means you are free to use hoverIntent as long as this header is left intact.
- * Copyright 2007, 2014 Brian Cherne
- */
- 
-/* hoverIntent is similar to jQuery's built-in "hover" method except that
- * instead of firing the handlerIn function immediately, hoverIntent checks
- * to see if the user's mouse has slowed down (beneath the sensitivity
- * threshold) before firing the event. The handlerOut function is only
- * called after a matching handlerIn.
- *
- * // basic usage ... just like .hover()
- * .hoverIntent( handlerIn, handlerOut )
- * .hoverIntent( handlerInOut )
- *
- * // basic usage ... with event delegation!
- * .hoverIntent( handlerIn, handlerOut, selector )
- * .hoverIntent( handlerInOut, selector )
- *
- * // using a basic configuration object
- * .hoverIntent( config )
- *
- * @param  handlerIn   function OR configuration object
- * @param  handlerOut  function OR selector for delegation OR undefined
- * @param  selector    selector OR undefined
- * @author Brian Cherne <brian(at)cherne(dot)net>
- */
-(function($) {
-    $.fn.hoverIntent = function(handlerIn,handlerOut,selector) {
-
-        // default configuration values
-        var cfg = {
-            interval: 100,
-            sensitivity: 6,
-            timeout: 0
-        };
-
-        if ( typeof handlerIn === "object" ) {
-            cfg = $.extend(cfg, handlerIn );
-        } else if ($.isFunction(handlerOut)) {
-            cfg = $.extend(cfg, { over: handlerIn, out: handlerOut, selector: selector } );
-        } else {
-            cfg = $.extend(cfg, { over: handlerIn, out: handlerIn, selector: handlerOut } );
-        }
-
-        // instantiate variables
-        // cX, cY = current X and Y position of mouse, updated by mousemove event
-        // pX, pY = previous X and Y position of mouse, set by mouseover and polling interval
-        var cX, cY, pX, pY;
-
-        // A private function for getting mouse position
-        var track = function(ev) {
-            cX = ev.pageX;
-            cY = ev.pageY;
-        };
-
-        // A private function for comparing current and previous mouse position
-        var compare = function(ev,ob) {
-            ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
-            // compare mouse positions to see if they've crossed the threshold
-            if ( Math.sqrt( (pX-cX)*(pX-cX) + (pY-cY)*(pY-cY) ) < cfg.sensitivity ) {
-                $(ob).off("mousemove.hoverIntent",track);
-                // set hoverIntent state to true (so mouseOut can be called)
-                ob.hoverIntent_s = true;
-                return cfg.over.apply(ob,[ev]);
-            } else {
-                // set previous coordinates for next time
-                pX = cX; pY = cY;
-                // use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)
-                ob.hoverIntent_t = setTimeout( function(){compare(ev, ob);} , cfg.interval );
-            }
-        };
-
-        // A private function for delaying the mouseOut function
-        var delay = function(ev,ob) {
-            ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
-            ob.hoverIntent_s = false;
-            return cfg.out.apply(ob,[ev]);
-        };
-
-        // A private function for handling mouse 'hovering'
-        var handleHover = function(e) {
-            // copy objects to be passed into t (required for event object to be passed in IE)
-            var ev = $.extend({},e);
-            var ob = this;
-
-            // cancel hoverIntent timer if it exists
-            if (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); }
-
-            // if e.type === "mouseenter"
-            if (e.type === "mouseenter") {
-                // set "previous" X and Y position based on initial entry point
-                pX = ev.pageX; pY = ev.pageY;
-                // update "current" X and Y position based on mousemove
-                $(ob).on("mousemove.hoverIntent",track);
-                // start polling interval (self-calling timeout) to compare mouse coordinates over time
-                if (!ob.hoverIntent_s) { ob.hoverIntent_t = setTimeout( function(){compare(ev,ob);} , cfg.interval );}
-
-                // else e.type == "mouseleave"
-            } else {
-                // unbind expensive mousemove event
-                $(ob).off("mousemove.hoverIntent",track);
-                // if hoverIntent state is true, then call the mouseOut function after the specified delay
-                if (ob.hoverIntent_s) { ob.hoverIntent_t = setTimeout( function(){delay(ev,ob);} , cfg.timeout );}
-            }
-        };
-
-        // listen for mouseenter and mouseleave
-        return this.on({'mouseenter.hoverIntent':handleHover,'mouseleave.hoverIntent':handleHover}, cfg.selector);
-    };
-})(jQuery);
-
-/*
- * Supersubs v0.2b - jQuery plugin
- * Copyright (c) 2008 Joel Birch
- *
- * Dual licensed under the MIT and GPL licenses:
- * 	http://www.opensource.org/licenses/mit-license.php
- * 	http://www.gnu.org/licenses/gpl.html
- *
- *
- * This plugin automatically adjusts submenu widths of suckerfish-style menus to that of
- * their longest list item children. If you use this, please expect bugs and report them
- * to the jQuery Google Group with the word 'Superfish' in the subject line.
- *
- */
-
-;(function($){ // $ will refer to jQuery within this closure
-
-	$.fn.supersubs = function(options){
-		var opts = $.extend({}, $.fn.supersubs.defaults, options);
-		// return original object to support chaining
-		return this.each(function() {
-			// cache selections
-			var $$ = $(this);
-			// support metadata
-			var o = $.meta ? $.extend({}, opts, $$.data()) : opts;
-			// get the font size of menu.
-			// .css('fontSize') returns various results cross-browser, so measure an em dash instead
-			var fontsize = $('<li id="menu-fontsize">&#8212;</li>').css({
-				'padding' : 0,
-				'position' : 'absolute',
-				'top' : '-999em',
-				'width' : 'auto'
-			}).appendTo($$).width(); //clientWidth is faster, but was incorrect here
-			// remove em dash
-			$('#menu-fontsize').remove();
-			// cache all ul elements
-			$ULs = $$.find('ul');
-			// loop through each ul in menu
-			$ULs.each(function(i) {	
-				// cache this ul
-				var $ul = $ULs.eq(i);
-				// get all (li) children of this ul
-				var $LIs = $ul.children();
-				// get all anchor grand-children
-				var $As = $LIs.children('a');
-				// force content to one line and save current float property
-				var liFloat = $LIs.css('white-space','nowrap').css('float');
-				// remove width restrictions and floats so elements remain vertically stacked
-				var emWidth = $ul.add($LIs).add($As).css({
-					'float' : 'none',
-					'width'	: 'auto'
-				})
-				// this ul will now be shrink-wrapped to longest li due to position:absolute
-				// so save its width as ems. Clientwidth is 2 times faster than .width() - thanks Dan Switzer
-				.end().end()[0].clientWidth / fontsize;
-				// add more width to ensure lines don't turn over at certain sizes in various browsers
-				emWidth += o.extraWidth;
-				// restrict to at least minWidth and at most maxWidth
-				if (emWidth > o.maxWidth)		{ emWidth = o.maxWidth; }
-				else if (emWidth < o.minWidth)	{ emWidth = o.minWidth; }
-				emWidth += 'em';
-				// set ul to width in ems
-				$ul.css('width',emWidth);
-				// restore li floats to avoid IE bugs
-				// set li width to full width of this ul
-				// revert white-space to normal
-				$LIs.css({
-					'float' : liFloat,
-					'width' : '100%',
-					'white-space' : 'normal'
-				})
-				// update offset position of descendant ul to reflect new width of parent
-				.each(function(){
-					var $childUl = $('>ul',this);
-					var offsetDirection = $childUl.css('left')!==undefined ? 'left' : 'right';
-					$childUl.css(offsetDirection,emWidth);
-				});
-			});
-			
-		});
-	};
-	// expose defaults
-	$.fn.supersubs.defaults = {
-		minWidth		: 9,		// requires em unit.
-		maxWidth		: 25,		// requires em unit.
-		extraWidth		: 0			// extra width can ensure lines don't sometimes turn over due to slight browser differences in how they round-off values
-	};
-	
-})(jQuery); // plugin code ends
-
-// Inspiré de http://users.tpg.com.au/j_birch/plugins/superfish/
-// Menu accessible : http://aquelito.fr/truc/menu3/ 
-/*
- * Superfish v1.4.8 - jQuery menu widget
- * Copyright (c) 2008 Joel Birch
- *
- * Dual licensed under the MIT and GPL licenses:
- * 	http://www.opensource.org/licenses/mit-license.php
- * 	http://www.gnu.org/licenses/gpl.html
- *
- * CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
- */
-
-
-;(function($){
-	$.fn.superfish = function(op){
-		var sf = $.fn.superfish,
-			c = sf.c,
-			$arrow = $(['<span class="'+ c.arrowClass +'"></span>'].join('')),
-			over = function(){
-				var $$ = $(this), menu = getMenu($$);
-				clearTimeout(menu.sfTimer);
-				$$.showSuperfishUl().siblings().hideSuperfishUl();
-			},
-			out = function(){
-				var $$ = $(this), menu = getMenu($$), o = sf.op;
-				clearTimeout(menu.sfTimer);
-				menu.sfTimer=setTimeout(function(){
-					o.retainPath=($.inArray($$[0],o.$path)>-1);
-					$$.hideSuperfishUl();
-					if (o.$path.length && $$.parents([ 'li.', o.hoverClass ].join('')).length<1){over.call(o.$path);}
-				},o.delay);	
-			},
-			getMenu = function($menu){
-				var menu = $menu.parents([ 'ul.', c.menuClass, ':first' ].join(''))[0];
-				sf.op = sf.o[menu.serial];
-				return menu;
-			},
-			addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };
-			
-		return this.each(function() {
-			var s = this.serial = sf.o.length;
-			var o = $.extend({},sf.defaults,op);
-			o.$path = $('li.'+ o.pathClass,this).slice(0, o.pathLevels).each(function(){
-				$(this).addClass([o.hoverClass,c.bcClass].join(' '))
-					.filter('li:has(ul)').removeClass(o.pathClass);
-			});
-			sf.o[s] = sf.op = o;
-			
-			$('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() {
-				if (o.autoArrows) { 
-					addArrow( $(' > a:first-child',this) );
-					addArrow( $(' > strong > a:first-child',this) );
-				}
-			})
-			.not('.'+c.bcClass)
-				.hideSuperfishUl();
-			
-			var $a = $('a',this);
-			$a.each(function(i){
-				var $li = $a.eq(i).parents('li');
-				$a.eq(i).focus(function() { over.call($li); } ).blur(function() { out.call($li); });
-			});
-			o.onInit.call(this);
-			
-		}).each(function() {
-			var menuClasses = [c.menuClass];
-			if (sf.op.dropShadows  && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);
-			$(this).addClass(menuClasses.join(' '));
-		});
-	};
-
-	var sf = $.fn.superfish;
-	sf.o = [];
-	sf.op = {};
-	sf.IE7fix = function(){
-		var o = sf.op;
-		if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity != undefined)
-			this.toggleClass(sf.c.shadowClass + '-off');
-		};
-	sf.c = {
-		bcClass     : 'sf-breadcrumb',
-		menuClass   : 'drop',
-		anchorClass : 'sf-with-ul',
-		arrowClass  : 'sf-sub-indicator',
-		shadowClass : 'sf-shadow'
-	};
-	sf.defaults = {
-		hoverClass	: 'sfhover',
-		pathClass	: 'overideThisToUse',
-		pathLevels	: 1,
-		delay		: 800,
-		animation	: {opacity:'show'},
-		speed		: 'normal',
-		autoArrows	: true,
-		dropShadows : true,
-		disableHI	: false,		// true disables hoverIntent detection
-		onInit		: function(){}, // callback functions
-		onBeforeShow: function(){},
-		onShow		: function(){},
-		onHide		: function(){}
-	};
-	$.fn.extend({
-		hideSuperfishUl : function(){
-			var o = sf.op,
-				not = (o.retainPath===true) ? o.$path : '';
-			o.retainPath = false;
-			var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass).find(' > ul');
-			o.onHide.call($ul);
-			return this;
-		},
-		showSuperfishUl : function(){
-			var o = sf.op,
-				sh = sf.c.shadowClass+'-off',
-				$ul = this.addClass(o.hoverClass).find(' > ul:hidden');
-			sf.IE7fix.call($ul);
-			o.onBeforeShow.call($ul);
-			$ul.animate(o.animation, o.speed, function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });
-			return this;
-		}
-	});
-})(jQuery);
-
-/*! Copyright (c) 2010 Brandon Aaron (http://brandonaaron.net)
- * Licensed under the MIT License (LICENSE.txt).
- *
- * Version 2.1.2
- */
-
-(function($){
-
-$.fn.bgiframe = ($.browser.msie && /msie 6\.0/i.test(navigator.userAgent) ? function(s) {
-    s = $.extend({
-        top     : 'auto', // auto == .currentStyle.borderTopWidth
-        left    : 'auto', // auto == .currentStyle.borderLeftWidth
-        width   : 'auto', // auto == offsetWidth
-        height  : 'auto', // auto == offsetHeight
-        opacity : true,
-        src     : 'javascript:false;'
-    }, s);
-    var html = '<iframe class="bgiframe"tabindex="-1"src="'+s.src+'"'+
-                   'style="display:block;position:absolute;z-index:-1;'+
-                       (s.opacity !== false?'filter:Alpha(Opacity=\'0\');':'')+
-                       'top:'+(s.top=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderTopWidth)||0)*-1)+\'px\')':prop(s.top))+';'+
-                       'left:'+(s.left=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderLeftWidth)||0)*-1)+\'px\')':prop(s.left))+';'+
-                       'width:'+(s.width=='auto'?'expression(this.parentNode.offsetWidth+\'px\')':prop(s.width))+';'+
-                       'height:'+(s.height=='auto'?'expression(this.parentNode.offsetHeight+\'px\')':prop(s.height))+';'+
-                '"/>';
-    return this.each(function() {
-        if ( $(this).children('iframe.bgiframe').length === 0 )
-            this.insertBefore( document.createElement(html), this.firstChild );
-    });
-} : function() { return this; });
-
-// old alias
-$.fn.bgIframe = $.fn.bgiframe;
-
-function prop(n) {
-    return n && n.constructor === Number ? n + 'px' : n;
-}
-
-})(jQuery);
-
-$(document).ready(function() {
+jQuery(document).ready(function() {
 	myInitPages();
 	// Ceci devrait régler le problème de l'ajustement des colonne pas toujours fait
-	$(window).on('load',function() {
+	jQuery(window).on('load',function() {
 		myInitLayout();
 	});
 });
diff --git a/noisettes/footer/footer_modeedito.html b/noisettes/footer/footer_modeedito.html
index 53500cb03e909e5ee063ffc55a562b419218dcc1..31a5f87dc2d089bbc9eff6357ea70071d7e2f117 100644
--- a/noisettes/footer/footer_modeedito.html
+++ b/noisettes/footer/footer_modeedito.html
@@ -91,7 +91,7 @@
 
 <div class="espaceavant">
 <B_Secteurs>
-<ul class="tv menuul#ID_RUBRIQUE">
+<ul class="sf-menu sf-vertical menuul#ID_RUBRIQUE">
   <BOUCLE_Secteurs(RUBRIQUES){racine}{par num titre}{!mots.titre=MenuHaut}{!mots.titre=PasDansMenu}{!lang_select}>
   #SET{classeracine,menuli#ID_RUBRIQUE}
   <BOUCLE_debut_secteur(RUBRIQUES){id_parent}{0,1}>[(#SET{classeracine,[(#GET{classeracine}) ]smenu})]</BOUCLE_debut_secteur>
diff --git a/noisettes/header/header.html b/noisettes/header/header.html
index 93f586a44b021534b82b08b995a0482df094977a..e7578a38cbb8d61e63572a947b027cec2b2ad6b6 100644
--- a/noisettes/header/header.html
+++ b/noisettes/header/header.html
@@ -68,7 +68,6 @@
 		]</BOUCLE_RubLayout>[(#REM) Sinon
 		][(#ENV{template}|=={'Sommaire'}|oui)<link rel="stylesheet" type="text/css" href="[(#PRODUIRE{fond=layout.css,layoutgala=[(#CONFIG{soyezcreateurs_layout/sommaire_layout,33})]}|direction_css|compacte)" media="all" />]][(#ENV{template}|=={'Sommaire'}|non)[<link rel="stylesheet" type="text/css" href="(#PRODUIRE{fond=layout.css,layoutgala=[(#CONFIG{soyezcreateurs_layout/default_layout,33})]}|direction_css)" media="all" />]]<//B_RubLayout>[(#REM) Fin de la recherche d'une rubrique
 	]<//B_ArtRubLayout>
-<link rel="stylesheet" type="text/css" href="[(#CHEMIN{css/box.css}|direction_css|timestamp)]" media="all" />
 [<link rel="stylesheet" type="text/css" href="(#PRODUIRE{fond=stylessoyezcreateurs.css}|direction_css)" media="all" />]
 [(#ENV{template}|=={'Sommaire'}|oui)[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|match{^portail.*}|oui)<link rel="stylesheet" type="text/css" href="[(#PRODUIRE{fond=styles#CONFIG{soyezcreateurs/mode_affichage,communiquant}.css}|direction_css)]" media="all" />]]
 [(#ENV{template}|=={'Sommaire'}|oui)[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|match{^communiquant.*}|oui)<link rel="stylesheet" type="text/css" href="[(#PRODUIRE{fond=stylescommuniquant.css}|direction_css)]" media="all" />]]
@@ -78,15 +77,6 @@
 <INCLURE{fond=noisettes/header/headerbanner,id_rubrique,template}>
 <INCLURE{fond=noisettes/header/footerbanner,id_rubrique,template}>
 <INCLURE{fond=noisettes/header/fondpage,id_rubrique,template}>
-<!--[if IE 6]>[
-	<link rel="stylesheet" href="(#CHEMIN{css/ie6.css}|direction_css|timestamp)" type="text/css" />
-]<![endif]-->
-<!--[if IE 7]>[
-	<link rel="stylesheet" href="(#CHEMIN{css/ie7.css}|direction_css|timestamp)" type="text/css" />
-]<![endif]-->
-<!--[if IE]>[
-	<link rel="stylesheet" href="(#PRODUIRE{fond=css/ie.css}|direction_css|timestamp)" type="text/css" /> 
-]<![endif]-->
 [<link rel="stylesheet" href="(#CHEMIN{images/printer.css}|direction_css|timestamp)" type="text/css" media="print" />]
 [(#ENV{wdcalendar}|=={oui}|oui)
 [<link rel='stylesheet' href='(#CHEMIN{css/calendar/dailog.css}|direction_css|timestamp)' type='text/css' />]
diff --git a/noisettes/menus/menuhaut.html b/noisettes/menus/menuhaut.html
index b048adf916356a229184b6a64378e2053d5a07e4..c49259105298c6567cdac3d9533aa5a8e1f8c24a 100644
--- a/noisettes/menus/menuhaut.html
+++ b/noisettes/menus/menuhaut.html
@@ -4,7 +4,7 @@
 </div>]
 <nav id="menuhaut">
 	<h2 class="nocontent offscreen">Menu principal</h2>
-	<ul id="menuh">
+	<ul id="menuh" class="sf-menu">
 		<BOUCLE_MenuHaut(RUBRIQUES){titre_mot=MenuHaut}{par num titre}{!lang_select}><li class="menuh#ID_RUBRIQUE #EDIT{titre}"><INCLURE{fond=noisettes/menus/rubrique_li,
 			id_rubrique,
 			rubriqueencours=#ENV{secteurencours},
diff --git a/noisettes/sommaire/inc_sommaire_modeinternational_alaune.html b/noisettes/sommaire/inc_sommaire_modeinternational_alaune.html
index 190bb075ae088cd0d61920fb6b310adf8bb55dfd..ce582c457f54a604f916c69e2ba5f1f8a244623c 100644
--- a/noisettes/sommaire/inc_sommaire_modeinternational_alaune.html
+++ b/noisettes/sommaire/inc_sommaire_modeinternational_alaune.html
@@ -5,22 +5,12 @@
 			{date_fin>=(#ENV{date}|affdate{'Y-m-d'})}
 			{statut=publie}
 		>[(#CONFIG{soyezcreateurs/homeagenda,on}|=={on}|oui)hauteur1]</BOUCLE_AgendaEvenementsFuturs><BOUCLE_ZoomSur2(ARTICLES){titre_mot==^ZoomSur2}{!archive}{age<20}{0,1}>hauteur1</BOUCLE_ZoomSur2>#ENV{HauteurALaUne}<//B_ZoomSur2><//B_AgendaEvenementsFuturs>">
-				<div class="box simple">
-					<b class="top">
-						<b class="tl"></b>
-						<b class="tr"></b>
-					</b>
-					<div class="inner">
+				<div class="simple">
 					<div class="hd bam h1"><:soyezcreateurs:alaune:></div>
 					<div class="bd"><dl><BOUCLE_articles_recentsAlaUne(ARTICLES) {!par #CONFIG{soyezcreateurs/ordre_quoideneuf,date_modif}}{0,(#CONFIG{soyezcreateurs/nombres_alanune,4})}{titre_mot=AlaUne}{doublons}{lang}{!archive}>
 	<dt[(#COMPTEUR_BOUCLE|alterner{'',' class="odd"'})]><a href="#ARTICLE_URL" title="[(#DESCRIPTIF|attribut_html)][ ((#INCLURE{fond=noisettes/aff_datepublication,id_article}|supprimer_tags))]">[(#TITRE)]</a></dt>[<dd>(#INTRODUCTION|couper{50}|lignes_longues{15})</dd>]
 </BOUCLE_articles_recentsAlaUne></dl></div>
 					<div class="hd bam archives"><a href="[(#SELF|parametre_url{alaune,archives})]"><:soyezcreateurs:archives:></a></div>
 				</div>
-				<b class="bottom">
-					<b class="bl"></b>
-					<b class="br"></b>
-				</b>
-				</div>
 			</div></B_articles_recentsAlaUne>
 #FILTRE{mini_html}
\ No newline at end of file
diff --git a/noisettes/sommaire/inc_sommaire_modeinternational_alaune_archives.html b/noisettes/sommaire/inc_sommaire_modeinternational_alaune_archives.html
index c2155ef394fadd90bd2c09e26bf9863a46c7290a..414677553805c2a82924c1a45e88e0d22e8547ad 100644
--- a/noisettes/sommaire/inc_sommaire_modeinternational_alaune_archives.html
+++ b/noisettes/sommaire/inc_sommaire_modeinternational_alaune_archives.html
@@ -5,12 +5,7 @@
 			{date_fin>=(#ENV{date}|affdate{'Y-m-d'})}
 			{statut=publie}
 		>[(#CONFIG{soyezcreateurs/homeagenda,on}|=={on}|oui)hauteur1]</BOUCLE_AgendaEvenementsFuturs><BOUCLE_ZoomSur2(ARTICLES){titre_mot==^ZoomSur2}{!archive}{age<20}{0,1}>hauteur1</BOUCLE_ZoomSur2>#ENV{HauteurALaUne}<//B_ZoomSur2><//B_AgendaEvenementsFuturs>">
-				<div class="box simple">
-					<b class="top">
-						<b class="tl"></b>
-						<b class="tr"></b>
-					</b>
-					<div class="inner">
+				<div class="simple">
 					<div class="hd bam h1"><:soyezcreateurs:alaune:> (<:soyezcreateurs:archives:>)</div>
 					<div class="bd"><dl><BOUCLE_articles_recentsAlaUne(ARTICLES) {!par #CONFIG{soyezcreateurs/ordre_quoideneuf,date_modif}}{titre_mot=AlaUne}{doublons}{lang}{archive}{pagination 10}>
 	<dt[(#COMPTEUR_BOUCLE|alterner{'',' class="odd"'})]><a href="#ARTICLE_URL" title="[(#DESCRIPTIF|attribut_html)][ ((#INCLURE{fond=noisettes/aff_datepublication,id_article}|supprimer_tags))]">[(#TITRE)]</a></dt>[<dd>(#INTRODUCTION|couper{50}|lignes_longues{15})</dd>]
@@ -19,10 +14,5 @@
 					</div>
 					<div class="hd bam archives"><a href="[(#SELF|parametre_url{alaune,''}|parametre_url{debut_articles_recentsAlaUne,''})]"><:spip:retour:></a></div>
 				</div>
-				<b class="bottom">
-					<b class="bl"></b>
-					<b class="br"></b>
-				</b>
-				</div>
 			</div></B_articles_recentsAlaUne>
 #FILTRE{mini_html}
\ No newline at end of file
diff --git a/noisettes/sommaire/inc_sommaire_modeinternational_endirect.html b/noisettes/sommaire/inc_sommaire_modeinternational_endirect.html
index 424a015526b5f34840dd35d38b4bde14bbf14786..7dcf631632efb6d3665ff4b82d046da746da7148 100644
--- a/noisettes/sommaire/inc_sommaire_modeinternational_endirect.html
+++ b/noisettes/sommaire/inc_sommaire_modeinternational_endirect.html
@@ -3,12 +3,7 @@
 <BOUCLE_exclus_Mots(ARTICLES){titre_mot IN PasDansQuoiDeNeuf,Goodies,ZoomSur,ZoomSur2,ZoomSur2_Variante1,ZoomSur2_Variante2,ALaUne}{doublons} />
 <B3>
 			<div id="direct" class="outerbox #ENV{hauteur,hauteur1}">
-				<div class="box simple">
-					<b class="top">
-						<b class="tl"></b>
-						<b class="tr"></b>
-					</b>
-					<div class="inner">
+				<div class="simple">
 						<BOUCLE_TitreZoneEnDirect(GROUPES_MOTS){titre=_EnDirect}>
 						<div class="hd bam h1">[(#DESCRIPTIF|ptobr)]</div>
 						</BOUCLE_TitreZoneEnDirect>
@@ -35,11 +30,6 @@
 						</BOUCLE_MotsEnDirect>
 						</div>
 						<div class="hd bam archives"><a href="[(#SELF|parametre_url{endirect,archives})]"><:soyezcreateurs:archives:></a></div>
-					</div>
-					<b class="bottom">
-						<b class="bl"></b>
-						<b class="br"></b>
-					</b>
 				</div>
 			</div>
 </B3>
diff --git a/noisettes/sommaire/inc_sommaire_modeinternational_endirect_archives.html b/noisettes/sommaire/inc_sommaire_modeinternational_endirect_archives.html
index 33645b77eedd85dd65d6b93dca42a707b00e535c..bcf66002aa3be4f7d118a973a7dbe169c3698438 100644
--- a/noisettes/sommaire/inc_sommaire_modeinternational_endirect_archives.html
+++ b/noisettes/sommaire/inc_sommaire_modeinternational_endirect_archives.html
@@ -2,12 +2,7 @@
 <BOUCLE_Rubriques_Exclues(RUBRIQUES){titre_mot=PasDansQuoiDeNeuf}><BOUCLE_Articles_Exclus(ARTICLES){id_rubrique}{doublons}{lang} /></BOUCLE_Rubriques_Exclues>
 <BOUCLE_exclus_Mots(ARTICLES){titre_mot IN PasDansQuoiDeNeuf,Goodies,ZoomSur,ZoomSur2,ZoomSur2_Variante1,ZoomSur2_Variante2,ALaUne}{doublons} />
 			<div id="direct" class="outerbox #ENV{hauteur,hauteur1}">
-				<div class="box simple">
-					<b class="top">
-						<b class="tl"></b>
-						<b class="tr"></b>
-					</b>
-					<div class="inner">
+				<div class="simple">
 						<BOUCLE_TitreZoneEnDirect(GROUPES_MOTS){titre=_EnDirect}>
 						<div class="hd bam h1">[(#DESCRIPTIF|ptobr)] (<:soyezcreateurs:archives:>)</div>
 						</BOUCLE_TitreZoneEnDirect>
@@ -38,11 +33,6 @@
 						</BOUCLE_MotsEnDirect>
 						</div>
 						<div class="hd bam archives"><a href="[(#SELF|parametre_url{endirect,''})]"><:spip:retour:></a></div>
-					</div>
-					<b class="bottom">
-						<b class="bl"></b>
-						<b class="br"></b>
-					</b>
 				</div>
 			</div>
 #FILTRE{mini_html}
\ No newline at end of file
diff --git a/noisettes/sommaire/inc_sommaire_modeinternational_goodies.html b/noisettes/sommaire/inc_sommaire_modeinternational_goodies.html
index 088ead213a0c347c7ce41b4608d71ca6e7409490..184a2fd2e5fa9552a293871c497f5a6b91bc9057 100644
--- a/noisettes/sommaire/inc_sommaire_modeinternational_goodies.html
+++ b/noisettes/sommaire/inc_sommaire_modeinternational_goodies.html
@@ -2,12 +2,7 @@
 			<BOUCLE_MemoGoodiesRubrique(RUBRIQUES){titre_mot=#ENV{mc,Goodies}}><BOUCLE_Articles_Exclus(ARTICLES){id_rubrique}{doublons goodies}{lang} /></BOUCLE_MemoGoodiesRubrique>
 						<B_Goodies>
 			<div id="info" class="outerbox hauteur2">
-				<div class="box simple">
-				<b class="top">
-					<b class="tl"></b>
-					<b class="tr"></b>
-				</b>
-				<div class="inner">
+				<div class="simple">
 					<div class="hd bam h1"><BOUCLE_TitreGoodies(MOTS){type=_ModePortail}{titre=#ENV{mc,Goodies}}{0,1}>[(#TEXTE|ptobr)]</BOUCLE_TitreGoodies><:soyezcreateurs:plus_loin:><//B_TitreGoodies></div>
 					<div class="bd">
 						<dl>
@@ -18,32 +13,17 @@
 					</div>
 					<div class="hd bam archives"><a href="[(#SELF|parametre_url{#ENV{mc,Goodies},archives})]"><:soyezcreateurs:archives:></a></div>
 				</div>
-				<b class="bottom">
-					<b class="bl"></b>
-					<b class="br"></b>
-				</b>
-				</div>
 			</div>
 					</B_Goodies>
 					<BOUCLE_GoodiesArchives(ARTICLES){!doublons goodies}{!par date}{age<(#CONFIG{soyezcreateurs/age_goodies,30})}{archive}{0,1}>
 			<div id="info" class="outerbox hauteur2">
-				<div class="box simple">
-				<b class="top">
-					<b class="tl"></b>
-					<b class="tr"></b>
-				</b>
-				<div class="inner">
+				<div class="simple">
 					<div class="hd bam h1"><BOUCLE_TitreGoodies2(MOTS){type=_ModePortail}{titre=#ENV{mc,Goodies}}{0,1}>[(#TEXTE|ptobr)]</BOUCLE_TitreGoodies2><:soyezcreateurs:plus_loin:><//B_TitreGoodies2></div>
 					<div class="bd">
 					<p>Consultez les archives.</p>
 					</div>
 					<div class="hd bam archives"><a href="[(#SELF|parametre_url{#ENV{mc,Goodies},archives})]"><:soyezcreateurs:archives:></a></div>
 				</div>
-				<b class="bottom">
-					<b class="bl"></b>
-					<b class="br"></b>
-				</b>
-				</div>
 			</div>
 					</BOUCLE_GoodiesArchives>
 					<//B_Goodies>
diff --git a/noisettes/sommaire/inc_sommaire_modeinternational_goodies_archives.html b/noisettes/sommaire/inc_sommaire_modeinternational_goodies_archives.html
index 86a82da83e1701ee25a598ba3abb8f4bcb93915d..bd9ca4758faa8c5c08c0f5a30dd358695725f08c 100644
--- a/noisettes/sommaire/inc_sommaire_modeinternational_goodies_archives.html
+++ b/noisettes/sommaire/inc_sommaire_modeinternational_goodies_archives.html
@@ -4,12 +4,7 @@
 			<BOUCLE_MemoGoodiesRubriqueArchives(RUBRIQUES){titre_mot=#ENV{mc,Goodies}}><BOUCLE_Articles_ExclusArchives(ARTICLES){id_rubrique}{doublons goodies}{archive}{lang} /></BOUCLE_MemoGoodiesRubriqueArchives>
 			<B_Goodies>
 			<div id="info" class="outerbox hauteur2">
-				<div class="box simple">
-				<b class="top">
-					<b class="tl"></b>
-					<b class="tr"></b>
-				</b>
-				<div class="inner">
+				<div class="simple">
 					<div class="hd bam h1"><BOUCLE_TitreGoodies(MOTS){type=_ModePortail}{titre=#ENV{mc,Goodies}}{0,1}>[(#TEXTE|ptobr)]</BOUCLE_TitreGoodies><:soyezcreateurs:plus_loin:><//B_TitreGoodies> (<:soyezcreateurs:archives:>)</div>
 					<div class="bd">
 						<dl>
@@ -21,11 +16,6 @@
 					</div>
 					<div class="hd bam archives"><a href="[(#SELF|parametre_url{#ENV{mc,Goodies},''}|parametre_url{debut_Goodies,''})]"><:spip:retour:></a></div>
 				</div>
-				<b class="bottom">
-					<b class="bl"></b>
-					<b class="br"></b>
-				</b>
-				</div>
 			</div>
 			</B_Goodies>
 #FILTRE{mini_html}
\ No newline at end of file
diff --git a/noisettes/sommaire/sommaire_modeinternational.html b/noisettes/sommaire/sommaire_modeinternational.html
index fd0f8eb4e767414ed8f3bc442a273a8910d3e174..b9f16eb8f8c287001c81f66c8a4e1953918f8a01 100644
--- a/noisettes/sommaire/sommaire_modeinternational.html
+++ b/noisettes/sommaire/sommaire_modeinternational.html
@@ -47,30 +47,15 @@
 			{date_fin>=(#ENV{date}|affdate{'Y-m-d'})}
 			{statut=publie}
 		>[(#CONFIG{soyezcreateurs/homeagenda,on}|=={on}|oui)<div id="agenda" class="outerbox hauteur2">
-				<div class="box simple">
-					<b class="top">
-						<b class="tl"></b>
-						<b class="tr"></b>
-					</b>
-					<div class="inner">
+				<div class="simple">
 						<div class="hd bam h1">Agenda</div>
 						<div class="bd">#INCLURE{fond=noisettes/agenda/miniagenda,env,ajax}</div>
-					</div>
-					<b class="bottom">
-						<b class="bl"></b>
-						<b class="br"></b>
-					</b>
 				</div>
 			</div>]</BOUCLE_AgendaEvenementsFuturs>
 
 			<B_ZoomSur2>
 			<div id="hommefemme" class="outerbox hauteur2">
-				<div class="box simple">
-				<b class="top">
-					<b class="tl"></b>
-					<b class="tr"></b>
-				</b>
-				<div class="inner">
+				<div class="simple">
 					<BOUCLE_ZoomSur2(ARTICLES){titre_mot==^ZoomSur2}{!archive}{!par date}{age<20}{0,1}>
 					<BOUCLE_TitreMot(MOTS){id_article}{titre==^ZoomSur2}>#SET{TypeZoom,#TITRE}</BOUCLE_TitreMot>
 					<div class="hd bam h1">#INFO_TITRE{rubrique,#ID_RUBRIQUE}</div>
@@ -78,11 +63,6 @@
 					<div class="hd bam archives"><a href="#URL_RUBRIQUE"><:soyezcreateurs:archives:></a></div>
 					</BOUCLE_ZoomSur2>
 				</div>
-				<b class="bottom">
-					<b class="bl"></b>
-					<b class="br"></b>
-				</b>
-				</div>
 			</div>
 			</B_ZoomSur2>
 
@@ -97,12 +77,7 @@
 #INCLURE{fond=noisettes/sommaire/inc_sommaire_modeinternational_endirect,hauteur=hauteur1,env}
 })]
 			<div id="hommefemme" class="outerbox hauteur2">
-				<div class="box simple">
-				<b class="top">
-					<b class="tl"></b>
-					<b class="tr"></b>
-				</b>
-				<div class="inner">
+				<div class="simple">
 					<BOUCLE_ZoomSur(ARTICLES){titre_mot=ZoomSur}{!archive}{!par date}{0,1}>
 					<div class="hd bam h1">#INFO_TITRE{rubrique,#ID_RUBRIQUE}</div>
 					<div class="bd">
@@ -112,11 +87,6 @@
 					<div class="hd bam archives"><a href="#URL_RUBRIQUE"><:soyezcreateurs:archives:></a></div>
 					</BOUCLE_ZoomSur>
 				</div>
-				<b class="bottom">
-					<b class="bl"></b>
-					<b class="br"></b>
-				</b>
-				</div>
 			</div>
 			</B_ZoomSur>
 [(#ENV{endirect}|=={archives}|?{
@@ -128,12 +98,7 @@
 		<div id="block3" class="troistiers">
 			<BOUCLE_CycloShow(RUBRIQUES){titre_mot=CycloShow}{0,1}>
 			<div id="image" class="outerbox hauteur3">
-				<div class="box simple">
-				<b class="top">
-					<b class="tl"></b>
-					<b class="tr"></b>
-				</b>
-					<div class="inner">
+				<div class="simple">
 						<div class="hd bam h1">#TITRE</div>
 						<div class="bd">
 							<div id="arretSurImg">
@@ -166,30 +131,14 @@
 								<div class="hd bam archives"><a href="#URL_RUBRIQUE"><:soyezcreateurs:archives:></a></div>
 							</div><!-- #arretSurImg -->
 						</div>
-					</div>
-					<b class="bottom">
-						<b class="bl"></b>
-						<b class="br"></b>
-					</b>
 				</div>
 			</div>
 			</BOUCLE_CycloShow>
 			<div id="time" class="outerbox hauteur4">
-				<div class="box simple">
-					<b class="top">
-						<b class="tl"></b>
-						<b class="tr"></b>
-					</b>
-					<div class="inner">
-
-						<div class="bd">
+				<div class="simple">
+					<div class="bd">
 <INCLURE{fond=noisettes/sommaire/inc_sommaire_modeinternational_horloges}>
-						</div>
 					</div>
-					<b class="bottom">
-						<b class="bl"></b>
-						<b class="br"></b>
-					</b>
 				</div>
 			</div>
 [(#ENV{Goodies}|=={archives}|?{
diff --git a/paquet.xml b/paquet.xml
index 8f98ddb60009213650bd10c5fff78539107c36ca..3110d65348812660c33ce1d1ca9d0c804b8a599e 100644
--- a/paquet.xml
+++ b/paquet.xml
@@ -1,7 +1,7 @@
 <paquet
 	prefix="soyezcreateurs"
 	categorie="squelette"
-	version="5.0.102"
+	version="5.1.0"
 	etat="stable"
 	compatibilite="[3.1.8;3.3.*]"
 	logo="img_pack/soyezcreateurs-32.png"
@@ -51,6 +51,7 @@
 	<necessite nom="spip_bonux" compatibilite="[3.2.0;[" />
 	<necessite nom="typoenluminee" compatibilite="[3.5.12;[" />
 	<necessite nom="cextras" compatibilite="[3.11.7;[" />
+	<necessite nom="superfish" compatibilite="[1.0.0;[" />
  	
 	<utilise nom="AccesRestreint" compatibilite="[3.13.1;[" />
 	<utilise nom="article_pdf" compatibilite="[0.4.6;[" />
diff --git a/stylessoyezcreateurs.css.html b/stylessoyezcreateurs.css.html
index 63eca90cd8a0bdf476dc0722cfcc8ed2c3bd1b79..cab0ea29626ceaaecace5bed63b4909dd3ae9c22 100644
--- a/stylessoyezcreateurs.css.html
+++ b/stylessoyezcreateurs.css.html
@@ -511,8 +511,7 @@ input[type="submit"],input[type="reset"] {font-size: inherit;}
 #chemin {}
 #chemin .bouton_deplacer {font-size: 10px;color: #GET{lien};-webkit-opacity:0.6;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);}
 #chemin:hover .bouton_deplacer {-webkit-opacity:1.0;-moz-opacity:1.0;opacity:1.0;filter:alpha(opacity=100);}
-.box, .box .inner  {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
-.box .inner .hd  {border-top-left-radius:5px; border-top-right-radius:5px;}
+.box  {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
 .note {border: 0;}
 .box.error,.box.success,.box.notice {border: 0;}
 
@@ -791,7 +790,7 @@ a#logo { display: block; clear: right; margin-left: 80px; }
 ][(#CONFIG{soyezcreateurs_layout/positioncartouchetitre,contenu}|=={haut}|oui)
 	margin-top: 1.5rem;
 ]
-	overflow: hidden; background-color: transparent; }
+	background-color: transparent; }
 #menu ul img.menu_plus, #menu ul img.menu_minus { float: left; position: absolute; z-index: 100; width: 9px; height: 9px; margin: .7em 0 0; margin-right:0; margin-left:5px; border: 0; background-repeat: no-repeat; }
 #menu ul ul img.menu_plus, #menu ul ul img.menu_minus { margin: .3em 0 0; margin-right:0; margin-left:5px;}
 #menu img.menu_plus { background-image: url([(#CHEMIN{images/menu_plus.gif}|embarque_fichier)]); }
@@ -1009,6 +1008,7 @@ table.programmation caption { text-align: left; }
 /* Menu Navigation Haute */
 #navHaute { float: left; }
 #navHaute ul { padding:0; }
+#menuhaut .sf-menu > li > a { border: none;}
 #navHaute ul li { display: inline; padding-left: 2em; }
 /* Menu Déroulant du haut */
 #menuhaut ul { text-align: center; }
@@ -1016,11 +1016,10 @@ table.programmation caption { text-align: left; }
 #menuh > li a {background: #GET{c_menu_a_bk}; color:#GET{c_menu_a}; display: block; line-height: 1em; }
 #menuh strong a, #menuh ul strong a {background: #GET{c_menuhaut};color: #GET{c_menuhaut_bk}; text-shadow:none;}
 #menuh ul a {background:#GET{c_menu_a_bk};color:#GET{c_menu_a}; font-size: #CONFIG{soyezcreateurs_couleurs/fontsizemenuhaut,1.2}rem; text-transform:none; }
-.arrows-sprite, #menuh.drop .sf-sub-indicator, #menuh.drop ul li > a .sf-sub-indicator, #menuh.drop li.hover > a .sf-sub-indicator, #menuh.drop ul li.hover > a .sf-sub-indicator { background: url([(#CHEMIN{images/arrows_menuh.png}|embarque_fichier)]) no-repeat; }
 #menuh, #menuh ul { list-style: none; margin: 0; position: relative; }
 #menuh li { position: relative; }
 #menuh li li { margin-top: auto; }
-#menuh li li:first-child { border-top: 1px #GET{c_menu_a_hover_bk} solid; }
+#menuh li li:first-child { border-top: 1px [(#GET{c_menu_a_hover_bk})] solid; }
 #menuh li li a { border-left: 1px solid #GET{c_menu_a_hover_bk}; border-bottom: 1px solid #GET{c_menu_a_hover_bk}; border-right: 1px solid #GET{c_menu_a_hover_bk}; }
 #menuh li li li a { padding-left: 24px; }
 #menuh li li li li a { padding-left: 32px; }
@@ -1034,7 +1033,7 @@ table.programmation caption { text-align: left; }
 #menuh li.hover > a, #menuh li > a:focus, #menuh a:hover, #menuh a:focus { background: #GET{c_menuhaut}; color: #GET{c_menuhaut_bk}; }
 #menuh .active > a, #menuh a:active, #menuh li > a:active { background: #GET{c_menuhaut_bk}; color: #GET{c_menuhaut}; }
 #menuh.drop { padding: 0 1%; }
-#menuh.drop ul, .hasJS #menuh ul { width: 200px; position: absolute; margin-top: -99999px; z-index: 999; }
+#menuh.drop ul, .hasJS #menuh ul { position: absolute; z-index: 999; }
 #menuh.drop ul ul { left: 200px; top: 0; }
 #menuh.drop li a { padding-left: 16px; }
 #menuh.drop li.hover > ul, #menuh.drop li > a:focus + ul { margin-top: 0; }
@@ -1396,7 +1395,7 @@ header img.logo_article, header img.logo_rubrique, header img.logo_breve { width
 .menu_right_logo { margin: 3px 0; }
 .menu_haut_logo { padding: 0 4px 0 0; margin: 0; vertical-align: middle; }
 .menu_gauche_logo { clear: right; float: right; margin: 0 4px; }
-#menuhaut .cadena { float: right; margin: 0 0 0 .4em; }
+#menuhaut .cadena { float: right; margin: 0 0 0 .4em; padding: 0; }
 .menu_footer_logo { padding: 0 4px 0 0; margin: 0; vertical-align: bottom; }
 
 /* pétition */
@@ -1562,33 +1561,25 @@ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99[(#GET{c_head
 /* ====== Contour blocks ====== */
 /* remove *background-image:" to default to square corners for IE */
 /* ----- simple (extends box) ----- */
-.simple .inner {border:1px solid #dddddd;background-color:#fcfcfc;}
-.simple .inner .hd {}
-.simple b{}
+.simple {border:1px solid #dddddd;background-color:#fcfcfc;}
+.simple .hd {}
 /* ----- info (extends box) ----- */
 .info .inner {border:2px solid #46839B;}
 .info .inner .hd {}
-.info b{}
 /* ----- note (extends box) ----- */
 .note,.note .inner{border:1px solid #c2c2c2;}
 .note .inner{border-color:#fff; border-width:4px; background-color:#f0f0f0;}
-.note .inner .hd {}
 
 /* ----- important (extends box) ----- */
 .important .inner{border: 3px solid #00477a; border-bottom-width:10px;}
-.important b{}
 
 /* ----- basic (extends box) ----- */
 .basic {overflow: hidden;}
 .basic .inner {padding-bottom: 1px;margin-bottom: -1px;}
-.basic .inner .hd {}
-.basic b{}
 
 /* ----- basic (extends box) ----- */
 .basic {overflow: hidden;}
 .basic .inner {padding-bottom: 1px;margin-bottom: -1px;}
-.basic .inner .hd {}
-.basic b{}
 
 /* ----- error, success, notice (extends box) ----- */
 .error .inner,.success .inner,.notice .inner{border:2px solid;font-weight: normal;color:#333;padding-left:40px;min-height:24px;background-repeat:no-repeat;background-position: 5px 5px;}
@@ -1682,14 +1673,57 @@ ul.newsticker { width: [(#GET{largeurtotale}|plus{12})]px }
 #troiscolonnes div.innermulticolonnes { float: left; margin-right: 1%; width: 32%; }
 
 /*************** SuperFish */
-.sf-sub-indicator {
-	background:		url('#CHEMIN{images/arrows-ffffff.png}') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
+.sf-menu, .sf-menu > li {
+    float: none;
 }
 
+.sf-arrows .sf-with-ul:after {
+	right: .1em;
+	boder-width: .55em;
+	border-top-color: #1766ab; /* edit this to suit design (no rgba in IE8) */
+	border-top-color: rgba(23,102,171,.5);}
+}
+.sf-arrows > li > .sf-with-ul:focus:after,
+.sf-arrows > li:hover > .sf-with-ul:after,
+.sf-arrows > .sfHover > .sf-with-ul:after {
+	border-top-color: #1766ab; /* IE8 fallback colour */
+}
+/* styling for right-facing arrows */
+.sf-arrows ul .sf-with-ul:after {
+	border-color: transparent;
+	border-left-color: #1766ab; /* edit this to suit design (no rgba in IE8) */
+	border-left-color: rgba(23,102,171,.5);}
+}
+.sf-arrows ul li > .sf-with-ul:focus:after,
+.sf-arrows ul li:hover > .sf-with-ul:after,
+.sf-arrows ul .sfHover > .sf-with-ul:after {
+	border-left-color: #1766ab;
+}
+
+.sf-vertical.sf-arrows>li>.sf-with-ul:after {
+    border-color: transparent transparent transparent hsla(0,0%,100%,.5);
+}
+
+.sf-vertical.sf-arrows > li > .sf-with-ul:after {
+	border-color: transparent;
+	border-left-color: #1766ab; /* edit this to suit design (no rgba in IE8) */
+	border-left-color: rgba(23,102,171,.5);
+}
+.sf-vertical.sf-arrows li > .sf-with-ul:focus:after,
+.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,
+.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
+  border-left-color: #1766ab;
+}
+
+#menu ul.sf-vertical ul { margin: 0; }
+#menu ul.sf-vertical li a { padding: 6px 0.5em; margin: 0; }
 
 /*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
 .sf-vertical, .sf-vertical li {
-	width:	#GET{LargeurMenuGauche}px !important; clear: left;
+	width:	#GET{LargeurMenuGauche}px !important;
+}
+.sf-menu li {
+	white-space: normal;
 }
 /* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
 .sf-vertical li:hover ul,
@@ -1698,10 +1732,6 @@ ul.newsticker { width: [(#GET{largeurtotale}|plus{12})]px }
 	top:	-1px !important;
 }
 
-/*** alter arrow directions ***/
-.sf-vertical .sf-sub-indicator { background-position: -10px 0 !important; } /* IE6 gets solid image only */
-.sf-vertical a > .sf-sub-indicator { background-position: 0 0 !important; } /* use translucent arrow for modern browsers*/
-
 /* hover arrow direction for modern browsers*/
 .sf-vertical a:focus > .sf-sub-indicator,
 .sf-vertical a:hover > .sf-sub-indicator,