CSS pour modifier background du LayoutUnit + PrimeFaces

bonjour!!
je voudrais modifier le background d'une partie de mon LayoutUnit
j'ai essayé ceci

Code:

---

<p:layoutUnit id="top" position="north" style="background-color: #a8549b;">

---

mais le resultat c'est pendant le lap de temps de chargement il me montre les contours avec cette couleur puis revient à la couleur par défaut.
puis j'ai eu à utiliser ceci

Code:

---

1 2 3 4 5 6 7 8 9 10

.ui-layout-north { overflow:visible !important; background-color: red !important;   } .ui-layout-north .ui-layout-unit-content { overflow:visible !important; background-color: red !important;   }

---

Mais là il met le background aussi pendant le lap de temps du chargement puis revient à la couleur par defaut.
Ensuite j'ai même redifini un css comme ceci et l'appliquer

Code:

---

1 2 3 4

.header{   background-color: #a8549b; }

---

et rien ne se passe.
Merci d'avance pour votre aide!!

je l'ai resolu il a suffit que je me comporte comme un div

Code:

---

1 2 3

.myLayoutStyleClass .ui-layout-unit-content{ background: #a8549b; }

---

ensuite

Code:

---

<p:layoutUnit id="top" position="north" styleClass="myLayoutStyleClass">

---