/
  • CSS variables (margot.css)
  • Variables des couleurs */
  • -violet-fcpe: #293075;
  • -vert-fcpe2: #008000; /vert-fcpe: #64b055;/
  • -American-rose: #ff033e;
  • -Amber: #ffbf00;
  • -violet-bleu: #474985;

  • / Définition du thème sur la base de Margot /
    • -primary-color: var(--violet-fcpe); / Margot : #1A89A0 initial yellow #F8C400; /
    • -secondary-color-1: var(--vert-fcpe2); / Margot : #d8604c/
    • -secondary-color-2: var(--American-rose); / Margot : #D78958/
    • -neutral-color:#000000; / Margot : #4E5056/
    • -neutral-soft-color:#b0b1b3; / Margot : #b0b1b3/
    • -neutral-light-color:#fff; / Margot : #fff/
  • -success-color: #3cab3b; / Margot : #3cab3b/
  • -danger-color: #d8604c; / Margot : #d8604c/
  • -warning-color: #D78958; / Margot : #D78958/
  • -main-text-color:var(--neutral-color);
  • -main-text-fontsize: 17px;
  • -main-text-fontfamily: 'Montserrat';
  • -title-text-fontfamily: 'Montserrat-Bold';
  • -main-title-fontfamily: 'Montserrat';
  • -main-bg-color:var(--neutral-light-color);
  • -main-container-bg-color:var(--neutral-light-color);
    • / Links /
    • -link-color: var(--primary-color);
    • -link-hover-color : var(--primary-color);

  • / contained page /
  • -navbar-bg-color: var(--primary-color);
  • -navbar-text-color: var(--neutral-light-color);
  • -navbar-link-color: var(--neutral-light-color);
  • -navbar-link-bg-color: transparent;
  • -navbar-link-hover-color: rgba(255,255,255,0.85);
  • -navbar-link-bg-hover-color: transparent;
  • -navbar-border: none;
  • -navbar-border-radius : 0;
  • -navbar-shadow: none;
  • -header-bg-color: var(--neutral-light-color);
  • -header-text-color: var(--neutral-color);
  • -header-title-color: var(--primary-color);
  • -footer-bg-color: transparent;
  • -footer-text-color: var(--main-text-color);
  • -footer-title-color:var(--main-text-color);
  • -footer-border-top: 3px solid var(--neutral-soft-color);
  • -btn-border:none;
  • -btn-border-radius:.5em;
  • -checkbox-color: var(--primary-color)
}

/ Déclaration des polices de caractères (general.css)
    • Titles (general.css)*/
h1, h2, h3, h4, h5, h6 {
  • color: var(--primary-color);
  • margin-bottom: .5em;
  • margin-top: .5em;
  • font-family: var(--title-text-fontfamily);
  • font-weight: 900;
}