Ajout de nouvelles pages

css/ReservationSuccess.css

@@ -1,32 +1,32 @@
-.content {
-    max-width: 800px;
-    margin: 20px auto;
-    padding: 20px;
-    background-color: #fff;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-}
-
-.reservation-successful-section {
-    text-align: center;
-    margin-bottom: 300px; 
-}
-
-.reservation-successful-section h1 {
-    color: #00a651; 
-}
-
-.reservation-successful-section p {
-    font-size: 18px;
-    color: #555;
-}
-
-.home-button {
-    display: inline-block;
-    margin-top: 30px; 
-    padding: 10px 20px;
-    background-color: #FFB039;
-    color: white;
-    text-decoration: none;
-    border-radius: 5px;
-    font-weight: bold;
+.content {
+    max-width: 800px;
+    margin: 20px auto;
+    padding: 20px;
+    background-color: #fff;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+.reservation-successful-section {
+    text-align: center;
+    margin-bottom: 300px; 
+}
+
+.reservation-successful-section h1 {
+    color: #00a651; 
+}
+
+.reservation-successful-section p {
+    font-size: 18px;
+    color: #555;
+}
+
+.home-button {
+    display: inline-block;
+    margin-top: 30px; 
+    padding: 10px 20px;
+    background-color: #FFB039;
+    color: white;
+    text-decoration: none;
+    border-radius: 5px;
+    font-weight: bold;
 }

css/a-propos.css

@@ -0,0 +1,21 @@
+.about-section {
+    text-align: justify;
+    margin-top: 20px;
+}
+
+.about-section p {
+    margin-bottom: 20px;
+}
+
+.about-section img {
+    max-width: 100%;
+    border-radius: 8px;
+    margin-top: 10px;
+}
+
+.robot-image {
+    max-width: 100%;
+    max-height: 200px;
+    border-radius: 8px;
+    margin-top: 10px;
+}

css/contact.css

@@ -1,50 +1,50 @@
-.contact-section {
-    text-align: center;
-    padding: 20px 0;
-}
-
-.contact-form {
-    max-width: 600px;
-    margin: 0 auto;
-}
-
-.contact-form label {
-    display: block;
-    margin-bottom: 8px;
-}
-
-.contact-form input,
-.contact-form textarea {
-    width: 100%;
-    padding: 10px;
-    margin-bottom: 16px;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-}
-
-.contact-form button {
-    background-color: #FFB039;
-    padding: 10px 20px;
-    border: none;
-    border-radius: 5px;
-    color: white;
-    cursor: pointer;
-}
-
-.contact-form button:hover {
-    background-color: #E59800;
-}
-
-.contact-details {
-    text-align: left;
-    max-width: 600px;
-    margin: 0 auto;
-    margin-top: 20px;
-}
-
-.map {
-    height: 300px; 
-    background-color: #f0f0f0;
-    border-radius: 8px;
-    overflow: hidden;
+.contact-section {
+    text-align: center;
+    padding: 20px 0;
+}
+
+.contact-form {
+    max-width: 600px;
+    margin: 0 auto;
+}
+
+.contact-form label {
+    display: block;
+    margin-bottom: 8px;
+}
+
+.contact-form input,
+.contact-form textarea {
+    width: 100%;
+    padding: 10px;
+    margin-bottom: 16px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+}
+
+.contact-form button {
+    background-color: #FFB039;
+    padding: 10px 20px;
+    border: none;
+    border-radius: 5px;
+    color: white;
+    cursor: pointer;
+}
+
+.contact-form button:hover {
+    background-color: #E59800;
+}
+
+.contact-details {
+    text-align: left;
+    max-width: 600px;
+    margin: 0 auto;
+    margin-top: 20px;
+}
+
+.map {
+    height: 300px; 
+    background-color: #f0f0f0;
+    border-radius: 8px;
+    overflow: hidden;
 }

css/faq.css

@@ -1,37 +1,38 @@
-.faq-section {
-    max-width: 800px;
-    margin: 0 auto;
-}
-
-.faq-item {
-    margin-bottom: 20px;
-}
-
-
-.faq-question-btn {
-    background-color: #FFB039;
-    color: white;
-    padding: 10px;
-    border: none;
-    border-radius: 5px;
-    cursor: pointer;
-    width: 100%;
-    text-align: left;
-}
-
-.faq-answer {
-    display: none;
-    padding: 10px;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-    margin-top: 10px;
-}
-
-.faq-answer p {
-    margin: 0;
-}
-
-.faq-item.active .faq-question-btn {
-    background-color: #4A305A;
-}
-
+.faq-section {
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+.faq-item {
+    margin-bottom: 20px;
+}
+
+
+.faq-question-btn {
+    background-color: #FFB039;
+    color: white;
+    padding: 10px;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    width: 100%;
+    text-align: left;
+    font-size: large;
+}
+
+.faq-answer {
+    display: none;
+    padding: 10px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin-top: 10px;
+}
+
+.faq-answer p {
+    margin: 0;
+}
+
+.faq-item.active .faq-question-btn {
+    background-color: #4A305A;
+}
+

css/nos-chefs.css

@@ -0,0 +1,25 @@
+.nos-chefs-section {
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+.chef-item {
+    margin-bottom: 20px;
+    text-align: center;
+}
+
+.chef-item img {
+    max-width: 100%;
+    border-radius: 50%;
+    margin-bottom: 10px;
+}
+
+.chef-item h2 {
+    color: #4A305A;
+}
+
+.chef-item p {
+    color: #333;
+    font-size: 16px;
+    line-height: 1.5;
+}

css/reservation.css

@@ -1,48 +1,48 @@
-.content {
-    text-align: center;
-}
-
-.reservation-section {
-    max-width: 600px;
-    margin: 0 auto;
-    text-align: center;
-    padding: 20px 0;
-}
-
-.reservation-form {
-    max-width: 600px;
-    margin: 0 auto;
-    text-align: center;
-}
-
-.reservation-form label {
-    display: block;
-    margin-bottom: 8px;
-}
-
-.reservation-form input,
-.reservation-form select {
-    width: 100%;
-    padding: 10px;
-    margin-bottom: 16px;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-}
-
-.reservation-form button {
-    margin-top: 10px; /* Ajoute un espace en haut du bouton */
-    background-color: #FFB039;
-    padding: 10px 20px;
-    border: none;
-    border-radius: 5px;
-    color: white;
-    cursor: pointer;
-}
-
-.reservation-form button:hover {
-    background-color: #E59800;
-}
-
-.reservation-form {
-    text-align: center; /* Centre le formulaire */
-}
+.content {
+    text-align: center;
+}
+
+.reservation-section {
+    max-width: 600px;
+    margin: 0 auto;
+    text-align: center;
+    padding: 20px 0;
+}
+
+.reservation-form {
+    max-width: 600px;
+    margin: 0 auto;
+    text-align: center;
+}
+
+.reservation-form label {
+    display: block;
+    margin-bottom: 8px;
+}
+
+.reservation-form input,
+.reservation-form select {
+    width: 100%;
+    padding: 10px;
+    margin-bottom: 16px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+}
+
+.reservation-form button {
+    margin-top: 10px; /* Ajoute un espace en haut du bouton */
+    background-color: #FFB039;
+    padding: 10px 20px;
+    border: none;
+    border-radius: 5px;
+    color: white;
+    cursor: pointer;
+}
+
+.reservation-form button:hover {
+    background-color: #E59800;
+}
+
+.reservation-form {
+    text-align: center; /* Centre le formulaire */
+}