Browse Source

r106141 était vraiment une mauvaise idée. Tant pis, on revient à l'équilibrage des colonnes par JS :( (Revert et merge sur les conflits)

svn/root
real3t@gmail.com 3 years ago
parent
commit
1ef4eb0a66
  1. 4
      .gitattributes
  2. 6
      formulaires/configurer_soyezcreateurs.html
  3. 57
      images/activateactivex.js
  4. 87
      images/jq-corner.js
  5. 171
      images/jquery.em.js
  6. 1
      images/null.css
  7. 103
      javascripts.js.html
  8. 545
      layout.css.html
  9. 4
      noisettes/footer/footer_modeblog.html
  10. 2
      noisettes/footer/footer_modeedito.html
  11. 4
      noisettes/footer/footer_modeportailevenementiel.html
  12. 2
      noisettes/footer/footer_typerubrique_membre.html
  13. 15
      noisettes/header/header.html
  14. 2
      noisettes/menus/menu_right.html
  15. 3
      noisettes/sommaire/sommaire_modecommuniquant.html
  16. 3
      noisettes/sommaire/sommaire_modeinternational.html
  17. 3
      noisettes/sommaire/sommaire_modemairie.html
  18. 3
      noisettes/sommaire/sommaire_modeportail.html
  19. 2
      noisettes/sommaire/sommaire_modeportail_pictosdroite.html
  20. 2
      noisettes/sommaire/sommaire_modeportail_pictosgauche.html
  21. 6
      noisettes/sommaire/sommaire_modeportailagence.html
  22. 3
      noisettes/sommaire/sommaire_modeportailcognac.html
  23. 6
      stylesportail.css.html
  24. 1
      stylesportailagence.css.html
  25. 27
      stylesportailcognac.css.html
  26. 54
      stylessoyezcreateurs.css.html

4
.gitattributes

@ -230,6 +230,7 @@ formulaires/recherche.html -text
/identifiants.html -text
images/1.gif -text
images/404.jpg -text
images/activateactivex.js -text
images/actualites.png -text
images/ahetze_aurore_licence.txt -text
images/apple-touch-icon-soyezcreateurs.png -text
@ -259,6 +260,8 @@ images/fond_degrade_fonce_en_haut_menu.png -text
images/graversonnom.jpg -text
images/hsf.png -text
images/hsflarge.png -text
images/jq-corner.js -text
images/jquery.em.js -text
images/masque_vignette_portail.png -text
images/menu_gradient_5.png -text
images/menu_minus.gif -text
@ -267,6 +270,7 @@ images/minus.gif -text
images/nature-2683474_1920.jpg -text
images/nav-icon.svg -text
images/next.gif -text
images/null.css -text
images/ou_sommes_nous_dans_le_monde.png -text
images/out.gif -text
images/placeholder.jpg -text

6
formulaires/configurer_soyezcreateurs.html

@ -48,12 +48,6 @@ if (!function_exists('sc_ouinon_default')) {
defaut=edito}
)]
pour avoir le mode événementiel]
</fieldset>
<p class="boutons">
<input type="submit" name="enregistrer" value="<:bouton_enregistrer|attribut_html:>" />
</p>
<fieldset>
<h3 class="legend"><:soyezcreateursprive:cfg_mode_affichage:></h3>
[(#SAISIE{radio,tri_slideshow_communiquant,
label=<:soyezcreateursprive:cfg_tri_slideshow_communiquant_label:>,
datas=#ARRAY{

57
images/activateactivex.js

@ -0,0 +1,57 @@
/*
activateActiveX
---------------
Purpose: Dynamically replace any elements that will be affected by the new security feature in IE6/IE7 that requires a user to click certain types of elements to activate them before use.
Usage: Include this file at the end of your html document using the following...
<script language="JScript" type="text/jscript" src="activateActiveX.js"></script>
Since this script is in response to a software patent lawsuit, I feel it necessary to state the following...
License:
activateActiveX is Copyright (C) 2006 Jason Baker (therippa AT gmail.com). It is available as open source code from:
http://therippa.blogspot.com
This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details http://www.gnu.org/licenses/gpl.html
*/
//Determine browser, we only need this for Internet Explorer
if (navigator.appName == "Microsoft Internet Explorer") {
//Array of elements to be replaced
var arrElements = new Array(3);
arrElements[0] = "object";
arrElements[1] = "embed";
arrElements[2] = "applet";
//Loop over element types
for (n = 0; n < arrElements.length; n++) {
//set object for brevity
replaceObj = document.getElementsByTagName(arrElements[n]);
//loop over element objects returned
for (i = 0; i < replaceObj.length; i++ ) {
//set parent object for brevity
parentObj = replaceObj[i].parentNode;
//grab the html inside of the element before removing it from the DOM
newHTML = parentObj.innerHTML;
//remove element from the DOM
parentObj.removeChild(replaceObj[i]);
//stick the element right back in, but as a new object
parentObj.innerHTML = newHTML;
}
}
}

87
images/jq-corner.js

@ -0,0 +1,87 @@
//
// jq-corner.js - jQuery method for creating corner effects
//
// If this works, it was written by Dave Methvin (dave.methvin@gmail.com).
// If it's broken, please fix it and send me a working copy.
// Modified by M. Alsup (malsup@gmail.com) to support more styles
// Version 1.01, 10/24/2006
//
jQuery.fn.corner = function(o) {
function hex2(s) {
var s = parseInt(s).toString(16);
return ( s.length < 2 ) ? "0"+s : s;
}
function gpc(node) {
for ( ; node && node.nodeName.toLowerCase() != "html"; node = node.parentNode ) {
var v = jQuery.css(node,"backgroundColor");
if ( v.indexOf("rgb") >= 0 ) {
rgb = v.match(/\d+/g);
return "#"+ hex2(rgb[0]) + hex2(rgb[1]) + hex2(rgb[2]);
}
if ( v && v != "transparent" )
return v;
}
return "#ffffff";
};
function getW(i) {
switch(fx) {
case "round": return Math.round(width*(1-Math.cos(Math.asin(i/width))));
case "cool": return Math.round(width*(1+Math.cos(Math.asin(i/width))));
case "sharp": return Math.round(width*(1-Math.cos(Math.acos(i/width))));
case "bite": return Math.round(width*(Math.cos(Math.asin(i/width))));
case "slide": return Math.round(width*(Math.atan2(i,width/i)));
case "jut": return Math.round(width*(Math.atan2(width,i)));
case "curl": return Math.round(width*(Math.atan(i)));
case "tear": return Math.round(width*(Math.cos(i)));
case "wicked": return Math.round(width*(Math.tan(i)));
case "long": return Math.round(width*(Math.sqrt(i)));
case "sculpt": return Math.round(width*(Math.log(i,width)));
case "dog": return (i&1) ? (i+1) : width; // Thanks, Dave!
case "dog2": return (i&2) ? (i+1) : width; // a bit wider than 'dog'
case "dog3": return (i&3) ? (i+1) : width; // a bit wider than 'dog2'
case "fray": return (i%2)*width;
case "notch": return width;
default: return i+1; // bevel
}
};
o = (o||"").toLowerCase();
var edges = { T:0, B:1 };
var width = parseInt((o.match(/(\d+)px/)||[])[1]) || 10;
var re = /round|bevel|notch|bite|cool|sharp|slide|jut|curl|tear|fray|wicked|sculpt|long|dog3|dog2|dog/;
var fx = ((o.match(re)||["round"])[0]);
var opts = {
TL: /top|tl/.test(o), TR: /top|tr/.test(o),
BL: /bottom|bl/.test(o), BR: /bottom|br/.test(o)
};
if ( !opts.TL && !opts.TR && !opts.BL && !opts.BR )
opts = { TL:1, TR:1, BL:1, BR:1 };
opts.swap = /bite|jut|sculpt/.test(fx); // flag to reorder element insertion
var strip = document.createElement("div");
strip.style.overflow = "hidden";
strip.style.height = "1px";
strip.style.backgroundColor = "transparent";
strip.style.borderStyle = "solid";
return this.each(function(){
var pad = {
T: parseInt(jQuery.css(this,"paddingTop"))||0, R: parseInt(jQuery.css(this,"paddingRight"))||0,
B: parseInt(jQuery.css(this,"paddingBottom"))||0, L: parseInt(jQuery.css(this,"paddingLeft"))||0
};
strip.style.borderColor = gpc(this.parentNode);
for ( var j in edges) {
var bot = edges[j];
strip.style.borderStyle = "none "+(opts[j+'R']?"solid":"none")+" none "+(opts[j+'L']?"solid":"none");
var d=document.createElement("div");
d.style.margin = !bot ? "-"+pad.T+"px -"+pad.R+"px "+(pad.T-width)+"px -"+pad.L+"px" :
(pad.B-width)+"px -"+pad.R+"px -"+pad.B+"px -"+pad.L+"px";
d.style.backgroundColor = "transparent";
var append = (bot && !opts.swap) || (!bot && opts.swap);
for ( var i=0; i < width; i++ ) {
var w = Math.max(0,getW(i));
var e = strip.cloneNode(false);
e.style.borderWidth = "0 "+(opts[j+'R']?w:0)+"px 0 "+(opts[j+'L']?w:0)+"px";;
append ? d.appendChild(e) : d.insertBefore(e, d.firstChild);
}
bot ? this.appendChild(d) : this.insertBefore(d, this.firstChild);
}
});
};

171
images/jquery.em.js

@ -0,0 +1,171 @@
/**
* @projectDescription Monitor Font Size Changes with jQuery
*
* @version 1.0
* @author Dave Cardwell
*
* jQuery-Em - $Revision: 24 $ ($Date: 2007-08-19 12:24:56 +0200 (dim., 19 août 2007) $)
* http://davecardwell.co.uk/javascript/jquery/plugins/jquery-em/
*
* Copyright ©2007 Dave Cardwell <http://davecardwell.co.uk/>
*
* Released under the MIT licence:
* http://www.opensource.org/licenses/mit-license.php
*/
// Upon $(document).ready()…
jQuery(function($) {
// Configuration…
var eventName = 'emchange';
// Set up default options.
$.em = $.extend({
/**
* The jQuery-Em version string.
*
* @example $.em.version;
* @desc '1.0a'
*
* @property
* @name version
* @type String
* @cat Plugins/Em
*/
version: '1.0',
/**
* The number of milliseconds to wait when polling for changes to the
* font size.
*
* @example $.em.delay = 400;
* @desc Defaults to 200.
*
* @property
* @name delay
* @type Number
* @cat Plugins/Em
*/
delay: 200,
/**
* The element used to detect changes to the font size.
*
* @example $.em.element = $('<div />')[0];
* @desc Default is an empty, absolutely positioned, 100em-wide <div>.
*
* @private
* @property
* @name element
* @type Element
* @cat Plugins/Em
*/
element: $('<div />').css({ left: '-100em',
position: 'absolute',
width: '100em' })
.prependTo('body')[0],
/**
* The action to perform when a change in the font size is detected.
*
* @example $.em.action = function() { ... }
* @desc The default action is to trigger a global emchange event.
* You probably shouldnt change this behaviour as other plugins may
* rely on it, but the option is here for completion.
*
* @example $(document).bind('emchange', function(e, cur, prev) {...})
* @desc Any functions triggered on this event are passed the current
* font size, and last known font size as additional parameters.
*
* @private
* @property
* @name action
* @type Function
* @cat Plugins/Em
* @see current
* @see previous
*/
action: function() {
var currentWidth = $.em.element.offsetWidth / 100;
// If the font size has changed since we last checked…
if ( currentWidth != $.em.current ) {
/**
* The previous pixel value of the user agents font size. See
* $.em.current for caveats. Will initially be undefined until
* the emchange event is triggered.
*
* @example $.em.previous;
* @result 16
*
* @property
* @name previous
* @type Number
* @cat Plugins/Em
* @see current
*/
$.em.previous = $.em.current;
/**
* The current pixel value of the user agents font size. As
* with $.em.previous, this value *may* be subject to minor
* browser rounding errors that mean you might not want to
* rely upon it as an absolute value.
*
* @example $.em.current;
* @result 14
*
* @property
* @name current
* @type Number
* @cat Plugins/Em
* @see previous
*/
$.em.current = currentWidth;
$.event.trigger(eventName, [$.em.current, $.em.previous]);
}
}
}, $.em );
/**
* Bind a function to the emchange event of each matched element.
*
* @example $("p").emchange( function() { alert("Hello"); } );
*
* @name emchange
* @type jQuery
* @param Function fn A function to bind to the emchange event.
* @cat Plugins/Em
*/
/**
* Trigger the emchange event of each matched element.
*
* @example $("p").emchange()
*
* @name emchange
* @type jQuery
* @cat Plugins/Em
*/
$.fn[eventName] = function(fn) { return fn ? this.bind(eventName, fn)
: this.trigger(eventName); };
// Store the initial pixel value of the user agent’s font size.
$.em.current = $.em.element.offsetWidth / 100;
/**
* While polling for font-size changes, $.em.iid stores the intervalID in
* case you should want to cancel with clearInterval().
*
* @example window.clearInterval( $.em.iid );
*
* @property
* @name iid
* @type Number
* @cat Plugins/Em
*/
$.em.iid = setInterval( $.em.action, $.em.delay );
});

1
images/null.css

@ -0,0 +1 @@
/* nothing to see here */

103
javascripts.js.html

@ -107,6 +107,85 @@ function inputKeyHandler(ev) {
}
}
function adjustLayout() {
/* Remettre la taille à auto pour trouver l'eventuelle nouvelle hauteur !*/
$("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);
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)});
/*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);
if ((leftlaststackable == leftnavigation) && (largeurextra == largeurnavigation)) {
var hstacked = 0;
$("div.stackable").each(function(){ hstacked+=parseInt(this.offsetHeight); });
var hnotstackable = 0;
hnotstackable = parseInt($("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'});
/*alert("Cas 2");*/
}
else {
$("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);
if (tstackable==tlaststackable){
var h=0;
$("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);
if (largeurcontenu==largeurextra) {
hstackable = (hauteurcontenu = parseInt($("div.notstackable")[0].offsetHeight)) + (hauteurext = parseInt($("div.laststackable")[0].offsetHeight));
hnavigation = parseInt($("div#navigation")[0].offsetHeight);
if(hstackable < hnavigation) {
$("div.notstackable").css({'min-height': (hnavigation - hauteurext)+'px'});
}
else {
$("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);
if(hstackable > hnavigation) {
$("div#navigation").css({'min-height': hstackable+'px'});
}
else {
$("div.notstackable").css({'min-height': hnavigation+'px'});
}
/*alert("Cas 5");*/
}
}
}
}
}
;
/* FUNCTIONS ON ALL PAGES */
function myInitPages() {
/* HOME SPECIAL FEATURE */
@ -152,6 +231,26 @@ function myInitPages() {
$(".escapelinks").one("focus", "a", function() { $(".escapelinks").removeClass("escapelinks"); } );
}
;
function myInitLayout() {
if (CanceladjustLayout != true) {
adjustLayout();
$("body").resize(
function () {
adjustLayout();
}
);
if (CancelMonitorTextSize != true) {
$.em.element = $('<div />').css({ left: '-100em',
position: 'absolute',
width: '100em' })
.prependTo('div.texte')[0];
$('div.texte').bind('emchange', function(e, cur, prev) { adjustLayout(); });
}
onAjaxLoad(adjustLayout); // Merci Marcimat sur IRC !
}
;
}
;
/* BLACK TRANSPARENT BACKGROUNDS */
function mySpecialBackgrounds(elt,correcAmount,correcAmount2) {
jQuery(elt).each(function() {
@ -725,6 +824,10 @@ function prop(n) {
$(document).ready(function() {
myInitPages();
// Ceci devrait régler le problème de l'ajustement des colonne pas toujours fait
$(window).on('load',function() {
myInitLayout();
});
});
[(#CHEMIN{images/sc_javascript_perso.js.html}|?{'/* Complément personnalisé du JS */'})

545
layout.css.html

@ -13,349 +13,334 @@
/* http://blog.html.it/layoutgala/index.html */
[(#ENV{layoutgala}|=={1}|oui)/* 1 */
#wrapper{float:left;width:100%}
#content{margin: 0 25%}
#navigation{float:left;width:25%;margin-left:-100%}
#extra{float:left;width:25%;margin-left:-25%}
#footer{clear:left;width:100%}
div#wrapper{float:left;width:100%}
div#content{margin: 0 25%}
div#navigation{float:left;width:25%;margin-left:-100%}
div#extra{float:left;width:25%;margin-left:-25%}
div#footer{clear:left;width:100%}
][(#ENV{layoutgala}|=={2}|oui)/* 2 */
#wrapper{float:left;width:100%}
#content{margin: 0 25%}
#navigation{float:left;width:25%;margin-left:-25%}
#extra{float:left;width:25%;margin-left:-100%}
#footer{clear:left;width:100%}
div#wrapper{float:left;width:100%}
div#content{margin: 0 25%}
div#navigation{float:left;width:25%;margin-left:-25%}
div#extra{float:left;width:25%;margin-left:-100%}
div#footer{clear:left;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#navigation{float:right;width:50%}
#extra{float:left;width:50%}
div#navigation{float:right;width:50%}
div#extra{float:left;width:50%}
}][(#ENV{layoutgala}|=={3}|oui)/* 3 */
#wrapper{float:left;width:100%}
#content{margin-right: 50%}
#navigation{float:left;width:25%;margin-left:-50%}
#extra{float:left;width:25%;margin-left:-25%}
#footer{clear:left;width:100%}
div#wrapper{float:left;width:100%}
div#content{margin-right: 50%}
div#navigation{float:left;width:25%;margin-left:-50%}
div#extra{float:left;width:25%;margin-left:-25%}
div#footer{clear:left;width:100%}
][(#ENV{layoutgala}|=={4}|oui)/* 4 */
#wrapper{float:left;width:100%}
#content{margin-right: 50%}
#navigation{float:left;width:25%;margin-left:-25%}
#extra{float:left;width:25%;margin-left:-50%}
#footer{clear:left;width:100%}
div#wrapper{float:left;width:100%}
div#content{margin-right: 50%}
div#navigation{float:left;width:25%;margin-left:-25%}
div#extra{float:left;width:25%;margin-left:-50%}
div#footer{clear:left;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#navigation{float:right;width:50%}
#extra{float:left;width:50%}
div#navigation{float:right;width:50%}
div#extra{float:left;width:50%}
}][(#ENV{layoutgala}|=={5}|oui)/* 5 */
#wrapper{float:left;width:100%}
#content{margin-left: 50%}
#navigation{float:left;width:25%;margin-left:-100%}
#extra{float:left;width:25%;margin-left:-75%}
#footer{clear:left;width:100%}
div#wrapper{float:left;width:100%}
div#content{margin-left: 50%}
div#navigation{float:left;width:25%;margin-left:-100%}
div#extra{float:left;width:25%;margin-left:-75%}
div#footer{clear:left;width:100%}
][(#ENV{layoutgala}|=={6}|oui)/* 6 */
#wrapper{float:left;width:100%}
#content{margin-left: 50%}
#navigation{float:left;width:25%;margin-left:-75%}
#extra{float:left;width:25%;margin-left:-100%}
#footer{clear:left;width:100%}
div#wrapper{float:left;width:100%}
div#content{margin-left: 50%}
div#navigation{float:left;width:25%;margin-left:-75%}
div#extra{float:left;width:25%;margin-left:-100%}
div#footer{clear:left;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#navigation{float:right;width:50%}
#extra{float:left;width:50%}
div#navigation{float:right;width:50%}
div#extra{float:left;width:50%}
}][(#ENV{layoutgala}|=={7}|oui)/* 7 */
#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
#wrapper{float:left;width:100%}
#content{margin: 0 #GET{LargeurMenuDroitOmbre}px 0 #GET{LargeurMenuGaucheOmbre}px}
#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurContaineurOmbre}px}
#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroitOmbre}px}
#footer{clear:left;width:100%}
div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 #GET{LargeurMenuDroitOmbre}px 0 #GET{LargeurMenuGaucheOmbre}px}
div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurContaineurOmbre}px}
div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroitOmbre}px}
div#footer{clear:left;width:100%}
][(#ENV{layoutgala}|=={8}|oui)/* 8 */
#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
#wrapper{float:left;width:100%}
#content{margin: 0 #GET{LargeurMenuGauche}px 0 #GET{LargeurMenuDroit}px}
#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurContaineur}px}
#footer{clear:left;width:100%}
div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 #GET{LargeurMenuGauche}px 0 #GET{LargeurMenuDroit}px}
div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurContaineur}px}
div#footer{clear:left;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#navigation{float:right;width:50%}
#extra{float:left;width:50%}
div#navigation{float:right;width:50%}
div#extra{float:left;width:50%}
}][(#ENV{layoutgala}|=={9}|oui)/* 9 */
#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
#wrapper{float:left;width:100%}
#content{margin-right:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
#footer{clear:left;width:100%}
div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin-right:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
div#footer{clear:left;width:100%}
][(#ENV{layoutgala}|=={10}|oui)/* 10 */
#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
#wrapper{float:left;width:100%}
#content{margin-right:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
#footer{clear:left;width:100%}
div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin-right:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
div#footer{clear:left;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#navigation{float:right;width:50%}
#extra{float:left;width:50%}
div#navigation{float:right;width:50%}
div#extra{float:left;width:50%}
}][(#ENV{layoutgala}|=={11}|oui)/* 11 */
#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
#wrapper{float:left;width:100%}
#content{margin-left: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurContaineur}px}
#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px}
#footer{clear:left;width:100%}
div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin-left: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurContaineur}px}
div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px}
div#footer{clear:left;width:100%}
][(#ENV{layoutgala}|=={12}|oui)/* 12 */
#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
#wrapper{float:left;width:100%}
#content{margin-left: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuDroit}})]px}
#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurContaineur}px}
#footer{clear:left;width:100%}
div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin-left: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuDroit}})]px}
div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurContaineur}px}
div#footer{clear:left;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#navigation{float:right;width:50%}
#extra{float:left;width:50%}
div#navigation{float:right;width:50%}
div#extra{float:left;width:50%}
}][(#ENV{layoutgala}|=={13}|oui)/* 13 */
#wrapper{float:left;width:100%;}
#content{margin: 0 #GET{LargeurMenuDroit}px 0 #GET{LargeurMenuGauche}px}
#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%}
#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
#footer{clear:left;width:100%}
div#wrapper{float:left;width:100%;}
div#content{margin: 0 #GET{LargeurMenuDroit}px 0 #GET{LargeurMenuGauche}px}
div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%}
div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
div#footer{clear:left;width:100%}
][(#ENV{layoutgala}|=={14}|oui)/* 14 */
#wrapper{float:left;width:100%}
#content{margin: 0 #GET{LargeurMenuGauche}px 0 #GET{LargeurMenuDroit}px}
#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-100%}
#footer{clear:left;width:100%}
div#wrapper{float:left;width:100%}
div#content{margin: 0 #GET{LargeurMenuGauche}px 0 #GET{LargeurMenuDroit}px}
div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-100%}
div#footer{clear:left;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#navigation{float:right;width:50%}
#extra{float:left;width:50%}
div#navigation{float:right;width:50%}
div#extra{float:left;width:50%}
}][(#ENV{layoutgala}|=={15}|oui)/* 15 */
#wrapper{float:left;width:100%}
#content{margin-right: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
#footer{clear:left;width:100%}
div#wrapper{float:left;width:100%}
div#content{margin-right: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
div#footer{clear:left;width:100%}
][(#ENV{layoutgala}|=={16}|oui)/* 16 */
#wrapper{float:left;width:100%}
#content{margin-right: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
#footer{clear:left;width:100%}
div#wrapper{float:left;width:100%}
div#content{margin-right: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
div#footer{clear:left;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#navigation{float:right;width:50%}
#extra{float:left;width:50%}
div#navigation{float:right;width:50%}
div#extra{float:left;width:50%}
}][(#ENV{layoutgala}|=={17}|oui)/* 17 */
#wrapper{float:right;width: 100%;margin-left: -[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
#content{margin-left:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
#navigation{float:right;width:#GET{LargeurMenuGauche}px}
#extra{float:right;width:#GET{LargeurMenuDroit}px}
#footer{clear:right;width:100%}
div#wrapper{float:right;width: 100%;margin-left: -[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
div#content{margin-left:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
div#navigation{float:right;width:#GET{LargeurMenuGauche}px}
div#extra{float:right;width:#GET{LargeurMenuDroit}px}
div#footer{clear:right;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#navigation{float:right;width:50%}
#extra{float:left;width:50%}
div#navigation{float:right;width:50%}
div#extra{float:left;width:50%}
}][(#ENV{layoutgala}|=={18}|oui)/* 18 */
#wrapper{float:right;width: 100%;margin-left: -[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
#content{margin-left:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
#navigation{float:left;width: #GET{LargeurMenuGauche}px}
#extra{float:right;width:#GET{LargeurMenuDroit}px}
#footer{clear:both;width:100%}
div#wrapper{float:right;width: 100%;margin-left: -[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
div#content{margin-left:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
div#navigation{float:left;width: #GET{LargeurMenuGauche}px}
div#extra{float:right;width:#GET{LargeurMenuDroit}px}
div#footer{clear:both;width:100%}
][(#ENV{layoutgala}|=={19}|oui)/* 19 */
#wrapper{float:left;width:100%}
#content{margin: 0 33% 0 #GET{LargeurMenuGauche}px}
#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%}
#extra{float:left;width:33%;margin-left:-33%}
#footer{clear:left;width:100%}
div#wrapper{float:left;width:100%}
div#content{margin: 0 33% 0 #GET{LargeurMenuGauche}px}
div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%}
div#extra{float:left;width:33%;margin-left:-33%}
div#footer{clear:left;width:100%}
][(#ENV{layoutgala}|=={20}|oui)/* 20 */
#wrapper{float:left;width:100%}
#content{margin: 0 #GET{LargeurMenuDroit}px 0 33%}
#navigation{float:left;width:33%;margin-left:-100%}
#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
#footer{clear:left;width:100%}
div#wrapper{float:left;width:100%}
div#content{margin: 0 #GET{LargeurMenuDroit}px 0 33%}
div#navigation{float:left;width:33%;margin-left:-100%}
div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
div#footer{clear:left;width:100%}
][(#ENV{layoutgala}|=={21}|oui)/* 21 */
#wrapper{float:left;width:100%;margin-left:-25%}
#content{margin: 0 #GET{LargeurMenuGauche}px 0 25%}
#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
#extra{float:left;width:25%}
#footer{clear:left;width:100%}
div#wrapper{float:left;width:100%;margin-left:-25%}
div#content{margin: 0 #GET{LargeurMenuGauche}px 0 25%}
div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
div#extra{float:left;width:25%}
div#footer{clear:left;width:100%}
][(#ENV{layoutgala}|=={22}|oui)/* 22 */
#wrapper{float:left;width:100%;margin-left:-#GET{LargeurMenuDroit}px}
#content{margin: 0 25% 0 #GET{LargeurMenuDroit}px}
#navigation{float:left;width:25%;margin-left:-25%}
#extra{float:left;width:#GET{LargeurMenuDroit}px}
#footer{clear:left;width:100%}
div#wrapper{float:left;width:100%;margin-left:-#GET{LargeurMenuDroit}px}
div#content{margin: 0 25% 0 #GET{LargeurMenuDroit}px}
div#navigation{float:left;width:25%;margin-left:-25%}
div#extra{float:left;width:#GET{LargeurMenuDroit}px}
div#footer{clear:left;width:100%}
][(#ENV{layoutgala}|=={23}|oui)/* 23 */
#wrapper{float:left;width:100%;margin-left:-#GET{LargeurMenuGauche}px}
#content{margin-left:#GET{LargeurMenuGauche}px}
#navigation{float:right;width:#GET{LargeurMenuGauche}px}
#extra{float:right;clear:right;width:#GET{LargeurMenuGauche}px}
#footer{clear:both;width:100%}
div#wrapper{float:left;width:100%;margin-left:-#GET{LargeurMenuGauche}px}
div#content{margin-left:#GET{LargeurMenuGauche}px}
div#navigation{float:right;width:#GET{LargeurMenuGauche}px}
div#extra{float:right;clear:right;width:#GET{LargeurMenuGauche}px}
div#footer{clear:both;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#wrapper{margin-left:0}
#navigation{float:left;width:50%}
#extra{float:left;width:50%;}
div#wrapper{margin-left:0}
div#navigation{float:left;width:50%}
div#extra{float:left;width:50%;}
}][(#ENV{layoutgala}|=={24}|oui)/* 24 */
#wrapper{float:right;width:100%;margin-left:-#GET{LargeurMenuGauche}px}
#content{margin-left:#GET{LargeurMenuGauche}px}
#navigation{float:left;width:#GET{LargeurMenuGauche}px}
#extra{float:left;clear:left;width:#GET{LargeurMenuGauche}px}
#footer{clear:both;width:100%}
div#wrapper{float:right;width:100%;margin-left:-#GET{LargeurMenuGauche}px}
div#content{margin-left:#GET{LargeurMenuGauche}px}
div#navigation{float:left;width:#GET{LargeurMenuGauche}px}
div#extra{float:left;clear:left;width:#GET{LargeurMenuGauche}px}
div#footer{clear:both;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#wrapper{margin-left:0}
#navigation{float:left;width:50%}
#extra{float:left;width:50%;clear:none;}
div#wrapper{margin-left:0}
div#navigation{float:left;width:50%}
div#extra{float:left;width:50%;clear:none;}
}][(#ENV{layoutgala}|=={25}|oui)/* 25 */
#wrapper{float:left;width:100%;margin-left:-33%}
#content{margin-left:33%}
#navigation{float:right;width:32.9%}
#extra{float:right;clear:right;width:32.9%}
#footer{clear:both;width:100%}
div#wrapper{float:left;width:100%;margin-left:-33%}
div#content{margin-left:33%}
div#navigation{float:right;width:32.9%}
div#extra{float:right;clear:right;width:32.9%}
div#footer{clear:both;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#wrapper{margin-left:0}
#navigation{float:left;width:50%}
#extra{float:left;width:50%;clear:none;}
div#wrapper{margin-left:0}
div#navigation{float:left;width:50%}
div#extra{float:left;width:50%;clear:none;}
}][(#ENV{layoutgala}|=={26}|oui)/* 26 */
#wrapper{float:right;width:80%;}
#navigation{float:left;width:20%}
#extra{float:left;clear:left;width:20%}
#footer{clear:both;width:100%}
div#wrapper{float:right;width:80%;}
div#navigation{float:left;width:20%}
div#extra{float:left;clear:left;width:20%}
div#footer{clear:both;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#wrapper{margin-left:0}
#navigation{float:left;width:50%}
#extra{float:left;width:50%;clear:none;}
div#wrapper{margin-left:0}
div#navigation{float:left;width:50%}
div#extra{float:left;width:50%;clear:none;}
}][(#ENV{layoutgala}|=={62}|oui)/* 26 modifie - identifiant 62 */
#wrapper{float:right;width:80%;margin-left:-.5%}
#navigation{float:left;width:20.5%}
#extra{float:left;clear:left;width:20%}
#footer{clear:both;width:100%}
div#wrapper{float:right;width:80%;margin-left:-.5%}
div#navigation{float:left;width:20.5%}
div#extra{float:left;clear:left;width:20%}
div#footer{clear:both;width:100%}
][(#ENV{layoutgala}|=={27}|oui)/* 27 */
#navigation{float:left;width:50%}
#extra{float:left;width:49.9%}
#footer{clear:left;width:100%}
div#navigation{float:left;width:50%}
div#extra{float:left;width:49.9%}
div#footer{clear:left;width:100%}
][(#ENV{layoutgala}|=={28}|oui)/* 28 */
#navigation{float:right;width:50%}
#extra{float:right;width:49.9%}
#footer{clear:right;width:100%}
div#navigation{float:right;width:50%}
div#extra{float:right;width:49.9%}
div#footer{clear:right;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#navigation{float:right;width:50%}
#extra{float:left;width:50%}
div#navigation{float:right;width:50%}
div#extra{float:left;width:50%}
}][(#ENV{layoutgala}|=={29}|oui)/* 29 */
#wrapper{float:right;width:70%}
#navigation{float:left;width:29.9%}
#extra{clear:both;width:100%}
div#wrapper{float:right;width:70%}
div#navigation{float:left;width:29.9%}
div#extra{clear:both;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#wrapper{float:none; width:100%;}
#navigation{float:left;width:50%}
#extra{float:left;width:50%;clear:none;}
#footer{clear:left;width:100%}
div#wrapper{float:none; width:100%;}
div#navigation{float:left;width:50%}
div#extra{float:left;width:50%;clear:none;}
div#footer{clear:left;width:100%}
}][(#ENV{layoutgala}|=={30}|oui)/* 30 */
#wrapper{float:left;width:70%}
#navigation{float:right;width:29.9%}
#extra{clear:both;width:100%}
div#wrapper{float:left;width:70%}
div#navigation{float:right;width:29.9%}
div#extra{clear:both;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#wrapper{float:none; width:100%;}
#navigation{float:left;width:50%}
#extra{float:left;width:50%;clear:none;}
#footer{clear:left;width:100%}
div#wrapper{float:none; width:100%;}
div#navigation{float:left;width:50%}
div#extra{float:left;width:50%;clear:none;}
div#footer{clear:left;width:100%}
}][(#ENV{layoutgala}|=={31}|oui)/* 31 */
#wrapper{float:left;width:100%;}
#content{margin-left:#GET{LargeurMenuGauche}px}
#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%}
#extra{clear:left;width:100%}
div#wrapper{float:left;width:100%;}
div#content{margin-left:#GET{LargeurMenuGauche}px}
div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%}
div#extra{clear:left;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#wrapper{float:none; width:100%;}
#navigation{float:left;width:50%}
#extra{float:left;width:50%;clear:none;}
#footer{clear:left;width:100%}
div#wrapper{float:none; width:100%;}
div#navigation{float:left;width:50%}
div#extra{float:left;width:50%;clear:none;}
div#footer{clear:left;width:100%}
}][(#ENV{layoutgala}|=={32}|oui)/* 32 */
#wrapper{float:left;width:100%}
#content{margin-right:#GET{LargeurMenuGauche}px}
#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
#extra{clear:left;width:100%}
div#wrapper{float:left;width:100%}
div#content{margin-right:#GET{LargeurMenuGauche}px}
div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
div#extra{clear:left;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#wrapper{float:none; width:100%;}
#navigation{float:left;width:50%}
#extra{float:left;width:50%;clear:none;}
#footer{clear:left;width:100%}
div#wrapper{float:none; width:100%;}
div#navigation{float:left;width:50%}
div#extra{float:left;width:50%;clear:none;}
div#footer{clear:left;width:100%}
}][(#ENV{layoutgala}|=={33}|oui)/* 33 */
#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
#content{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
#navigation{float:right;width:#GET{LargeurMenuGauche}px}
#extra{float:right;clear:right;width:#GET{LargeurMenuGauche}px}
#footer{clear:both;width:100%}
div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
div#content{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
div#navigation{float:right;width:#GET{LargeurMenuGauche}px}
div#extra{float:right;clear:right;width:#GET{LargeurMenuGauche}px}
div#footer{clear:both;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#wrapper{margin-left:0}
#navigation{float:left;width:50%}
#extra{float:left;width:50%;}
div#wrapper{margin-left:0}
div#navigation{float:left;width:50%}
div#extra{float:left;width:50%;}
}][(#ENV{layoutgala}|=={34}|oui)/* 34 */
#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
#content{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
#navigation{float:left;width:#GET{LargeurMenuGauche}px}
#extra{float:left;clear:left;width:#GET{LargeurMenuGauche}px}
#footer{clear:both;width:100%}
div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
div#content{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
div#navigation{float:left;width:#GET{LargeurMenuGauche}px}
div#extra{float:left;clear:left;width:#GET{LargeurMenuGauche}px}
div#footer{clear:both;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#wrapper{margin-left:0}
#content{float:none;}
#navigation{float:left;width:50%}
#extra{float:left;width:50%;clear:none;}
div#wrapper{margin-left:0}
div#content{float:none;}
div#navigation{float:left;width:50%}
div#extra{float:left;width:50%;clear:none;}
}][(#ENV{layoutgala}|=={35}|oui)/* 35 */
#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
#content{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
#navigation{float:right;width:#GET{LargeurMenuGauche}px}
#extra{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
#footer{clear:both;width:100%}
div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
div#content{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
div#navigation{float:right;width:#GET{LargeurMenuGauche}px}
div#extra{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
div#footer{clear:both;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#navigation{float:left;width:50%}
#extra{float:left;width:50%}
div#navigation{float:left;width:50%}
div#extra{float:left;width:50%}
}][(#ENV{layoutgala}|=={36}|oui)/* 36 */
#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
#content{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
#navigation{float:left;width:#GET{LargeurMenuGauche}px}
#extra{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
#footer{clear:both;width:100%}
div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
div#content{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
div#navigation{float:left;width:#GET{LargeurMenuGauche}px}
div#extra{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
div#footer{clear:both;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#navigation{float:left;width:50%}
#extra{float:left;width:50%}
div#navigation{float:left;width:50%}
div#extra{float:left;width:50%}
}][(#ENV{layoutgala}|=={37}|oui)/* 37 */
#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
#content{float:left;width:[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px}
#navigation{float:right;width:#GET{LargeurMenuGauche}px}
#extra{clear:both;width:100%}
div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
div#content{float:left;width:[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px}
div#navigation{float:right;width:#GET{LargeurMenuGauche}px}
div#extra{clear:both;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#wrapper{float:none; width:100%;}
#navigation{float:left;width:50%}
#extra{float:left;width:50%;clear:none;}
#footer{clear:left;width:100%}
div#wrapper{float:none; width:100%;}
div#navigation{float:left;width:50%}
div#extra{float:left;width:50%;clear:none;}
div#footer{clear:left;width:100%}
}][(#ENV{layoutgala}|=={38}|oui)/* 38 */
#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
#content{float:right;width:[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px}
#navigation{float:left;width:#GET{LargeurMenuGauche}px}
#extra{clear:both;width:100%}
div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
div#content{float:right;width:[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px}
div#navigation{float:left;width:#GET{LargeurMenuGauche}px}
div#extra{clear:both;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#wrapper{float:none; width:100%;}
#navigation{float:left;width:50%}
#extra{float:left;width:50%;clear:none;}
#footer{clear:left;width:100%}
div#wrapper{float:none; width:100%;}
div#navigation{float:left;width:50%}
div#extra{float:left;width:50%;clear:none;}
div#footer{clear:left;width:100%}
}][(#ENV{layoutgala}|=={39}|oui)/* 39 */
#wrapper{float:left;width:100%}
#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
#navigation{float:left;width:50%}
#extra{float:right;width:50%}
#footer{clear:both;width:100%}
div#wrapper{float:left;width:100%}
div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
div#navigation{float:left;width:50%}
div#extra{float:right;width:50%}
div#footer{clear:both;width:100%}
][(#ENV{layoutgala}|=={40}|oui)/* 40 */
#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
#navigation{float:right;width:50%}
#extra{float:left;width:50%}
#footer{clear:both;width:100%}
div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
div#navigation{float:right;width:50%}
div#extra{float:left;width:50%}
div#footer{clear:both;width:100%}
@media (max-width: [(#GET{LargeurContaineur})]px) {
#navigation{float:right;width:50%}
#extra{float:left;width:50%}
div#navigation{float:right;width:50%}
div#extra{float:left;width:50%}
}]
/* Astuce trouvée sur https://stackoverflow.com/questions/1205159/html-css-making-two-floating-divs-the-same-height */
/* Mais ça pose problème avec les ancres : http://www.positioniseverything.net/articles/onetruelayout/appendix/equalheightproblems */
/*#contenu { overflow: hidden; width: 100%; }
#content, #navigation, #extra {
padding-bottom: 5000em;
margin-bottom: -5000em;
position: relative;
}
#contenu:after {
content: "";
display: table;
clear: both;
}
*/

4
noisettes/footer/footer_modeblog.html

@ -3,7 +3,7 @@
</div>
</div><!-- id="content" -->
</div><!-- id="wrapper" -->
<nav><div id="navigation">
<nav><div id="navigation" class="equilibre stackable">
[(#CONFIG{soyezcreateurs/logoheader,header}|=={navigation}|oui)#INCLURE{fond=noisettes/logosite}]
<div id="menu" class="navstuff">
<div class="espaceavant">
@ -41,7 +41,7 @@
</div><!-- id="navigation" --></nav>
<aside><div id="extra" class="navStuff">
<aside><div id="extra" class="navStuff equilibre stackable laststackable">
[<div class="rightmenu">(#PLUGIN{mesfavoris}|oui)<INCLURE{fond=noisettes/extra/favoris}></div>]
[(#CONFIG{soyezcreateurs/citationsheader,extra}|=={extra}|oui)<INCLURE{fond=noisettes/extra/citations}>]
[(#PLUGIN{splickr}|oui)<INCLURE{fond=noisettes/extra/splickr}>]

2
noisettes/footer/footer_modeedito.html

@ -3,7 +3,7 @@
</div>
</div><!-- id="content" -->
</div><!-- id="wrapper" -->
<nav><div id="navigation">
<nav><div id="navigation" class="equilibre stackable">
<h1 class="nocontent offscreen">Menu de la section</h1>
[(#CONFIG{soyezcreateurs/logoheader,header}|=={navigation}|oui)#INCLURE{fond=noisettes/logosite}]
<div id="menu" class="navstuff">#SET{logovu,''}

4
noisettes/footer/footer_modeportailevenementiel.html

@ -3,7 +3,7 @@
</div>
</div><!-- id="content" -->
</div><!-- id="wrapper" -->
<nav><div id="navigation">
<nav><div id="navigation" class="equilibre stackable">
<div id="menu" class="navStuff">
<B_Racines>
<div class="espaceavant">
@ -42,7 +42,7 @@
</div><!-- id="navigation" --></nav>
<aside><div id="extra" class="navStuff">
<aside><div id="extra" class="navStuff equilibre stackable laststackable">
<div class="rightmenu">
<B_Goodies>

2
noisettes/footer/footer_typerubrique_membre.html

@ -3,7 +3,7 @@
</div>
</div><!-- id="content" -->
</div><!-- id="wrapper" -->
<nav><div id="navigation">
<nav><div id="navigation" class="equilibre stackable">
[(#CONFIG{soyezcreateurs/logoheader,header}|=={navigation}|oui)#INCLURE{fond=noisettes/logosite}]
<div id="menu" class="navStuff">
<div class="espaceavant">

15
noisettes/header/header.html

@ -2,7 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml" lang="#LANG" xml:lang="#LANG" dir="#LANG_DIR">
<head><meta charset="#CHARSET">
<title>[(#ENV{title}) - ][(#NOM_SITE_SPIP|textebrut)]</title>
[(#REM) FaceBook Open Graph : https://developers.facebook.com/docs/opengraphprotocol/ & https://developers.facebook.com/tools/lint pour vérifier ]
[(#REM) FaceBook Open Graph : https://developers.facebook.com/docs/opengraphprotocol/ & https://developers.facebook.com/tools/lint pour v�rifier ]
<meta property="og:title" content="[(#ENV{title}|sinon{[(#NOM_SITE_SPIP|textebrut|attribut_html)]})]" />
<meta property="og:type" content="article" />
<meta property="og:url" content="[(#SELF|url_absolue)]" />
@ -96,9 +96,9 @@
[<link rel='stylesheet' href='(#CHEMIN{css/calendar/alert.css}|direction_css|timestamp)' type='text/css' />]
[<link rel='stylesheet' href='(#CHEMIN{css/calendar/main.css}|direction_css|timestamp)' type='text/css' />]
]
[(#REM) Code inspiré de http://oncemade.com/adding-hasjs-class-when-javascript-is-availab
Permet de masquer du contenu si javascript est activé.
Typiquement, un menu déroulant qui ne doit pas apparaître déroulé au chargement de la page si javascript est actif
[(#REM) Code inspir� de http://oncemade.com/adding-hasjs-class-when-javascript-is-availab
Permet de masquer du contenu si javascript est activ�.
Typiquement, un menu d�roulant qui ne doit pas appara�tre d�roul� au chargement de la page si javascript est actif
]
<script type="text/javascript">
document.documentElement.className += ' hasJS';
@ -114,8 +114,13 @@
[<script src="(#PRODUIRE{fond=wdCalendar_lang.js})" type="text/javascript"></script>]
[<script src="(#CHEMIN{javascript/calendar/jquery.calendar.js}|timestamp)" type="text/javascript"></script>]
]
[<script src="(#CHEMIN{images/jquery.em.js}|timestamp)" type="text/javascript"></script>]
[<script src="(#CHEMIN{javascript/jquery-accessible-modal-window-aria/jquery-accessible-modal-window-aria.js}|timestamp)" type="text/javascript"></script>]
[(#ENV{idbody}|=={sommaire_mode_international}|oui)[<script src="(#CHEMIN{javascript/jquery.cycle.all.js}|timestamp)" type="text/javascript"></script>]]
<script type="text/javascript">
CanceladjustLayout = false;
CancelMonitorTextSize = false;
</script>
[(#CHEMIN{noisettes/header/header_perso.html}|oui)
<INCLURE{fond=noisettes/header/header_perso}>
@ -150,6 +155,6 @@
<div id="wrapper">
<div id="content">
<div id="content" class="equilibre notstackable">
[(#CONFIG{soyezcreateurs/menuhautheader,header}|=={content}|oui)<INCLURE{fond=noisettes/menus/menuhaut#CONFIG{soyezcreateurs/typemenuhaut,''},secteurencours,rubriqueencours,id_groupe,id_mot,mots}>]
#FILTRE{mini_html}

2
noisettes/menus/menu_right.html

@ -1,4 +1,4 @@
<aside><div id="extra" class="navStuff">
<aside><div id="extra" class="navStuff equilibre stackable laststackable">
<h2 class="nocontent offscreen">Navigation secondaire</h2>
[<div class="rightmenu">(#PLUGIN{mesfavoris}|oui)<INCLURE{fond=noisettes/extra/favoris}></div>]
[(#CONFIG{soyezcreateurs/citationsheader,extra}|=={extra}|oui)<INCLURE{fond=noisettes/extra/citations}>]

3
noisettes/sommaire/sommaire_modecommuniquant.html

@ -3,6 +3,9 @@
#SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})}
#SET{Largeurcontent_central,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}})}
#SET{Largeurcontent_extra,(#GET{LargeurContaineur}|moins{#GET{Largeurcontent_central}})}
<script type="text/javascript">
CanceladjustLayout = true;
</script>
<main id="main" role="main"><div id="communiquant_content">
<a id="letexte"></a>
[(#CONFIG{soyezcreateurs/largeur_slideshow_communiquant,etroite}|=={large}|oui)[(#INCLURE{fond=noisettes/sommaire/sommaire_modecommuniquant_slideshow,Largeurcontent_central=#GET{LargeurContaineur},mode=large})]]

3
noisettes/sommaire/sommaire_modeinternational.html

@ -25,6 +25,9 @@
}
)]
<script type="text/javascript">
CancelMonitorTextSize = true;
</script>
#INCLURE{fond=noisettes/sommaire/inc_sommaire_modeinternational_newsticker}
<div class="outerinternational">
<div id="block1" class="troistiers">

3
noisettes/sommaire/sommaire_modemairie.html

@ -4,6 +4,9 @@
#SET{Largeurmairie_central,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}})}
#SET{Largeurmairie_video,(#GET{Largeurmairie_central}|div{3})}
#SET{Largeurmairie_edito,(#GET{Largeurmairie_central}|moins{#GET{Largeurmairie_video}})}
<script type="text/javascript">
CanceladjustLayout = true;
</script>
<div id="mairie_content">
<a id="letexte"></a>
<div id="mairie_content_left">

3
noisettes/sommaire/sommaire_modeportail.html

@ -1,3 +1,6 @@
<script type="text/javascript">
CanceladjustLayout = true;
</script>
<main id="main" role="main">
<div id="gauchedroite">

2
noisettes/sommaire/sommaire_modeportail_pictosdroite.html

@ -1,5 +1,5 @@
[(#REM) Pictos de droite]
<nav><div id="extra" class="navStuff"><h1 class="nocontent offscreen">Menu de navigation secondaire</h1>
<nav><div id="extra" class="navStuff equilibre laststackable"><h1 class="nocontent offscreen">Menu de navigation secondaire</h1>
<INCLURE{fond=noisettes/sommaire/sommaire_modeportail_pictos_#CONFIG{soyezcreateurs_couleurs/autovignettes,auto},pictoscherches=^[02468]\.}>
[(#CONFIG{soyezcreateurs/citationsheader,extra}|=={extra}|oui)<INCLURE{fond=noisettes/extra/citations}>]
[(#PLUGIN{splickr}|oui)<INCLURE{fond=noisettes/extra/splickr}>]

2
noisettes/sommaire/sommaire_modeportail_pictosgauche.html

@ -1,5 +1,5 @@
[(#REM) Pictos de gauche]
<nav id="menusite"><div id="navigation"><h1 class="nocontent offscreen">Menu de navigation primaire</h1>
<nav id="menusite"><div id="navigation" class="equilibre stackable"><h1 class="nocontent offscreen">Menu de navigation primaire</h1>
<INCLURE{fond=noisettes/sommaire/sommaire_modeportail_pictos_#CONFIG{soyezcreateurs_couleurs/autovignettes,auto},pictoscherches=^[13579]\.}>
<B_Racines>
<div class="espaceavant">

6
noisettes/sommaire/sommaire_modeportailagence.html

@ -3,10 +3,16 @@
#SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})}
#SET{Largeurcontent_central,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}})}
#SET{Largeurcontent_extra,(#GET{LargeurContaineur}|moins{#GET{Largeurcontent_central}})}
<script type="text/javascript">
CanceladjustLayout = true;
</script>
<main id="main" role="main"><div id="agence_content">
<a id="letexte"></a>
[(#PLUGIN{SOCIALTAGS}|oui)<div id="socialtags"></div>]
</div><!-- agence_content --></main>
#FILTRE{mini_html}

3
noisettes/sommaire/sommaire_modeportailcognac.html

@ -3,6 +3,9 @@
#SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})}
#SET{Largeurcontent_central,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}})}
#SET{Largeurcontent_extra,(#GET{LargeurContaineur}|moins{#GET{Largeurcontent_central}})}
<script type="text/javascript">
CanceladjustLayout = true;
</script>
<main id="main" role="main"><div id="cognac_content">
<a id="letexte"></a>

6
stylesportail.css.html

@ -28,12 +28,8 @@ div#content { margin: 0; width: 100%; }
#droite { position: relative; float: left; padding: 0 20px; width: 50%; }
#gauche { position: relative; float: left; padding: 0 20px; width: 50%; }
#sommaire_mode_portail #content, #sommaire_mode_portail #navigation, #sommaire_mode_portail #extra {
padding-bottom: 0;
margin-bottom: 0;
}
#sommaire_mode_portail #navigation { float: left; margin-left: -#GET{LargeurContaineur}px; background-color: transparent; }
#sommaire_mode_portail #extra { margin-left: -#GET{LargeurMenuDroit}px; background-color: transparent; clear: none; }
#sommaire_mode_portail #extra { margin-left: -#GET{LargeurMenuDroit}px; background-color: transparent; }
dl, dd, dt { margin: 0; }

1
stylesportailagence.css.html

@ -37,7 +37,6 @@
div#content { width: 100%; }
#content, #navigation, #extra { padding-bottom:0; margin-bottom:0; }
#miettesdepain, .boutonstexte {display: none; }
{

27
stylesportailcognac.css.html

@ -29,8 +29,6 @@
#SET{c_container,(#CONFIG{soyezcreateurs_couleurs/container,#02265a})}
#SET{c_container_bk,(#CONFIG{soyezcreateurs_couleurs/container_bk,#f6f6f6})}
#SET{c_titraille,(#CONFIG{soyezcreateurs_couleurs/titraille,#005e7a})}
#SET{c_titraille_bk,(#CONFIG{soyezcreateurs_couleurs/titraille_bk,#f6f6f6})}
#SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}
#SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180})}
@ -42,11 +40,11 @@
#miettesdepain, .boutonstexte {display: none; }
div#content { width: 100%; }
#content, #navigation, #extra { padding-bottom:0; margin-bottom:0; }
.portailcognac .boutonstexte {
right: 0;
}
{
/* clearfix */
/* ---- grid ---- */
@ -352,7 +350,7 @@ select {
font-family: "picto-soyezcreateurs" ;
font-size: 50px;
opacity: 1;
color: #GET{c_header};
color: #be1621;
}
.slider-pratique .slick-prev:hover:before,
.slider-pratique .slick-prev:focus:before,
@ -428,20 +426,20 @@ select {
#content .titre-sommaire:before {
content: "";
display: block;
background-color: #GET{c_header};
background-color: #be1621;
width: 100%;
height: 1px;
}
#content .titre-sommaire h1 {
display: block;
background-color: #GET{c_header_bk};
background-color: #eae9e5;
max-width: [(#GET{LargeurContaineur}|moins{44})]px;
margin: -1.1em auto 1em auto;
padding: .5em .8em .5em;
color: #GET{c_header};
color: #be1621;
font-size: 2rem;
line-height: 1em;
border-left: 1px solid #GET{c_header};
border-left: 1px solid #be1621;
}
@media screen and (max-width: 1178px) {
#content .titre-sommaire h1 {
@ -478,8 +476,7 @@ max-width: [(#GET{LargeurContaineur}|moins{44})]px;
height: 30px;
}
.slick-dots li.slick-active button::before {
color: #GET{c_header};
opacity: 1;
color: #be1621;
}
#liens-diaporama {
position: absolute;
@ -520,7 +517,7 @@ max-width: [(#GET{LargeurContaineur}|moins{44})]px;
margin-left: .55rem;
padding: .85rem .5rem;
font-size: 0;
border-left: 1px solid #GET{c_header} ;
border-left: 1px solid #be1621 ;
}
#liens-diaporama li a span.icon:before {
font-size: 2.15rem;
@ -547,6 +544,9 @@ max-width: [(#GET{LargeurContaineur}|moins{44})]px;
#pratique {
margin-top: 6.5em;
margin-bottom: 4em;
}
#pratique .titre-sommaire h1 {
background-color: #CFEBEB;
}
.clearfix:after,
.grid:after {
@ -650,6 +650,9 @@ max-width: [(#GET{LargeurContaineur}|moins{44})]px;
width: 30px;
height: 30px;
}
.slick-dots li.slick-active button::before {
color: black;
}
#content img {
padding: 0;
}
@ -732,7 +735,7 @@ img.zoomsurlogo {
margin: 0;
font-size: 21px;
font-weight: 400;
color: #GET{c_header} ;
color: #be1621 ;
line-height: 21px;
padding: 10px;
text-align: right;

54
stylessoyezcreateurs.css.html

@ -625,86 +625,78 @@ a#logo { display: block; clear: right; margin-left: 80px; }
#content[(#CONFIG{soyezcreateurs_layout/positioncartouchetitre,contenu}|=={haut}|oui), .cartouche] { background-color: #GET{c_container_bk};[(#CONFIG{soyezcreateurs_couleurs/transparencecontent,1}|!={1}|oui)background-color: rgba([(#GET{c_container_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparencecontent,1});] color: #GET{c_container}; }
#miettesdepain { background-color: #GET{c_fildariane_bk};[(#CONFIG{soyezcreateurs_couleurs/transparencefildariane,1}|!={1}|oui)background-color: rgba([(#GET{c_fildariane_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparencefildariane,1});] color: #GET{c_fildariane}; }
/* Astuce : https://www.fourfront.us/blog/css-shadow-borders-with-curved-box-shadows */
#contenu { position:relative; overflow:hidden; }
#content { position:relative; overflow:hidden; }
[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}!={none}|oui)
#content:before {
content: " ";
position:absolute;
z-index: 1;
[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={left}|oui)
#content:before {
top: 0;
height:100%;
left: -10px;
width: 10px;
border-radius: 5px / 100px;
]
[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={right}|oui)
#content:before {
top: 0;
height:100%;
right: -10px;
width: 10px;
border-radius: 5px / 100px;
]
[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={top}|oui)
#contenu:before {
left: 0;
width:100%;
top: -10px;
height: 10px;
border-radius: 100px / 5px;
]
[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={right}|oui)
top: 0;
height:100%;
right: -10px;
width: 10px;
border-radius: 5px / 100px;
]
[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={bottom}|oui)
#contenu:before {
left: 0;
width:100%;
bottom: -10px;
height: 10px;
border-radius: 100px / 5px;
]
content: " ";
position:absolute;
z-index: 1;
-webkit-box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforeparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforecouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentbeforetransparence,0.6});
-moz-box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforeparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforecouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentbeforetransparence,0.6});
box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforeparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforecouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentbeforetransparence,0.6});
}
]
[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}!={none}|oui)
#content:after {
content: " ";
position:absolute;
z-index: 1;
[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={left}|oui)
#content:after {
top: 0;
height:100%;
left: -10px;
width: 10px;
border-radius: 5px / 100px;
]
[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={right}|oui)
#content:after {
top: 0;
height:100%;
right: -10px;
width: 10px;
border-radius: 5px / 100px;
]
[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={top}|oui)
#contenu:after {
left: 0;
width:100%;
top: -10px;
height: 10px;
border-radius: 100px / 5px;
]
[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={right}|oui)
top: 0;
height:100%;
right: -10px;
width: 10px;
border-radius: 5px / 100px;
]
[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={bottom}|oui)
#contenu:after {
left: 0;
width:100%;
bottom: -10px;
height: 10px;
border-radius: 100px / 5px;
]
content: " ";
position:absolute;
z-index: 1;