.tutoriels{--app-name:tutoriels;--app-bg-header:#50c3dc;--header-text-color:#222;--app-picto-white:url(../img/picto-tutoriels-white.svg);--app-picto-color:url(../img/picto-tutoriels-color.svg)}header[role=banner].header-color .fr-header__body,header[role=banner].header-color .fr-header__brand{background-color:var(--app-bg-header)}header[role=banner].header-color .fr-header__service{background-image:var(--app-picto-white);box-shadow:inset 0 1px 0 0 rgb(255,255,255,.5);color:#fff}header[role=banner] .fr-header__service-title{text-transform:uppercase}header[role=banner].header-color .fr-header__body{overflow:hidden}#modal-main-menu .connexion,.header-white .fr-header__tools-links .fr-btn{color:#000!important}header[role=banner] .fr-header__body{background-image:none!important}header[role=banner] .connexion{font-weight:500;color:#000;font-size:14px!important}header[role=banner] .fr-header__logo{padding-left:0;padding-right:0;margin-right:0}header[role=banner] .gn-logo{background-size:contain;width:180px;background-position:left center;background-image:url(../img/logo.svg)}header[role=banner].header-color .gn-logo{background-image:url(../img/logo-white.svg)}header[role=banner].header-color .fr-header__logo{margin-right:25px;z-index:1}header[role=banner].header-color .fr-header__brand-top{position:relative;overflow:unset}header[role=banner] .fr-header__brand-top+a{display:contents}header[role=banner] .fr-header__brand-top+a:where(:hover,:active){background-color:transparent;color:unset;text-decoration:underline;text-underline-position:under;text-decoration-thickness:1px}header[role=banner].header-color{color:#fff}header[role=banner].header-color .fr-header__tools a{color:#fff;background-color:transparent!important}header[role=banner] .fr-header__tools a{color:#000}header[role=banner] .fr-header__service{background-size:78px;background-repeat:no-repeat;padding-left:92px;background-position:0 center;padding-top:30px;padding-bottom:30px;box-shadow:inset 0 1px 0 0 rgb(0,0,0,.5);min-height:138px;display:flex;flex-direction:column;justify-content:center}header[role=banner].header-color .fr-header__navbar .fr-btn--menu::before{background-color:#fff}@media (min-width:62em){header[role=banner].header-color .fr-header__brand-top::before{content:"";position:absolute;background-color:#fff!important;width:3000px;right:0;top:-8px;height:3000px}header[role=banner].header-color .gn-logo{background-image:url(../img/logo.svg)}header[role=banner] .fr-header__service{box-shadow:inset 0 1px 0 0 rgb(255,255,255,0)!important;background-position:25px center;padding:1rem 1rem 1rem 132px;display:block;min-height:inherit}}@media (width > 62em){header[role=banner] .fr-header__brand-top{width:auto;min-width:180px}header[role=banner].header-color .fr-header__brand-top::before{top:-2rem;height:200px}}@media (width < 62em){header[role=banner] .fr-header__service:before{content:none}header[role=banner] .fr-header__service{width:100%}}