/* Logo commun : dimensions de l’accueil, sur toutes les langues. */
.hp-site-logo{display:block;width:300px;max-width:100%;height:auto;box-sizing:border-box}
.hp-site-logo--header,.hp-site-logo--home{max-width:100%}
.hp-site-logo--middle{vertical-align:middle;padding:0}
.hp-site-logo--borderless{border:0}
.hp-site-logo--left{float:left;display:inline-block}
.hp-site-tagline{vertical-align:middle}
.hp-site-title{margin:0}
/* Bandeau bleu aligné sur les marges de la page d’accueil. */
.hp-site-header{box-sizing:border-box;width:100%;margin:0 auto;padding:20px 28px;background:#0083c1;text-align:left}
.hp-site-header-inner{box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;gap:12px 40px;max-width:1120px;margin:0 auto}
.hp-site-header-inner>a{display:block;flex:0 1 300px;max-width:100%}
.hp-site-header .hp-site-logo{display:block;float:none;width:300px;max-width:100%;height:auto;padding:0;border:0}
.hp-site-header .hp-site-tagline{position:static;margin:0;padding:0;color:#fddb73;vertical-align:middle;font:20px/1.4 Raleway,Arial,sans-serif}
@media(max-width:680px){
.hp-site-logo,.hp-site-header .hp-site-logo{width:270px}
.hp-site-header{padding:18px}
.hp-site-header-inner{gap:10px 28px}
.hp-site-header-inner>a{flex-basis:270px}
.hp-site-header .hp-site-tagline{font-size:16px}
}