Ajout : choix peut-être.
[cyclowiki.git] / local.css
index dff6bee..18d201c 100644 (file)
--- a/local.css
+++ b/local.css
@@ -1,3 +1,4 @@
+@import url("facture.css");
 .pageheader {
        left:0;
        position:relative;
 #image {
        background-color: #F9F9F9;
        border: 1px solid #AAAAAA;
-       //float:right;
-       //clear:both;
-       display:inline-block;
+       display:block;
+       height:auto;
        margin:1em 1em 1em 1em;
-       position:relative;
-       //right:1em;
-       //top:70px;
        padding:1ex 1em 1ex 1em;
-       height:auto;
-       //width: 30em;
+       position:relative;
  }
-#image table {
-       float:left;
+#image > table > tbody > tr > td > a > img {
+       width:100%;
  }
 #pageside {
        margin: 0 0 0 50%;
        position:absolute;
        width:50%;
  }
+#pageside a:visited {
+       color:purple;
+ }
 #toc {
        background-color: #F9F9F9;
        border: 1px solid #AAAAAA;
        margin-right:2ex;
        padding-right:2ex;
  }
-#calendar {
+
+#stats {
        background-color: #F9F9F9;
        border: 1px solid #AAAAAA;
-       clear:both;
-       color: black !important;
-       float:right;
-       margin:1em 1em 0 0;
-       padding:0 0 0 0;
-       width: 30em;
+       //float:right;
+       //clear:both;
+       display:block;
+       margin:1em 1em 1em 1em;
+       position:relative;
+       //right:1em;
+       //top:70px;
+       padding:0 1em 0 1em;
+       height:auto;
+       //width: 30em;
  }
-#calendar > .calendar {
-       border:none;
+#stats ul > li {
+       display:inline-block;
+ }
+
+#agenda {
+       background-color: #F9F9F9;
+       border: 1px solid #AAAAAA;
        display:block;
-       margin:0 auto 0 auto;
-       width:100%;
+       margin:1em 1em 1em 1em;
+       position:relative;
+       padding:2px 1em 2px 1em;
+       height:auto;
+ }
+#agenda .calendar {
+       max-width:10em;
+       padding-top:1em;
+       vertical-align:top;
  }
-#calendar > .calendar > table {
-       margin:0 auto 0 auto;
+#agenda > p {
+       padding-left:1em;
+       margin-bottom:0.5ex;
  }
-.calendar table {
+
+
+.calendar {
+       display:inline-block;
+       max-width:100%;
+ }
+.calendar a {
+       white-space:normal !important;
+ }
+.calendar > table {
        border-collapse:collapse;
        border:1px solid #666;
-       //table-layout:fixed;
  }
-.month-calendar {
-       border-spacing:0 !important;
+.calendar > .month {
  }
-.calendar .popup {
-       border:1px dotted #666;
-       background-color: #eee;
+.calendar > .month > thead {
  }
-.calendar .day {
-       font-family:sans-serif;
-       font-weight:bold;
-       margin-right:0.6ex;
-       padding:0 2px;
+.calendar > .month > thead > tr {
  }
-.calendar .hour {
-       font-size:75%;
-       font-weight:bold;
+.calendar thead > tr > th {
+       background: -moz-linear-gradient(center top , #EDEDED 0px, #C4C4C4 100%) repeat scroll 0 0 transparent;
+       text-align:center;
+       padding:0.1ex 0.5ex 0.1ex 0.5ex;
  }
-.calendar .no-popup .balloon .tag {
-       font-size:60%;
+.calendar > .month > tbody {
  }
-.calendar .no-popup .balloon .tag {
-       background-color:white;
+.calendar > .month > tbody > tr {
  }
-.calendar .no-popup .balloon .tag a {
-       display:inline-block;
-       text-align:center;
-       width:100%;
-       line-height:1.5 !important;
-       font-weight:bold;
+.calendar tbody > tr > td {
+       border:1px solid gray;
+       vertical-align:top;
+       border-collapse:collapse;
  }
-.calendar .no-popup .balloon .tag .selflink {
-       display:inline-block;
-       text-align:center;
-       width:100%;
-       line-height:1.5 !important;
-       font-weight:bold;
+.calendar > .month > tbody > tr > .no-wday {
+       background-color:#eee;
  }
-.calendar .no-popup .balloon {
-       padding:0 2px 2px 2px;
-       display:block;
-       text-align:left;
+.calendar .today {
+       background-color:#FFFFCC !important;
  }
-.calendar .no-popup .balloon:first-child {
-       padding-top:0;
+.calendar .wday {
+       background-color:white;
  }
-.calendar .no-popup .balloon a {
+.calendar .wday .head {
        display:inline-block;
        text-align:center;
-       white-space:normal !important;
        width:100%;
  }
-.calendar .no-popup .balloon .createlink {
-       display:inline-block;
-       text-align:center;
-       white-space:normal !important;
-       width:100%;
+.calendar .month .wday .head {
+       text-align:right;
  }
-.calendar .no-popup .balloon .createlink a {
-       width:auto;
+.calendar .head > .day {
+       font-family:sans-serif;
+       font-weight:bold;
+       padding:0 2px;
+       padding-right:1ex;
  }
-.calendar .no-popup .balloon ul {
-       padding:0 0 0 0 !important;
+.calendar .head > .day > .new {
+       color:blue;
+       display:none;
+       font-size:65%;
+       font-weight:bold;
+       position:absolute;
+       text-decoration:none;
+       vertical-align:super;
+ }
+.calendar .wday:hover .head > .day > .new {
+       display:inline-block;
+ }
+.calendar .wday > .events {
        margin:0 0 0 0 !important;
+       padding:0 0 0 0 !important;
  }
-.calendar .no-popup .balloon li {
-       -moz-border-radius: 2px;
-       -webkit-border-radius: 2px;
+.calendar .events > .event {
+       -moz-border-radius:2px;
+       -webkit-border-radius:2px;
        background-color:#F9F9F9;
-       border-radius: 2px;
+       border-radius:2px;
        border:1px solid #A9BBBF;
        list-style-type:none;
-       margin-top:2px;
+       margin:2px 2px 2px 2px;
        padding:2px 2px 2px 2px;
        text-align:left !important;
  }
-.calendar .no-popup .balloon li:first-child {
-       margin-top:0;
+.calendar .events > .event {
  }
-.calendar .month-calendar-day-this-day {
-       /*border:1px solid red;*/
-       /*background-color:transparent;*/
-       background-color:#FFFFCC !important;
+.calendar .events > .event > .head {
+       display:inline-block;
+       text-align:left;
+       width:100%;
  }
-.calendar .month-calendar-day-noday {
-       background-color:#eee;
+.calendar .events > .event > .head > .hour {
+       font-size:75%;
+       font-weight:bold;
+       margin-right:1em;
  }
-.calendar th {
-       background: -moz-linear-gradient(center top , #EDEDED 0px, #C4C4C4 100%) repeat scroll 0 0 transparent;
+.calendar .events > .event > .head > .link {
+       display:inline-block;
+       padding:0 0 0 0;
        text-align:center;
-       padding:0.1ex 0.5ex 0.1ex 0.5ex;
- }
-.calendar td {
-       border:1px solid gray;
-       vertical-align:top;
-       border-collapse:collapse;
- }
-.pagebody .calendar a {
        white-space:normal !important;
- }
-.month-calendar {
        width:100%;
  }
-#pagebody .calendar .popup .balloon a {
-       white-space:normal !important;
+.calendar .events > .event > .tags {
+       margin:0 0 0 0 !important;
+       padding:0 0 0 0 !important;
  }
-.calendar {
+.tags > .tag,
+.calendar .events > .event > .tags > .tag {
+       -moz-border-radius:2px;
+       -webkit-border-radius:2px;
+       background-color:white;
+       border-radius:2px;
+       border:1px solid #A9BBBF;
+       font-size:60%;
+       list-style-type:none;
+       margin:2px 2px 0 0 !important;
+       padding:2px 3px 1px 3px !important;
+       text-align:left !important;
        display:inline-block;
-       max-width:100%;
  }
-#calendar h1 {
-       margin-top:0.5ex;
-       margin-bottom:0.5ex;
- }
-#calendar .calendar .popup:focus .balloon,
-#calendar .calendar .popup:hover .balloon {
-       right:2ex;
+.calendar .events > .event > .tags > .tag > a {
+       display:inline-block;
+       font-weight:bold;
+       line-height:1.5 !important;
+       text-align:center;
+       width:100%;
  }
-.calendar .popup:hover .balloon,
-.calendar .popup:focus .balloon {
-       background-color: #eee;
-       border:2px solid;
-       color:black;
-       display:inline;
-       margin:1em 0 0 -0.5em !important;
-       padding:0 0 0 0 !important;
-       position:absolute;
+.calendar .events > .event > .tags > .tag > .selflink {
+       display:inline-block;
+       font-weight:bold;
+       line-height:1.5 !important;
+       text-align:center;
+       width:100%;
  }
-.calendar .popup:hover .balloon > ul,
-.calendar .popup:focus .balloon > ul {
-       list-style-position:inside;
-       margin:0 0 0 0 !important;
-       padding:1ex 1ex 1ex 1ex !important;
+.calendar .events > .event > .tags > .tag > .createlink {
+       display:inline-block;
+       line-height:1.5 !important;
+       text-align:center;
+       white-space:normal !important;
+       width:100%;
  }
-.calendar .no-popup .balloon li.tag {
-       max-width:100% !important;
+.calendar .events > .event > .tags > .tag > .createlink > a {
+       width:auto;
  }
 
+
 #pageinfo {
        margin:0 0 0 0;
        padding:1ex 1em 0 1em;
 #pageinfo .tags {
        margin-top:0;
  }
+.pageinfo > ul,
 #pageinfo > ul {
        margin:0 0 0 0;
        padding-left:1em;
        list-style-position:outside;
        list-style-type:square;
  }
+.pageinfo > ul > li,
 #pageinfo > ul > li {
  }
 #backlinks {
        margin-top:0;
  }
 #pagebody a {
-       white-space:pre;
+       white-space:pre-wrap;
  }
 #pagebody a:visited {
        color:purple;
  }
+#pagebody a[href^="mailto:"]:after,
 #pagebody a[href^="http:"]:after,
 #pagebody a[href^="https:"]:after {
        content:"↗";
        width:100%;
  }
 
+.pageinfo span.name,
 #pageinfo span.name {
        font-weight:bold;
        font-style:normal;
  }
 
+#pageside h1,
 #pagebody h1 {
        background-color: #eee;
        border-bottom: 1px solid #aaa;
 #pagebody h1:first-child {
        margin-top:1ex;
  }
+#pageside h2,
 #pagebody h2 {
-       background-color: white;
-       border-bottom: 1px solid #aaa;
+       background-color:transparent;
+       border-bottom:2px solid #aaa;
        display:block;
-       font-size:120%;
+       font-size:125%;
        font-weight:bold;
+       margin:3ex 0 1ex 0;
        padding:2px 0 2px 0;
-       margin:1ex 0 1ex 0;
  }
+#pagebody h1 + h2,
+#pagebody h1 + h3,
+#pagebody h1 + h5,
+#pagebody h1 + h6 {
+       margin-top:1ex;
+ }
+#pageside h3,
 #pagebody h3 {
-       background-color: transparent;
-       border-bottom: 1px dotted #aaa;
-       color: #666;
+       background-color:transparent;
+       border-bottom:2px dotted #aaa;
+       //color: #666;
        font-size: 110%;
        font-weight: bold;
-       margin:1ex 0 1ex 0;
+       margin:3ex 0 1ex 0;
        padding:2px 0 2px 0;
+       text-align:center;
+ }
+#pagebody h2 + h3,
+#pagebody h2 + h4,
+#pagebody h2 + h5,
+#pagebody h2 + h6 {
+       margin-top:1ex;
  }
+#pageside h4,
 #pagebody h4 {
+       font-size: 105%;
+       text-shadow: 1px 1px 2px #999999;
+       margin:2ex 0 2px 0;
+ }
+#pagebody h3 + h4,
+#pagebody h2 + h5,
+#pagebody h2 + h6 {
+       margin-top:1ex;
+ }
+#pageside h5,
+#pagebody h5 {
+       margin:2ex 0 2px 0;
+       text-decoration:underline;
  }
 body {
        font-family:sans-serif;
@@ -427,13 +482,151 @@ body {
        margin:0 0 0 2px;
        padding:0 0 0 1em;
  }
+#pagebody ol {
+       list-style-position:inside;
+       margin:0 0 0 2px;
+       padding:0 0 0 0em;
+ }
+
+
+
+
+#pagebody ol {
+       counter-reset:li; /* Initiate a counter */
+       margin-left:0; /* Remove the default left margin */
+       padding-left:0; /* Remove the default left padding */
+ }
+#pagebody ol > li {
+       list-style:none; /* Disable the normal item numbering */
+       margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
+       padding:0 0 0 8px; /* Add some spacing around the content */
+       position:relative; /* Create a positioning context */
+ }
+#pagebody ol > li:before {
+       -moz-border-radius:2px;
+       -webkit-border-radius:2px;
+       background-color:white;
+       border-radius:2px;
+       counter-increment:li; /* Increment the counter by 1 */
+       content:counter(li); /* Use the counter as content */
+       /* Position and style the number */
+       -moz-box-sizing:border-box;
+       -webkit-box-sizing:border-box;
+       box-sizing:border-box;
+       left:-2em;
+       position:absolute;
+       width:2em;
+       /* Some space between the number and the content in browsers that support
+          generated content but not positioning it (Camino 2 is one example) */
+       background:#aaa;
+       color:#fff;
+       font-family:Arial,sans-serif;
+       font-weight:bold;
+       padding-top:2px;
+       padding-bottom:2px;
+       text-align:center;
+ }
+#pagebody li ol {
+       margin-top:6px;
+ }
+#pagebody ol ol li:last-child {margin-bottom:0;}
+
+
 #pagebody li > p {
        margin:0 0 0 0;
        padding:0 0 0 0;
  }
+#pagebody .toggleable >p {
+       margin:0 0 0 0;
+       padding:0 0 0 0;
+ }
+#pagebody .toggleable {
+       border:1px solid black;
+       border-left:5px solid black;
+       padding:0.5ex 1em 0.5ex 1em;
+       margin:0.5ex 1em 0.5ex 1px;
+ }
+
+#pagebody .inlineheader > .header {
+       font-family:sans-serif;
+       font-size:120%;
+ }
+
+#pagebody .notebox {
+       background: none repeat scroll 0 0 #FFFFFF;
+       border: 1px solid #AAAAAA;
+       color: #000000 !important;
+       float: right;
+       margin-bottom: 1ex;
+       margin-left: 2ex;
+       margin-top: 1ex;
+       padding: 1ex;
+       max-width: 50%;
+       width:auto;
+ }
+
+
+#newpageform {
+       margin: 0 0 0 0;
+       padding: 0 0 0 0;
+ }
+#newpageform button {
+       background-color:transparent;
+       border:none;
+       color:#005A9C;
+       font-family: sans-serif;
+       font-size: 95%;
+       height:2ex;
+       margin: 0 0 0 0;
+       padding: 0 0 0 0;
+ }
+#newpageform input.input {
+       background-color:#eee;
+       border:0px solid #666;
+       margin: 0 0 0 0;
+       font-size: 70%;
+       padding: 2px 2px 0 2px;
+ }
+
+@media print {
+       #container #sidebar {
+               display: none;
+        }
+       .container {
+               margin: 0;
+               padding: 0;
+               width: 100%;
+        }
+       .page .pagebody {
+               display: block;
+               float: none;
+               margin: 0;
+               padding: 0;
+               width: 100%;
+        }
+       .page .pageheader {
+               display: none;
+               float: none;
+               margin: 0;
+               padding: 0;
+               width: 100%;
+        }
+       .page #pageside {
+        }
+       .page .pagefooter {
+        }
+       body {
+               display: block;
+               float: none;
+               margin: 0;
+               padding: 0;
+               position: relative;
+               width: auto;
+        }
+ }
 
 .poll {
-       border-left:1ex solid #999;
+       border-left:1ex solid #aaa;
        padding-left:1em;
  }
 .poll .choice {
@@ -518,22 +711,6 @@ body {
        font-weight: bold;
  }
 
-.month-calendar {
-       border-spacing: 1ex 1px;
- }
-.month-calendar td:hover a.newevent {
-       display:inline-block;
- }
-.month-calendar td a.newevent {
-       color:blue;
-       display:none;
-       font-size:65%;
-       font-weight:bold;
-       position:absolute;
-       text-decoration:none;
-       vertical-align:super;
- }
-
 .pageheader .actions {
        bottom:inherit;
        clear:both;
@@ -636,6 +813,9 @@ hr.trails {
 .comment-header time {
        font-style:italic;
  }
+.comment-avatar {
+       margin:0 0 0 1em;
+ }
 
 img.medium {
        max-width:50%;
@@ -646,14 +826,6 @@ img.big {
        height:auto;
  }
 
-.calendar .no-popup .balloon > ul > li[class^='event-3615_'] {
-       border:1px solid black !important;
-       background-color:#DCC5A5;
- }
-.calendar .no-popup .balloon > ul > li[class^='event-3615_'] > ul > li {
-       border:1px solid black !important;
- }
-
 blockquote {
        background-color:#eee;
        border-left:1ex solid #1F3254;
@@ -664,51 +836,226 @@ blockquote > p:first-child {
        margin-top:0;
  }
 
-.tag-Atelier_de_quartier_Ivry-sur-Seine_Brandebourg {
-       background-color:#FF4E50 !important;
+#prevision_du_benevolat {
+       padding:2px 1ex 3px 1ex;
+       border-bottom:1px solid #999;
+       background-color:#F8F087;
+       display:inline-block;
+       width:100%;
+ }
+#prevision_du_benevolat .calendar {
+       margin-top:3px;
+       vertical-align:top;
+ }
+#prevision_du_benevolat .calendar:first-child {
+       clear:left;
+ }
+h1#spanclassselflinkprvisionpanduahref\.\.bnvolata ~ .calendar .events > .event,
+#prevision_du_benevolat .calendar {
+       display:inline-block;
+       vertical-align:top;
+       margin-right:0.3ex;
+       max-width:16em;
+       width:auto;
+ }
+#prevision_du_benevolat .calendar .wday .head > .day {
+       padding-right:0;
+ }
+#prevision_du_benevolat .calendar .wday:hover .head > .day > .new {
+       display:none !important;
+ }
+#prevision_du_benevolat > h1:first-child {
+       display:inline-block;
+       font-family:monospace;
+       font-variant:bold;
+       float:left;
+       clear:both;
+       margin:2px 0 0 0;
+       max-width:8em;
+       padding:0 0 0 0;
+       vertical-align:top;
+       margin-right:1em;
  }
-.tag-Atelier_de_quartier_Pantin {
+#prevision_du_benevolat > ul {
+       clear:both;
+       display:block;
+       float:left;
+       list-style-type:none;
+       margin:0 0 0 0;
+       padding:0 0 0 0;
+ }
+#prevision_du_benevolat > ul > li {
+       #display:inline-block;
+ }
+#prevision_du_benevolat > ul > li .level {
+       border:1px solid #999;
+       padding:0.1ex 1ex 0.1ex 1ex;
+ }
+h1#spanclassselflinkprvisionspanduahref\.\.bnvolata + ul {
+       margin-bottom:1em;
+ }
+h1#spanclassselflinkprvisionspanduahref\.\.bnvolata + ul > li {
+       display:inline-block;
+       font-weight:bold;
+ }
+h1#spanclassselflinkprvisionspanduahref\.\.bnvolata ~ .calendar {
+       vertical-align:top;
+ }
+h1#prvisionduahref..bnvolata ~ .calendar .events > .event > .head > .link {
+       display:inline-block;
+       vertical-align:top;
+       margin-right:0.3ex;
+       max-width:10em;
+       width:auto;
+ }
+
+.tag > a[href$="/Sérénité/"]:before,
+.tag > a[href$="/Incertitude/"]:before,
+.tag > a[href$="/Vigilance/"]:before,
+.tag > a[href$="/Alerte/"]:before,
+.tag > a[href$="/Crise/"]:before {
+       content:"";
+       display:inline-block;
+       height:22px;
+       margin-right:1ex;
+       text-align:center;
+       vertical-align:middle;
+       width:22px;
+ }
+
+.tag > a[href$="/Sérénité/"]:before {
+       background-image:url(/Bénévolat/Prévision/stock_weather-sunny.png);
+ }
+.tag > a[href$="/Incertitude/"]:before {
+       background-image:url(/Bénévolat/Prévision/stock_weather-few-clouds.png);
+ }
+.tag > a[href$="/Vigilance/"]:before {
+       background-image:url(/Bénévolat/Prévision/stock_weather-cloudy.png);
+ }
+.tag > a[href$="/Alerte/"]:before {
+       background-image:url(/Bénévolat/Prévision/stock_weather-showers.png);
+ }
+.tag > a[href$="/Crise/"]:before {
+       background-image:url(/Bénévolat/Prévision/stock_weather-storm.png);
+ }
+.tag-Savoir-faire_Autogestion_B_n_volat_Pr_vision_Crise,
+.tag-Public_Savoir-faire_Autogestion_B_n_volat_Pr_vision_Crise {
+       border:2px solid red !important;
+       font-size:100% !important;
+       font-weight: bold !important;
+ }
+
+a[href*='/URGENT/'] {
+       color:red !important;
+       font-weight:bold;
+ }
+a[href*='/FAIT/'] {
+       background-color:#05A500;
+       color:black !important;
+       font-size:100% !important;
+       font-weight: bold !important;
+       padding:0 1em 0 1em;
+ }
+a[href*='/EN_COURS/'] {
+       color:#FBC75C !important;
+       font-weight:bold;
+ }
+a[href*='/ANNULÉ/'] {
+       //border:2px solid red !important;
+       background-color:red;
+       color:black !important;
+       font-size:100% !important;
+       font-weight: bold !important;
+       padding:0 1em 0 1em;
+ }
+a[href*='/NON_FAIT/'] {
+       //border:2px solid #FBC75C !important;
+       background-color:#FBC75C;
+       color:black !important;
+       font-size:100% !important;
+       font-weight: bold !important;
+       padding:0 1em 0 1em;
+ }
+
+.tag-Atelier_de_quartier_Fermeture,
+.tag-Public_Atelier_de_quartier_Fermeture {
+       border:2px solid red !important;
+       font-size:100% !important;
+       font-weight: bold !important;
+}
+.tag-Atelier_de_quartier_Pantin_Quatre_Chemins,
+.tag-Public_Atelier_de_quartier_Pantin_Quatre_Chemins {
        background-color:#3CB371 !important;
  }
-.tag-Atelier_de_quartier_Paris_20_Bonnard {
+.tag-Atelier_de_quartier_Paris_20_Saint-Blaise,
+.tag-Public_Atelier_de_quartier_Paris_20_Saint-Blaise {
        background-color:#87CEEB !important;
  }
-.tag-Atelier_de_quartier_Paris_20_Foug_res {
+.tag-Atelier_de_quartier_Paris_20_Foug_res,
+.tag-Public_Atelier_de_quartier_Paris_20_Foug_res {
        background-color:#FF08DB !important;
  }
-.tag-Atelier_de_quartier_Paris_20_Foug_res__tabli {
+.tag-Atelier_de_quartier_Paris_20_Foug_res__tabli,
+.tag-Public_Atelier_de_quartier_Paris_20_Foug_res__tabli {
        background-color:#FFA4F2 !important;
  }
-.tag-Atelier_de_rue_Ivry-sur-Seine {
+.tag-Atelier_de_quartier_Ivry-sur-Seine_Ivry-Port,
+.tag-Public_Atelier_de_quartier_Ivry-sur-Seine_Ivry-Port {
+       background-color:#FF4E50 !important;
+ }
+.tag-Atelier_de_rue_Ivry-sur-Seine,
+.tag-Public_Atelier_de_rue_Ivry-sur-Seine {
        background-color:#DC143C !important;
  }
-.tag-Atelier_de_rue_Pantin {
+.tag-Atelier_de_rue_Pantin,
+.tag-Public_Atelier_de_rue_Pantin {
        background-color:#008000 !important;
  }
-.tag-Atelier_de_rue_Paris {
+.tag-Atelier_de_rue_Paris_20,
+.tag-Public_Atelier_de_rue_Paris_20 {
        background-color:#4169E1 !important;
  }
-.tag-Cyclofficine_Ivry {
+.tag-Cyclofficine_Ivry,
+.tag-Public_Cyclofficine_Ivry {
        background-color:#FF4E50 !important;
  }
-.tag-Cyclofficine_Paris {
+.tag-Cyclofficine_Paris,
+.tag-Public_Cyclofficine_Paris {
        background-color:#87CEEB !important;
  }
-.tag-Cyclofficine_Pantin {
+.tag-Cyclofficine_Pantin,
+.tag-Public_Cyclofficine_Pantin {
        background-color:#3CB371 !important;
  }
-.tag-L_Heureux_Cyclage {
+.tag-R_seau_L_Heureux_Cyclage,
+.tag-Public_R_seau_L_Heureux_Cyclage {
        background-color:#E1702E !important;
  }
-.tag-Activit__Cyclof_minisme {
+.tag-Activit__Cyclof_minisme,
+.tag-Public_Activit__Cyclof_minisme {
        //background-color:#7E93FF !important;
  }
-.tag-Activit__R_union {
+.tag-Activit__R_union,
+.tag-Public_Activit__R_union {
        background-color:#F8F087 !important;
  }
-.tag-Cyclofficine {
+.tag-Savoir-faire_Autogestion_Gouvernement_R_union_mensuelle_d_autogestion,
+.tag-Public_Savoir-faire_Autogestion_Gouvernement_R_union_mensuelle_d_autogestion {
        background-color:#F8F087 !important;
  }
-.tag-ANNULE {
-        background-color:#000000 !important;
-}
+.tag-Cyclofficine,
+.tag-Public_Cyclofficine {
+       background-color:#F8F087 !important;
+ }
+.tag-Activit__Annul_e,
+.tag-Public_Activit__Annul_e {
+       border:2px solid red !important;
+       font-size:100% !important;
+       font-weight: bold !important;
+ }
+.tag-Ferm_,
+.tag-Public_Ferm_ {
+       border:2px solid red !important;
+       font-size:100% !important;
+       font-weight: bold !important;
+ }