@charset "UTF-8";
/*
iPhone	-> plus petit que 768px
iPad	-> entre 768 et 1024
ordi	-> à partir de 1024
*/
/*
Couleurs
*/
@import url(fonts.css);
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap");
/*
RESET
*/
/* line 10, ../../Timbreuse/sass/main.scss */
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 1em;
  font: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 21, ../../Timbreuse/sass/main.scss */
ol,
ul {
  list-style: none;
}

/* line 26, ../../Timbreuse/sass/main.scss */
ul.puces {
  list-style: circle;
  list-style-position: inside;
}

/* line 31, ../../Timbreuse/sass/main.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 36, ../../Timbreuse/sass/main.scss */
a,
a:hover,
a:focus {
  color: inherit;
  text-decoration: inherit;
}

/* line 43, ../../Timbreuse/sass/main.scss */
a:hover {
  cursor: pointer;
}

/* line 47, ../../Timbreuse/sass/main.scss */
h1 {
  font-size: 190%;
}

/* line 51, ../../Timbreuse/sass/main.scss */
h2 {
  font-size: 160%;
}

/* line 55, ../../Timbreuse/sass/main.scss */
h3 {
  font-size: 110%;
}

/* line 59, ../../Timbreuse/sass/main.scss */
sup {
  vertical-align: text-top;
  font-size: 60%;
}

/* line 64, ../../Timbreuse/sass/main.scss */
sub {
  vertical-align: text-bottom;
  font-size: 60%;
}

/* line 69, ../../Timbreuse/sass/main.scss */
em {
  font-style: italic;
}

/* line 73, ../../Timbreuse/sass/main.scss */
.clear {
  clear: both;
}

/* line 77, ../../Timbreuse/sass/main.scss */
.flex_sb_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/*
GLOBAL
*/
/* line 88, ../../Timbreuse/sass/main.scss */
html,
body {
  width: 100%;
  height: 100%;
  font-family: 'Inter', sans-serif;
  color: #1e2539;
  line-height: 1.3;
  background: #f1f3f8;
}

/* line 98, ../../Timbreuse/sass/main.scss */
#main {
  margin: 0 auto;
  min-width: 500px;
}

/* line 103, ../../Timbreuse/sass/main.scss */
.marger {
  margin: 0 auto;
  max-width: 95%;
}

/* line 108, ../../Timbreuse/sass/main.scss */
[class^='icon'] {
  color: #1e2539;
}

/* line 112, ../../Timbreuse/sass/main.scss */
.icon-h_arr,
.icon-h_dep {
  color: #0099ff;
}

/* line 117, ../../Timbreuse/sass/main.scss */
.icon-pause {
  color: #ff6600;
}

/* line 121, ../../Timbreuse/sass/main.scss */
.icon-vacances {
  color: #9900ff;
}

/* line 125, ../../Timbreuse/sass/main.scss */
.icon-malade {
  color: #ff33ff;
}

/* line 129, ../../Timbreuse/sass/main.scss */
.icon-feries {
  color: #6ce4a2;
}

/* line 133, ../../Timbreuse/sass/main.scss */
.icon-alerte {
  color: #ff4b55;
}

/*
CALENDRIER
*/
/* line 144, ../../Timbreuse/sass/main.scss */
.calendrier .semaine,
.calendrier .quadrimestre {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 10px;
  margin-bottom: 10px;
  align-items: stretch;
  position: relative;
}

/* line 156, ../../Timbreuse/sass/main.scss */
.calendrier .numero_semaine,
.calendrier .numero_semaine_placeholder {
  font-size: .8em;
  vertical-align: middle;
  color: #7485b6;
}

/* line 163, ../../Timbreuse/sass/main.scss */
.calendrier .numero_semaine {
  display: none;
}

/* line 167, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour,
.calendrier .case_mois {
  flex: 1 1 0px;
  padding: 28px 5px 5px 5px;
  margin: 0px;
  min-height: 100px;
  border-radius: .3em;
  position: relative;
  text-align: center;
}

/* line 177, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour a.overlay,
.calendrier .case_mois a.overlay {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: .3em;
  z-index: 5;
  text-align: center;
  background: rgba(255, 255, 255, 0.3);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}

/* line 193, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour a.overlay > span[class^='icon'],
.calendrier .case_mois a.overlay > span[class^='icon'] {
  display: block;
  position: absolute;
  bottom: 10%;
  right: 10%;
  width: 50px;
  height: 50px;
  background-color: white;
  font-size: 2.5em;
  color: #0099ff;
  border-radius: 50%;
  line-height: 1.2em;
  padding-left: 3px;
  box-shadow: 2px 2px 6px 0 rgba(30, 37, 57, 0.1);
}

/* line 209, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour .numero_jour,
.calendrier .case_jour .nom_mois,
.calendrier .case_mois .numero_jour,
.calendrier .case_mois .nom_mois {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 10;
}

/* line 217, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour .h_arr,
.calendrier .case_jour .h_dep,
.calendrier .case_mois .h_arr,
.calendrier .case_mois .h_dep {
  color: #0099ff;
}

/* line 222, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour .pause,
.calendrier .case_mois .pause {
  color: #ff6600;
  margin: 5px 0 5px 0;
}

/* line 227, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour .temps_travail,
.calendrier .case_mois .temps_travail {
  font-weight: 600;
  padding: 4px 0 4px 0;
  border-radius: .3em;
  width: 100%;
}

/* line 234, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour:hover,
.calendrier .case_mois:hover {
  z-index: 2;
  box-shadow: 0px 0px 12px 5px rgba(0, 153, 255, 0.1);
}

/* line 239, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour:hover .overlay,
.calendrier .case_mois:hover .overlay {
  visibility: visible;
  opacity: 1;
}

/* line 245, ../../Timbreuse/sass/main.scss */
.calendrier .case_mois {
  background-color: white;
}

/* line 249, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.travail,
.calendrier .case_mois {
  background-color: white;
}

/* line 253, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.travail .numero_jour,
.calendrier .case_mois .numero_jour {
  color: #344063;
}

/* line 257, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.travail .temps_travail,
.calendrier .case_mois .temps_travail {
  background: #f1f3f8;
}

/* line 261, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.travail .temps_travail.negatif,
.calendrier .case_mois .temps_travail.negatif {
  background: #fff6f7;
  color: #ff4b55;
}

/* line 267, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.actif,
.calendrier .case_mois.actif {
  background: #e0f3ff;
}

/* line 272, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.actif .numero_jour,
.calendrier .case_jour.actif .nom_mois,
.calendrier .case_mois.actif .numero_jour,
.calendrier .case_mois.actif .nom_mois {
  color: #0099ff;
}

/* line 277, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.actif .temps_travail,
.calendrier .case_mois.actif .temps_travail {
  background: #ccebff;
}

/* line 282, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.vacances {
  background: #f3e0ff;
}

/* line 285, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.vacances .numero_jour {
  color: #9900ff;
}

/* line 290, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.vacances::before,
.calendrier .case_mois .nbr_jours_vacances::before {
  font-family: 'icomoon-timbreuse';
  content: "\e903";
  font-size: 2.5em;
  color: #9900ff;
}

/* line 298, ../../Timbreuse/sass/main.scss */
.calendrier .case_mois .nbr_jours_vacances::before {
  font-size: 2em;
  vertical-align: middle;
}

/* line 303, ../../Timbreuse/sass/main.scss */
.calendrier .case_mois .nbr_jours_vacances {
  color: #9900ff;
}

/* line 308, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.malade {
  background: #ffe7ff;
}

/* line 311, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.malade .numero_jour {
  color: #ff33ff;
}

/* line 316, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.malade::before,
.calendrier .case_mois .nbr_jours_malade::before {
  font-family: 'icomoon-timbreuse';
  content: "\e908";
  font-size: 2.5em;
  color: #ff33ff;
}

/* line 324, ../../Timbreuse/sass/main.scss */
.calendrier .case_mois .nbr_jours_malade::before {
  font-size: 2em;
  vertical-align: middle;
}

/* line 329, ../../Timbreuse/sass/main.scss */
.calendrier .case_mois .nbr_jours_malade {
  color: #ff33ff;
}

/* line 333, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.ferie {
  background: #edfcf4;
}

/* line 336, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.ferie .numero_jour {
  color: #6ce4a2;
}

/* line 341, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.ferie::before {
  font-family: 'icomoon-timbreuse';
  content: "\e909";
  line-height: 2em;
  font-size: 2.5em;
  color: #6ce4a2;
}

/* line 349, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.alerte {
  background: #ffe9eb;
}

/* line 352, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.alerte .numero_jour {
  color: #ff4b55;
}

/* line 357, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.alerte::before {
  font-family: 'icomoon-timbreuse';
  content: "\e905";
  line-height: 2em;
  font-size: 2.5em;
  color: #ff4b55;
}

/* line 365, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.we,
.calendrier .case_jour.autre {
  background: #f7f8fb;
}

/* line 369, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.we .numero_jour,
.calendrier .case_jour.autre .numero_jour {
  color: #909ec5;
}

/* line 373, ../../Timbreuse/sass/main.scss */
.calendrier .case_jour.we .temps_travail,
.calendrier .case_jour.autre .temps_travail {
  background: #eef0f6;
}

/* line 378, ../../Timbreuse/sass/main.scss */
.calendrier .case_mois .complet::after,
.calendrier .case_mois .incomplet::after {
  content: "\2022";
  position: relative;
  top: -5px;
  margin-left: 3px;
  color: #07D849;
}

/* line 387, ../../Timbreuse/sass/main.scss */
.calendrier .case_mois .incomplet::after {
  color: #ff4b55;
}

/*
CALENDRIER VUE
*/
/* line 398, ../../Timbreuse/sass/main.scss */
header {
  padding-top: 25px;
  margin-bottom: 20px;
}

/* line 402, ../../Timbreuse/sass/main.scss */
header nav {
  flex: none;
  padding: 5px 7px;
  border-radius: 1em;
  background: rgba(255, 255, 255, 0.4);
  text-align: center;
}

/* line 410, ../../Timbreuse/sass/main.scss */
header nav a {
  display: inline-block;
  padding: 5px 10px;
  border-radius: .9em;
  background-color: white;
  transition: all .2s ease;
}

/* line 418, ../../Timbreuse/sass/main.scss */
header nav a:not(:last-child) {
  margin-right: 5px;
}

/* line 422, ../../Timbreuse/sass/main.scss */
header nav a:hover {
  color: #0099ff;
  box-shadow: 0px 0px 5px 1px rgba(0, 153, 255, 0.2);
}

/* line 427, ../../Timbreuse/sass/main.scss */
header nav a.actif {
  color: #0099ff;
}

/* line 431, ../../Timbreuse/sass/main.scss */
header nav#nav_date a.nav_fleche {
  font-size: 1.5em;
  padding: 3px;
  vertical-align: middle;
}

/* line 437, ../../Timbreuse/sass/main.scss */
header nav#nav_date a.nav_fleche span {
  display: block;
}

/* line 441, ../../Timbreuse/sass/main.scss */
header .select_cal_team_id {
  float: right;
  margin: 20px 0px;
  color: #596da7;
}

/* line 446, ../../Timbreuse/sass/main.scss */
header .select_cal_team_id label {
  font-size: .9em;
}

/* line 450, ../../Timbreuse/sass/main.scss */
header .select_cal_team_id select {
  border-radius: 1em;
  padding: .5em;
}

/*
STATISTIQUES
*/
/* line 462, ../../Timbreuse/sass/main.scss */
.stat {
  margin: 3em 0 2em 0;
}

/* line 466, ../../Timbreuse/sass/main.scss */
.stat h2 {
  margin-bottom: 1em;
}

/*
TIMBREUSE
*/
/* line 476, ../../Timbreuse/sass/main.scss */
#timbreuse_wrap {
  background-color: #0099ff;
  width: 100%;
  border-radius: 0 0 .5em .5em;
}

/* line 482, ../../Timbreuse/sass/main.scss */
#timbreuse_container {
  background-color: white;
  max-width: 500px;
  margin: auto;
  padding: 30px;
  border-radius: .5em;
  position: relative;
  top: 100px;
  margin-bottom: 100px;
  box-shadow: 0 6px 5px rgba(30, 37, 57, 0.1);
  transition: all .2s ease;
  /*
	Formulaire
	*/
  /*
	Timer
	*/
}

/* line 497, ../../Timbreuse/sass/main.scss */
#timbreuse_container h1 {
  text-align: center;
  margin: 10px 0px 25px 0px;
}

/* line 502, ../../Timbreuse/sass/main.scss */
#timbreuse_container .date_timbreuse span:nth-child(2) {
  font-size: 1.3em;
}

/* line 506, ../../Timbreuse/sass/main.scss */
#timbreuse_container input {
  margin: 5px 0px 5px 0px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* line 511, ../../Timbreuse/sass/main.scss */
#timbreuse_container input[type=time] {
  border: 1px solid #f1f3f8;
  padding: 8px;
  border-radius: .5em;
}

/* line 517, ../../Timbreuse/sass/main.scss */
#timbreuse_container input[type=time]:disabled {
  color: #f1f3f8 !important;
}

/* line 521, ../../Timbreuse/sass/main.scss */
#timbreuse_container input#h_arr,
#timbreuse_container input#h_dep {
  color: #0099ff;
}

/* line 526, ../../Timbreuse/sass/main.scss */
#timbreuse_container input#h_arr:focus,
#timbreuse_container input#h_dep:focus {
  border: 1px solid #99d6ff;
  box-shadow: 0 0 0 0.2rem rgba(0, 153, 255, 0.2);
}

/* line 532, ../../Timbreuse/sass/main.scss */
#timbreuse_container input#pause {
  color: #ff6600;
  margin: 15px 0px;
}

/* line 537, ../../Timbreuse/sass/main.scss */
#timbreuse_container input#pause:focus {
  border: 1px solid #ffc299;
  box-shadow: 0 0 0 0.2rem rgba(255, 102, 0, 0.2);
}

/* line 542, ../../Timbreuse/sass/main.scss */
#timbreuse_container span[class^='icon'] {
  vertical-align: middle;
  font-size: 2em;
}

/* line 547, ../../Timbreuse/sass/main.scss */
#timbreuse_container .temps_travail {
  background: #f1f3f8;
  font-weight: 600;
  margin-top: 20px;
  padding: 8px;
  border-radius: .3em;
}

/* line 558, ../../Timbreuse/sass/main.scss */
#timbreuse_container .timerBtn {
  background: #1e2539;
  width: 220px;
  height: 220px;
  border-radius: 100%;
  margin: auto;
  border: 10px solid white;
  position: relative;
  top: -140px;
  margin-bottom: -140px;
  text-align: center;
  color: white;
  font-size: 1.5rem;
  transition: all .2s ease;
}

/* line 575, ../../Timbreuse/sass/main.scss */
#timbreuse_container .timerBtn:hover {
  cursor: pointer;
  font-size: 1.2em;
}

/* line 580, ../../Timbreuse/sass/main.scss */
#timbreuse_container .timerBtn.arrivee {
  background: #07D849;
}

/* line 584, ../../Timbreuse/sass/main.scss */
#timbreuse_container .timerBtn.arrivee:hover {
  box-shadow: 0 0 50px #21f865 inset;
}

/* line 588, ../../Timbreuse/sass/main.scss */
#timbreuse_container .timerBtn.depart {
  background: #ff4b55;
}

/* line 592, ../../Timbreuse/sass/main.scss */
#timbreuse_container .timerBtn.depart:hover {
  box-shadow: 0 0 50px #ff0917 inset;
}

/* line 596, ../../Timbreuse/sass/main.scss */
#timbreuse_container .timerBtnTxt {
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 2;
}

/* line 605, ../../Timbreuse/sass/main.scss */
#timbreuse_container.vacances_container {
  background: #f3e0ff;
}

/* line 609, ../../Timbreuse/sass/main.scss */
#timbreuse_container.malade_container {
  background: #ffe7ff;
}

/* line 613, ../../Timbreuse/sass/main.scss */
#timbreuse_container .timerBtn.desactive,
#timbreuse_container.vacances_container .timerBtn,
#timbreuse_container.malade_container .timerBtn {
  pointer-events: none;
  touch-action: none;
  background: #f1f3f8;
}

/* line 1, ../../Timbreuse/sass/_clock.scss */
#clock {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
  z-index: 1;
  opacity: 0;
  transition: opacity 1s ease;
}

/* line 12, ../../Timbreuse/sass/_clock.scss */
#clock .clock-second,
#clock .clock-minute,
#clock .clock-hour {
  position: absolute;
  width: 4px;
  z-index: 2;
  height: 50%;
  left: calc(50% - 2px);
  top: 50%;
  transform-origin: top;
}

/* line 26, ../../Timbreuse/sass/_clock.scss */
#clock .clock-second {
  z-index: 3;
}

/* line 31, ../../Timbreuse/sass/_clock.scss */
#clock .clock-second::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #ff4b55;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 4px rgba(30, 37, 57, 0.4);
}

/* line 49, ../../Timbreuse/sass/_clock.scss */
#clock .clock-minute::after {
  content: '';
  position: absolute;
  width: 4px;
  height: 16px;
  background-color: #9900ff;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 4px rgba(30, 37, 57, 0.4);
}

/* line 66, ../../Timbreuse/sass/_clock.scss */
#clock .clock-hour::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #0099ff;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  box-shadow: 0 0 4px rgba(30, 37, 57, 0.4);
}

@keyframes tictoc {
  to {
    transform: rotate(360deg);
  }
}

/*
@keyframes tictoc {
  0% {
      transform: rotate(0deg)
  }
  100% {
      transform: rotate(360deg)
  }
}
*/

/*# sourceMappingURL=main.css.map */