a:visited{
    color:black;
}

/*_________________________*/
/*_________GRILLE__________*/
/*_________________________*/

#grille_projets{
    width:100%;
    display: grid;
    grid-template-columns: 50% 50%;
    margin-top: 3vh;
}
.bloc_projet{
    padding : 20px;
    position:relative;
}
.bloc_projet h2, .bloc_projet h3, .bloc_projet p{
    padding:0px;
    margin:0px;
}
.bloc_projet a{
  text-decoration: none;
}
.bloc_projet h2{
font-size: 4em;
line-height: 0.8em;
}
.bloc_projet h3{
text-transform: uppercase;
text-decoration: underline 3px solid black;
  font-size: 4em;
  letter-spacing: 2px;
  margin-bottom: -9px;
  z-index: 2;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  display: inline;
    text-underline-offset: 4px;
    text-decoration-line: underline;
}
.img_projet{
    width : 75%;
}
.bloc_projet:hover {
color : var(--hyperlink-color);
}
.bloc_projet:hover .image-grille{
filter: unset;
}
.bloc_projet:hover h3{
color : var(--hyperlink-color);
text-decoration: underline 3px solid var(--hyperlink-color);
text-decoration-line: underline;
}
.tourni {
  transform: rotate(90deg);
  margin-left: 9.5%;
  margin-top: -9.5%;
}

/*_________________________*/
/*_________PREVNEXT__________*/
/*_________________________*/

#prevnext{
    width : 100%;
    background-color: var(--second-color);
    display: flow-root;
}
#prevnext a{
    color : black;
    text-decoration: none;
}
#prevnext h3{
    text-decoration: underline 1px solid black;
    text-decoration-line: underline;
    text-transform: uppercase;
  text-underline-offset: 2px;
}
.prev, .next{
    padding : 30px;
    width:fit-content;
display: grid;
grid-template-columns: repeat(3, 25%);
grid-template-rows: repeat(2, 20%);
grid-column-gap: 0px;
grid-row-gap: 0px; 
position: relative;
transition: transform 0.5s ease;
align-items: initial;
justify-content: center;
}

.prev{
float: inline-start;
}
.next{
    float: inline-end;
}

.prev:hover, .next:hover{
color:var(--hyperlink-color) !important;
}
.prev:hover h3, .next:hover h3{
color:var(--hyperlink-color);
text-decoration: underline 1px solid var(--hyperlink-color) !important;
text-decoration-line: underline;

}

.div1 { grid-area: 1 / 1 / 2 / 3; }
.div2 { 
grid-area: 2 / 1 / 3 / 3;
padding-top : 30px; }
.div2 h3{
text-wrap: wrap;
display: inline;
line-height:0.9em;
color:black;}

.div3 { 
    grid-area: 1 / 3 / 3 / 4;
    font-size: 5rem;
    padding-top : 35px;
}

/*_________________________*/
/*_________404__________*/
/*_________________________*/

#introuvable{
padding-left: 30px;
  display: block;
  padding-top: 100px;
}