section#article-page {
    overflow: visible;
}

.btn-action-post a {
    background-color: #fe8c05;
    color: #fff;
    font-size: 24px;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    max-width: 500px;
    text-align: center;
    display: block;
    padding: 14px 5px;
    margin: auto;
}

.btn-action-post {
    width: 100%;
    text-align: center;
    margin: 45px 0;
}

article {
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.content-table {
    background-color: #ECF7FF;
    padding: 15px;
    width: 265px;
    margin-left: 15px;
}

#article-page .product-sidebar-suggestion .title {
    font-weight: bold;
    font-size: 20px;
    color: #0171bc;
    margin-bottom: 10px;
    text-align: center;
}

#article-page .product-sidebar-suggestion .product-img {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 180px;
    height: 180px;
    margin: auto;
    border: solid 1px #DFDFDF;
	padding: 10px 5px;
}

#article-page .product-sidebar-suggestion .product-img img{
	max-height: 100%;
}

#article-page .product-sidebar-suggestion .btn-type-reverse {
    background-color: #fff;
    color: #fe8c05;
    font-size: 24px;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
    width: 180px;
    max-width: 500px;
    text-align: center;
    display: block;
    padding: 11px 5px;
    margin: auto;
    border: solid 3px #fe8c05;
    margin-top: 18px;
}

#article-page .product-sidebar-suggestion {
    background-color: #F7F7F7;
    padding: 15px;
    margin-top: 20px;
    width: 265px;
    margin-left: 15px;
    text-align: center;
}

#article-page article p {
    margin: 0 0 20px;
    text-align: justify;
    line-height: 30px;
}

.btn-action-post-title {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #3B3B3B;
}

#article-page .post-title {
    font-weight: 600;
    font-size: 31px;
    color: #0171bc;
}

#article-page .table-content-title {
    font-weight: bold;
    font-size: 20px;
    color: #0171bc;
    margin-bottom: 10px;
}


/* .table-content-li i {
    font-size: 14px;
    margin-right: 5px;
} */

#article-page h2 {
    font-weight: 600;
    font-size: 23px;
    color: #0171bc;
}

ul.table-content-li {
    list-style: none;
    padding-left: 0;
}

ul.table-content-li a {
    font-size: 16px;
    color: #000;
    text-align: justify;
    padding: 5px 0;
    display: block;
}

.img-slick {
    max-width: 100%;
    max-height: 100%;
}

article {
    color: #000;
}

#article-page .slick-initialized .slick-slide {
    display: block;
    width: 200px!important;
    margin-right: 9px;
}

#article-page .slick-next {
    right: -20px;
}

.post-article-product-suggestion-img {
    border: 1px solid #ccc;
    width: 170px;
    height: 170px;
    margin-bottom: 10px;
    white-space: nowrap;
    text-align: center;
    margin: 1em 0;
    background: #FFFFFF;
    border: 1px solid #C2C2C2;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 9%);
}

.post-img-bloc {
    margin-bottom: 35px;
    /*max-height: 226px;*/
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: nowrap;
}

.post-img-bloc img {
    width: 100%;
    max-height: 100%;
}

.content-table {
    /* float:right; */
    /* position: sticky; */
    /* top: calc(1em + 2px);
    bottom: 0px;
    margin-bottom: 25px; */
}

#article-page .sticky {
    /* float:right; */
    margin-top: 35px;
    position: sticky;
    top: calc(1em + 2px);
    bottom: 0px;
    margin-bottom: 25px;
}

#article-page .sticky-products {
    float: right;
    margin-top: 35px;
    position: sticky;
    top: calc(1em + 2px);
    bottom: 0px;
    margin-bottom: 25px;
}

#article-page .sidebar {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#article-page h3 {
    font-size: 18px;
    font-weight: bold;
}

.sticky-zone {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 2;
}

.product-suggestion {
    float: right;
    margin-top: 35px;
    position: sticky;
    top: 0;
    margin-bottom: 25px;
}

.product-suggestions {
    margin-bottom: 65px !important;
}

.related-posts-bloc {
    width: 100%;
    background-color: #F1F1F1;
    padding: 25px;
    margin-bottom: 25px;
    margin-top: 25px;
}

.related-posts-bloc span {
    font-size: 18px;
    margin: 10px 0;
    color: #000;
    display: block;
}

.related-posts-bloc span i {
    font-size: 15px;
    margin-right: 10px;
    color: #000;
}

.related-posts-title.part-2 {
    margin-top: 45px;
}

.related-posts-title {
    font-size: 18px !important;
    font-weight: bold !important;
    margin-bottom: 15px;
    color: #000 !important;
}

.product-suggestions {
    width: 95%;
    /* background-color: #e9e9e9; */
    margin: auto;
}

#article-page .slick-track {
    display: flex;
}

#article-page .slick-initialized .slick-slide {
    display: block;
    width: 200px!important;
    margin-right: 0;
    margin: 0 auto;
}


/* page cible **/

.f1f2 .bloc-page-cible .title {
    border-bottom: 3px solid #8cc63f;
    display: initial;
    color: #0071bc;
    font-size: 30px;
    line-height: 55px;
}

.f1f2 .bloc-page-cible .title:after {
    content: unset;
    position: unset;
    border: unset;
    bottom: unset;
    left: unset;
    width: unset;
    height: unset;
    z-index: unset;
}

.f1f2 .bloc-page-cible .related-pages {
    margin-top: 25px;
    background-color: #F7F7F7;
    border: solid 1px #D9D9D9;
    font-size: 18px;
    list-style: none;
    padding: 10px 15px;
    color: #000;
}

.f1f2 .bloc-page-cible .related-pages a {
    color: #000;
}

.f1f2 .bloc-page-cible .related-pages a:hover {
    color: #0071bc;
}

.f1f2 .bloc-page-cible .related-pages span {
    margin: 10px;
    display: block;
}

.f1f2 .bloc-page-cible .related-pages span i {
    color: #0071bc;
    font-size: 16px;
    margin-right: 9px;
}

.f1f2 .bloc-page-cible {
    margin-bottom: 35px;
}

.f3fp .bloc-page-cible {
    border: 1px solid #cccccc;
    margin-bottom: 5px;
    border-radius: 4px;
    margin-top: 15px;
    background-color: #F7F7F7;
    margin-bottom: 25px;
}

.f3fp .bloc-page-cible .title {
    background-color: #0171bc;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 6px 4px;
    font-weight: 600;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-bottom: 0;
    line-height: 25px;
}

.f3fp .bloc-page-cible .related-pages {
    list-style: none;
    padding: 5px;
    padding-bottom: 0;
}

.f3fp .bloc-page-cible .related-pages span {
    border-bottom: 1px solid #ccc;
    padding: 8px 5px !important;
    display: block;
}

.f3fp .bloc-page-cible .related-pages span:last-child {
    border-bottom: none;
}

.f3fp .bloc-page-cible .related-pages span a {
    color: #474747;
    font-size: 15px;
    line-height: 20px;
}

.f3fp .bloc-page-cible .related-pages a:hover {
    color: #0071bc;
}

.f3fp .bloc-page-cible .related-pages span i {
    color: #0071bc;
    font-size: 14px;
    margin-right: 4px;
}

.f3-text-intro{
    font-size: 16px;
    text-align: justify;
}
.f3-text-intro {
    font-size: 17px;
    text-align: justify;
    margin-bottom: 18px;
}
.f3-text-intro h2{
    font-weight: bold;
    color: #525252;
    font-size: 19px;
    margin-top: -12px;
}