/* Titres page blog */
.single-blog.et-db #page-container #et-boc .et-l h2:not(.savoir h2),
.single-blog.et-db #page-container #et-boc .et-l p.num:has(+ h2) {
  font-size: 1.9rem;
  font-weight: 700;
}
.single-blog.et-db #page-container #et-boc .et-l p.num {
  color: var(--main-color);
  padding-right: 3px;
}

.single-blog.et-db #page-container #et-boc .et-l .introduction h2,
.single-blog.et-db #page-container #et-boc .et-l .conclusion h2,
.single-blog.et-db #page-container #et-boc .et-l .key h2{
  color: var(--main-color);
}
.single-blog.et-db #page-container #et-boc .et-l h3,
.single-blog.et-db #page-container #et-boc .et-l p.num:has(+ h3) {
  font-size: 1.7rem;
  font-weight: 500;
}
.single-blog.et-db #page-container #et-boc .et-l h4,
.single-blog.et-db #page-container #et-boc .et-l p.num:has(+ h4) {
  font-size: 1.5rem;
  font-weight: 400;
}

.single-blog.et-db #page-container #et-boc .et-l p.num + h2,
.single-blog.et-db #page-container #et-boc .et-l p.num:has(+ h2),
.single-blog.et-db #page-container #et-boc .et-l p.num + h3,
.single-blog.et-db #page-container #et-boc .et-l p.num:has(+ h3),
.single-blog.et-db #page-container #et-boc .et-l p.num + h4,
.single-blog.et-db #page-container #et-boc .et-l p.num:has(+ h4) {
  display: inline-block;
}






/***** GLOBAL*******/

.single-blog.et-db #page-container #et-boc .et-l--post .et_pb_section {
  padding: 0 !important;
}
.single-blog.et-db #page-container #et-boc .et-l--post .et_pb_section:first-child .et_pb_row:first-child {
  padding-top: 0 !important;
}
.single-blog.et-db #page-container #et-boc .et-l--post .et_pb_section .et_pb_row {
  max-width: 940px;
}
.single-blog.et-db #et-boc .et-l .et_pb_section:has(.et_pb_post_title) {
  max-height: 886px;
}




/*************** Zone d'entete ***************************/
/*********************************************************/

/* Zone de titre */

.single-blog.et-db #et-boc .et-l .et_pb_title_meta_container{
    display: none;
}

/* image entete */
.single-blog.et-db #et-boc .et-l .et_pb_section .et_pb_row.image-banniere .et_pb_image_wrap{
    width: 100%;
}
.single-blog.et-db #et-boc .et-l .et_pb_section .et_pb_row.image-banniere .et_pb_image_wrap img{
    width: 100%;
    object-fit: cover;
}

/*** categories ***/
.single-blog.et-db #et-boc .et-l  .et_pb_row.post-categ{
    padding: 0;
    width: fit-content;
}

.single-blog.et-db #et-boc .et-l  .et_pb_row.post-categ .et_pb_text_inner{
    display: flex;
    gap: 1rem;
}

.single-blog.et-db #et-boc .et-l .et_pb_row.post-categ .et_pb_text_inner a{
    background-color: #E8E8E8;
    border-radius: 20px;
    padding: 0.5rem 1.5rem;
}


/* Post meta */
.single-blog.et-db #et-boc .et-l .et_pb_row.post-meta{
    max-width: 752px;
    padding-bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.single-blog.et-db #et-boc .et-l .et_pb_row.post-meta .et_pb_column{
    width: inherit;
    margin-bottom: inherit;
}

.single-blog.et-db #et-boc .et-l .et_pb_row.post-meta .et_pb_column:not(:last-child){
    position: relative;
}

.single-blog.et-db #et-boc .et-l .et_pb_row.post-meta .et_pb_column:not(:last-child)::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #AAA9A9;
    top: 0;
    right: -8%;
}

.single-blog.et-db #et-boc .et-l .et_pb_row.post-meta .et_pb_text_inner{
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-blog.et-db #et-boc .et-l .et_pb_row.post-meta .et_pb_text_inner p{
    width: fit-content;
    padding-bottom: 0;
}


    @media(max-width: 644px){
        .single-blog.et-db #et-boc .et-l .et_pb_row.post-meta{
            grid-template-columns: 1fr 1fr;
        }
    }

    @media(max-width: 550px){
        .single-blog.et-db #et-boc .et-l .et_pb_row.post-meta{
            grid-template-columns: 1fr;
        }
        .single-blog.et-db #et-boc .et-l .et_pb_row.post-meta .et_pb_text_inner{
            justify-content: flex-start;
        }
        .single-blog.et-db #et-boc .et-l .et_pb_row.post-meta .et_pb_column:not(:last-child)::after{
            display: none;
        }
    }




/** reseaux sociaux **/
.single.et-db #et-boc .et-l .et_pb_row:has(.blog_social_container){
    position: relative;
    bottom: 2.5rem;
    width: 100vw;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    max-width: 940px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0.5rem 0 0 0;
}

.single.et-db #et-boc .et-l .et_pb_row:has(.blog_social_container) .et_pb_column{
    position: relative;
    max-width: 300px;
    bottom: -2.5rem;
}

.single.et-db #et-boc .et-l .blog_social_container .social_item a.social_item-f:after{
    content: '\e093';
    left: 0;
}

.single.et-db #et-boc .et-l .blog_social_container .social_item a.social_item-you:after {
    content: '\e0a3';
    left: 50%;
    transform: translateX(-50%);
}

.single.et-db #et-boc .et-l .blog_social_container .social_item a.social_item-in:after {
    content: '\e09d';
    right: 0;
}

.single.et-db #et-boc .et-l .blog_social_container .social_item a.social_item-mail:after {
    content: '\e076';
    right: 0;
}

.single.et-db #et-boc .et-l .blog_social_container .social_item a.social_item-doc:after {
    content: '\e02b';
    right: 0;
}

.single.et-db #et-boc .et-l .blog_social_container .social_item a:after {
    font-family: 'ETMODULES';
    color: var(--main-color);
    font-weight: bold;
    font-size: 1.5em;
}

.single.et-db #et-boc .et-l .blog_social_container .social_item{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media(min-width: 769px) and (max-width: 980px){
    .single.et-db #et-boc .et-l .et_pb_row:has(.blog_social_container){
        position: absolute;
        width: 90%;
        align-items: flex-end;
        bottom: -3rem;
    }
}


/** Points cles **/
.single-blog.et-db #et-boc .et-l .key{
    border: 2px solid var(--grey-color);
    border-radius: 20px;
    padding: 50px 24px 14px 34px;
    margin-bottom: 60px !important;
}

.single-blog.et-db #et-boc .et-l .key li::marker{
    display: none;
}

.single-blog.et-db #et-boc .et-l .key li::before{
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background-color: var(--main-color);
    left: 0;
    top: 9px;
}

@media(max-width: 768px){
    .et-db #et-boc .et-l .et_pb_row.key{
        padding: 1rem 2rem !important;
    }
}

/********* table des matiere *******/
/***********************************/
#ez-toc-container{
    width: 90%;
    margin: 0 auto;
    max-width: 940px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: none;
    padding-top: 2rem;
}

#ez-toc-container.toc_close .ez-toc-title-container p:after{
    content: "-";
    font-size: 1.1em;
    font-weight: 600;
    color: var(--main-color);
    transform: translateY(-1px);
    margin-left: 1rem;
}

#ez-toc-container .ez-toc-title{
    color: var(--main-color);
    font-size: 2em !important;
    line-height: 46px;
}

.ez-toc-counter nav ul li a::before{
    content: counter(item, decimal-leading-zero) '. ';
    font-weight: bold;
    line-height: 35px;
    color: var(--main-color);
    font-size: 20px;
}

.ez-toc-link{
    font-size: 18px;
    line-height: 35px;
}

.ez-toc-title-toggle a{
    display: none !important;
}

#ez-toc-container:not(.toc_close) .ez-toc-title-container p:after{
    content: "+";
    font-size: 1.1em;
    font-weight: 600;
    color: var(--main-color);
    transform: translateY(-1px);
    margin-left: 1rem;
}


/* Zone IA */

#ez-toc-container .ai-box{
    order: 3;
    background: #fff;
    border: inherit;
    border-top: 2px solid var(--grey-color);
}

/********************************************************************/
/**********************  CONTENU ************************************/

/** Intro et conclusion **/

.single-blog.et-db #et-boc .et-l .et_pb_section .introduction{
    border-bottom: 2px solid var(--grey-color);
    padding-bottom: 35px;
}
.single-blog.et-db #et-boc .et-l .et_pb_section .conclusion{
    padding-bottom: 35px;
}

/** Le saviez vous **/
.single-blog.et-db #et-boc .et-l:not(.et-l--header) .et_pb_fullwidth_section .et_pb_row.savoir{
    max-width: inherit !important;
    background: #F2F2F2;
    background: linear-gradient(230deg, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 120px !important;
    padding-bottom: 120px !important;
}

.single-blog.et-db #et-boc .et-l .savoir .et_pb_column{
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto !important;
    width: 90%;
}
@media(max-width: 880px){
    .single-blog.et-db #et-boc .et-l .savoir .et_pb_column .et_pb_text_inner{
        max-width: inherit;
    }
}
@media(min-width: 768px){
  .single-blog.et-db #et-boc .et-l .savoir .et_pb_column .et_pb_text{
      max-width: 60%;

  }
}




/** images contenu **/
.single-blog.et-db #et-boc #et-main-area .et-l--body .et_pb_section .et_pb_row .et_pb_image_wrap img{
    max-width: 980px;
    width: 100%;
}
.single-blog.et-db #et-boc .et-l .et_pb_section .legende_image,
.single-blog.et-db #et-boc #et-main-area .et-l .et_pb_section .et_pb_image_caption{
    margin: 1.5rem 0 2rem 0;
    font-size: 16px;
    line-height: 30px;
    color: #AAA9A9;
}
.single-blog.et-db #et-boc #et-main-area .et-l .et_pb_section .et_pb_row.image-banniere .et_pb_image_caption{
    display: none;
}

@media(min-width: 981px){
    .single-blog.et-db #et-boc #main-content .et-l:not(:has(.contact)) .et_builder_inner_content .et_pb_section .et_pb_row .et_pb_column .et_pb_module.et_pb_image{
        min-width: 980px;
        display: flex;
        justify-content: center;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        width: 100vw;
    }
}


/****** tableau *******/
.single-blog tr,
.single-blog th{
    height: 80px;
}

.single-blog .custom-cp-table{
    position: relative;
}

.single-blog .custom-cp-table::before{
    position: absolute;
    top: 0;
    width: 100vw;
    content: "";
    height: 80px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--grey-color);
}


.single-blog thead{
    background-color: var(--grey-color);
}

.single-blog thead th{
    position: relative;
}

.single-blog thead th::after{
    position: absolute;
    content: "";
    bottom: 0;
    width: 50%;
    height: 5px;
    left: 0;
    background-color: #D1D1D1;
}

.single-blog th,
.single-blog td{
    text-align: left !important;
}

.single-blog .custom-cp-table td{
    width: 200px;
}



/* responsive */

@media(max-width: 1000px){
    .single.et-db #et-boc .et-l .et_pb_section:has(.contact){
        margin: 0;
    }
}