/**** Banner ****/
.banner 								{ position: relative; display: grid; grid-template-columns: 70% 1fr; gap: 20px; padding: 130px 0 80px;}
.banner .wrapper-slider					{ height: 100%; width: 100%; object-fit: cover;}
.banner .slider							{ height: 100%; width: 100%; object-fit: cover;}
.banner .item 							{ display: block; position: relative; overflow: hidden; height: 100%; }
.banner .item:after 					{ content: ""; width: 100%; height: auto; display: block; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; bottom: 0; top: 40%; left: 0; right: 0; opacity: 0.65; z-index: 0;}
.banner .item img						{ display: block; width: 100%; height: 100%; object-fit: cover;}
.banner .item .content                  { width: 100%; z-index: 1; position: absolute; bottom: 0; left: 0; }
.banner .item .content .sous_titre, 
.banner .item .content .titre_main      { margin: 15px 0 0 0; color: #fff;}
.banner .content .tag                      { position: relative; display: inline-block; padding: 5px 40px 5px 15px; min-height: 30px; line-height: 20px; font-weight: 600; font-size: 12px; letter-spacing: 1.5px; color: #fff; text-transform: uppercase; background-color: var(--noir); transition: all 300ms ease-in-out; }
.banner .content .tag:after                { content: ""; display: block; width: 13px; height: 13px; position: absolute; top: 50%; transform: translateY(-50%) rotate(0); right: 15px; background: url("../images/fleche_link_or.svg") 50% no-repeat;}

.banner .main                           { position: relative;}
.banner .main .item .content            { padding: 40px 300px 40px 40px; width: 100%; display: block; z-index: 10;}
.banner .main .item .titre_main         { font-weight: 500;}

.banner .duo                            { display: grid; gap: 20px; }
.banner .duo .item .content             { padding: 30px;}
.banner .slick-list                     { height: 100%; display: grid;}

.titre_banner                           { display: none; }


@media (max-width:1850px) {
.banner .item .content .sous_titre br, 
.banner .item .content .titre_main br   { display: none;}
}

@media (max-width:1400px) {
.banner 								{ grid-template-columns: 60% 1fr;}
.banner .main .item .content            { padding: 40px 200px 40px 40px;}
}

@media (min-width:1201px) {
.banner .item:hover .tag                { color: var(--or); background-color: #fff; }
.banner .item:hover .tag:after          { background-image: url("../images/fleche_link_or.svg")}
}

@media (max-width:1200px) {
.banner 								{ padding: 90px 0 80px;}
.rs_banner                              { display: none;}
}

@media (max-width:1000px) {
.banner 								{ grid-template-columns: 100%; gap: 15px; padding: 0 0 40px;}
.banner .duo                            { grid-template-columns: 1fr 1fr; gap: 15px; }
}

@media (max-width:700px) {
.banner 								{ gap: 10px; padding: 0 0 40px;}
.banner .main .slider                   { min-height: 350px; }   
.banner .main .item .content,    
.banner .duo .item .content             { display: flex; flex-direction: column-reverse;}    
.banner .main .item .content .titre_main { padding: 0 20px 20px 20px; }    
.banner .duo .item .content .sous_titre { display: none;}    
.banner .item .tag                      { padding: 0 10px; height: 40px; line-height: 40px;  text-transform: none; background-color: var(--or); font-size: 14px; display: block; width: 100%; text-align: center; font-weight: 400; }    
.banner .main .item .content            { padding: 0;}

.banner .duo .item .content             { padding: 0;}
  
.titre_banner                           { display: block; padding-top: 70px; text-align: center;}
    
.banner .nav_slider_mobile				{ width: 100%; height: 50px; position: absolute; transform: translateY(-50%); top: 50%; z-index: 50;}
.banner .slick-prev 					{ background:url("../images/mobile_arrow_prev.svg") 50% no-repeat transparent; position: absolute; left: 0;}
.banner .slick-next 					{ background:url("../images/mobile_arrow_next.svg") 50% no-repeat transparent; margin-left:10px; position: absolute; right: 0;}
}

@media (max-width:480px) {
.banner .duo                            { grid-template-columns: 1fr;}
}




.intro                                { display: grid; grid-template-columns: auto 1fr; gap: 120px; margin: 100px auto 0; }
.intro .left .sous_titre              { font-size: 45px; line-height: 55px; color: var(--noir); font-weight: 400;  }
.hide.more_chapo                      { padding: 50px 0;}

@media (min-width:1201px) {
    
}
@media (max-width:1200px) {
.intro                                { gap: 40px; margin: 80px auto; }
.intro .left .sous_titre              { font-size: 38px; line-height: 48px; }
}
@media (max-width:1000px) {
.intro                                { margin: 60px auto; }
.intro .left .sous_titre              { font-size: 30px; line-height: 45px; }
}
@media (max-width:700px) {
.intro                                { display: none; }
}




.magasin                              { margin-top: 200px; margin-bottom: 0;}
.magasin .titre_main                  { color: var(--noir); font-weight: 400; }
.magasin .photo                       { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; position: relative;}
.magasin .photo .macaron              { width: 180px; height: 180px; border-radius: 50%; background-color: var(--or); color: #fff; font-size: 20px; line-height: 30px; position: absolute; top: -90px; right: 5%; transform: translateX(-50%); z-index: 20; text-align: center; display: grid; align-items: center; align-content: center;}
.magasin .photo .macaron b            { font-size: 30px; font-weight: 500; margin-bottom: 5px; }
.magasin .photo .macaron p            { margin: 0; }

.magasin .photo .img-1                { margin-top: -90px; }             

@media (min-width:1201px) {
    
}
@media (max-width:1200px) {
.magasin                              { margin-top: 80px;}
.magasin .photo                       { gap: 40px; position: relative;}
.magasin .photo .macaron              { width: 150px; height: 150px; font-size: 18px; line-height: 28px; right: -5%; }
.magasin .photo .macaron b            { font-size: 25px; }

.magasin .photo .img-1                { margin-top: -80px; }             
}
@media (max-width:1000px) {
.magasin                              { margin-top: 160px;}
}
@media (max-width:700px) {
.magasin                              { margin-top: 40px;}
.magasin .photo                       { display: none;}
}

.more_magasin                         { padding-top: 80px; }







.entreprise                           { color: #fff; padding: 90px 0; }
.entreprise .photos                   { display: flex; flex-direction: column; gap: 60px;}
.entreprise .photos .bottom           { display: grid; grid-template-columns: 1fr 50%; gap: 60px;}
.entreprise .photos .bottom img       { width: 100%; height: auto;}
.entreprise .photos .bottom .exp      { position: relative; display: grid; justify-content: end; align-content: center; background: url("../images/fav_haegeman.svg") 50% / contain no-repeat;}
.entreprise .photos .bottom .exp .sous_titre { position: relative; z-index: 1; color: #fff; padding: 0 50px 0 0;}
.entreprise .photos .bottom .exp .sous_titre span { color: var(--or);}
.entreprise .photos .top img          { width: 100%; height: auto; max-width: 680px; }

.entreprise .grid_link                { margin: 40px 0 0 0; }
.entreprise .grid_link a              { border-bottom: 1px solid #FFFFFF0d; display: block; padding: 18px 0; background: url("../images/fleche_link_or.svg") right 50% no-repeat; font-size: 20px; color: #fff;}
.entreprise .grid_link a:first-child  { border-top: 1px solid #FFFFFF0d;}

@media (max-width:1600px) {
.entreprise .photos .bottom .exp .sous_titre { padding: 0 0 0 0;}
.entreprise .photos .bottom .exp .sous_titre br { display: none;}
}
@media (min-width:1201px) {
.entreprise .grid_link a:hover        { background-position: calc(100% - 30px) 50% ; color: var(--or); padding: 18px 0 18px 30px;}
}

@media (max-width:1200px) {
.entreprise .photos                   { gap: 40px;}
.entreprise .photos .bottom           { gap: 40px;}
.entreprise .grid_link a              { font-size: 18px; }
}}
@media (max-width:1000px) {
.entreprise                           { padding: 70px 0; }
}
@media (max-width:700px) {
.entreprise                           { padding: 50px 0 0; gap: 0; margin-bottom: 0;}
.entreprise .photos                   { display: none; }
.entreprise .grid_link a              { padding: 14px 0; font-size: 16px; }
}





.matieres .titre_main,
.matieres .sous_titre                { color: var(--noir);}
.matieres .sous_titre                { margin-top: 40px;}
.matieres .sous_titre span           { color: var(--or);}
.matieres .photos                    { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 60px;}
.matieres .photos img                { width: 100%; height: 100%; object-fit: cover; display: block;}
.matieres .photos .vertical          { grid-row: span 2;}

@media (min-width:1201px) {
    
}
@media (max-width:1200px) {
.matieres .photos                    { gap: 40px;}
}
@media (max-width:1000px) {
.matieres .photos                    { gap: 20px;}
}
@media (max-width:700px) {
.matieres .photos,
.matieres .sous_titre                { display: none;}
}




.about .titre_main                     { color: var(--noir); }
@media (min-width:1201px) {
    
}
@media (max-width:1200px) {
    
}
@media (max-width:1000px) {
    
}
@media (max-width:700px) {
    
}


.more_about                            { padding-bottom: 90px;}
@media (min-width:1201px) {
    
}
@media (max-width:1200px) {
    
}
@media (max-width:1000px) {
    
}
@media (max-width:700px) {
    
}




.realisations                          { text-align: center; position: relative; margin-top: 180px;}
.realisations .titre_main              { padding: 40px 0 100px; }
.realisations:after                    { content: ""; width: 100vw; height: 35%; position: absolute; top: 0; right: 0; left: 0; background: var(--beige); z-index: 0; }

.galerie_defilant                      { padding: 0 0 80px 0; z-index: 10;}
.galerie_defilant .item                { height: 600px; width: auto; margin: 0 40px; transform: scale(1);  z-index: 1; transition: all 300ms ease-in-out;}
.galerie_defilant .item img            { display: block; width: 100%; height: 100%;}
.galerie_defilant .item.slick-current  { transform: scale(1.15);}
.galerie_defilant .slick-list          { overflow: visible;}

@media (min-width:1201px) {
    
}
@media (max-width:1200px) {
.galerie_defilant .item                { height: 500px; margin: 0 30px; }
.realisations .titre_main              { padding: 30px 0 80px; }
}
@media (max-width:1000px) {
.galerie_defilant .item                { height: 450px; margin: 0 20px; }
.realisations .titre_main              { padding: 30px 0 60px; }
}
@media (max-width:700px) {
.galerie_defilant .item                { height: 350px; margin: 0 20px; }
.realisations .titre_main              { padding: 0 0 50px; }
}