/* CSS pour ajuster la taille de l'image */ .img-small { width: 70px; height: 70px; } .img-Logo { width: 200px; height: 70px; } .text-custom { color: #000000; /* Couleur de texte spécifique */ } /* CSS pour le texte du menu-left */ .menu-left a { color: #000000; /* Couleur du texte */ font-weight: bold; /* Gras */ text-decoration: none; /* Pas de soulignement */ font-size: 24px; /* Taille de la police en pixels */ } /* CSS pour le texte des liens du menu-center */ .menu-center { display: flex; justify-content: center; /* Centrer les éléments horizontalement */ align-items: center; /* Centrer les éléments verticalement */ flex: 1; /* Utiliser tout l'espace disponible */ margin-right: 8% } /* CSS pour le texte du menu-right */ .menu-right a { color: #e4e4e4; /* Couleur du texte */ } .bg-custom { background-color: #ffffff; /* Définissez la couleur de fond souhaitée */ } .textLogo { font-size: 35px; /* Taille de la police en pixels */ } .logo { margin-right: 5px; /* Réduire la marge entre le logo et le texte */ } .profilePicture { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4); /* Ajouter une ombre à la photo */ border: 2px solid #a30e79; /* Ajouter une bordure de 2px solide de couleur rouge (#f00) */ } .bg-customdarker { background-color: #ffffffa4; /* Définissez la couleur de fond souhaitée */ } .top-aligned-column { display: flex; justify-content: space-between; } .column { flex: 1; } .center-column { flex: 3; /* La colonne centrale occupe 3 fois plus d'espace que les autres */ } .colum-aligncenter { text-align: center; } .menu-center a:nth-child(1):hover svg { color: rgba(163, 14, 121, 1); /* Changer la couleur en rouge au survol */ } /* Pour le deuxième bouton */ .menu-center a:nth-child(2):hover svg { color: rgba(163, 14, 121, 1); /* Changer la couleur en bleu au survol */ } /* Pour le troisième bouton */ .menu-center a:nth-child(3):hover svg { color: rgba(163, 14, 121, 1); /* Changer la couleur en vert au survol */ }