/*

• * CSS variables (margot.css)
• */
• :root {
• /* Couleurs de la charte Unhaj */
• -violet: #3e2a61;
• -rose-fonce: #7d2845;
• -rose-clair: #b45a6a;
• -framboise: #af0160;
• -rouge-fonce: #9d0d16;
• -rouge-vif: #d4021d;
• -orange-fonce: #e45012;
• -orange-clair: #f2901b;
• -jaune: #ffcc00;
• -moutarde: #d7ae00;
• -vert-pomme: #dfdb00;
• -vert-clair: #a2b03e;
• -vert-fonce: #628d11;
• -bleu-fonce: #17568d;
• -bleu-clair: #22aae8;
• -violet-bleu: #474985;

• /* Définition du thème sur la base de Margot */
  • -primary-color: var(--violet-bleu); /* Margot : #1A89A0** initial yellow #F8C400; */
  • -secondary-color-1: var(--bleu-clair); /* Margot : #d8604c*/
  • -secondary-color-2: var(--framboise); /* Margot : #D78958*/
  • -neutral-color:#000000; /* Margot : #4E5056*/
  • -neutral-soft-color:#9e9e9e; /* Margot : #b0b1b3*/
  • -neutral-light-color:#ffffff; /* Margot : #fff*/

• -success-color: var(--vert-clair); /* Margot : #3cab3b*/
• -danger-color: var(--rouge-vif); /* Margot : #d8604c*/
• -warning-color: var(--orange-clair); /* Margot : #D78958*/

• -main-text-color:var(--neutral-color);
• -main-text-fontsize: 18px;
• -main-text-fontfamily: 'Calibri Light', sans-serif;
• -title-text-fontfamily: 'Calibri Light', sans-serif;
• -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)
• */

@font-face {

• font-family: 'Calibri Light';
• src: url(https://congreshabitatjeunes.org/custom/fonts/calibri-light/calibril.woff) ;

}

/*@font-face {

• font-family: Neuropol;
• src: url(https://congreshabitatjeunes.org/custom/fonts/neuropol/neuropol.ttf);

}*/

/* 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: 800;

}

.navbar-brand {

• margin-left: -15px;
• padding: 0;

}

div[class="navbar-header"] figure[class="attached_file left"] {

• margin: 0 18px 0 0;

}

hr {

• border-top: 1px solid var(--neutral-soft-color);

}

.nav-tabs {

• border-bottom: 1px solid var(--primary-color);

}

---