/* En-tête commun à toutes les pages du site Cteen France */
.bh{text-align:center;font-size:14px;color:#5E6A75;padding:10px 0 8px;background:#FBFAF7;font-family:'Manrope',system-ui,sans-serif}
.bar{position:sticky;top:0;z-index:100;background:rgba(251,250,247,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #E6DFD3;font-family:'Manrope',system-ui,sans-serif;line-height:1.3}
.bar .in{max-width:1120px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.bar .logo{display:block;line-height:0}
.bar .logo img{display:block;height:62px;width:auto}
.bar nav{display:flex;align-items:center;justify-content:flex-end;gap:4px 26px;padding:0;margin:0;border:0;font-size:14px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}
.bar nav a{color:#14202B;text-decoration:none;padding:8px 0}
.bar nav a:hover,.bar nav a.on{color:#0F7FB0}
.bar nav a.don{background:#E4B379;color:#14202B;padding:11px 22px;border-radius:999px}
.bar nav a.don:hover{background:#14202B;color:#fff}
.bar .burger{display:none;width:46px;height:46px;border:0;border-radius:12px;background:transparent;cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.bar .burger span{display:block;width:24px;height:2.5px;background:#14202B;border-radius:2px}
@media (max-width:900px){
  .bar .burger{display:flex}
  .bar nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:#FBFAF7;padding:8px 20px 22px;border-bottom:1px solid #E6DFD3;font-size:16px}
  .bar.open nav{display:flex}
  .bar nav a{padding:15px 0;border-bottom:1px solid #E6DFD3}
  .bar nav a.don{margin-top:16px;text-align:center;border-bottom:0;padding:15px 22px}
}

/* Menu déroulant « Qui sommes-nous » */
.bar nav .dd{position:relative;display:flex;align-items:center}
.bar nav .dd>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.bar nav .dd-m{display:none;position:absolute;top:100%;left:-16px;min-width:230px;padding:8px;background:#fff;border:1px solid #E6DFD3;border-radius:16px;box-shadow:0 16px 40px rgba(20,32,43,.14);z-index:120}
.bar nav .dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
.bar nav .dd:hover .dd-m,.bar nav .dd:focus-within .dd-m{display:block}
.bar nav .dd-m a{display:block;padding:12px 14px;border-radius:10px;text-transform:none;letter-spacing:0;font-size:15px;font-weight:700;white-space:nowrap}
.bar nav .dd-m a:hover,.bar nav .dd-m a.on{background:#EAF6FB;color:#0F7FB0}
@media (max-width:900px){
  .bar nav .dd{display:block;border-bottom:1px solid #E6DFD3}
  .bar nav .dd>a{border-bottom:0}
  .bar nav .dd>a::after{display:none}
  .bar nav .dd::after{display:none}
  .bar nav .dd-m{display:block;position:static;min-width:0;padding:0 0 10px 16px;background:transparent;border:0;box-shadow:none}
  .bar nav .dd-m a{padding:10px 0;font-size:15px;color:#5E6A75;border-bottom:0}
  .bar nav .dd-m a.on{background:transparent}
}


@media (max-width:900px){
  .bar nav .dd>a{display:block}
  .bar nav{height:calc(100dvh - 90px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box;padding-bottom:60px}
}