/* COULEURS */
:root {
     --color-primary: #b4060a;
    --color-primary-dark: #450d11;
    --color-primary-light: #e5d8d8;
    --color-background: #fbf4f4;
    --color-background-darker: #f4ebeb;
    --color-text:#1f272d;
    --color-secondary: radial-gradient(1000px 500px at 10% 20%, #450d11 0%, #e50914 50%, #b4060a 100%), #450d11;
}


/* Text color */
body {
  color: var(--color-text) !important;
 background:  var(--color-background) !important;
}
footer#footer .footer-menu nav {
  color: var(--color-text) !important;
}
#footer .footer-menu nav li {
  color: var(--color-primary-dark) !important;
}

/* Backgrounds */
header#header {
     background: var(--color-secondary);
}
#header-backoffice {
background: var(--color-secondary) !important;
}
header#header #hero-banner {
    background: var(--color-secondary);
    min-height:0;
}
#header #menu ul.open {
background: var(--color-primary)  !important;
}
#menu > div {
    background: var(--color-background-darker) !important;
}

.widget{
   background: var(--color-primary)  !important;
}

/*Color button abstract & registration*/
.etapes .etape-item .etape-number{
color: var(--color-primary)  !important;
border: 1px solid  var(--color-primary)  !important;
}
.etapes .etape-item.active {
    color: var(--color-primary)  !important;
}
.etapes .etape-item.active .etape-number {
color: #fff !important;
background: var(--color-primary)  !important;
}
form .is-required {
color: var(--color-primary)  !important;
}


#form
form input, form textarea, form select, form .datalist-content, form .ts-control {
border: 1px solid var(--color-primary-light) !important;
color: var(--color-primary-dark) !important;
}
form input:hover {
border: 1px solid var(--color-primary) !important;
}


#page ul {list-style: disc inside;}

button,
.btn,
input[type="submit"] {
  background-color: var(--color-primary) !important;
  color: #fff !important;
}
.btn-tertiary {
    color: var(--color-primary) !important;
}

/* fonts */
 h1 {
font-size: 3.5rem !important;
}