/***********************
FOOTER
***********************/

footer {
}

#footer {
padding:30px 0 0;
color:var(--couleur1);
position:relative;
background-image: linear-gradient(160deg, #ffffff 40%, var(--couleurHachures) 40%, var(--couleurHachures) 50%, #ffffff 50%, #ffffff 90%, var(--couleurHachures) 90%, var(--couleurHachures) 100%);
background-size: 14.62px 5.32px;
}

#footer .upper-footer {
padding: 20px 0 50px;
}


#footer .upper-footer h5 {
font-size:1.1em;
text-transform:uppercase;
color:var(--couleur1);
}

#footer .upper-footer h5 a {
color:var(--couleur1);
transition: color 0.3s;
}


#footer .upper-footer h5 a:hover {
color:var(--couleur3);
}


#footer ul, #footer li {
list-style-type:none;
padding:0;
}


#footer li a {
color:var(--couleur3);
transition: color 0.3s;
font-weight:400;
}

#footer li a:hover {
color:var(--couleur1);
}


#footer .lower-footer {
background:var(--vertClair);
padding:10px 0;
font-size:0.6em;
color: var(--blanc);
}

#footer .lower-footer a {
color: var(--blanc);
}

.copyright-footer {
margin:0;
}


#footer.hachures1 {
--couleurTest1:color-mix(in srgb, var(--vertClair) 10%, #FFFFFF);
background-image: linear-gradient(160deg, #ffffff 40%, var(--couleurTest1) 40%, var(--couleurTest1) 50%, #ffffff 50%, #ffffff 90%, var(--couleurTest1) 90%, var(--couleurTest1) 100%);
}

#footer.hachures2 {
--couleurTest2:color-mix(in srgb, var(--vertClair) 20%, #FFFFFF);
background-image: linear-gradient(160deg, #ffffff 40%, var(--couleurTest2) 40%, var(--couleurTest2) 50%, #ffffff 50%, #ffffff 90%, var(--couleurTest2) 90%, var(--couleurTest2) 100%);
}

#footer.hachures3 {
--couleurTest3:color-mix(in srgb, var(--vertClair) 30%, #FFFFFF);
background-image: linear-gradient(160deg, #ffffff 40%, var(--couleurTest3) 40%, var(--couleurTest3) 50%, #ffffff 50%, #ffffff 90%, var(--couleurTest3) 90%, var(--couleurTest3) 100%);
}

#footer.hachures4 {
--couleurTest3:color-mix(in srgb, var(--vertClair) 40%, #FFFFFF);
background-image: linear-gradient(160deg, #ffffff 40%, var(--couleurTest3) 40%, var(--couleurTest3) 50%, #ffffff 50%, #ffffff 90%, var(--couleurTest3) 90%, var(--couleurTest3) 100%);
}

#footer.hachures5 {
--couleurTest3:color-mix(in srgb, var(--vertClair) 50%, #FFFFFF);
background-image: linear-gradient(160deg, #ffffff 40%, var(--couleurTest3) 40%, var(--couleurTest3) 50%, #ffffff 50%, #ffffff 90%, var(--couleurTest3) 90%, var(--couleurTest3) 100%);
}

#footer.hachures6 {
--couleurTest3:color-mix(in srgb, var(--vertClair) 60%, #FFFFFF);
background-image: linear-gradient(160deg, #ffffff 40%, var(--couleurTest3) 40%, var(--couleurTest3) 50%, #ffffff 50%, #ffffff 90%, var(--couleurTest3) 90%, var(--couleurTest3) 100%);
}

#footer.hachures7 {
--couleurTest3:color-mix(in srgb, var(--vertClair) 70%, #FFFFFF);
background-image: linear-gradient(160deg, #ffffff 40%, var(--couleurTest3) 40%, var(--couleurTest3) 50%, #ffffff 50%, #ffffff 90%, var(--couleurTest3) 90%, var(--couleurTest3) 100%);
}

#footer.hachures8 {
--couleurTest3:color-mix(in srgb, var(--vertClair) 80%, #FFFFFF);
background-image: linear-gradient(160deg, #ffffff 40%, var(--couleurTest3) 40%, var(--couleurTest3) 50%, #ffffff 50%, #ffffff 90%, var(--couleurTest3) 90%, var(--couleurTest3) 100%);
}