/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:Root{--main-color:#3f5965;--link-color:#b84528;--secondary-color:#289db9;--alternative-color:white;}body{color:var(--main-color);font-size:120%;margin:0;}body a{color:var(--link-color);text-decoration:none;}body a:hover{text-decoration:underline;}body menu,body .menu{list-style:none;padding:0;}body menu a svg,body .menu a svg{width:1em;height:1em;}body menu.inline,body .menu.inline{display:flex;gap:1rem;flex-wrap:wrap;}body menu.inline a,body .menu.inline a{display:inline-block;}body menu.links,body .menu.links{display:flex;justify-content:flex-end;}body menu.links a,body .menu.links a{display:inline-block;padding:0.5rem;background:var(--link-color);color:var(--alternative-color);border-radius:3px;box-sizing:border-box;}body menu.links a:hover,body .menu.links a:hover{color:var(--link-color);background:var(--alternative-color);border:solid 1px var(--link-color);}body menu.pager__items,body .menu.pager__items{border-bottom:solid 1px;}body menu .pager__item a,body .menu .pager__item a{padding:5px;}body menu .pager__item:hover,body .menu .pager__item:hover{border:1px solid var(--link-color);border-bottom:none;}body .grid{display:flex;flex-wrap:wrap;justify-content:space-around;gap:1rem;}body #top-row{padding:10px 1rem 6rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap-reverse;align-content:space-between;}body #top-row.cover{aspect-ratio:320/249;background:no-repeat url(/themes/custom/vae_bientraitance_ref/assets/frontpage_poster.jpg);background-size:cover;background-color:rgba(255,255,255,0.3);background-position-x:center;margin:0;}body #top-row menu a{color:var(--alternative-color);}body #top-row menu a:hover{background:var(--alternative-color);}body #top-row #main-header #branding{display:flex;align-items:center;}body #top-row #main-header a + a{font-size:xx-large;font-weight:bold;border-left:2px solid var(--link-color);padding-left:1rem;margin-left:1rem;text-decoration:none;color:var(--secondary-color);}body #top-row #account-menu{order:1;}body #top-row #account-menu menu{background:var(--link-color);border-radius:4px;gap:0;}body #top-row #account-menu menu li + li{border-left:2px solid var(--alternative-color);}body #top-row #account-menu menu a{padding:0 1rem;}body #top-row #account-menu menu a:hover{color:var(--link-color);}body #top-row #main-menu menu{background:var(--main-color);}body #top-row #main-menu menu a{text-align:center;padding:1rem;}body #top-row #main-menu menu a:hover{color:var(--main-color);}body #top-row #main-menu #mainMenuToggle{display:none;}body #top-row #main-menu #mainMenuToggle + menu{display:none;}body #top-row #main-menu #mainMenuToggle{color:var(--link-color);position:sticky;top:0.5rem;}body #top-row #main-menu #mainMenuToggle:checked + menu{position:absolute;display:flex;flex-direction:column;width:calc(100vw - 4rem);padding:1rem;z-index:10;}body #top-row #main-menu label{color:var(--link-color);}body #poster-region{display:block;max-width:70%;margin:auto;position:relative;top:-4rem;border:solid 2px var(--main-color);background:var(--alternative-color);padding:1rem;border-radius:0 0 5px 5px;}body #poster-region p{text-align:center;}body main{padding:0.5rem 1rem;}body main #contents #grid-content > *{box-shadow:var(--link-color) 0 0 8px;padding:0.5rem;border-radius:5px;}@media (max-width:640px){#main-header{width:100%;}}@media (min-width:640px){.grid > *{width:20%;min-width:300px;}body #top-row{justify-content:flex-end;}body #top-row #main-header{flex-grow:1;}body #top-row #account-menu{align-self:flex-end;}body #top-row #main-menu{width:100%;order:-1;display:flex;justify-content:center;flex-wrap:wrap;}body #top-row #main-menu label{display:none;}body #top-row #main-menu #mainMenuToggle + menu{display:flex;}body main{display:flex;justify-content:space-around;}body main .sidebar{max-width:30%;flex:0 1 auto;}body main #contents{max-width:70%;flex:0 1 auto;}body main #left-sidebar{order:-1;}}