#resultID{
	margin-top:15px;
}

.darkGreyClass {
    background-image: linear-gradient(120deg, #ebedee 0%, #fdfbfb 100%);
    color: #788487;
    padding: 8px;
    margin-left: -20px;
    font-weight: 500;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
	max-width: 200px;
    display: block;
}
span.subTitle2Class {
    font-size: 18px;
	background-image: linear-gradient(120deg, #ebedee 0%, #fdfbfb 100%);
    color: #788487;
    padding: 5px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
	border-left: 1px solid #d9d9d9;
}
h1.subTitle2Class {
	padding-top:0px;
	font-size: 20px;
    color: #758487;
    font-weight: 600;
}
.pl-10{
	padding-left:10px!important;
}
.subTitle3Class {
    font-size: 16px;
    margin-top: 10px;
    display: block;
	font-weight: 600;
}
.containerDetails{
	border-left: 1px dashed #49545b42;
	background: #fafbfb;
	padding-bottom: 10px;
	/*min-height: 485px;*/
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.mainRedBGClassX{
	padding-left: 40px;
}
.mainRedBGClass {
    background-color: #26a65b;
    color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
}
.textDesc{
	font-size:16px;
	margin-top:20px;
	padding-right: 40px;
}
.greyGradient{
	background-image: linear-gradient(120deg, #ebedee 0%, #fdfbfb 100%);
}
li {
  color:#788487;
  list-style:none;
  position: relative;
  padding-left:20px;
  line-height: 2;
  font-size:14px;
}
li:before {
  font-family:FontAwesome;
  position: absolute;
  left: 0;
  color:#318ca0;
  font-size:14px;
}
li.two:before {
   content:"\f00c";
   padding-left: 10px;
}

li.two{
  padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
} 

.containerForm{
	margin-top:-70px;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
	min-height: 630px;
	padding-left:0px!important;
	padding-right:0px!important;
	position: fixed;
    right: 0;
	/*bottom: 0px;   */      /* <= position de base */
	z-index: 10;
}
.contentBorderTop{
	border-top: 1px solid #ccc;
    margin-top: -1px;
}
.carousel{
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

/********* block de données **********/

/* Bloc générique */
.bloc-donnees {
 border-radius: 6px;
    overflow: hidden;
    margin-top: 30px;
    background: #eaeff07a;
    padding-top: 5px;
    padding-bottom: 15px;
    border: 1px solid #78848752;
    margin-left: 10px;
	text-align:left;

}

/* Bandeau titre */
.bloc-donnees .bloc-titre {
 /* background: #edf4ff;    */       /* couleur du titre */
  color: #000000;
  font-weight: 600;
  padding: .5rem .75rem;
  /*background-image: linear-gradient(120deg, #ebedee 0%, #ffffff 100%);*/
  border-left: 3px solid #657ea0;
 /* border-bottom: 1px solid #d9d9d9;*/
  display: block;
  max-width:400px;
  margin-bottom: 10px;
}

/* Lignes de données (les .row directement sous le bloc) */
.bloc-donnees > .row {
  margin: 0;                     /* évite les “trous” horizontaux */
}

/* Zébrage : une couleur sur deux */
.bloc-donnees > .row:nth-of-type(odd)  { background: #ffffff; }
.bloc-donnees > .row:nth-of-type(even) { background: #edf4ff ; } /*#f8f9fb*/

/* Cellules Libellé / Valeur */
.bloc-donnees > .row > [class*="col-"] {
  padding: .5rem .75rem;
  border-bottom: 1px solid #eee;
}

/* Pas de trait sous la dernière ligne */
.bloc-donnees > .row:last-of-type > [class*="col-"] {
  border-bottom: none;
}

.itemValue{font-weight:600;}

/* Base */
ul.striped { margin-left:-10px;margin-right:-10px; }
ul.striped > li {background: #ffffff; }

/* Alternance */
ul.striped > li:nth-of-type(even) { background: #edf4ff; }
/* Si tu veux commencer par #edf4ff au premier li, inverse simplement: */
/* ul.striped > li:nth-of-type(odd) { background: #edf4ff; } */

.noBg{background:none!important;}

/******** menu fiche *********/


/* Menu interne */
.menuFiche{ display:flex; /*gap:1rem;*/ list-style:none; margin:0; padding:.75rem 1rem; }
/*.menuFiche a{ text-decoration:none; padding:.5rem .75rem; border-radius:.5rem; font-weight:600; }*/
.menuFiche li {padding-left:0!important;}
.menuFiche a {
    text-decoration: none;
    /* padding: .5rem .75rem; */
    border-radius: .5rem;
    font-weight: 600;
    /*margin-left: 10px;*/
	padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
	border-top:1px solid rgba(0,0,0,.08);
	border-right:1px solid rgba(0,0,0,.08);
}



:root { --header-h: 0px; --menu-h: 0px; }

.menuFicheBar{
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.08);
  transition: box-shadow .2s ease;
  z-index: 1000; /* base; sera au-dessus en mode fixed */
}

.menuFicheBar.is-fixed{
  position: fixed;
  top: var(--header-h);      /* sera mesuré en JS */
  /* left + width sont posés en JS pour rester aligné avec la colonne */
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
  z-index: 1002;
}

#menuSentinel{ height:0; min-height: 1px; }   /* hauteur injectée en JS pour éviter le “saut” */

html{ scroll-behavior: smooth; }
:root {

  --anchor-gap: 24px;
}

.anchor-target {
  scroll-margin-top: calc(var(--header-h) + var(--menu-h) + var(--anchor-gap));
  margin-left: 30px;
}

/* bonus : si l’ancre est portée par un H1/H2… en premier enfant */
.anchor-target :is(h1,h2,h3,h4,h5,h6):first-child {
  scroll-margin-top: calc(var(--header-h) + var(--menu-h) + var(--anchor-gap));
}

/* ===  design + animation de l'item actif === */

:root{
  --menu-accent: #26a65b;           /* couleur d’accent de l’actif/hover */
  --menu-ink-h: 3px;                /* épaisseur du trait sous l’item actif */
  --menu-pill-bg: rgba(38,166,91,.12);
}

/* on n’altère pas tes paddings; juste du positionnement/animation */
.menuFiche a{
  position: relative;
  transition: color .18s ease, transform .18s ease, background-color .18s ease;
}

/* hover léger (dé-commente si tu veux un hover coloré) */

.menuFiche a:hover{
  color: var(--menu-accent);
}


/* Effet “pill” sur l’actif */
.menuFiche a.active{
  background: var(--menu-pill-bg);
  color: var(--menu-accent);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0,0,0,.06) inset;
}

/* Ink bar (trait sous l’item actif) — l’élément .menu-ink est ajouté par le JS */
.menuFicheBar{
  position: relative; /* pour positionner l’ink bar */
  overflow: visible;
}

.menuFicheBar .menu-ink{
  position: absolute;
  left: 0; bottom: 0;
  height: var(--menu-ink-h);
  width: 0;
  background: var(--menu-accent);
  border-radius: 2px;
  transform: translateX(0);
  transition: transform .22s ease, width .22s ease, opacity .18s ease;
  opacity: .95;
  pointer-events: none;
}

/* petit “pulse” optionnel quand l’actif change */
.menuFicheBar.ink-pulse .menu-ink{ animation: inkPulse .5s ease; }
@keyframes inkPulse{
  0%{ opacity:.6 } 50%{ opacity:1 } 100%{ opacity:.95 }
}

/* Accessibilité : focus clavier propre */
.menuFiche a:focus-visible{
  outline: 2px solid var(--menu-accent);
  outline-offset: 2px;
  background: var(--menu-pill-bg);
}

/* Respect des préférences utilisateurs (réduit les animations si demandé) */
@media (prefers-reduced-motion: reduce){
  .menuFiche a, .menuFicheBar .menu-ink{
    transition: none !important;
    animation: none !important;
  }
}

/******* modal formulaire ***********/

  /* Bouton flottant (uniquement mobile) */
  .contact-fab{
    position: fixed;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1051;
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 999px;
    background: #007bff;
    color: #fff;
    box-shadow: 0 6px 18px rgba(0,0,0,.25);
    display: grid;
    place-items: center;
  }
  .contact-fab:active{ transform: translateY(-50%) scale(.98); }

  /* Modale qui se comporte comme un panneau latéral droit */
  .modal.modal-slide .modal-dialog{
    position: fixed;
    margin: 0;
    right: 0;
    top: 0;
    height: 100vh;
    transform: translateX(100%);        /* caché à droite par défaut */
    transition: transform .3s ease-in-out;
  }
  .modal.modal-slide.show .modal-dialog{
    transform: translateX(0);            /* slide in */
  }
  .modal.modal-slide .modal-content{
    height: 100vh;
    border: 0;
    border-radius: 0;
  }
  .modal.modal-slide .modal-body{
    overflow-y: auto;                    /* scroll interne si le contenu est long */
    -webkit-overflow-scrolling: touch;
  }
  /* largeur du panneau sur mobile */
  @media (max-width: 767.98px){
    .modal.modal-slide .modal-dialog{
      width: 92vw;                       /* ajustable: 92% de la largeur viewport */
      max-width: none;
    }
	.noMobile{display:none;}
	.containerDetails{min-height:auto!important}
	.anchor-target {
		margin-left: 10px;
		margin-right: 10px;
	}
  }
  /* Option : pas de shift du body à l’ouverture (facultatif) */
  .modal.modal-slide { padding-right: 0 !important; }
   @media (min-width: 1920px){
  .menuFiche a {

	padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
	}
  
 } 
  
  /***********************************************************************/

 /* sp�cifiques flux */
 .tableau_lot {
 	width:100%;
	border:1px solid silver;
 	}