#bloc-legende-calendrier{
    text-align:center;
    margin-bottom:7px;
}

.calendrier-ligne-aide{
    font-size: 15px;
    text-align:center;
    margin-bottom:5px;
    font-weight: bold;
    margin-left: -10px;
}

.calendrier{
    width:224px;
    margin:auto;
    height: 315px;
}

.calendrier .calendrier-tete{
    width:100%;
    height:71px;
    background:#6c6262;
}

.calendrier .calendrier-jour{
    width:224px;
    height:24px;
    background:#e3e3e3;
    border-left:1px solid #d7d7d9;
    border-right:1px solid #d7d7d9;
    padding-top: 0.75rem;
}

.calendrier .calendrier-corps{
    width:224px;
    background:#FFF;
    border-left:1px solid #d7d7d9;
    border-right:1px solid #d7d7d9;
    border-bottom:1px solid #d7d7d9;
}

.calendrier .calendrier-tete-lien-gauche,
.calendrier .calendrier-tete p{
    float:left;
    height:71px;
    margin-bottom: 0px;
}

.calendrier .calendrier-tete-lien-droite {
    float: right;
    height: 71px;
}

.calendrier .calendrier-tete-lien-gauche,
.calendrier .calendrier-tete-lien-droite{
    width:23px;
}

.calendrier .calendrier-tete p{
    width:158px;
    line-height:71px;
    text-align:center;
    font-size:16.82px;
    color:#FFF;
    text-transform:uppercase;
}

.calendrier .calendrier-jour p{
    float:left;
    width:calc(100%/7);
    margin-bottom: 0px;
    text-align:center;
    text-transform:uppercase;
    font-size:10.81px;
    color:#646464;
    line-height:4px;
}

.calendrier .jour{
    width:calc(100%/7);
    /*height:36px;*/
    float:left;
    font-size:14.42px;
    color:#585c5c;
    text-align:center;
    line-height:36px;
    font-weight:bold;
}

.calendrier .jour-hors-mois{
    color:#cfcfcf;
    background:url('../images/calendrier/fond-jour-hors-mois.jpg') no-repeat top right;
}

.calendrier .jour-vide{
    background:url('../images/calendrier/fond-jour-vide.jpg') no-repeat top right;
}

.calendrier .jour-reserve{
    background:url('../images/calendrier/fond-jour-reserve.jpg') no-repeat top right;
}

.calendrier .jour-autres{
    background:url('../images/calendrier/fond-jour-autres.jpg') no-repeat top right;
}

.periode-calendrier{
    width:225px;
    margin:10px auto 20px auto;
}

.periode-calendrier > table{
    width:100%;
}

.periode-calendrier tr{
    height:30px;
}

.periode-calendrier td,
.periode-calendrier td a{
    font-size:13px;
    text-decoration:none;
    /*color:#777;*/
}

.periode-calendrier-label{
    padding:0px;
}

.periode-calendrier-prix{
    width:61px;
    text-align: center;
    font-weight: bold;
}

.periode-calendrier-picto,
.periode-calendrier-picto-minute{
    width:20px;
}

.periode-calendrier-picto i,
.periode-calendrier-picto-minute i {
    border-radius: 15px;
    line-height: 21px;
    padding-left: 7px;
    width: 20px;
    height: 20px;
}

.calendrier-aide-1,
.calendrier-aide-3{
    visibility:hidden;
    white-space:nowrap;
}

.calendrier-aide-2{
    white-space:nowrap;
}