/* Modes */
:root {
/* Couleurs */

  /* Bleu */
  /* color */
  --Blanc: #fffdfc;
  --Chaude: #f7b722;
  --Clair: #edf9ff;
  --Foncé: #072971;
  --Foncé-30: #0729714d;
  --Foncé-Hover: #4f6698;
  --Fond: #f8f6f3;
  --Moyen: #6a7ea7;
  --Noir: #1c1b1a;

  /* Modes - Laptop */

  --Font-Titles-H1cabinet-Fontsize: 48px;
  --Font-Titles-H1cabinet-Linheight: 80px;
  --Font-Titles-H1cabinet-Letterspacing: 5px;
  --Font-Titles-H1baby-Fontsize: 56px;
  --Font-Titles-H1baby-Linheight: 80px;
  --Font-Titles-H1baby-Letterspacing: 5px;
  --Font-Titles-H2cabinet-Fontsize: 40px;
  --Font-Titles-H2cabinet-Linheight: 64px;
  --Font-Titles-H2cabinet-Letterspacing: 0px;
  --Font-Titles-H2baby-Fontsize: 56px;
  --Font-Titles-H2baby-Linheight: 64px;
  --Font-Titles-H2baby-Letterspacing: 0px;
  --Font-Titles-H3cabinet-Fontsize: 24px;
  --Font-Titles-H3cabinet-Linheight: 36px;
  --Font-Titles-H3cabinet-Letterspacing: 2px;
  --Font-Titles-H3baby-Fontsize: 32px;
  --Font-Titles-H3baby-Linheight: 36px;
  --Font-Titles-H3baby-Letterspacing: 0px;
  --Font-Body-Mcabinet-Fontsize: 20px;
  --Font-Body-Mcabinet-Linheight: 32px;
  --Font-Body-Mcabinet-Letterspacing: 0px;
  --Font-Body-Mbaby-Fontsize: 24px;
  --Font-Body-Mbaby-Linheight: 36px;
  --Font-Body-Mbaby-Letterspacing: 0px;
  --Font-Body-Question-Fontsize: 24px;
  --Font-Body-Réponse-Fontsize: 20px;
  --Font-Body-Réponse-Linheight: 40px;
  --Font-Body-Réponse-Letterspacing: 0px;
  --Font-Body-Question-Linheight: 32px;
  --Font-Body-Question-Letterspacing: 1px;
  --Font-Body-Labelcaps-Fontsize: 12px;
  --Font-Body-Labelcaps-Linheight: 16px;
  --Font-Body-Labelcaps-Letterspacing: 2px;
  --Font-Body-Labelcabinet-Fontsize: 16px;
  --Font-Body-Labelcabinet-Linheight: 20px;
  --Font-Body-Labelcabinet-Letterspacing: 2px;
  --Font-Body-Labelbaby-Fontsize: 18px;
  --Font-Body-Labelbaby-Linheight: 18px;
  --Font-Body-Labelbaby-Letterspacing: 0px;
  --Font-Body-chiffre-Fontsize: 96px;
  --Font-Body-chiffre-Linheight: 119px;
  --Font-Body-chiffre-Letterspacing: 0px;
  --Layout-Layout-Paddingvertical-Mainbloc: 80px;
  --Layout-Layout-Paddingvertical-FramecarteA: 40px;
  --Layout-Layout-Paddingvertical-FramecarteB: 20px;
  --Layout-Layout-Paddingvertical-CarteA: 40px;
  --Layout-Layout-Paddingvertical-CarteB: 16px;
  --Layout-Layout-Paddinghorizontal-Mainbloc: 260px;
  --Layout-Layout-Paddinghorizontal-FramecarteA: 20px;
  --Layout-Layout-Paddinghorizontal-FramecarteB: 20px;
  --Layout-Layout-Paddinghorizontal-CarteA: 32px;
  --Layout-Layout-Paddinghorizontal-CarteB: 16px;
  --Layout-Minwidth-carteA: 0px;
  --Layout-Minwidth-carteB: 0px;
  --Layout-Maxwidth-carteA: 0px;
  --Layout-Maxwidth-carteB: 0px;
  --Layout-Layout-Gap-Main: 60px;
  --Layout-Layout-Gap-FramecarteA: 20px;
  --Layout-Layout-Gap-FramecarteB: 16px;
  --Layout-Layout-Gap-CarteA: 32px;
  --Layout-Layout-Gap-CarteB: 16px;

}
@media(max-width:900px){
:root {
  --Font-Titles-H1cabinet-Fontsize: 32px;
  --Font-Titles-H1cabinet-Linheight: 48px;
  --Font-Titles-H1cabinet-Letterspacing: 5px;
  --Font-Titles-H1baby-Fontsize: 40px;
  --Font-Titles-H1baby-Linheight: 48px;
  --Font-Titles-H1baby-Letterspacing: 5px;
  --Font-Titles-H2cabinet-Fontsize: 32px;
  --Font-Titles-H2cabinet-Linheight: 48px;
  --Font-Titles-H2cabinet-Letterspacing: 0px;
  --Font-Titles-H2baby-Fontsize: 40px;
  --Font-Titles-H2baby-Linheight: 48px;
  --Font-Titles-H2baby-Letterspacing: 0px;
  --Font-Titles-H3cabinet-Fontsize: 20px;
  --Font-Titles-H3cabinet-Linheight: 28px;
  --Font-Titles-H3cabinet-Letterspacing: 2px;
  --Font-Titles-H3baby-Fontsize: 24px;
  --Font-Titles-H3baby-Linheight: 28px;
  --Font-Titles-H3baby-Letterspacing: 0px;
  --Font-Body-Mcabinet-Fontsize: 18px;
  --Font-Body-Mcabinet-Linheight: 32px;
  --Font-Body-Mcabinet-Letterspacing: 0px;
  --Font-Body-Mbaby-Fontsize: 20px;
  --Font-Body-Mbaby-Linheight: 32px;
  --Font-Body-Mbaby-Letterspacing: 0px;
  --Font-Body-Question-Fontsize: 24px;
  --Font-Body-Réponse-Fontsize: 20px;
  --Font-Body-Réponse-Linheight: 40px;
  --Font-Body-Réponse-Letterspacing: 0px;
  --Font-Body-Question-Linheight: 32px;
  --Font-Body-Question-Letterspacing: 1px;
  --Font-Body-Labelcaps-Fontsize: 12px;
  --Font-Body-Labelcaps-Linheight: 16px;
  --Font-Body-Labelcaps-Letterspacing: 2px;
  --Font-Body-Labelcabinet-Fontsize: 16px;
  --Font-Body-Labelcabinet-Linheight: 20px;
  --Font-Body-Labelcabinet-Letterspacing: 2px;
  --Font-Body-Labelbaby-Fontsize: 18px;
  --Font-Body-Labelbaby-Linheight: 18px;
  --Font-Body-Labelbaby-Letterspacing: 0px;
  --Font-Body-chiffre-Fontsize: 96px;
  --Font-Body-chiffre-Linheight: 119px;
  --Font-Body-chiffre-Letterspacing: 0px;
  --Layout-Layout-Paddingvertical-Mainbloc: 60px;
  --Layout-Layout-Paddingvertical-FramecarteA: 32px;
  --Layout-Layout-Paddingvertical-FramecarteB: 16px;
  --Layout-Layout-Paddingvertical-CarteA: 32px;
  --Layout-Layout-Paddingvertical-CarteB: 16px;
  --Layout-Layout-Paddinghorizontal-Mainbloc: 80px;
  --Layout-Layout-Paddinghorizontal-FramecarteA: 20px;
  --Layout-Layout-Paddinghorizontal-FramecarteB: 16px;
  --Layout-Layout-Paddinghorizontal-CarteA: 32px;
  --Layout-Layout-Paddinghorizontal-CarteB: 16px;
  --Layout-Minwidth-carteA: 0px;
  --Layout-Minwidth-carteB: 0px;
  --Layout-Maxwidth-carteA: 0px;
  --Layout-Maxwidth-carteB: 0px;
  --Layout-Layout-Gap-Main: 48px;
  --Layout-Layout-Gap-FramecarteA: 20px;
  --Layout-Layout-Gap-FramecarteB: 16px;
  --Layout-Layout-Gap-CarteA: 40px;
  --Layout-Layout-Gap-CarteB: 0px;
}
}
@media(max-width:450px){
 :root {
  --Font-Titles-H1cabinet-Fontsize: 28px;
  --Font-Titles-H1cabinet-Linheight: 36px;
  --Font-Titles-H1cabinet-Letterspacing: 1px;
  --Font-Titles-H1baby-Fontsize: 32px;
  --Font-Titles-H1baby-Linheight: 36px;
  --Font-Titles-H1baby-Letterspacing: 1px;
  --Font-Titles-H2cabinet-Fontsize: 32px;
  --Font-Titles-H2cabinet-Linheight: 48px;
  --Font-Titles-H2cabinet-Letterspacing: 0px;
  --Font-Titles-H2baby-Fontsize: 40px;
  --Font-Titles-H2baby-Linheight: 48px;
  --Font-Titles-H2baby-Letterspacing: 0px;
  --Font-Titles-H3cabinet-Fontsize: 16px;
  --Font-Titles-H3cabinet-Linheight: 28px;
  --Font-Titles-H3cabinet-Letterspacing: 1px;
  --Font-Titles-H3baby-Fontsize: 24px;
  --Font-Titles-H3baby-Linheight: 28px;
  --Font-Titles-H3baby-Letterspacing: 0px;
  --Font-Body-Mcabinet-Fontsize: 18px;
  --Font-Body-Mcabinet-Linheight: 32px;
  --Font-Body-Mcabinet-Letterspacing: 0px;
  --Font-Body-Mbaby-Fontsize: 20px;
  --Font-Body-Mbaby-Linheight: 32px;
  --Font-Body-Mbaby-Letterspacing: 0px;
  --Font-Body-Question-Fontsize: 24px;
  --Font-Body-Réponse-Fontsize: 16px;
  --Font-Body-Réponse-Linheight: 36px;
  --Font-Body-Réponse-Letterspacing: 0px;
  --Font-Body-Question-Linheight: 32px;
  --Font-Body-Question-Letterspacing: 1px;
  --Font-Body-Labelcaps-Fontsize: 10px;
  --Font-Body-Labelcaps-Linheight: 14px;
  --Font-Body-Labelcaps-Letterspacing: 1px;
  --Font-Body-Labelcabinet-Fontsize: 14px;
  --Font-Body-Labelcabinet-Linheight: 16px;
  --Font-Body-Labelcabinet-Letterspacing: 2px;
  --Font-Body-Labelbaby-Fontsize: 14px;
  --Font-Body-Labelbaby-Linheight: 14px;
  --Font-Body-Labelbaby-Letterspacing: 0px;
  --Font-Body-chiffre-Fontsize: 96px;
  --Font-Body-chiffre-Linheight: 119px;
  --Font-Body-chiffre-Letterspacing: 0px;
  --Layout-Layout-Paddingvertical-Mainbloc: 32px;
  --Layout-Layout-Paddingvertical-FramecarteA: 32px;
  --Layout-Layout-Paddingvertical-FramecarteB: 16px;
  --Layout-Layout-Paddingvertical-CarteA: 20px;
  --Layout-Layout-Paddingvertical-CarteB: 16px;
  --Layout-Layout-Paddinghorizontal-Mainbloc: 24px;
  --Layout-Layout-Paddinghorizontal-FramecarteA: 20px;
  --Layout-Layout-Paddinghorizontal-FramecarteB: 16px;
  --Layout-Layout-Paddinghorizontal-CarteA: 16px;
  --Layout-Layout-Paddinghorizontal-CarteB: 8px;
  --Layout-Minwidth-carteA: 0px;
  --Layout-Minwidth-carteB: 0px;
  --Layout-Maxwidth-carteA: 0px;
  --Layout-Maxwidth-carteB: 0px;
  --Layout-Layout-Gap-Main: 48px;
  --Layout-Layout-Gap-FramecarteA: 20px;
  --Layout-Layout-Gap-FramecarteB: 12px;
  --Layout-Layout-Gap-CarteA: 20px;
  --Layout-Layout-Gap-CarteB: 0px;
}
}