.ui-widget{
    font-family: 'Ubuntu', sans-serif;
}

.ui-accordion .ui-accordion-header {
    padding: .8em .5em .5em .7em;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 0em;
}

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {
    border: none;
    background: url(images/cat_inactive.png);
    background-size: cover;
    font-weight: normal;
    color: #454545;
}


.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus, 
.ui-button:hover, 
.ui-button:focus {
    border: none;
    background: url(images/cat_survol.png);
    background-size: cover;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-icon, 
.ui-widget-content .ui-icon,
.ui-state-hover .ui-icon, 
.ui-state-focus .ui-icon, 
.ui-button:hover .ui-icon, 
.ui-button:focus .ui-icon
{
    background-image: url(images/fleche_noire.png);
    background-position: 0px;
}

.ui-state-active .ui-icon, 
.ui-button:active .ui-icon {
    background-image: url(images/fleche_blanche.png);
    background-position: 0px;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover {
    border: none;
    background: url(images/cat_active.png);
    background-size: cover;
    font-weight: normal;
    color: #fff;
}

.ui-widget-content {
    border: none;
    background: #fff;
    color: #333;
}

.ui-icon {
    width: 16px;
    height: 24px;
    margin-right: 6px;
}

.ui-widget-header {
    border: none;
    background: none;
}

.ui-widget.ui-widget-content {
    border: none;
}

.ui-tabs .ui-tabs-nav li {
    margin: 1px .2em 0 10px;
}