Accordeon > create same class

Hi,

I do not understand. I have created a accordeon on this page (http://lapousse.fr/site-ecommerce) with this code :

.panel-heading { /*  bloc titre > arrière-fond */
    background-color: #ffffff;
}

.panel-body {
    background-color: #ffffff;
    color: #444444;
}

.panel-heading .accordion-toggle {
    background: #444444;
}
.panel-heading .accordion-toggle h5 {
    color: #ffffff;
    font-size:32px;
    padding: 6px 0px 6px 0px;
}

.panel-heading .accordion-toggle.collapsed {
    background: #ffffff !important;
    border: 1px solid #444444 !important;
}
.panel-heading .accordion-toggle.collapsed h5 {
    color: #444444;
    font-size:32px;
    padding: 6px 0px 6px 0px;
}

.panel-heading .accordion-toggle:hover {
    background: #ffffff;
    border: 1px solid #444444 !important;
}
.panel-heading .accordion-toggle h5:hover {
    color: #444444;
}

.panel-heading .accordion-toggle.collapsed:hover {
    background: #444444 !important;
}
.panel-heading .accordion-toggle.collapsed h5:hover {
    color: #ffffff;
}

And I try to create the same class for the titles of my others pages (here : http://lapousse.fr/site-catalogue) :

.paneltitle {
     border-radius: 5px;
     background: #444444;
     font-size: 32px;
     color: #ffffff !important;
     padding: 6px 6px 6px 0px;
     line-height: 36px;
}

But I do not success to add a margin-left between my background and my text. Padding or margin do not work :/

Thanks for your help !