diff --git a/css/ajout.css b/css/ajout.css index cf5fefa..506162f 100644 --- a/css/ajout.css +++ b/css/ajout.css @@ -179,3 +179,60 @@ .reponse_formulaire_ok { color: #005184; } + +/************************** + * liste preésentation des services (accueil) + * ************************/ +.presentation article ul { + list-style: none; + column-count: 2; + padding: 0; + margin: 0 0 2em; +} +.presentation article ul li { + margin-bottom: 0.3em; +} +.presentation article ul li a { + display: flex; + +} +.presentation article ul a .fa { + color: #7DBDFD; + width: 30px; + padding: 0 0.5em 0 0; + text-align: center; +} +.presentation article ul a:hover .fa { + color: #ff5e00; +} + +.presentation article li:first-child a::before { + content: 'NOUVEAU !'; + background-color: yellow; + position: absolute; + color: black; + margin-top: -2.5em; + padding: 0.2em 1em; + font-size: 0.8em; + border-radius: 5px; + margin-left: -3em; + transform: rotate(-8deg); +} +@media screen and (max-width: 1280px) { + + .presentation article ul { + column-count: 1; + } +} +@media screen and (max-width: 760px) { + + .presentation article ul { + column-count: 2; + } +} +@media screen and (max-width: 540px) { + + .presentation article ul { + column-count: 1; + } +} diff --git a/sommaire.html b/sommaire.html index fcaa98f..9f69b69 100644 --- a/sommaire.html +++ b/sommaire.html @@ -13,7 +13,7 @@
-

#TITRE

#TEXTE +

#TITRE

#TEXTE
@@ -22,7 +22,7 @@
-

#TITRE

+ @@ -32,11 +32,11 @@ [(#REM) inclure Services en une ]

Services en une #TITRE

-
@@ -45,7 +45,7 @@

Les derniers #TITRE

-

#TITRE

#TEXTE #LOGO_ARTICLE #NOM_SITE
#PS
+ @@ -55,7 +55,7 @@
[(#REM) inclure les 3 engagements ] -