Changeset 108014 in spip-zone


Ignore:
Timestamp:
Dec 12, 2017, 11:44:47 AM (16 months ago)
Author:
real3t@…
Message:

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

Location:
_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs
Files:
21 edited
4 copied

Legend:

Unmodified
Added
Removed
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/formulaires/configurer_soyezcreateurs.html

    r107189 r108014  
    4949                                        )]
    5050                                        pour avoir le mode événementiel]
    51                         </fieldset>
    52                         <p class="boutons">
    53                                 <input type="submit" name="enregistrer" value="<:bouton_enregistrer|attribut_html:>" />
    54                         </p>
    55                         <fieldset>
    56                                 <h3 class="legend"><:soyezcreateursprive:cfg_mode_affichage:></h3>
    5751                                        [(#SAISIE{radio,tri_slideshow_communiquant,
    5852                                                label=<:soyezcreateursprive:cfg_tri_slideshow_communiquant_label:>,
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/javascripts.js.html

    r106873 r108014  
    108108}
    109109
     110
     111function adjustLayout() {
     112        /* Remettre la taille à auto pour trouver l'eventuelle nouvelle hauteur !*/
     113        $("div.equilibre").css({'height': 'auto'});
     114        /*******************************************CAS N°1********************************************************************/
     115        /*Nav, Contenu et Extra alignes top (Layout 1 a 22)*/
     116        var tnotstackable =0;
     117        tnotstackable = parseInt($("div.notstackable")[0].offsetTop);
     118        tlaststackable = parseInt($("div.laststackable")[0].offsetTop);
     119        if (tnotstackable==tlaststackable) {
     120                        var h=0;
     121                        $("div.equilibre").each(function(){ h=Math.max(h,this.offsetHeight); }).css({'min-height': h+'px'});
     122                        $("div.equilibre").css({'height': parseInt($("div.equilibre")[0].offsetHeight)});
     123                        /*alert("Cas 1");*/
     124        }
     125        else {
     126/*********************************************CAS 2*********************************************************************/
     127        /* Navigation et Extra sont empiles (Layout 23 a 26 et 33 et 34)*/
     128                leftlaststackable = parseInt($("div.laststackable")[0].offsetLeft);
     129                leftnavigation = parseInt($("div#navigation")[0].offsetLeft);
     130                largeurnavigation = parseInt($("div#navigation")[0].offsetWidth);
     131                largeurextra = parseInt($("div.laststackable")[0].offsetWidth);
     132                if ((leftlaststackable == leftnavigation) && (largeurextra == largeurnavigation)) {
     133                        var hstacked = 0;
     134                        $("div.stackable").each(function(){ hstacked+=parseInt(this.offsetHeight); });
     135                        var hnotstackable = 0;
     136                        hnotstackable = parseInt($("div.notstackable")[0].offsetHeight);
     137                        if (hnotstackable>hstacked) {
     138                                $("div.laststackable").css({'min-height': hnotstackable + parseInt($("div.laststackable")[0].offsetHeight) - hstacked+'px'});
     139                                $("div.notstackable").css({'min-height': hnotstackable+'px'});
     140                                /*alert("Cas 2");*/
     141                        }
     142                        else {
     143                                $("div.notstackable").css({'min-height': hstacked+'px'});
     144                        };
     145                }
     146                else {
     147/**********************************************CAS 3*******************************************************************/
     148        /* Navigation et Extra meme Top et differents de Contenu (Layout 27-28-39-40)*/
     149                        tlaststackable = parseInt($("div.laststackable")[0].offsetTop);
     150                        tstackable = parseInt($("div.stackable")[0].offsetTop);
     151                        if (tstackable==tlaststackable){
     152                                var h=0;
     153                                $("div.stackable").each(function(){ h=Math.max(h,this.offsetHeight); }).css({'min-height': h+'px'});
     154                                /*alert("Cas 3");*/
     155                        }
     156                        else {
     157/**********************************************CAS 4*******************************************************************/
     158        /* Navigation et Contenu meme alignement Top (Layout 35 et 36)*/
     159                                largeurcontenu = parseInt($("div.notstackable")[0].offsetWidth);
     160                                if (largeurcontenu==largeurextra) {
     161                                        hstackable = (hauteurcontenu = parseInt($("div.notstackable")[0].offsetHeight)) + (hauteurext = parseInt($("div.laststackable")[0].offsetHeight));
     162                                        hnavigation = parseInt($("div#navigation")[0].offsetHeight);
     163                                        if(hstackable < hnavigation) {
     164                                                $("div.notstackable").css({'min-height': (hnavigation - hauteurext)+'px'});
     165                                        }
     166                                        else {
     167                                                $("div#navigation").css({'min-height': hstackable+'px'});
     168                                        }
     169                                        /*alert("Cas 4");*/
     170                                }
     171                                else    {
     172/**********************************************CAS 5*******************************************************************/
     173        /* Navigation et Contenu meme alignement Top (Layout 29 a 32 et 37 et 38)*/
     174                                        hstackable = (hauteurcontenu = parseInt($("div.notstackable")[0].offsetHeight));
     175                                        hnavigation = parseInt($("div#navigation")[0].offsetHeight);
     176                                        if(hstackable > hnavigation) {
     177                                                $("div#navigation").css({'min-height': hstackable+'px'});
     178                                        }
     179                                        else {
     180                                        $("div.notstackable").css({'min-height': hnavigation+'px'});
     181                                        }
     182                                        /*alert("Cas 5");*/
     183                                }
     184                        }
     185                }
     186        }
     187}
     188;
    110189/* FUNCTIONS ON ALL PAGES */
    111190function myInitPages() {
     
    151230]
    152231        $(".escapelinks").one("focus", "a", function() { $(".escapelinks").removeClass("escapelinks"); } );
     232}
     233;
     234function myInitLayout() {
     235        if (CanceladjustLayout != true) {
     236                adjustLayout();
     237                $("body").resize(
     238                        function () {
     239                        adjustLayout();
     240                        }
     241                );
     242                if (CancelMonitorTextSize != true) {
     243                        $.em.element = $('<div />').css({ left:     '-100em',
     244                                                                                position: 'absolute',
     245                                                                                width:    '100em' })
     246                                                                 .prependTo('div.texte')[0];
     247                        $('div.texte').bind('emchange', function(e, cur, prev) { adjustLayout(); });
     248                }
     249                onAjaxLoad(adjustLayout); // Merci Marcimat sur IRC !
     250        }
     251;
    153252}
    154253;
     
    726825$(document).ready(function() {
    727826        myInitPages();
     827        // Ceci devrait régler le problème de l'ajustement des colonne pas toujours fait
     828        $(window).on('load',function() {
     829                myInitLayout();
     830        });
    728831});
    729832
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/layout.css.html

    r107948 r108014  
    1414/* http://blog.html.it/layoutgala/index.html */
    1515[(#ENV{layoutgala}|=={1}|oui)/* 1 */
    16 #wrapper{float:left;width:100%}
    17 #content{margin: 0 25%}
    18 #navigation{float:left;width:25%;margin-left:-100%}
    19 #extra{float:left;width:25%;margin-left:-25%}
    20 #footer{clear:left;width:100%}
     16div#wrapper{float:left;width:100%}
     17div#content{margin: 0 25%}
     18div#navigation{float:left;width:25%;margin-left:-100%}
     19div#extra{float:left;width:25%;margin-left:-25%}
     20div#footer{clear:left;width:100%}
    2121][(#ENV{layoutgala}|=={2}|oui)/* 2 */
    22 #wrapper{float:left;width:100%}
    23 #content{margin: 0 25%}
    24 #navigation{float:left;width:25%;margin-left:-25%}
    25 #extra{float:left;width:25%;margin-left:-100%}
    26 #footer{clear:left;width:100%}
    27 @media (max-width: [(#GET{LargeurContaineur})]px) {
    28 #navigation{float:right;width:50%}
    29 #extra{float:left;width:50%}
     22div#wrapper{float:left;width:100%}
     23div#content{margin: 0 25%}
     24div#navigation{float:left;width:25%;margin-left:-25%}
     25div#extra{float:left;width:25%;margin-left:-100%}
     26div#footer{clear:left;width:100%}
     27@media (max-width: [(#GET{LargeurContaineur})]px) {
     28div#navigation{float:right;width:50%}
     29div#extra{float:left;width:50%}
    3030}][(#ENV{layoutgala}|=={3}|oui)/* 3 */
    31 #wrapper{float:left;width:100%}
    32 #content{margin-right: 50%}
    33 #navigation{float:left;width:25%;margin-left:-50%}
    34 #extra{float:left;width:25%;margin-left:-25%}
    35 #footer{clear:left;width:100%}
     31div#wrapper{float:left;width:100%}
     32div#content{margin-right: 50%}
     33div#navigation{float:left;width:25%;margin-left:-50%}
     34div#extra{float:left;width:25%;margin-left:-25%}
     35div#footer{clear:left;width:100%}
    3636][(#ENV{layoutgala}|=={4}|oui)/* 4 */
    37 #wrapper{float:left;width:100%}
    38 #content{margin-right: 50%}
    39 #navigation{float:left;width:25%;margin-left:-25%}
    40 #extra{float:left;width:25%;margin-left:-50%}
    41 #footer{clear:left;width:100%}
    42 @media (max-width: [(#GET{LargeurContaineur})]px) {
    43 #navigation{float:right;width:50%}
    44 #extra{float:left;width:50%}
     37div#wrapper{float:left;width:100%}
     38div#content{margin-right: 50%}
     39div#navigation{float:left;width:25%;margin-left:-25%}
     40div#extra{float:left;width:25%;margin-left:-50%}
     41div#footer{clear:left;width:100%}
     42@media (max-width: [(#GET{LargeurContaineur})]px) {
     43div#navigation{float:right;width:50%}
     44div#extra{float:left;width:50%}
    4545}][(#ENV{layoutgala}|=={5}|oui)/* 5 */
    46 #wrapper{float:left;width:100%}
    47 #content{margin-left: 50%}
    48 #navigation{float:left;width:25%;margin-left:-100%}
    49 #extra{float:left;width:25%;margin-left:-75%}
    50 #footer{clear:left;width:100%}
     46div#wrapper{float:left;width:100%}
     47div#content{margin-left: 50%}
     48div#navigation{float:left;width:25%;margin-left:-100%}
     49div#extra{float:left;width:25%;margin-left:-75%}
     50div#footer{clear:left;width:100%}
    5151][(#ENV{layoutgala}|=={6}|oui)/* 6 */
    52 #wrapper{float:left;width:100%}
    53 #content{margin-left: 50%}
    54 #navigation{float:left;width:25%;margin-left:-75%}
    55 #extra{float:left;width:25%;margin-left:-100%}
    56 #footer{clear:left;width:100%}
    57 @media (max-width: [(#GET{LargeurContaineur})]px) {
    58 #navigation{float:right;width:50%}
    59 #extra{float:left;width:50%}
     52div#wrapper{float:left;width:100%}
     53div#content{margin-left: 50%}
     54div#navigation{float:left;width:25%;margin-left:-75%}
     55div#extra{float:left;width:25%;margin-left:-100%}
     56div#footer{clear:left;width:100%}
     57@media (max-width: [(#GET{LargeurContaineur})]px) {
     58div#navigation{float:right;width:50%}
     59div#extra{float:left;width:50%}
    6060}][(#ENV{layoutgala}|=={7}|oui)/* 7 */
    61 #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    62 #wrapper{float:left;width:100%}
    63 #content{margin: 0 #GET{LargeurMenuDroitOmbre}px 0 #GET{LargeurMenuGaucheOmbre}px}
    64 #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurContaineurOmbre}px}
    65 #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroitOmbre}px}
    66 #footer{clear:left;width:100%}
     61div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
     62div#wrapper{float:left;width:100%}
     63div#content{margin: 0 #GET{LargeurMenuDroitOmbre}px 0 #GET{LargeurMenuGaucheOmbre}px}
     64div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurContaineurOmbre}px}
     65div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroitOmbre}px}
     66div#footer{clear:left;width:100%}
    6767][(#ENV{layoutgala}|=={8}|oui)/* 8 */
    68 #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    69 #wrapper{float:left;width:100%}
    70 #content{margin: 0 #GET{LargeurMenuGauche}px 0 #GET{LargeurMenuDroit}px}
    71 #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
    72 #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurContaineur}px}
    73 #footer{clear:left;width:100%}
    74 @media (max-width: [(#GET{LargeurContaineur})]px) {
    75 #navigation{float:right;width:50%}
    76 #extra{float:left;width:50%}
     68div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
     69div#wrapper{float:left;width:100%}
     70div#content{margin: 0 #GET{LargeurMenuGauche}px 0 #GET{LargeurMenuDroit}px}
     71div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
     72div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurContaineur}px}
     73div#footer{clear:left;width:100%}
     74@media (max-width: [(#GET{LargeurContaineur})]px) {
     75div#navigation{float:right;width:50%}
     76div#extra{float:left;width:50%}
    7777}][(#ENV{layoutgala}|=={9}|oui)/* 9 */
    78 #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    79 #wrapper{float:left;width:100%}
    80 #content{margin-right:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
    81 #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
    82 #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
    83 #footer{clear:left;width:100%}
     78div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
     79div#wrapper{float:left;width:100%}
     80div#content{margin-right:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
     81div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
     82div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
     83div#footer{clear:left;width:100%}
    8484][(#ENV{layoutgala}|=={10}|oui)/* 10 */
    85 #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    86 #wrapper{float:left;width:100%}
    87 #content{margin-right:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
    88 #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
    89 #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
    90 #footer{clear:left;width:100%}
    91 @media (max-width: [(#GET{LargeurContaineur})]px) {
    92 #navigation{float:right;width:50%}
    93 #extra{float:left;width:50%}
     85div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
     86div#wrapper{float:left;width:100%}
     87div#content{margin-right:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
     88div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
     89div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
     90div#footer{clear:left;width:100%}
     91@media (max-width: [(#GET{LargeurContaineur})]px) {
     92div#navigation{float:right;width:50%}
     93div#extra{float:left;width:50%}
    9494}][(#ENV{layoutgala}|=={11}|oui)/* 11 */
    95 #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    96 #wrapper{float:left;width:100%}
    97 #content{margin-left: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
    98 #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurContaineur}px}
    99 #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px}
    100 #footer{clear:left;width:100%}
     95div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
     96div#wrapper{float:left;width:100%}
     97div#content{margin-left: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
     98div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurContaineur}px}
     99div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px}
     100div#footer{clear:left;width:100%}
    101101][(#ENV{layoutgala}|=={12}|oui)/* 12 */
    102 #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    103 #wrapper{float:left;width:100%}
    104 #content{margin-left: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
    105 #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuDroit}})]px}
    106 #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurContaineur}px}
    107 #footer{clear:left;width:100%}
    108 @media (max-width: [(#GET{LargeurContaineur})]px) {
    109 #navigation{float:right;width:50%}
    110 #extra{float:left;width:50%}
     102div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
     103div#wrapper{float:left;width:100%}
     104div#content{margin-left: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
     105div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuDroit}})]px}
     106div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurContaineur}px}
     107div#footer{clear:left;width:100%}
     108@media (max-width: [(#GET{LargeurContaineur})]px) {
     109div#navigation{float:right;width:50%}
     110div#extra{float:left;width:50%}
    111111}][(#ENV{layoutgala}|=={13}|oui)/* 13 */
    112 #wrapper{float:left;width:100%;}
    113 #content{margin: 0 #GET{LargeurMenuDroit}px 0 #GET{LargeurMenuGauche}px}
    114 #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%}
    115 #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
    116 #footer{clear:left;width:100%}
     112div#wrapper{float:left;width:100%;}
     113div#content{margin: 0 #GET{LargeurMenuDroit}px 0 #GET{LargeurMenuGauche}px}
     114div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%}
     115div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
     116div#footer{clear:left;width:100%}
    117117][(#ENV{layoutgala}|=={14}|oui)/* 14 */
    118 #wrapper{float:left;width:100%}
    119 #content{margin: 0 #GET{LargeurMenuGauche}px 0 #GET{LargeurMenuDroit}px}
    120 #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
    121 #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-100%}
    122 #footer{clear:left;width:100%}
    123 @media (max-width: [(#GET{LargeurContaineur})]px) {
    124 #navigation{float:right;width:50%}
    125 #extra{float:left;width:50%}
     118div#wrapper{float:left;width:100%}
     119div#content{margin: 0 #GET{LargeurMenuGauche}px 0 #GET{LargeurMenuDroit}px}
     120div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
     121div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-100%}
     122div#footer{clear:left;width:100%}
     123@media (max-width: [(#GET{LargeurContaineur})]px) {
     124div#navigation{float:right;width:50%}
     125div#extra{float:left;width:50%}
    126126}][(#ENV{layoutgala}|=={15}|oui)/* 15 */
    127 #wrapper{float:left;width:100%}
    128 #content{margin-right: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
    129 #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
    130 #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
    131 #footer{clear:left;width:100%}
     127div#wrapper{float:left;width:100%}
     128div#content{margin-right: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
     129div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
     130div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
     131div#footer{clear:left;width:100%}
    132132][(#ENV{layoutgala}|=={16}|oui)/* 16 */
    133 #wrapper{float:left;width:100%}
    134 #content{margin-right: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
    135 #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
    136 #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
    137 #footer{clear:left;width:100%}
    138 @media (max-width: [(#GET{LargeurContaineur})]px) {
    139 #navigation{float:right;width:50%}
    140 #extra{float:left;width:50%}
     133div#wrapper{float:left;width:100%}
     134div#content{margin-right: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
     135div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
     136div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
     137div#footer{clear:left;width:100%}
     138@media (max-width: [(#GET{LargeurContaineur})]px) {
     139div#navigation{float:right;width:50%}
     140div#extra{float:left;width:50%}
    141141}][(#ENV{layoutgala}|=={17}|oui)/* 17 */
    142 #wrapper{float:right;width: 100%;margin-left: -[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
    143 #content{margin-left:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
    144 #navigation{float:right;width:#GET{LargeurMenuGauche}px}
    145 #extra{float:right;width:#GET{LargeurMenuDroit}px}
    146 #footer{clear:right;width:100%}
    147 @media (max-width: [(#GET{LargeurContaineur})]px) {
    148 #navigation{float:right;width:50%}
    149 #extra{float:left;width:50%}
     142div#wrapper{float:right;width: 100%;margin-left: -[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
     143div#content{margin-left:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
     144div#navigation{float:right;width:#GET{LargeurMenuGauche}px}
     145div#extra{float:right;width:#GET{LargeurMenuDroit}px}
     146div#footer{clear:right;width:100%}
     147@media (max-width: [(#GET{LargeurContaineur})]px) {
     148div#navigation{float:right;width:50%}
     149div#extra{float:left;width:50%}
    150150}][(#ENV{layoutgala}|=={18}|oui)/* 18 */
    151 #wrapper{float:right;width: 100%;margin-left: -[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
    152 #content{margin-left:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
    153 #navigation{float:left;width: #GET{LargeurMenuGauche}px}
    154 #extra{float:right;width:#GET{LargeurMenuDroit}px}
    155 #footer{clear:both;width:100%}
     151div#wrapper{float:right;width: 100%;margin-left: -[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
     152div#content{margin-left:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
     153div#navigation{float:left;width: #GET{LargeurMenuGauche}px}
     154div#extra{float:right;width:#GET{LargeurMenuDroit}px}
     155div#footer{clear:both;width:100%}
    156156][(#ENV{layoutgala}|=={19}|oui)/* 19 */
    157 #wrapper{float:left;width:100%}
    158 #content{margin: 0 33% 0 #GET{LargeurMenuGauche}px}
    159 #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%}
    160 #extra{float:left;width:33%;margin-left:-33%}
    161 #footer{clear:left;width:100%}
     157div#wrapper{float:left;width:100%}
     158div#content{margin: 0 33% 0 #GET{LargeurMenuGauche}px}
     159div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%}
     160div#extra{float:left;width:33%;margin-left:-33%}
     161div#footer{clear:left;width:100%}
    162162][(#ENV{layoutgala}|=={20}|oui)/* 20 */
    163 #wrapper{float:left;width:100%}
    164 #content{margin: 0 #GET{LargeurMenuDroit}px 0 33%}
    165 #navigation{float:left;width:33%;margin-left:-100%}
    166 #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
    167 #footer{clear:left;width:100%}
     163div#wrapper{float:left;width:100%}
     164div#content{margin: 0 #GET{LargeurMenuDroit}px 0 33%}
     165div#navigation{float:left;width:33%;margin-left:-100%}
     166div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
     167div#footer{clear:left;width:100%}
    168168][(#ENV{layoutgala}|=={21}|oui)/* 21 */
    169 #wrapper{float:left;width:100%;margin-left:-25%}
    170 #content{margin: 0 #GET{LargeurMenuGauche}px 0 25%}
    171 #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
    172 #extra{float:left;width:25%}
    173 #footer{clear:left;width:100%}
     169div#wrapper{float:left;width:100%;margin-left:-25%}
     170div#content{margin: 0 #GET{LargeurMenuGauche}px 0 25%}
     171div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
     172div#extra{float:left;width:25%}
     173div#footer{clear:left;width:100%}
    174174][(#ENV{layoutgala}|=={22}|oui)/* 22 */
    175 #wrapper{float:left;width:100%;margin-left:-#GET{LargeurMenuDroit}px}
    176 #content{margin: 0 25% 0 #GET{LargeurMenuDroit}px}
    177 #navigation{float:left;width:25%;margin-left:-25%}
    178 #extra{float:left;width:#GET{LargeurMenuDroit}px}
    179 #footer{clear:left;width:100%}
     175div#wrapper{float:left;width:100%;margin-left:-#GET{LargeurMenuDroit}px}
     176div#content{margin: 0 25% 0 #GET{LargeurMenuDroit}px}
     177div#navigation{float:left;width:25%;margin-left:-25%}
     178div#extra{float:left;width:#GET{LargeurMenuDroit}px}
     179div#footer{clear:left;width:100%}
    180180][(#ENV{layoutgala}|=={23}|oui)/* 23 */
    181 #wrapper{float:left;width:100%;margin-left:-#GET{LargeurMenuGauche}px}
    182 #content{margin-left:#GET{LargeurMenuGauche}px}
    183 #navigation{float:right;width:#GET{LargeurMenuGauche}px}
    184 #extra{float:right;clear:right;width:#GET{LargeurMenuGauche}px}
    185 #footer{clear:both;width:100%}
    186 @media (max-width: [(#GET{LargeurContaineur})]px) {
    187 #wrapper{margin-left:0}
    188 #navigation{float:left;width:50%}
    189 #extra{float:left;width:50%;}
     181div#wrapper{float:left;width:100%;margin-left:-#GET{LargeurMenuGauche}px}
     182div#content{margin-left:#GET{LargeurMenuGauche}px}
     183div#navigation{float:right;width:#GET{LargeurMenuGauche}px}
     184div#extra{float:right;clear:right;width:#GET{LargeurMenuGauche}px}
     185div#footer{clear:both;width:100%}
     186@media (max-width: [(#GET{LargeurContaineur})]px) {
     187div#wrapper{margin-left:0}
     188div#navigation{float:left;width:50%}
     189div#extra{float:left;width:50%;}
    190190}][(#ENV{layoutgala}|=={24}|oui)/* 24 */
    191 #wrapper{float:right;width:100%;margin-left:-#GET{LargeurMenuGauche}px}
    192 #content{margin-left:#GET{LargeurMenuGauche}px}
    193 #navigation{float:left;width:#GET{LargeurMenuGauche}px}
    194 #extra{float:left;clear:left;width:#GET{LargeurMenuGauche}px}
    195 #footer{clear:both;width:100%}
    196 @media (max-width: [(#GET{LargeurContaineur})]px) {
    197 #wrapper{margin-left:0}
    198 #navigation{float:left;width:50%}
    199 #extra{float:left;width:50%;clear:none;}
     191div#wrapper{float:right;width:100%;margin-left:-#GET{LargeurMenuGauche}px}
     192div#content{margin-left:#GET{LargeurMenuGauche}px}
     193div#navigation{float:left;width:#GET{LargeurMenuGauche}px}
     194div#extra{float:left;clear:left;width:#GET{LargeurMenuGauche}px}
     195div#footer{clear:both;width:100%}
     196@media (max-width: [(#GET{LargeurContaineur})]px) {
     197div#wrapper{margin-left:0}
     198div#navigation{float:left;width:50%}
     199div#extra{float:left;width:50%;clear:none;}
    200200}][(#ENV{layoutgala}|=={25}|oui)/* 25 */
    201 #wrapper{float:left;width:100%;margin-left:-33%}
    202 #content{margin-left:33%}
    203 #navigation{float:right;width:32.9%}
    204 #extra{float:right;clear:right;width:32.9%}
    205 #footer{clear:both;width:100%}
    206 @media (max-width: [(#GET{LargeurContaineur})]px) {
    207 #wrapper{margin-left:0}
    208 #navigation{float:left;width:50%}
    209 #extra{float:left;width:50%;clear:none;}
     201div#wrapper{float:left;width:100%;margin-left:-33%}
     202div#content{margin-left:33%}
     203div#navigation{float:right;width:32.9%}
     204div#extra{float:right;clear:right;width:32.9%}
     205div#footer{clear:both;width:100%}
     206@media (max-width: [(#GET{LargeurContaineur})]px) {
     207div#wrapper{margin-left:0}
     208div#navigation{float:left;width:50%}
     209div#extra{float:left;width:50%;clear:none;}
    210210}][(#ENV{layoutgala}|=={26}|oui)/* 26 */
    211 #wrapper{float:right;width:80%;}
    212 #navigation{float:left;width:20%}
    213 #extra{float:left;clear:left;width:20%}
    214 #footer{clear:both;width:100%}
    215 @media (max-width: [(#GET{LargeurContaineur})]px) {
    216 #wrapper{margin-left:0}
    217 #navigation{float:left;width:50%}
    218 #extra{float:left;width:50%;clear:none;}
     211div#wrapper{float:right;width:80%;}
     212div#navigation{float:left;width:20%}
     213div#extra{float:left;clear:left;width:20%}
     214div#footer{clear:both;width:100%}
     215@media (max-width: [(#GET{LargeurContaineur})]px) {
     216div#wrapper{margin-left:0}
     217div#navigation{float:left;width:50%}
     218div#extra{float:left;width:50%;clear:none;}
    219219}][(#ENV{layoutgala}|=={62}|oui)/* 26 modifie - identifiant 62 */
    220 #wrapper{float:right;width:80%;margin-left:-.5%}
    221 #navigation{float:left;width:20.5%}
    222 #extra{float:left;clear:left;width:20%}
    223 #footer{clear:both;width:100%}
     220div#wrapper{float:right;width:80%;margin-left:-.5%}
     221div#navigation{float:left;width:20.5%}
     222div#extra{float:left;clear:left;width:20%}
     223div#footer{clear:both;width:100%}
    224224][(#ENV{layoutgala}|=={27}|oui)/* 27 */
    225 #navigation{float:left;width:50%}
    226 #extra{float:left;width:49.9%}
    227 #footer{clear:left;width:100%}
     225div#navigation{float:left;width:50%}
     226div#extra{float:left;width:49.9%}
     227div#footer{clear:left;width:100%}
    228228][(#ENV{layoutgala}|=={28}|oui)/* 28 */
    229 #navigation{float:right;width:50%}
    230 #extra{float:right;width:49.9%}
    231 #footer{clear:right;width:100%}
    232 @media (max-width: [(#GET{LargeurContaineur})]px) {
    233 #navigation{float:right;width:50%}
    234 #extra{float:left;width:50%}
     229div#navigation{float:right;width:50%}
     230div#extra{float:right;width:49.9%}
     231div#footer{clear:right;width:100%}
     232@media (max-width: [(#GET{LargeurContaineur})]px) {
     233div#navigation{float:right;width:50%}
     234div#extra{float:left;width:50%}
    235235}][(#ENV{layoutgala}|=={29}|oui)/* 29 */
    236 #wrapper{float:right;width:70%}
    237 #navigation{float:left;width:29.9%}
    238 #extra{clear:both;width:100%}
    239 @media (max-width: [(#GET{LargeurContaineur})]px) {
    240 #wrapper{float:none; width:100%;}
    241 #navigation{float:left;width:50%}
    242 #extra{float:left;width:50%;clear:none;}
    243 #footer{clear:left;width:100%}
     236div#wrapper{float:right;width:70%}
     237div#navigation{float:left;width:29.9%}
     238div#extra{clear:both;width:100%}
     239@media (max-width: [(#GET{LargeurContaineur})]px) {
     240div#wrapper{float:none; width:100%;}
     241div#navigation{float:left;width:50%}
     242div#extra{float:left;width:50%;clear:none;}
     243div#footer{clear:left;width:100%}
    244244}][(#ENV{layoutgala}|=={30}|oui)/* 30 */
    245 #wrapper{float:left;width:70%}
    246 #navigation{float:right;width:29.9%}
    247 #extra{clear:both;width:100%}
    248 @media (max-width: [(#GET{LargeurContaineur})]px) {
    249 #wrapper{float:none; width:100%;}
    250 #navigation{float:left;width:50%}
    251 #extra{float:left;width:50%;clear:none;}
    252 #footer{clear:left;width:100%}
     245div#wrapper{float:left;width:70%}
     246div#navigation{float:right;width:29.9%}
     247div#extra{clear:both;width:100%}
     248@media (max-width: [(#GET{LargeurContaineur})]px) {
     249div#wrapper{float:none; width:100%;}
     250div#navigation{float:left;width:50%}
     251div#extra{float:left;width:50%;clear:none;}
     252div#footer{clear:left;width:100%}
    253253}][(#ENV{layoutgala}|=={31}|oui)/* 31 */
    254 #wrapper{float:left;width:100%;}
    255 #content{margin-left:#GET{LargeurMenuGauche}px}
    256 #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%}
    257 #extra{clear:left;width:100%}
    258 @media (max-width: [(#GET{LargeurContaineur})]px) {
    259 #wrapper{float:none; width:100%;}
    260 #navigation{float:left;width:50%}
    261 #extra{float:left;width:50%;clear:none;}
    262 #footer{clear:left;width:100%}
     254div#wrapper{float:left;width:100%;}
     255div#content{margin-left:#GET{LargeurMenuGauche}px}
     256div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%}
     257div#extra{clear:left;width:100%}
     258@media (max-width: [(#GET{LargeurContaineur})]px) {
     259div#wrapper{float:none; width:100%;}
     260div#navigation{float:left;width:50%}
     261div#extra{float:left;width:50%;clear:none;}
     262div#footer{clear:left;width:100%}
    263263}][(#ENV{layoutgala}|=={32}|oui)/* 32 */
    264 #wrapper{float:left;width:100%}
    265 #content{margin-right:#GET{LargeurMenuGauche}px}
    266 #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
    267 #extra{clear:left;width:100%}
    268 @media (max-width: [(#GET{LargeurContaineur})]px) {
    269 #wrapper{float:none; width:100%;}
    270 #navigation{float:left;width:50%}
    271 #extra{float:left;width:50%;clear:none;}
    272 #footer{clear:left;width:100%}
     264div#wrapper{float:left;width:100%}
     265div#content{margin-right:#GET{LargeurMenuGauche}px}
     266div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
     267div#extra{clear:left;width:100%}
     268@media (max-width: [(#GET{LargeurContaineur})]px) {
     269div#wrapper{float:none; width:100%;}
     270div#navigation{float:left;width:50%}
     271div#extra{float:left;width:50%;clear:none;}
     272div#footer{clear:left;width:100%}
    273273}][(#ENV{layoutgala}|=={33}|oui)/* 33 */
    274 #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    275 #content{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
    276 #navigation{float:right;width:#GET{LargeurMenuGauche}px}
    277 #extra{float:right;clear:right;width:#GET{LargeurMenuGauche}px}
    278 #footer{clear:both;width:100%}
    279 @media (max-width: [(#GET{LargeurContaineur})]px) {
    280 #wrapper{margin-left:0}
    281 #navigation{float:left;width:50%}
    282 #extra{float:left;width:50%;}
     274div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
     275div#content{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
     276div#navigation{float:right;width:#GET{LargeurMenuGauche}px}
     277div#extra{float:right;clear:right;width:#GET{LargeurMenuGauche}px}
     278div#footer{clear:both;width:100%}
     279@media (max-width: [(#GET{LargeurContaineur})]px) {
     280div#wrapper{margin-left:0}
     281div#navigation{float:left;width:50%}
     282div#extra{float:left;width:50%;}
    283283}][(#ENV{layoutgala}|=={34}|oui)/* 34 */
    284 #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    285 #content{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
    286 #navigation{float:left;width:#GET{LargeurMenuGauche}px}
    287 #extra{float:left;clear:left;width:#GET{LargeurMenuGauche}px}
    288 #footer{clear:both;width:100%}
    289 @media (max-width: [(#GET{LargeurContaineur})]px) {
    290 #wrapper{margin-left:0}
    291 #content{float:none;}
    292 #navigation{float:left;width:50%}
    293 #extra{float:left;width:50%;clear:none;}
     284div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
     285div#content{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
     286div#navigation{float:left;width:#GET{LargeurMenuGauche}px}
     287div#extra{float:left;clear:left;width:#GET{LargeurMenuGauche}px}
     288div#footer{clear:both;width:100%}
     289@media (max-width: [(#GET{LargeurContaineur})]px) {
     290div#wrapper{margin-left:0}
     291div#content{float:none;}
     292div#navigation{float:left;width:50%}
     293div#extra{float:left;width:50%;clear:none;}
    294294}][(#ENV{layoutgala}|=={35}|oui)/* 35 */
    295 #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    296 #content{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
    297 #navigation{float:right;width:#GET{LargeurMenuGauche}px}
    298 #extra{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
    299 #footer{clear:both;width:100%}
    300 @media (max-width: [(#GET{LargeurContaineur})]px) {
    301 #navigation{float:left;width:50%}
    302 #extra{float:left;width:50%}
     295div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
     296div#content{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
     297div#navigation{float:right;width:#GET{LargeurMenuGauche}px}
     298div#extra{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
     299div#footer{clear:both;width:100%}
     300@media (max-width: [(#GET{LargeurContaineur})]px) {
     301div#navigation{float:left;width:50%}
     302div#extra{float:left;width:50%}
    303303}][(#ENV{layoutgala}|=={36}|oui)/* 36 */
    304 #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    305 #content{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
    306 #navigation{float:left;width:#GET{LargeurMenuGauche}px}
    307 #extra{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
    308 #footer{clear:both;width:100%}
    309 @media (max-width: [(#GET{LargeurContaineur})]px) {
    310 #navigation{float:left;width:50%}
    311 #extra{float:left;width:50%}
     304div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
     305div#content{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
     306div#navigation{float:left;width:#GET{LargeurMenuGauche}px}
     307div#extra{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
     308div#footer{clear:both;width:100%}
     309@media (max-width: [(#GET{LargeurContaineur})]px) {
     310div#navigation{float:left;width:50%}
     311div#extra{float:left;width:50%}
    312312}][(#ENV{layoutgala}|=={37}|oui)/* 37 */
    313 #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    314 #content{float:left;width:[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px}
    315 #navigation{float:right;width:#GET{LargeurMenuGauche}px}
    316 #extra{clear:both;width:100%}
    317 @media (max-width: [(#GET{LargeurContaineur})]px) {
    318 #wrapper{float:none; width:100%;}
    319 #navigation{float:left;width:50%}
    320 #extra{float:left;width:50%;clear:none;}
    321 #footer{clear:left;width:100%}
     313div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
     314div#content{float:left;width:[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px}
     315div#navigation{float:right;width:#GET{LargeurMenuGauche}px}
     316div#extra{clear:both;width:100%}
     317@media (max-width: [(#GET{LargeurContaineur})]px) {
     318div#wrapper{float:none; width:100%;}
     319div#navigation{float:left;width:50%}
     320div#extra{float:left;width:50%;clear:none;}
     321div#footer{clear:left;width:100%}
    322322}][(#ENV{layoutgala}|=={38}|oui)/* 38 */
    323 #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    324 #content{float:right;width:[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px}
    325 #navigation{float:left;width:#GET{LargeurMenuGauche}px}
    326 #extra{clear:both;width:100%}
    327 @media (max-width: [(#GET{LargeurContaineur})]px) {
    328 #wrapper{float:none; width:100%;}
    329 #navigation{float:left;width:50%}
    330 #extra{float:left;width:50%;clear:none;}
    331 #footer{clear:left;width:100%}
     323div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
     324div#content{float:right;width:[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px}
     325div#navigation{float:left;width:#GET{LargeurMenuGauche}px}
     326div#extra{clear:both;width:100%}
     327@media (max-width: [(#GET{LargeurContaineur})]px) {
     328div#wrapper{float:none; width:100%;}
     329div#navigation{float:left;width:50%}
     330div#extra{float:left;width:50%;clear:none;}
     331div#footer{clear:left;width:100%}
    332332}][(#ENV{layoutgala}|=={39}|oui)/* 39 */
    333 #wrapper{float:left;width:100%}
    334 #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    335 #navigation{float:left;width:50%}
    336 #extra{float:right;width:50%}
    337 #footer{clear:both;width:100%}
     333div#wrapper{float:left;width:100%}
     334div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
     335div#navigation{float:left;width:50%}
     336div#extra{float:right;width:50%}
     337div#footer{clear:both;width:100%}
    338338][(#ENV{layoutgala}|=={40}|oui)/* 40 */
    339 #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    340 #navigation{float:right;width:50%}
    341 #extra{float:left;width:50%}
    342 #footer{clear:both;width:100%}
    343 @media (max-width: [(#GET{LargeurContaineur})]px) {
    344 #navigation{float:right;width:50%}
    345 #extra{float:left;width:50%}
     339div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
     340div#navigation{float:right;width:50%}
     341div#extra{float:left;width:50%}
     342div#footer{clear:both;width:100%}
     343@media (max-width: [(#GET{LargeurContaineur})]px) {
     344div#navigation{float:right;width:50%}
     345div#extra{float:left;width:50%}
    346346}]
    347 
    348 /* Astuce trouvée sur https://stackoverflow.com/questions/1205159/html-css-making-two-floating-divs-the-same-height */
    349 /* Mais ça pose problème avec les ancres : http://www.positioniseverything.net/articles/onetruelayout/appendix/equalheightproblems */
    350 /*#contenu { overflow: hidden; width: 100%; }
    351 #content, #navigation, #extra {
    352         padding-bottom: 5000em;
    353         margin-bottom: -5000em;
    354         position: relative;
    355 }
    356 #contenu:after {
    357   content: "";
    358   display: table;
    359   clear: both;
    360 }
    361 */
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/footer/footer_modeblog.html

    r106141 r108014  
    44</div><!-- id="content" -->
    55        </div><!-- id="wrapper" -->
    6         <nav><div id="navigation">
     6        <nav><div id="navigation" class="equilibre stackable">
    77[(#CONFIG{soyezcreateurs/logoheader,header}|=={navigation}|oui)#INCLURE{fond=noisettes/logosite}]
    88<div id="menu" class="navstuff">
     
    4242        </div><!-- id="navigation" --></nav>
    4343
    44         <aside><div id="extra" class="navStuff">
     44        <aside><div id="extra" class="navStuff equilibre stackable laststackable">
    4545[<div class="rightmenu">(#PLUGIN{mesfavoris}|oui)<INCLURE{fond=noisettes/extra/favoris}></div>]
    4646[(#CONFIG{soyezcreateurs/citationsheader,extra}|=={extra}|oui)<INCLURE{fond=noisettes/extra/citations}>]
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/footer/footer_modeedito.html

    r107113 r108014  
    44</div><!-- id="content" -->
    55        </div><!-- id="wrapper" -->
    6         <nav><div id="navigation">
     6        <nav><div id="navigation" class="equilibre stackable">
    77        <h1 class="nocontent offscreen">Menu de la section</h1>
    88[(#CONFIG{soyezcreateurs/logoheader,header}|=={navigation}|oui)#INCLURE{fond=noisettes/logosite}]
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/footer/footer_modeportailevenementiel.html

    r106141 r108014  
    44</div><!-- id="content" -->
    55        </div><!-- id="wrapper" -->
    6         <nav><div id="navigation">
     6        <nav><div id="navigation" class="equilibre stackable">
    77<div id="menu" class="navStuff">
    88<B_Racines>
     
    4343
    4444
    45         <aside><div id="extra" class="navStuff">
     45        <aside><div id="extra" class="navStuff equilibre stackable laststackable">
    4646<div class="rightmenu">
    4747
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/footer/footer_typerubrique_membre.html

    r106141 r108014  
    44</div><!-- id="content" -->
    55        </div><!-- id="wrapper" -->
    6         <nav><div id="navigation">
     6        <nav><div id="navigation" class="equilibre stackable">
    77[(#CONFIG{soyezcreateurs/logoheader,header}|=={navigation}|oui)#INCLURE{fond=noisettes/logosite}]
    88<div id="menu" class="navStuff">
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/header/header.html

    r107383 r108014  
    33<head><meta charset="#CHARSET">
    44<title>[(#ENV{title}) - ][(#NOM_SITE_SPIP|textebrut)]</title>
    5 [(#REM) FaceBook Open Graph : https://developers.facebook.com/docs/opengraphprotocol/ & https://developers.facebook.com/tools/lint pour vérifier ]
     5[(#REM) FaceBook Open Graph : https://developers.facebook.com/docs/opengraphprotocol/ & https://developers.facebook.com/tools/lint pour vrifier ]
    66<meta property="og:title" content="[(#ENV{title}|sinon{[(#NOM_SITE_SPIP|textebrut|attribut_html)]})]" />
    77<meta property="og:type" content="article" />
     
    9797[<link rel='stylesheet' href='(#CHEMIN{css/calendar/main.css}|direction_css|timestamp)' type='text/css' />]
    9898]
    99 [(#REM) Code inspiré de http://oncemade.com/adding-hasjs-class-when-javascript-is-availab
    100  Permet de masquer du contenu si javascript est activé.
    101  Typiquement, un menu déroulant qui ne doit pas apparaître déroulé au chargement de la page si javascript est actif
     99[(#REM) Code inspir de http://oncemade.com/adding-hasjs-class-when-javascript-is-availab
     100 Permet de masquer du contenu si javascript est activ.
     101 Typiquement, un menu d�roulant qui ne doit pas appara�tre d�roul� au chargement de la page si javascript est actif
    102102]
    103103<script type="text/javascript">
     
    115115[<script src="(#CHEMIN{javascript/calendar/jquery.calendar.js}|timestamp)" type="text/javascript"></script>]
    116116]
     117[<script src="(#CHEMIN{images/jquery.em.js}|timestamp)" type="text/javascript"></script>]
    117118[<script src="(#CHEMIN{javascript/jquery-accessible-modal-window-aria/jquery-accessible-modal-window-aria.js}|timestamp)" type="text/javascript"></script>]
    118119[(#ENV{idbody}|=={sommaire_mode_international}|oui)[<script src="(#CHEMIN{javascript/jquery.cycle.all.js}|timestamp)" type="text/javascript"></script>]]
     120<script type="text/javascript">
     121CanceladjustLayout = false;
     122CancelMonitorTextSize = false;
     123</script>
    119124
    120125[(#CHEMIN{noisettes/header/header_perso.html}|oui)
     
    151156
    152157
    153                 <div id="content">
     158<div id="content" class="equilibre notstackable">
    154159[(#CONFIG{soyezcreateurs/menuhautheader,header}|=={content}|oui)<INCLURE{fond=noisettes/menus/menuhaut#CONFIG{soyezcreateurs/typemenuhaut,''},secteurencours,rubriqueencours,id_groupe,id_mot,mots}>]
    155160#FILTRE{mini_html}
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/menus/menu_right.html

    r106141 r108014  
    1         <aside><div id="extra" class="navStuff">
     1        <aside><div id="extra" class="navStuff equilibre stackable laststackable">
    22        <h2 class="nocontent offscreen">Navigation secondaire</h2>
    33[<div class="rightmenu">(#PLUGIN{mesfavoris}|oui)<INCLURE{fond=noisettes/extra/favoris}></div>]
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire/sommaire_modecommuniquant.html

    r106141 r108014  
    44#SET{Largeurcontent_central,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}})}
    55#SET{Largeurcontent_extra,(#GET{LargeurContaineur}|moins{#GET{Largeurcontent_central}})}
     6<script type="text/javascript">
     7        CanceladjustLayout = true;
     8</script>
    69<main id="main" role="main"><div id="communiquant_content">
    710<a id="letexte"></a>
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire/sommaire_modeinternational.html

    r106141 r108014  
    2626)]
    2727
     28<script type="text/javascript">
     29        CancelMonitorTextSize = true;
     30</script>
    2831#INCLURE{fond=noisettes/sommaire/inc_sommaire_modeinternational_newsticker}
    2932<div class="outerinternational">
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire/sommaire_modemairie.html

    r106141 r108014  
    55#SET{Largeurmairie_video,(#GET{Largeurmairie_central}|div{3})}
    66#SET{Largeurmairie_edito,(#GET{Largeurmairie_central}|moins{#GET{Largeurmairie_video}})}
     7<script type="text/javascript">
     8        CanceladjustLayout = true;
     9</script>
    710<div id="mairie_content">
    811<a id="letexte"></a>
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire/sommaire_modeportail.html

    r106969 r108014  
     1<script type="text/javascript">
     2        CanceladjustLayout = true;
     3</script>
    14<main id="main" role="main">
    25<div id="gauchedroite">
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire/sommaire_modeportail_pictosdroite.html

    r106141 r108014  
    11[(#REM) Pictos de droite]
    2         <nav><div id="extra" class="navStuff"><h1 class="nocontent offscreen">Menu de navigation secondaire</h1>
     2        <nav><div id="extra" class="navStuff equilibre laststackable"><h1 class="nocontent offscreen">Menu de navigation secondaire</h1>
    33<INCLURE{fond=noisettes/sommaire/sommaire_modeportail_pictos_#CONFIG{soyezcreateurs_couleurs/autovignettes,auto},pictoscherches=^[02468]\.}>
    44[(#CONFIG{soyezcreateurs/citationsheader,extra}|=={extra}|oui)<INCLURE{fond=noisettes/extra/citations}>]
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire/sommaire_modeportail_pictosgauche.html

    r106141 r108014  
    11[(#REM) Pictos de gauche]
    2         <nav id="menusite"><div id="navigation"><h1 class="nocontent offscreen">Menu de navigation primaire</h1>
     2        <nav id="menusite"><div id="navigation" class="equilibre stackable"><h1 class="nocontent offscreen">Menu de navigation primaire</h1>
    33<INCLURE{fond=noisettes/sommaire/sommaire_modeportail_pictos_#CONFIG{soyezcreateurs_couleurs/autovignettes,auto},pictoscherches=^[13579]\.}>
    44<B_Racines>
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire/sommaire_modeportailagence.html

    r106141 r108014  
    44#SET{Largeurcontent_central,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}})}
    55#SET{Largeurcontent_extra,(#GET{LargeurContaineur}|moins{#GET{Largeurcontent_central}})}
     6<script type="text/javascript">
     7        CanceladjustLayout = true;
     8</script>
    69<main id="main" role="main"><div id="agence_content">
    710<a id="letexte"></a>
     11
     12
    813
    914[(#PLUGIN{SOCIALTAGS}|oui)<div id="socialtags"></div>]
    1015
    1116</div><!-- agence_content --></main>
     17
    1218#FILTRE{mini_html}
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire/sommaire_modeportailcognac.html

    r107643 r108014  
    44#SET{Largeurcontent_central,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}})}
    55#SET{Largeurcontent_extra,(#GET{LargeurContaineur}|moins{#GET{Largeurcontent_central}})}
     6<script type="text/javascript">
     7        CanceladjustLayout = true;
     8</script>
    69<main id="main" role="main"><div id="cognac_content">
    710<a id="letexte"></a>
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/stylesportail.css.html

    r106141 r108014  
    2929#gauche { position: relative; float: left; padding: 0 20px; width: 50%; }
    3030
    31 #sommaire_mode_portail #content, #sommaire_mode_portail #navigation, #sommaire_mode_portail #extra {
    32         padding-bottom: 0;
    33         margin-bottom: 0;
    34 }
    3531#sommaire_mode_portail #navigation { float: left; margin-left: -#GET{LargeurContaineur}px; background-color: transparent; }
    36 #sommaire_mode_portail #extra { margin-left: -#GET{LargeurMenuDroit}px; background-color: transparent; clear: none; }
     32#sommaire_mode_portail #extra { margin-left: -#GET{LargeurMenuDroit}px; background-color: transparent; }
    3733
    3834dl, dd, dt { margin: 0; }
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/stylesportailagence.css.html

    r107062 r108014  
    3838
    3939div#content { width: 100%; }
    40 #content, #navigation, #extra { padding-bottom:0; margin-bottom:0; }
    4140#miettesdepain, .boutonstexte {display: none; }
    4241
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/stylesportailcognac.css.html

    r107500 r108014  
    3030#SET{c_container,(#CONFIG{soyezcreateurs_couleurs/container,#02265a})}
    3131        #SET{c_container_bk,(#CONFIG{soyezcreateurs_couleurs/container_bk,#f6f6f6})}
    32 #SET{c_titraille,(#CONFIG{soyezcreateurs_couleurs/titraille,#005e7a})}
    33         #SET{c_titraille_bk,(#CONFIG{soyezcreateurs_couleurs/titraille_bk,#f6f6f6})}
    3432
    3533#SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}
     
    4341
    4442div#content { width: 100%; }
    45 #content, #navigation, #extra { padding-bottom:0; margin-bottom:0; }
    4643.portailcognac .boutonstexte {
    4744        right: 0;
    4845}
     46
    4947
    5048{
     
    353351  font-size: 50px;
    354352  opacity: 1;
    355   color: #GET{c_header};
     353  color: #be1621;
    356354}
    357355.slider-pratique .slick-prev:hover:before,
     
    429427  content: "";
    430428  display: block;
    431   background-color: #GET{c_header};
     429  background-color: #be1621;
    432430  width: 100%;
    433431  height: 1px;
     
    435433#content .titre-sommaire h1 {
    436434  display: block;
    437   background-color: #GET{c_header_bk};
     435  background-color: #eae9e5;
    438436max-width: [(#GET{LargeurContaineur}|moins{44})]px;
    439437  margin: -1.1em auto 1em auto;
    440438  padding: .5em .8em .5em;
    441   color: #GET{c_header};
     439  color: #be1621;
    442440  font-size: 2rem;
    443441  line-height: 1em;
    444   border-left: 1px solid #GET{c_header};
     442  border-left: 1px solid #be1621;
    445443}
    446444@media screen and (max-width: 1178px) {
     
    479477}
    480478 .slick-dots li.slick-active button::before {
    481   color: #GET{c_header};
    482   opacity: 1;
     479  color: #be1621;
    483480}
    484481 #liens-diaporama {
     
    521518  padding: .85rem .5rem;
    522519  font-size: 0;
    523   border-left: 1px solid #GET{c_header} ;
     520  border-left: 1px solid #be1621 ;
    524521}
    525522 #liens-diaporama li a span.icon:before {
     
    548545  margin-top: 6.5em;
    549546  margin-bottom: 4em;
     547}
     548 #pratique .titre-sommaire h1 {
     549  background-color: #CFEBEB;
    550550}
    551551 .clearfix:after,
     
    650650  width: 30px;
    651651  height: 30px;
     652}
     653.slick-dots li.slick-active button::before {
     654  color: black;
    652655}
    653656#content img {
     
    733736  font-size: 21px;
    734737  font-weight: 400;
    735   color: #GET{c_header} ;
     738  color: #be1621 ;
    736739  line-height: 21px;
    737740  padding: 10px;
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/stylessoyezcreateurs.css.html

    r108013 r108014  
    626626#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}; }
    627627/* Astuce : https://www.fourfront.us/blog/css-shadow-borders-with-curved-box-shadows */
    628 #contenu { position:relative; overflow:hidden; }
     628#content { position:relative; overflow:hidden; }
    629629[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}!={none}|oui)
     630  #content:before {
     631  content: " ";
     632  position:absolute;
     633  z-index: 1;
    630634[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={left}|oui)
    631 #content:before {
    632635  top: 0;
    633636  height:100%; 
     
    636639  border-radius: 5px / 100px;
    637640]
     641[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={top}|oui)
     642  left: 0;
     643  width:100%; 
     644  top: -10px;
     645  height: 10px;
     646  border-radius: 100px / 5px;
     647]
    638648[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={right}|oui)
    639 #content:before {
    640649  top: 0;
    641650  height:100%; 
     
    644653  border-radius: 5px / 100px;
    645654]
    646 
    647 [(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={top}|oui)
    648 #contenu:before {
     655[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={bottom}|oui)
     656  left: 0;
     657  width:100%; 
     658  bottom: -10px;
     659  height: 10px;
     660  border-radius: 100px / 5px;
     661]
     662  -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});
     663  -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});
     664  box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforeparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforecouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentbeforetransparence,0.6});
     665}
     666]
     667[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}!={none}|oui)
     668  #content:after {
     669  content: " ";
     670  position:absolute;
     671  z-index: 1;
     672[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={left}|oui)
     673  top: 0;
     674  height:100%; 
     675  left: -10px;
     676  width: 10px;
     677  border-radius: 5px / 100px;
     678]
     679[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={top}|oui)
    649680  left: 0;
    650681  width:100%; 
     
    653684  border-radius: 100px / 5px;
    654685]
    655 [(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={bottom}|oui)
    656 #contenu:before {
     686[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={right}|oui)
     687  top: 0;
     688  height:100%; 
     689  right: -10px;
     690  width: 10px;
     691  border-radius: 5px / 100px;
     692]
     693[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={bottom}|oui)
    657694  left: 0;
    658695  width:100%; 
     
    661698  border-radius: 100px / 5px;
    662699]
    663   content: " ";
    664   position:absolute;
    665   z-index: 1;
    666   -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});
    667   -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});
    668   box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforeparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforecouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentbeforetransparence,0.6});
    669 }
    670 ]
    671 [(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}!={none}|oui)
    672 [(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={left}|oui)
    673 #content:after {
    674   top: 0;
    675   height:100%; 
    676   left: -10px;
    677   width: 10px;
    678   border-radius: 5px / 100px;
    679 ]
    680 [(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={right}|oui)
    681 #content:after {
    682   top: 0;
    683   height:100%; 
    684   right: -10px;
    685   width: 10px;
    686   border-radius: 5px / 100px;
    687 ]
    688 
    689 [(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={top}|oui)
    690 #contenu:after {
    691   left: 0;
    692   width:100%; 
    693   top: -10px;
    694   height: 10px;
    695   border-radius: 100px / 5px;
    696 ]
    697 [(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={bottom}|oui)
    698 #contenu:after {
    699   left: 0;
    700   width:100%; 
    701   bottom: -10px;
    702   height: 10px;
    703   border-radius: 100px / 5px;
    704 ]
    705   content: " ";
    706   position:absolute;
    707   z-index: 1;
    708700  -webkit-box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentafterparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentaftercouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentaftertransparence,0.6});
    709701  -moz-box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentafterparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentaftercouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentaftertransparence,0.6});
Note: See TracChangeset for help on using the changeset viewer.