[CSS] ~reformatage
authorLudovic CHEVALIER <ludovic.chevalier@heureux-cyclage.org>
Sun, 15 Sep 2013 16:31:30 +0000 (18:31 +0200)
committerLudovic CHEVALIER <ludovic.chevalier@heureux-cyclage.org>
Sun, 15 Sep 2013 16:31:30 +0000 (18:31 +0200)
www/plugins/skel_ptitvelo/css/structure.css.html

index a53923c..e256d8e 100644 (file)
@@ -1,7 +1,329 @@
-#CACHE{3600*100,cache-client}\r#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}\r#HTTP_HEADER{Vary: Accept-Encoding}\r/* ----------------------------------------------\r Beespip 3\r      Contingences\r   2011    \r ------------------------------------------------ */\r/* Valeurs par defaut :\r#SET{couleur_principale,#CONFIG{BeeSpip/couleur/couleur_principale,#b83233}} [ couleur_principale: (#GET{couleur_principale});]\r#SET{couleur_secondaire_foncee,#CONFIG{BeeSpip/couleur/couleur_secondaire_foncee,#8b0b00}} [ couleur_secondaire_foncee: (#GET{couleur_secondaire_foncee});]\r#SET{couleur_secondaire_claire,#CONFIG{BeeSpip/couleur/couleur_secondaire_claire,#ff645b}} [ couleur_secondaire_claire: (#GET{couleur_secondaire_claire});]\r#SET{couleur_principale_texte,#CONFIG{BeeSpip/couleur/couleur_principale_texte,#666666}} [ couleur_principale_texte: (#GET{couleur_principale_texte});]\r#SET{couleur_titres,#CONFIG{BeeSpip/couleur/couleur_titres,#444444}} [ couleur_titres: (#GET{couleur_titres});]\r#SET{typo_titre,#CONFIG{BeeSpip/couleur/typo_titre,"font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;"}} [ typo_titre: (#GET{typo_titre});]\r#SET{couleur_liens,#CONFIG{BeeSpip/couleur/couleur_liens,#0070a7}} [ couleur_liens: (#GET{couleur_liens});]\r#SET{couleur_menu_fond,#CONFIG{BeeSpip/couleur/couleur_menu_fond,#f5f4f3}} [ couleur_menu_fond: (#GET{couleur_menu_fond});]\r#SET{couleur_filets_titres,#CONFIG{BeeSpip/couleur/couleur_filets_titres,#ebebeb}} [ couleur_filets_titres: (#GET{couleur_filets_titres});]\r#SET{couleur_liens_survol,#CONFIG{BeeSpip/couleur/couleur_liens_survol,#b83233}} [ couleur_liens_survol: (#GET{couleur_liens_survol});]\r#SET{couleur_menu_liens,#CONFIG{BeeSpip/couleur/couleur_menu_liens,#666666}} [ couleur_menu_liens: (#GET{couleur_menu_liens});]\r#SET{couleur_cadres,#CONFIG{BeeSpip/couleur/couleur_cadres,#ebebeb}} [ couleur_cadres: (#GET{couleur_cadres});]\r\r*/\r/* Evitement */\r#evitement {line-height:1;z-index:100;font-size:1.1em;font-weight:bold;}\r#evitement a {position:absolute;left:0;top:-10em;padding:.5em 1em;box-shadow:0 10px 10px rgba(0, 0, 0, 0.4);}\r#evitement a:focus, #evitement a:active {top:0;z-index:999 !important;background-color:#GET{couleur_menu_fond} !important;border-color:#GET{couleur_cadres} !important;text-decoration:none;outline:none; color:#GET{couleur_menu_liens};}\r\r#conteneur {\r  width: 100%;\r   padding: 0 0 5px 0;\r    border-bottom: 1px solid #E8E8E8;\r      border-top: 1px solid #E8E8E8;\r text-align: left;               \r}\r#conteneur-wrapper {\r        background: #fff;\r      margin: 0 auto; \r       padding: 5px 0 35px 0;\r overflow: auto;\r}\r#entete-wrap {\r       width: 100%;\r   \r       margin: 0; padding: 0; \r}\r#entete {\r    position: relative;\r    margin: 0 auto;\r        height: #CONFIG{BeeSpip/affichage/hauteur_entete}px;\r   background: #GET{couleur_principale};\r  border-right: 1px solid #E8E8E8;\r       border-left: 1px solid #E8E8E8;\r}\r#entete p#logo-text { margin: 0; padding: 0; }\r#entete p#logo-text a {\r       position: absolute; \r   margin: 0; padding: 0 5px 0 0;\r font-size: 55px;\r       #GET{typo_titre}\r       letter-spacing: -1px;\r  color: #GET{couleur_liens};\r    text-decoration: none;\r line-height:1em;\r               \r       /* change the values of top and left to adjust the position of the logo*/\r      top: 90px; left: 20px;  \r}\r#entete h1#logo-text a:hover { border: none; }\r#entete p#intro {\r    position: absolute;\r    margin: 0; padding: 0;\r #GET{typo_titre}\r       font-weight: normal;\r   font-size: 14px;\r       line-height: 1.6em;\r    font-style: italic;\r    letter-spacing: -.5px;\r color: #GET{couleur_secondaire_foncee};\r        width: 700px;\r  \r       /* change the values of top and left to adjust the position */\r top: 65px; left: 5px;           \r}\r#entete #entete-image {\r     position: absolute;\r    width: 960px;\r  height: #CONFIG{BeeSpip/affichage/hauteur_entete}px;\r   left: 0px; top: 0px;
-       text-align: left;\r}\r#entete #entete-image a {
-       padding-top: 5px;
-       padding-left: 5px;\r}
+#CACHE{3600*100,cache-client}
+#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
+#HTTP_HEADER{Vary: Accept-Encoding}
+/* ----------------------------------------------
+        Beespip 3
+        Contingences
+        2011    
+ ------------------------------------------------ */
+/* Valeurs par defaut :
+#SET{couleur_principale,#CONFIG{BeeSpip/couleur/couleur_principale,#b83233}} [ couleur_principale: (#GET{couleur_principale});]
+#SET{couleur_secondaire_foncee,#CONFIG{BeeSpip/couleur/couleur_secondaire_foncee,#8b0b00}} [ couleur_secondaire_foncee: (#GET{couleur_secondaire_foncee});]
+#SET{couleur_secondaire_claire,#CONFIG{BeeSpip/couleur/couleur_secondaire_claire,#ff645b}} [ couleur_secondaire_claire: (#GET{couleur_secondaire_claire});]
+#SET{couleur_principale_texte,#CONFIG{BeeSpip/couleur/couleur_principale_texte,#666666}} [ couleur_principale_texte: (#GET{couleur_principale_texte});]
+#SET{couleur_titres,#CONFIG{BeeSpip/couleur/couleur_titres,#444444}} [ couleur_titres: (#GET{couleur_titres});]
+#SET{typo_titre,#CONFIG{BeeSpip/couleur/typo_titre,"font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;"}} [ typo_titre: (#GET{typo_titre});]
+#SET{couleur_liens,#CONFIG{BeeSpip/couleur/couleur_liens,#0070a7}} [ couleur_liens: (#GET{couleur_liens});]
+#SET{couleur_menu_fond,#CONFIG{BeeSpip/couleur/couleur_menu_fond,#f5f4f3}} [ couleur_menu_fond: (#GET{couleur_menu_fond});]
+#SET{couleur_filets_titres,#CONFIG{BeeSpip/couleur/couleur_filets_titres,#ebebeb}} [ couleur_filets_titres: (#GET{couleur_filets_titres});]
+#SET{couleur_liens_survol,#CONFIG{BeeSpip/couleur/couleur_liens_survol,#b83233}} [ couleur_liens_survol: (#GET{couleur_liens_survol});]
+#SET{couleur_menu_liens,#CONFIG{BeeSpip/couleur/couleur_menu_liens,#666666}} [ couleur_menu_liens: (#GET{couleur_menu_liens});]
+#SET{couleur_cadres,#CONFIG{BeeSpip/couleur/couleur_cadres,#ebebeb}} [ couleur_cadres: (#GET{couleur_cadres});]
+
+*/
+/* Evitement */
+#evitement {line-height:1;z-index:100;font-size:1.1em;font-weight:bold;}
+#evitement a {position:absolute;left:0;top:-10em;padding:.5em 1em;box-shadow:0 10px 10px rgba(0, 0, 0, 0.4);}
+#evitement a:focus, #evitement a:active {top:0;z-index:999 !important;background-color:#GET{couleur_menu_fond} !important;border-color:#GET{couleur_cadres} !important;text-decoration:none;outline:none; color:#GET{couleur_menu_liens};}
+
+#conteneur {
+        width: 100%;
+        padding: 0 0 5px 0;
+        border-bottom: 1px solid #E8E8E8;
+        border-top: 1px solid #E8E8E8;
+        text-align: left;               
+}
+#conteneur-wrapper {
+        background: #fff;
+        margin: 0 auto; 
+        padding: 5px 0 35px 0;
+        overflow: auto;
+}
+#entete-wrap {
+        width: 100%;
+        
+        margin: 0; padding: 0; 
+}
+#entete {
+        position: relative;
+        margin: 0 auto;
+        height: #CONFIG{BeeSpip/affichage/hauteur_entete}px;
+        background: #GET{couleur_principale};
+        border-right: 1px solid #E8E8E8;
+        border-left: 1px solid #E8E8E8;
+}
+#entete p#logo-text { margin: 0; padding: 0; }
+#entete p#logo-text a {
+        position: absolute; 
+        margin: 0; padding: 0 5px 0 0;
+        font-size: 55px;
+        #GET{typo_titre}
+        letter-spacing: -1px;
+        color: #GET{couleur_liens};
+        text-decoration: none;
+        line-height:1em;
+                
+        /* change the values of top and left to adjust the position of the logo*/
+        top: 90px; left: 20px;  
+}
+#entete h1#logo-text a:hover { border: none; }
+#entete p#intro {
+        position: absolute;
+        margin: 0; padding: 0;
+        #GET{typo_titre}
+        font-weight: normal;
+        font-size: 14px;
+        line-height: 1.6em;
+        font-style: italic;
+        letter-spacing: -.5px;
+        color: #GET{couleur_secondaire_foncee};
+        width: 700px;
+        
+        /* change the values of top and left to adjust the position */
+        top: 65px; left: 5px;           
+}
+#entete #entete-image {
+        position: absolute;
+        width: 960px;
+        height: #CONFIG{BeeSpip/affichage/hauteur_entete}px;
+        left: 0px; top: 0px;
+        text-align: left;
+}
+#entete #entete-image a {
+        padding-top: 5px;
+        padding-left: 5px;
+}
 #entete #entete-image #logo {
-       float:right;
-}\r/* Entete recherche */\r#entete #formulaire_recherche form, #conteneur #formulaire_recherche form {\r  float:right;\r   padding: 0; margin: 0;\r border: 1px solid #e3e3e3;\r     width: 210px; height: 25px;\r    background: #fcfcfc;    \r       z-index: 50;\r}\r#entete #formulaire_recherche form {\r    position: absolute;\r    top: 2px; right: 10px;\r}\r#conteneur #formulaire_recherche form {\r       margin:0 10px 10px 10px;\r}\r#entete #formulaire_recherche input, #conteneur #formulaire_recherche input {\r       border: none;\r  background: transparent;\r       color: #bababa;\r        float: left;\r   margin: 0; padding: 5px;\r}\r#entete #formulaire_recherche input:focus, #conteneur #formulaire_recherche input:focus {\r   color: #GET{couleur_secondaire_claire};\r}\r#entete #formulaire_recherche .saisie, #conteneur #formulaire_recherche .saisie {\r    margin: 4px 0 0 5px; \r  width: 156px;\r  display: inline;\r}\r#entete #formulaire_recherche .submit, #conteneur #formulaire_recherche .submit {\r   width: 24px; height: 24px;\r     border: none;\r  font-size:0;\r   background: [(#GET{couleur_principale})] url(#CHEMIN{/images/recherche.png}) no-repeat center center;\r}\r#entete #formulaire_recherche label, #conteneur #formulaire_recherche label {\r  display: none;\r}\r\r/*  navigation  */\r#entete #nav {\r    position: absolute;\r    margin: 0; padding: 0;\r width: 960px;\r  height:#CONFIG{BeeSpip/affichage/taille_menu}px;\r       left: 0;        top: 5px;\r      z-index:99;\r    background:#GET{couleur_menu_fond};\r}/*\r#entete #nav ul {\r      float: left;    \r       list-style: none;\r      margin: 5px 0 0 0;\r     height: 45px;\r  padding: 0 0 0 15px;                                    \r}\r#entete #nav ul li {\r        float: left;\r   margin: 0; padding: 0 0 0 10px;         \r}\r#entete #nav ul li a {\r      float: left;\r   margin: 0;\r     padding: 0 15px 0 5px;\r color: #GET{couleur_principale_texte};\r font: bold 14px/40px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;\r      /*text-transform: uppercase;*/\r/*}*/\r/*#entete #nav ul li a:hover, \r#entete #nav ul li a:active {\r      border: none;\r  color: #111;\r   background: transparent;\r       border\r}*/\r#entete #nav ul li#current {\r        background:#FFF;\r       border: 1px solid #E8E8E8;\r     border-bottom:0;\r}\r#entete #nav ul li#current a {       \r       color: #GET{couleur_titres};\r}\r\r\r\r/* Contenu */\r#hierarchie {font-size:0.8em; padding: 0 15px; }\r#contenu h1, #contenu_presentation h1 {\r       font-weight: normal;\r   /*font-size: 3.7em;*/\r  #GET{typo_titre}\r       line-height: 1em;\r      color: #GET{couleur_titres};\r   letter-spacing: -1px;   \r       margin-left: 5px;       \r       margin-right: 15px;\r    padding-left: 5px;\r     padding-bottom: 3px;\r   border-bottom: 1px solid #GET{couleur_filets_titres};   \r}\r#contenu h1 a {\r     color: #GET{couleur_titres};\r   border: none;\r}\r#contenu h2.sommaire, #contenu h3.sommaire {\r   color: #GET{couleur_titres};\r   letter-spacing: -0.6px; \r       /*line-height: 1em;*/\r  margin-left: 5px;       \r       margin-right: 15px;\r    padding-left: 5px;\r     padding-bottom: 3px;\r   border-bottom: 1px solid #GET{couleur_filets_titres};   \r}\r/* Colonne en bandeau */\r#colonne_bandeau {border-top: 1px solid #GET{couleur_filets_colonnes};}\r/* Colonne de droite */\r#colonne .grid_4 {border-left: 1px solid #GET{couleur_filets_colonnes};}\r#colonne .grid_4 .grid_4 {border-left: none;}\r#colonne h3, #colonne_bandeau h3 {\r  color: #GET{couleur_titres};\r   font-size: 2em;\r        font-weight: normal;\r   line-height: 1em;\r      #GET{typo_titre}\r       letter-spacing: -0.5px;\r        padding: 5px 10px;\r     margin: 12px 0 5px 0;\r}\r/* Pied de page */\r#pied-wrapper {\r     clear: both;\r   margin: 0 auto;\r        text-align: left;       \r}\r#pied-wrapper h3 {\r  color: #GET{couleur_titres};\r   font: normal 1.8em 'Lucida Grande', Verdana, Helvetica, sans-serif;\r    text-transform: none;\r  letter-spacing: -0.5px; \r}\r#pied-wrapper h3, \r#pied-wrapper p {\r        padding-left: 0;\r}\r#pied-wrapper a:link, #pied-wrapper a:visited{\r      color: #333;\r   background: transparent;\r}\r\r/* Pied liste */\r#pied-wrapper ul.pied-list {\r      border-top: 1px solid #E6E6E6;\r list-style: none;\r      padding: 0;\r    margin-left: 0;\r}\r#pied-wrapper ul.pied-list li {\r      border-bottom: 1px solid #E6E6E6;\r}\r#pied-wrapper ul.pied-list li a {\r  display: block;\r        width: 98%;\r    line-height: 2em;\r      font-weight: bold;\r     padding: 7px 0;\r        margin-left: 0;\r        padding-left: 0;\r       color: #888;\r   border: none;\r}\r#pied-wrapper ul.pied-list li a span {\r font-style: italic;\r    font-weight: normal;\r   font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;\r}\r#pied-wrapper ul.pied-list li a:hover, #pied-wrapper ul.pied-list li a:hover span,\r#pied-wrapper ul.pied-list li a:focus, #pied-wrapper ul.pied-list li a:focus span  {\r        color: #333;    \r}\r\r/* pied contenu */\r#pied-content {\r float: left;    \r       width: 100%;    \r       padding: 0 0 35px 0;                            \r       margin: 10px 0 0 5px;                   \r}\r\r/* pied-bottom */\r#pied-bottom {\r   clear: both;\r   /*border-top: 1px solid #dadada;*/\r     width: 940px;\r  margin: 0 auto; \r       font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;\r}\r#pied-bottom a:hover, #pied-bottom a:focus { color: #GET{couleur_liens_survol};border: none }\r#pied-bottom ul.bottom-left {\r        float: left;\r   list-style: none;\r      margin:0;\r      padding: 5px 0 10px 5px;\r}\r#pied-bottom ul.bottom-left li {display: inline;}\r#pied-bottom .bottom-right {\r      text-align: right;\r     padding-right: 0;\r}\r.pieddate {text-align:center;clear:both;background:#F8F8F8;border:1px solid #EBEBEB;}\r\r/* Alignement */\r.float-left  { float: left; }\r.float-right { float: right; }\r.align-left  { text-align: left; }\r.align-right { text-align: right; }\r.no-border { border: none; }\r\r/* clear */\r.clearer { clear: both; }\r.clear { display:inline-block; }\r.clear:after {\r    display:block; \r        visibility:hidden; \r    clear:both; \r   height:0; \r     content: "."; \r}\r
\ No newline at end of file
+        float:right;
+}
+/* Entete recherche */
+#entete #formulaire_recherche form, #conteneur #formulaire_recherche form {
+        float:right;
+        padding: 0; margin: 0;
+        border: 1px solid #e3e3e3;
+        width: 210px; height: 25px;
+        background: #fcfcfc;    
+        z-index: 50;
+}
+#entete #formulaire_recherche form {
+        position: absolute;
+        top: 2px; right: 10px;
+}
+#conteneur #formulaire_recherche form {
+        margin:0 10px 10px 10px;
+}
+#entete #formulaire_recherche input, #conteneur #formulaire_recherche input {
+        border: none;
+        background: transparent;
+        color: #bababa;
+        float: left;
+        margin: 0; padding: 5px;
+}
+#entete #formulaire_recherche input:focus, #conteneur #formulaire_recherche input:focus {
+        color: #GET{couleur_secondaire_claire};
+}
+#entete #formulaire_recherche .saisie, #conteneur #formulaire_recherche .saisie {
+        margin: 4px 0 0 5px; 
+        width: 156px;
+        display: inline;
+}
+#entete #formulaire_recherche .submit, #conteneur #formulaire_recherche .submit {
+        width: 24px; height: 24px;
+        border: none;
+        font-size:0;
+        background: [(#GET{couleur_principale})] url(#CHEMIN{/images/recherche.png}) no-repeat center center;
+}
+#entete #formulaire_recherche label, #conteneur #formulaire_recherche label {
+        display: none;
+}
+
+/*  navigation  */
+#entete #nav {
+        position: absolute;
+        margin: 0; padding: 0;
+        width: 960px;
+        height:#CONFIG{BeeSpip/affichage/taille_menu}px;
+        left: 0;        top: 5px;
+        z-index:99;
+        background:#GET{couleur_menu_fond};
+}/*
+#entete #nav ul {
+        float: left;    
+        list-style: none;
+        margin: 5px 0 0 0;
+        height: 45px;
+        padding: 0 0 0 15px;                                    
+}
+#entete #nav ul li {
+        float: left;
+        margin: 0; padding: 0 0 0 10px;         
+}
+#entete #nav ul li a {
+        float: left;
+        margin: 0;
+        padding: 0 15px 0 5px;
+        color: #GET{couleur_principale_texte};
+        font: bold 14px/40px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
+        /*text-transform: uppercase;*/
+/*}*/
+/*#entete #nav ul li a:hover, 
+#entete #nav ul li a:active {
+        border: none;
+        color: #111;
+        background: transparent;
+        border
+}*/
+#entete #nav ul li#current {
+        background:#FFF;
+        border: 1px solid #E8E8E8;
+        border-bottom:0;
+}
+#entete #nav ul li#current a {  
+        color: #GET{couleur_titres};
+}
+
+
+
+/* Contenu */
+#hierarchie {font-size:0.8em; padding: 0 15px; }
+#contenu h1, #contenu_presentation h1 {
+        font-weight: normal;
+        /*font-size: 3.7em;*/
+        #GET{typo_titre}
+        line-height: 1em;
+        color: #GET{couleur_titres};
+        letter-spacing: -1px;   
+        margin-left: 5px;       
+        margin-right: 15px;
+        padding-left: 5px;
+        padding-bottom: 3px;
+        border-bottom: 1px solid #GET{couleur_filets_titres};   
+}
+#contenu h1 a {
+        color: #GET{couleur_titres};
+        border: none;
+}
+#contenu h2.sommaire, #contenu h3.sommaire {
+        color: #GET{couleur_titres};
+        letter-spacing: -0.6px; 
+        /*line-height: 1em;*/
+        margin-left: 5px;       
+        margin-right: 15px;
+        padding-left: 5px;
+        padding-bottom: 3px;
+        border-bottom: 1px solid #GET{couleur_filets_titres};   
+}
+/* Colonne en bandeau */
+#colonne_bandeau {border-top: 1px solid #GET{couleur_filets_colonnes};}
+/* Colonne de droite */
+#colonne .grid_4 {border-left: 1px solid #GET{couleur_filets_colonnes};}
+#colonne .grid_4 .grid_4 {border-left: none;}
+#colonne h3, #colonne_bandeau h3 {
+        color: #GET{couleur_titres};
+        font-size: 2em;
+        font-weight: normal;
+        line-height: 1em;
+        #GET{typo_titre}
+        letter-spacing: -0.5px;
+        padding: 5px 10px;
+        margin: 12px 0 5px 0;
+}
+/* Pied de page */
+#pied-wrapper {
+        clear: both;
+        margin: 0 auto;
+        text-align: left;       
+}
+#pied-wrapper h3 {
+        color: #GET{couleur_titres};
+        font: normal 1.8em 'Lucida Grande', Verdana, Helvetica, sans-serif;
+        text-transform: none;
+        letter-spacing: -0.5px; 
+}
+#pied-wrapper h3, 
+#pied-wrapper p {
+        padding-left: 0;
+}
+#pied-wrapper a:link, #pied-wrapper a:visited{
+        color: #333;
+        background: transparent;
+}
+
+/* Pied liste */
+#pied-wrapper ul.pied-list {
+        border-top: 1px solid #E6E6E6;
+        list-style: none;
+        padding: 0;
+        margin-left: 0;
+}
+#pied-wrapper ul.pied-list li {
+        border-bottom: 1px solid #E6E6E6;
+}
+#pied-wrapper ul.pied-list li a {
+        display: block;
+        width: 98%;
+    line-height: 2em;
+        font-weight: bold;
+        padding: 7px 0;
+        margin-left: 0;
+        padding-left: 0;
+        color: #888;
+        border: none;
+}
+#pied-wrapper ul.pied-list li a span {
+        font-style: italic;
+        font-weight: normal;
+        font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
+}
+#pied-wrapper ul.pied-list li a:hover, #pied-wrapper ul.pied-list li a:hover span,
+#pied-wrapper ul.pied-list li a:focus, #pied-wrapper ul.pied-list li a:focus span  {
+        color: #333;    
+}
+
+/* pied contenu */
+#pied-content {
+        float: left;    
+        width: 100%;    
+        padding: 0 0 35px 0;                            
+        margin: 10px 0 0 5px;                   
+}
+
+/* pied-bottom */
+#pied-bottom {
+        clear: both;
+        /*border-top: 1px solid #dadada;*/
+        width: 940px;
+        margin: 0 auto; 
+        font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
+}
+#pied-bottom a:hover, #pied-bottom a:focus { color: #GET{couleur_liens_survol};border: none }
+#pied-bottom ul.bottom-left {
+        float: left;
+        list-style: none;
+        margin:0;
+        padding: 5px 0 10px 5px;
+}
+#pied-bottom ul.bottom-left li {display: inline;}
+#pied-bottom .bottom-right {
+        text-align: right;
+        padding-right: 0;
+}
+.pieddate {text-align:center;clear:both;background:#F8F8F8;border:1px solid #EBEBEB;}
+
+/* Alignement */
+.float-left  { float: left; }
+.float-right { float: right; }
+.align-left  { text-align: left; }
+.align-right { text-align: right; }
+.no-border { border: none; }
+
+/* clear */
+.clearer { clear: both; }
+.clear { display:inline-block; }
+.clear:after {
+        display:block; 
+        visibility:hidden; 
+        clear:both; 
+        height:0; 
+        content: "."; 
+}