@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

.moteur h1, .title2, .citQsn, .titListe h1, .titleActu, .blocCitation .citQsn p, .motMobTit span, .showMot .titSurf {font-family:"Archivo";}
.modalContact .modal-title,
.modalCookie .modal-header,
.modalCookie .modal-title,
.modalCookieBloc .modal-header,
.modalCookieBloc .modal-title,
.modalPartage .modal-title{font-family:"Archivo";}

#blocMoteur {height: calc(100vh - 84px);}
.moteur h1{font-size:7rem;padding: 0 3.5rem;}
.bgImgMot {overflow:hidden;height: 100%;}
.navDewim{padding:1rem 5.6rem;}
.navDewim li a:hover{color:rgba(var(--couleur-secondaire),1);}
main {margin-top: 8.4rem;}
.telMen:hover {background: rgba(var(--couleur-survol),0.8);border-color: rgba(var(--couleur-secondaire),1);color: rgba(var(--couleur-principale),1) !important;}
.telMen:hover g#GroupeTel path{fill: rgba(var(--couleur-principale),1);}
.ttesOffres{border: 1px solid transparent;}
.ttesOffres:hover{border-color: rgba(var(--couleur-principale),1);color: rgba(var(--couleur-principale),1);}
.blocTitList {height: 20rem;}
.titListe h1 {font-size:5rem}
.bgBlue {background: rgba(var(--couleur-principale),1);}
.contBlocCont .title2 span{filter: brightness(1.6);}
.contBlocCont .btnActPhone{background: rgba(var(--couleur-principale),0.4);}
.striped {background: linear-gradient(to right , rgba(var(--couleur-secondaire),1) 20.8%, rgba(var(--couleur-principale),1) 0%);}
.tabSurf tbody td.titre-lot{vertical-align: bottom;border-bottom: none;border-top: none;padding: 2.5rem 1.5rem;}
.moteur .dropdown-toggle{border-color: rgba(var(--couleur-principale),.6);}
.imgActuTop { -o-object-fit: contain !important; object-fit: contain !important;  }

.tabSurface {width: 100%;margin-bottom: 1rem;}
.tabSurface tbody:first-of-type { background: rgba(var(--couleur-bg-secondaire),1);color: rgba(var(--couleur-principale),1);font-family: aktiv-grotesk, sans-serif;font-weight: 700;font-style: normal;font-size: 1.2rem;text-transform: uppercase;}
.tabSurface tbody:first-of-type th, 
.tabSurface tbody:first-of-type td{border-bottom: none;border-top: none;padding: 2.5rem 1.5rem;vertical-align: bottom;border:none !important;}
.tabSurface tbody:last-of-type td{font-size: 1.4rem;font-family: aktiv-grotesk, sans-serif;font-weight: 400;font-style: normal;color: #A0A1AD;text-align: left;padding: 2rem 1.5rem;border:none !important;}

@media (max-width: 1024px) {
    .navDewim {padding: 1.5rem;}
    #blocMoteur {height:auto;background: rgba(var(--couleur-principale),.4);padding-bottom: 20px;}
    .moteur h1 {font-size: 3.6rem;padding: 2rem 0;}
    .navDewim li a:hover{color:rgba(var(--couleur-menu),.5);}
}