Modifier couleur de taches d'un calendrier

Bonjour tout le monde !!

Voila je suis actuellement entrain de créer un calendrier pour mon application. Et j'aimerais que pour un certain type d'événement crée, la couleur soit rouge.
Par exemple, dans le code qui suit je récupère la liste de mes tâches crées dans mon application, et les importe dans mon calendrier, je souhaiterais donc que ces taches soient rouges.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
 
 
<div id="cal">
    <script type='text/javascript'>
        jQuery.noConflict();
        jQuery(document).ready(function() {
 
            var date = new Date();
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();
 
 
 
            jQuery('#calendar').fullCalendar({
                theme: true,
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,agendaWeek,agendaDay'
                },
                editable: false,
                events: [  
      <%
        UserValue userValue = (UserValue)pageContext.findAttribute("currentUser");
 
        // recupere les taches service
        TaskService taskService = OrchestraServiceRegistry.getTaskService();
 
      // recupere les taches par nom de projet
      Collection<Task> tasks = OrchestraServiceRegistry.getTaskService().getByProject(OrchestraServiceRegistry.getProjectService().getByCode("aaaa").getId());
      //  Collection<Task> tasks = taskService.getToFollowUpByQuery(userValue.getEjb3Id());
 
               // iterateur qui se déplace dans les taches
               Iterator<Task> it =  tasks.iterator();
               // tant qu'il y a une tâche
        while (it.hasNext()){
            Task currentTask = it.next();
        %>{
                      id: 'tache',
                      // recupere le nom de     la tache
                      title: '<%=currentTask.getName()%>',
                      // recupere la date de début et de fin : annee, mois, jour
                      start: new Date(<%=currentTask.getTargetStartDate().getYear()+1900%>,<%=currentTask.getTargetStartDate().getMonth()%>,<%=currentTask.getTargetStartDate().getDay()%>),
                      end: new Date(<%=currentTask.getTargetEndDate().getYear()+1900%>,<%=currentTask.getTargetEndDate().getMonth()%>,<%=currentTask.getTargetEndDate().getDay()%>)
                      // si c'est la dernière tache  on ajoute : "," qui correspond à     la fin
                      }<% if(it.hasNext()){
        %>,<%
          }
    }
 
                 // importation des fichier jQuery du calendrier
       TagUtils.importJavascript(pageContext,"js/calendar/jquery/jquery.js");
        TagUtils.importJavascript(pageContext,"js/calendar/jquery/ui.core.js");
        TagUtils.importJavascript(pageContext,"js/calendar/jquery/ui.draggable.js");
        TagUtils.importJavascript(pageContext,"js/calendar/jquery/ui.resizable.js");
        TagUtils.importJavascript(pageContext,"js/calendar/main.js");
        TagUtils.importJavascript(pageContext,"js/calendar/grid.js");
        TagUtils.importJavascript(pageContext,"js/calendar/view.js");
        TagUtils.importJavascript(pageContext,"js/calendar/agenda.js");
        TagUtils.importJavascript(pageContext,"js/calendar/util.js");
 
 
                 ]
        });
    });
 
    </script>
</div>
<div id='calendar'></div>

Quelqu'un aurait une piste ? svp
mercii