.almanach{
    margin-left:0;
    margin-top:0;
}

.ui-widget-content{
    background:transparent;
}

.ui-datepicker .ui-datepicker-title{
    font-family:Montserrat, sans-serif;
}

.ui-datepicker .ui-datepicker-next span{
    background:url(/template/fleche-d.webp) no-repeat center center !important;
    background-size:contain !important;
    height:47px;
    width:47px;
}

.ui-datepicker .ui-datepicker-prev span{
    background:url(/template/fleche-g.webp) no-repeat center center !important;
    background-size:contain !important;
    height:47px;
    width:47px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active{
    border:none;
    background:transparent;
    font-weight:normal;
    color:#092327;
    text-align:center;
    padding:10px 10px;
    margin:5px;
    display:inline-block;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover{
    background:transparent !important;
    border:none !important;
}

.ui-widget-header{
    border:none;
    background:transparent;
    border-radius:0 !important;
    color:#1d1d1b;
    font-weight:bold;
    font-size:30px;
}

.ui-corner-all{
    border-radius:0;
}

.ui-widget.ui-widget-content{
    font-size:20px;
    border:1px solid transparent;
    border-bottom-right-radius:33px;
    box-shadow:none;
    width:auto;
    display:inline-block;
}

.ui-datepicker{
    width:21em;
    max-width:21em;
    padding:0 0 31px;
}

.ui-datepicker .ui-datepicker-header{
    padding:8px 0;
}

.ui-datepicker table{
    width:100%;
}

table.ui-datepicker-calendar tbody td.specialDay a{
    border:1px solid #066024;
    background:#066024;
    color:#ffffff;
    font-weight:bold;
    border-radius:33px;
    transition:transform 300ms;
    font-family:Montserrat, sans-serif;
}

table.ui-datepicker-calendar tbody td.specialDay a:hover{
    transform:rotate(45deg);
    border:1px solid #efc8c0;
    background:#242d39 !important;
    color:#ffffff !important;
}

table.ui-datepicker-calendar tbody td.specialDayM a{
    border:1px solid #066024;
    background:#066024;
    color:#ffffff;
    font-weight:bold;
    border-radius:33px;
    transition:transform 300ms;
    font-family:Montserrat, sans-serif;
}

table.ui-datepicker-calendar tbody td.specialDayM a:hover{
    transform:rotate(45deg);
    border:1px solid #05481b;
    background:#05481b !important;
    color:#ffffff !important;
}

/* Masquer l'agenda sur très petits écrans */
@media screen and (max-width: 420px){
    .almanach{
        display:none !important;
    }
}

/* MOBILE */
@media screen and (max-width: 575px){
    .ui-widget.ui-widget-content{
        font-size:15px;
        box-shadow:none;
    }

    .ui-datepicker{
        width:17em;
        max-width:17em;
        padding:0 0 18px;
    }

    .ui-datepicker .ui-datepicker-header{
        padding:8px 0;
    }

    .ui-widget-header{
        font-size:24px;
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default{
        padding:7px 7px;
        margin:2px;
    }

    .ui-datepicker .ui-datepicker-next span,
    .ui-datepicker .ui-datepicker-prev span{
        width:30px;
        height:30px;
    }
}

/* TABLETTE */
@media screen and (min-width: 576px) and (max-width: 991px){
    .ui-widget.ui-widget-content{
        font-size:18px;
        box-shadow:none;
    }

    .ui-datepicker{
        width:19em;
        max-width:19em;
        padding:0 0 24px;
    }

    .ui-datepicker .ui-datepicker-header{
        padding:8px 0;
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default{
        padding:8px 8px;
        margin:3px;
    }

    .ui-datepicker .ui-datepicker-next span,
    .ui-datepicker .ui-datepicker-prev span{
        width:38px;
        height:38px;
    }
}

/* DESKTOP */
@media screen and (min-width: 992px){
    .ui-widget.ui-widget-content{
        box-shadow:none;
    }

    .ui-datepicker{
        width:21em;
        max-width:21em;
        padding:0 0 31px;
    }

    .ui-datepicker .ui-datepicker-header{
        padding:8px 0;
    }
}

/* GRAND ÉCRAN */
@media screen and (min-width: 1200px){
    .ui-widget.ui-widget-content{
        background:white;
    }
}