.MsoListParagraph,
.MsoListParagraphCxSpFirst,
.MsoListParagraphCxSpMiddle,
.MsoListParagraphCxSpLast {
margin-left: 35.6pt;
}

.highlight {
  background-color: yellow;
}

mark {
  background: orange;
  background: yellow;
  color: black;
}

h2 {
    color: #0085CA;
}

h2 a {
    color: #0085CA;
}


h3 {
    color:noir;
    white-space:normal;
}

h4 {
    color:noir;
    font-style: italic;   
}

a {text-decoration: none; color: black;}

.page {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #2e2e2e;
    white-space:normal;
    display: flex;
    flex-direction: column;
}

.TOC_title{
    text-decoration: underline;
    font-weight: bold; 
    margin-top: 5pt;
    margin-bottom: 0;
    margin-left: 5pt;
}

.TOC_title:hover {
    cursor:pointer;
    color: #5F249F;  
}

.nav_chapter:hover {
    cursor:pointer;
    color: #5F249F;  
}

.section{
    display: none;
}

.section_visible{
    display: block;
}

.section_visible li a:hover {
    cursor:pointer;
    color: #5F249F;  
}

.section_none{
    display: none;
}

.italique{
    font-style:italic
}
    
.header{
    position: static;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: 100;
}

.container{
    display:flex;
    flex-direction: row;
    justify-content: left;
    margin-top: 10px;
    
}
    
.ALE-pabx{
    background: linear-gradient(to right,lightgray, white);
    display: flex;
    flex-direction: row;
    width: 70%;  
    margin-left: 10pt;
    margin-top: 20px;
    vertical-align: baseline;
}

.active {
    background-color: #D3A9FC;
}   


.toc{ 
    display: flex;
    flex-direction: column;
    left: 0;
    width: 250px;        
    margin-left: 10pt;
} 
    
.header_toc{
    background-color: lightgrey;
    display: flex;
    flex-direction:column;      
} 

.header_toc_pabx{
        display: flex;
        flex-direction:row;
}

.header_toc_lg{
        display: flex;
        flex-direction:row;
}

.footer_toc{
    background-color: lightgrey;
} 
        
.content{ 
    width: 100%;   
    display: flex;
    flex-direction: column;
    padding-left: 20px;
} 
        
.header_content{
    background-color:white;
    color: white;
    font-size: 18pt;
    width: 100%;  
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.header_content_title{
    margin-left: 5pt;
    background-color: #5F249F;
    color: white;
}

.header_content_system{
    flex-flow: wrap;
    display: flex;
    margin-left: 5pt;
    background-color: rgb(243, 243, 243);
    color: #2e2e2e;
}

.main_content{    
    margin-left: 10px;
    padding-left: 10px;
    width: 90%;        
} 
        
.footer_content{
    background-color: #EEE3FE;
    display: flex;
    flex-direction: row;
    flex-flow: wrap;   
    margin-top: 10pt;
} 

.sousmenu_item a:hover {
    background-color: lightblue;
}

.sousmenunone {
display:none;
}

.displaynone {
    display:none;
}
 
.displayinline {
    display: inline;
}    
   
.MOXO,
.MOXE,
.MSIP,
.MPDF {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:lightgray;
    float: left;
    display: block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    white-space: nowrap; 
    min-width: 30px;
    }

    /* Pas de SIP en R1 - a supprimer pour faire apparaitre le menu SIP
.MSIP {
        display: none;
    }
*/
.MOXO:hover,
.MOXE:hover,
.MSIP:hover {
    background-color: #D3A9FC;
}
    
.MOXO:active,
.MOXE:active,
.MSIP:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
}

.image-container {
    position: relative;
    width: 30px; /* Largeur du conteneur */
  /*  overflow: hidden; Facultatif si vous voulez couper tout dépassement par défaut */
    margin-top: 3pt;
  }
  
  .image-container img {
    width: 100%; /* L'image occupe toute la largeur du conteneur */
    display: block;
    
  }
  
  .text-overlay {
    position: absolute;
    bottom: 0; /* Positionné en bas du conteneur */
    left: 0;
    white-space: nowrap; /* Force le texte à rester sur une seule ligne */
    /*background: rgba(0, 0, 0, 0.5); /* Fond semi-transparent pour plus de lisibilité */
    background: rgba(95, 36, 159, 1);
    color: white;
    padding: 5px 10px;
    opacity: 0; /* Caché par défaut */
    transition: opacity 0.3s ease; /* Transition douce pour l'apparition */
    transform: translateY(100%); /* Initialement en dehors de la zone visible */
  }
  
  .image-container:hover .text-overlay {
    opacity: 1; /* Rendre le texte visible */
    transform: translateY(0); /* Faire glisser le texte vers l'intérieur */
  }



.dropbtn {
    background-color: transparent;
    text-decoration: underline;
    color: black;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;       
}
    
.dropdown {
    position: relative;
    display: inline-block;
    margin-top: 0px;
    margin-left: 20px;
}

.divsitesearch{
    position: relative;
    display: inline-block;
    margin-top: 13px;
    margin-left: 30px;

}

.button_search{
    border: 0;
}

.site_search{
    size: 300px;
}

.search_back {
    color: #5F249F;
    font-size: 18pt;
    background-color: lightgray;
    cursor: pointer;
}
    
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
    
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
    
.dropdown-content a:hover {background-color: #f1f1f1}
    
.dropdown:hover .dropdown-content {
    display: block;
}
    
.dropdown:hover .dropbtn {
    background-color: #D3A9FC;
}

.oxo,
.oxe,
.sip,
.commun,
.oxe-oxo,
.oxe-oxo-sip {
    display:block;
    visibility: visible;  
    margin-left: 10px;
    margin-bottom: 0;
    margin-top: 0;
    }

.oxo li:hover,
.commun:hover,
.oxe-oxo:hover,
.oxe-oxo-sip:hover {
        background-color: #D3A9FC;
        cursor: pointer;
      }

.highlighted {
          color: red;
          background-color: #D3A9FC;
      }

.LGEN:hover,
.LGFR:hover,
.LGDE:hover,
.LGES:hover,
.LGIT:hover,
.LGPT:hover,
.LGTR:hover,
.LGNL:hover,
.LGNO:hover,
.LGZH:hover,
.LGOTHER:hover {
    background-color: #D3A9FC;
    cursor:pointer;
    }

   
.itemgrey {
    color: grey;
    text-decoration:line-through;
}  

.sousmenublock {
    display: block;    
    }
    
.svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    vertical-align: middle;
    overflow: hidden;
    }

.svg-content {
    display: inline-block;
    position: absolute

    }

.ALE_logo{
padding: 10px;
    display: flex;
flex-direction: row-reverse;
}

.logomenu{
    margin-left: 15px;
    margin-top: 9pt;
    padding-right: 14pt;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.barvarticale{
    width: 30px;
    height: 2px;
    margin-top: 5px;
    background-color: dimgray;
}

.nav_toc{
    background: rgb(243, 243, 243);
    display: flex;
    flex-direction: column; 
    width: 250px;
    overflow-y:scroll;
    height: 100vh;
}

.heading_previous_chapter{
    text-align: left;
    width: 45%;
    padding-left: 1%;
    margin-top: 2pt;
    margin-bottom: 2pt;
    font-size: 11pt;
    }
    
.heading_next_chapter{
    text-align: right;
    width: 50%;
    padding-right: 1%;
    margin-top: 2pt;
    margin-bottom: 2pt;    
    font-size: 11pt;
    }

.previous_chapter{
    text-align: left;
    width: 45%;
    padding-left: 1%;
    margin-top: 2pt;
    margin-bottom: 2pt;
    font-size: 11pt;
}

.next_chapter{
    text-align: right;
    width: 50%;
    padding-right: 1%;
	margin-top: 2pt;
	margin-bottom: 2pt;    
    font-size: 11pt;
    }

.footer{
background-color: aquamarine;    
} 

.main_nav_toc ul{
    padding: 0;
    text-decoration: none;
    list-style: circle;
}

.main_nav_toc a{
    display: block;
    padding: 5px 0 10px 20px;
    letter-spacing: 0.3em;
}

.with--sidebar{
display:none;
}

.with--sidebar2{
    transform: translateX(0px) ;
    -webkit-transform: translateX(0px) ;
    -moz-transform: translateX(0px) ;
    transition-duration: 0.3s;
}

@media screen AND (max-width: 500px){

    .ALE_logo{
            display: none;
        }

    .toc{
        position: relative;
        left: 0;
        top: 0;
        bottom: 0%;
        background-color: white;
        transition-duration: 0.3s;

        transform: translateX(-200px);
        -webkit-transform: translateX(-200px);
        -moz-transform: translateX(-200px);
        display: none;
    }

    .content{ 
        width: 100%;   
        display: flex;
        flex-direction: column;
        justify-content: left;
        padding-left: 20px;
        /*overflow-y: scroll;*/
    }

     .logomenu{
        margin-left: 5pt;
        margin-top: 9pt;
        display: flex;
        flex-direction: column;
        align-items: center;
      
    }
    .with--sidebar{
        position: absolute;
        left: 0;
        width: 300px;
        transform: translateX(0px) ;
        -webkit-transform: translateX(0px) ;
        -moz-transform: translateX(0px) ;
        transition-duration: 0.3s;
        display: flex;
    }

    .with--sidebar2{
        transform: translateX(300px) ;
        -webkit-transform: translateX(300px) ;
        -moz-transform: translateX(300px) ;
        transition-duration: 0.3s;
    }


}