/* général */
table.cal_mois td {
    width: 50px;
    height: 30px;
    text-align: center;
  }
  table.cal_mois .mois,
                 .annee {
    font-weight: 700;
    font-size: 1.2rem;
  }
  table.cal_mois a:link,
                 a:visited,
                 a:hover,
                 a:active {
    text-decoration: none;
    font-size: .8rem;
    color: inherit;
  }
  table.cal_mois .jours_sem td {
    color: rgb(105, 96, 96);
  }
  table.cal_mois .auj {
    font-weight: 900;
    text-shadow: 1px 1px 2px rgb(13, 241, 123), 0 0 1em rgb(238, 191, 8), 0 0 0.2em rgb(4, 1, 0);
  }
  table.cal_mois .autre_mois {
    color: #aaaaaa;
  }
  
  
  /* CALENDRIER ANNUEL */
  table.cal_an span.annee {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 1.8rem;
  }
  table.cal_an a.autre_annee {
    font-size: 50%;
    vertical-align: middle;
    text-decoration: none;
    font-size: 1.2rem;
  }
  table.cal_an table.daysmonth-wrapper {
    width: 100%;
    /* border-collapse: collapse; */
  }
  table.cal_an table.daysmonth-wrapper tbody {
    display: block;
    padding: 3px;
  }
  table.cal_an th {
    width: 120px;
    text-shadow: 1px 1px 1px #000;
    color: white;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
  }
  table.cal_an td.dayweek-wrapper {
    padding-left: 10px;
    width: 30%;
  }
  table.cal_an tr td {
    height: 24px;
  }
  table.cal_an td.daynum-wrapper {
    width: 20%;
  }
  table.cal_an th[data-month="1"] {
    background: #FF3333;
  }
  table.cal_an th[data-month="2"] {
    background: #FF9933;
  }
  table.cal_an th[data-month="3"] {
    background: #FFF833;
  }
  table.cal_an th[data-month="4"] {
    background: #A7FF33;
  }
  table.cal_an th[data-month="5"] {
    background: #3EFF30;
  }
  table.cal_an th[data-month="6"] {
    background: #30FF83;
  }
  table.cal_an th[data-month="7"] {
    background: #33FFEB;
  }
  table.cal_an th[data-month="8"] {
    background: #33A7FF;
  }
  table.cal_an th[data-month="9"] {
    background: #3341FF;
  }
  table.cal_an th[data-month="10"] {
    background: #8636FF;
  }
  table.cal_an th[data-month="11"] {
    background: #F133FF;
  }
  table.cal_an th[data-month="12"] {
    background: #FF33A7;
  }
  table.cal_an .days-wrapper {
    background: var(--days-background);
  }
  table.cal_an tr[data-date].event-start,.event-start {
    border-bottom: 1px solid #eee;
  }
  table.cal_an tr[data-booked] {
    opacity: var(--background-opacity);
  }
  table.cal_an tr[data-booked]:hover {
    opacity: 1;
  }
  table.cal_an tr[data-booked="0"] td {
    background: var(--c-not-booked);
  }
  table.cal_an tr[data-booked="1"] td {
    /* background: var(--c-booked); */
  }
  table.cal_an tr[data-cal-categs~="réservations"] td {
    /* background: var(--c-booked); */
  }
  table.cal_an tr[data-cal-name="leboncoin"] td {
    background: orange;
    /* background: linear-gradient(to right, cyan, orange 35%); */
  }
  /* todo */
  table.cal_an tr[data-cal-name="congés"] td {
    background: brown;
  }
  table.cal_an tr td.daynum-wrapper > div {
    text-align: center;
  }
  table.cal_an tr[data-est-ferie="1"] td.daynum-wrapper > div {
    background: #ffbf00;
    border-radius: 50%;
  }
  table.cal_an tr[data-piscine="1"] td:first-of-type {
    background: linear-gradient(to right, cyan, rgba(255, 255, 255, 0.5));
  }
  table.cal_an tr[data-cal-name="leboncoin"][data-piscine="1"] td:nth-of-type(2) {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.5), orange);
  }
  table.cal_an tr[data-booked="0"][data-piscine="1"] td:nth-of-type(2) {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.5), var(--c-not-booked));
  }
  table.cal_an tr.today td.dayweek-wrapper,
  table.cal_an tr.today td.daynum-wrapper {
    font-weight: 600;
    text-shadow: #FC0 1px 0 10px;
  }
  table.cal_an tr.event-start td.dayweek-wrapper {
    border-top-left-radius: 25px;
    border-top-style: solid;
  }
  table.cal_an tr.event-start td.buttons-wrapper {
    border-top-right-radius: 25px;
    border-top-style: solid;
  }
  table.cal_an tr.event-end td.dayweek-wrapper {
    border-bottom-left-radius: 25px;
    border-bottom-style: solid;
  }
  table.cal_an tr.event-end td.buttons-wrapper {
    border-bottom-right-radius: 25px;
    border-bottom-style: solid;
  }
  
  
  table {
    /* border-collapse: separate; */
    border-spacing: 0;
  }
  
  td {
    border: solid 1px #000;
    border-style: none;
    padding: 10px;
  }
  
  tr {
    max-height: 10px;
    max-width: 40px;
  }
  /* tr:first-child td:first-child { border-top-left-radius: 10px; }
  tr:first-child td:last-child { border-top-right-radius: 10px; }
  
  tr:last-child td:first-child { border-bottom-left-radius: 10px; }
  tr:last-child td:last-child { border-bottom-right-radius: 10px; } */
  
  tr:first-child td { border-top-style: solid; }
  tr td:first-child { border-left-style: solid; }