#accessibility {
    display: none;
}

/** STRUCTURE PAGE */
.cacher {
    display: none;
}

.block-link {
    padding-bottom: 10px;
}

.panel-gauche {
    background: #f6f6f6;
    width: 20%;
    height: 100%;
    margin-top: -35px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 5px;
    overflow-y: scroll;
}

.sticky-gauche {
    position: fixed;
    top: 0px;
    margin-top: 0px !important;
}

.sticky-with-header {
    top: 66px !important;
}

.colonne {
    float: left;
}

.panel-droit {
    background: #f6f6f6;
    width: 35%;
    height: 100%;
    margin-top: -35px !important;
    padding-top: 20px !important;
    overflow-y: scroll;
}

.sticky-droit {
    position: fixed;
    top: 0px;
    margin-top: 0px !important;
    margin-left: 65%;
}

.lecture-sticky {
    margin-left: 20%;
}

.lecture {
    width: 45%;
}

#contenu-html {
    width: 100% !important;
}

.rangee:after {
    content: "";
    display: table;
    clear: both;
}

.panel-droit .block-content:after {
    content: "";
    display: table;
    clear: both;
}

.lien-album {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

/** SOMMAIRE */
.icon-sommaire-enfant {
    margin: 0px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-image: url(../images/icon-16/article.png);
    background-position: left center;

}

.icon-sommaire-noeud {
    margin: 0px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-image: url("../images/icon-16/folder.png");
    background-position: left center;

}

#root * {
    box-sizing: unset;
}

#root li {
    text-align: left;
}

#root ul {
    padding-left: 18px;
}

/* Remove default bullets */
ul, #root {
    list-style-type: none;
}

/* Remove margins and padding from the parent ul */
#root {
    margin: 0;
    padding: 0;
}

/* Style the caret/arrow */
.noeud {
    cursor: pointer;
    user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
.noeud::before {
    content: "\25B7";
    color: black;
    display: inline-block;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.noeud-down::before {
    content: "\25E2";
}

/* Hide the nested list */
.sommaire-enfant {
    display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
    display: block;
}

/** SCROLLBAR */
::-webkit-scrollbar {
    width: 14px;
    height: 18px;
}

::-webkit-scrollbar-thumb {
    height: 5ex;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}

/** PANEL DROIT */

.icon-photo-titre:before {
    content: url(../images/icon-16/photoTitre.png);
}

.icon-lien-titre:before {
    content: url(../images/icon-16/lienTitre.png);
}

.icon-document-titre:before {
    content: url(../images/icon-16/documentTitre.png);
}

.icon-demarche-titre:before {
    content: url(../images/icon-16/demarcheTitre.png);
}

.document > li {
    list-style: none;
    background-image: url(../images/icon-16/document.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.document > li:before {
    background-color: #4DACC3;

    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 7px;

    -webkit-mask-image: url(../images/icon-16/document.png);
    -webkit-mask-size: cover;
}

.lien > li {
    list-style: none;
    background-image: url(../images/icon-16/lien.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.lien > li:before {
    background-color: #24A624;

    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 7px;

    -webkit-mask-image: url(../images/icon-16/lien.png);
    -webkit-mask-size: cover;
}

.demarche > li {
    list-style: none;
    background-image: url(../images/icon-16/demarche.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.demarche > li:before {
    background-color: #BB2858;

    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 7px;

    -webkit-mask-image: url(../images/icon-16/demarche.png);
    -webkit-mask-size: cover;
}

.photo img {
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.photo {
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    padding-bottom: 0px;
    float: left;
}

.photo p {
    font-style: italic;
    font-size: 9px;
    margin: 0px;
    text-align: center;
}

/** CUSTOM AFFICHAGE */
.tooltip-codenv {
    text-decoration: none;
    position: relative;
    border-bottom: dotted 1px black;
}

.tooltip-codenv span {
    display: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: black;
    background: white;
    text-align: center;
    font-style: italic;
    text-indent: 0pt;
}

.avec-image span {
    -ms-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -webkit-transform: translateX(20%);
    transform: translateY(20%);
}

.sans-image span {
    -ms-transform: translateX(40%);
    -moz-transform: translateX(40%);
    -webkit-transform: translateX(40%);
    transform: translateY(40%);
}

.tooltip-codenv span .image-tooltip {
    max-width: none;
    float: left;
    height: 100px;
    padding: 5px;
}

.no-image {
    height: 0px;
}

.tooltip-codenv:hover span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: auto;
    border: 1px solid black;
    overflow: hidden;
}

#footer {
    display: none !important;
}

.inputRecherche {
    width: 80% !important;
    display: initial !important;
}