.fs1 { font-size: 1px;}
.fs2 { font-size: 2px;}
.fs3 { font-size: 3px;}
.fs4 { font-size: 4px;}
.fs5 { font-size: 5px;}
.fs6 { font-size: 6px;}
.fs7 { font-size: 7px;}
.fs8 { font-size: 8px;}
.fs9 { font-size: 9px;}
.fs10 { font-size: 10px;}
.fs11 { font-size: 11px;}
.fs12 { font-size: 12px;}
.fs13 { font-size: 13px;}
.fs14 { font-size: 14px;}
.fs15 { font-size: 15px;}
.fs16 { font-size: 16px;}
.fs17 { font-size: 17px;}
.fs18 { font-size: 18px;}
.fs19 { font-size: 19px;}
.fs20 { font-size: 20px;}
.fs21 { font-size: 21px;}
.fs22 { font-size: 22px;}
.fs23 { font-size: 23px;}
.fs24 { font-size: 24px;}
.fs25 { font-size: 25px;}
.fs26 { font-size: 26px;}
.fs27 { font-size: 27px;}
.fs28 { font-size: 28px;}
.fs29 { font-size: 29px;}
.fs30 { font-size: 30px;}
.fs31 { font-size: 31px;}
.fs32 { font-size: 32px;}
.fs33 { font-size: 33px;}
.fs34 { font-size: 34px;}
.fs35 { font-size: 35px;}
.fs36 { font-size: 36px;}
.fs37 { font-size: 37px;}
.fs38 { font-size: 38px;}
.fs39 { font-size: 39px;}
.fs40 { font-size: 40px;}
.fs41 { font-size: 41px;}
.fs42 { font-size: 42px;}
.fs43 { font-size: 43px;}
.fs44 { font-size: 44px;}
.fs45 { font-size: 45px;}
.fs46 { font-size: 46px;}
.fs47 { font-size: 47px;}
.fs48 { font-size: 48px;}
.fs49 { font-size: 49px;}
.fs50 { font-size: 50px;}
.fs60 { font-size: 60px;}
.fs70 { font-size: 70px;}
.fs80 { font-size: 80px;}
.font-family-goldman { font-family: "Goldman";}
.text-center { text-align: center; }
.fwb { font-weight: bold; }

.v-container,
.v-row,
.v-col,
.v-sheet { 
    margin: 0; 
    padding: 0;
}
.v-col,
.v-sheet { 
    padding: 0 !important;
}
.no-link {
    text-decoration: none;
    color: inherit;
}
.bg-fond-black {
    background-color: rgb(12, 3, 7);
}
.bg-orange {
    background-color: #FF9900CC;
}
.color-orange {
    color: #FF9900CC;
}
.color-white {
    color: white;
}
.truncate {
  white-space: nowrap;       /* pas de retour à la ligne */
  overflow: hidden;          /* cache le texte qui dépasse */
  text-overflow: ellipsis;   /* remplace par "..." */
  width: 100%;
}



html, body, #app {
  overflow-x: hidden !important;
  width: 100vw !important;
}



.n25_head {
    background-color: black;
    background-image: url("/new2025/w1.png");
    height: 90vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.n25-container-menu {
    /* display: grid;
    grid-template-columns: repeat(5, 1fr);
    text-align: center;
    margin-bottom: 5px; */
}
.n25-container-menu .v-col:hover {
    transform: translate(-1px, -3px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}
.n25-container-menu a {
    background-color: grey;
    width: 150px;
    min-width: 150px;
    height: 30px;
    border-radius: 4px;
    margin: auto;
    align-content: center;
    color: white;
    text-decoration: none;
    padding: 7px 19px;
}
.sticky-header {
    position: absolute;
    top: 25vh;
    /* margin-left: 10vw; */
    padding-left: calc(10vw + 10px);
    height: 0;
    z-index: 100;
    width: 100%;
}
.title,
#myDivTel {
    color: white;
}
#myDivTitle {
}
@media (min-width: 768px) { /* md breakpoint */
    .sticky-header {
        top: 20vh;
    }
}
@media (max-width: 768px) { /* md breakpoint */
    .sticky-header {
        /* margin-left: 10vw; */
        padding-left: calc(10vw + 10px);
    }
}
#myDivTel { opacity: 0 }
.div-container-star-note-client {
    position: relative;
}
.note-client {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    align-content: center;
}
@media (min-width: 960px) { /* md breakpoint */

}


.spacer-sheets {
    height: 30px;
    display: block;
}
.spacer-sheets.to-white {
    background: linear-gradient(to bottom, rgb(12, 3, 7), white);
}
.spacer-sheets.to-black {
  background: linear-gradient(to bottom, white, rgb(12, 3, 7));
}
.spacer-sheets.from-grey-to-white {
  /* background: radial-gradient(to center, rgb(53,52,53), white); */
  background: 
    radial-gradient(circle at top center, rgb(0,0,0) 0%, rgb(153,152,153) 100%) no-repeat,
    linear-gradient(to bottom, rgba(53,52,53,1) 0%, rgb(255,255,255) 100%);
  background-blend-mode: overlay;
}


.n25-container-footer {
    text-align: center;
    padding: 10px;
    position: relative;
}
.n25-container-footer .n25-footer,
.n25-container-footer a{
    color: #FF9900CC;
    text-decoration: none;
}
.n25-container-footer .div-container{
    justify-content: center;
}
.n25-container-footer .sub-div-container {
    align-items: center;
    width: 100px;
    justify-content: center;
}
.n25-container-footer .isLarge .container-logo-fb {
    position: absolute;
    top: calc(50% - 40px);
    right: 10vw;
    font-size: 40px;
}
.n25-container-footer .isLarge .container-logo-fb::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background-color: white;
    width: 65px;
    height: 65px;
    top: 8px;
    left: 8px;
}
.n25-container-footer .isLarge {
    margin-bottom: 10px;
}
.n25-container-footer .isNotLarge {
    margin-bottom: 60px;
}
/* .n25-container-footer .logo-facebook::after {
    content: "\F020C";
    display: inline-block;
    font: normal normal normal 24px / 1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
} */






.v-sheet.bg-fond-black::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  pointer-events: none;

  /* Ombre simulée en dégradé */
  background: radial-gradient(ellipse at center, rgba(0,0,0,0.25), transparent 70%);
  z-index: -1; /* derrière la div */
}
.title-section {
    /* border-top: 1px solid black; */
    /* border-bottom: 1px solid black; */
    text-align: center;
    /* margin-top: 10px; */
    margin-bottom: 10px;
    padding: 20px;
}
.title-section a {
    color: black;
    text-decoration: none;
    cursor: text;
}
.v-sheet.bg-fond-black .title-section {
    /* border-top: 1px solid white; */
    /* border-bottom: 1px solid white; */
}
.v-sheet.bg-fond-black .title-section a {
    color: white;
}




.img-bruit-tarif {
    background-image: url("/new2025/w3_.png");
    min-height: 460px;
    width: 400px;
    max-width: 80vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: auto;
    color: white;
    opacity: 70%;
}
.img-bruit-tarif .overlay {
    background-color: rgba(0,0,0,0.5);
    height: 100%;
}
.img-bruit-tarif .title {
    margin-top: 1vw;
    margin-bottom: 2vw;
}
.img-bruit-tarif .sub-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.img-bruit-tarif .sub-container .left{
    margin-left: 2vw;
}
.img-bruit-tarif .sub-container .right{
    margin-right: 2vw;
    text-align: right;
}
.img-bruit-tarif .title {
    text-align: center;
}
.img-ahah {
    position: absolute;
    top: -100px;
    right: -70px;
    width: 150px;
}

@media (max-width: 768px) { /* md breakpoint */
    .img-ahah {
        top: -50px;
        right: -40px;
        width: 90px;
    }
}






.container-maps {
    background-image: url("/new2025/w2_.png");
    min-height: 350px;
    height: 40vw;
    width: 80vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: start;
    margin: auto;
}







.container-img-about {
    align-content: center;
    padding-bottom: 0;
    margin-bottom: 0;
}
.container-about .img-about {
    /* background-image: url("/new2025/w6_.png"); */
    background-image: url("/new2025/5CBA044E-ABD4-4288-81D5-DD56D4172805.PNG.jpg");
    min-height: 300px;
    height: 90%;
    width: 70%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: start;
    margin: auto;
}








.contact-field .v-field {
    background-color: rgb(12, 3, 7, 0.75);
}
.contact-field .v-field__outline__notch .v-field-label {
    position: relative;
    top: 10px;
    color: white;
}
.contact-field .v-field__field,
.contact-field .v-field__input {
    color: white !important;
}
.contact-textarea .v-field {
    /* background-image: url("/new2025/w4_.jpg"); */
    /* background-repeat: no-repeat;
    background-size: cover;
    background-position: center; */
  background: url("/new2025/w4_.jpg") bottom/cover no-repeat;
  background-color: rgba(1,1,1, 0.8); /* couleur overlay */
  background-blend-mode: multiply; /* fusion couleur + image */
}
.contact-textarea .v-field::before {
  /* content: "";
  position: absolute;
  inset: 0;
  background: url("/new2025/w4_.jpg") center/cover no-repeat;
  opacity: 0.5;
  z-index: -1; */
}
.submit-btn {
    min-width: 110px;
    width: 50%;
}









#myStickyDiv {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    opacity: 0;
}
.scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    border: 1px solid white;
    border-radius: 50%;
}
@media screen and (max-width: 580px){
    .scroll-to-top {
        right: 40px;
    }
}
.test1 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}
.test2 {
    font-family: 'Roboto Condensed', sans-serif;
}
.test3 {
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}



.v-overlay {
  z-index: 2000 !important;
}

.popup-footer p {
    margin-bottom: 0;
}










#prestations .v-sheet {
    padding: 0 60px !important;
}
.carousel-slide {
  background: #121212; /* fond sombre */
  color: #f5f5f5;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 2rem;
  border-top: 5px solid #FF9900CC; /* rouge mécanique */
  border-bottom: 5px solid #fdd835; /* jaune mécanique */
}

.carousel-icon {
  font-size: 64px;
  margin-bottom: 1rem;
  color: #fdd835; /* jaune accent */
}

.carousel-title {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  color: #FF9900CC; /* rouge accent */
  font-weight: bold;
}

.carousel-text {
  font-size: 1rem;
  max-width: 600px;
}


@media (max-width: 768px) { /* md breakpoint */
    .carousel-title {
        font-size: 1rem;
    }
    .carousel-citation {
        font-size: 0.8rem;
    }
    .carousel-text {
        font-size: 0.7rem;
    }
}

















.certificate {
    position: absolute;
    bottom: 2vh;
    right: 10vw;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 5px 15px;
    border-radius: 15px;
}
.iso {
    font-size: 10px;
}
.iso img {
    width: 10px;
}
.eflexfuel {
    color: rgba(0, 0, 0, 0.8);
    font-weight: bold;
    margin-bottom: 10px;
}
.eflexfuel .e {
    color: #5e8b5e;
    font-size: 12px;
}
.eflexfuel .technology {
    background-color: #5e8b5e;
    color: white;
    font-size: 10px;
    width: fit-content;
    position: absolute;
    top: 14px;
    right: 10px;
    z-index: -1;
}






@media (min-width: 768px) {
    .max-desktop-width {
        max-width: 1400px;
        margin: auto;
    }
}







.contents-avis-client-accueil {
    /* align-self: center; */
}
.contents-avis-client-accueil .v-card-text {
    height: 60px;
    overflow: hidden;
    margin-bottom: 20px;
}
.contents-avis-client-accueil .star-bordered {
  color: transparent;
}
.contents-avis-client-accueil .star {
  -webkit-text-stroke: 2px #FF9900CC;
}





.truncate-block {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    -webkit-line-clamp: 3;
    text-align: justify;
}






/*
.title-section {
  font-size: 1.5rem;
  font-weight: 600;
  position: relative;
  display: inline-block;
}
.title-section::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 50px;
  height: 4px;
  background: #e50914;
  border-radius: 2px;
}

.title-section {
  border-left: 4px solid #e50914;
  padding-left: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
}

.title-section {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: linear-gradient(90deg, #e50914, #ff512f);
  color: white;
  border-radius: 6px;
  font-size: 1.5rem;
  font-weight: 600;
}
*/
@media (max-width: 768px) {
    .title-section {
        border-top: 1px solid black;
        border-bottom: 1px solid black;
    }
    .v-sheet.bg-fond-black .title-section {
        border-top: 1px solid white;
        border-bottom: 1px solid white;
    }
}
@media (min-width: 768px) {
    .title-section {
        font-size: 1.4rem;
        font-weight: 800;
        /* text-transform: uppercase; */
        letter-spacing: 2px;
    }
    .title-section {
        position: relative;
    }
    .title-section::after {
        content: "";
        position: absolute;
        bottom: 0px;
        background-color: #FF9900CC;
        width: 20%;
        height: 4px;
        left: 40%;
    }
}