/* Sélecteurs statiques du site - ne pas modifier manuellement */

body {
    font-family: var(--body-font-family, inherit);
    color: var(--body-color, inherit);
    background-color: var(--body-background-color, transparent);
    line-height: var(--body-line-height, normal);
}

main
{
    background-color: var(--main-background-color, transparent);
    width: var(--main-width, 100%);
    padding: var(--main-padding, 0);
    border: var(--main-border, none);
    margin: 0 auto;
}

#nav, #footer, #nav ul {
    color: var(--barre-nav-color, inherit);
    background-color: var(--barre-nav-background-color, transparent);
}

#app #nav .lienPerso, #app #footer .lienPerso {
    font-family: var(--barre-a-font-family, inherit);
    font-size: var(--barre-a-font-size, inherit);
    color: var(--barre-a-color, inherit);
    background-color: var(--barre-a-background-color, transparent);
    font-weight: var(--barre-a-font-weight, normal);
    font-style: var(--barre-a-font-style, normal);
    text-decoration: var(--barre-a-text-decoration, none);
}

#app #nav .lienPerso:hover, #app #footer .lienPerso:hover {
    color: var(--barre-a-hover-color, inherit);
    background-color: var(--barre-a-hover-background-color, transparent);
    font-weight: var(--barre-a-hover-font-weight, normal);
    font-style: var(--barre-a-hover-font-style, normal);
    text-decoration: var(--barre-a-hover-text-decoration, none);
}

#app #nav .active, #app #footer .active {
    color: var(--barre-a-actif-color, inherit);
    background-color: var(--barre-a-actif-background-color, transparent);
    font-weight: var(--barre-a-actif-font-weight, normal);
    font-style: var(--barre-a-actif-font-style, normal);
    text-decoration: var(--barre-a-actif-text-decoration, none);
}

#app #nav .active:hover, #app #footer .active:hover {
    color: var(--barre-a-actif-color, inherit);
    background-color: var(--barre-a-actif-background-color, transparent);
    font-weight: var(--barre-a-actif-font-weight, normal);
    font-style: var(--barre-a-actif-font-style, normal);
    text-decoration: var(--barre-a-actif-text-decoration, none);
}

h1 {
    font-family: var(--h1-font-family, inherit);
    font-size: var(--h1-font-size, inherit);
    color: var(--h1-color, inherit);
    background-color: var(--h1-background-color, transparent);
    font-weight: var(--h1-font-weight, normal);
    font-style: var(--h1-font-style, normal);
    text-decoration: var(--h1-text-decoration, none);
    text-align: var(--h1-text-align, inherit);
    margin-top: var(--h1-margin-top, 0);
    margin-bottom: var(--h1-margin-bottom, 0);
}

h2 {
    font-family: var(--h2-font-family, inherit);
    font-size: var(--h2-font-size, inherit);
    color: var(--h2-color, inherit);
    background-color: var(--h2-background-color, transparent);
    font-weight: var(--h2-font-weight, normal);
    font-style: var(--h2-font-style, normal);
    text-decoration: var(--h2-text-decoration, none);
    text-align: var(--h2-text-align, inherit);
    margin-top: var(--h2-margin-top, 0);
    margin-bottom: var(--h2-margin-bottom, 0);
}

h3 {
    font-family: var(--h3-font-family, inherit);
    font-size: var(--h3-font-size, inherit);
    color: var(--h3-color, inherit);
    background-color: var(--h3-background-color, transparent);
    font-weight: var(--h3-font-weight, normal);
    font-style: var(--h3-font-style, normal);
    text-decoration: var(--h3-text-decoration, none);
    text-align: var(--h3-text-align, inherit);
    margin-top: var(--h3-margin-top, 0);
    margin-bottom: var(--h3-margin-bottom, 0);
}

h4 {
    font-family: var(--h4-font-family, inherit);
    font-size: var(--h4-font-size, inherit);
    color: var(--h4-color, inherit);
    background-color: var(--h4-background-color, transparent);
    font-weight: var(--h4-font-weight, normal);
    font-style: var(--h4-font-style, normal);
    text-decoration: var(--h4-text-decoration, none);
    text-align: var(--h4-text-align, inherit);
    margin-top: var(--h4-margin-top, 0);
    margin-bottom: var(--h4-margin-bottom, 0);
}

h5 {
    font-family: var(--h5-font-family, inherit);
    font-size: var(--h5-font-size, inherit);
    color: var(--h5-color, inherit);
    background-color: var(--h5-background-color, transparent);
    font-weight: var(--h5-font-weight, normal);
    font-style: var(--h5-font-style, normal);
    text-decoration: var(--h5-text-decoration, none);
    text-align: var(--h5-text-align, inherit);
    margin-top: var(--h5-margin-top, 0);
    margin-bottom: var(--h5-margin-bottom, 0);
}

h6 {
    font-family: var(--h6-font-family, inherit);
    font-size: var(--h6-font-size, inherit);
    color: var(--h6-color, inherit);
    background-color: var(--h6-background-color, transparent);
    font-weight: var(--h6-font-weight, normal);
    font-style: var(--h6-font-style, normal);
    text-decoration: var(--h6-text-decoration, none);
    text-align: var(--h6-text-align, inherit);
    margin-top: var(--h6-margin-top, 0);
    margin-bottom: var(--h6-margin-bottom, 0);
}

.paragraphe {
    font-family: var(--p-font-family, inherit);
    font-size: var(--p-font-size, inherit);
    color: var(--p-color, inherit);
    background-color: var(--p-background-color, transparent);
    font-weight: var(--p-font-weight, normal);
    font-style: var(--p-font-style, normal);
    text-decoration: var(--p-text-decoration, none);
    text-align: var(--p-text-align, inherit);
    margin-top: var(--p-margin-top, 0);
    margin-bottom: var(--p-margin-bottom, 0);
}

.lienPerso {
    color: var(--lien-color, inherit);
    background-color: var(--lien-background-color, transparent);
    font-weight: var(--lien-font-weight, normal);
    font-style: var(--lien-font-style, normal);
    text-decoration: var(--lien-text-decoration, none);
}

.lienPerso:hover {
    color: var(--lien-hover-color, inherit);
    background-color: var(--lien-hover-background-color, transparent);
    font-weight: var(--lien-hover-font-weight, normal);
    font-style: var(--lien-hover-font-style, normal);
    text-decoration: var(--lien-hover-text-decoration, none);
}

table {
    border: var(--table-border, none);
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

thead th {
    font-family: var(--table-th-font-family, inherit);
    font-size: var(--table-th-font-size, inherit);
    color: var(--table-th-color, inherit);
    background-color: var(--table-th-background-color, transparent);
    font-weight: var(--table-th-font-weight, normal);
    font-style: var(--table-th-font-style, normal);
    text-decoration: var(--table-th-text-decoration, none);
    text-align: var(--table-th-text-align, inherit);
    padding: var(--table-th-padding, 0);
}

tbody td {
    font-family: var(--table-td-font-family, inherit);
    font-size: var(--table-td-font-size, inherit);
    color: var(--table-td-color, inherit);
    background-color: var(--table-td-background-color, transparent);
    font-weight: var(--table-td-font-weight, normal);
    font-style: var(--table-td-font-style, normal);
    text-decoration: var(--table-td-text-decoration, none);
    text-align: var(--table-td-text-align, inherit);
    padding: var(--table-td-padding, 0);
}

tr:nth-child(even of :not(.error-row)), tr:nth-child(even of :not(.error-row)) td,
tr:nth-child(even of :not(.error-row)) + tr.error-row, tr:nth-child(even of :not(.error-row)) + tr.error-row td {
    color: var(--table-tr-even-color, inherit);
    background-color: var(--table-tr-even-background-color, transparent);
    font-weight: var(--table-tr-even-font-weight, normal);
    font-style: var(--table-tr-even-font-style, normal);
    text-decoration: var(--table-tr-even-text-decoration, none);
}

tr:nth-child(odd of :not(.error-row)), tr:nth-child(odd of :not(.error-row)) td,
tr:nth-child(odd of :not(.error-row)) + tr.error-row, tr:nth-child(odd of :not(.error-row)) + tr.error-row td {
    color: var(--table-tr-odd-color, inherit);
    background-color: var(--table-tr-odd-background-color, transparent);
    font-weight: var(--table-tr-odd-font-weight, normal);
    font-style: var(--table-tr-odd-font-style, normal);
    text-decoration: var(--table-tr-odd-text-decoration, none);
}

tbody tr:not(.error-row):hover, tbody tr:not(.error-row):hover td {
    color: var(--table-tr-hover-color, inherit);
    background-color: var(--table-tr-hover-background-color, transparent);
    font-weight: var(--table-tr-hover-font-weight, normal);
    font-style: var(--table-tr-hover-font-style, normal);
    text-decoration: var(--table-tr-hover-text-decoration, none);
}

.form-label {
    color: var(--form-label-color, inherit);
    padding: var(--form-label-padding, 0);
}

.form-champs {
    color: var(--form-input-color, inherit);
    background-color: var(--form-input-background-color, transparent);
    border: var(--form-input-border, none);
    border-radius: var(--form-input-border-radius, 0);
    box-shadow: var(--form-input-box-shadow, none);
    padding: var(--form-input-padding, 0);
    width: 100%;
}

.form {
    color: var(--form-color, inherit);
    background-color: var(--form-background-color, transparent);
    border: var(--form-border, none);
    border-radius: var(--form-border-radius, 0);
    box-shadow: var(--form-box-shadow, none);
    padding: var(--form-padding, 0);
}

fieldset {
    color: var(--fieldset-color, inherit);
    background-color: var(--fieldset-background-color, transparent);
    border: var(--fieldset-border, none);
    border-radius: var(--fieldset-border-radius, 0);
    box-shadow: var(--fieldset-box-shadow, none);
    padding: var(--fieldset-padding, 0);
    margin: 10px 0;
}

input[type="radio"]
{
    margin-right: 1rem;
}

.formButton
{
    color: var(--button-color, inherit);
    background-color: var(--button-background-color, transparent);
    border: var(--button-border, none);
    border-radius: var(--button-border-radius, 0);
    box-shadow: var(--button-box-shadow, none);
    padding: var(--button-padding, 0);
    margin: 20px 0;
    cursor: pointer;
}

.formButton:hover {
    color: var(--button-hover-color, inherit);
    background-color: var(--button-hover-background-color, transparent);
}

#nav .group > ul {
    padding: 0.5rem 0;
    width: 100%;
}

#nav .group > ul li {
    width: 100%;
    padding: 0 0.5rem;
}
#nav .group > ul li:first-child {

    margin-top: 0.5rem;
}

#nav .group > ul li a {
    display: block;
    width: 100%;
    padding: 0.5rem;
}

p
{
    margin: 1rem 0;
}

.fondBleuRoyal
{
    background-color: #0a0c8e;
    color: white;
}
.fondBleuRoyal table
{
    color: black;
}

.fondBleuRoyal>.titreOr, .fondBleuRoyal>h2
{
    color: #FFD600;
}

.fondBleuRoyal>h3, .fondBleuRoyal>h4, .fondBleuRoyal>hr
{
    color: white;
    margin-top: 2rem;
}


.fondOr
{
    background-color: #FFD600;
    color: white;
}

.fondOr>h3, .fondOr>h4, .fondOr>hr
{
    color: white;
    margin-top: 2rem;
}
.fondOr>.titreBleuRoyal
{
    color: #0a0c8e;
}

figure {
  margin: 1rem 0;
  padding: 1rem;
  background: #f9f9f9;
}

blockquote {
  margin: 0;
  padding-left: 1.5rem;
  border-left: 4px solid #3498db;
  font-style: italic;
}

figcaption {
  margin-top: 1rem;
  text-align: right;
  font-weight: bold;
  color: #555;
}