Uso primefaces 4.0 e tento alterar a cor do evento no Primefaces Lazy Schedule, para que eu tenha o seguinte código xhtml

    <style type="text/css"> 
        .Ajout .fc-event-skin {
            background: #00FF00;
        }

        .Livraison .fc-event-skin {
           background:#DF013A;
             </style>

        <p:schedule value="#{scheduleController.lazyEventModel}" locale="fr" showWeekends="true" eventSelectListener="#{scheduleController.onEventSelect}" > 

             <p:ajax event="eventSelect" listener="#{scheduleController.onEventSelect}" update="eventDetails" oncomplete="PF('eventDialog').show()" /> 

         </p:schedule>


<p:dialog widgetVar="eventDialog" header="Event Details" showEffect="clip" hideEffect="clip">  
        <h:panelGrid id="eventDetails" columns="2">  





        </h:panelGrid>  
    </p:dialog>  

E este é o feijão de apoio

public class ScheduleController implements Serializable {  

    private ScheduleModel lazyEventModel;  
  @Inject CalculDAO calculdao;
  @Inject RibhDAO ribhdao;





    public ScheduleController() {  
        lazyEventModel = new LazyScheduleModel() {  

            @Override  
            public void loadEvents(Date start, Date end) {  
                clear();  

                for(Calcul str: calculdao.DisplayCalculs()) 

                  {

                    Calendar cal = Calendar.getInstance();

                    Date random1 = getRandomDate1(str.getDate());
                    Date random2 = getRandomDate2(str.getDate());
                    addEvent(new DefaultScheduleEvent(""+str.getAjouteroulivr(),random1, random2,str.getAjouteroulivr()));  

                  }

for(Ribh str: ribhdao.DisplayRibh()) 

                {             


                Date random1 = getRandomDate1(str.getDate());
                Date random2 = getRandomDate2(str.getDate());
                addEvent(new DefaultScheduleEvent("Bénéfices Net du jour = "+str.getNet()+"dinars",random1, random2));  

                }
            }     
        };  
    }  

    public Date getRandomDate1(Date base) {  
        Calendar date = Calendar.getInstance();  
        date.setTime(base);  


        return date.getTime();  
    }  

    public Date getRandomDate2(Date base) {  
        Calendar date = Calendar.getInstance(); 
         date.setTime(base); 
         date.add(Calendar.MINUTE, 10);      

        return date.getTime();  
    }  

    /////    
    public void onEventSelect(SelectEvent selectEvent) 
    { ScheduleEvent event = (ScheduleEvent) selectEvent.getObject(); 

        //event. = (ScheduleEvent) ((SelectEvent) lazyEventModel).getObject();  

    }      
    ////

    public ScheduleModel getLazyEventModel() 
    {  
        return lazyEventModel;  
    }  
}  

O problema é que esse código funciona bem com o JARS do primefaces 3.3, mas quando mudei para o Primefaces 4.0, as cores dos eventos não são mais exibidas e os eventos ficaram transparentes! qual poderia ser o problema com esse código ??

PS: str.getAjouteroulivr () é uma String que contém a Styleclass do evento que contém "Ajout" ou "Livraison"