FEAT: Ajout d'un menu secondaire à dgauche vec liens Contact et À propos

style.css

@@ -4,7 +4,7 @@ Theme URI: https://ton-site.com/wp-theme-sen2
 Author: Nicolas Houzeau
 Author URI: https://ton-site.com
 Description: Un thème sobre et moderne pour portfolio photo, en blanc cassé. Compatible avec Envira Gallery et personnalisable via le Customizer.
-Version: 1.0.0
+Version: 1.1.0 <!-- Ajout d'un menu à doite -->
 License: GNU General Public License v2 or later
 Text Domain: wp-theme-sen2
 */
@@ -87,6 +87,79 @@ header {
 .main-navigation a:hover {
     color: #E1306C;
 }
+/* Header et navigation */
+.site-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    position: relative;
+}
+
+.site-branding {
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    text-align: center;
+    margin: 0 auto;
+}
+
+.main-navigation {
+    margin-left: auto; /* Pousse le menu principal à droite */
+}
+
+.secondary-navigation {
+    margin-right: auto; /* Pousse le menu secondaire à gauche */
+}
+
+/* Style des menus */
+.secondary-navigation ul,
+.main-navigation ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    gap: 20px;
+}
+
+.secondary-navigation a,
+.main-navigation a {
+    font-family: 'Montserrat', sans-serif;
+    font-weight: 400;
+    color: #555555;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+.secondary-navigation a:hover,
+.main-navigation a:hover {
+    color: #E1306C;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+    .site-header {
+        flex-direction: column;
+        gap: 15px;
+        position: relative;
+    }
+
+    .site-branding {
+        position: static;
+        transform: none;
+        order: 1;
+    }
+
+    .secondary-navigation {
+        order: 2;
+        margin-right: 0;
+    }
+
+    .main-navigation {
+        order: 3;
+        margin-left: 0;
+    }
+}
 
 /* Footer */
 footer {
@@ -152,6 +225,20 @@ footer {
     background-color: #E1306C;
 }
 
+/* Responsive */
+@media (max-width: 768px) {
+    .site-header {
+        flex-direction: column;
+        gap: 15px;
+    }
+
+    .secondary-navigation {
+        order: 3;
+        width: 100%;
+        justify-content: center;
+    }
+}
+
 /* Page À propos */
 .about-banner {
     text-align: center;