:root {
  • -primary-color: #bf3a3a;
  • -secondary-color-1: #892717;
  • -secondary-color-2: #cd6254;
  • -neutral-color: #292929;
  • -neutral-soft-color: #727272;
  • -neutral-light-color: #f2f2f2;
  • -main-text-fontsize: 18px;
  • -main-text-fontfamily: 'Roboto', sans-serif;
  • -main-title-fontfamily: 'Georgia', sans-serif;
  • -navbar-bg-color: #fff;
  • -navbar-text-color: #333;
  • -navbar-link-color: #333;
  • -navbar-link-bg-color: transparent;
  • -navbar-link-hover-color: #e3001b;
}

html, body {line-height: 1.4;}
#yw-topnav {
  • border-bottom: 2px solid var(--secondary-color-1);
  • box-shadow: 0 1px 10px rgba(15,0,0,.4);
}

.navbar-brand img {
  • width:45px;
  • border-radius:50%
}
#yw-topnav .btn.btn-default {
  • background: var(--navbar-bg-color) !important;
  • color: var(--navbar-link-color) !important;
    • border: 2px solid rgb(51,51,51);
}
#yw-topnav .btn.btn-default:hover,
#yw-topnav .btn.btn-default:focus {
  • background: var(--secondary-color-2) !important;
  • color: var(--navbar-bg-color) !important;
    • border: 2px solid var(--primary-color);
}

h1 {
  • letter-spacing: initial;
  • font-weight: 900;
  • color:var(--secondary-color-1)
}
h2 {
  • font-weight: 700;
  • color:var(--secondary-color-1)
}
h3,h4,h5,h6 {
  • font-weight: 500;
  • color:var(--secondary-color-1)
}
br + h1,br + h2,br + h3,br + h4,br + h5, br + h6 {
  • margin-top: 0;
}

.navbar-brand {
  • background-image: url(/cache/PageTitre_clicsigle500x201_vignette_140_97_20221210092047_20221214103058.png);
    • background-repeat: no-repeat;
    • background-size: 120px;
    • background-position: top left 10px;
    • padding-left: 100px;
  • min-width: 300px;
}

.youtube-video-container {
  • position: relative;
  • overflow: hidden;
  • width: 100%;
}

.youtube-video-container::after {
  • display: block;
  • content: "";
  • padding-top: 56.25%;
}

.youtube-video-container iframe {
  • position: absolute;
  • top: 0;
  • left: 0;
  • width: 100%;
  • height: 100%;
}