/

• CSS variables (margot.css)
• Couleurs de la charte O10c
• Définition du thème sur la base de Margot
  • Margot : #073763*/
  • -secondary-color-1: var(--vert-d-eau); / Margot : #3ea69b/
  • -secondary-color-2: var(--rose); / Margot : #f29c1f/
  • -neutral-color: var(--ardoise); / Margot : #073763/
  • -neutral-soft-color: var(--gris-ardoise); / Margot : #5a5a5a/
  • -neutral-light-color:#fff; / Margot : #fff/

• -info-color: var(--bleu-site-clair); / Margot : #a2bcd5/
• -success-color: var(--vert-fonce); / Margot : #5C7F70/
• -warning-color: var(--jaune-moutarde); / Margot : #e8d630/
• -danger-color: var(--rose-fonce); / Margot :#e64c3c/

• -main-text-color:var(--neutral-color);
• -main-text-fontsize: 18px;
• -main-text-fontfamily: Nunito;
• -title-text-fontfamily: Nunito;
• -main-title-fontfamily: Nunito;
• -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: Bebas;
  • src: url('/custom/fonts/BebasNeue/BebasNeue-Regular.woff2') format('woff2'),
    • url('/custom/fonts/BebasNeue/BebasNeue-Regular.woff') format('woff'),
    • url('/custom/fonts/BebasNeue/BebasNeue-Regular.ttf') format('truetype');

}/ /@font-face {

• font-family: Bebas;
• src: url('/custom/fonts/Bebas/Bebas-Regular.woff2') format('woff2'),
  • url('/custom/fonts/Bebas/Bebas-Regular.woff') format('woff'),
  • url('/custom/fonts/Bebas/Bebas-Regular.ttf') format('truetype');
• unicode-range : U+0020-00A6;

}/ /

@font-face {

• font-family: Roboto;
• src: url('/custom/fonts/RobotoCondensed/RobotoCondensed-Regular.woff2') format('woff2'),
  • url('/custom/fonts/RobotoCondensed/RobotoCondensed-Regular.woff') format('woff'),
  • url('/custom/fonts/RobotoCondensed/RobotoCondensed-Regular.ttf') format('truetype');
• font-style: normal;
• font-weight: 400;

}
@font-face {

• font-family: Roboto;
• src: url('/custom/fonts/RobotoCondensed/RobotoCondensed-Italic.woff2') format('woff2'),
  • url('/custom/fonts/RobotoCondensed/RobotoCondensed-Italic.woff') format('woff'),
  • url('/custom/fonts/RobotoCondensed/RobotoCondensed-Italic.ttf') format('truetype');
• font-style: italic;
• font-weight: 400;

}
@font-face {

• font-family: Roboto;
• src: url('/custom/fonts/RobotoCondensed/RobotoCondensed-Bold.woff2') format('woff2'),
  • url('/custom/fonts/RobotoCondensed/RobotoCondensed-Bold.woff') format('woff'),
  • url('/custom/fonts/RobotoCondensed/RobotoCondensed-Bold.ttf') format('truetype');
• font-style: normal;
• font-weight: 700;

}
@font-face {

• font-family: Roboto;
• src: url('/custom/fonts/RobotoCondensed/RobotoCondensed-BoldItalic.woff2') format('woff2'),
  • url('/custom/fonts/RobotoCondensed/RobotoCondensed-BoldItalic.woff') format('woff'),
  • url('/custom/fonts/RobotoCondensed/RobotoCondensed-BoldItalic.ttf') format('truetype');
• font-style: italic;
• font-weight: 700;

}
@font-face {

• font-family: Roboto;
• src: url('/custom/fonts/RobotoCondensed/RobotoCondensed-Light.woff2') format('woff2'),
  • url('/custom/fonts/RobotoCondensed/RobotoCondensed-Light.woff') format('woff'),
  • url('/custom/fonts/RobotoCondensed/RobotoCondensed-Light.ttf') format('truetype');
• font-style: normal;
• font-weight: 300;

}
@font-face {

• font-family: Roboto;
• src: url('/custom/fonts/RobotoCondensed/RobotoCondensed-LightItalic.woff2') format('woff2'),
  • url('/custom/fonts/RobotoCondensed/RobotoCondensed-LightItalic.woff') format('woff'),
  • url('/custom/fonts/RobotoCondensed/RobotoCondensed-LightItalic.ttf') format('truetype');
• font-style: italic;
• font-weight: 300;

}
/ / Titles (general.css)

header#yw-header {

• background-color: transparent;

}

div#yw-container {

• background-image: url('/custom/images/paper-texture2.720.jpg');
• background-repeat: repeat-y;
• background-position: center;
• background-size: 100%;

}

hr {

• height: 30px;
• border-top: 0;
• background-image: url('/custom/images/hr.png');
• background-repeat: repeat-x;
• background-size: 300px;
• margin-top: 0;

}

.color-boxes-container {

• display: grid;
• grid-template-columns: auto auto auto auto auto auto;
• grid-gap: 20px;
• padding: 10px;

}

.color-box {

• text-align: center;
• padding: 0;
• font-size: 5px;

}

.footer::after {

• content: "";
• background-color: transparent;
• position: absolute;
• left: 0;
• right: 0;
• bottom: 0;
• height: 0;
• border-radius: 0;

}*/

.btn-success {

• background-color: var(--success-color);

}

---