header {
padding-bottom:40px;
margin-bottom:40px;
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;
}

header.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%);
}

header.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%);
}

header.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%);
}

header.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%);
}

header.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%);
}

header.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%);
}

header.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%);
}

header.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%);
}


.titre-concertation p {
color:var(--bleu);
margin-bottom:5px;
}

.titre-concertation p a {
color:var(--bleu);
transition:all 0.3s;
}

.titre-concertation p a:hover {
color:var(--bleuClair);
text-shadow:0 0 10px var(--blanc);
}


.titre-concertation .dates-concertation {
font-size:0.9em;
line-height: 1.4em;
padding: 0;
margin: 0 0 5px;
}
.titre-concertation .dates-concertation span {
color: #fff;
display: inline;
padding: 2px 5px 3px;

/* Needs prefixing */
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}


.titre-concertation p.titre {
font-weight:500;
font-size:2.6em;
line-height:1.1em;
font-family:var(--fonte2);
}


/************************
max-width:575px
************************/
@media screen AND (max-width:575px) {

.titre-concertation .dates-concertation span {
padding: 4px 5px 3px;
}
}


/************************
min-width:768px
************************/
@media screen AND (min-width:575px) {
.titre-concertation p.titre {
font-weight:500;
font-size:3em;
line-height:1.1em;
}
.titre-concertation p {
font-size:1.2em;
line-height:1.2em;
}

.titre-concertation .dates-concertation {
font-size:0.9em;
}
}

/************************
max-width:767px
************************/
@media screen AND (max-width:767px) {
.titre-concertation br {
content: ' ';
}
}