From dd7f8a7efb09179d33907238d3c8769086f4a757 Mon Sep 17 00:00:00 2001 From: KONE SOREL Date: Mon, 6 Apr 2026 12:54:48 +0000 Subject: [PATCH] dr --- Bootstrap_new/css/style-portail.css | 254 +++++++++++++--------------- Vue/Ajaxconnexioncookie/english.php | 67 ++------ Vue/Ajaxconnexioncookie/french.php | 65 ++----- Vue/portail.php | 201 +++++++--------------- 4 files changed, 211 insertions(+), 376 deletions(-) diff --git a/Bootstrap_new/css/style-portail.css b/Bootstrap_new/css/style-portail.css index 91b149cb..f465ba07 100644 --- a/Bootstrap_new/css/style-portail.css +++ b/Bootstrap_new/css/style-portail.css @@ -1,172 +1,158 @@ /* ============================================================ - INTER SANTÉ — THEME MASTER (OFFICE 365 BLUE + ROUNDED) - RECONSTRUCTION BASÉE SUR LA STRUCTURE DE L'IMAGE 1 + INTER SANTÉ — LOGIN UI (ONLY) ============================================================ */ -/* === 1. VARIABLES & COLORIMÉTRIE OUTLOOK === */ :root { - /* Bleu Microsoft Outlook 365 Officiel */ - --color-primary: #0078d4; - --color-primary-light: #2b88d8; - --color-primary-dark: #005a9e; - --color-primary-ghost: #eff6fc; - - --color-success: #107c10; /* Vert Excel pour validations */ - --color-urgent: #d13438; /* Rouge Outlook */ - --color-warning: #ffaa44; - - /* Backgrounds Outlook (Haute Lisibilité) */ - --bg-app: #f3f2f1; /* Gris neutre Image 1 */ - --bg-card: #ffffff; - --text-main: #323130; /* Noir Microsoft pour lecture longue */ - --text-muted: #605e5c; - --border-light: #edebe9; - - /* Conservation de vos arrondis Image 1 */ - --radius-lg: 12px; - --radius-md: 8px; - --shadow-sm: 0 2px 8px rgba(0,0,0,0.05); + --login-blue: #0088cf; + --login-radius: 9px; } -/* === 2. BASE & LISIBILITÉ (DM Sans conservé) === */ -body { - background-color: var(--bg-app) !important; - color: var(--text-main); - font-family: 'DM Sans', 'Segoe UI', sans-serif !important; - font-size: 0.92rem; /* Taille idéale pour données denses */ +body, html { + height: 100%; + margin: 0; + overflow: hidden; /* Empêche le scroll */ + font-family: 'DM Sans', sans-serif; } -/* === 3. HEADER (L'esprit Outlook 365) === */ -#header { - background-color: var(--color-primary) !important; /* Bleu Uni Outlook */ - height: 50px !important; - box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important; - border-bottom: none !important; +.login-wrapper { + display: flex; + height: 100vh; } -#header .logo span { - color: #ffffff !important; - font-family: 'Syne', sans-serif; - font-weight: 700; - letter-spacing: 0.5px; +/* --- Section Gauche (Carrousel) --- */ +.slide-container { + width: 40vw; + height: 100vh; + position: relative; + background-color: #000; } -/* === 4. SIDEBAR (Navigation Pro) === */ -#sidebar { - background: #faf9f8 !important; /* Gris très clair Office */ - border-right: 1px solid var(--border-light) !important; +.slides img { + width: 100%; + height: 100%; + position: absolute; + object-fit: cover; + opacity: 0; + transition: opacity 0.8s ease-in-out; } -.sidebar-nav .nav-link { - color: var(--text-main) !important; - font-weight: 500; - margin: 4px 10px; - border-radius: var(--radius-md); - transition: all 0.2s ease; +.slides img.active { opacity: 1; } + +.nav-btn { + position: absolute; + top: 50%; + transform: translateY(-50%); + padding: 14px; + background-color: var(--login-blue); + opacity: 0.2; + color: #fff; + font-size: 24px; + cursor: pointer; + z-index: 10; + transition: 0.5s; + border-radius: 3px; } -.sidebar-nav .nav-link:hover, -.sidebar-nav .nav-link.active-main { - background-color: var(--color-primary-ghost) !important; - color: var(--color-primary) !important; +.nav-btn:hover { opacity: 0.8; } +.prev { left: 20px; } +.next { right: 20px; } + +.dotsContainer { + position: absolute; + bottom: 10px; + left: 50%; + transform: translateX(-50%); + z-index: 10; } -/* === 5. TABLEAUX (RECONSTRUCTION DE L'IMAGE 1) === */ -/* C'est ici que l'on retrouve la force de votre ancienne version */ -.table-responsive { - background: #ffffff; - border-radius: var(--radius-lg); - border: 1px solid var(--border-light); - overflow: hidden; +.dot { + width: 15px; + height: 15px; + margin: 0 2px; + border: 3px solid #bbb; + border-radius: 50%; + display: inline-block; + cursor: pointer; + transition: 0.6s; } -.table thead th { - background-color: #faf9f8 !important; /* Entête grise comme Image 1 */ - color: var(--text-muted); - font-weight: 700; - text-transform: uppercase; - font-size: 0.75rem; - border-bottom: 2px solid var(--color-primary) !important; /* Ligne d'accentuation Bleue */ - padding: 12px !important; +.dot.active { background-color: #555; } + +/* --- Section Droite (Formulaire) --- */ +.content-side { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 20px; + background: #fff; } -.table tbody tr td { - padding: 10px 12px !important; - border-bottom: 1px solid #f3f2f1 !important; - vertical-align: middle; +.portal-logo { + width: 120px; + margin-bottom: 30px; } -.table tbody tr:hover { - background-color: #f9f9f9 !important; - cursor: pointer; +.login100-form-title { + color: var(--login-blue); + font-family: 'Syne', sans-serif; + font-weight: 700; + font-size: 28px; + margin-bottom: 25px; } -/* === 6. CARDS & KPI (Style Card Image 1) === */ -.card { - border: 1px solid var(--border-light) !important; - border-radius: var(--radius-lg) !important; - box-shadow: var(--shadow-sm) !important; +/* Inputs & Labels */ +.form-group-login { + margin-bottom: 15px; + text-align: center; } -.kpi-card { - border-top: 4px solid var(--color-primary) !important; /* Barre bleue supérieure */ +.form-group-login label { + display: block; + font-size: 12pt; + margin-bottom: 5px; } -/* === 7. CONTEXTE & ÉLÉMENTS SPÉCIFIQUES (100% Source) === */ -#barre_laterale_d { - background: #ffffff; - border-left: 2px solid var(--border-light); +.input-login { + width: 300px !important; + height: 42px; + border: 2px solid var(--login-blue) !important; + border-radius: var(--login-radius) !important; + color: var(--login-blue) !important; + text-align: center; + font-weight: bold; } -.context-card { - background: #faf9f8; - border: 1px solid var(--border-light); - border-radius: var(--radius-md); - padding: 10px; +.input-login::placeholder { color: var(--login-blue); opacity: 0.6; } + +.login-btn { + width: 300px; + height: 45px; + background: var(--login-blue); + color: white; + font-size: 18px; + font-weight: 700; + border: none; + border-radius: var(--login-radius); + transition: 0.3s; + margin-top: 10px; } -/* Les liens h6 que vous aviez dans l'Image 1 */ -h6 a { - color: var(--color-primary); - font-weight: 600; - text-decoration: underline; -} -h6 a:hover { - background-color: var(--color-primary); - color: white; - text-decoration: none; - padding: 2px 5px; - border-radius: 4px; +.login-btn:hover { + background: white; + color: var(--login-blue); + border: 2px solid var(--login-blue); } -/* === 8. PATTERNS TECHNIQUES (Skeleton, Bulk, etc.) === */ -.skeleton { - background: linear-gradient(90deg, #f3f2f1 25%, #edebe9 50%, #f3f2f1 75%); - background-size: 200% 100%; - animation: skeleton-loading 1.5s infinite; +.footer-version { + position: fixed; + bottom: 10px; + font-size: 10pt; + color: #6c757d; } -/* Bannière de test zébrée (Noir et Jaune Outlook Style) */ -.mode-test-banner { - background: repeating-linear-gradient(45deg, #ffaa44, #ffaa44 10px, #323130 10px, #323130 20px); - color: white; - font-weight: 800; - padding: 5px; -} - -/* === 9. BOUTONS & BADGES === */ -.btn-primary { - background-color: var(--color-primary) !important; - border-radius: var(--radius-md) !important; - font-weight: 600 !important; -} - -.badge-saas { - border-radius: 4px; - padding: 4px 10px; - font-weight: 700; - font-size: 0.7rem; -} - -.status-paid { background: #dff6dd; color: #107c10; } -.status-urgent { background: #fde7e9; color: #a80000; } \ No newline at end of file +/* --- Responsive --- */ +@media (max-width: 992px) { + .slide-container { display: none; } +} \ No newline at end of file diff --git a/Vue/Ajaxconnexioncookie/english.php b/Vue/Ajaxconnexioncookie/english.php index 16dc3347..7e7502d2 100755 --- a/Vue/Ajaxconnexioncookie/english.php +++ b/Vue/Ajaxconnexioncookie/english.php @@ -1,69 +1,36 @@ -

- Manager Portal -

+
Manager Portal
" "): ?> -
- -
- -
- +
+ - -
+ + -
+ -
- -
- - -
+ -
+ -
- -
- - + \ No newline at end of file diff --git a/Vue/Ajaxconnexioncookie/french.php b/Vue/Ajaxconnexioncookie/french.php index ac8109ee..4b31e75c 100755 --- a/Vue/Ajaxconnexioncookie/french.php +++ b/Vue/Ajaxconnexioncookie/french.php @@ -1,69 +1,36 @@ -

- Portail Gestionnaire -

+
Portail Gestionnaire
" "): ?> - - -
- +
+ - -
+ + -
+ -
+ -
+ -
- -
- - + \ No newline at end of file diff --git a/Vue/portail.php b/Vue/portail.php index 507a839e..edf4d04a 100755 --- a/Vue/portail.php +++ b/Vue/portail.php @@ -1,167 +1,82 @@ - + - - - - - - - - - - - - - - - - - - - - + - <?= $titre ?> - -