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

:root { --coul_liens_hover : #d99a57 ; }

.di_h1 { color: #b0c1d9 ; }

.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;}

nav ul ul{ background-color: rgba(200, 200, 200, 0.7) ; display: list-item; position: relative; min-width: 100%;}

nav>ul>li>a{ background-color: rgba(88, 88, 88, 0.9) ; color: var(--coul_gris_2) ; height: 35px ; min-height: 100% ; } 
nav ul ul a{ background-color: rgba(200, 200, 200, 0.7) ; color: var(--coul_gris_noir_1) ; }

nav > ul > li .actif { background-color: rgba(88, 88, 88, 0.9) ; color: var(--coul_liens_hover) ; }

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


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

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

 }