Mode Cognac : Meilleure gestion des contrastes sur les gros boutons (DessousBreves)

stylesportailcognac.css.html

@@ -250,13 +250,21 @@ select {
   flex-flow: wrap;
 }
 #projets .projet {
-  background-color: #777;
+  background-color: #GET{c_triadeb};
+  [ color: #(#GET{c_triadeb}|textebrut|couleur_extreme|couleur_inverser);]
 }
+#projets .projet:hover,
+#projets .projet:focus  { [background-color: rgba((#GET{c_triadeb}|textebrut|sc_rgb), 0.2);] }
+
 #projets a, #projets .h2 { 
   color: inherit;
   height: 100%;
 }
 
+.portailcognac #content .h2 { 
+	color: inherit;
+}
+
 @media only screen and (min-width: 768px) {
  #projets .projet {
 [(#CONFIG{soyezcreateurs/variante_blocprojet,par2}|=={par2}|oui)
@@ -270,10 +278,6 @@ select {
  }
 }
 
-#projets .projet:hover {
-  background-color: #aaa;
-}
-
 .content-projets {
   height: 100%;
 }
@@ -282,7 +286,6 @@ select {
   flex-direction: row;
   align-content: center;
   min-height: [(#CONFIG{soyezcreateurs/variante_blocprojet,par2}|=={par2}|?{20vw,5vw})];
-  color: white;
   border: none;
 }
 #projets a:hover {
@@ -854,7 +857,7 @@ img.editologo {
 <BOUCLE_CouleursRubriques(MOTS){type=_CouleurRubrique}{par id_mot}>
 #projets .couleurrubrique#ID_MOT { [background-color: #(#TEXTE|textebrut);][ color: #(#TEXTE|textebrut|couleur_extreme|couleur_inverser);] }
 #projets .couleurrubrique#ID_MOT:hover,
-#projets .couleurrubrique#ID_MOT:focus  { [background-color: #(#TEXTE|textebrut|couleur_eclaircir);] }
+#projets .couleurrubrique#ID_MOT:focus  { [background-color: rgba((#TEXTE|textebrut|sc_rgb), 0.2);][ color: #(#TEXTE|textebrut|couleur_extreme|couleur_inverser);] }
 </BOUCLE_CouleursRubriques>
 
 [(#PLUGIN{lesscss}|oui)