.abatik-calendrier-container {position:absolute; height:322px; width:100%; padding:10px; padding-right:20px;}
.abatik-calendrier-container.abatik-calendrier-integre {position:relative; padding:10px;}
.abatik-calendrier {width:100%; height:302px; background:#808d9e; border-radius:4px; padding:10px 20px;}
.abatik-calendrier-cursor {position:absolute; bottom:-10px; width:0px; border:10px solid transparent; border-top:10px solid #808d9e;}
.abatik-calendrier-heure {display:none;}
.abatik-calendrier-date {}
.abatik-calendrier-date .abatik-calendrier-entete {text-align:left;}
.abatik-calendrier-date .abatik-calendrier-entete .abatik-calendrier-label {display:inline-block; vertical-align:middle;}
.abatik-calendrier-date .abatik-calendrier-entete .abatik-calendrier-label-mois {width:217px; margin-left:26px; text-align:left; line-height:25px; font-size:15px;}
.abatik-calendrier-date .abatik-calendrier-entete .abatik-calendrier-label-mois i {font-size:13px;}
.abatik-calendrier-date .abatik-calendrier-entete .abatik-calendrier-label-mois-moins {margin:4px 7px 5px 9px; width:30px; text-align:center; font-size:18px; cursor:pointer; padding-top:4px;}
.abatik-calendrier-date .abatik-calendrier-entete .abatik-calendrier-label-mois-plus {margin:4px 9px 5px 9px; width:30px; text-align:center; font-size:18px; cursor:pointer; padding-top:4px;}
.abatik-calendrier-date .abatik-calendrier-jours {line-height:16px; display:table;}
.abatik-calendrier-date .abatik-calendrier-jour {display:inline-block; padding:8px; width:45px; font-size:13px; margin:1px;}
.abatik-calendrier-date .abatik-calendrier-jour.disabled {opacity:0.3;}
.abatik-calendrier-date .abatik-calendrier-jour-titre {font-size:11px;}
.abatik-calendrier-date .abatik-calendrier-jour:not(.disabled):not(.abatik-calendrier-jour-titre) {cursor:pointer;}
.abatik-calendrier-date .abatik-calendrier-jour:not(.disabled):not(.abatik-calendrier-jour-titre):hover {background:#485663;}
.abatik-calendrier-date .abatik-calendrier-jour.today {background:#e84171;}
.abatik-calendrier-date .abatik-calendrier-jour.active {background:#26303a;}
.abatik-calendrier-date .abatik-calendrier-jour.abatik-calendrier-jour-completion {color:#26303a;}
.abatik-calendrier-date .abatik-calendrier-jour:not(.disabled).abatik-calendrier-jour-completion:hover {background:#9daaba;}


.abatik-calendrier-heure .abatik-calendrier-back {text-align:left; cursor:pointer;}
.abatik-calendrier-heure .abatik-calendrier-back i {margin-right:8px; font-size:20px; vertical-align:middle;}
.abatik-calendrier-heure .abatik-calendrier-back span {display:inline-block; vertical-align:middle; margin-top:-8px;}
.abatik-calendrier-heure .abatik-calendrier-label-date {margin:25px; color:#293543; font-size:28px;}
.abatik-calendrier-heure input, .abatik-calendrier-heure select {width:70px; color:#000000; text-align:center; padding:5px; font-size:19px;}
.abatik-calendrier-heure .abatik-calendrier-zone-heures {display:inline-block; vertical-align:bottom;}
.abatik-calendrier-heure .abatik-calendrier-zone-heures .abatik-calendrier-label-heures {font-size:11px; margin-bottom:2px;}
.abatik-calendrier-heure .abatik-calendrier-zone-separateur {display:inline-block; vertical-align:bottom; font-size:19px; color:#4a5767; margin:9px 6px;}
.abatik-calendrier-heure .abatik-calendrier-zone-minutes .abatik-calendrier-label-minutes {font-size:11px; margin-bottom:2px;}
.abatik-calendrier-heure .abatik-calendrier-zone-minutes {display:inline-block; vertical-align:bottom;}
.abatik-calendrier-heure .abatik-calendrier-validate {background:#9daaba; color:#5b6878; border:none; padding:8px 28px; font-size:15px; display:block; margin:0 auto; margin-top:20px; font-weight:bold;}