.clCMEvent
{
    CLIP: rect(0px 100% 100% 0px);
    HEIGHT: 100%;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 0px;
    VISIBILITY: hidden;
    WIDTH: 100%;
    Z-INDEX: 300
}
.clT
{
    CURSOR: hand;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    OVERFLOW: hidden;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    POSITION: absolute
}

.clTover
{
    CURSOR: hand;
    FONT-FAMILY: arial;
    FONT-SIZE: 8pt;
    OVERFLOW: hidden;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    POSITION: absolute
}
.clS
{
    CURSOR: hand;
    FONT-FAMILY: arial;
    FONT-SIZE: 8pt;
    OVERFLOW: hidden;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    POSITION: absolute
}
.clSover
{
    CURSOR: hand;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    OVERFLOW: hidden;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    POSITION: absolute
}
.clT
{
    FONT-WEIGHT: bold
}
.clTover
{
    FONT-WEIGHT: bold
}

/*------------------
texte des rectangles
990099 =>violet: ste_claire
cc6600 =>orange:st_bruno
800000 =>rouge :st_jean
324093 =>bleu : jean23
*/------------------
.clT
{
    COLOR: #990099

}
.clS
{
    COLOR: white
}
.clTover
{
    COLOR: white
}
.clSover
{
    COLOR: #5F5F5F
}
/*-------------------
clT : rectangle 
---------------------*/
.clT
{
    BACKGROUND-COLOR: #FFFFFF;
    /* layer-background-color: #FFFFFF */
}


.clTover
{
    BACKGROUND-COLOR: #990099;
   /* layer-background-color: #324093 */
}

/*-------------------
clS : sous-rectangle 
990099 =>violet: ste_claire
cc6600 =>orange:st_bruno
800000 =>rouge :st_jean
324093 =>bleu : jean23
-------------------*/

.clS
{
    BACKGROUND-COLOR: #990099;
  /* layer-background-color: #FFFFFF */
}


.clB
{
    BACKGROUND-COLOR: white;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 0px;
    VISIBILITY: hidden;
    layer-background-color: white;
}

.trans
{
    FILTER: alpha(opacity=50)
}

.transtxt
{
    FILTER: alpha(opacity=75)
}


/*style de la typo en haut*/
.h
{
    COLOR: darkslateblue;
    FONT-FAMILY: arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}

A.h:hover
{
    FONT-FAMILY: arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.h
{
    COLOR: white
}
A.h
{
    COLOR: white
}
.hover
{
    COLOR: #9cbefc
}
A.h:hover
{
    COLOR: #9cbefc
}
.b
{
    FONT-FAMILY: arial;
    FONT-SIZE: 7pt;
    TEXT-DECORATION: none
}
.bover
{
    FONT-FAMILY: arial;
    FONT-SIZE: 7pt;
    TEXT-DECORATION: none
}
.tx          
{ 
font-family: Tahoma; 
font-size: 12 pt; 
color: #000077; 
font-style: bold; 
list-style-image: url('img/px.jpg') 
}

.commentaire 
{ 
color: #000099; 
font-size: 10 pt; 
font-family: Tahoma; 
font-style: italic 
}

.titre       
{ 
font-family: Tahoma; 
font-size: 14 pt; 
color: #800000; 
font-style: italic; 
font-weight: bold 
}

.gd_titre    
{ 
font-family: Monotype Corsiva; 
color: #CC6600; 
font-size: 24 pt; 
letter-spacing: 1pt; 
text-align: left; 
float: left; 
list-style-type: font-family; 
border: 1 double #CC6600; 
margin-left: 0; 
margin-top: 2; 
margin-bottom: 2; 
padding: 0; 
}