/*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.80rem; color:#333333;} .sublist-item div .icon-2 i{margin-left:60%;} .list-group-item{border: none !important; padding:0px !important; margin-left:7%; margin-bottom:10px;}
.list-group-item .icon{flex-shrink: 0; margin-left: -7%; margin-right: -4px; height:0px !important;} .list-group-item.active .icon{margin-right: -5%;} .sublist-item div .icon-2 {flex-shrink: 0; margin-left: -2%; margin-right: 4%;}
.list-group-item.active .icon i{margin-left: -68%;} .sublist-item, .sublist-item-2 {margin-top:10px; flex-shrink: 0; margin-left:17px; position: relative; display: none; list-style:none; font-size: 12px; color:#333333 !important;}
.sublist-item-2{margin-left:35px;} .sublist-item a{ padding-left: 17px;} .sublist-item div{ margin-left:7px;} .sublist-item .section-link{ padding-left: 0px;} ul.list-group{ overflow-y: auto; max-height: 70vh;} .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;}
.panel-heading .title-guide{padding-top:40px;} .under-title-guide{ margin-top: 40px; margin-bottom: 20px; position: relative;} .numbr-guide{display:flex;  gap: 10px;}
#collapse3 .panel-body{padding:10px 0px!important;} .list-group-item hr{ margin:10px 0 20px !important;}.list-group-item.active a{margin-left: 0.45%;} 
.fa-chevron-right{font-size:0.60rem !important; margin-top:21% !important;} .list-group-item div i{ margin-top:15%;} .sublist-item div .fa-file-lines{margin-top:50% !important;} @media (max-width: 767px) {.mobile-margin-bottom { margin-bottom: 7%; }}
.under-title-guide{scroll-margin-top:110px;} .title-guide h2{scroll-margin-top:70px;}

/* css article*/
.title-details{ display: flex; justify-content: space-between; padding-bottom: 75px; } .details-secteur{color:#646F79; display:flex; gap: 10px; } .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 .fab{color : white; font-size: smaller; margin-top: 20%;} .social-network a .fab:hover{color : #0D0E10;}
.menu-manuel, .section-article, .section-list{ position: sticky;}.section-article{top: 120px;} .menu-manuel, .section-list{top: 105px;}.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.active{color:rgb(47,174,122);} .section-article-link.active .far{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; }} .section-article-link .far, #anchor-link li a .far{ position: absolute; height: 14px; width: 12px; display:none; font-size:14px; top : 8px; left: -18px;}

/* css ressources */
.icon-resource{ max-width: 16px; max-height: 16px; margin-right: 8px; width: 100%; } .circle-gray {color: #aba8a8;} .cards{ display:flex; flex-wrap: wrap;}.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; }

/* css */
.section-list{ margin-top:3.5%;} @media (max-width:991.5px) {.section-list{position:relative;top:0;} .anchor-section{margin-top:0 !important;} #anchor-link{margin-left:0 !important; }} .section h2{color:#333333 !important;} #anchor-link{margin-left:4%;} #anchor-link li{ margin-bottom: 14px; position: relative; list-style: none;} #anchor-link li a:hover{ color: rgb(47 , 147, 122);}#anchor-link li a { font-size : 14px; font-weight: 400; line-height: 1.6; color :#333333; text-decoration: underline; }#anchor-link li a.active{color:rgb(47,174,122);} #anchor-link li a.active .far{display:block;} 

.use-case-item { display:flex; gap: 10px; list-style: none; padding: 0; margin: 0;} @media (max-width: 767px) { .use-case-item{ display:block !important;} .use-case-item li{ margin-bottom: 20px;}}

@media only screen and (min-width: 992px) {.pull-right2 {float:right;}}
.form-box {	padding: 48px; background: #ffffff;	box-shadow: 0px 8px 24px 0 #999;border-radius: 12px; margin: 0 12px; width: 96%; height: 100%;}
@media (min-width: 768px) {.content.pull-right.col-sm-5.col-md-5.col-lg-5{padding-left: 0px !important; padding-right: 10px !important;	}} 
@media (max-width: 768px) {.content.pull-right.col-sm-5.col-md-5.col-lg-5{ padding-left: 0px !important; padding-right: 0px !important; }}

.card-revend { display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; padding: 20px;}.card-revend .card {align-items: center; background: #fff; border-radius: 10px; box-shadow: 0px 8px 24px 0 #999; padding: 15px;
 width: 30%; max-width: 350px;}  .card-revend .card .details-revend img {border-radius: 50%; width: 100px; height: 100px; margin-right: 15px;} .card-revend .card .details-revend{ display: flex; align-items:center;margin-left: 10%;}
.card-revend .card h5{text-align : center; font-weight: bold;} @media (max-width: 768px) {.card-revend { flex-direction: column; align-items: center;}} .card-revend .card {transition: transform 0.3s ease, box-shadow 0.3s ease;
border-radius: 20px; overflow: hidden;}	.card-revend .card:hover {transform: scale(1.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);} .contact-revend, .title-rev {display: flex;	gap: 20px; justify-content: center; }.contact-revend{
padding: 0; margin: 0;	margin-top:10px; list-style: none;}	.contact-revend li a {color: #555 !important;font-size: 20px;text-decoration: none;}.contact-revend li a:hover {color: #a19f9f;}.details-revend p{margin-bottom: 0 !important;}@media (max-width: 768px){.card-revend .card{width:100%;}}