Optimize CSS for http://si.rosselcdn.net/sites/default/files/advagg_css/css_1a46c5eaead1528fd7ad4dadd3869cf2_0.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors30

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    .poll .vote-form .choices .title {}html.js fieldset.collapsible legend a {}html.js fieldset.collapsed legend a {}* html.js fieldset.collapsed legend {}* html.js fieldset.collapsed legend * {}* html.js fieldset.collapsed table * {}html.js fieldset.collapsible legend a {}.node-form .content-multiple-table td.content-multiple-drag a.tabledrag-handle {}.form-item #autocomplete .reference-autocomplete label {}table.ui-datepicker tbody td a {}table.ui-datepicker tbody td a:hover {}table.ui-datepicker tbody td a:active {}table.ui-datepicker .ui-datepicker-title-row td a {}div.panel-pane div.admin-links li a {}.pollfield-form fieldset legend + .form-item {}div.view div.views-admin-links li a {}div.view div.views-admin-links li a {}div.view div.views-admin-links li a:after {}#article #picture .wrappAllMedia object {}#article #picture .wrappAllMedia .item_media {}#infos_additionnelles #test .tags h2 {}#article .digital-wally_digitalobject .emvideo iframe {}#modalContent div.ctools-modal-content a.close img {}#modalContent div.ctools-modal-content .form-item .description {}#modalContent html.js .resizable-textarea textarea {}.publi-redactionnel #article .fil_ariane a.last {}div.ctools-modal-content .modal-content .modal-throbber-wrapper img {}div.ctools-modal-content .form-item .description .tips {}div.ctools-modal-content .no-float .form-item * {}div.ctools-modal-content .modal-form .no-float label {}
  • Duplicated Properties7

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {border: 2px solid #d3d3d3} .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {font-size: 1.1em} .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {margin: 0} .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {padding: 2.5em .5em .5em .5em} .liensutiles {background: linear-gradient(to bottom,#f0f0f0 0%,#dfdfdf 100%)} #modalContent div.ctools-modal-content .modal-header {background: linear-gradient(to bottom,rgba(48,50,51,1) 0%,rgba(0,0,0,1) 100%)} .publi-redactionnel #article .fil_ariane a.last {background: linear-gradient(to bottom,#ff5233 0%,#e53517 100%)} 
  • Duplicated Selectors11
    .date-clear-block {} /* (3 times) */.poll .vote-form {} /* (2 times) */.poll .bar .foreground {} /* (2 times) */.poll .links {} /* (2 times) */.poll .percent {} /* (2 times) */.poll .total {} /* (2 times) */.poll .bar {} /* (2 times) */.poll .vote-form .choices {} /* (2 times) */.clear-block {} /* (2 times) */html.js fieldset.collapsible legend a {} /* (2 times) */.emb_package.emb_package_article {} /* (2 times) */
  • Empty Rules7

    Deteced empty rules

    Reduce the size of your CSS file by removing empty rules

    span.date-display-single {}span.date-display-start {}span.date-display-end {}span.date-display-separator {}.pollfield-form {}#wiki #wiki_top {}div.ctools-modal-content .modal-form {}
  • Importants20

    Provides a way for a stylesheet author to give a CSS value more weight than it naturally has

    Avoid usage if at all possible. When you use !important, you’re disrupting the natural flow of your rules, giving more weight to rules that are undeserving of such weight

    tr.merge-down, tr.merge-down td, tr.merge-down th {border-bottom-width: 0 !important} tr.merge-up, tr.merge-up td, tr.merge-up th {border-top-width: 0 !important} a.ctools-ajaxing, input.ctools-ajaxing, button.ctools-ajaxing, select.ctools-ajaxing {padding-right: 18px !important} .date-views-filter input {float: left !important} .date-views-filter input {margin-right: 2px !important} .date-views-filter input {padding: 0 !important} #ui-datepicker-div, #ui-datepicker-div table, .ui-datepicker-div, .ui-datepicker-div table, .ui-datepicker-inline, .ui-datepicker-inline table {font-size: 12px !important} .ui-datepicker-header select {margin: 0 !important} .ui-datepicker-header select {padding: 0 !important} .facebook iframe {min-width: 160px !important} #article .google #plusone, #article .google iframe, #article .google #___plusone_0, #wiki .google #plusone, #wiki .google iframe, #wiki .google #___plusone_0 {width: 70px !important} #article .digital-wally_digitalobject iframe {margin-left: auto !important} #article .digital-wally_digitalobject iframe {margin-right: auto !important} .bloc-01 h2 a:link, .bloc-01 h2 a:visited {color: white !important} #modal-content {height: 455px !important} #modal-content {width: 630px !important} .ctools-modal-content {height: 500px !important} #modalContent #modal-content .form-textarea, #modalContent #modal-content .form-text {font-family: Arial,Helvetica,sans-serif !important} .emb_package h2 {margin: 15px 5px 10px !important} .emb_package.emb_package_article  h2 {margin: 15px 20px 10px !important} 
  • Multi Classes Selectors17

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .inline.links {}.col-01.pagearticle {}.col-01.pagearticle {}.col-02.pagearticle {}.emb_package.emb_package_article {}.emb_package.emb_package_gallery {}.emb_package.emb_package_poll {}.emb_package.emb_package_article {}.emb_package.emb_package_article.emb_package_gallery {}.emb_package.emb_package_article.emb_package_poll {}.emb_package.emb_package_article {}.emb_package.emb_package_article {}.emb_package_article.emb_package_poll {}.emb_package_article.emb_package_poll {}.emb_package.emb_package_article.emb_package_bear {}.emb_package_article.emb_package_bear {}.emb_package_article.emb_package_bear {}
  • Old IE Fixes8

    Rules specific to IE greater than or equal to IE 6 or IE 7

    Lower browser usage for previous versions of IE prevents these rules from being very useful

    * html .clear-block * html .date-clear-block * html .timeEntry_control #picture .credit {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000',endColorstr='#80000000',GradientType=0 )} .liensutiles {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0',endColorstr='#dfdfdf',GradientType=0 )} #modalContent div.ctools-modal-content .modal-header {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303233',endColorstr='#000000',GradientType=0 )} #page_object.embed_video .copyright {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000',endColorstr='#b3000000',GradientType=0 )} .publi-redactionnel #article .fil_ariane a.last {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5233',endColorstr='#e53517',GradientType=0 )} 
  • Old Property Prefixes8

    Properties with a no longer needed vendor prefix

    These have since been integrated or removed from mentioned browsers and can safely be removed from CSS

    .liensutiles { -moz-border-radius: 3px } // was required by Firefox 3.6 and earlier .liensutiles { -webkit-border-radius: 3px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .liensutiles .reagir { -moz-border-radius: 3px } // was required by Firefox 3.6 and earlier .liensutiles .reagir { -webkit-border-radius: 3px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .emb_package.emb_package_article { -moz-border-radius: 0 5px 0 0 } // was required by Firefox 3.6 and earlier .emb_package.emb_package_bear.emb_package_article { -moz-border-radius: 0 } // was required by Firefox 3.6 and earlier .publi-redactionnel #article .fil_ariane a.last { -moz-border-radius: 3px } // was required by Firefox 3.6 and earlier .publi-redactionnel #article .fil_ariane a.last { -webkit-border-radius: 3px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier 
  • Qualified Selectors312

    Since IDs are unique and classes are more unique than tags, adding a tag name would slow down the matching process needlessly

    Don’t qualify class or ID rules with tag names, as they are more unique than the tag. Strip tag names where possible

    td.revision-current {}td.poll-chtext {}td.poll-chvotes .form-text {}body.drag {}th.active img {}tr.even {}tr.odd {}tr.drag {}tr.drag-previous {}td.active {}td.checkbox {}th.checkbox {}div.indentation {}div.tree-child {}div.tree-child-last {}div.tree-child-horizontal {}div.error {}div.error {}tr.error {}div.warning {}div.warning {}tr.warning {}div.ok {}div.ok {}tr.ok {}ol.task-list li.active {}ol.task-list li.active {}tr.odd .form-item {}tr.even .form-item {}tr.merge-down {}tr.merge-down td {}tr.merge-down th {}tr.merge-up {}tr.merge-up td {}tr.merge-up th {}.form-item input.error {}.form-item textarea.error {}.form-item select.error {}.form-item label.option {}dl.multiselect dd.b {}dl.multiselect dd.b {}dl.multiselect dd.b .form-item {}dl.multiselect dd.b .form-item {}dl.multiselect dd.b select {}dl.multiselect dd.b select {}dl.multiselect dd.a {}dl.multiselect dd.a {}dl.multiselect dd.a .form-item {}dl.multiselect dd.a .form-item {}dl.multiselect dt {}dl.multiselect dd {}dl.multiselect .form-item {}ul.primary {}ul.primary li {}ul.primary li a {}ul.primary li.active a {}ul.primary li.active a {}ul.primary li a:hover {}ul.secondary {}ul.secondary li {}ul.secondary a {}ul.secondary a.active {}ul.secondary a.active {}#autocomplete li.selected {}html.js input.form-autocomplete {}html.js input.form-autocomplete {}html.js input.throbbing {}html.js input.throbbing {}html.js fieldset.collapsed {}html.js fieldset.collapsed {}html.js fieldset.collapsed * {}html.js fieldset.collapsed * {}html.js fieldset.collapsed legend {}html.js fieldset.collapsed legend {}html.js fieldset.collapsible legend a {}html.js fieldset.collapsible legend a {}html.js fieldset.collapsed legend a {}html.js fieldset.collapsed legend a {}* html.js fieldset.collapsed legend {}* html.js fieldset.collapsed legend {}* html.js fieldset.collapsed legend * {}* html.js fieldset.collapsed legend * {}* html.js fieldset.collapsed table * {}* html.js fieldset.collapsed table * {}html.js fieldset.collapsible {}html.js fieldset.collapsible {}html.js fieldset.collapsible legend a {}html.js fieldset.collapsible legend a {}html.js fieldset.collapsible .fieldset-wrapper {}html.js fieldset.collapsible .fieldset-wrapper {}html.js .resizable-textarea textarea {}.draggable a.tabledrag-handle {}a.tabledrag-handle:hover {}a.tabledrag-handle .handle {}a.tabledrag-handle-hover .handle {}div.teaser-button-wrapper {}.teaser-checkbox div.form-item {}textarea.teaser {}html.js .no-js {}tr.selected td {}table.sticky-header {}#clean-url.install {}html.js .js-hide {}#system-modules div.incompatible {}#system-themes-form div.incompatible {}span.password-strength {}input.password-field {}div.password-description {}div.password-description ul {}input.password-confirm {}span.password-confirm {}span.password-confirm span {}ul.menu {}ul.menu li {}li.expanded {}li.collapsed {}li.leaf {}li a.active {}td.menu-disabled {}ul.links {}ul.links.inline {}ul.links li {}#permissions td.module {}#permissions td.permission {}.node-form .content-multiple-table td.content-multiple-drag {}.node-form .content-multiple-table td.content-multiple-drag a.tabledrag-handle {}.node-form .content-multiple-table td.content-multiple-drag a.tabledrag-handle {}table#content-field-overview .label-add-new-field {}table#content-field-overview .label-add-existing-field {}table#content-field-overview .label-add-new-group {}table#content-field-overview tr.content-add-new .tabledrag-changed {}table#content-field-overview tr.content-add-new .tabledrag-changed {}table#content-field-overview tr.content-add-new .description {}table#content-field-overview tr.content-add-new .description {}table#content-field-overview .content-new {}.advanced-help-topic span.code {}a.ctools-ajaxing {}input.ctools-ajaxing {}button.ctools-ajaxing {}select.ctools-ajaxing {}div.ctools-ajaxing {}span.date-display-single {}span.date-display-start {}span.date-display-end {}span.date-display-separator {}.date-nav div.date-prev {}.date-nav div.date-next {}.date-nav div.date-heading {}.date-nav div.date-heading h3 {}div.date-calendar-day {}div.date-calendar-day span {}div.date-calendar-day span.month {}div.date-calendar-day span.month {}div.date-calendar-day span.day {}div.date-calendar-day span.day {}div.date-calendar-day span.year {}div.date-calendar-day span.year {}.ui-datepicker-header select.ui-datepicker-new-month {}.ui-datepicker-header select.ui-datepicker-new-year {}table.ui-datepicker {}table.ui-datepicker td a {}table.ui-datepicker tbody {}table.ui-datepicker tbody td a {}table.ui-datepicker tbody td a:hover {}table.ui-datepicker tbody td a:active {}table.ui-datepicker .ui-datepicker-title-row td {}table.ui-datepicker .ui-datepicker-title-row td a {}div.panel-pane div.admin-links {}div.panel-pane div.admin-links {}div.panel-pane div.admin-links li a {}div.panel-pane div.admin-links li a {}div.panel-pane div.admin-links li {}div.panel-pane div.admin-links li {}div.panel-pane div.admin-links:hover a {}div.panel-pane div.admin-links:hover a {}div.panel-pane div.admin-links-hover a {}div.panel-pane div.admin-links-hover a {}div.panel-pane div.admin-links a {}div.panel-pane div.admin-links a {}div.panel-pane div.admin-links a:after {}div.panel-pane div.admin-links a:after {}div.panel-pane div.panel-hide {}div.panel-pane div.panel-hide {}div.panel-pane div.panel-hide-hover {}div.panel-pane div.panel-hide-hover {}div.panel-pane:hover div.panel-hide {}div.panel-pane:hover div.panel-hide {}div.panel-pane div.node {}div.panel-pane div.node {}div.panel-pane div.feed a {}div.panel-pane div.feed a {}div.fieldgroup {}div.fieldgroup .content {}html.js a.views-throbbing {}html.js a.views-throbbing {}html.js span.views-throbbing {}html.js span.views-throbbing {}div.view div.views-admin-links {}div.view div.views-admin-links {}.block div.view div.views-admin-links {}.block div.view div.views-admin-links {}div.view div.views-admin-links ul {}div.view div.views-admin-links ul {}div.view div.views-admin-links li {}div.view div.views-admin-links li {}div.view div.views-admin-links li a {}div.view div.views-admin-links li a {}div.view div.views-admin-links li a {}div.view div.views-admin-links li a {}div.view div.views-admin-links li a:after {}div.view div.views-admin-links li a:after {}div.view div.views-admin-links-hover a {}div.view div.views-admin-links-hover a {}div.view div.views-admin-links:hover a {}div.view div.views-admin-links:hover a {}div.view div.views-admin-links-hover {}div.view div.views-admin-links-hover {}div.view div.views-admin-links:hover {}div.view div.views-admin-links:hover {}div.view div.views-hide {}div.view div.views-hide {}div.view div.views-hide-hover {}div.view div.views-hide-hover {}div.view:hover div.views-hide {}div.view:hover div.views-hide {}div.view:hover div.views-hide {}div.view:hover div.views-hide {}.filefield-element input.form-submit {}.filefield-element input.form-file {}.filefield-element input.progress-disabled {}.filefield-element div.ahah-progress {}.filefield-element div.throbber {}.filefield-element div.ahah-progress-bar {}.filefield-element div.ahah-progress-bar div.bar {}.filefield-element div.ahah-progress-bar div.bar {}#article p.publiele {}#article p.fil_ariane a {}#article ul.liensutiles a {}#article p.fil_ariane {}#article p.auteur {}#article .mini-pagination li.firstThumb {}#commentaires.bloc-01 {}#commentaires.bloc-01 .inner-bloc {}.recherche #recherche.text {}.liensutiles li.imprimer {}.liensutiles li.envoyer {}.liensutiles li.imprimer {}.liensutiles li.envoyer {}.liens_wiki li.media-press {}.liens_wiki li.media-video {}.liens_wiki li.media-audio {}.liens_wiki li.media-photo {}.liens_wiki li.media-pool {}.liens_wiki li.media-dossier {}.liens_wiki li.media-live {}#modalContent div.ctools-modal-content .modal-header {}#modalContent div.ctools-modal-content .modal-title {}#modalContent div.ctools-modal-content a.close img {}#modalContent div.ctools-modal-content a.close img {}#modalContent div.ctools-modal-content .modal-content {}#modalContent div.ctools-modal-content .resizable-textarea {}#modalContent div.ctools-modal-content .resizable-textarea {}#modalContent div.ctools-modal-content .form-item .description {}#modalContent html.js .resizable-textarea textarea {}#page_object p.time {}#page_object.embed_photo .copyright {}#page_object.embed_video .copyright {}#page_object.embed_text {}#page_object.embed_text p {}#page_object.embed_text {}#page_object.embed_text h1 {}.emb_package_bpic p.pic_description {}.emb_package_bpic p.credit {}.emb_package_article .emb_package_bpic p.credit {}.emb_package_bpic p.credit span {}.emb_package_bear .emb_package_bpic p.pic_description {}.emb_package_bear .emb_package_bpic p.credit {}.publi-redactionnel #article .fil_ariane a.last {}div.next_prev {}div.next_prev a {}div.next_prev h2 {}div.next_prev h3 {}div.next_prev hr {}img.forward-icon {}img.forward-icon-margin {}label.printmail-label {}div.ctools-modal-content {}div.ctools-modal-content .modal-title {}div.ctools-modal-content .modal-header {}div.ctools-modal-content .modal-header a {}div.ctools-modal-content .modal-content {}div.ctools-modal-content .modal-form {}div.ctools-modal-content a.close {}div.ctools-modal-content a.close {}div.ctools-modal-content a.close:hover {}div.ctools-modal-content a.close:hover {}div.ctools-modal-content a.close img {}div.ctools-modal-content a.close img {}div.ctools-modal-content .modal-content .modal-throbber-wrapper {}div.ctools-modal-content .modal-content .modal-throbber-wrapper img {}div.ctools-modal-content .form-item label {}div.ctools-modal-content .form-item label.option {}div.ctools-modal-content .form-item label.option {}div.ctools-modal-content .form-item .description {}div.ctools-modal-content .form-item .description .tips {}div.ctools-modal-content .no-float .form-item * {}div.ctools-modal-content .modal-form .no-float label {}div.ctools-modal-content fieldset {}div.ctools-modal-content .form-radios {}div.ctools-modal-content .form-checkboxes {}div.ctools-modal-content .resizable-textarea {}div.ctools-modal-content .container-inline .form-item {}
  • Redundant Child Nodes Selectors16

    Deteced redundancies for child node selectors

    Dry up duplication by nesting rules under a set of similar selectors

    .item-list ul li {}ol.task-list li.active {}tr.merge-down td {}tr.merge-down th {}tr.merge-up td {}tr.merge-up th {}ul.primary li {}ul.primary li a {}ul.primary li.active a {}ul.primary li a:hover {}ul.secondary li {}tr.selected td {}ul.menu li {}ul.links li {}table#content-field-overview tr.content-add-new .tabledrag-changed {}table#content-field-overview tr.content-add-new .description {}
  • Universal Selectors7

    The universal selector matches any element type

    Universal selectors can be implied (and therefore omitted) if it isn’t the only component of the simple selector, avoid whenever possible

    html.js fieldset.collapsed * {}* html.js fieldset.collapsed legend {}* html.js fieldset.collapsed legend * {}* html.js fieldset.collapsed legend * {}* html.js fieldset.collapsed table * {}* html.js fieldset.collapsed table * {}div.ctools-modal-content .no-float .form-item * {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Colors62
Comments4
Comments Length48
Complex Selectors By Attribute0
Expressions0
Imports0
Media Queries1
Not Minified1
Parsing Errors0
Property Resets0
Specificity Id Avg0.3
Specificity Id Total192
Specificity Class Avg1.41
Specificity Class Total901
Specificity Tag Avg0.84
Specificity Tag Total536
Selectors638
Selector Length Avg2.0094043887147337
Selectors By Attribute0
Selectors By Class862
Selectors By Id192
Selectors By Pseudo25
Selectors By Tag530
Length42125
Rules542
Declarations1177