body { color: var(--coul_gris_2) ; background-color: var(--coul_fondvign_sombre) ; overflow-x : hidden; }

:root { --coul_liens : #d99a57 ; --coul_liens_hover : #88adf7 ; }

.di_h2 { color: var(--coul_gris_2) ; background-color : var(--coul_fondvign_sombre) ; }
@supports (mix-blend-mode:exclusion) {.di_h2 { mix-blend-mode: normal ; }}

.bloc_bouthgdf { mix-blend-mode: normal ; }

.hautpage:hover .triangleh { border-bottom-color: var(--coul_liens_hover) ; transition: border-bottom-color 0.1s;}
.boutonh:hover .triangleh { border-bottom-color: var(--coul_liens_hover) ; transition: border-bottom-color 0.1s;}
.boutong:hover .triangleg { border-right-color : var(--coul_liens_hover) ; transition: border-right-color 0.1s;}
.boutond:hover .triangled { border-left-color : var(--coul_liens_hover) ; transition: border-left-color 0.1s;}

.boutonh:hover .boutonth { color: var(--coul_liens_hover) ; transition: color 0.1s; }
.boutong:hover .boutontg { color: var(--coul_liens_hover) ; transition: color 0.1s; }
.boutond:hover .boutontd { color: var(--coul_liens_hover) ; transition: color 0.1s; }


@media only screen and (min-width: 900px) and (min-height: 610px){ 


.boutonh { color: var(--coul_gris_2) ; background-color : var(--coul_fondvign_sombre) ; }
.boutong { color: var(--coul_gris_2) ; background-color : var(--coul_fondvign_sombre) ; }
.boutond { color: var(--coul_gris_2) ; background-color : var(--coul_fondvign_sombre) ; }

.boutonth { color: var(--coul_gris_2) ; }
.boutontg { color: var(--coul_gris_2) ; }
.boutontd { color: var(--coul_gris_2) ; }
.triangleh { border-bottom: var(--tr_b) solid var(--coul_gris_2) ; }
.triangleg { border-right : var(--tr_b) solid var(--coul_gris_2) ; }
.triangled { border-left : var(--tr_b) solid var(--coul_gris_2) ; }

 }