Adds `background` normalization according to W3C spec.

diff --git a/History.md b/History.md
index 6ab8945..034ba8d 100644 (file)
--- a/History.md
+++ b/History.md
@@ -1,6 +1,7 @@
 [2.2.9 / 2014-xx-xx](https://github.com/GoalSmashers/clean-css/compare/v2.2.8...v2.2.9)
 ==================
 
+* Adds `background` normalization according to W3C spec.
 * Fixed issue [#316](https://github.com/GoalSmashers/clean-css/issues/316) - incorrect background processing.
 
 [2.2.8 / 2014-07-14](https://github.com/GoalSmashers/clean-css/compare/v2.2.7...v2.2.8)

diff --git a/lib/properties/processable.js b/lib/properties/processable.js
index c8f15a9..5378665 100644 (file)
--- a/lib/properties/processable.js
+++ b/lib/properties/processable.js
@@ -198,8 +198,12 @@ module.exports = (function () {
   };
   breakUp.background = function (token) {
     // Default values
-    var result = Token.makeDefaults(['background-color', 'background-image', 'background-repeat', 'background-position', 'background-attachment'], token.isImportant);
-    var color = result[0], image = result[1], repeat = result[2], position = result[3], attachment = result[4];
+    var result = Token.makeDefaults(['background-image', 'background-position', 'background-repeat', 'background-attachment', 'background-color'], token.isImportant);
+    var image = result[0];
+    var position = result[1];
+    var repeat = result[2];
+    var attachment = result[3];
+    var color = result[4];
 
     // Take care of inherit
     if (token.value === 'inherit') {
@@ -219,6 +223,8 @@ module.exports = (function () {
 
       if (validator.isValidBackgroundAttachment(currentPart)) {
         attachment.value = currentPart;
+      } else if (validator.isValidBackgroundRepeat(currentPart)) {
+        repeat.value = currentPart;
       } else if (validator.isValidBackgroundPosition(currentPart)) {
         if (i > 0) {
           var repeatedPosition = parts[i - 1] + ' ' + currentPart;
@@ -231,8 +237,6 @@ module.exports = (function () {
         } else {
           position.value = currentPart;
         }
-      } else if (validator.isValidBackgroundRepeat(currentPart)) {
-        repeat.value = currentPart;
       } else if (validator.isValidColor(currentPart)) {
         color.value = currentPart;
       } else if (validator.isValidUrl(currentPart) || validator.isValidFunction(currentPart)) {
@@ -420,6 +424,7 @@ module.exports = (function () {
     // Puts together the components by spaces and omits default values (this is the case for most shorthands)
     bySpacesOmitDefaults: function (prop, tokens, isImportant) {
       var result = new Token(prop, '', isImportant);
+
       // Get irrelevant tokens
       var irrelevantTokens = tokens.filter(function (t) { return t.isIrrelevant; });
 
@@ -617,11 +622,11 @@ module.exports = (function () {
     // background ------------------------------------------------------------------------------
     'background': {
       components: [
-        'background-color',
         'background-image',
-        'background-repeat',
         'background-position',
-        'background-attachment'
+        'background-repeat',
+        'background-attachment',
+        'background-color'
       ],
       breakUp: breakUp.commaSeparatedMulitpleValues(breakUp.background),
       putTogether: putTogether.commaSeparatedMulitpleValues(

diff --git a/test/data/big-min.css b/test/data/big-min.css
index 04e5a6a..ca15267 100644 (file)
--- a/test/data/big-min.css
+++ b/test/data/big-min.css
@@ -272,7 +272,7 @@ button::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0
 .titre_bt_fleche{display:inline-block;overflow:hidden;background:#f5f8f9}
 .titre_bt_fleche:hover{background:#e9edf0}
 .titre_bt_fleche .bt{position:relative;display:block;float:right;width:42px;border-left:1px solid #e4e6e9;background-color:#e9edf0;min-height:64px}
-.titre_bt_fleche .fleche{position:absolute;right:13px;top:33%;background:url(/medias/web/img/sprites/icos_petites.png) no-repeat -1px -108px;width:13px;height:22px}
+.titre_bt_fleche .fleche{position:absolute;right:13px;top:33%;background:url(/medias/web/img/sprites/icos_petites.png) -1px -108px no-repeat;width:13px;height:22px}
 .titre_bt_fleche:hover .fleche{background-position:-15px -108px}
 .titre_bt_fleche .titre,.titre_bt_fleche img{float:left}
 .titre_bt_fleche img{margin:0}
@@ -321,7 +321,7 @@ button::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0
 .az:hover .bt_ouvrir,.bt_ouvrir:hover,.conteneur_alterne_bt:hover .bt_ouvrir{background-position:-17px -158px}
 .bt_fermer{background-position:-17px -143px}
 .az:hover .bt_fermer,.bt_fermer:hover,.conteneur_alterne_bt:hover .bt_fermer{background-position:-34px -143px}
-.picto_lien{display:inline-block;width:12px;height:13px;margin:0 5px 0 0;background:url(/medias/web/img/sprites/icos_petites.png) no-repeat 0 -142px;vertical-align:middle}
+.picto_lien{display:inline-block;width:12px;height:13px;margin:0 5px 0 0;background:url(/medias/web/img/sprites/icos_petites.png) 0 -142px no-repeat;vertical-align:middle}
 .croix_blanche{background-position:0 -191px;width:10px;height:10px;vertical-align:baseline}
 .croix_grise{width:10px;height:10px;margin-bottom:-.1rem;background-position:-11px -191px;cursor:pointer}
 .ico_annee_en_france{margin:0 7px 0 0;width:16px;height:17px;background-position:0 -173px}
@@ -332,7 +332,7 @@ button::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0
 .filet_plus{border-top:1px solid #e9edf0;font-size:16px;line-height:1px;margin:20px 0;font-weight:700;text-align:center}
 .filet_plus .bg_plus{background:#b9c0c5;padding:0 5px}
 .filet_plus .plus{color:#fff}
-.pic_debrief_abo{display:inline-block;margin:0 8px 0 0;vertical-align:text-bottom;width:24px;height:24px;background:url(/medias/web/img/sprites/pictos_abos.png) no-repeat 0 -24px}
+.pic_debrief_abo{display:inline-block;margin:0 8px 0 0;vertical-align:text-bottom;width:24px;height:24px;background:url(/medias/web/img/sprites/pictos_abos.png) 0 -24px no-repeat}
 .pic_commentes_abo{display:inline-block;margin:0 8px 0 0;vertical-align:text-bottom;height:23px;width:32px;background:url(/medias/web/img/sprites/pictos_abos.png) no-repeat}
 .liste_bordure li{padding:8px 16px 6px;border-bottom:1px solid #eef1f5}
 .liste_chevron{display:block;padding:0 0 0 10px;position:relative}
@@ -372,7 +372,7 @@ article .liste_carre_999{margin-top:5px}
 .titre_une{margin:0 0 10px}
 .titre_une figcaption{margin:5px 0 0}
 .titres_abonnes{overflow:hidden;background:#f8f9fb;border-bottom:6px solid #e9edf0}
-.entete_exclu_abonnes,.titres_abonnes .entete{display:block;height:19px;background:#ffd500 url(/medias/web/img/elements_lm/ea_contenu_exclusif.png) no-repeat 8px 4px;font-size:13px;text-indent:-9999px}
+.entete_exclu_abonnes,.titres_abonnes .entete{display:block;height:19px;background:url(/medias/web/img/elements_lm/ea_contenu_exclusif.png) 8px 4px no-repeat #ffd500;font-size:13px;text-indent:-9999px}
 .titres_abonnes .ligne1,.titres_abonnes .ligne2{padding:15px 0 10px;overflow:hidden}
 .titres_abonnes .ligne2{border-top:1px solid #d5d9de}
 .titres_abonnes .conteneur_bt{clear:both;padding:15px 0;text-align:center}
@@ -451,7 +451,7 @@ article .liste_carre_999{margin-top:5px}
 .global.audience .container>div:first-child{margin-left:0}
 #carousel_footer_serviciel img:hover,.global.audience .container img:hover{opacity:.7;-ms-filter:"alpha(Opacity=70)"}
 .global.supp_partenaires .entete_deroule{padding:6px 16px;margin-bottom:0;text-align:left;font-weight:700;font-size:16px;font-family:arial,sans serif}
-.global.supp_partenaires .entete_deroule .logo{float:right;padding-left:40px;background:url(/medias/web/img/textes/marqueur_pub_gris43x5.png) no-repeat 0 12px}
+.global.supp_partenaires .entete_deroule .logo{float:right;padding-left:40px;background:url(/medias/web/img/textes/marqueur_pub_gris43x5.png) 0 12px no-repeat}
 .global.supp_partenaires .position_pub div{float:left;width:301px;padding:16px 12px 16px 16px;line-height:140%}
 .global.supp_partenaires .position_pub div~div{width:285px}
 .global.supp_partenaires .position_pub div~div~div{width:330px}
@@ -506,7 +506,7 @@ input[type=checkbox],input[type=radio]{vertical-align:bottom;margin-bottom:.2rem
 .saisie_erreur input{color:#000;text-shadow:0 0 0 transparent}
 .champs_erreur{border:1px solid #d50303}
 .confirmation{position:relative;padding:10px;background:#dff0d8;color:#468847}
-.confirmation .fermer{position:absolute;right:10px;top:10px;width:10px;height:10px;background:url(/medias/web/img/sprites/icos_petites.png) no-repeat -22px -191px;text-indent:-9999px;cursor:pointer}
+.confirmation .fermer{position:absolute;right:10px;top:10px;width:10px;height:10px;background:url(/medias/web/img/sprites/icos_petites.png) -22px -191px no-repeat;text-indent:-9999px;cursor:pointer}
 .bandeau_info_importante{padding:10px;background:#fff1ae;color:#c09853}
 .bandeau_important{padding:6px 16px;background:#d50303;color:#fff;font-weight:700}
 input[disabled=disabled]{background:#eef1f5}
@@ -546,7 +546,7 @@ img[height="97"]+.ico29x29{bottom:6%;left:3.5%}
 .ico_video_mini{width:13px;height:13px;margin:1px 5px 0 0;background-position:-143px -128px;vertical-align:text-bottom}
 .ico_live_mini{width:13px;height:13px;margin:1px 5px 0 0;background-position:-143px -192px;vertical-align:text-bottom}
 .voir_plus.hovered{background:#f1f5f8;cursor:pointer}
-.deplier{display:block;visibility:hidden;height:16px;margin:10px 0 0;text-indent:-9999px;background:#e4e6e9 url(/medias/web/img/pictos/chevrons_double_haut_bas.png) no-repeat 50% 3px;border-top:1px solid #a2a9ae}
+.deplier{display:block;visibility:hidden;height:16px;margin:10px 0 0;text-indent:-9999px;background:url(/medias/web/img/pictos/chevrons_double_haut_bas.png) 50% 3px no-repeat #e4e6e9;border-top:1px solid #a2a9ae}
 .deplier.visible{visibility:visible}
 .deplier.ouvert{background-position:50% -13px}
 .deplier:hover{cursor:pointer}
@@ -582,7 +582,7 @@ img[height="97"]+.ico29x29{bottom:6%;left:3.5%}
 #en_ce_moment a,#en_ce_moment li:first-child span{display:inline-block;height:23px;padding:10px 8px 0;color:#d2d6db;font-size:1.3rem;line-height:100%;font-weight:700}
 .ie #en_ce_moment a{font-size:13px}
 #en_ce_moment a:hover{color:#CB2626}
-#en_ce_moment li:first-child{background:url(/medias/web/img/sprites/sous_nav.png) no-repeat right -70px;padding:0 13px 0 5px}
+#en_ce_moment li:first-child{background:url(/medias/web/img/sprites/sous_nav.png) right -70px no-repeat;padding:0 13px 0 5px}
 #en_ce_moment li:first-child span{height:22px;padding:11px 8px 0;text-transform:uppercase;color:#fff;font-size:1.2rem}
 .carousel_petit .navigation{margin:10px 0;line-height:10px;text-align:center}
 .carousel_petit .precedent,.carousel_petit .repere,.carousel_petit .suivant{display:inline-block;vertical-align:middle;background:url(/medias/web/img/sprites/carousel_petit.png) no-repeat;text-indent:-9999px}
@@ -618,7 +618,7 @@ img[height="97"]+.ico29x29{bottom:6%;left:3.5%}
 .pagination .plus ul li{border-left:1px solid #a2a9ae}
 .pagination .plus ul li:first-child{border-radius:4px 0 0 4px}
 .pagination .plus ul li:hover{background:#5d666d}
-.pagination .plus .pointeur{display:block;height:12px;background:url(/medias/web/img/pictos/pagination_fle.png) no-repeat 554px 0}
+.pagination .plus .pointeur{display:block;height:12px;background:url(/medias/web/img/pictos/pagination_fle.png) 554px 0 no-repeat}
 .pagination_large .plus .pointeur{background-position:884px 0}
 .pagination .plus:hover div{display:block}
 .pagination .plus ul .page{border:solid #b9c0c5;border-width:0 1px 0 0;text-align:center;line-height:26px;font-size:12px;color:#fff}
@@ -684,12 +684,12 @@ img[height="97"]+.ico29x29{bottom:6%;left:3.5%}
 .ie #footer{font-size:11px}
 #footer .obf:hover,#footer a:hover{text-decoration:underline}
 #footer .footer_gratuit{overflow:hidden}
-#footer .abonnement{float:left;width:673px;height:155px;background:url(/medias/web/img/elements_lm/footer_supports.jpg) no-repeat right bottom}
-#footer .zone_abo{display:block;float:left;width:673px;height:155px;background:url(/medias/web/img/elements_lm/footer_supports_haut.png) no-repeat 385px top}
+#footer .abonnement{float:left;width:673px;height:155px;background:url(/medias/web/img/elements_lm/footer_supports.jpg) right bottom no-repeat}
+#footer .zone_abo{display:block;float:left;width:673px;height:155px;background:url(/medias/web/img/elements_lm/footer_supports_haut.png) 385px top no-repeat}
 #footer .zone_abo:hover{text-decoration:none}
-#footer .abonnement .contenu{margin:35px 0 0;padding:30px 346px 0 13px;background:url(/medias/web/img/elements_lm/le_monde_abonements_227x22.png) no-repeat 13px top;color:#16212c;line-height:120%}
+#footer .abonnement .contenu{margin:35px 0 0;padding:30px 346px 0 13px;background:url(/medias/web/img/elements_lm/le_monde_abonements_227x22.png) 13px top no-repeat;color:#16212c;line-height:120%}
 #footer .abonnement .bt{padding:5px 0 0 13px}
-#footer .deja_abonne{float:left;width:183px;height:110px;padding:10px 125px 10px 16px;margin:25px 0 0;background:#fafbfc url(/medias/web/img/elements_lm/footer_deja_abo.jpg) no-repeat right top}
+#footer .deja_abonne{float:left;width:183px;height:110px;padding:10px 125px 10px 16px;margin:25px 0 0;background:url(/medias/web/img/elements_lm/footer_deja_abo.jpg) right top no-repeat #fafbfc}
 #footer .deja_abonne .accroche{display:block;font-weight:700;font-size:17px;padding:0 0 8px}
 #footer .deja_abonne .obf,#footer .deja_abonne .trigger_boite_login{display:block;padding:0 0 0 10px;position:relative}
 #footer .deja_abonne .obf:before,#footer .deja_abonne .trigger_boite_login:before{color:#5d666d;content:'\203A';display:block;float:left;font-size:1.2rem;left:0;position:absolute;width:10px}
@@ -709,7 +709,7 @@ img[height="97"]+.ico29x29{bottom:6%;left:3.5%}
 #footer .copy a{color:#464f57}
 #footer .description{color:#a2a9ae;padding:3px 13px;line-height:120%}
 #header_facebook,#header_google,#header_twitter{position:relative}
-.conteneur_popinbox{position:absolute;z-index:10;top:20px;left:-145px;padding:11px 0 0;-webkit-box-shadow:-1px 4px 3px -2px rgba(0,11,21,.5);-moz-box-shadow:-1px 4px 3px -2px rgba(0,11,21,.5);box-shadow:-1px 4px 3px -2px rgba(0,11,21,.5);background:url(/medias/web/img/habillage/lightbox_sociaux_coche.png) no-repeat center top;display:none}
+.conteneur_popinbox{position:absolute;z-index:10;top:20px;left:-145px;padding:11px 0 0;-webkit-box-shadow:-1px 4px 3px -2px rgba(0,11,21,.5);-moz-box-shadow:-1px 4px 3px -2px rgba(0,11,21,.5);box-shadow:-1px 4px 3px -2px rgba(0,11,21,.5);background:url(/medias/web/img/habillage/lightbox_sociaux_coche.png) center top no-repeat;display:none}
 .popinbox{padding:10px;background:#fff;overflow:visible}
 .sociaux .popinbox{width:292px;text-indent:0}
 #header_facebook_contenu{position:relative;height:258px}
@@ -721,7 +721,7 @@ img[height="97"]+.ico29x29{bottom:6%;left:3.5%}
 .position_pub.x01{height:0;z-index:2147483647}
 .position_pub.top1{width:1000px;margin-left:auto;margin-right:auto;text-align:center;min-height:90px}
 .app_abonnes .position_pub.top1{min-height:0}
-.col_droite .position_pub.filled{margin-bottom:25px;padding:7px 7px 13px;background:#e9edf0 url(/medias/web/img/textes/marqueur_pub_col_droite.png) no-repeat bottom right}
+.col_droite .position_pub.filled{margin-bottom:25px;padding:7px 7px 13px;background:url(/medias/web/img/textes/marqueur_pub_col_droite.png) bottom right no-repeat #e9edf0}
 .col_droite .position_pub.filled.noborder{background:0 0;padding:0}
 .conteneur_ligatus{margin:25px 0}
 .conteneur_ligatus *{vertical-align:bottom}
@@ -788,7 +788,7 @@ img[height="97"]+.ico29x29{bottom:6%;left:3.5%}
 #header_utilisateur .recherche p{width:195px;margin:0;padding:2px 5px;background-color:#f8f9fb;border:1px solid #d2d6db;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow:hidden}
 #header_utilisateur .recherche input[type=search]{border:none;background:0 0;width:165px;float:left;-webkit-box-sizing:border-box}
 #header_utilisateur .recherche input[type=search]:focus{outline:0}
-#header_utilisateur .loupe{width:15px;height:15px;margin:0 0 0 5px;border:none;background:url(/medias/web/img/sprites/icos_petites.png) no-repeat -17px -173px;text-indent:-9999px;font-size:0;color:#f8f9fb;float:right}
+#header_utilisateur .loupe{width:15px;height:15px;margin:0 0 0 5px;border:none;background:url(/medias/web/img/sprites/icos_petites.png) -17px -173px no-repeat;text-indent:-9999px;font-size:0;color:#f8f9fb;float:right}
 *+html #header_utilisateur .loupe{float:none}
 #header_utilisateur .sociaux{float:left;margin:7px 20px 0;color:#747b83;font-weight:700;font-size:12px}
 #header_utilisateur .sociaux a,#header_utilisateur .sociaux span{vertical-align:middle;margin-right:7px}
@@ -820,7 +820,7 @@ img[height="97"]+.ico29x29{bottom:6%;left:3.5%}
 #header .acces_compte .avatar{width:28px;border-right:1px solid #d2d6db}
 #header .acces_compte .avatar img{display:block;margin:4px auto 0;vertical-align:middle}
 #header .acces_compte .nom{padding:0 16px;border-right:1px solid #d2d6db;border-left:1px solid #fff}
-#header .acces_compte .fle{width:28px;background:url(/medias/web/img/pictos/fle_bas_noir7x4.png) no-repeat 50% 50%}
+#header .acces_compte .fle{width:28px;background:url(/medias/web/img/pictos/fle_bas_noir7x4.png) 50% 50% no-repeat}
 #header .acces_compte ul{position:absolute;right:0;top:29px;width:98%;background:#fff;list-style-type:none;text-align:left;display:none;border:1px solid #d2d6db;border-radius:0 0 3px 3px}
 #header .acces_compte:hover ul{display:block}
 #header .acces_compte li{padding:8px;border-bottom:1px solid #eef1f5}
@@ -832,7 +832,7 @@ img[height="97"]+.ico29x29{bottom:6%;left:3.5%}
 .lightbox_ext,.loginbox{overflow:hidden;background:#f5f8f9}
 .lightbox_ext h2,.loginbox h2{padding:7px 16px 5px;background:#16212c;border-top:3px solid #747b83;color:#fff}
 .lightbox_ext .fermer,.loginbox .fermer{float:right;font-size:11px;line-height:18px;color:#747b83;cursor:pointer}
-.lightbox_ext .fermer span,.loginbox .fermer span{display:inline-block;width:10px;height:10px;margin:0 0 0 3px;background:url(/medias/web/img/sprites/icos_petites.png) no-repeat -11px -191px}
+.lightbox_ext .fermer span,.loginbox .fermer span{display:inline-block;width:10px;height:10px;margin:0 0 0 3px;background:url(/medias/web/img/sprites/icos_petites.png) -11px -191px no-repeat}
 .lightbox_ext .fermer:hover,.loginbox .ferme:hover{color:#fff;text-decoration:none}
 .lightbox_ext .fermer:hover span,.loginbox .fermer:hover span{background-position:0 -191px}
 .loginbox .message{padding:10px;background:#eef1f5}
@@ -849,7 +849,7 @@ label i{font-style:normal;display:none}
 .loginbox #login_error_email{background:#f2dede;border:1px solid #c00;color:#c00;text-align:center}
 .loginbox .signup{float:left;width:180px;height:230px;padding:10px 40px 10px 15px;border-right:1px solid #fff;border-left:1px solid #e4e6e9;font-size:14px;line-height:140%}
 .loginbox .accroche{display:block;margin:20px 0 15px;color:#464f57}
-.loginbox .abonne_journal{position:relative;float:left;width:185px;height:235px;padding:10px 55px 10px 16px;font-size:14px;line-height:140%;background:url(/medias/web/img/elements_lm/login_box_journal.jpg) no-repeat right 130px;border-left:1px solid #e4e6e9}
+.loginbox .abonne_journal{position:relative;float:left;width:185px;height:235px;padding:10px 55px 10px 16px;font-size:14px;line-height:140%;background:url(/medias/web/img/elements_lm/login_box_journal.jpg) right 130px no-repeat;border-left:1px solid #e4e6e9}
 .loginbox .abonne_journal .btn,.loginbox .login_form .btn_abo{position:absolute;bottom:15px;left:16px}
 .loginbox .rmdp .btn{position:static;margin:15px 0}
 .loginbox #password_recover_box_email{width:300px}
@@ -866,10 +866,10 @@ label i{font-style:normal;display:none}
 .ombrelle.partenariats .tt_rubrique_ombrelle,.ombrelle.partenariats .tt_rubrique_ombrelle a{padding:0 4px 0 0;background-image:none;font-family:FetteEngschrift;text-transform:uppercase;font-size:55px;line-height:55px}
 .ombrelle.export_interne .tt_rubrique_ombrelle a,.ombrelle.partenariats .tt_rubrique_ombrelle a{color:#2e3942}
 .ombrelle.partenariats span{display:inline-block;padding:0 8px 0 0}
-.ombrelle .tt_rubrique_ombrelle,.ombrelle.style .tt_rubrique_ombrelle{display:inline-block;padding:0 0 0 67px;margin:25px 0 0;background:url(/medias/web/img/elements_lm/m54x44.png) no-repeat 0 20%;font-family:TheSerifOffice,georgia,serif;font-size:55px;line-height:55px;color:#2E3942;font-weight:400;letter-spacing:-.01em}
+.ombrelle .tt_rubrique_ombrelle,.ombrelle.style .tt_rubrique_ombrelle{display:inline-block;padding:0 0 0 67px;margin:25px 0 0;background:url(/medias/web/img/elements_lm/m54x44.png) 0 20% no-repeat;font-family:TheSerifOffice,georgia,serif;font-size:55px;line-height:55px;color:#2E3942;font-weight:400;letter-spacing:-.01em}
 *+html .ombrelle .tt_rubrique_ombrelle,*+html .ombrelle.style .tt_rubrique_ombrelle{display:inline}
 .ombrelle .tt_rubrique_ombrelle .obf,.ombrelle .tt_rubrique_ombrelle .obf:hover,.ombrelle .tt_rubrique_ombrelle a,.ombrelle .tt_rubrique_ombrelle h2 a:hover{color:#2E3942;text-decoration:none}
-.ombrelle.style .tt_rubrique_ombrelle{background:url(/medias/web/img/elements_lm/m59x44.png) no-repeat 0 20%}
+.ombrelle.style .tt_rubrique_ombrelle{background:url(/medias/web/img/elements_lm/m59x44.png) 0 20% no-repeat}
 .ombrelle .tt_rubrique_ombrelle.max24,.ombrelle .tt_rubrique_ombrelle.max32,.ombrelle .tt_rubrique_ombrelle.max38{background-position:0 0;font-size:43px;line-height:57px}
 .ombrelle .tt_rubrique_ombrelle.max32,.ombrelle .tt_rubrique_ombrelle.max38{font-size:36px;line-height:61px}
 .ombrelle .tt_rubrique_ombrelle.max38{font-size:32px}
@@ -895,7 +895,7 @@ label i{font-style:normal;display:none}
 #nav .accueil{border-top-color:#a2a9ae}
 #nav .accueil:hover{border-top-color:#16212c;background:#2e3942}
 #nav .accueil a,#nav .accueil span{width:12px;height:23px;padding:9px 10px 0 9px}
-#nav .accueil .maison{display:inline-block;width:11px;height:10px;vertical-align:text-top;background:url(/medias/web/img/sprites/icos_petites.png) no-repeat -29px -108px;text-indent:-9999px}
+#nav .accueil .maison{display:inline-block;width:11px;height:10px;vertical-align:text-top;background:url(/medias/web/img/sprites/icos_petites.png) -29px -108px no-repeat;text-indent:-9999px}
 #nav .accueil:hover .maison{background-position:-29px -120px}
 #ariane_az{width:1000px;margin:0 auto}
 #ariane_az .obf,#ariane_az a{padding:0 9px;color:#000;white-space:nowrap}
@@ -980,7 +980,7 @@ label i{font-style:normal;display:none}
 .liste_reactions .reaction .btn{visibility:hidden;margin:5px 0 0}
 .liste_reactions .reaction:hover .btn{visibility:visible}
 .infobulle{position:relative}
-.liste_reactions .bulle{position:absolute;top:60%;left:-93%;z-index:10;width:170px;padding:11px 0 0;background:url(/medias/web/img/habillage/lightbox_sociaux_coche.png) no-repeat center top;display:none}
+.liste_reactions .bulle{position:absolute;top:60%;left:-93%;z-index:10;width:170px;padding:11px 0 0;background:url(/medias/web/img/habillage/lightbox_sociaux_coche.png) center top no-repeat;display:none}
 .infobulle:hover .bulle{display:inline-block}
 .liste_reactions .bulle span{display:block;-webkit-box-shadow:0 3px 2px 1px rgba(0,11,21,.2);-moz-box-shadow:0 3px 2px 1px rgba(0,11,21,.2);box-shadow:0 3px 2px 1px rgba(0,11,21,.2);border-radius:4px;padding:10px;background:#fff}
 .liste_reactions .references{font-weight:700}
@@ -992,7 +992,7 @@ label i{font-style:normal;display:none}
 .reaction_identifier .deja_abo .erreur{display:none;padding:7px 28px 7px 15px}
 .reaction_identifier .form{padding:10px 10px 10px 14px}
 .reaction_identifier .form p{clear:both}
-.conteneur_barre_outils .non_abo.classer,.reaction_identifier .non_abo{position:relative;float:left;width:233px;height:230px;padding:10px 10px 10px 14px;background:url(/medias/web/img/textes/daccord_pas_daccord.png) no-repeat 16px 40px;border-right:1px solid #fff}
+.conteneur_barre_outils .non_abo.classer,.reaction_identifier .non_abo{position:relative;float:left;width:233px;height:230px;padding:10px 10px 10px 14px;background:url(/medias/web/img/textes/daccord_pas_daccord.png) 16px 40px no-repeat;border-right:1px solid #fff}
 .reaction_identifier .texte{margin:80px 0 15px}
 .reaction_identifier .mini-login{position:relative;float:right;width:275px;margin:0;padding:10px 0;height:230px;border-left:1px solid #e4e6e9}
 .reaction_identifier .mini-login .deja_abo{padding:0 10px 10px 14px}
@@ -1040,12 +1040,12 @@ label i{font-style:normal;display:none}
 .barre_outils .partage{float:right;height:26px;margin:0;padding-left:10px;border-left:1px solid #eef1f5;color:#747b83}
 .barre_outils .partage+span{height:26px;vertical-align:middle}
 .barre_outils .reagir span{width:12px;height:11px;background:url(/medias/web/img/sprites/icos_petites.png) no-repeat;vertical-align:middle}
-.barre_outils .classer span{width:11px;height:11px;background:url(/medias/web/img/sprites/icos_petites.png) no-repeat 0 -12px;vertical-align:baseline}
+.barre_outils .classer span{width:11px;height:11px;background:url(/medias/web/img/sprites/icos_petites.png) 0 -12px no-repeat;vertical-align:baseline}
 .barre_outils .classer.actif span{background-position:-13px -12px}
-.barre_outils .imprimer span{width:12px;height:12px;background:url(/medias/web/img/sprites/icos_petites.png) no-repeat 0 -25px;vertical-align:baseline}
-.barre_outils .envoyer span{width:12px;height:10px;background:url(/medias/web/img/sprites/icos_petites.png) no-repeat -13px -25px;vertical-align:baseline}
+.barre_outils .imprimer span{width:12px;height:12px;background:url(/medias/web/img/sprites/icos_petites.png) 0 -25px no-repeat;vertical-align:baseline}
+.barre_outils .envoyer span{width:12px;height:10px;background:url(/medias/web/img/sprites/icos_petites.png) -13px -25px no-repeat;vertical-align:baseline}
 .conteneur_barre_outils .reaction_identifier{margin:0 0 20px;border-bottom:3px solid #e9ecf0;border-top:none}
-.conteneur_barre_outils .non_abo.classer{background:url(/medias/web/img/textes/pas_le_temps_lire.png) no-repeat 16px 40px}
+.conteneur_barre_outils .non_abo.classer{background:url(/medias/web/img/textes/pas_le_temps_lire.png) 16px 40px no-repeat}
 .conteneur_barre_outils p{margin:0}
 .article .fb-like{height:25px;overflow:hidden;opacity:0}
 .bloc_part .saisie{background-color:#f8f9fb;border:1px solid #b9c0c5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:2px 3px}
@@ -1176,7 +1176,7 @@ label i{font-style:normal;display:none}
 .col_droite .bloc_element .ligne_titre{display:block;overflow:hidden;position:relative;border-top:3px solid #16212c;border-bottom:1px solid #eef1f5;border-left:1px solid #eef1f5;background:#e9ecf0}
 .col_droite .bloc_element .titre{float:left;width:238px;padding:8px 16px 6px;border-right:1px solid #fff;background:#fafbfc}
 .col_droite .bloc_element .element:hover .titre{background:#e9ecf0}
-.col_droite .bloc_element .fleche{display:block;float:right;border-left:1px solid #e4e6e9;position:absolute;right:13px;top:33%;background:url(/medias/web/img/sprites/icos_petites.png) no-repeat -1px -108px;width:13px;height:22px}
+.col_droite .bloc_element .fleche{display:block;float:right;border-left:1px solid #e4e6e9;position:absolute;right:13px;top:33%;background:url(/medias/web/img/sprites/icos_petites.png) -1px -108px no-repeat;width:13px;height:22px}
 .col_droite .bloc_element .element:hover .fleche{background-position:-15px -108px}
 .contenu_bloc_droit{padding:7px 16px 10px;overflow:hidden}
 .contenu_bloc_droit .liste_chevron li{padding:8px 0 6px}
@@ -1195,7 +1195,7 @@ label i{font-style:normal;display:none}
 .col_droite .plus_partages .texte{float:left;width:190px;padding:0 10px 0 8px}
 .col_droite .sociaux .pictos{overflow:hidden;margin:10px 15px}
 .col_droite .sociaux .pictos span.text{float:left;width:130px;padding:0 15px 0 0;color:#464f57;line-height:120%}
-.col_droite .recherche_resultat_pres.bloc_base{background:#0b0423 url(/medias/web/img/evenementiel/presidentielle_2012/bg_recherche_elections_col_droite.png) no-repeat center 0;color:#fff}
+.col_droite .recherche_resultat_pres.bloc_base{background:url(/medias/web/img/evenementiel/presidentielle_2012/bg_recherche_elections_col_droite.png) center 0 no-repeat #0b0423;color:#fff}
 .col_droite .boite_recherche{background:0 0;padding:8px 16px 10px}
 .col_droite .recherche_resultat_pres.bloc_base .entete{border-top:0!important;border-bottom:0!important;padding-top:16px}
 .col_droite .recherche_resultat_pres .entete span{display:inline-block;height:30px;background:url(/medias/web/img/textes/elections/bulle_2012_39x27_bg_fonce.png) no-repeat;padding-left:50px}
@@ -1229,17 +1229,17 @@ label i{font-style:normal;display:none}
 .bloc_je .annonce{display:block;padding:8px 9px;background:#2e3942;color:#fff}
 .bloc_je .annonce .intro{display:block;text-transform:uppercase;font-weight:700}
 .bloc_je .previsu .bt_blanc_gris_32{margin:20px 0 0}
-.bloc_je .tt_dossier_meilleur_monde{background:url(/medias/www/img/tit/tt_dossiers_meilleur_monde.png) no-repeat left center;display:block;width:250px;margin:0 9px;font-size:13px;color:#222;text-indent:-9999px}
+.bloc_je .tt_dossier_meilleur_monde{background:url(/medias/www/img/tit/tt_dossiers_meilleur_monde.png) left center no-repeat;display:block;width:250px;margin:0 9px;font-size:13px;color:#222;text-indent:-9999px}
 .bloc_je .centrer{color:#747b83}
 .bloc_couvs{position:relative;margin:10px auto 3px}
 .bloc_couvs a{cursor:pointer;display:block;width:208px;left:35px;height:145px;overflow:hidden;border:1px solid #e7e7e7;box-shadow:0 0 3px #e7e7e7;position:absolute}
 .bloc_couvs.bloc_1_couv{height:145px}
 .bloc_couvs .couv_petite{width:146px;height:74px}
-.bloc_couvs b{top:146px;display:block;width:280px;height:44px;background:url(/medias/www/img/plus_une_lemonde.png) no-repeat left center;position:relative}
+.bloc_couvs b{top:146px;display:block;width:280px;height:44px;background:url(/medias/www/img/plus_une_lemonde.png) left center no-repeat;position:relative}
 .bloc_couvs.bloc_2_couv{width:247px;height:185px}
 .bloc_couvs.bloc_2_couv a{left:0}
 .bloc_couvs.bloc_2_couv .couv_petite{left:auto;top:auto;right:0;bottom:0}
-.bloc_couvs.bloc_2_couv b{right:153px;top:153px;width:15px;height:15px;background:url(/medias/www/img/plus_une_lemonde.png) no-repeat right center;position:absolute}
+.bloc_couvs.bloc_2_couv b{right:153px;top:153px;width:15px;height:15px;background:url(/medias/www/img/plus_une_lemonde.png) right center no-repeat;position:absolute}
 .bloc_couvs.bloc_3_couv{width:280px;height:278px}
 .bloc_couvs.bloc_3_couv .couv_petite{width:125px;height:86px;right:auto;top:auto;left:0;bottom:0}
 .bloc_couvs.bloc_3_couv .couv_petite.petite_1{left:auto;right:0}
@@ -1270,7 +1270,7 @@ label i{font-style:normal;display:none}
 .conteneur_lives .live .bandeau .titre{float:left;padding:0 7px;width:220px;font-family:arial,sans-serif;font-size:13px;font-weight:700}
 .conteneur_lives .lives .chrome .titre{float:left;width:230px;height:25px;overflow:hidden;color:#fff;text-align:left;font-weight:700;font-family:arial,sans-serif;font-size:13px;line-height:25px}
 .conteneur_lives .lives .chrome .titre .tt_live{display:inline-block;width:20px;height:10px;margin:0 5px 0 16px;text-indent:-9999px;background:url(/medias/web/img/sprites/icos_live.png) -162px 0}
-.conteneur_lives .lives .chrome{background:#d50303 url(/medias/web/img/textes/tt_live_bas.png) no-repeat;height:25px;line-height:23px;padding:0 5px 0 40px;display:none;width:283px;cursor:pointer}
+.conteneur_lives .lives .chrome{background:url(/medias/web/img/textes/tt_live_bas.png) no-repeat #d50303;height:25px;line-height:23px;padding:0 5px 0 40px;display:none;width:283px;cursor:pointer}
 .conteneur_lives .lives.grand .chrome{background-color:#000b15}
 .conteneur_lives.popuped .lives .chrome{cursor:default}
 .conteneur_lives .live .bandeau .voir,.conteneur_lives .lives .chrome a{display:inline-block;text-decoration:none;float:right;margin:4px 0 0 5px;height:15px;width:14px}
@@ -1342,7 +1342,7 @@ label i{font-style:normal;display:none}
 #nav .international:hover{background:#0386c3;border-top-color:#026b9C}
 #nav .international:hover a{border-color:#0386c3}
 #nav.international,#nav.international li{border-top:3px solid #0386c3}
-#nav_ariane.international .ariane{background:url(/medias/web/img/sprites/sous_nav.png) no-repeat right 0}
+#nav_ariane.international .ariane{background:url(/medias/web/img/sprites/sous_nav.png) right 0 no-repeat}
 #nav_ariane.international .ariane>a{color:#68b6db}
 .international #ariane_az .obf:hover,.international #ariane_az a:hover,.international .couleur_rubrique,.international .jour_parution,.international .tt_rubrique,.ombrelle.international .tt_rubrique_ombrelle,.ombrelle.international h2 .obf,.ombrelle.international h2 .obf:hover{color:#0386c3}
 .global.politique{border-top:3px solid #1f0d67}
@@ -1352,7 +1352,7 @@ label i{font-style:normal;display:none}
 #nav.accueil .politique{border-top-color:#1f0d67}
 #nav .politique:hover a{border-color:#1f0d67}
 #nav.politique,#nav.politique li{border-top:3px solid #1f0d67}
-#nav_ariane.politique .ariane{background:url(/medias/web/img/sprites/sous_nav.png) no-repeat right -35px}
+#nav_ariane.politique .ariane{background:url(/medias/web/img/sprites/sous_nav.png) right -35px no-repeat}
 #nav_ariane.politique .ariane>a{color:#796ea4}
 .ombrelle.politique .tt_rubrique_ombrelle,.ombrelle.politique h2 .obf,.ombrelle.politique h2 .obf:hover,.politique #ariane_az .obf:hover,.politique #ariane_az a:hover,.politique .couleur_rubrique,.politique .tt_rubrique{color:#1f0d67}
 .global.societe{border-top:3px solid #d50303}
@@ -1361,7 +1361,7 @@ label i{font-style:normal;display:none}
 #nav .societe:hover{background:#d50303;border-top-color:#AA0202}
 #nav .societe:hover a,#nav.accueil .societe{border-color:#d50303}
 #nav.societe,#nav.societe li{border-top:3px solid #d50303}
-#nav_ariane.societe .ariane{background:url(/medias/web/img/sprites/sous_nav.png) no-repeat right -70px}
+#nav_ariane.societe .ariane{background:url(/medias/web/img/sprites/sous_nav.png) right -70px no-repeat}
 #nav_ariane.societe .ariane>a{color:#fe9b9b}
 .ombrelle.societe .tt_rubrique_ombrelle,.ombrelle.societe h2 .obf,.ombrelle.societe h2 .obf:hover,.societe #ariane_az .obf:hover,.societe #ariane_az a:hover,.societe .couleur_rubrique,.societe .jour_parution,.societe .tt_rubrique{color:#d50303}
 .global.economie{border-top:3px solid #fe2f2f}
@@ -1370,7 +1370,7 @@ label i{font-style:normal;display:none}
 #nav .economie:hover{background:#fe2f2f;border-top-color:#CB2626}
 #nav .economie:hover a,#nav.accueil .economie{border-color:#fe2f2f}
 #nav.economie,#nav.economie li{border-top:3px solid #fe2f2f}
-#nav_ariane.economie .ariane{background:url(/medias/web/img/sprites/sous_nav.png) no-repeat right -105px}
+#nav_ariane.economie .ariane{background:url(/medias/web/img/sprites/sous_nav.png) right -105px no-repeat}
 #nav_ariane.economie .ariane>a{color:#ffacac}
 #nav_ariane.economie .ariane .obf:hover,#nav_ariane.economie .ariane a:hover{color:#fff}
 .economie #ariane_az .obf:hover,.economie #ariane_az a:hover,.economie .couleur_rubrique,.economie .jour_parution,.economie .tt_rubrique,.ombrelle.economie .tt_rubrique_ombrelle,.ombrelle.economie h2 .obf,.ombrelle.economie h2 .obf:hover{color:#fe2f2f}
@@ -1381,7 +1381,7 @@ label i{font-style:normal;display:none}
 #nav.culture,#nav.culture li{border-top:3px solid #C20447}
 #nav .culture:hover a{border-color:#f20559}
 #nav.accueil .culture{border-top-color:#f20559}
-#nav_ariane.culture .ariane{background:url(/medias/web/img/sprites/sous_nav.png) no-repeat right -140px}
+#nav_ariane.culture .ariane{background:url(/medias/web/img/sprites/sous_nav.png) right -140px no-repeat}
 #nav_ariane.culture .ariane>a{color:#fa9bbd}
 .culture #ariane_az .obf:hover,.culture #ariane_az a:hover,.culture .couleur_rubrique,.culture .jour_parution,.culture .tt_rubrique,.ombrelle.culture .tt_rubrique_ombrelle,.ombrelle.culture h2 .obf,.ombrelle.culture h2 .obf:hover{color:#f20559}
 .global.debats{border-top:3px solid #2e3942}
@@ -1390,7 +1390,7 @@ label i{font-style:normal;display:none}
 #nav .debats:hover{background:#2e3942;border-top-color:#16212C}
 #nav,#nav li{border-top:3px solid #2e3942}
 #nav li:hover a{border-color:#2e3942}
-#nav_ariane .ariane{background:url(/medias/web/img/sprites/sous_nav.png) no-repeat right -175px}
+#nav_ariane .ariane{background:url(/medias/web/img/sprites/sous_nav.png) right -175px no-repeat}
 #ariane_az .obf:hover,#ariane_az a:hover,.couleur_rubrique,.jour_parution,.ombrelle .tt_rubrique_ombrelle,.ombrelle h2 .obf,.ombrelle h2 .obf:hover,.tt_rubrique{color:#2e3942}
 .global.education{border-top:3px solid #ff6e17}
 .global.education .entete_deroule{color:#ff6e17}
@@ -1398,7 +1398,7 @@ label i{font-style:normal;display:none}
 #nav .education:hover{background:#ff6e17;border-top-color:#16212C}
 #nav.education,#nav.education li{border-top:3px solid #ff6e17}
 #nav .education:hover a,#nav.accueil .education{border-color:#ff6e17}
-#nav_ariane.education .ariane{background:url(/medias/web/img/sprites/sous_nav.png) no-repeat right -490px}
+#nav_ariane.education .ariane{background:url(/medias/web/img/sprites/sous_nav.png) right -490px no-repeat}
 #nav_ariane.education .ariane>a{color:#f79b6e}
 .education #ariane_az .obf:hover,.education #ariane_az a:hover,.education .couleur_rubrique,.education .jour_parution,.education .tt_rubrique,.ombrelle.education .tt_rubrique_ombrelle,.ombrelle.education h2 .obf,.ombrelle.education h2 .obf:hover{color:#ff6e17}
 .education .col_droite .bloc_base .entete.theme{background:#ff6e17;color:#fff;border-top:none}
@@ -1410,7 +1410,7 @@ label i{font-style:normal;display:none}
 #nav .planete:hover{background:#30932e;border-top-color:#16212C}
 #nav.planete,#nav.planete li{border-top:3px solid #30932e}
 #nav .planete:hover a,#nav.accueil .planete{border-color:#30932e}
-#nav_ariane.planete .ariane{background:url(/medias/web/img/sprites/sous_nav.png) no-repeat right -420px}
+#nav_ariane.planete .ariane{background:url(/medias/web/img/sprites/sous_nav.png) right -420px no-repeat}
 #nav_ariane.planete .ariane>a{color:#a3c383}
 .ombrelle.planete .tt_rubrique_ombrelle,.ombrelle.planete h2 .obf,.ombrelle.planete h2 .obf:hover,.planete #ariane_az .obf:hover,.planete #ariane_az a:hover,.planete .couleur_rubrique,.planete .jour_parution,.planete .tt_rubrique{color:#30932e}
 .global.sante{border-top:3px solid #189494}
@@ -1419,7 +1419,7 @@ label i{font-style:normal;display:none}
 #nav .sante:hover{background:#189494;border-top-color:#16212C}
 #nav.sante,#nav.sante li{border-top:3px solid #189494}
 #nav .sante:hover a,#nav.accueil .sante{border-color:#189494}
-#nav_ariane.sante .ariane{background:url(/medias/web/img/sprites/sous_nav.png) no-repeat right -455px}
+#nav_ariane.sante .ariane{background:url(/medias/web/img/sprites/sous_nav.png) right -455px no-repeat}
 #nav_ariane.sante .ariane>a{color:#83bbc3}
 .ombrelle.sante .tt_rubrique_ombrelle,.ombrelle.sante h2 .obf,.ombrelle.sante h2 .obf:hover,.sante #ariane_az .obf:hover,.sante #ariane_az a:hover,.sante .couleur_rubrique,.sante .jour_parution,.sante .tt_rubrique{color:#189494}
 .global.sport{border-top:3px solid #6faa12}
@@ -1429,7 +1429,7 @@ label i{font-style:normal;display:none}
 #nav .sport:hover{background:#6faa12;border-top-color:#59880E}
 #nav .sport:hover a{border-color:#6faa12}
 #nav.sport,#nav.sport li,body.sport nav#nav,body.sport nav#nav li{border-top:3px solid #6faa12}
-#nav_ariane.sport .ariane{background:url(/medias/web/img/sprites/sous_nav.png) no-repeat right -210px}
+#nav_ariane.sport .ariane{background:url(/medias/web/img/sprites/sous_nav.png) right -210px no-repeat}
 #nav_ariane.sport .ariane>a{color:#b1e264}
 .ombrelle.sport .tt_rubrique_ombrelle,.ombrelle.sport h2 .obf,.ombrelle.sport h2 .obf:hover,.sport #ariane_az .obf:hover,.sport #ariane_az a:hover,.sport .couleur_rubrique,.sport .jour_parution,.sport .tt_rubrique{color:#6faa12}
 .global.sciences{border-top:3px solid #0cb4ae}
@@ -1439,7 +1439,7 @@ label i{font-style:normal;display:none}
 #nav .sciences:hover{background:#0cb4ae;border-top-color:#0A908B}
 #nav .sciences:hover a{border-color:#0cb4ae}
 #nav.sciences,#nav.sciences li{border-top:3px solid #0cb4ae}
-#nav_ariane.sciences .ariane{background:url(/medias/web/img/sprites/sous_nav.png) no-repeat right -245px}
+#nav_ariane.sciences .ariane{background:url(/medias/web/img/sprites/sous_nav.png) right -245px no-repeat}
 #nav_ariane.sciences .ariane>a{color:#9ee1df}
 .ombrelle.sciences .tt_rubrique_ombrelle,.ombrelle.sciences h2 .obf,.ombrelle.sciences h2 .obf:hover,.sciences #ariane_az .obf:hover,.sciences #ariane_az a:hover,.sciences .jour_parution,.sciences .tt_rubrique,.sicences .couleur_rubrique{color:#0cb4ae}
 .global.techno{border-top:3px solid #006169}
@@ -1449,7 +1449,7 @@ label i{font-style:normal;display:none}
 #nav .techno:hover{background:#006169;border-top-color:#004E54}
 #nav .techno:hover a{border-color:#006169}
 #nav.techno,#nav.techno li{border-top:3px solid #006169}
-#nav_ariane.techno .ariane{background:url(/medias/web/img/sprites/sous_nav.png) no-repeat right -280px}
+#nav_ariane.techno .ariane{background:url(/medias/web/img/sprites/sous_nav.png) right -280px no-repeat}
 #nav_ariane.techno .ariane>a{color:#89c1c6}
 .ombrelle.techno .tt_rubrique_ombrelle,.ombrelle.techno h2 .obf,.ombrelle.techno h2 .obf:hover,.techno #ariane_az .obf:hover,.techno #ariane_az a:hover,.techno .couleur_rubrique,.techno .jour_parution,.techno .tt_rubrique{color:#006169}
 .global.style{border-top:3px solid #020818}
@@ -1459,7 +1459,7 @@ label i{font-style:normal;display:none}
 #nav .style:hover{background:#020818;border-top-color:#050F31}
 #nav .style:hover a{border-color:#020818}
 #nav.style,#nav.style li{border-top:3px solid #020818}
-#nav_ariane.style .ariane{background:url(/medias/web/img/sprites/sous_nav.png) no-repeat right -315px}
+#nav_ariane.style .ariane{background:url(/medias/web/img/sprites/sous_nav.png) right -315px no-repeat}
 #nav_ariane.style .ariane>a{color:#6a718b}
 .ombrelle.style .tt_rubrique_ombrelle,.ombrelle.style h2 .obf,.ombrelle.style h2 .obf:hover,.style .couleur_rubrique,.style .jour_parution,.style .tt_rubrique{color:#020818}
 .style #ariane_az .obf:hover,.style #ariane_az a:hover{color:#3a4971}
@@ -1470,7 +1470,7 @@ label i{font-style:normal;display:none}
 #nav .vous:hover{background:#820250;border-top-color:#680240}
 #nav .vous:hover a{border-color:#820250}
 #nav.vous,#nav.vous li{border-top:3px solid #820250}
-#nav_ariane.vous .ariane{background:url(/medias/web/img/sprites/sous_nav.png) no-repeat right -350px}
+#nav_ariane.vous .ariane{background:url(/medias/web/img/sprites/sous_nav.png) right -350px no-repeat}
 #nav_ariane.vous .ariane>a{color:#fa9bbd}
 .ombrelle.vous .tt_rubrique_ombrelle,.ombrelle.vous h2 .obf,.ombrelle.vous h2 .obf:hover,.vous #ariane_az .obf:hover,.vous #ariane_az a:hover,.vous .couleur_rubrique,.vous .jour_parution,.vous .tt_rubrique{color:#820250}
 .bg_abo{background:#ffd500}
@@ -1482,7 +1482,7 @@ label i{font-style:normal;display:none}
 #nav .abonnes:hover a{border-color:#ffd500}
 #nav.abonnes,#nav.abonnes li{border-top:3px solid #ffd500}
 #nav .abonnes{float:none;overflow:hidden}
-#nav_ariane.abonnes .ariane{background:url(/medias/web/img/sprites/sous_nav.png) no-repeat right -525px}
+#nav_ariane.abonnes .ariane{background:url(/medias/web/img/sprites/sous_nav.png) right -525px no-repeat}
 #nav_ariane.abonnes .ariane>a{color:#ca0}
 .ombrelle.vous .tt_rubrique_ombrelle,.ombrelle.vous h2 .obf,.ombrelle.vous h2 .obf:hover,.vous #ariane_az .obf:hover,.vous #ariane_az a:hover,.vous .jour_parution,.vous .tt_rubrique{color:#820250}
 .abonnes #ariane_az .obf:hover,.abonnes #ariane_az a:hover,.abonnes .couleur_rubrique,.abonnes .jour_parution,.abonnes .tt_rubrique,.ombrelle.abonnes .tt_rubrique_ombrelle,.ombrelle.abonnes h2 .obf,.ombrelle.abonnes h2 .obf:hover{color:#ffd500}
@@ -1493,14 +1493,14 @@ label i{font-style:normal;display:none}
 .titre_bulle_2012{color:#d50303}
 .bulle_2012_39x27{display:inline-block;width:39px;height:27px;background:url(/medias/web/img/textes/elections/bulle_2012_39x27.png)}
 .bulle_2012_73x51{display:inline-block;width:73px;height:51px;margin-left:4px;text-indent:-9999px;vertical-align:bottom;background:url(/medias/web/img/textes/elections/bulle_2012_73x51.png)}
-.deroule_fleuve .logo_annee_france{height:76px;padding:10px 0 0 115px;background:url(/medias/web/img/habillage/logo_annee_france.png) no-repeat left top}
-.deroule_fleuve .carte_annee_france{padding-right:204px;height:226px;margin-bottom:15px;background:url(/medias/web/img/habillage/carte_annee_france.jpg) no-repeat right top}
+.deroule_fleuve .logo_annee_france{height:76px;padding:10px 0 0 115px;background:url(/medias/web/img/habillage/logo_annee_france.png) left top no-repeat}
+.deroule_fleuve .carte_annee_france{padding-right:204px;height:226px;margin-bottom:15px;background:url(/medias/web/img/habillage/carte_annee_france.jpg) right top no-repeat}
 .deroule_fleuve .carte_annee_france a{display:block;font-size:11px;font-weight:700;line-height:.96rem;margin-bottom:1.7rem;margin-left:4px}
 .col_droite .alerte_election{display:block;width:312px;height:48px;background:url(/medias/web/img/textes/elections/tetiere-bloc-formulaire-alerte.png);text-indent:-9999px}
 .col_droite .erreur{display:block;width:292px}
 #alerte_election_coldroite .conteneur_autocompletion,.col_droite .inscription_alerte_election .saisie{width:272px}
 #alerte_election_coldroite .contenu_bloc_droit{overflow:visible}
-.boite_recherche{background:#f8f9fb url(/medias/web/img/evenementiel/presidentielle_2012/bg_recherche_elections.png) no-repeat center 0;overflow:visible;padding:16px 16px 10px;color:#fff}
+.boite_recherche{background:url(/medias/web/img/evenementiel/presidentielle_2012/bg_recherche_elections.png) center 0 no-repeat #f8f9fb;overflow:visible;padding:16px 16px 10px;color:#fff}
 .boite_recherche .bord_double_gris_blanc{margin:0 4px;display:inline-block;line-height:20px;font-weight:700}
 .bord_top3_politique .boite_recherche input:first-child{width:265px}
 .boite_recherche .bord_double_gris_blanc span{padding:0 3px}
@@ -1598,7 +1598,7 @@ img.spacer{width:1px;height:1px}
 #header-liberation .header-base .sites-info-search .info span{display:block;color:gray;font-size:11.2px;font-family:Arial,Verdana,sans-serif;padding-top:9px}
 #header-liberation .header-base .sites-info-search .search{display:block;width:278px;height:22px;border:1px solid gray}
 #header-liberation .header-base .sites-info-search .search input[type=text]{border:0;color:gray;height:22px;width:220px;padding:0 5px}
-#header-liberation .header-base .sites-info-search .search input[type=submit]{background:url(http://s0.libe.com/libe/img/common/_sprites_header/header.png?df8de01457fa) no-repeat 0 -32px;display:block;float:right;width:29px;height:22px;border:0}
+#header-liberation .header-base .sites-info-search .search input[type=submit]{background:url(http://s0.libe.com/libe/img/common/_sprites_header/header.png?df8de01457fa) 0 -32px no-repeat;display:block;float:right;width:29px;height:22px;border:0}
 #header-liberation .header-base .links h2{font-weight:400;text-transform:uppercase;font-size:11px;height:16px}
 #header-liberation .header-base .links ul li{font-family:Arial,Verdana,sans-serif;font-size:11.5px}
 #header-liberation .header-base .links ul li a{color:gray}
@@ -1717,7 +1717,7 @@ body.iframe{padding-top:0}
 .site-liberation #header-liberation h1,.site-liberation #header-liberation h2{font-family:Verdana,Arial,Helvetica,sans-serif}
 .site-liberation .hot-topics{display:block;clear:both;margin:14px 10px 0;padding:14px 0;font-size:11px}
 .site-liberation .hot-topics h1{border-right:1px dotted;float:left;margin:0 0 0 21px;padding:0 21px 0 0;text-transform:uppercase;font-size:20px}
-.site-liberation .hot-topics h5{float:left;margin:0 0 0 21px;padding:5px 21px 5px 0;background:url(http://s0.libe.com/libe/img/common/bg-puce-losange.png?099dfb8021ab) no-repeat center right;text-transform:uppercase;font-size:12px}
+.site-liberation .hot-topics h5{float:left;margin:0 0 0 21px;padding:5px 21px 5px 0;background:url(http://s0.libe.com/libe/img/common/bg-puce-losange.png?099dfb8021ab) center right no-repeat;text-transform:uppercase;font-size:12px}
 .site-liberation .hot-topics ul{float:left;margin:-1px 0 0 7px}
 .site-liberation .hot-topics li{display:block;float:left;padding:3px 7px 5px;margin:3px 10px 3px 0}
 #header-liberation .header-base{border-top:1px solid #e0e0e0}
@@ -1919,8 +1919,8 @@ body.auth-unlogged #core-liberation .form-monlibe-unlogged form{opacity:.3;-ms-f
 .col-part .block .follow-libe .fb p,.col-part .block .follow-libe .nv-rss p,.col-part .block .follow-libe .twitter p{font-size:10px}
 .col-part .block .follow-libe .twitter p{padding:0 5px 0 10px}
 .col-part .block .follow-libe .nv-rss a.nv,.col-part .block .follow-libe .nv-rss a.rss{display:inline-block;height:18px;padding:2px 0 0 23px}
-.col-part .block .follow-libe .nv-rss a.rss{background:url(http://s0.libe.com/libe/img/common/ico-rss.jpg?e5d7b4c9c034) no-repeat 0 1px}
-.col-part .block .follow-libe .nv-rss a.nv{background:url(http://s0.libe.com/libe/img/common/ico-netvibes.jpg?f74e57884286) no-repeat 0 1px;padding-right:3px}
+.col-part .block .follow-libe .nv-rss a.rss{background:url(http://s0.libe.com/libe/img/common/ico-rss.jpg?e5d7b4c9c034) 0 1px no-repeat}
+.col-part .block .follow-libe .nv-rss a.nv{background:url(http://s0.libe.com/libe/img/common/ico-netvibes.jpg?f74e57884286) 0 1px no-repeat;padding-right:3px}
 .col-part .block .follow-libe img.clear{display:block;margin-top:5px}
 .col-part .block .follow-libe img.visual{margin-top:7px}
 .block-basic-rounded{margin-bottom:20px}
@@ -1980,7 +1980,7 @@ body.auth-unlogged #core-liberation .form-monlibe-unlogged form{opacity:.3;-ms-f
 #core-liberation .block-comments .comment_level_0>.comment_outer,#core-liberation .flat-comments .comment>.comment_outer{margin-left:-1px;border:1px solid;border-top:none}
 #core-liberation .block-comments .block-content .detail_comment{border-top:1px solid;margin-top:-1px}
 #core-liberation .block-comments .block-content .detail_comment>.comment_outer{margin-left:-1px;border:1px solid;border-top:none}
-#core-liberation .block-comments .block-content .comment_selected>.comment_outer .icon{position:absolute;right:0;top:0;display:block;width:28px;height:25px;background:url(http://s0.libe.com/libe/img/common/_sprites_icons/icons.png?9914d0d70a49) no-repeat -59px -36px}
+#core-liberation .block-comments .block-content .comment_selected>.comment_outer .icon{position:absolute;right:0;top:0;display:block;width:28px;height:25px;background:url(http://s0.libe.com/libe/img/common/_sprites_icons/icons.png?9914d0d70a49) -59px -36px no-repeat}
 #core-liberation .block-comments .block-content .comment_selected>.comment_outer .meta .details,#core-liberation .block-comments .block-content .comment_selected>.comment_outer .meta .note,#core-liberation .block-comments .block-content .comment_selected>.comment_outer .meta .who{padding-right:35px}
 #core-liberation .block-comments .block-content .comment_draft>.comment_outer{background-image:url(http://s0.libe.com/libe/img/common/bg-comment-draft.png?4158f727c626)}
 #core-liberation .block-comments .block-content .comment_collapsed>.comment_content>*,#core-liberation .block-comments .block-content .comment_collapsed>.visual{display:none}
@@ -2000,7 +2000,7 @@ body.auth-unlogged #core-liberation .form-monlibe-unlogged form{opacity:.3;-ms-f
 #core-liberation .block-comments .block-content .comment_reply_links .comment_flag:hover{text-decoration:none}
 #core-liberation .block-comments .block-content .comment_reply_links .comment_reply{display:none;float:right;padding:5px 10px 7px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
 #core-liberation .block-comments .block-content .comment_reply_links .comment_reply:hover{text-decoration:none}
-#core-liberation .block-comments .block-content .comment_libe>.comment_outer .meta .icon{position:absolute;right:0;top:0;display:block;width:36px;height:13px;background:url(http://s0.libe.com/libe/img/common/_sprites_icons/icons.png?9914d0d70a49) no-repeat 0 -84px}
+#core-liberation .block-comments .block-content .comment_libe>.comment_outer .meta .icon{position:absolute;right:0;top:0;display:block;width:36px;height:13px;background:url(http://s0.libe.com/libe/img/common/_sprites_icons/icons.png?9914d0d70a49) 0 -84px no-repeat}
 #core-liberation .block-comments .block-content .comment_libe>.comment_outer .meta .details,#core-liberation .block-comments .block-content .comment_libe>.comment_outer .meta .note,#core-liberation .block-comments .block-content .comment_libe>.comment_outer .meta .who{padding-right:41px}
 #core-liberation .block-comments .block-content .is_removed>.comment_outer{padding:3px 8px 5px}
 #core-liberation .block-comments .block-content .is_removed>.comment_outer .icon{float:left;display:block;width:12px;height:11px;margin:3px 8px 0 0;background:url(http://s0.libe.com/libe/img/common/_sprites_icons/icons.png?9914d0d70a49) no-repeat}
@@ -2026,17 +2026,17 @@ a.god:hover{background:#3c3c3c;color:#fff;text-decoration:none}
 #bar-liberation .other .god a{padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
 #bar-liberation .other .god a:hover{background-color:#ff0;color:#000}
 #bar-liberation .god .godenabled a{background:#3c3c3c;color:#fff}
-#bar-liberation .god a.godenter{background:#fff url(http://s0.libe.com/libe/img/common/icon_godenter.png?9ffa63824b5c) no-repeat center center}
-#bar-liberation .god a.godquit{background:#000 url(http://s0.libe.com/libe/img/common/icon_godquit.png?a59104f30cfb) no-repeat center center}
-#bar-liberation .god a.godquit:hover{background:#ff0 url(http://s0.libe.com/libe/img/common/icon_godenter.png?9ffa63824b5c) no-repeat center center}
-#bar-liberation .god a.jumptoadmin{background:#fff url(http://s0.libe.com/back/img/icon_home.png?c1de55b52ccc) no-repeat center center}
-#bar-liberation .god a.jumptoedit{background:#fff url(http://s0.libe.com/back/img/icon_changelink.png?4a31d309d5db) no-repeat center center}
+#bar-liberation .god a.godenter{background:url(http://s0.libe.com/libe/img/common/icon_godenter.png?9ffa63824b5c) center center no-repeat #fff}
+#bar-liberation .god a.godquit{background:url(http://s0.libe.com/libe/img/common/icon_godquit.png?a59104f30cfb) center center no-repeat #000}
+#bar-liberation .god a.godquit:hover{background:url(http://s0.libe.com/libe/img/common/icon_godenter.png?9ffa63824b5c) center center no-repeat #ff0}
+#bar-liberation .god a.jumptoadmin{background:url(http://s0.libe.com/back/img/icon_home.png?c1de55b52ccc) center center no-repeat #fff}
+#bar-liberation .god a.jumptoedit{background:url(http://s0.libe.com/back/img/icon_changelink.png?4a31d309d5db) center center no-repeat #fff}
 #mainContent .god{font-size:10px;padding:6px;border-radius:2px;-moz-border-radius:4px;-webkit-border-radius:4px}
 #core-liberation .block-partnership .block-content img.visual{display:block;float:left;width:140px;margin-top:4px;margin-bottom:10px}
 #core-liberation .block-partnership .block-content h4{font-family:Verdana,sans-serif;font-size:12px;font-weight:700;margin:0 0 11px 150px}
 #core-liberation .block-partnership .block-content p{margin:0 0 10px 154px}
 #core-liberation .block-partnership .block-content ul{clear:both;margin:10px 0 0}
-#core-liberation .block-partnership .block-content a.arrow,#core-liberation .block-partnership .block-content ul li a{background:url(http://s0.libe.com/libe/img/common/ico-lnk-arrow-red.gif?feba6ff926a7) no-repeat 0 4px;padding-left:15px}
+#core-liberation .block-partnership .block-content a.arrow,#core-liberation .block-partnership .block-content ul li a{background:url(http://s0.libe.com/libe/img/common/ico-lnk-arrow-red.gif?feba6ff926a7) 0 4px no-repeat;padding-left:15px}
 #core-liberation .block-pager-labo{padding:14px}
 #core-liberation .block-pager-labo .block-content,#core-liberation .block-pager-labo .block-top{margin-bottom:14px}
 #core-liberation .block-pager-labo .list li{margin-bottom:0}
@@ -2051,7 +2051,7 @@ a.god:hover{background:#3c3c3c;color:#fff;text-decoration:none}
 #core-liberation .w29unit .block-pager-labo .list img.visual{width:252px;height:142px}
 #core-liberation .col .block-pager-labo .list li.new-line,#core-liberation .col .block-pager-labo .list li:first-child{margin-left:0}
 #core-liberation .block-podcast .block-content p.note{font-size:10px}
-#core-liberation .block-podcast .block-content p.logo-pc{background:url(http://s0.libe.com/libe/img/common/bg-podcast.png?bc9501afa40e) no-repeat left center;padding:0 0 0 85px}
+#core-liberation .block-podcast .block-content p.logo-pc{background:url(http://s0.libe.com/libe/img/common/bg-podcast.png?bc9501afa40e) left center no-repeat;padding:0 0 0 85px}
 #core-liberation .block-podcast .block-content p{margin-bottom:10px}
 #core-liberation .block-podcast .block-content .lnk-podcast p{font-size:12px;margin-bottom:5px;text-align:right;text-decoration:underline;font-weight:700}
 #core-liberation .block-podcast .block-content .lnk-podcast ul{display:block;height:20px}
@@ -2095,7 +2095,7 @@ a.god:hover{background:#3c3c3c;color:#fff;text-decoration:none}
 #core-liberation .block-np .from ul li.r{width:133px;float:right;text-align:left}
 #core-liberation .block-np .from ul li img.visual{display:block;height:148px;border:1px solid}
 .w11unit .block-np .from .btn-read-digitalpaper a,.w11unit .block-np .from .btn-read-digitalpaper span{display:table-cell;vertical-align:middle;width:214px;height:32px}
-.col-contextual .block-subscribe-newsletter .visual{display:block;float:left;margin:3px 14px 14px 0;background:url(http://s0.libe.com/libe/img/common/_sprites_icons/icons.png?9914d0d70a49) no-repeat -144px -36px;width:56px;height:37px}
+.col-contextual .block-subscribe-newsletter .visual{display:block;float:left;margin:3px 14px 14px 0;background:url(http://s0.libe.com/libe/img/common/_sprites_icons/icons.png?9914d0d70a49) -144px -36px no-repeat;width:56px;height:37px}
 .col-contextual .block-subscribe-newsletter p{margin:0 0 14px 74px}
 .col-contextual .block-subscribe-newsletter p strong{display:inline-block;margin-bottom:7px}
 .col-contextual .block-subscribe-newsletter input[type=submit]{float:right}
@@ -2104,7 +2104,7 @@ a.god:hover{background:#3c3c3c;color:#fff;text-decoration:none}
 #core-liberation .col-contextual .block-promo .block-content h4{font-family:Verdana,sans-serif;font-size:12px;font-weight:700;margin:0 0 11px 154px}
 #core-liberation .col-contextual .block-promo .block-content p{margin:0 0 10px 154px}
 #core-liberation .col-contextual .block-promo .block-content ul{clear:both;margin:10px 0 0}
-#core-liberation .col-contextual .block-promo .block-content a.arrow,#core-liberation .col-contextual .block-promo .block-content ul li a{background:url(http://s0.libe.com/libe/img/common/ico-lnk-arrow-red.gif?feba6ff926a7) no-repeat 0 4px;padding-left:15px}
+#core-liberation .col-contextual .block-promo .block-content a.arrow,#core-liberation .col-contextual .block-promo .block-content ul li a{background:url(http://s0.libe.com/libe/img/common/ico-lnk-arrow-red.gif?feba6ff926a7) 0 4px no-repeat;padding-left:15px}
 #core-liberation .block-all-forums .headrest{margin:0 0 7px;border-bottom:1px solid}
 #core-liberation .block-all-forums .headrest h5{border-bottom:0;text-transform:none;padding:0 0 7px}
 #core-liberation .block-all-forums .headrest .community-bubble{float:left;margin:4px 10px 0 0}
@@ -2136,7 +2136,7 @@ a.god:hover{background:#3c3c3c;color:#fff;text-decoration:none}
 #core-liberation .block-all-blogs .block-content .list li{clear:none}
 #core-liberation .block-all-blogs .block-content .list li.new-line{clear:both}
 #core-liberation .block-all-blogs .block-content .list .blog h5 .icon{display:none}
-#core-liberation .block-all-blogs .block-content .list .blog-libe h5 .icon{display:block;position:absolute;background:url(http://s0.libe.com/libe/img/common/_sprites_icons/icons.png?9914d0d70a49) no-repeat -38px -84px;width:20px;height:7px;margin-top:4px;top:7px;right:7px}
+#core-liberation .block-all-blogs .block-content .list .blog-libe h5 .icon{display:block;position:absolute;background:url(http://s0.libe.com/libe/img/common/_sprites_icons/icons.png?9914d0d70a49) -38px -84px no-repeat;width:20px;height:7px;margin-top:4px;top:7px;right:7px}
 #core-liberation .block-all-blogs .block-content .list .blog-libe{padding-top:3px}
 #core-liberation .block-all-blogs .block-content .list .blog-libe h5{position:relative;display:block;padding:7px 40px 7px 7px}
 #core-liberation .block-all-blogs .block-content .list .blog-libe img.visual{margin-top:0}
@@ -2207,7 +2207,7 @@ a.god:hover{background:#3c3c3c;color:#fff;text-decoration:none}
 #core-liberation .headrest h5{border-bottom:1px solid;text-transform:uppercase;padding:7px 0}
 #core-liberation .headrest h4{margin-bottom:7px;font-weight:700}
 #core-liberation .headrest .links-inline{padding-left:30px;font-size:10px;font-weight:400;text-transform:none}
-#core-liberation .headrest .folder{background:url(http://s0.libe.com/libe/img/common/bg-headrest-triangle.png?589ad9ce9011) no-repeat right center}
+#core-liberation .headrest .folder{background:url(http://s0.libe.com/libe/img/common/bg-headrest-triangle.png?589ad9ce9011) right center no-repeat}
 #core-liberation .headrest .folder img.visual{display:block;float:left;margin-right:14px}
 #core-liberation .headrest .folder h5{border-bottom:none;padding:5px 5px 7px}
 #core-liberation .headrest .folder h2{margin-left:14px;padding-top:3px;font-weight:400}
@@ -2266,7 +2266,7 @@ form .btn-monlibe input[type=reset]{opacity:.9}
 form .btn-rounded-degraded input[type=button],form .btn-rounded-degraded input[type=submit]{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:0;padding:0 10px 6px;height:35px;cursor:pointer;cursor:hand;font-size:13px;font-family:Verdana,sans-serif;font-weight:700}
 form .btn-rounded-degraded input[type=button]:focus,form .btn-rounded-degraded input[type=button]:hover,form .btn-rounded-degraded input[type=submit]:focus,form .btn-rounded-degraded input[type=submit]:hover{text-decoration:none}
 .btn-read-digitalpaper{display:block;border:1px solid;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:5px 7px 7px}
-.btn-read-digitalpaper a,.btn-read-digitalpaper span{display:block;min-height:32px;background:url(http://s0.libe.com/libe/img/common/reader_picto.png?8fdcc4850538) no-repeat right top;padding-right:50px;font-size:12px}
+.btn-read-digitalpaper a,.btn-read-digitalpaper span{display:block;min-height:32px;background:url(http://s0.libe.com/libe/img/common/reader_picto.png?8fdcc4850538) right top no-repeat;padding-right:50px;font-size:12px}
 #core-liberation .pagination{float:none;margin-bottom:14px;margin-top:21px;border-top:1px dotted;border-bottom:1px dotted;padding-top:3px;text-align:center}
 #core-liberation .pagination .first{float:left;background-image:url(http://s0.libe.com/libe/img/common/bg-search-pagination-first.png?71b3279ad5d6);background-repeat:no-repeat;background-position:0 5px;margin-left:10px;padding-left:20px}
 #core-liberation .pagination .prev{float:left;background-image:url(http://s0.libe.com/libe/img/common/bg-search-pagination-prev.png?0ae4b5772718);background-repeat:no-repeat;background-position:0 6px;margin-left:10px;padding-left:15px}
@@ -2334,7 +2334,7 @@ body.init-bar-is-closed #bar-liberation{height:15px}
 #bar-liberation .content .activities-stream .list .text,#bar-liberation .content .activities-stream .list p{display:inline}
 #bar-liberation .content a.displayer .arrow{background:url(http://s0.libe.com/libe/img/common/_sprites_header/triangle_ferme.png?1ecaa0c231c9) no-repeat;display:block;position:absolute;right:10px;top:16px;width:10px;height:10px}
 #bar-liberation .content a.displayer:hover .arrow{background:url(http://s0.libe.com/libe/img/common/_sprites_header/triangle_ferme_grey.png?a9a52344ba82) no-repeat}
-#bar-liberation .content a.displayer .arrow-displayed,#bar-liberation .content a.displayer:hover .arrow-displayed{background:url(http://s0.libe.com/libe/img/common/_sprites_header/triangle_ouvert.png?c782eb482038) no-repeat 1px 1px}
+#bar-liberation .content a.displayer .arrow-displayed,#bar-liberation .content a.displayer:hover .arrow-displayed{background:url(http://s0.libe.com/libe/img/common/_sprites_header/triangle_ouvert.png?c782eb482038) 1px 1px no-repeat}
 #bar-liberation .content ul.list li{margin:0 10px;min-height:32px;padding:6px 0 2px;border-bottom:1px solid;line-height:16px}
 #bar-liberation .content ul.list li a,#bar-liberation .content ul.list li a:hover,#core-liberation .block-activities .block-content ul li a,#core-liberation .block-activities .block-content ul li a:hover{text-decoration:underline}
 #bar-liberation .content ul.list li:last-of-type{border-bottom:none}
@@ -2343,7 +2343,7 @@ body.init-bar-is-closed #bar-liberation{height:15px}
 #bar-liberation .content .close a{display:block;text-align:center;padding-top:12px;height:28px}
 #bar-liberation .content .open{display:none;height:15px;left:0;z-index:10010;border:none}
 #bar-liberation .content .open a{display:block;height:100%;padding-left:40px;font-size:10px}
-#bar-liberation .content .open a .arrow{position:absolute;display:block;width:28px;height:100%;left:0;top:0;border-left:1px solid;border-right:1px solid;background:url(http://s0.libe.com/libe/img/common/_sprites_header/triangle_ouvert.png?c782eb482038) no-repeat center center}
+#bar-liberation .content .open a .arrow{position:absolute;display:block;width:28px;height:100%;left:0;top:0;border-left:1px solid;border-right:1px solid;background:url(http://s0.libe.com/libe/img/common/_sprites_header/triangle_ouvert.png?c782eb482038) center center no-repeat}
 #bar-liberation .content .login{left:29px;width:1037px;z-index:10020}
 #bar-liberation .content .login h3{font-family:Verdana,sans-serif;font-weight:400;font-size:12px;padding:12px 10px 0}
 #bar-liberation .content .login a.subscribe{position:absolute;display:block;top:10px;right:230px;padding:3px 10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
@@ -2389,7 +2389,7 @@ body.init-bar-is-closed #bar-liberation{height:15px}
 #page-404 .text{padding-top:5px}
 #page-404 form{display:block;margin:21px 0 0 140px;width:298px;height:22px;border:1px solid}
 #page-404 form input[type=text]{border:0;height:22px;width:250px;padding:0 5px}
-#page-404 form input[type=submit]{background:url(http://s0.libe.com/libe/img/common/_sprites_header/header.png?df8de01457fa) no-repeat 0 -32px;display:block;float:right;width:29px;height:22px;border:0}
+#page-404 form input[type=submit]{background:url(http://s0.libe.com/libe/img/common/_sprites_header/header.png?df8de01457fa) 0 -32px no-repeat;display:block;float:right;width:29px;height:22px;border:0}
 #page-mailfriend{font-family:Verdana,sans-serif;font-size:11px}
 #page-mailfriend .content{width:280px;padding:10px;margin:auto}
 #page-mailfriend .content h2{margin-bottom:10px}
@@ -2402,7 +2402,7 @@ body.init-bar-is-closed #bar-liberation{height:15px}
 #page-paywall .content{position:relative;padding:20px 0}
 #page-paywall .content a{text-decoration:none}
 #page-paywall .content a.close{display:block;float:right}
-#page-paywall .content a.close span{background:url(http://s0.libe.com/libe/img/common/_sprites_icons/icons.png?9914d0d70a49) no-repeat -20px -98px;display:block;margin:auto;width:15px;height:15px}
+#page-paywall .content a.close span{background:url(http://s0.libe.com/libe/img/common/_sprites_icons/icons.png?9914d0d70a49) -20px -98px no-repeat;display:block;margin:auto;width:15px;height:15px}
 #page-paywall .content a.close strong{text-transform:uppercase;font-size:8px}
 #page-paywall .content .video{margin-bottom:20px;width:437px}
 #page-paywall .content .video h5{margin-bottom:15px;padding:3px 0 5px;border-top:1px dotted;border-bottom:1px dotted;float:right;font-family:Georgia,"Times New Roman",Times,serif;font-size:16px;font-style:italic;font-weight:400}
@@ -2462,12 +2462,12 @@ body.access-ess #page-paywall .content .arguments .arg{float:none;margin:auto}
 .site-liberation .text-item p.essential a:hover{color:#E20000}
 .site-liberation .text-item p.others{margin:21px 0;border:1px dotted #b3b3b3;border-left:0;border-right:0;padding:7px 0 9px}
 .site-liberation .text-item p.others span{text-transform:uppercase;padding-right:7px}
-.site-liberation .slug{background:url(http://s0.libe.com/libe/img/common/bg-puce-losange.png?099dfb8021ab) no-repeat right center;padding-right:18px;margin-right:3px;text-transform:uppercase;font-size:10px}
+.site-liberation .slug{background:url(http://s0.libe.com/libe/img/common/bg-puce-losange.png?099dfb8021ab) right center no-repeat;padding-right:18px;margin-right:3px;text-transform:uppercase;font-size:10px}
 .site-liberation .author{font-size:10px}
 .site-liberation .author strong{text-transform:uppercase}
 .site-liberation a,.site-liberation a p{text-decoration:none;outline:0}
 .site-liberation a:hover,.site-liberation a:hover h2,.site-liberation a:hover h3,.site-liberation a:hover h4,.site-liberation a:hover h5,.site-liberation a:hover h6,.site-liberation a:hover p{text-decoration:underline}
-.site-liberation .lnk-comments{background:url(http://s0.libe.com/libe/img/common/ico-lnk-comment.png?48525c2557e6) no-repeat left 2px;padding-left:20px;font-size:10px;line-height:15px}
+.site-liberation .lnk-comments{background:url(http://s0.libe.com/libe/img/common/ico-lnk-comment.png?48525c2557e6) left 2px no-repeat;padding-left:20px;font-size:10px;line-height:15px}
 .site-liberation .block-call-items .block-top{margin-bottom:10px}
 .site-liberation .block-call-items .block-top h5{padding:3px 10px;background-color:#e20000;color:#fff}
 .site-liberation .col-contextual .block-call-items .block-top h5{background:0 0;padding:0}
@@ -2500,7 +2500,7 @@ body.access-ess #page-paywall .content .arguments .arg{float:none;margin:auto}
 .site-liberation .block-call-items .mini-tpl .subtitle .slug{font-weight:700}
 .site-liberation .block-call-items .mini-tpl .author{display:block;margin-bottom:5px;padding-top:1px}
 .site-liberation .block-call-items .list-linked-items span{text-transform:uppercase;font-size:11px;padding-right:7px}
-.site-liberation .block-call-items .mini-tpl .label{background:url(http://s0.libe.com/libe/img/common/bg-separateur.gif?e78a16835c55) no-repeat right center;border:2px solid;min-height:45px}
+.site-liberation .block-call-items .mini-tpl .label{background:url(http://s0.libe.com/libe/img/common/bg-separateur.gif?e78a16835c55) right center no-repeat;border:2px solid;min-height:45px}
 .site-liberation .block-call-items .mini-tpl .label h3{font-size:21px;font-weight:400;margin-bottom:0;margin-top:8px;margin-left:10px}
 .site-liberation .block-call-items .mini-tpl .label .visual{width:45px;margin:0 10px 0 0}
 .site-liberation .block-call-items .mini-tpl .whosaid{position:relative;margin-bottom:7px;padding:14px}
@@ -2559,7 +2559,7 @@ body.access-ess #page-paywall .content .arguments .arg{float:none;margin:auto}
 .site-liberation .block-call-items .tpl-labo-spotlight:first-of-type{padding-top:8px}
 .site-liberation .block-call-items .tpl-labo-spotlight .subscribe{margin-bottom:5px}
 .site-liberation .block-call-items .tpl-labo-spotlight .subscribe .toggle{font-size:10px;float:right;margin-right:10px}
-.site-liberation .block-call-items .tpl-labo-spotlight .subscribe p.toggle a{background:url(http://s0.libe.com/libe/img/common/pi_arrow-down.gif?83c2b5fdcd15) no-repeat 0 5px;padding-left:15px}
+.site-liberation .block-call-items .tpl-labo-spotlight .subscribe p.toggle a{background:url(http://s0.libe.com/libe/img/common/pi_arrow-down.gif?83c2b5fdcd15) 0 5px no-repeat;padding-left:15px}
 .site-liberation .block-call-items .tpl-labo-spotlight .subscribe .sb-podcasts{font-size:10px;float:right;clear:both;display:none}
 .site-liberation .block-call-items .tpl-labo-podcast{border-left:6px solid #b30804;margin-bottom:0;padding:8px 0 7px 10px}
 .site-liberation .block-call-items .tpl-labo-podcast:first-of-type{padding-top:0}
@@ -2606,7 +2606,7 @@ body.access-ess #page-paywall .content .arguments .arg{float:none;margin:auto}
 .site-liberation .block-call-items .tpl-visual-square-left-arround .visual{display:block;float:left;margin:3px 10px 0 0;width:84px;height:84px}
 .site-liberation .block-call-items .tpl-visual-square-left-arround h5{margin-bottom:0}
 .site-liberation .block-call-items .tpl-visual-square-left-arround p.subtitle{font-size:11px}
-body.barry-white{background:#f8f8f8 url(http://s0.libe.com/libe/img/common/bg-body-fff.gif?62ad83bcadf5) repeat-y center 0}
+body.barry-white{background:url(http://s0.libe.com/libe/img/common/bg-body-fff.gif?62ad83bcadf5) center 0 repeat-y #f8f8f8}
 body.slideshow{background-color:#333}
 body.iframe{background-color:#fff}
 body.slideshow .ad-top .megaban{background:#333}
@@ -2689,9 +2689,9 @@ body.slideshow .ad-top .megaban{background:#333}
 #header-liberation .header-base .nav .cat-monlibe .nav2 .on,#header-liberation .header-base .nav .cat-monlibe .nav2 a:hover{color:#fe9900}
 #header-liberation .header-base .nav .cat-zoneabo .nav2 .on,#header-liberation .header-base .nav .cat-zoneabo .nav2 a:hover{color:#a00}
 #header-liberation .header-base .nav .cat-food .nav2 .on,#header-liberation .header-base .nav .cat-food .nav2 a:hover{color:#000}
-#header-liberation .header-simple .header{background:url(http://s0.libe.com/libe/img/common/bg-e20000.png?020f61e6035c) repeat-x 0 39px}
+#header-liberation .header-simple .header{background:url(http://s0.libe.com/libe/img/common/bg-e20000.png?020f61e6035c) 0 39px repeat-x}
 #header-liberation .header-simple .back,#header-liberation .header-simple .logo{background-color:#fff}
-#header-liberation .header-simple .back a{color:#858585;background:url(http://s0.libe.com/libe/img/common/ico-lnk-arrow-back-grey.png?c8d5a4458a2c) no-repeat 0 16px}
+#header-liberation .header-simple .back a{color:#858585;background:url(http://s0.libe.com/libe/img/common/ico-lnk-arrow-back-grey.png?c8d5a4458a2c) 0 16px no-repeat}
 #header-liberation .header-annex h1{border-bottom-color:#e20000}
 #header-liberation .header-annex h1 a{color:#000}
 #footer-liberation .abo,#footer-liberation a{color:#818181}
@@ -2908,8 +2908,8 @@ body.slideshow .ad-top .megaban{background:#333}
 .site-liberation .toolbox li a.comment:hover span{background-position:-205px -84px}
 .site-liberation .toolbox li a.mail span{background-position:-89px 0}
 .site-liberation .toolbox li a.mail:hover span{background-position:-89px -16px}
-.site-liberation .toolbox li a.facebook span{background:url(http://s0.libe.com/libe/img/common/_sprites_icons/icons_share.png?edeb5617b880) no-repeat -74px 0}
-.site-liberation .toolbox li a.twitter span{background:url(http://s0.libe.com/libe/img/common/_sprites_icons/icons_share.png?edeb5617b880) no-repeat -74px -14px}
+.site-liberation .toolbox li a.facebook span{background:url(http://s0.libe.com/libe/img/common/_sprites_icons/icons_share.png?edeb5617b880) -74px 0 no-repeat}
+.site-liberation .toolbox li a.twitter span{background:url(http://s0.libe.com/libe/img/common/_sprites_icons/icons_share.png?edeb5617b880) -74px -14px no-repeat}
 .site-liberation .toolbox li a.facebook,.site-liberation .toolbox li a.twitter{background-color:#f7f7f7;border-color:#d7d7d7}
 .site-liberation .toolbox li a.facebook:hover,.site-liberation .toolbox li a.twitter:hover{background-color:#818181;color:#F7F7F7}
 .site-liberation .toolbox li.abo-1-euro,.site-liberation .toolbox li.btn-comment{background:#f8f8f8}

diff --git a/test/data/issue-232-min.css b/test/data/issue-232-min.css
index fab8e6b..da28adf 100644 (file)
--- a/test/data/issue-232-min.css
+++ b/test/data/issue-232-min.css
@@ -1,2 +1,2 @@
 .bar{padding:0}
-.bug-selector,.bug-selector1{background:#000 url(images/b-toolbar.gif);background:linear-gradient(#5e6081,#353340)}
+.bug-selector,.bug-selector1{background:url(images/b-toolbar.gif) #000;background:linear-gradient(#5e6081,#353340)}
\ No newline at end of file

diff --git a/test/data/issue-304-min.css b/test/data/issue-304-min.css
index a72a144..4f8eeca 100644 (file)
--- a/test/data/issue-304-min.css
+++ b/test/data/issue-304-min.css
@@ -1 +1 @@
-.test{background:url(top.png) no-repeat left 0 top -12px,url(bottom.png) no-repeat left 0 bottom -12px,url(middle.png) no-repeat left 0 top 0}
+.test{background:url(top.png) left 0 top -12px no-repeat,url(bottom.png) left 0 bottom -12px no-repeat,url(middle.png) left 0 top 0 no-repeat}
\ No newline at end of file

diff --git a/test/data/issue-312-min.css b/test/data/issue-312-min.css
index 7fcb94c..0cb70d8 100644 (file)
--- a/test/data/issue-312-min.css
+++ b/test/data/issue-312-min.css
@@ -1 +1 @@
-.envelope{background:#eee url(one.png) repeat-x top center,#eee url(one.png) repeat-x bottom center,#eee url(two.png) no-repeat 110% 10px;background-size:35px 4px,35px 4px,101px 61px}
+.envelope{background:url(one.png) top center repeat-x #eee,url(one.png) bottom center repeat-x #eee,url(two.png) 110% 10px no-repeat #eee;background-size:35px 4px,35px 4px,101px 61px}
\ No newline at end of file

diff --git a/test/unit-test.js b/test/unit-test.js
index 4090a81..7c0183c 100644 (file)
--- a/test/unit-test.js
+++ b/test/unit-test.js
@@ -890,7 +890,7 @@ vows.describe('clean-units').addBatch({
     'not add a space before url\'s hash': "a{background:url(/fonts/d90b3358-e1e2-4abb-ba96-356983a54c22.svg#d90b3358-e1e2-4abb-ba96-356983a54c22)}",
     'keep urls from being stripped down #1': 'a{background:url(/image-1.0.png)}',
     'keep urls from being stripped down #2': "a{background:url(/image-white.png)}",
-    'keep urls from being stripped down #3': "a{background:#eee url(/libraries/jquery-ui-1.10.1.custom/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) repeat-x 50% top}",
+    'keep urls from being stripped down #3': "a{background:url(/libraries/jquery-ui-1.10.1.custom/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top #eee}",
     'keep special markers in comments (so order is important)': '/*! __ESCAPED_URL_CLEAN_CSS0__ */a{display:block}',
     'strip new line in urls': [
       'a{background:url(/very/long/\
@@ -1723,7 +1723,7 @@ title']{display:block}",
     ],
     'should merge background with background-color': [
       'a{background:0;background-color:#9fce00}',
-      'a{background:#9fce00 0}'
+      'a{background:0 #9fce00}'
     ],
     'should NOT merge background with inherited background-color': [
       'a{background:0;background-color:inherit}',
@@ -1747,7 +1747,7 @@ title']{display:block}",
     ],
     'should merge background with background-repeat': [
       'a{background:0;background-repeat:repeat-y}',
-      'a{background:repeat-y 0}'
+      'a{background:0 repeat-y}'
     ],
     'should NOT merge background with inherited background-repeat': [
       'a{background:0;background-repeat:inherit}',
@@ -1785,15 +1785,15 @@ title']{display:block}",
   'shorthand properties': cssContext({
     'shorthand background #1' : [
       'div{background-color:#111;background-image:url(aaa);background-repeat:repeat;background-position:0 0;background-attachment:scroll}',
-      'div{background:#111 url(aaa)}'
+      'div{background:url(aaa) #111}'
     ],
     'shorthand background #2' : [
       'div{background-color:#111;background-image:url(aaa);background-repeat:no-repeat;background-position:0 0;background-attachment:scroll}',
-      'div{background:#111 url(aaa) no-repeat}'
+      'div{background:url(aaa) no-repeat #111}'
     ],
     'shorthand important background' : [
       'div{background-color:#111!important;background-image:url(aaa)!important;background-repeat:repeat!important;background-position:0 0!important;background-attachment:scroll!important}',
-      'div{background:#111 url(aaa)!important}'
+      'div{background:url(aaa) #111!important}'
     ],
     'shorthand border-width': [
       '.t{border-top-width:7px;border-bottom-width:7px;border-left-width:4px;border-right-width:4px}',
@@ -1827,8 +1827,8 @@ title']{display:block}",
       'div{background:#fff;background:linear-gradient(whatever)}'
     ],
     'linear-gradient should NOT clear out background with color only, even if it has a color' : [
-      'div{background:#fff;background:#222 linear-gradient(whatever)}',
-      'div{background:#fff;background:#222 linear-gradient(whatever)}'
+      'div{background:#fff;background:linear-gradient(whatever) #222}',
+      'div{background:#fff;background:linear-gradient(whatever) #222}'
     ],
     'a background-image with just a linear-gradient should not be compacted to a shorthand' : [
       'div{background-color:#111;background-image:linear-gradient(aaa);background-repeat:no-repeat;background-position:0 0;background-attachment:scroll}',
@@ -1836,7 +1836,7 @@ title']{display:block}",
     ],
     'a background-image with a none and a linear-gradient should result in two shorthands' : [
       'div{background-color:#111;background-image:none;background-image:linear-gradient(aaa);background-repeat:repeat;background-position:0 0;background-attachment:scroll}',
-      'div{background:#111;background:#111 linear-gradient(aaa)}'
+      'div{background:#111;background:linear-gradient(aaa) #111}'
     ]
   }),
   'cares about understandability of border components': cssContext({
@@ -1919,7 +1919,7 @@ title']{display:block}",
     ],
     'should take into account important background-color and shorthand others into background': [
       'p{background-color:#9fce00!important;background-image:url(hello);background-attachment:scroll;background-position:1px 2px;background-repeat:repeat-y}',
-      'p{background-color:#9fce00!important;background:url(hello) repeat-y 1px 2px}'
+      'p{background-color:#9fce00!important;background:url(hello) 1px 2px repeat-y}'
     ],
     'should take into account important outline-color and default value of outline-width': [
       'p{outline:inset medium;outline-color:#9fce00!important;outline-style:inset!important}',
@@ -1927,7 +1927,7 @@ title']{display:block}",
     ],
     'should take into account important background-position remove its irrelevant counterpart': [
       'p{background:#9fce00 url(hello) 4px 5px;background-position:5px 3px!important}',
-      'p{background:#9fce00 url(hello);background-position:5px 3px!important}'
+      'p{background:url(hello) #9fce00;background-position:5px 3px!important}'
     ],
     'should take into account important background-position and assign the shortest possible value for its irrelevant counterpart': [
       'p{background:transparent;background-position:5px 3px!important}',
@@ -1949,7 +1949,7 @@ title']{display:block}",
     ],
     'when shorter, optimize inherited/non-inherited background granular properties into a non-inherited shorthand and some inherited granular properties': [
       'p{background-color:#9fce00;background-image:inherit;background-attachment:scroll;background-position:1px 2px;background-repeat:repeat-y}',
-      'p{background:#9fce00 repeat-y 1px 2px;background-image:inherit}'
+      'p{background:1px 2px repeat-y #9fce00;background-image:inherit}'
     ],
     'put inherit to the place where it consumes the least space': [
       'div{padding:0;padding-bottom:inherit;padding-right:inherit}',
@@ -2024,7 +2024,7 @@ title']{display:block}",
     'border radius H+V': 'a{border-radius:50%/100%}',
     'lost background position': [
       '.one{background:50% no-repeat}.one{background-image:url(/img.png)}',
-      '.one{background:url(/img.png) no-repeat 50%}'
+      '.one{background:url(/img.png) 50% no-repeat}'
     ]
   }),
   'viewport units': cssContext({