/*================================================================================================
DEV : Sébastien Lebreton
Application pour les services de la CC4V
==================================================================================================*/

/*=========================================================
         *************VARIABLES*******************
===========================================================*/
:root {
    --C1: #D5DA31;
    --C2: #8DC048;
    --C3: #00974A;
    --C4: #0E0F0E;
    --C5: #0092b3;
    --C6: #f4c6b5;
    --C7: #814494;
    --C8: lightgrey;
    --C9: white;
    --C10: #464646;
    --C11: #d6035b;
    --C12: #f76a0c;
    --C13: #f09c00;

    --gradient-green: linear-gradient(to top right, var(--C1) 30%, var(--C2) 80%);
    --gradient-gray: linear-gradient(to top right, #fff 30%, var(--C8) 80%);
    --padding: 1rem;
    --margin: 0.7rem;
}

/*-------------- Constantes ------------------*/

.bgc1 {
    background-color: var(--C1);
}

.bgc2 {
    background-color: var(--C2);
}

.bgc3 {
    background-color: var(--C3);
}

.bgc4 {
    background-color: var(--C4);
}

.bgc5 {
    background-color: var(--C5);
}

.bgc6 {
    background-color: var(--C6);
}

.bgc7 {
    background-color: var(--C7);
}

.bgc8 {
    background-color: var(--C8);
}

.bgc9 {
    background-color: var(--C9);
}

.bgc10 {
    background-color: var(--C10);
}

.bgc11 {
    background-color: var(--C11);
}

.bgc12 {
    background-color: var(--C12);
}

.bgc13 {
    background-color: var(--C13);
}

.color1 {
    color: var(--C1);
}

.color2 {
    color: var(--C2);
}

.color3 {
    color: var(--C3);
}

.color4 {
    color: var(--C4);
}

.color5 {
    color: var(--C5);
}

.color6 {
    color: var(--C6);
}

.color7 {
    color: var(--C7);
}

.color8 {
    color: var(--C8);
}

.color9 {
    color: var(--C9);
}

.padding {
    padding: var(--padding);
}

.margin {
    margin: var(--margin);
}

.TAcenter {
    margin: auto;
    text-align: center;
    align-items: center;
}

.TAleft {
    text-align: left;
    left: 0;
}

.TAright {
    text-align: right;
    align-items: right;
}

* {
    text-decoration: none;
    font-family: 'Open Sans', Arial, sans-serif;
    margin: 0;
    padding: 0;
}



.mentionLegale p {
    font-size: xx-small;
    color: var(--C8);
}