/* PRE-HEADER */
#pre-header{
position: relative;
height: 38px;
color: #3F3F3F;
background-color: #FFFFFF;
font-size: 14px;
padding: 0 20px;
z-index: 1000;
}
#pre-header #header-langues:focus{
box-shadow: none !important;
}
@media screen and (max-width: 500px){
#pre-header{
font-size: 13px;
padding: 0 10px;
}
}
@media screen and (max-width: 400px){
#pre-header{
font-size: 12px;
}
}
/* HEADER */
#header{
position: relative;
height: 153px;
background-color: #033A6C;
padding: 16px 20px;
z-index: 999;
transition: all ease 0.3s;
}
@media screen and (max-width: 500px){
#header{
height: 100px;
padding: 16px 10px;
}
}
/* Région Logo */
#header #region_logo img{
max-width: inherit !important;
}
@media screen and (max-width: 500px){
#header #region_logo img{
max-width: 100% !important;
}
}
/* Région Menu */
#header #region_menu nav ul{
display: flex;
gap: 32px;
}
#header #region_menu .button{
height: 45px;
line-height: 43px;
}
/* Boutons-liens du menu (Catalogue, Achat rapide) : le ne couvrait que
le texte. On reporte le padding horizontal du conteneur sur le et on
le rend block pleine hauteur pour que toute la surface du bouton soit
cliquable. Cible uniquement les boutons qui contiennent réellement un lien
(on ne touche pas à « Nos produits » qui est un toggle). */
#header #region_menu .button:has(> a){
padding: 0 !important;
}
#header #region_menu .button > a{
display: block;
height: 100%;
padding: 0 20px;
color: inherit;
}
/* Même correctif pour le bouton « Achat rapide » du menu burger
(visible en mobile/tablette), de structure identique