spip-contrib-squelettes
/
soyezcreateurs
474
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity
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
0f6b8d7df0
commit
1ef4eb0a66
26 changed files with 767 additions and 349 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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 shouldn’t 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 agent’s 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 agent’s 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
View File

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

103
javascripts.js.html
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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;