.calendrier_dd {
    background-color: #f00 ;
    color: #ff0000;
    cursor: default;
}

.calendrier_app_dd {
    background-color: #0f0 ;
}

.calendrier_app_dem_dd {
    background-color: #ff0 ;
}

.calendrier_body{
    font-size: 1vw;
    background: transparent ;
    padding: 1vw 1vw 1vw 1vw;
    overflow-x : hidden ;
    overflow-y : hidden ;
}

.calendrier_heure{
    position: absolute;
    top:10% ;
    left:  7% ;
    width: 15%;
    height: 80%;
    background-color: #000;
    font-size: 2vh;
    color: #ffffff;
    font-weight: bold;
    font-family: 'arialregular', Arial, Helvetica, sans-serif;
}

.calendrier_dispo{
    position: absolute;
    top:10% ;
    left:  22% ;
    width: 60%;
    height: 80%;
    background-color: #fb0;
    font-size: 2vh;
    color: #000;
    font-weight: bold;
    font-family: 'arialregular', Arial, Helvetica, sans-serif;
}
.calendrier_indispo{
    position: absolute;
    top:10% ;
    left:  22% ;
    width: 60%;
    height: 80%;
    background-color: #0000ff;
    font-size: 2vh;
    color: #ffffff;
    font-weight: bold;
    font-family: 'arialregular', Arial, Helvetica, sans-serif;
}

.calendrier_special{
    position: absolute;
    top:10% ;
    left:  22% ;
    width: 60%;
    height: 80%;
    background-color: #f00;
    font-size: 2vh;
    color: #000;
    font-weight: bold;
    font-family: 'arialregular', Arial, Helvetica, sans-serif;
}

.calendrier_vignette{
    position: absolute;
    top:10% ;
    left:  82% ;
    width: 18%;
    height: 80%;
    background-color: #e3f;
    font-size: 2vh;
    color: #000;
    font-weight: bold;
    font-family: 'arialregular', Arial, Helvetica, sans-serif;
}

.calendrier_horaire{
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );

    /*border: 1px solid #555;*/
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    border-radius: 10px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    
    height: 89% ;
    overflow-x: hidden;
    overflow-y: auto;
}

.calendrier_rdv_body{
    font-size: 1vw;
    background: transparent ;
    padding: 1vw 1vw 1vw 1vw;
    overflow-x : hidden ;
    overflow-y : auto ;
    height : 80%;
}

.calendrier_rdv{
    background: -moz-linear-gradient(left,  rgba(244,202,85,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(244,202,85,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,  rgba(244,202,85,1) 0%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,  rgba(244,202,85,1) 0%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left,  rgba(244,202,85,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,  rgba(244,202,85,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ca55', endColorstr='#00ffffff',GradientType=1 );

    /*border: 1px solid #555;*/
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    border-radius: 10px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    
    position: absolute;
    height: 85%;
    overflow: hidden;
}

.calendrier_rendezvous_vignette{
    background: -moz-linear-gradient(top,  rgba(0,0,0,1) 51%, rgba(5,5,5,1) 52%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(51%,rgba(0,0,0,1)), color-stop(52%,rgba(5,5,5,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 51%,rgba(5,5,5,1) 52%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,1) 51%,rgba(5,5,5,1) 52%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,1) 51%,rgba(5,5,5,1) 52%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,1) 51%,rgba(5,5,5,1) 52%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=0 );

    /*border: 1px solid #555;*/
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    border-radius: 10px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
}

.calendrier_texte1{
    
    font-family: 'arialregular', Arial, Helvetica, sans-serif;
    font-size: 2.5vh;
    font-style: italic;
    font-weight: bold;
    color: #ffffff;
}

.calendrier_texte2{    
    font-family: 'arialregular', Arial, Helvetica, sans-serif;
    font-size: 2.5vh;
    font-style: normal;
    font-weight: bold;
    color: #ffff00;
}

.calendrier_texte3{    
    font-family: 'arialregular', Arial, Helvetica, sans-serif;
    font-size: 2.5vh;
    font-style: normal;
    font-weight: bold;
    color: #ff0000;
    background-color: #000000;
}
.calendrier_texte4{    
    font-family: 'arialregular', Arial, Helvetica, sans-serif;
    font-size: 2vh;
    font-style: normal;
    font-weight: bold;
    color: #0033ff;
}
.calendrier_texte5{    
    font-family: 'arialregular', Arial, Helvetica, sans-serif;
    font-size: 0.8vw;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
    top:0% ;
    left:  0% ;
    width: 100%;
    text-align: center;
}

.calendrier_texte6{    
    font-family: 'arialregular', Arial, Helvetica, sans-serif;
    font-size: 1.5vw;
    color: #ffffff;
    float : right;
    font-style: normal;
    font-weight: bold;
    padding-right: 1vw;
}

.calendrier_console_box{
    background-color: 'none' ;
    border: 1px solid #f00;
    height: 2vw ;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    overflow: hidden;
}

.calendrier_console_box > span{
    position: absolute;
    width: 100%;
    height: 2vw ;
}

.calendrier_numeric_hour_lab{
    font-size: 1.5vh;
    color: #000000;
    font-weight: bold;
    font-family: 'arialregular', Arial, Helvetica, sans-serif;
}

.calendrier_tete_hour {
}

.calendrier_tete_hour img{
    height : 100%;
}
  height : 100%;
}