.date-event{

}
.date-picker{
    min-width:206px;
    width:11vw;
    vertical-align: middle;
    font-size:calc(10px + 0.5vw);
    border-radius:3px;
    background-color: #ffa800;
    padding:5px;
    color:black;
}
.but-loupe{
    background-color: transparent;
}
.loupe{
    min-width:20px;
    max-width:1.5vw;
    min-height:20px;
    max-height:1.5vw;
    border-radius:3px;
    vertical-align: middle;
}
.date-event-retour{
    margin:auto;
    max-width:100%;
    height:auto;
    padding:0.5vw;
}
.block-event{
    min-width:150px;
    width:11vw;
    min-height:220px;
    height:18vw;
    margin:0.5vw;
    padding-bottom:0.5vw;
    border:1px solid #ffa800;
    border-radius:3px;
    box-shadow: 0px 2px 0px 0px transparent;
}
.block-event:hover{
    box-shadow: 0px 2px 0px 0px #ffa800;
}
.img-agenda{
    width:100%;
    min-width:150px;
    min-height:150px;
    height:11vw;
}
.quoi{
    font-size:calc(8px + 0.4vw);
    padding:0.5vw;
}
.quand{
    font-size:calc(8px + 0.2vw);
    padding:1vw;
    padding-left:1vw;
}
.ou{
    font-size:calc(8px + 0.3vw);
    padding:0.5vw;
}
.quoi:hover,
.quand:hover,
.ou:hover{
    color:#ffa800; 
}

/* Gestion agenda */

.menu-event{
    font-size:calc(8px + 0.2vw);
    padding:0.1vw;
    margin-bottom: 0.5vw;
    border-radius:3px;
    color:black;
    background-color: #ffa800;
    border:1px solid #ffa800;
}