/*feuille de style calendrier Chemins et Rencontres*/

/*body {
    background:#fff;
    margin:0;
    padding:0;
    color:#000;
    font:x-small/2.0em Arial, Helvetica, sans-serif;
    voice-family: "\"}\"";
    voice-family:inherit;
    font-size:small;
    font-family: Arial, Helvetica, sans-serif;
      } html>body {font-size:small;}*/
   
#datas table {
    border-top-style:none;
    border-right-style:solid;
    border-left-style:solid;
    border-bottom-style:solid;
    border-width:1px;
    border-color:black;
    /*width:auto;*/
        width:820px;
    }

#datas td, th {
    border-width:1px;
    border-color:#CCCCCC;
    line-height:normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin:0 0 0 0;
    color:#006600;
    border-right-style: solid;
    border-bottom-style: solid;
    }

#datas th {
    font-weight:bold;
    text-align:center;
    }
#datas td {
    font-weight: normal;
    text-align:center;
   background-color: #FFFFCC;

    
    }

#menugauche td {
background-color:transparent;
}

th.date {
    width:70px;
    background-color:#FFFF33;
    }

th.rdv { 
    width:30px;
    background-color:#FFFF33;
    }
    
th.duree { 
    width:40px;
    background-color:#FFFF33;
    }
    
th.type { 
    width:30px;
    background-color:#FFFF33;
    }

th.lieu { 
    width:60px;
    background-color:#FFFF33;
    }
    
th.act { 
    width:auto;
    background-color:#FFFF33;
    }
    
th.resp { 
    width:60px;
    background-color:#FFFF33;
    }

/*voir si utile definir largeur TD*/
td.date { 
    width:70px;
    }

td.rdv { 
    width:30px;
    }

td.duree { 
    width:40px;
    }


td.act { 
    width:auto;
    }

td.type {
    width:30px;
    font-weight: bolder;    
    }
    
td.lieu { 
    width:60px;
    }
    

    
td.resp { 
    width:60px;
    }
    
p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    margin:0 0 0 0;
    color:#000000;
    font-weight: lighter;
    }

h4{
    color: #006600;
    font-style: italic;
    font-weight: normal;
    margin:0 0 0 0;
    padding:0 0 0 0;
    text-align:center;
    }
    
    #legende{
    width:auto;
    height:auto;
    float:left;
    /*font-size:O.8em;*/
    font-size:13px;
    line-height:115%;
    color:#000000;
    font-weight: bold;
    text-align:center;
    }
    
    #datas{
    width:auto;

    height:auto;
    float:left;
    font-size:0.8em;
    
    }
    
    
    #header {
    float:left;

    width:820px;
    background:#DAE0D2 url("../images/cal_bg.gif") repeat-x bottom;
    /* font-size en px pour IE sinon 75% */
    font-size:9px;
    line-height:normal;
    border-width: 5px;
    /*background-color: #99FFFF;*/
      }
    #header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #header li {
      float:left;
      background:  url("../images/cal_left_both.gif") 
        no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #765;
      }
    #header a {
      float:left;
      display:block;
      background:  url("../images/cal_right_both.gif") 
        no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    #header a:hover {
      color:#00CC00;
      }
    #header #current {
      background-position:0% -150px;
      border-width:0;
      }

    #header #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#333;
      }
      
    #header li:hover, #header li:hover a {
      background-position:0% -150px;
      color:#333;
      }
      
    #header li:hover a {
      background-position:100% -150px;
      }
      
    .xx {
        color: #FF00FF;
        font-weight: bold;
        }
.bleu {  /*Reunion*/
    color: #0000CC;
}
.vert { /*botanique*/
    color: #00CC00;
}
.orange { /*culturel*/
    color: #FF9900;
}
.rose {  /*velos*/
    color: #FF00CC;
}
.jfonce {  /*ornith*/
    color: #FFCC00;
}

.reu {  /*Reunion*/
    color: #0000CC;
}
.b {    /*botanique*/
    color: #00CC00;
}
.c { /*culturel*/
    color: #FF9900;
}
.v {  /*velos*/
    color: #FF00CC;
}
.o {  /*ornith*/
    color: #FFCC00;
}

.p { /*photos*/
    color:#FF0066;
    }

.d { /*divers*/
    color:#000000;
}

.fdexpo {
background-color:#FFCC66;

}
.rouge {
    color: #FF0000;
}

.detail {
    width: 980px;
    height: 130px;
    background-color:#FFFFFF;
    position: absolute;
    top: 1px;
    left: 1px;
    line-height:normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left:0px;
    overflow: scroll;
}