/*css menu manuel */
.list-group-item a, .list-group-item div, .sublist-item div{display:flex; color:#333333; font-weight:normal;} .list-group-item a:hover{color: rgb(47, 174, 122);} .list-group-item.active, .list-group-item.active:hover{background-color:white; border-color:#ddd;!important;}
.list-group-item.active div{margin-left:3%;}.list-group-item .icon i, .sublist-item div .icon-2 i{ transition: transform 0.3s; font-size:0.60rem; color:rgb(161,161,161); margin-top:25%;} .sublist-item div .icon-2 i{margin-left:5%;} 
.list-group-item .icon{flex-shrink: 0; margin-left: -7%; margin-right: -4px;} .list-group-item.active .icon{margin-right: -5%;} .sublist-item div .icon-2 {flex-shrink: 0; margin-left: -2%; margin-right: 4%; margin-top:2.5%;}
.list-group-item.active .icon i , .icon-rotate i{transform: rotate(90deg);  margin-top:25%; margin-left: -50%;} .sublist-item, .sublist-item-2 {flex-shrink: 0; margin-top: 3%; margin-left:35px; position: relative; display: none; list-style:none; font-size: 14px; color:#333333 !important;} /*padding-left*/
ul.list-group{ overflow-y: scroll; max-height: 88vh;} .sublist-item li{ margin-bottom: 8px;  margin-left: -7%;}	.sublist-item li a.active { word-wrap: break-word; background-color:#f2f2f2; font-weight:bold; text-decoration-color: rgb(47,174,122);}	.sublist-item li a:hover{color: rgb(47, 174, 122);} 
.title-guide, .section{color: #333333 !important;} h2{font-weight: bold !important;}


/* css article*/
.title-details{ display: flex; justify-content: space-between; padding-bottom: 75px; } .details-resource{ color:#646F79; } .span-2{ display: flex; } .point-1, .point-2{ margin: 0 8px; display: inline-block; color:#bab8b8; }
.social-network a{ position: relative; height: 28px; width: 28px; border-radius : 90%; appearance: none; padding: 0; outline: none; background-color: #0D0E10; } .social-network a:hover{background-color: rgb(47, 174, 122);} .social-network a .fa{color : white; font-size: smaller; margin-top: 20%;} .social-network a .fa:hover{color : #0D0E10;}
.section-article{ position: sticky; top: 80px; }.section-article-guid{ font-size: 12px; line-height: 12px; font-weight: 500; letter-spacing: 0.5px; } .section-article-list{ margin-top: 5%; padding: 0; } .section-article ol li{ margin-bottom: 8px; position: relative;  list-style: none; }
.section-article-link{ font-size : 12px; font-weight: 400; line-height: 1.6; color :#333333; text-decoration: underline; } .section-article-link .fa-regular { font: normal normal normal 14px/1 FontAwesome; position: absolute; top : 8px; left: -17px; height: 14px; width: 12px; opacity: 0.8; display:none}
.section-article-link.active{color:rgb(47,174,122);} .section-article-link.active .fa-regular{display:block;}   
.description-article{ width: 100%; margin-bottom: 4%; } .description-article h2{ color: #000!important; } .article-summary{ border: 1px solid #CBD4DB; border-radius:4px; margin-bottom: 3%; } .article-summary h2, .article-summary h3{ margin-left: 3%; margin-right: 3%; margin-top: 3%; }
.article-summary p{ margin-left: 3%; margin-right: 3%; margin-top: 2%; margin-bottom: 3%; } .article-summary li{ margin-left: 3%; margin-right: 3%; }.description-article li{ margin-left: 5%; } @media (max-width: 991px){.section-article{ display:none; }}@media (max-width: 768px){.social-network{ visibility: hidden; }}
@media (min-width: 1200px){.details-resource{ display: flex; }} @media (max-width: 1200px){.point-1{ visibility: hidden; }}
	
/* css ressources */
.icon-resource{ max-width: 16px; max-height: 16px; margin-right: 8px; width: 100%; } .circle-gray {color: #aba8a8;}
.all-resource{ margin-bottom: 8px; display: flex; align-items: baseline;}.article { background: #F5F3F3; color: rgba(13, 14, 16, 0.7); border-radius : 3px; font-size: 12px; }
.trans:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 200ms ease-in-out; transition: transform 200ms ease-in-out; cursor: pointer; }