body { color: var(--blanc) ;       background-color: var(--coul_gris_fond_sombre) ; overflow-x : hidden; }
:root { --coul_liens : #d99a57 ; --coul_liens_hover : #88adf7 ; }

video { background-color : #000 ; }

.di_h2 { color: var(--coul_gris_2) ; }





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


.legendPo2 { color: var(--coul_gris_2) ; }




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


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


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

 }