ser

Vue/Fichebeneficiaire/index.php

@@ -60,6 +60,7 @@
 ?>
 
 <style>
+
 .form-check-card {
     cursor: pointer;
     transition: all 0.2s ease;
@@ -123,6 +124,48 @@
         font-size: 1rem;
     }
 }
+
+/* Taille fixe et comportement de la photo de profil */
+.profile-img {
+    width: 120px;
+    height: 120px;
+    object-fit: cover;
+    cursor: pointer;
+    transition: transform 0.2s;
+}
+.profile-img:hover {
+    transform: scale(1.05);
+}
+
+/* Placeholder quand il n'y a pas de photo */
+.profile-placeholder {
+    width: 120px;
+    height: 120px;
+    background-color: #f8f9fa;
+    border: 2px dashed #dee2e6;
+}
+
+/* Utilitaires de texte spécifiques */
+.x-small {
+    font-size: 0.75rem;
+}
+
+/* Bordure verticale uniquement sur tablette/desktop */
+@media (min-width: 768px) {
+    .border-end-md {
+        border-right: 1px solid #dee2e6 !important;
+    }
+    .border-start-md {
+        border-left: 1px solid #dee2e6 !important;
+    }
+}
+
+/* Amélioration des inputs de type radio version bouton */
+.btn-check:checked + .btn-outline-primary {
+    background-color: rgba(13, 110, 253, 0.1);
+    color: #0d6efd;
+    font-weight: bold;
+}
 </style>
 
 <div class="container-fluid mt-3">