/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 1 avr. 2022, 12:02:05
    Author     : jf
*/

.sectionMainvisu {
    opacity:100%;
}
.logoli {
    display:block;
}
.ulmenutop {
}
.agenda {
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 4px;
}
.posLinkAgendaOn {
    display: block;
    float: right;
    position: fixed;
    right: 4px;
    margin-top: 10px;
    top: 0;
    width: auto;
}

.fixednav {
    text-align:left;
    height:60px;
}
.calendarHeader, .calendarLine, .butMonthPrev, .monthOn, .calendarHeaderControl, .calendarCell, .calendarBody, .cellOff, .aCircleForDay {
    float:left;
    position: relative;
}

.calendarHeader, .calendarBody {
    width:98%;
    top:70px;
    left:1%;
    height:auto;
    text-align:center;
}
.calendarLine {
    width: 100%;
    height:auto;
}
.calendarHeaderControl {
    width:300px;
    text-align: center;
    left:50%;
    margin-left:-150px;
    margin-bottom:20px;
}
.calendarLegend {
    float:left;
    position:relative;
    width:100%;
    height:16px;
}
.calLegend, .calLegendT {
    float: left;
    position:relative;
    width:auto;
}
.calLegendT {
    padding-left: 10px;
    padding-right: 30px;
    padding-top: 11px;
}
.butMonthPrev {
    min-width: 40px;
    text-align: left;
    left:0;
    height:40px;
}
.monthOn {
    text-align: center;
    width:220px;
    font-weight: 400;
    font-size: 16px;
    height:20px;
    margin-top:12px;
}
.butMonthNext {
    float:right;
    position: relative;
    min-width: 40px;
    width:40px;
    right:0;
    text-align:right;
    height:40px;
}
.calendarBorder, .cellOff, .cellOn {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.calendarCell {
    width:14.28%;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: black;
    left:0;
    right:0;
    top:0;
    background-color:white;
}
.cellOff, .cellOn {
    height:auto;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: black;
}
.cellOff {
    background-color: rgb(235,251,217);
    background-color: rgba(235,251,217,1.0);
}
.cellClosed {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: black;
}
.agLineTop {
    float:left;
    position:relative;
    height:28px;
    width:100%;
}
.agCircleForDay, .agCircleForDay0, .agCircleForDay1, .agCircleForDay2, .agCircleForDay3, .agCircleForDayZ {
    float:left;
    position:relative;
    top:5px;
    left:5px;
    width:24px;
    padding-top: 5px;
    height:19px;
    border-radius: 12px 12px 12px 12px ;
    -moz-border-radius:  12px 12px 12px 12px ;
    -webkit-border-radius:  12px 12px 12px 12px ;
    behavior: url(../css/PIE.htc);
    background-color:lightgray;    
}
.agCircleForDay3, .agCircleForDay0 {
    background-color:black;    
    color:white;    
}
.agCircleForDay1 {
    background-color:rgb(239,110,96);    
    background-color:rgba(239,110,96, 1.0);    
}
.agCircleForDay2 {
    background-color:rgb(83,213,85);    
    background-color:rgba(83,213,85, 1.0);    
}
.agFromTo {
    float:right;
    position:relative;
    top:5px;
    left:unset;
    right:10px;
    width:auto;
    padding-top: 5px;
    height:17px;
    font-size: 11px;
    color:black;
}
.agTarif, .agAdr1, .agAdr2, .agMdph, .agAspa, .agVille, .agDesc, .agFullDate  {
    float:left;
    position:relative;
    display:none;
}
.agSep {
    float:left;
    position:relative;
    width:100%;
    border-bottom-style: solid;
    border-bottom-color: grey;
    border-bottom-width: 1px;
}
.activCell, .nonActivCell {
   cursor: pointer;
}

.agTitre {
    width:inherit;
    height:auto;
    text-align:center;
    font-weight: bold;
    font-size:16px;
    display:table-cell;
    vertical-align: middle;
    padding-left: 3%;
    padding-right: 3%;
}
.calendarCellHeader {
    padding-top:10px;
    padding-bottom:10px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: black;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: black;
    background-color:rgb(242,196,49);
    background-color:rgba(242,196,49,1.0);
    font-size:18px;
}
.calendarCellHeader:first-child {
    border-radius: 10px 0 0 0 ;
    -moz-border-radius:  10px 0 0 0 ;
    -webkit-border-radius:  10px 0 0 0 ;
    behavior: url(../css/PIE.htc);

}
.calendarCellHeader:last-child {
    border-radius: 0 10px 0  0 ;
    -moz-border-radius: 0 10px 0  0 ;
    -webkit-border-radius: 0 10px  0 0 ;
    behavior: url(../css/PIE.htc);

}