@import url(/css/module/reset.css);
@import url(/css/module/font.css);
@import url(/css/module/normale.css);


tld-article-h .tld-article-h-titel ,
tld-article-p .tld-article-p-p,
tld-article-h2 .tld-article-h2-titel {
    color: var(--gray-300);
}

tld-article-h .tld-article-h-titel  {
    border-bottom: 1px solid var(--gray-300) ;
    font-weight: unset;
}

body {
    background-color: #181a1b;
    width: 100vw;
    height: 100vh;
    
}

main {
    padding: var(--padding-3);
    padding-top: 60px;
    max-width: 100vw;
    height: calc(100vh - 5px);
    box-sizing: border-box;
   
}

tld-timeline-scroll-bar {
    height: 2px;
}


p, h1, h2, h3, h4, h5, h6 , input ,tld-chosen    {
    font-family: "AlbertSans";
    font-size: 12pt;
    color: var(--gray-300);
}

tld-tooltip .tooltip_conteneur_message {
    max-width: 300px;
}

tld-tooltip {
    font-family: "AlbertSans";
    font-size: 14px;
    max-width: 200px;
}

dd-contenere-form > dd-contenere {
    width: 700px;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: var(--border-radius-lg);
}

dd-contenere {
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: var(--border-radius-lg);
    box-sizing: border-box;
}


tld-little-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* background-color: var(--bleu-400); */
    background: var(--black-90);
    box-shadow: inset;
    border-bottom: 1px solid var(--gray-600) ;
    padding: var(--padding-3);
}

tld-little-bar > div:first-child {
    display: flex;
    align-items: center;
}

tld-little-bar > div:last-child > tld-chosen {
    width: 60px;
}

tld-little-bar > div:first-child > *:nth-child(2){
   
    font-weight: 700;
    font-size: 20pt;
    margin: var(--margin-1);
}

tld-little-bar > div:first-child > *:nth-child(3) {
 
    font-size: 9pt;
    margin-left: var(--margin-2);
    margin-top: 15px;
   
}

tld-little-bar > div:first-child img {
    filter: invert(100%);
    width: 30px;
    margin-right: var(--margin-5) ;
    cursor: pointer;
}


tld-slide-overs {

    padding-top:58px ;
    top: 0px ;
    width: 200px;
    background-color: var(--black-85);
    box-shadow: 7px 0px 8px -3px rgba(0, 0, 0, 0.2);
    
}

tld-slide-overs > div {
    width: 100%;
    height: calc(100vh - 58px)
}


.item-heard {
    font-size: 10pt;
    cursor: pointer;
    padding: var(--padding-2);
    border: 1px solid var(--gray-300);
    
}

.shieldsio > img {
    margin: var(--margin-2);
}


tld-slide-overs[data-scrollbar]  {
    position: absolute;
}

#LOGO {
    cursor: pointer;
    font-family: 'AlbertSans-SemiBold';
    font-size: 25px;
    font-weight: unset;
}

.menu-itme-title {
    font-family: AlbertSans-SemiBold;
    margin: var(--margin-4);
    font-size: 20px;
}

.menu-itme-collapse-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: var(--padding-2);

}

.menu-itme-collapse-header img {
    filter: contrast(0%);
    margin-right: var(--margin-2);
    transition: transform 0.5s linear;
}

.menu-itme-collapse-header img.open {
    transform: rotate(90deg);
}

.menu-itme-collapse-items {
    margin: var(--margin-2);
    margin-left: var(--margin-8);
    font-family: "AlbertSans";
}

tld-article-title .tld-article-title-titel  {
    color: var(--gray-300);
}

/*///////////////////////////////////////////////////////////*/
/*///                          PC                         ///*/
/*///////////////////////////////////////////////////////////*/
/*  sereen > 960px */
@media only screen and (min-width: 900px)  {
   
    #conteneur_page {
        padding: 50px;
    }
    
}

/*///////////////////////////////////////////////////////////*/
/*///                       TELEPHONE                     ///*/
/*///////////////////////////////////////////////////////////*/

/*  sereen < 900px */
@media only screen and (max-width: 900px)  {
    #conteneur_page {
        padding: 20px;
    }

}