/

• 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;

}