/* Réglez la taille du logo */
.site-logo img {
    max-width: 400px; 
    height: auto;
}

/* Changer la police du texte principal */
body {
    font-family: "Avenir", sans-serif;
}

/* Changer la police des titres */
h1, h2, h3, h4, h5, h6 {
    font-family: "Avenir", sans-serif;
}

#content-wrap {
	width: 100%;
	max-width: 100%;
}

/* Styles pour les écrans de bureau */
@media (min-width: 768px) {
	/* Afficher les sous-pages en dessous lorsque vous survolez une page principale */
	.menu-item-has-children > .sub-menu {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
	}
	
	.menu-item-has-children:hover > .sub-menu {
		display: block;
	}
	
	/* Afficher les sous-sous-pages à gauche lorsque vous survolez les sous-pages */
	.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu {
		display: none;
		position: absolute;
		top: 0;
		left: -100%;
	/* Modifier la valeur pour afficher à gauche */
	}
	
	.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu {
		display: block;
	}
}
/* Styles pour les smartphones (écrans de moins de 768px de largeur) */
@media (max-width: 767px) {
	/* Réinitialisez ici les styles que vous ne souhaitez pas appliquer aux smartphones */
	/* Par exemple, si vous souhaitez supprimer les styles de menu sur smartphone, vous pouvez les réinitialiser ici. */
	.menu-item-has-children > .sub-menu,
	  .menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu {
		display: block;
	/* Afficher le menu de base sans les effets de survol */
		position: static;
	/* Supprimer la position absolue pour l'alignement par défaut */
		left: auto;
	/* Supprimer la position absolue pour l'alignement par défaut */
		top: auto;
	/* Supprimer la position absolue pour l'alignement par défaut */
	}
}

/* Change la couleur des liens au survol en rouge */
a:hover {
	color: grey !important;
}

/* Cacher tous les sous-menus par défaut */
@media (max-width: 768px) {
    .menu-item-has-children > .sub-menu {
        display: none;
        padding-left: 20px; /* Retrait du sous-menu */
    }
    
    /* Montrer les sous-menus uniquement lorsque le parent est cliqué */
    .menu-item-has-children > a {
        position: relative;
    }
    
    .menu-item-has-children > a::after {
        content: '▼'; /* Vous pouvez changer l'icône */
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .menu-item-has-children > a:hover + .sub-menu,
    .menu-item-has-children > a:focus + .sub-menu,
    .menu-item-has-children > a[aria-expanded="true"] + .sub-menu {
        display: block;
    }
    
    /* Appliquer un léger retrait aux sous-menus */
    .menu-item-has-children > .sub-menu {
        padding-left: 20px; /* Ajustez la valeur pour plus ou moins de retrait */
    }
}

#masthead .site-branding {
padding: 0;
} /* Marges au-dessus et en-dessous du logo, c'était trop moche avant car beaucoup trop large : ce code réduit à 0 les marges */