.header{width:100%;padding:18px 24px;background-color:#fff;border-radius:24px;border:1px solid rgba(0,0,0,.08);box-shadow:0 18px 40px #0000001f;background-clip:padding-box}.header-content{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.header-actions{display:flex;align-items:center;gap:32px}.NavLinks{display:flex;align-items:center;gap:24px}.NavLinks a{color:#2b2b2b;text-decoration:none;font-weight:500}.NavLinks a:first-child{color:#e72942;text-decoration:underline}.header-left{display:flex;align-items:center;gap:12px}.button{border:none;border-radius:999px;padding:10px 18px;font-weight:600;cursor:pointer}.button.partner{background:#fff;color:#e72942;border:1px solid rgba(231,41,66,.18)}.button.signup{background:#e72942;color:#fff}.button.login{background:#f3f4f6;color:#444}.footer-container{display:flex;justify-content:center;padding:40px 20px;background:#fff0f3}.footer-card{width:min(1200px,100%);display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:36px;background:#fff;border-radius:28px;box-shadow:0 20px 50px #0000000d}.footer-copy h2{margin:0;font-size:clamp(2rem,2.5vw,3rem);line-height:1.05;color:#111}.footer-copy p{margin-top:1rem;max-width:560px;color:#7a7a7a;line-height:1.75}.footer-items{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end}.store-button{display:flex;align-items:center;gap:1rem;min-width:220px;padding:18px 22px;border-radius:22px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.store-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0000001f}.store-apple{background:linear-gradient(135deg,#ff315d,#ff5d85);color:#fff}.store-play{background:#fff;border:1px solid rgba(0,0,0,.08);color:#1e1e1e}.store-icon{display:inline-flex;width:2.4rem;height:2.4rem;border-radius:50%;align-items:center;justify-content:center;background:#fff3;font-size:1.25rem}.store-text small{display:block;font-size:.85rem;opacity:.85}.store-text strong{display:block;font-size:1.05rem}.homepage{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f5f5f5}.connexion{display:flex;max-width:800px;margin:50px auto;border-radius:8px;font-family:Arial,sans-serif}.connexion-box,.nouveau-client{flex:1;padding:30px}.connexion-box{border-right:1px solid #ddd}.connexion h2{margin-bottom:20px;color:#e41c34;text-align:center;border-inline-width:2px;padding-bottom:10px}.title{position:relative;text-align:center;margin-bottom:30px}.title:after{content:"";display:block;width:30%;height:3px;background-color:#e41c34;margin:8px auto 0}.connexion-form{display:flex;flex-direction:column}.connexion-form label{margin-bottom:5px;font-weight:700}.connexion-form input[type=email],.connexion-form input[type=password],.nouveau-client input[type="Créer mon compte"]{margin-bottom:15px;padding:10px;border:1px solid #ccc;border-radius:15px}.remember-me{font-size:14px;margin-bottom:20px}.btn.primary{padding:12px;color:#e41c34;color:#fff;border:none;cursor:pointer;border-radius:8px}.nouveau-client{padding:40px 20px;text-align:center}.create-account{background-color:#fff;color:#000;border:1.5px solid #d6d2d2;border-radius:999px;padding:10px 28px;font-size:14px;font-weight:400;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center}.connexion nouveau-client{margin-top:33px;width:995px;height:441px}<<<<<<< HEAD ======= >>>>>>> 617bade4 (Links newUser,acceuil,connexion,inscription,forgetPassword,experience,booking,profile,homePage,header,footer,mainLayout,minimalLayout,protectedRoute,authContext,apiRegistrationGuide,readme,eslintConfig,indexHtml,packageLockJson,packageJson,) .page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:#fff}.outlet-container{flex:1;overflow-y:auto;overflow-x:hidden}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:#fff;border-bottom:1px solid #ddd;height:80px;width:100%}.top-bar .logo{height:50px;object-fit:contain;cursor:pointer;flex-shrink:0}.user-avatar-top{display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-img,.avatar-placeholder{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;object-fit:cover;cursor:pointer;border:2px solid #e41c34;transition:transform .3s,box-shadow .3s}.avatar-img{box-shadow:0 2px 8px #0000001a}.avatar-img:hover,.avatar-placeholder:hover{transform:scale(1.05);box-shadow:0 4px 12px #e41c344d}.forgot-password-logo{background-color:#ddd;display:flex;justify-content:center;margin-bottom:20px;<<<<<<< HEAD =======}*{box-sizing:border-box;>>>>>>> 617bade4 (Links newUser,acceuil,connexion,inscription,forgetPassword,experience,booking,profile,homePage,header,footer,mainLayout,minimalLayout,protectedRoute,authContext,apiRegistrationGuide,readme,eslintConfig,indexHtml,packageLockJson,packageJson,)}.register{display:flex;justify-content:flex-start;align-items:flex-start;min-height:calc(100vh - 120px);padding:24px 20px 20px;background-color:#f5f5f5}.register-box{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:none;width:100%;margin:0 auto;box-sizing:border-box}.or-separator{display:flex;align-items:center;gap:16px;margin-top:20px;margin-bottom:20px;width:100%}.or-separator:before,.or-separator:after{content:"";height:1px;background:#e0e0e0;flex:1}.or-separator span{padding:0 12px;color:#666;font-weight:600}.social-section{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:flex-start;height:auto;width:100%;max-width:600px;margin:0 auto 40px;visibility:visible;border:2px dashed rgba(228,28,52,.6);background:#e41c3408;padding:8px;box-sizing:border-box}@media(min-width:964px){.social-section{display:flex}}.social-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:6px;border:1px solid #e0e0e0;background:#fff;cursor:pointer;font-weight:600;color:#333}.social-btn svg{flex-shrink:0}.social-btn.facebook span{color:#1877f2}.social-btn.google span{color:#ea4335}.social-btn.email span{color:#000}.social-section .social-btn:hover{box-shadow:0 4px 12px #0000000f}.titleRegister{text-align:center;margin-bottom:30px;color:#333;font-size:24px;font-weight:600;position:relative;padding-bottom:15px}.titleRegister:after{content:"";display:block;width:30%;height:3px;background-color:#e41c34;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.error-banner{padding:12px 15px;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:20px;font-size:14px;text-align:center}.success-banner{padding:12px 15px;background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:4px;margin-bottom:20px;font-size:14px;text-align:center}.register-form{display:flex;flex-direction:column;gap:15px}.form-row{display:flex;gap:15px}.form-group{display:flex;flex-direction:column;flex:1}.form-row .form-group{flex:1}.register-form input[type=text],.register-form input[type=email],.register-form input[type=password]{padding:12px 15px;border:1px solid #ddd;border-radius:15px;font-size:14px;transition:border-color .3s,box-shadow .3s}.register-form input[type=text]:focus,.register-form input[type=email]:focus,.register-form input[type=password]:focus{outline:none;border-color:#e41c34;box-shadow:0 0 5px #e41c344d}.register-form input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group.checkbox{flex-direction:row;align-items:center;gap:8px;margin-top:10px}.form-group.checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#e41c34}.form-group.checkbox label{margin:0;cursor:pointer;font-size:14px;color:#333}.error-text{color:#d32f2f;font-size:12px;margin-top:4px;margin-bottom:-10px}.btn.primary:hover:not(:disabled){background-color:#c61729}.btn.primary:disabled{background-color:#ccc;cursor:not-allowed}.login-link{text-align:center;font-size:14px;color:#666;margin-top:20px}.login-link a{color:#e41c34;text-decoration:none;font-weight:600;transition:color .3s}.login-link a:hover{color:#c61729}@media(min-width:964px){.register{justify-content:center;align-items:flex-start}.register-box{display:flex;flex-direction:column;gap:20px;align-items:center;max-width:900px;padding:40px}.register-form{flex:none;width:100%;max-width:700px}.social-section{width:100%;max-width:600px;margin:0 auto;align-self:center;height:auto;visibility:visible}.or-separator{width:100%;margin-top:20px;margin-bottom:20px;display:flex}}.forgot-password{text-align:center;margin-top:15px;margin-bottom:20px}.forgot-password a{position:relative;font-size:14px;color:#000;text-decoration:none;display:inline-block}.forgot-password a:after{content:"";display:block;width:60%;height:1.5px;background-color:#000;margin:6px auto 0}.forgot-password-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:auto;padding:40px 20px 20px;background-color:#f5f5f5;overflow:visible}.profile-section{width:100%;max-width:1000px}.profile-title{text-align:center;font-size:28px;font-weight:600;color:#333;margin-bottom:30px;position:relative;padding-bottom:15px}.profile-title:after{content:"";display:block;width:30%;height:3px;background-color:#e41c34;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.change-photo-text{text-align:center;font-size:16px;color:#666;margin-bottom:40px;cursor:pointer;transition:color .3s}.change-photo-text:hover{color:#e41c34}.profile-options{display:flex;flex-direction:column;gap:20px;margin-top:30px}.profile-left,.profile-right{flex:1}.profile-left h3,.profile-right h3{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}.password-form{display:flex;flex-direction:column;gap:15px}.password-form input[type=password]{padding:12px 15px;border:1px solid #ddd;border-radius:15px;font-size:14px;transition:border-color .3s;width:100%;box-sizing:border-box}.password-form input[type=password]:focus{outline:none;border-color:#e41c34;box-shadow:0 0 5px #e41c344d}.password-form .form-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.password-form .form-label{width:200px;text-align:right;font-weight:600;color:#333}.password-form .form-input{flex:1;padding:12px 15px;border:1px solid #ddd;border-radius:15px;font-size:14px}@media(max-width:600px){.password-form .form-row{flex-direction:column;align-items:stretch}.password-form .form-label{width:100%;text-align:left;margin-bottom:6px}}.error-message{padding:10px 15px;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;font-size:14px;text-align:center}.btn.primary{padding:12px;background-color:#e41c34;color:#fff;border:none;border-radius:15px;font-size:16px;cursor:pointer;font-weight:600;transition:background-color .3s;margin-top:10px}.password-form .btn.primary{min-width:160px;display:block;margin:10px auto 0}.btn.primary:hover{background-color:#c61729}.back-to-login{text-align:center;margin-top:15px}.back-to-login a{font-size:14px;color:#e41c34;text-decoration:none;position:relative}.back-to-login a:after{content:"";display:block;width:60%;height:1.5px;background-color:#e41c34;margin:6px auto 0}.success-message{text-align:center;padding:20px;background-color:#f0f8f0;border-radius:8px;color:#2d5a2d}.success-message p{margin:10px 0;line-height:1.6}html,body,#root{height:100%;margin:0;max-width:100%;overflow-x:hidden;padding:0}*{box-sizing:border-box}.app{display:flex;flex-direction:column}body{font-family:Montserrat,sans-serif}:root{--tablet: 768px;--desktop: 1024px}