:root{--pa-navy:#041c3f;--pa-navy-2:#082b61;--pa-teal:#0757a6;--pa-teal-dark:#063f7b;--pa-gold:#e32735;--pa-gold-light:#f48b94;--pa-ice:#edf3fa;--pa-ink:#102747;--pa-line:#c5d3e5}
*{box-sizing:border-box}
body{font-family:Segoe UI,Arial,sans-serif!important;background:linear-gradient(135deg,#e8eef7 0%,#ffffff 48%,#e8edf5 100%)!important;color:var(--pa-ink)!important}
.bar{position:relative;overflow:visible!important;min-height:88px;margin-bottom:70px;background:linear-gradient(110deg,var(--pa-navy),var(--pa-navy-2) 58%,var(--pa-teal-dark))!important;border-bottom:3px solid var(--pa-gold);box-shadow:0 5px 20px #061b3338!important}
.bar strong{display:inline-flex;align-items:center;min-height:50px;padding-left:245px;margin-right:18px;gap:9px;font-weight:750;letter-spacing:.2px}
.bar>a,.bar strong~a{display:inline-block!important;margin-left:10px!important;padding:5px 8px!important;border-radius:6px;text-decoration:none!important;transition:.18s}
.bar>a:hover,.bar strong~a:hover{background:#ffffff18!important;text-decoration:underline!important}
.bar strong:before{content:"";position:absolute;z-index:10;left:24px;bottom:-60px;display:block;width:205px;height:142px;border:2px solid #e3273599;border-radius:14px;background-color:#fff;background-image:url("templiers-logo.jpg");background-repeat:no-repeat;background-size:contain;background-position:center;box-shadow:0 8px 18px #061b3340}
.bar:after{content:"LES TEMPLIERS DE L’EST";position:absolute;z-index:11;left:24px;bottom:-78px;width:205px;text-align:center;color:var(--pa-navy-2);font-size:10px;font-weight:800;letter-spacing:.8px;white-space:nowrap}
.card,.box{border-color:var(--pa-line)!important;box-shadow:0 12px 32px #09283f1c!important}
h1,h2,h3{color:var(--pa-navy-2)!important}
button,.calendar-button{background:linear-gradient(135deg,var(--pa-teal),var(--pa-teal-dark))!important;color:#fff!important;box-shadow:0 5px 14px #00747f2b}
button:hover,.calendar-button:hover{filter:brightness(1.07)}
input:focus,textarea:focus,select:focus{outline:2px solid #0097a34a;border-color:var(--pa-teal)!important}
.role{background:#e7f4f5!important;color:var(--pa-teal-dark)!important;border:1px solid #bcdde0}
.calendar-icon{border-color:#f0d99580!important;background:#ffffff18!important}
.nav>a:first-child,.nav>span>a:last-child{background:linear-gradient(135deg,var(--pa-navy-2),var(--pa-teal-dark))!important;border:1px solid #d7b15a66}
.calendar-today-button{background:#f6edd8!important;border-color:var(--pa-gold)!important;color:var(--pa-navy-2)!important}
.dow{background:linear-gradient(#e5f3f5,#d9ecef)!important;color:var(--pa-navy-2)!important}
a{color:var(--pa-teal-dark)}
@media(max-width:900px){
  .bar{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px 8px!important;padding-right:16px!important}
  .bar>a,.bar strong~a{margin-left:2px!important}
  .main{width:100%!important;max-width:100%!important}
  .card,.box{max-width:100%!important}
  table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  input,select,textarea{max-width:100%}
  .modal .box{width:min(94vw,620px)!important;max-height:88vh!important}
}
@media(max-width:620px){
  .bar{min-height:84px;margin-bottom:58px;padding:10px 10px 12px 138px!important;align-content:center!important}
  .bar strong{width:100%;min-height:24px;padding-left:0;margin:0 0 2px;font-size:13px!important;line-height:1.2}
  .bar strong:before{left:10px;bottom:-45px;width:116px;height:88px;border-radius:9px;background-size:contain;background-position:center}
  .bar:after{left:9px;bottom:-57px;width:118px;font-size:6px;letter-spacing:.3px}
  .bar>a,.bar strong~a{margin:0!important;padding:4px 6px!important;font-size:11px!important}
  .main{margin-top:12px!important;padding-left:8px!important;padding-right:8px!important}
  .card,.box{padding:12px!important;border-radius:12px!important}
  .fields,.toolbar,.rights{gap:7px!important}
  .fields>*{min-width:0!important;width:100%!important}
  button{min-height:38px}
}