:root{
  --c-primary:#0f6cbd;
  --c-primary-hover:#115ea3;
  --c-bg:#f3f2f1;
  --c-surface:#ffffff;
  --c-surface-2:#faf9f8;
  --c-border:#e1dfdd;
  --c-border-soft:#edebe9;
  --c-text:#242424;
  --c-muted:#616161;
  --c-danger:#a4262c;
  --radius:8px;
  --radius-sm:4px;
}

html,body{
  background:var(--c-bg)!important;
  color:var(--c-text)!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-size:14px!important;
}

body{
  margin:0!important;
}

a,a:link,a:visited{
  color:var(--c-primary)!important;
  text-decoration:none!important;
}

a:hover,a:focus{
  color:var(--c-primary-hover)!important;
  text-decoration:none!important;
}

header{
  background:var(--c-primary)!important;
  border:0!important;
  box-shadow:0 1px 3px rgba(0,0,0,.18)!important;
}

header .accueil,
header .configuration,
header .administration,
header .contactformulaire{
  background:transparent!important;
}

header h1,
header h2,
header h3,
header .accueil h1,
header .accueil h2,
header .accueil h3{
  color:#fff!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-weight:600!important;
  letter-spacing:-.2px!important;
}

header .configuration,
header .configuration a,
header .administration a,
header .contactformulaire a,
header #Date{
  color:#fff!important;
}

header .logo img{
  max-height:44px!important;
  width:auto!important;
}

#panel{
  background:var(--c-bg)!important;
}

#menuGauche2{
  background:#fafafa!important;
  border-right:1px solid var(--c-border)!important;
  padding:12px!important;
  box-sizing:border-box!important;
}

#menuGauche2 select,
#menuGauche2 input,
#menuGauche2 button,
#menuGauche2 .btn{
  background:#fff!important;
  color:var(--c-text)!important;
  border:1px solid #c8c6c4!important;
  border-radius:var(--radius-sm)!important;
  box-shadow:none!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
}

#menuGauche2 button:hover,
#menuGauche2 .btn:hover,
#menuGauche2 select:hover{
  background:#f3f2f1!important;
}

table.calendar{
  width:100%!important;
  margin:12px 0 16px!important;
  border-collapse:separate!important;
  border-spacing:2px!important;
  background:transparent!important;
}

table.calendar th,
table.calendar .calendarcol1{
  color:var(--c-muted)!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:600!important;
  text-align:center!important;
}

table.calendar td{
  background:transparent!important;
  text-align:center!important;
}

a.cellcalendar{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  color:var(--c-text)!important;
  background:transparent!important;
  font-size:12px!important;
}

a.cellcalendar:hover{
  background:#e5f1fb!important;
  color:var(--c-primary)!important;
}

.cal_current_day a,
a.cal_current_day{
  background:var(--c-primary)!important;
  color:#fff!important;
  font-weight:600!important;
}

#menuGauche2 .panel{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  margin:12px 0 0!important;
}

#menuGauche2 .panel-heading{
  background:transparent!important;
  border:0!important;
  color:var(--c-muted)!important;
  text-transform:uppercase!important;
  letter-spacing:.4px!important;
  font-size:11px!important;
  font-weight:600!important;
  padding:8px 8px 6px!important;
}

#menuGauche2 .panel-body{
  background:transparent!important;
  border:0!important;
  padding:0!important;
}

#menuGauche2 .list-group{
  box-shadow:none!important;
  border:0!important;
}

#menuGauche2 .list-group-item{
  margin:2px 0!important;
  padding:10px 12px!important;
  border:1px solid var(--c-border)!important;
  border-radius:var(--radius-sm)!important;
  background:#fff!important;
  color:var(--c-text)!important;
  text-align:left!important;
}

#menuGauche2 .list-group-item:hover{
  background:#f8f8f8!important;
}

#menuGauche2 .list-group-item.active,
#menuGauche2 .list-group-item.active:hover,
#menuGauche2 .list-group-item.active:focus{
  background:#eff6fc!important;
  color:var(--c-primary)!important;
  border-color:#b7d7f0!important;
  font-weight:600!important;
}

#planning2{
  background:var(--c-bg)!important;
  padding:12px 18px 24px!important;
  box-sizing:border-box!important;
}

.titre_planning{
  color:var(--c-text)!important;
  font-size:20px!important;
  font-weight:600!important;
  margin:4px 0 12px!important;
}

#lienPrecedent a,
#lienSuivant a,
.print,
.print a,
#print_planning button,
#print_planning a{
  background:#fff!important;
  color:var(--c-text)!important;
  border:1px solid var(--c-border)!important;
  border-radius:var(--radius-sm)!important;
  box-shadow:none!important;
  padding:6px 10px!important;
}

#lienPrecedent a:hover,
#lienSuivant a:hover,
.print:hover,
.print a:hover,
#print_planning button:hover,
#print_planning a:hover{
  background:#f3f2f1!important;
}

.jour,.semaine,.mois{
  background:#fff!important;
  border:1px solid var(--c-border)!important;
  border-radius:var(--radius)!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden!important;
  box-shadow:0 1px 2px rgba(0,0,0,.05)!important;
}

.jour th,.semaine th,.mois th{
  background:#faf9f8!important;
  color:#323130!important;
  font-size:13px!important;
  font-weight:600!important;
  border-right:1px solid var(--c-border-soft)!important;
  border-bottom:1px solid var(--c-border)!important;
  padding:8px 10px!important;
  text-align:center!important;
}

.jour th:last-child,.semaine th:last-child,.mois th:last-child{
  border-right:0!important;
}

th.cell_hours,
td.cell_hours,
td.cell_hours2{
  background:#f7f7f7!important;
  color:var(--c-muted)!important;
  border-right:1px solid var(--c-border)!important;
  border-bottom:1px solid var(--c-border-soft)!important;
  text-align:center!important;
  font-size:12px!important;
  font-weight:500!important;
  width:120px!important;
  min-width:120px!important;
}

th.cell_hours{
  background:#f3f2f1!important;
  color:#323130!important;
  font-weight:600!important;
}

.empty_cell{
  background:#fff!important;
  border-right:1px solid var(--c-border-soft)!important;
  border-bottom:1px solid var(--c-border-soft)!important;
  text-align:center!important;
  vertical-align:middle!important;
  height:36px!important;
  transition:background-color .12s ease!important;
}

.empty_cell:hover{
  background:#f7fbfe!important;
}

.empty_cell > a,
.empty_cell a.lienCellule{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  height:24px!important;
  border-radius:50%!important;
  color:var(--c-primary)!important;
  font-size:18px!important;
  line-height:24px!important;
  opacity:.65!important;
}

.empty_cell:hover > a,
.empty_cell:hover a.lienCellule,
.empty_cell > a:hover,
.empty_cell a.lienCellule:hover{
  background:#e5f1fb!important;
  color:var(--c-primary-hover)!important;
  opacity:1!important;
}

.texte_ress_moderee{
  color:var(--c-danger)!important;
  font-size:11px!important;
  font-weight:500!important;
}

.btn,
button,
input[type="button"],
input[type="submit"]{
  border-radius:var(--radius-sm)!important;
  box-shadow:none!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
}

.btn-primary,.btn-success{
  background:var(--c-primary)!important;
  border-color:var(--c-primary)!important;
  color:#fff!important;
}

.btn-primary:hover,.btn-success:hover{
  background:var(--c-primary-hover)!important;
  border-color:var(--c-primary-hover)!important;
}

.form-control,
.form-select,
select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
textarea{
  background:#fff!important;
  color:var(--c-text)!important;
  border:1px solid #c8c6c4!important;
  border-radius:var(--radius-sm)!important;
  box-shadow:none!important;
}

.form-control:focus,
.form-select:focus,
select:focus,
input:focus,
textarea:focus{
  border-color:var(--c-primary)!important;
  box-shadow:0 0 0 1px var(--c-primary)!important;
  outline:none!important;
}

.dropdown-menu{
  background:#fff!important;
  border:1px solid var(--c-border)!important;
  border-radius:var(--radius)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.14)!important;
}

.modal-content{
  background:#fff!important;
  border:0!important;
  border-radius:10px!important;
  box-shadow:0 16px 48px rgba(0,0,0,.22)!important;
}

@media (max-width:900px){
  #menuGauche2{
    padding:10px!important;
  }
  #planning2{
    padding:10px!important;
  }
  th.cell_hours,
  td.cell_hours,
  td.cell_hours2{
    width:94px!important;
    min-width:94px!important;
  }
}

html,body{
  border-top:0!important;
}

header{
  min-height:72px!important;
  padding:8px 18px!important;
  box-sizing:border-box!important;
  background:#0f6cbd!important;
  border-top:0!important;
  border-bottom:0!important;
}

header,
header div,
header span,
header p,
header h1,
header h2,
header h3,
header h4,
header table,
header td{
  background-color:transparent!important;
}

header .accueil{
  padding:0 0 0 18px!important;
  vertical-align:middle!important;
}

header .accueil h1,
header .accueil h2,
header .accueil h3,
header h1,
header h2,
header h3{
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  background:transparent!important;
  font-size:24px!important;
  line-height:1.15!important;
  font-weight:600!important;
  text-shadow:none!important;
}

header .configuration{
  padding:3px 18px 0 0!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.3!important;
}

header .configuration,
header .configuration *,
header .administration,
header .administration *,
header .contactformulaire,
header .contactformulaire *,
header #Date{
  color:#fff!important;
}

header a,
header a:link,
header a:visited{
  color:#fff!important;
  font-weight:500!important;
}

header a:hover{
  color:#fff!important;
  text-decoration:underline!important;
}

header .logo{
  max-height:56px!important;
}

header .logo img{
  max-height:50px!important;
  margin-top:2px!important;
}

#panel{
  border-top:0!important;
}

#menuGauche2{
  background:#fafafa!important;
  border-right:1px solid #e1dfdd!important;
}

#menuGauche2 > *{
  background-color:transparent!important;
}

#menuGauche2 table,
#menuGauche2 tbody,
#menuGauche2 tr,
#menuGauche2 td{
  background-color:transparent!important;
}

#menuGauche2 .panel,
#menuGauche2 .panel-body,
#menuGauche2 .panel-heading{
  background-color:transparent!important;
}

#menuGauche2 .list-group-item{
  min-height:38px!important;
  margin:1px 0!important;
  padding:9px 11px!important;
  background:transparent!important;
  border:0!important;
  border-left:3px solid transparent!important;
  border-radius:4px!important;
  box-shadow:none!important;
  text-align:left!important;
}

#menuGauche2 .list-group-item:hover{
  background:#f0f0f0!important;
}

#menuGauche2 .list-group-item.active,
#menuGauche2 .list-group-item.active:hover,
#menuGauche2 .list-group-item.active:focus{
  background:#eff6fc!important;
  color:#0f6cbd!important;
  border-left-color:#0f6cbd!important;
}

#menuGauche2 .panel-body a,
#menuGauche2 .panel-body button{
  box-shadow:none!important;
}

table.calendar{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

table.calendar th,
table.calendar td{
  border:0!important;
}

.titre_planning,
.titre_planning *{
  color:#242424!important;
  background-color:transparent!important;
}

.titre_planning{
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:600!important;
  padding:2px 0 8px!important;
}

.texte_ress_moderee,
.titre_planning .texte_ress_moderee{
  color:#a4262c!important;
}

.jour,
.semaine,
.mois{
  border-color:#e1dfdd!important;
  box-shadow:0 2px 8px rgba(0,0,0,.06)!important;
}

.jour th,
.semaine th,
.mois th{
  height:46px!important;
  background:#faf9f8!important;
}

th.cell_hours{
  background:#f3f2f1!important;
  color:#605e5c!important;
}

td.cell_hours,
td.cell_hours2{
  height:38px!important;
  background:#f8f8f8!important;
  color:#605e5c!important;
}

.empty_cell{
  height:38px!important;
  background:#fff!important;
}

.empty_cell:hover{
  background:#f5f9fd!important;
}

#lienPrecedent a,
#lienSuivant a,
#print_planning a,
#print_planning button{
  min-height:30px!important;
  padding:5px 9px!important;
  border-color:#c8c6c4!important;
  background:#fff!important;
  color:#323130!important;
  font-size:12px!important;
}

#lienPrecedent a:hover,
#lienSuivant a:hover,
#print_planning a:hover,
#print_planning button:hover{
  background:#f3f2f1!important;
  border-color:#8a8886!important;
}

#toTop{
  border:1px solid #d2d0ce!important;
  background:#fff!important;
  color:#323130!important;
  border-radius:4px!important;
  box-shadow:0 2px 8px rgba(0,0,0,.08)!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-size:12px!important;
}

@media (max-width:800px){
  header{
    min-height:56px!important;
    padding:7px 10px!important;
  }
  header .configuration{
    padding-right:4px!important;
  }
}

header{
  background:#f3f2f1!important;
  border-bottom:1px solid #e1dfdd!important;
  box-shadow:none!important;
  min-height:78px!important;
}

header .accueil,
header .configuration,
header .administration,
header .contactformulaire,
header .logo,
header table,
header tbody,
header tr,
header td,
header span,
header p,
header div{
  background:transparent!important;
}

header .accueil{
  padding-left:14px!important;
}

header .accueil h1,
header .accueil h2,
header .accueil h3,
header h1,
header h2,
header h3{
  color:#0f6cbd!important;
  background:transparent!important;
  font-size:24px!important;
  font-weight:700!important;
  margin:0!important;
  padding:0!important;
  text-shadow:none!important;
}

header .configuration,
header .administration,
header .contactformulaire,
header #Date,
header .configuration *,
header .administration *,
header .contactformulaire *{
  color:#323130!important;
  background:transparent!important;
}

header a,
header a:link,
header a:visited{
  color:#0f6cbd!important;
}

header a:hover{
  color:#115ea3!important;
}

header .logo img{
  max-height:44px!important;
}

#menuGauche2,
#menuGauche2 > div,
#menuGauche2 > table,
#menuGauche2 > form,
#menuGauche2 > center,
#menuGauche2 table,
#menuGauche2 tbody,
#menuGauche2 tr,
#menuGauche2 td,
#menuGauche2 th{
  background-color:transparent!important;
  background-image:none!important;
}

#menuGauche2 table.calendar,
#menuGauche2 table.legende{
  background:transparent!important;
}

#menuGauche2 .panel-heading{
  color:#605e5c!important;
}

.titre_planning,
.titre_planning *{
  color:#242424!important;
}

.texte_ress_moderee,
.titre_planning .texte_ress_moderee{
  color:#a4262c!important;
}

td.cell_hours2,
td.cell_hours2 a,
th.cell_hours2,
td.cell_month_o,
td.cell_month_o a,
.disabled,
.disabled a{
  background:#e6e6e6!important;
  color:#7a7a7a!important;
}

td.cell_hours2,
td.cell_month_o{
  border-right:1px solid #d0d0d0!important;
  border-bottom:1px solid #dcdcdc!important;
}

td.cell_hours2 a,
td.cell_month_o a,
.disabled a{
  pointer-events:none!important;
  cursor:default!important;
  text-decoration:none!important;
}

.vacance,
.vacance a{
  background:#ececec!important;
  color:#5f5f5f!important;
}

.ferie,
.ferie a{
  background:#d9d9d9!important;
  color:#4f4f4f!important;
}

.cal_current_day{
  color:#0f6cbd!important;
  font-weight:700!important;
}

a.cellcalendar{
  color:#242424!important;
}

a.cellcalendar:hover{
  background:#deecf9!important;
  color:#0f6cbd!important;
}

#menuGauche2 .list-group-item.active,
#menuGauche2 .list-group-item.active:hover,
#menuGauche2 .list-group-item.active:focus{
  background:#e8f3fc!important;
  color:#0f6cbd!important;
  border-left-color:#0f6cbd!important;
}

#menuGauche2 .list-group-item:hover{
  background:#f3f2f1!important;
}