récupérer les gros boutons (pitchum)

css/perso-modif.css

@@ -4,7 +4,7 @@
  Author URI:     https://bardelli.fr
  License:        Code : GNU General Public License v3 or later
  License URI:    http://www.gnu.org/licenses/gpl-3.0.html
- Description:    un thème pour Chapril.org
+ Description:    un thème pour Chapril.org
  Spip Version: SPIP 3.2.4 - 8 avril 2019.
 */
 
@@ -13,21 +13,21 @@
 /*  ----------- CHARTE COULEURS 
 
 BLEU
-                    #153A6A |   Bleu foncé menu mobile
+                    #153A6A |   Bleu foncé menu mobile
 rgb(46,82,129)   |  #2e5281 |   Bleu roi April
 rgb(102,170,238)  |  #66aaee  |   Bleu ciel
 rgb(176,203,232)  |  #b0cbe8  |  Bleu gris ciel 
-rgb(151,176,198)  |  #416687  |  Bleu gris ciel foncé
+rgb(151,176,198)  |  #416687  |  Bleu gris ciel foncé
 rgb(91,198,242)    |  #5bc6f2  |  Bleu electrique
 
 rgb(95,95,95)  |  #5f5f5f |  Couleur du texte courant
 
 rgb(255,94,0)  |  #ff5e00  |  rolover
-rgb(255,151,89)  |  #ff9759  |  rolover bannière et fond foncé
+rgb(255,151,89)  |  #ff9759  |  rolover bannière et fond foncé
 
 rgb(247,247,249)  |  #f7f7f9 |  fond de page
 
-rgb(0,81,132)  |  #005184  |  couleur des ombrage +- rayon 25%, opacité 15%
+rgb(0,81,132)  |  #005184  |  couleur des ombrage +- rayon 25%, opacité 15%
 
 degrade de l'appel d'acceuil en svg
 A rgb(24,120,195)
@@ -77,7 +77,7 @@ a:hover {
 a:active {
     color:#5bc6f2;
 }
-/*  ------- STYLE GÉNÉRIQUES----------- */
+/*  ------- STYLE GÉNÉRIQUES----------- */
 body {
     font-family: 'dejavu_sanscondensed', sans-serif;
     color: #5f5f5f;
@@ -294,7 +294,7 @@ header p{
 articles div {
     margin-bottom: 1.5rem;
 }
-.presentation article + article .spip_out, .bouton-utilise {
+.bouton-utilise {
      /*  ------- positionnement */
     display: block;
     max-width: 180px;
@@ -312,9 +312,9 @@ articles div {
     border-radius: 7px;
     padding: 0.7rem 1rem;
 }
-.presentation article + article .spip_out:hover, .bouton-utilise:hover{
+.bouton-utilise:hover{
-/*    color:#fff;
+    color:#fff;
-    background-color: #ff5e00;*/
+    background-color: #ff5e00;
 }
 .presentation blockquote.postscriptum p {
     font-family: dejavu_sanscondensed_oblique;
@@ -473,7 +473,7 @@ articles div {
 }
 .derniers-services .bouton-utilise{
    max-width: 120px;
-   margin: 1rem 1rem 1.5rem;
+   margin: 1rem auto 1.5rem;
 }
 .engagements {
     /*  ------- positionnement */
@@ -676,7 +676,7 @@ header p {
 header {
     grid-template-rows: 85px;
     grid-template-columns: 100px auto 100px;
-    margin-top: -85px; /*  ------- cache le menu au départ */
+    margin-top: -85px; /*  ------- cache le menu au départ */
 }
 #navigation {
      /*  --- animation menu */
@@ -736,19 +736,19 @@ header p {
     
 /*  ------- MASQUAGE BOUTON MENU+FERME ----------- */
     
-.menu-mobile-ouvre{ /*  ------- Bouton FERME masqué au départ */
+.menu-mobile-ouvre{ /*  ------- Bouton FERME masqué au départ */
     display: none;
 }
-.menu-mobile-ferme{ /*  ------- Bouton MENU visible au départ */
+.menu-mobile-ferme{ /*  ------- Bouton MENU visible au départ */
     display: block;
 }
-#menu:target a.menu-mobile-ferme { /*  ------- Bouton MENU masqué à l'ouverture du menu */
+#menu:target a.menu-mobile-ferme { /*  ------- Bouton MENU masqué à l'ouverture du menu */
     display: none;
 }
-#menu:target a.menu-mobile-ouvre { /*  ------- Bouton FERME visible à l'ouverture du menu */
+#menu:target a.menu-mobile-ouvre { /*  ------- Bouton FERME visible à l'ouverture du menu */
     display: block;
 }
-#navigation:target + a.menu-mobile-ouvre { /*  ------- Bouton FERME masqué à la fermeture du menu */
+#navigation:target + a.menu-mobile-ouvre { /*  ------- Bouton FERME masqué à la fermeture du menu */
     display: none;
 }
 /*  ------- FIN OUVERTURE MENU ----------- */
@@ -885,7 +885,7 @@ header p {
     grid-column-end: 2;
 }
     .presentation article + article .postscriptum {
-    /*  ------- positionnement SI contenu présent----------- */
+    /*  ------- positionnement SI contenu présent----------- */
     grid-row-start: 3;
     grid-row-end: 4;
     grid-column-start: 2;
@@ -914,10 +914,10 @@ header p {
     color: #fff;
     background-color: #ff5e00;
 }
-/*    .presentation article + article .spip_out, .bouton-utilise {
+    .bouton-utilise {
     max-width: 180px;
     padding: 0.7rem;
-}*/
+}
     .derniers-services {
     grid-template-rows: 1fr;
     grid-template-columns: 1fr;   
@@ -1122,6 +1122,6 @@ background-size: 700px, 700px, 550px, 400%;
 @media screen and (max-width: 500px) {
   header {
       grid-template-rows: 285px;
-    margin-top: -285px; /*  ------- cache le menu au départ */
+    margin-top: -285px; /*  ------- cache le menu au départ */
 }
 }