css: updated background colors

css/css.css

@@ -561,43 +561,56 @@ tbody .large {
 }
 
 /* ================================= CUSTOM CSS =========================== */
-.light {
-  color: #fff !important;
-  text-shadow: none !important;
-  border-color: #fff !important;
+
+html body div.ui-content div.ui-controlbar a.light {
+  color: #fff;
+  text-shadow: none;
+  border-color: #fff;
 }
-.light:hover {
-  color: #000 !important;
+html body div.ui-content div.ui-controlbar a.light:hover,
+html body div.ui-content div.ui-controlbar a.light:active,
+html body div.ui-content div.ui-controlbar a.light.ui-btn-active {
+  color: #000;
 }
-.vert {
-  background-color: #79AC21 !important;
+html body .ui-listview li.vert {
+  background-color: #79AC21;
 }
-.vert.light, .vert .light {
+html body div.ui-content div.ui-controlbar a.vert.light,
+html body div.ui-content div.ui-controlbar a.vert.light:hover,
+html body div.ui-content div.ui-controlbar a.vert.light:active,
+html body div.ui-content div.ui-controlbar a.vert.light.ui-btn-active {
   background-color: #A3ED24;
 }
 .rose.background {
   background: url("../img/bg-offre02.png") no-repeat scroll center 40px / 70px auto #B01B99;
 }
-.rose {
-  background-color: #B01B99 !important;
+html body .ui-listview li.rose {
+  background-color: #B01B99;
 }
-.rose .light, .rose.light {
+html body div.ui-content div.ui-controlbar a.rose.light,
+html body div.ui-content div.ui-controlbar a.rose.light:hover,
+html body div.ui-content div.ui-controlbar a.rose.light:active,
+html body div.ui-content div.ui-controlbar a.rose.light.ui-btn-active
+{
   background-color: #E156CC;
 }
 .bleu.background {
   background: url("../img/bg-offre03.png") no-repeat scroll center 40px / 80px auto #2296C9;
 }
-.bleu {
-  background-color: #2296C9 !important;
+html body .ui-listview li.bleu {
+  background-color: #2296C9;
 }
-.bleu .light, .bleu.light {
+html body div.ui-content div.ui-controlbar a.bleu.light,
+html body div.ui-content div.ui-controlbar a.bleu.light:hover,
+html body div.ui-content div.ui-controlbar a.bleu.light:active,
+html body div.ui-content div.ui-controlbar a.bleu.light.ui-btn-active {
   background-color: #5FC2EF;
 }
 .violet.background {
   background: url("../img/bg-offre01.png") no-repeat scroll  center 35px / 50px auto #7B40B8;
 }
-.violet {
-  background-color: #7B40B8 !important;
+html body .ui-listview li.violet {
+  background-color: #7B40B8;
   color: #fff;
 }
 .violet > *,
@@ -607,16 +620,22 @@ tbody .large {
 .vert > * {
   color: #fff;
 }
-.violet .light, .violet.light {
+html body div.ui-content div.ui-controlbar a.violet.light,
+html body div.ui-content div.ui-controlbar a.violet.light:hover,
+html body div.ui-content div.ui-controlbar a.violet.light:active,
+html body div.ui-content div.ui-controlbar a.violet.light.ui-btn-active {
   background-color: #B184E0;
 }
 .rouge.background {
   background: url("../img/website-bg-libert-vacances.png") no-repeat scroll center 30px / 70px auto #EB5757;
 }
-.rouge {
-  background-color: #EB5757 !important;
+html body .ui-listview li.rouge {
+  background-color: #EB5757;
 }
-.rouge .light, .rouge.light {
+html body div.ui-content div.ui-controlbar a.rouge.light,
+html body div.ui-content div.ui-controlbar a.rouge.light:hover,
+html body div.ui-content div.ui-controlbar a.rouge.light:active,
+html body div.ui-content div.ui-controlbar a.rouge.light.ui-btn-active  {
   background-color: #FC8484;
 }
 .offer.custom_offer {
@@ -714,7 +733,7 @@ span.offer_tag {
 }
 /* collapsible inside panel */
 .ui-collapsible-heading-toggle {
-  font-size: 1em;
+  font-size: 16px;
 }
 /* margin in panel listview */
 .ui-collapsible-content > .ui-listview{