@import url("entete.css");
@import url("titre-logo.css");
@import url("bouton-appelAction.css");
@import url("recherche.css");
@import url("fond-image.css");
@import url("conteneur-carte.css");
@import url("restaurants-plan.css");
@import url("article-colonne.css");
@import url("article-philosphie.css");
@import url("avis-clients.css");
@import url("gallerie-photo.css");
@import url("bas-page.css");
/* Variables CSS -----------------------  ==== ref = M.Charpentier*/
:root {
  /* --- Espacement --- */
  --rythme-tres-serre: 5px;
  --rythme-serre: 10px;
  --rythme-base: 20px;
  --rythme-espace: 40px;
  --rythme-tres-espace: 80px;
  /* --- Couleurs --- */
  --couleur-fond: #fffbf7;
  --couleur-texte: #252b0c;
  --couleur-principale: #99c07f;
  --couleur-secondaire: #e5be7c;
  --couleur-bordure: #ccc;
  /* --- Interligne --- */
  --interligne-base: 1.5625em;
  --interligne-grand: 2.5rem;
  --interligne-logo: 1.78em;
  /* --- Police --- */
  --police-general: "Lora", sans-serif;
  --police-decorative: "Lora", italic;
  /* --- Taille de police --- */
  --taille-police-petit: 0.9rem;
  --taille-police-normal: 1rem;
  --taille-police-moyen: 1.2rem;
  --taille-police-grand: 1.8rem;
  --taille-police-gros: 2rem;
  /* --- Epaisseur de police --- */
  --epaisseur-police-normale: 400;
  --epaisseur-police-gras: 500;
  --epaisseur-police-tres-gras: 700;
  /* Border-radius */
  --arrondi-petit: 4px;
  --arrondi-grand: 8px;
  /* Points de rupture (ne peuvent pas être utilisés comme variables, mais sont indiqués à titre informatif). */
  /* --ecran-petit: 768px;
     --ecran-moyen: 1170px;
     --ecran-large: 1450px; */
}

/* Règles génériques -----------------------  ==== ref = M.Charpentier*/

/* Rétablir les marges intérieures & extérieures sur tout */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Base typographique à être héritée ==== ref = M.Charpentier*/
html {
  font-family: var(--police-general);
  line-height: var(--interligne-base);
  font-size: var(--taille-police-normal);
  color: var(--couleur-texte);
}

/* Lien */
a {
  text-decoration: none;
  color: var(--couleur-texte);
}

/* Navigation */
nav > div {
  display: flex;
  flex-direction: row;
  gap: var(--rythme-espace);
}

nav a {
  text-transform: uppercase;
  font-weight: var(--epaisseur-police-gras);
  align-content: center;
}

nav a:hover {
  text-decoration: underline;
}

/* Titre */
h1 {
  font-size: var(--taille-police-gros);
  font-weight: var(--epaisseur-police-tres-gras);
  line-height: var(--interligne-logo);
  text-transform: uppercase;
  transition: all;
}

h1:hover {
  text-decoration: underline;
}

h2 {
  border-bottom: 1px solid var(--couleur-secondaire);
  padding-bottom: var(--rythme-serre);
  margin-bottom: var(--rythme-base);
  font-size: var(--taille-police-grand);
  font-weight: var(--epaisseur-police-tres-gras);
  line-height: var(--interligne-grand);
}

h2 > span {
  font-size: var(--taille-police-moyen);
  margin-left: var(--rythme-base);
  font-weight: var(--epaisseur-police-gras);
}

h3 {
  font-size: var(--taille-police-moyen);
  margin: var(--rythme-serre) 0;
}

/*Autre*/

.texte-accentuation {
  font-size: var(--taille-police-moyen);
  font-weight: var(--epaisseur-police-gras);
}

/* MAIN */
main > section {
  margin: var(--rythme-espace);
}