@import url('intro-screen.css');
@import url('header.css');

/* accueil et toutiquanti */
@import url('accueil.css');
@import url('intro-accueil.css');
@import url('accueil/accueil-contact.css');
@import url('accueil/accueil-etape.css');
@import url('accueil/accueil-competences.css');
@import url('accueil/accueil-portfolio.css');
@import url('accueil/accueil-bandeau-mini.css');
@import url('accueil/accueil-faq.css');

/* formules et pages formules details */
@import url("formules/formules.css");
@import url("formules/site-vitrine.css");
@import url("formules/vitrine-template.css");
@import url("formules/site-location.css");
@import url("formules/maintenance.css");
@import url("formules/analytics.css");
@import url("formules/page-unique.css");
@import url("formules/back-office.css");


/* pages principales autres */
@import url('blog.css');
@import url('portfolio.css');
@import url('card-portfolio.css');
@import url('contact.css');

/* articles */
@import url('articles/vitrine.css');
@import url('articles/maintenance.css');
@import url('articles/hebergement.css');
@import url('articles/seo.css');
@import url('articles/refonte.css');
@import url('articles/location.css');
@import url('articles/nom-domaine.css');
@import url('articles/statistiques.css');

/* legal */
@import url('legal.css');

/* divers et footer */
@import url('btn-back-to-top.css');
@import url('footer.css');



/* --- THEMES --- */
body.body-dark {
  background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%);
  color: #fff;
}


html {
  scroll-behavior: smooth;
}
 
body.body-light {
  /* background: #f3d4ad;  beige chaud, tire sur l'orange, subtil*/
  /* background: rgb(255, 229, 195); beige clair */
  /* background: rgb(249, 239, 221); */
  /* background-color: #eeecd4; background sable qd c pas bleu */
  /* bouton couleur rose #f9bfab */
  /* background beige mais plus rosé pr le background #e7dac7 */
  background:0;

}

/* #e5b7a4 le rosé des cards dans la page formule*/
/* #e6ccb8  le beige semi opaque des cards*/
/* #e7dac7 le beige du bandeau formule */
/* le jaune #f2d811 des btn */
/* #f21137 le rouge des btn */
/* #132a45 le bleu de l'image du bandeau de la page formule */

/* rgb(255, 229, 195) couleur beige qd sur fond noir */


/* TEXTE COURANT */
body, p, a, li, .btn {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  
}

/* largeur de la barre */
::-webkit-scrollbar {
  width: 10px;  /* tu peux changer la largeur */
  height: 10px; /* pour l’horizontale si jamais */
}

/* fond de la scrollbar */
::-webkit-scrollbar-track {
  background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%);
}

/* la petite barre (thumb) */
::-webkit-scrollbar-thumb {
  background-color: #f2d811;
  border-radius: 10px;
}

/* effet hover sur la barre */
::-webkit-scrollbar-thumb:hover {
  background-color: #d2bb0d; /* un peu plus clair si tu veux */
}
/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #f2d811 #090A0F;
}



/* a, button, .burger {
  cursor: url("../assets/cursor-lien.png") 16 0, pointer;
} */


/* ========================= */
/*        POIRET ONE         */
/* ========================= */
@font-face {
  font-family: 'Poiret One';
  src: url('../fonts/poiret-one-v18-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ========================= */
/*        MONTSERRAT         */
/* ========================= */

/* 300 */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-v31-latin-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* 400 (regular) */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-v31-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* 500 */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-v31-latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* 600 */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-v31-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* 700 */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-v31-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* 800 */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-v31-latin-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* 900 */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-v31-latin-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ========================= */
/*           KANIT           */
/* ========================= */

@font-face {
  font-family: 'Kanit';
  src: url('../fonts/kanit-v17-latin-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ========================= */
/*         Limelight         */
/* ========================= */

@font-face {
  font-family: 'Limelight';
  src: url('../fonts/limelight-v21-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-v24-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-v24-latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-v24-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-v24-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* pr pas que ca depend, ca depasse */
@media (max-width: 768px) {
  .card-wrapper-faq {
    width: 85vw; /* Au lieu de 60vw, laisse 7.5% de chaque côté */
  }
}