/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 9 juil. 2023, 15:16:25
    Author     : a.brouwers
*/

:root {
    --couleur-trans: #46058F;
}



.mrw-hover-zoom {
    transition: transform 0.5s ease-in-out;
}

.mrw-hover-zoom:hover {
    transform: scale(1.03);
}

.mrw-highlight-span-trans {
    color: black; 
    transition: background-color 0.3s, color 0.3s; 
    border-radius: 8px; 
    padding: 4px; 
}

.mrw-highlight-span-trans:hover {
    background-color: #E6CFFF; 
    color: black; 
    cursor: pointer;
}


.mrw-menu-link-trans {
    font-size: 11pt; /* Taille de texte simple */
    font-weight: normal; /* Texte normal par défaut */
    color: #FFFFFF; /* Texte gris foncé par défaut */
    text-decoration: none; /* Pas de soulignement */
    padding: 5px 10px; /* Espacement interne (optionnel) */
    border-radius: 5px; /* Bords arrondis */
    transition: all 0.3s ease; /* Animation fluide pour les changements */
    background-color: #000000;
}

.mrw-menu-link-trans:hover {
    background-color: var(--couleur-trans); /* Fond gris clair au survol */ 
    color:  #FFFFFF; /* Texte légèrement plus foncé au survol */
    cursor: pointer; /* Curseur pour indiquer un lien cliquable */
}


.mrw-btn-retour-trans {
    font-size: 11pt; /* Taille de texte simple */
    font-weight: normal; /* Texte normal par défaut */
    color: #FFFFFF; /* Texte gris foncé par défaut */
    text-decoration: none; /* Pas de soulignement */
    transition: all 0.3s ease; /* Animation fluide pour les changements */
    background-color: #000000;
}

.mrw-btn-retour-trans:hover {
    background-color: var(--couleur-trans); /* Fond gris clair au survol */ 
    color:  #FFFFFF; /* Texte légèrement plus foncé au survol */
    cursor: pointer; /* Curseur pour indiquer un lien cliquable */
}







.mrw-carousel-container {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.mrw-carousel-wrapper {
    display: flex;        
    height: 300px;
    transition: transform 1s ease-in-out;
    align-items: center;
}

.mrw-carousel-item {        
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
}

.mrw-carousel-item img {
    height: 300px;
    width: auto;
    object-fit: contain;
}

/* Boutons de navigation */
.mrw-carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 20px;
    z-index: 10;
}

.mrw-carousel-prev {
    left: 10px;
}

.mrw-carousel-next {
    right: 10px;
}









































.bg-dark {
    background-color: #000000 !important; /* Couleur de fond noir pur */
    color: #ffffff !important; /* Texte en blanc */
}

/* width */
::-webkit-scrollbar {
  width: 5px;
  height : 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #C0C0C0; 
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #332D2D; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}

  /* STYLE : TEXT BOX DE RECHERCHE DROPDOWN MENU*/
  .iem_menu_dropdown_input {
    padding: 20px;
    margin-top: -6px;
    border: 0;
    border-radius: 0;
    background: #f1f1f1;
  }
  
  
.highlightSpan {
    transition: background-color 0.3s, color 0.3s; /* Transition douce pour le changement de couleur */
}

.highlightSpan:hover {
    background-color: #E6CFFF; 
    color: black; 
    cursor: pointer;
}




.hidden {
  display: none;
}

.lib_editable_label {
  position: absolute;
  border: 1px solid #ccc;
  background-color: #EEEEEE;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  /* Vous pouvez ajuster la position selon vos besoins */
  top: 5px; 
  left: -200px; 
  border-radius: 5px;
}


/* --- MDBOOTSTRAP : TOOLTIP --- */

.tooltip-content {
    position: relative;
}

.tooltip-arrow {
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 5px;
    height: 5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000;
}

.tooltip-text {
    /* Styles pour le contenu du tooltip */
}

.tooltip-inner {
    background-color:#333333 ;
  min-width: 300px; /* Change the width as needed */
}

/* --- MRW : GLOSSAIRE --- */

span.glossaire {
    background-color: #EBDEF0;
    border-radius: 5px;
    padding: 2px 5px;
    color: #000; /* Couleur noire pour le texte */
}

span.glossaire:hover {
    font-weight: bold;
}

/* --- MRW : LIEN --- */

a.lien {
    border: 1px solid #EBDEF0;
    border-radius: 5px;
    padding: 2px 5px;
    color: #000; /* Couleur noire pour le texte */
}

a.lien:hover {
    background-color: #EBDEF0;
    font-weight: bold;
}













/* --- TEST ORGANISGRAMME */
.mrw-organigramme ul {
    padding-top: 20px; position: relative;

    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.mrw-organigramme li {
    float: left; text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;

    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.mrw-organigramme li::before, .mrw-organigramme li::after{
    content: '';
    position: absolute; top: 0; right: 50%;
    border-top: 1px solid #ccc;
    width: 50%; height: 44px;
    
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.mrw-organigramme li:only-child::after, .mrw-organigramme li:only-child::before {
    display: none;
}

/*Remove space from the top of single children*/
.mrw-organigramme li:only-child{ padding-top: 0;}


/*Time to add downward connectors from parents*/
.mrw-organigramme ul ul::before{
    content: '';
    position: absolute; top: 0;
    border-left: 1px solid #ccc;
    width: 0; height: 20px;
}

.mrw-organigramme li a{
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    display: inline-block;
background-color:white;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin : 2px 0px 2px 0px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.mrw-organigramme li a:hover, .mrw-organigramme li a:hover+ul li a {
    background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.mrw-organigramme li a:hover+ul li::after, 
.mrw-organigramme li a:hover+ul li::before, 
.mrw-organigramme li a:hover+ul::before, 
.mrw-organigramme li a:hover+ul ul::before{
    border-color:  #94a0b4;
}

.mrw-organigramme ul ul ul ul li a {
    position: relative;
    padding: 5px 10px;
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    /*writing-mode: vertical-rl !important;*/ /* Vertical orientation */
    text-orientation: mixed !important;
    white-space: nowrap; /* Prevent text from wrapping */
}



.mrw-organigramme ul ul ul {
    padding-top : 0;
}

.mrw-organigramme > ul > li > ul > li > ul > li {
    padding: 0 0 0 20px;
    display: flex;
    align-items: center;
    clear: left;
    position: relative;
    left: 50%;
}
.mrw-organigramme > ul > li > ul > li > ul > li::before {
    height: 100%;
}
.mrw-organigramme > ul > li > ul > li > ul > li:last-child::before {
    height: 50%;
}

.mrw-organigramme > ul > li > ul > li > ul > li > ul >li::before {
    height: 100%;
}
.mrw-organigramme > ul > li > ul > li > ul > li> ul > li:last-child::before {
    height: 50%;
}

.mrw-organigramme > ul > li > ul > li > ul > li > a {
   /* writing-mode: vertical-rl;¨*/
}

.mrw-organigramme > ul > li > ul > li > ul > li > ul > li > a {
   /* writing-mode: vertical-rl;¨*/
}

.mrw-organigramme ul ul ul li::before {
    width: 20px;
    left: 0;
    border-left: 1px solid #ccc;
    border-top: none;
}
.mrw-organigramme ul ul ul li:last-child::before {
    border-bottom: 1px solid #ccc;
    border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
}
.mrw-organigramme ul ul ul li::after {
    width: 20px;
    top: 50%;
    left: 0;
    border-left: 1px solid #ccc;
}

.mrw-organigramme ul ul ul ul {
    display: inline-block;
    padding: 0 0 0 20px;
}

.mrw-organigramme ul ul ul ul::before {
    border-left: none;
    border-top: 1px solid #ccc;
    width: 20px;
    left: 0;
    top: 50%;
}



.mrw-organigramme ul ul ul ul li {
  float: none;
    padding: 5px 0 5px 20px;
    display: flex;
    align-items: center;       /* ⇦ centre verticalement */
    position: relative;

}

.mrw-organigramme ul ul ul ul li:first-child::before,
.mrw-organigramme ul ul ul li:last-child::after {
    border: 0 none;
}
.mrw-organigramme ul ul ul ul li:first-child::after{
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}


/* ----- NIVEAU 5 ----- */

/* style des boîtes du niveau 5 (même look que niveau 4) */
.mrw-organigramme ul ul ul ul ul li a {
    position: relative;

    padding: 5px 10px;
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    white-space: nowrap;
}

/* conteneur du niveau 5 */
.mrw-organigramme ul ul ul ul ul {
    display: inline-block;
    padding: 0 0 0 20px;
}

/* trait horizontal allant du niveau 4 vers le niveau 5 */
.mrw-organigramme ul ul ul ul ul::before {
    content: '';
    position: absolute;
    border-left: none;
    border-top: 1px solid #ccc;
    width: 20px;
    left: 0;
    top: 50%;
}

/* éléments li du niveau 5 */
.mrw-organigramme ul ul ul ul ul li {
    float: none;
    padding: 5px 0 5px 20px;
}

/* corrections des traits pour le premier élément du niveau 5 */
.mrw-organigramme ul ul ul ul ul li:first-child::before {
    border: 0 none;
}
.mrw-organigramme ul ul ul ul ul li:first-child::after {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}