/* 
    Created on : 24 juin 2019, 18:53:27
    Author     : Xavier
*/

.calendrier{
    background-color:#0A0A0A;
    color: #af9769;
    margin:auto ; /* 2em 1em 1em 0;*/
    width:15em;
}
.calendrier .mois {
    text-align: center;
    font-size: 1em;
    font-weight:bold;
    margin: auto;
    padding: 0.1em 0 0.5em 0;
}

.calendrier .ligne {
  margin:auto ;
}

.calendrier .JdS {
    font-weight: bold;
}

.calendrier .JdS,
.calendrier [class*="cel"]{
    display:inline-block;
    padding:auto;
    font-size: 0.75em;
    text-align:center;
    border: solid #582900 0px;
    width:calc(100% / 7);
    height: 1.5em;
}

.calendrier a:active, .calendrier  a:visited, .calendrier a:link, .resa, 
a:hover {
    color: #af9769;
    cursor: pointer;
}
.calendrier [class*="celVide"] a:active, .calendrier [class*="celVide"] a:visited, .calendrier [class*="celVide"] a:link{
    color:#463C2A;            
}

.calendrier [class*="we"] {
    background-color: #342D1F;
}



.Legende {
    display: Flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ligne{
    display: Flex;
    flex-direction  : row;
    justify-content: center;
    align-items: center;
}

.ligne .label{
    color: #af9769;
    font-size: 1.25em;
    margin: 0.25em 1em;
}

iframe {
  border: 0;
  padding: 0;
  overflow: hidden;
  height: 16em;
}

.nextCal {
    margin: 0 3em 0 0 ;
    font-size: 0.25em;
}

.prevCal{
    margin: 0 0 0 3em ;
    font-size: 0.25em;
}