/* POLICES */
.defaultPolice {
  font-family: "canada-type-gibson", sans-serif;
  font-style: normal;
  font-weight: 300;
}
/*** calendrier ***/
#div_calendrier {
  width: 100%;
}
/****
ul#onglets {
    width: 100%;
    list-style: none;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px 0;
    margin: 0;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;

    &>li {
        width: auto;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        justify-content: center;
        align-items: flex-start;
        padding: 5px 15px 10px 15px;
        cursor: pointer;
        .T(20);
        line-height: 20px;
        .police(600);

        .coulSaison {
            color: @couleur1;
            text-decoration: underline;
        }

        &.bgGris {
            text-align: center;
            background-color: #efefef;
            line-height: 16px;
            padding: 5px;
            margin: 0;
        }
    }

    &.specialMargin {
        margin: 20px 0;
    }

    &.T14 {
        .T(14);

        &>li {
            margin: 0;
        }
    }
}
***/
.calendrier {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 5px 0;
  padding: 10px;
  font-size: 20px;
  line-height: 20px;
  background-color: #ededed;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
.calendrier:before {
  content: "";
  width: 100%;
  min-height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.03);
  left: 0;
  top: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
.calendrier .cellBlock1 {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.calendrier .cellBlock1 .cellDate {
  width: 25%;
  align-self: center;
  color: #000000;
}
.calendrier .cellBlock1 .cellDate strong {
  font-family: "canada-type-gibson", sans-serif;
  font-style: normal;
  font-weight: 600;
}
.calendrier .cellBlock1 .cellSupport {
  width: 75%;
  align-self: center;
  color: #000000;
  padding: 0 0 0 10px;
  font-family: "canada-type-gibson", sans-serif;
  font-style: normal;
  font-weight: 600;
}
.calendrier .cellBlock2 {
  width: 50%;
  display: flex;
  position: relative;
  z-index: 1;
  padding: 0 0 0 10px;
}
.calendrier .cellBlock2 .cellLieu {
  width: 75%;
  align-self: center;
  color: #000000;
}
.calendrier .cellBlock2 .cellLieu span {
  font-size: 16px;
  line-height: 16px;
  color: #008fd4;
}
.calendrier .cellBlock2 .cellResa {
  margin-left: auto;
  justify-content: flex-end;
  font-family: "canada-type-gibson", sans-serif;
  font-style: normal;
  font-weight: 700;
}
.calendrier .cellBlock2 .cellResa a {
  text-align: center;
}
/*** fin calendrier ***/