/* Reset padding mainPage */
.layout-container[data-alias="homepage"] #mainPage{
    padding: 0;
}
/* Sliders */
.layout-container[data-alias="homepage"] .slick-prev,
.layout-container[data-alias="homepage"] .slick-next{
    position: absolute;
    top: 50%;
}
.layout-container[data-alias="homepage"] .slick-prev{
    left: 15px;
}
.layout-container[data-alias="homepage"] .slick-next{
    right: 15px;
}
/* Titre Accueil */
.layout-container[data-alias="homepage"] .titre{
    font-weight: 600 !important;
    text-align: left;
}
/* Bandeau */
#bandeau{
    max-width: 1920px;
    aspect-ratio: 1920 / 710;
    background-image: url('../img/home/bandeau/bandeau.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 30px;
    margin: 0 auto;
}
#bandeau .wp-block-group__inner-container{
    height: 85%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#bandeau .titreDiapo{
    color: #FFFFFF;
    font-size: 60px;
    font-weight: 700;
    line-height: 120%;
    text-align: center;
    word-break: break-word;
    text-shadow: 0 3px 6px rgba(0,0,0,0.40);
}
@media screen and (max-width: 1350px) {
    #bandeau .wp-block-group__inner-container{
        height: 70%;
    }
    #bandeau .titreDiapo{
        font-size: 40px;
    }
}
@media screen and (max-width: 1200px) {
    #bandeau .wp-block-group__inner-container{
        height: 100%;
    }
}
@media screen and (max-width: 800px) {
    #bandeau .titreDiapo{
        font-size: 30px;
    }
}
@media screen and (max-width: 600px) {
    #bandeau .titreDiapo{
        font-size: 24px;
    }
}
@media screen and (max-width: 525px) {
    #bandeau .titreDiapo br{
        display: none;
    }
}
/* Catégories */
#categoriesAccueil{
    margin-top: -215px;
    padding: 30px;
}
@media screen and (max-width: 1200px) {
    #categoriesAccueil{
        margin-top: 0;
    }
}
#categoriesAccueil.lt-flex > .wp-block-group__inner-container{
    display: flex;
    justify-content: space-between;
    gap: 24px;
}
#categoriesAccueil.lt-flex > .wp-block-group__inner-container .categorieAccueil >.wp-block-group__inner-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 30px;
}
#categoriesAccueil.lt-flex > .wp-block-group__inner-container .categorieAccueil >.wp-block-group__inner-container img{
    padding: 30px 0 15px 0;
}
@media screen and (max-width: 1000px) {
    #categoriesAccueil.lt-flex > .wp-block-group__inner-container{
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 0;
        column-gap: 4%;
    }
    #categoriesAccueil.lt-flex > .wp-block-group__inner-container .wp-block-group{
        flex: 0 0 48%;
    }
}
@media screen and (max-width: 700px) {
    #categoriesAccueil.lt-flex > .wp-block-group__inner-container .wp-block-group{
        flex: 0 0 100%;
    }
}
/* Produit phare */
#produitPhare{
    background-color: #F4F6EF;
    padding: 0 30px;
}
#produitPhare .lt-flex > .wp-block-group__inner-container{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    gap: 60px;
}
#produitPhare .lt-flex > .wp-block-group__inner-container .wp-block-group{
    max-width: 700px;
    width: 100%;
}
#produitPhare .button{
    margin-top: 40px;
}
#produitPhare p{
    font-size: 18px;
}
#produitPhare p strong{
    font-weight: 500 !important;
}
@media screen and (max-width: 1100px){
    #produitPhare{
        padding: 0 0 0 30px;
    }
    #produitPhare .lt-flex > .wp-block-group__inner-container{
        justify-content: center;
        flex-wrap: wrap;
        gap: 30px;
    }
    #produitPhare .lt-flex > .wp-block-group__inner-container .wp-block-group{
        max-width: inherit;
        padding-right: 30px;
    }
}
/* Carrousel Articles */
.articlesAccueil{
    padding: 60px 0;
}
.articlesAccueil #listing-articles{
    margin-bottom: 0;
}
.articlesAccueil .titre{
    text-align: center !important;
    padding: 0 30px;
}
@media screen and (max-width: 999px){
    .articlesAccueil .slick-dots{
        bottom: -40px;
    }
}
@media screen and (max-width: 599px){
    .articlesAccueil{
        padding: 40px 0;
    }
}
/* Blocs image/paragraphe */
.blocImgParagraphe{
    padding: 0 30px 60px 30px;
}
.blocImgParagraphe .lt-flex > .wp-block-group__inner-container{
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 80px;
}
.blocImgParagraphe .lt-flex > .wp-block-group__inner-container .wp-block-group{
    max-width: 900px;
    width: 100%;
}
.blocImgParagraphe p,
.blocImgParagraphe .link{
    font-size: 18px !important;
    text-decoration: none;
}
@media screen and (max-width: 1250px){
    .blocImgParagraphe .lt-flex > .wp-block-group__inner-container{
        justify-content: center;
        flex-wrap: wrap;
        gap: 30px;
    }
    .blocImgParagraphe#blocImgParagraphe2 .lt-flex > .wp-block-group__inner-container{
        flex-direction: column-reverse;
    }
    .blocImgParagraphe img{
        max-height: 300px;
    }
    .blocImgParagraphe .lt-flex > .wp-block-group__inner-container .wp-block-group{
        max-width: inherit;
    }
}
/* Le Blog */
#leBlog{
    background-image: url('../img/home/blog-accueil.png');
    background-position: left 30px;
    background-repeat: no-repeat;
    background-color: #F4F6EF;
    padding: 80px 30px;
}
@media screen and (max-width: 1350px){
    #leBlog{
        background-position: left -100px;
        padding: 40px 30px;
    }
}
#leBlog .lt-flex > .wp-block-group__inner-container{
    display: flex;
    justify-content: flex-end;
    gap: 60px;
}
@media screen and (max-width: 1350px){
    #leBlog .lt-flex > .wp-block-group__inner-container{
        flex-wrap: wrap;
        justify-content: center;
        gap: 0;
    }
}
#leBlog .blogTitreAccueil{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
#leBlog .titre{
    color: #8FA95A;
    font-size: 70px !important;
    text-shadow: 0 3px 6px rgba(0,0,0,0.40);
}
.blogAccueil{
    max-width: 1250px;
}
.blogAccueil h2{
    display: none;
}
.blogAccueil .item-list-blog ul{
    display: flex;
    flex-wrap: wrap;
    padding: 0 !important;
    gap: 30px;
}
.blogAccueil .item-list-blog ul li{
    width: calc(33.33% - 20px) !important;
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 8px -4px !important;
    gap: 8px;
}
@media screen and (max-width: 1150px){
    .blogAccueil .item-list-blog ul li{
        width: calc(50% - 15px) !important;
    }
}
@media screen and (max-width: 800px){
    .blogAccueil .item-list-blog ul li{
        width: 100% !important;
    }
}
.blogAccueil .item-list-blog .views-field-field-image img{
    height: 250px;
    border-radius: 10px;
    object-fit: cover;
    transition: all ease 0.3s;
}
.blogAccueil .item-list-blog .views-field-field-image img:hover{
    opacity: 0.8;
}
.blogAccueil .item-list-blog .views-field-title{
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    padding: 12px 24px 2px 24px;
}
.blogAccueil .item-list-blog .link{
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 120%;
    text-decoration: none;
    padding: 0 24px 24px 24px;
}
/* Conseils */
#conseils{
    background-image: url('../img/home/conseils.png');
    background-position: 28% bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #F4F6EF;
    padding: 80px 30px;
}
#conseils .lt-flex > .wp-block-group__inner-container{
    display: flex;
    justify-content: flex-end;
}
#conseilsContainer > .wp-block-group__inner-container{
    width: 618px;
    height: 345px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url('../img/home/bulle.png');
    padding-left: 50px;
    gap: 12px;
}
#conseilsContainer .conseilsTitre{
    color: #8FA95A;
    font-size: 45px;
    font-weight: 600;
    line-height: 120%;
}
#conseilsContainer .conseilsTel{
    color: #333333;
    font-size: 50px;
    font-weight: 600;
    line-height: 120%;
}
#conseilsContainer .conseilsTexte{
    color: #333333;
    font-size: 18px;
    font-weight: 300;
    line-height: 120%;
}
@media screen and (max-width: 1250px){
    #conseils{
        background-position: -90px bottom;
    }
}
@media screen and (max-width: 900px){
    #conseilsContainer > .wp-block-group__inner-container{
        width: 370px;
        height: 207px;
        background-size: 100%;
        padding: 0 15px 0 45px;
    }
    #conseilsContainer .conseilsTitre{
        font-size: 24px;
    }
    #conseilsContainer .conseilsTel{
        font-size: 30px;
    }
    #conseilsContainer .conseilsTexte{
        font-size: 15px;
    }
}
@media screen and (max-width: 650px){
    #conseils{
        padding-bottom: 65%;
    }
}
@media screen and (max-width: 450px){
    #conseils{
        background-position: center bottom;
    }
    #conseilsContainer > .wp-block-group__inner-container{
        width: 100%;
        height: auto;
        background-color: #FFFFFF;
        padding: 30px 20px;
    }
}