diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 0b126cfa..2fdce847 100755
--- a/Vue/gabarit.php
+++ b/Vue/gabarit.php
@@ -1,952 +1,48 @@
-<?php 
-  require_once 'gabarit_queries.php';
-  $gabary = new Gabary();
- 
-  $_SESSION['firstLevelMenu']='';
-  $current_url = $_SERVER['REQUEST_URI']; 
-  $elements = explode("/", $current_url);
-  $activeLink = $elements[1];
-  $fullPath = $gabary->get_full_path($activeLink);
-  $fullPath = explode("\ ", $fullPath);
-  
-  $activeLevel1 = $activeLink;
-  $activeLevel2 = sizeof($fullPath)>1?$fullPath[1]:'';
-  $activeLevel3 =sizeof($fullPath)>2?$fullPath[2]:'';
-  $activeLevel4 = sizeof($fullPath)>3?$fullPath[3]:'';
-  $activeLevel5 = sizeof($fullPath)>4?$fullPath[4]:'';
-  
-  $_SESSION['firstLevelMenu']=$activeLink;
-  
-  const MAX_COMPANY_NAME_LENGTH = 20;
+<?php require_once 'head.php'; ?>
+<body class="d-flex flex-column min-vh-100 bg-light">
 
-/*
-  if (strlen($_SESSION['nomSociete']) <= MAX_COMPANY_NAME_LENGTH) {
-		$companyDisplayName = htmlspecialchars($_SESSION['nomSociete'], ENT_QUOTES);
-  } else {
-		$companyDisplayName = strtoupper($_SESSION['codeSociete']);
-  }
-*/
-  $companyDisplayName = htmlspecialchars($_SESSION['nomSociete'], ENT_QUOTES);
-  $modeDev = $_SESSION['modeDev_C'];
-  
-  $imgData = $_SESSION['photoAssureCrypte'];
-?>
+    <?php include 'header.php'; ?>
 
-<!doctype html>
-<html lang="fr">
-    <head>
-        <meta charset="UTF-8"/>
-		<meta http-equiv="X-UA-Compatible" content="IE=edge">
-		<meta name="viewport" content="width=device-width, initial-scale=1">
-		
-		<base href="<?= $racineWeb ?>" >
-		
-		<!-- Favicons -->
-		<link rel="icon" href="Bootstrap_new/images/favicon.ico"/>
- 
+    <div class="d-flex flex-grow-1" style="margin-top: 60px;">
+        
+        <?php include 'sidebar.php'; ?>
 
-		<!-- Google Fonts -->
-		<link href="https://fonts.gstatic.com" rel="preconnect">
-		<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
+        <main id="main" class="main flex-grow-1 p-3 p-md-4 transition">
+            <nav aria-label="breadcrumb" class="mb-4 d-none d-md-block">
+                <ol class="breadcrumb shadow-sm bg-white p-2 px-3 rounded-pill">
+                    <li class="breadcrumb-item small"><a href="#" class="text-decoration-none text-muted"><?= _("INTER SANTE") ?></a></li>
+                    <li class="breadcrumb-item small text-primary fw-bold active"><?= strtoupper(_($activeLevel1)) ?></li>
+                </ol>
+            </nav>
 
-		<!-- Vendor CSS Files -->
+            <div class="container-fluid p-0">
+                <?= $contenu; ?>
+            </div>
+        </main>
 
-		<link href="Bootstrap/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
-		<link href="Bootstrap/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
-		<link href="Bootstrap/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
-		<link href="Bootstrap/vendor/quill/quill.snow.css" rel="stylesheet">
-		<link href="Bootstrap/vendor/quill/quill.bubble.css" rel="stylesheet">
-		<link href="Bootstrap/vendor/remixicon/remixicon.css" rel="stylesheet">
-		<link href="Bootstrap/vendor/simple-datatables/style.css" rel="stylesheet">
-  
-
-		<link href="Bootstrap_new/css/datatables.min.css" rel="stylesheet">
-		<link href="Bootstrap_new/css/select2.min.css" rel="stylesheet">
-		<link href="Bootstrap/css/style.css?ver=2024.03.14.05" rel="stylesheet">
-		<link href="Bootstrap_new/css/style.css?ver=2025.09.10.00" rel="stylesheet">
-     
-		<link href="Bootstrap_new/select/css/bootstrap-select.min.css" rel="stylesheet">
-		
-		<link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.14.1/dist/sweetalert2.min.css" rel="stylesheet">
-      
-		<title><?= $_SESSION['vue'] ?></title>
-		
-		<!-- Libraries -->
-		<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-		<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0"></script>
-		<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-annotation@1.0.2"></script>
-		<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
-		<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
-
-		<script type="text/javascript">
-			var modeDev = <?= $_SESSION['modeDev_C'] ?>;
-			if (modeDev!="1") 
-			{
-				if (document.addEventListener) {
-					document.addEventListener('contextmenu', function (e) {
-						e.preventDefault();
-					}, false);
-				} else {
-					document.attachEvent('oncontextmenu', function () {
-						window.event.returnValue = false;
-					});
-				}
-			}
-		</script>
-		
-		  
-		<link rel="stylesheet" href="Bootstrap_new/datatables/datatable.min.css"  crossorigin="anonymous">
-		<link rel="stylesheet" href="assets/css/dashboard.css" >
-
-		<style>
-			/*#4caf50*/
-		
-			.dropdown-menu.show
-			{
-				z-index: 1000 !important;
-			}
-			
-			#barre_laterale_d{
-				background: white;
-				width: 350px !important;
-				border: 2px ridge #d9cfcf;
-				padding: 1px !important;
-				overflow:auto !important;
-			}
-
-
-			#barre_laterale_d input textarea{
-				width:100%
-			}
-
-			input[name="test_connexion"]{
-				color:white;
-				background:red
-			}
-
-			input[name="numeroClient_C"]{
-
-			}
-			
-			.btn-info-context{
-				background:#3473ac;
-				color:white;
-				border:2px solid #a49d9d;
-				border-top-left-radius: 50px;  /* Arrondi du coin supérieur gauche */  
-				border-bottom-left-radius: 50px; /* Arrondi du coin inférieur gauche */  
-				cursor: pointer;
-				transition: all 0.3s ease; /* Animation fluide */
-				transform: scale(0.8); /* Réduire la taille du bouton */
-			}
-
-			.btn-info-context:hover{
-				background:#3473ac;
-				color:white;
-				border:2px solid #a49d9d;
-				transform: scale(1); /* Rétablir la taille normale au survol */
-			}		
-			
-			
-			.btn-cacher-contexte{
-				background:red;
-				color:white;
-				border:2px solid #a49d9d;
-				border-top-right-radius: 100px; 
-				border-bottom-right-radius: 100px;
-				cursor: pointer;
-				font-size: 16px;
-				font-weight: bold;
-				transition: all 0.3s ease; /* Animation fluide */
-				transform: scale(0.8); /* Réduire la taille du bouton */
-			}
-			
-			.btn-cacher-contexte:hover {
-				border:2px solid #a49d9d;
-				transform: scale(1); /* Rétablir la taille normale au survol */
-			}
-
-			legend,#chemin{
-				background-color:#4caf50 !important;
-			}
-
-			.btn-primary{
-				background: #286090;
-			}
-			
-			.btn-warning{
-				background:red;
-				color:white
-			}
-			
-			.btn{
-				border-radius:0px;
-			}
-
-			/* Modal */
-			.modal-header{
-				background:#286090;
-				color:white
-			}
-
-			.modal-header .close{
-				color:white !important;
-				background:#4caf50 !important;
-				border:1px solid white !important
-			}
-
-			.modal-header legend{
-				background-color:transparent !important;
-				font-size:14px;
-				text-align:right;
-			}
-
-			.modal-footer .btn-default{
-				border: solid #286090 !important;
-				color: #286090 !important;
-
-			}
-
-			.modal-title{
-				font-size:16px !important
-			}
-
-			@media (max-width: 1199px) {
-				.main{
-					margin-left:0 !important
-				}
-			}
-
-
-			td input[readonly], td select[readonly]{
-				background: #e9ecef !important;
-				font-weight: bold;
-			}
-			   
-			td input[disabled], td select[disabled]{
-				background: #e9ecef !important;
-				font-weight: bold;
-			}
-		   
-
-			#barre_laterale_d input{
-				color:black !important;
-				font-size:12px;
-				font-weight:700
-			}
-
-			#barre_laterale_d .form-control{
-				font-weight: 700;
-				font-size: 12px;
-			}
-		  
-			.sr-only{
-				display:none;
-			}
-
-			.table{
-				background-color: #dff2ff !important
-			}
-
-			.table th:hover {
-				background-color: none !important;   
-			}
-			
-			.table tr:hover{
-				font-style: normal !important;
-			}
-			
-			.table td:hover{
-				font-style: normal !important;
-			}
-			
-			.table {
-				--bs-table-color: null !important;
-				--bs-table-striped-color:null !important
-
-			}
-
-			.table{
-				--bs-table-bg: null !important;
-			}
-
-			thead tr{
-				color:black
-			}
-
-			fieldset legend,form legend{
-				background-color:#4caf50 !important;
-			}
-
-			legend{
-				background-color:#4caf50 !important;
-			}
-
-		 
-			.btn-info{
-				background-color:#08C5D1;
-			    color:white;
-				font-weight: bold;
-		    }
-
-			.btn-info:hover{
-				background-color:white
-				color:#286090;
-			}
-
-			input[id="chemin"]{
-				border-radius:0%
-			}
-			
-			#barre_laterale_d input{
-				width:100%;
-				text-align:left;
-				border:none
-			}
-
-			#barre_laterale_d .form-control{
-				font-size:12px !important
-			}
-
-			footer{
-				background:transparent;
-				color:black !important
-			}
-		  
-			.filter-option-inner-inner{
-				background-color : #D4D3DC !important;
-				
-			}
-			
-
-			.table > thead
-			{
-			  /*#5c656a*/
-				background-color: #4caf50;
-			  
-				color:white !important;
-			  
-			}
-			
-			thead{
-				font-size: 13px;
-		   
-			}
-
-			thead tr {
-				color: white;
-		  
-			}
-
-			th {
-				background-color: #027BE3;
-				color: white;
-			}
-			
-
-			#barre_laterale_d{
-			  max-height:calc(100vh - 106px);
-			  overflow:auto
-			}
-			
-			.form-select{
-				height: 27px !important;
-				font-size: 10px !important;
-				line-height: 1 !important;
-			}
-			
-			.initials {  
-				display: inline-block; /* Nécessaire pour appliquer border-radius */  
-				width: 25px; /* Largeur du cercle */  
-				height: 25px; /* Hauteur du cercle, doit être égale à la largeur */  
-				background-color: #4caf50; /* Couleur de fond */  
-				border-radius: 15%; /* Pour arrondir complètement l'élément */  
-				color: #fff; /* Couleur du texte */  
-				text-align: center; /* Centrer le texte */  
-				line-height: 25px; /* Aligner verticalement le texte */ 
-			}  
-			
-			.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
-				text-align:center; 
-				font-weight: bold; 
-				background-color:#696969; 
-				color:#fff;
-			}
-			
-			h6 a{
-				text-decoration: underline;
-			}
-			
-			h6 a:hover{
-				background-color:#08C5D1;
-			    color:white;
-				text-decoration: none;
-			}
-			
-			.mb-2 textarea{
-				font-size:9pt; width:100%;
-			}
-			
-			.mb-2 .text-center{
-				font-size:9pt;
-				font-weight:bold;
-				background-color: orange; /*#6c757d;*/
-				color: white;
-			}
-			
-			.image-container img {
-			  transition: filter 0.3s ease-in-out;
-			}
-
-			.image-container img:hover {
-			  filter: grayscale(100%);
-			}
-			
-			.photo-container img {
-			  transition: transform 0.3s ease-in-out;
-			  cursor:pointer;
-			}
-
-			.photo-container img:hover {
-			  transform: scale(1.1);
-			  cursor:pointer;
-			}
-			
-			<!-- Effet hover doux -->
-			
-			.hover-shadow-sm:hover {
-			  box-shadow: 0 4px 10px rgba(13, 110, 253, 0.15);
-			  transform: translateY(-2px);
-			  transition: all 0.25s ease;
-			}
-			
-			.transition {
-			  transition: all 0.25s ease;
-			}
-			
-			.hover-scale:hover {
-			  transform: scale(1.06);
-			  box-shadow: 0 8px 16px rgba(13, 110, 253, 0.25);
-			}
-		</style>
-		
-		<link href="Bootstrap_new/css/custom.css?ver=2025.08.22.06" rel="stylesheet"/>
-		<!--<link href="Bootstrap_new/css/all.min.css?ver=2024.03.14.14" rel="stylesheet"/>-->
-		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-Avb2QiuDEEvB4bZJYdft2mNjVShBftLdPG8FJ0V7irTLQ8Uo0qcPxh4Plq7G5tGm0rU+1SPhVotteLpBERwTkw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-   
-    </head>
-	
-	<?php
-		$style = "";
-		$test  = "";
-		$colorTests="";
-		
-		$flag = (est_anglophone()) ? 'england.png' : 'france.png';
-	    $alt  = (est_anglophone()) ? 'English' : 'Français';
-		$lib  = (est_anglophone()) ? 'En' : 'Fr';
-		
-		if($_SESSION['bdTests_C']== "1"){
-			$colorTests=$_SESSION['colorTests'];
-			$style = "background-color: $colorTests;";
-			$test  = "MODE TEST";
-		}
-	?>
-
-	<!-- ======= Header ======= -->
-	<header id="header" class="header fixed-top d-flex align-items-center" style="<?=$style?>">
-
-    <div class="d-flex align-items-center justify-content-between">
-      <a  class="logo d-flex align-items-center">
-		<img src="Bootstrap_new/images/new/favicon.png" alt="Logo Inter santé"/>
-        <span class="d-none d-lg-block">INTER SANTE</span>
-      </a>
-      <i class="bi bi-list toggle-sidebar-btn"></i>
+        <?php include 'contexte.php'; ?>
     </div>
 
-    <nav class="header-nav ms-auto">
-      <ul class="d-flex align-items-center">
-		<li class="nav-item">
-          <a class="nav-link nav-icon" href="javascript:alert_ebene('TEST', 'TEST');">
-			<span><?=$test?></span>
-          </a>
-        </li>
-		
-		<li class="nav-item dropdown">
-			<a style="margin-left:10px; margin-right:10px;" class="nav-link nav-icon" href="#" data-bs-toggle="dropdown">
-				<i class="bi bi-bell"></i>
-				<span id="span_notification" title="<?= _("Notification");?>" class="badge bg-primary badge-number" onclick="javascript:pop_messagerie();">0</span>
-			</a><!-- End Notification Icon -->
-		</li>
-						
-        <li class="nav-item">
-          <a title="<?= _("Gestionnaire d'assurance santé");?>" style="margin-left:10px; margin-right:10px;" class="nav-link nav-icon" href="javascript:infos_entite();">
-		  
-			<img src="<?= $_SESSION['lienLogo'] ?>" alt="Profile" style="width:100px;max-height: 60px;">
-
-			<span >	<?=$companyDisplayName?> </span>
-          
-		  </a>
-        </li>
-					
-		
-		<li class="nav-item dropdown pe-3">
-			<a title="<?= _("Changer la langue actuelle");?>" style="margin-left:12px;" class="nav-link nav-profile d-flex align-items-center pe-0" href="#" data-bs-toggle="dropdown">
-				<?= "<img src='Bootstrap_new/images/$flag' alt='$alt' width='30'>" ?><span class="d-none d-md-block dropdown-toggle ps-2"><?= $lib ?></span>
-			</a>
-			<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
-				<li>
-				  <a class="dropdown-item d-flex align-items-center" href="javascript:changer_langue();">
-					<i class="fa fa-exchange" aria-hidden="true"></i>
-					<span ><?=_("Changer de langue")?></span>
-				  </a>
-				</li>
-			</ul>
-        </li>
-		
-		<li class="nav-item">
-          <a title="<?= _("Guide d'utilisation");?>" style="margin-left:10px; margin-right:10px;" class="nav-link nav-icon" href="Guideutilisation/">
-			<i class="bi bi-question-circle-fill" aria-hidden="true"></i>
-			<span ></span>
-          </a>
-        </li>
-		
-        <li class="nav-item dropdown pe-3">
-			<a title="<?= _("Initial utilisateur connecté");?>" style="margin-left:10px; margin-right:10px;" class="nav-link nav-profile d-flex align-items-center pe-0" href="#" data-bs-toggle="dropdown">
-				<span class="initials"> <?php echo $_SESSION['userInitials_C']; ?> </span>
-				<span class="d-none d-md-block dropdown-toggle ps-2"></span>
-			</a>
-			
-			<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
-				<li>
-					<a class="dropdown-item d-flex align-items-center" href="javascript:change_password();">
-						<i class="fa fa-user-circle" aria-hidden="true"></i>
-						<span ><?= $_SESSION['utilisateur_C']; ?></span>
-					</a>
-				</li>
-				
-				<li>
-				  <a class="dropdown-item d-flex align-items-center" href="#">
-					<i class="bi bi-box-arrow-right"></i>
-					<span ><?=_("Déconnexion")?></span>
-				  </a>
-				</li>
-
-			</ul>
-        </li>
-      </ul>
-    </nav>
-	<!-- End Icons Navigation -->
-
-  </header><!-- End Header -->
-
-  <!-- ======= Sidebar ======= -->
-  <aside id="sidebar" class="sidebar">
-  <?php
-	?>
-    <ul class="sidebar-nav" id="sidebar-nav">
-      <?php
-      
-        foreach ($menus as $key0=>$menuParent):
-			$menuChildrenLevelOne = $gabary->get_menus_by_parent_code($menuParent['vue']); 
-			if (sizeof($menuChildrenLevelOne)>0){ 
-				?>
-        <li class="nav-item">
-            <a class="nav-link collapsed" data-bs-target="#<?php echo $menuParent['codeMenu'].$key0;?>" data-bs-toggle="collapse" href="#">
-              
-				<i class="<?= $menuParent['icone'];?>" style="color:white;"></i>
-			  <?php 
-                    $parentLink = explode('/',$menuParent['lienMenu'])[0];
-              ?>
-              <span class="<?php echo strtolower($menuParent['libeleMenu'])==strtolower($activeLevel1)?'active-main':''; ?>"
-                    class="active-main">
-                    <?= $menuParent['libeleMenu'] ?>
-               </span><i class="bi bi-chevron-down ms-auto" style="color:white;"></i>
-            </a>
-            <ul id="<?php echo $menuParent['codeMenu'].$key0;?>" class="nav-content collapse " data-bs-parent="#sidebar-nav">
-            <?php 
-                  foreach ($menuChildrenLevelOne as $key1=>$menuChild):
-                  ?>
-                  <?php
-                ?>
-                  <li>
-                        <?php 
-                        $link_clean = explode('/',$menuChild['lienMenu'])[0];
-                        $activeLink=$_SESSION['firstLevelMenu'];
-                        ?> 
-
-                        <a class="<?php 
-                        echo $link_clean==$activeLink?'active-submenu':'';
-                        ?>" href="<?php echo $menuChild['lienMenu']; ?>">
-                          <span ><?= $menuChild['libeleMenu']; ?></span>
-                        </a>
-                      </li> 
-                <?php
-             endforeach; ?>
-            </ul>
-      </li>
-      <?php } else{?>
-        <li class="nav-item">
-        <a class="nav-link collapsed" data-bs-target="#<?php echo $menuParent['codeMenu'].$key0;?>"  href="<?php echo $menuParent['lienMenu']; ?>">
-              <i class="<?= $menuParent['icone'];?>" style="color:white;"></i>
-              <span style="font-weight:700"><?= $menuParent['libeleMenu'] ?></span>
-            </a>
-        </li>
-      <?php } endforeach; ?>
-    </ul>
-
-	</aside>
-	
-	<div id="div_entite" class="sr-only"></div>
-
-	<main id="main" class="main">
-		<INPUT class="sr-only"  TYPE="text" id="vue" name="vue" value="<?= isset($_SESSION['vue']) ? $_SESSION['vue'] : ""; ?>">
-		<div class="fixed-div">
-		  <div class="content">
-			<?php 
-			  $menuChildrenLevelThree=[];
-
-			  if(sizeof($menusvue)>0){
-				$current_url = $_SERVER['REQUEST_URI']; 
-				$elements = explode("/", $current_url);
-				$activeLink = $elements[1];
-			  ?>
-
-		  <div class="scrollmenu">
-		  <?php foreach ($menusvue as $key3=>$menu): 
-				$descriptionMenu = $menu['descriptionMenu'];
-		  ?>
-			<a title="<?= $descriptionMenu; ?>" href="<?php echo $menu['lienMenu']; ?>"><?= $menu['libeleMenu'] ?></a>
-			<?php endforeach; ?>
-		  </div>
-			  <?php }?>
-		  </div>
-		</div>
-
-		<input class="sr-only"  type="text" id="racineWeb"      name="racineWeb"  		value="<?= $racineWeb ?>">
-		<input class="sr-only"  type="text" id="dureeSession"   name="dureeSession"  		value="<?= $_SESSION['dureeSession'] ?>">
-		<input class="sr-only"  type="text" id="nomSociete"     name="nomSociete"  		value="<?= $_SESSION['nomSociete'] ?>">
-
-		
-	  
-		<section class="section main-dashboard">
-			<div id="contenu">
-				<div id="div_test_gabarit">	
-				
-				<?php 
-				/*
-					var_dump(
-						array(
-							"nomSociete" => $_SESSION['nomSociete'],
-							"kane" => "KANE LAZ",
-							"sorel" => "SOREL",
-						)
-					);
-					exit();
-				*/
-				?>
-				
-				</div>
-				
-				<?= $contenu ?>
-				
-			</div>				
-		</section>
-
-	</main>
-	<!-- End #main -->
-		<input type="text" class="sr-only" id="numeroClient_C" name="numeroClient_C" value="<?= $this->nettoyer($_SESSION['numeroClient_C']) ?>">
-		<input type="text" class="sr-only" id="codeGcAssureur_C" NAME="codeGcAssureur_C" value="<?= $this->nettoyer($_SESSION['codeGcAssureur_C']) ?>">
-		
-		<button class="btn-info-context mb-2" id="showSideNav" title="<?= _("Afficher contexte")?>">
-			<i class="fa-solid fa fa-angle-double-left" style="font-size:24px"></i> <i class="fa fa-cog fa-spin" style="font-size:24px"></i>
-		</button>
-		
-		<div id="barre_laterale_d" class="col-2 sidenav">
-			<div class="card shadow-sm p-2">
-				<button class="btn-cacher-contexte mb-3 w-100" id="hideSideNav" title="<?= _("Cacher contexte")?>">
-					<i class="fa fa-cog fa-spin" style="font-size:24px"></i> <i class="fa-solid fa fa-angle-double-right" style="font-size:24px"></i>
-				</button>
-				
-				<!-- Informations sur le Garant -->
-				<div class="mb-2">
-					<h6 class="text-muted"><i class="fas fa-user-shield"></i>&nbsp;<?= _("Garant")." : "?><a href="javascript:afficher_garant('<?=$this->nettoyer($_SESSION['codeGcAssureur_C']);?>');" title="<?= _("Afficher le Garant")?>"><?= $this->nettoyer($_SESSION['codeGcAssureur_C']) ?></a></h6>
-					<button class="btn btn-info btn-sm w-100" onclick="javascript:afficher_garant('<?=$this->nettoyer($_SESSION['codeGcAssureur_C']);?>');" title="<?= _("Afficher le Garant")?>" >
-						<?= isset($_SESSION['nomGcAssureur_C']) ? $_SESSION['nomGcAssureur_C']: "";?> 
-					</button>
-				</div>
-				
-				<!-- Informations sur le Souscripteur -->
-				<div class="mb-2">
-					<h6 class="text-muted"><i class="fas fa-user-tie"></i>&nbsp;<?= _("Souscripteur")." : "?><a href="javascript:afficher_client_id();" title="<?= _("Afficher le Souscripteur")?>"><?= $this->nettoyer($_SESSION['numeroClient_C']) ?></a></h6>
-					<button class="btn btn-info btn-sm w-100" onclick="javascript:afficher_client_id();" >
-						<?= $this->nettoyer($_SESSION['nomClient_C']) ?>
-					</button>
-				</div>
-				
-				<!-- Informations sur la police -->
-				<div class="mb-2">
-					<button class="btn btn-info btn-sm w-100" id="numeroPolice_C" name="numeroPolice_C" onclick="javascript:afficher_police_id();" title="<?= _("Couverture").": ".dateLang($_SESSION['dateEffet_C'], $_SESSION['lang']).' - '.dateLang($_SESSION['dateEcheance_C'], $_SESSION['lang'])?>">
-						<i class="fa fa-file-text" aria-hidden="true"></i> <?= _("Police en cours")." : ".$this->nettoyer($_SESSION['numeroPolice_C']) ?>
-					</button>
-				</div>
-				
-				<div class="mb-2">
-					<h6 class="text-center"><?= _("Fam.")." [".format_N($_SESSION['ndAdh_C'])."] | ". _("Dép.")." [".format_N($_SESSION['ndDep_C'])."] | ". _("Bén.")." [".format_N($_SESSION['ndActif_C'])."]" ?></h6>
-				</div>
-				
-				<!-- Adhérent et bénéficiaire -->
-				<div class="mb-2">
-					<button class="btn btn-info btn-sm w-100" onclick="javascript:afficher_adherent_id();" id="numeroAdherent_C" NAME="numeroAdherent_C" title="<?= _("Voir les membres de famille")?>">
-						<i class="fa-solid fa-users"></i> <?= _("Famille en cours")." : ".$this->nettoyer($_SESSION['numeroAdherent_C']) ?>
-					</button>
-				</div>
-
-				<div class="mb-2">
-					<button class="btn btn-outline-secondary btn-sm w-100" onclick="javascript:afficher_adherent_id();" title="<?= _("Voir les membres de famille")?>">
-						 <?= substr($this->nettoyer($_SESSION['adherent_C']), 0, 25) ?>
-					</button>
-				</div>
-
-				<div class="mb-2">
-					<button class="btn btn-info btn-sm w-100" onclick="javascript:afficher_beneficiaire_id();" id="numeroBeneficiaire_C" NAME="numeroBeneficiaire_C" title="<?= _("Couverture").": ".dateLang($_SESSION['dateEntreeBeneficiaire_C'], $_SESSION['lang']).' - '.dateLang($_SESSION['dateEcheancePolice_C'], $_SESSION['lang'])?>">
-						<i class="fa-solid fa-user"></i> <?= _("Bénéficiaire en cours")." : ".$this->nettoyer($_SESSION['numeroBeneficiaire_C']) ?>
-					</button>
-				</div>
-
-				<div class="mb-2">
-					<button class="btn btn-outline-secondary btn-sm w-100" onclick="javascript:afficher_beneficiaire_id();" title="<?= _("Couverture").": ".dateLang($_SESSION['dateEntreeBeneficiaire_C'], $_SESSION['lang']).' - '.dateLang($_SESSION['dateEcheancePolice_C'], $_SESSION['lang'])?>">
-						<?= substr($this->nettoyer($_SESSION['beneficiaire_C']), 0, 25) ?>
-					</button>
-				</div>
-				
-				<!-- Photo -->
-				<div class="photo-container text-center mb-2">
-					<?php if ($_SESSION['faceRegistered_C']=="1" && $_SESSION['idBeneficiaire_C'] > "0"): ?>
-						<img src="data:image/jpg;base64,<?=$imgData?>" class="img-fluid rounded" style="width: 200px;" data-bs-toggle="modal" data-bs-target="#pop_photo" alt="<?= _("Photo") ?>">
-					<?php endif; ?>
-				</div>
-				
-				<!-- <div class="card shadow-sm mb-3">  -->
-				  <!-- <div class="card-body">  -->
-					<h6 class="card-title border-bottom pb-2 text-primary fw-semibold d-flex align-items-center gap-2">
-					  <i class="bi bi-clock-history"></i>
-					  <?= _("Dernières polices ouvertes") ?>
-					</h6>
-
-					<ol class="list-unstyled mb-0">
-					  <?php 
-					  foreach ($_SESSION['contextPolice'] as $contextPolice): 
-						  $idPolice = $contextPolice['idPolice'];
-						  $numeroPolice = $contextPolice['numeroPolice'];
-					  ?>
-						<li class="mb-0">
-						  <a href="javascript:selectionner_police(<?= $idPolice ?>,'<?= $numeroPolice ?>');afficher_police_id();"
-							 class="text-decoration-none text-dark">
-							 
-							 <div class="card border-0" style="height: 0.1rem;">
-							  <div class="text-muted small">
-								<?= htmlspecialchars($contextPolice['libellePolice']) ?>
-							  </div>
-							 </div>
-						  </a>
-						</li>
-					  <?php 
-					  endforeach; 
-					  ?>
-					</ol>
-				  <!-- </div>  -->
-				<!-- </div>  -->
-
-				<!-- Bouton Gérer Messages  -->
-				<div class="mb-2">
-					<button class="btn btn-outline-primary btn-sm w-100" onclick="javascript:gerer_messagerie();">
-						<?= _("Gérer Messages") ?> <i class="fa fa-comments" aria-hidden="true"></i>
-					</button>
-				</div>
-				
-
-				<!-- Changer le mot de passe -->
-				<div class="image-container mb-3 text-center">
-				  <a href="javascript:change_password();" 
-					 title="<?= isset($_SESSION['lang']) && $_SESSION['lang']=="en_US" ? 'Change password' : 'Changer le mot de passe' ?>"
-					 class="d-inline-block text-decoration-none text-dark">
-
-		
-					<div class="p-4 bg-light rounded-circle shadow-sm d-inline-flex justify-content-center align-items-center transition hover-scale">
-					  <img src="Bootstrap_new/images/pwd.png" alt="Changer mot de passe" class="img-fluid" style="width:30px;">
-					</div>
-
-					<!-- Texte sous l’icône -->
-					<div class="mt-2 fw-semibold text-secondary small">
-					  <?= isset($_SESSION['lang']) && $_SESSION['lang']=="en_US" ? 'Change Password' : 'Changer le mot de passe' ?>
-					</div>
-				  </a>
-				</div>
-												
-				<!-- Mode cotation -->
-				<?php if ($_SESSION['modeDevis']=="1"): ?>
-					<div class="mb-2" style="width:100%; background-color: #ff00ff; text-align:center; color: white; font-weight:bold; font-size: 10pt;">	
-						<?= _("GESTION DES COTATIONS") ?>
-					</div>
-					
-					<div class="mb-2">
-						<button class="btn btn-info btn-sm w-100" onclick="javascript:afficher_client_d_id();" id="numeroClient_d_C" NAME="numeroClient_d_C">
-							<i class="fa fa-user-times" aria-hidden="true"></i> <?= _("Prospect")." : ".$this->nettoyer($_SESSION['numeroClient_d_C']) ?>
-						</button>
-					</div>
-					
-					<div class="mb-2">
-						<button class="btn btn-outline-secondary btn-sm w-100" onclick="javascript:afficher_client_d_id();" id="nomClient_d_C" NAME="nomClient_d_C">
-							<?= substr($this->nettoyer($_SESSION['nomClient_d_C']), 0, 25) ?>
-						</button>
-					</div>
-					
-					<div class="mb-2">
-						<button class="btn btn-info btn-sm w-100" id="numeroPolice_d_C" NAME="numeroPolice_d_C" onclick="javascript:afficher_police_d_id_init();">
-							<i class="fa fa-file-text" aria-hidden="true"></i> <?= $this->nettoyer($_SESSION['numeroPolice_d_C']) ?>
-						</button>
-					</div>
-				<?php endif; ?>
-			
-				<footer class="container-fluid text-center" style="padding-left:0px; padding-top:0px; padding-right:0px;padding-bottom:5px; font-size:12px;text-align:left">
-					<div id="nbMessagesNonLus" name="nbMessagesNonLus">
-						<INPUT class='sr-only timer' id="timer" NAME="timer" TYPE="button" value="0">
-						<INPUT class="sr-only" TYPE="text" id="msgNonLus" NAME="msgNonLus" value="0" >
-					</div>
-				</footer>
-			</div>
-		</div>
-
-		<div class="modal fade" id="popmessagerie" role="dialog">
-			<div class="modal-dialog modal-lg">
-					<div class="modal-content">
-
-							<div class="modal-header">
-								<button type="button" class="close" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
-								<h4 class="modal-title"> <?= _("Messages non lus") ?> </h4>
-							</div>
-
-							<div class="modal-body">
-								<div id="div_messagerie">
-
-								</div>
-
-							</div>
-
-							  <div class="modal-footer">
-									<button type="button" class="btn btn-default" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
-							  </div>
-
-					</div>
-			</div>
-		</div>
-
-		<div class="modal fade" id="popderniermessagerie" role="dialog">
-			<div class="modal-dialog modal-lg">
-					<div class="modal-content">
-
-							<div class="modal-header">
-								<button type="button" class="close" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
-								<h4 class="modal-title"> <?= _("Alerte Réception Message...") ?> </h4>
-							</div>
-
-							<div class="modal-body">
-								<div id="div_dernier_messagerie">
-
-								</div>
-
-							</div>
-
-							  <div class="modal-footer">
-									<button id="btn_close_pop_dernier_messagerie" name="btn_close_pop_dernier_messagerie" type="button" class="btn btn-default" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
-							  </div>
-					</div>
-			</div>
-		</div>
-
-
-		<button id="btn_pop_messagerie" NAME="btn_pop_messagerie" type="button" class="sr-only" data-bs-toggle="modal" data-bs-target="#popmessagerie"> <?= _("Afficher les messages non lus...") ?> </button>
-
-		<div class="modal fade" id="popmessagerie" role="dialog">
-			<div class="modal-dialog modal-lg">
-				<div class="modal-content">
-				
-					<div class="modal-header">
-						<button type="button" class="close" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
-						<h4 class="modal-title"> <?= _("Messages non lus") ?> </h4>
-					</div>
-
-					<div class="modal-body">
-						<div id="div_messagerie">	
-						
-						</div>	
-						
-					</div>
-					
-					  <div class="modal-footer">
-						<button id="btn_close_messagerie" NAME="btn_close_messagerie" type="button" class="btn btn-default" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
-
-					  </div>
-					
-				</div>
-			</div>
-		</div>
-		
-		<button id="btn_pop_dernier_messagerie" 	NAME="btn_pop_dernier_messagerie" type="button" class="sr-only" data-bs-toggle="modal" data-bs-target="#popderniermessagerie"> <?= _("Alerte Réception Message...") ?> </button>
-		
-		<div class="modal fade" id="popderniermessagerie" role="dialog">
-			<div class="modal-dialog modal-lg">
-				<div class="modal-content">
-				
-					<div class="modal-header">
-						<button type="button" class="close" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
-						<h4 class="modal-title"> <?= _("Alerte Réception Message...") ?> </h4>
-					</div>
-
-					<div class="modal-body">
-						<div id="div_dernier_messagerie">	
-						
-						</div>	
-						
-					</div>
-					
-					  <div class="modal-footer">
-						<button id="btn_close_pop_dernier_messagerie" name="btn_close_pop_dernier_messagerie" type="button" class="btn btn-default" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
-					  </div>					
-				</div>
-			</div>
-		</div>
-		
-		<div class="modal fade" id="pop_photo" role="dialog">
-			<div class="modal-dialog modal-lg">
-				<div class="modal-content">			
-					<div class="modal-header">
-						<button id="btn_close_pop" name="btn_close_pop" type="button" class="close" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
-						<h4 class="modal-title"> <?= _("Photo") ?> </h4>
-					</div>
-				
-					<div class="modal-body">
-						<img src="data:image/jpg;base64,<?=$imgData?>" style="width: 450px;" >						
-					</div>		
-					
-				  <div class="modal-footer">
-					<button type="button" class="btn btn-default" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
-				  </div>					
-				</div>
-			</div>
-		</div>
-
-	<script src="<?= $_SESSION['dossierSociete'].'/Js/societe.js' ?>"></script>
-
-
-	<!-- Vendor JS Files -->
-	  <script src="Bootstrap/vendor/apexcharts/apexcharts.min.js"></script>
-	  <script src="Bootstrap/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
-	  <script src="Bootstrap/vendor/chart.js/chart.umd.js"></script>
-	  <script src="Bootstrap/vendor/echarts/echarts.min.js"></script>
-	  <script src="Bootstrap/vendor/quill/quill.min.js"></script>
-	  <script src="Bootstrap/vendor/simple-datatables/simple-datatables.js"></script>
-	  <script src="Bootstrap/vendor/php-email-form/validate.js"></script>
-
+    <div id="modals-container">
+        <div class="modal fade" id="popmessagerie" tabindex="-1" aria-hidden="true">
+            <div class="modal-dialog modal-lg modal-dialog-centered">
+                <div class="modal-content border-0 shadow-lg">
+                    <div class="modal-header bg-light">
+                        <h5 class="modal-title fw-bold text-primary"><i class="bi bi-envelope-paper me-2"></i><?= _("Messages non lus") ?></h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+                    </div>
+                    <div class="modal-body"><div id="div_messagerie"></div></div>
+                </div>
+            </div>
+        </div>
+        <div class="modal fade" id="pop_photo" tabindex="-1" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered">
+                <div class="modal-content border-0 shadow-lg text-center p-3">
+                    <img src="data:image/png;base64,<?= $_SESSION['photoAssureCrypte'] ?>" class="img-fluid rounded shadow">
+                </div>
+            </div>
+        </div>
+    </div>
 
     <script src="Bootstrap/js/jquery.min.js"></script>
     <script src="Bootstrap/js/jquery-ui.js"></script>
@@ -965,33 +61,18 @@
         <script src="Js/datepicker-fr.js"></script>
     <?php endif; ?>
 
-		<script src="Js/fonctions.js?ver=2025.11.29.09"></script> 
-		
-		<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
-		
-		<!-- 
-		<?php if ($modeDev=='1') : ?>
-			<script src="Js/fonctions.js?ver=2025.09.22.01"></script> 
-			<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
-		<?php else: ?>
-			<script src="Js/fonctions.min.js?ver=2025.09.22.01"></script>
-			<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
-		<?php endif; ?> 
-		 -->
-		 
-		<script src="Bootstrap/js/bootstrap.min.js"></script>
-		
-		<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-		
-		<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.14.1/dist/sweetalert2.all.min.js"></script>
-				
+    <script src="Js/fonctions.js?ver=2025.11.29.09"></script>
+    <script src="<?= $_SESSION['dossierSociete'].'/Js/societe.js' ?>"></script>
 
-		<div id="div_ajaxgabarit">							
-		</div>
+    <script type="text/javascript">
+        $(document).ready(function() {
+            // Toggle Sidebar
+            $('.toggle-sidebar-btn').on('click', function() {
+                $('body').toggleClass('toggle-sidebar');
+            });
 
-		<script type="text/javascript">
-			raffraichier_gabarit();
-		</script>
+            // Initialisation métier
+            raffraichier_gabarit();
 
             $('#timer').timer({
                 duration: '60s',
