From 9606e373e5a26d7b63672571063b74d1afa524b9 Mon Sep 17 00:00:00 2001 From: cherif Date: Thu, 24 Oct 2024 12:02:28 +0200 Subject: [PATCH] 24/10/2024 - 12h --- src/components/Abonnement.js | 2 +- src/components/ButtonHilight.js | 6 +- src/components/ComponentProduitsServices.js | 2 +- src/components/DisplayDetailArticle_new_v2.js | 14 +- src/components/DisplayDetailClass_new_v2.js | 4 +- src/components/DisplayDetailClass_new_v3.js | 4 +- ...play_Partner_Catalog_DetailClass_new_v2.js | 4 +- src/components/Fotter.js | 2 +- src/components/Fotter_v2.js | 4 +- .../{Fotter_test.js => Fotter_v3.js} | 6 +- src/components/Header.js | 6 +- src/components/Partner_Product_Service.js | 4 +- src/components/ProduitsServices.js | 6 +- src/components/QuisSommesNous_V3.js | 4 +- src/components/RechercheArticles.js | 6 +- src/components/RechercheArticles_new_v2.js | 20 +- src/components/Recherche_formation_com.js | 4 +- src/components/Recherche_new_v2.js | 6 +- src/components/Recherche_new_v3.js | 6 +- src/components/Recherche_new_v4.js | 6 +- src/components/Subdomain_Recherche_new_v2.js | 6 +- src/components/UpgradeToPro.js | 2 +- src/components/sidebar.js | 12 +- src/styles/components/_article.scss | 89 +- .../components/_displaydetailarticle.scss | 1099 +++++++++++++---- .../_recherchearticles_new_v2_style.scss | 662 ++++++++-- 26 files changed, 1553 insertions(+), 433 deletions(-) rename src/components/{Fotter_test.js => Fotter_v3.js} (97%) diff --git a/src/components/Abonnement.js b/src/components/Abonnement.js index 5aa93a5..ea7c587 100644 --- a/src/components/Abonnement.js +++ b/src/components/Abonnement.js @@ -1763,7 +1763,7 @@ function Abonnement(props) {
 
- Prix & Services + Prix
Moteur de Recherche diff --git a/src/components/ButtonHilight.js b/src/components/ButtonHilight.js index c00ffe6..87d0a56 100644 --- a/src/components/ButtonHilight.js +++ b/src/components/ButtonHilight.js @@ -647,7 +647,7 @@ const ButtonHilight = () => { open={Boolean(ProduitMenu)} style={{ "top": "2rem" }} > + > {/* */} @@ -749,7 +749,7 @@ const ButtonHilight = () => {
- Prix & Services + Prix
{/*
@@ -757,7 +757,7 @@ const ButtonHilight = () => {
*/}
- Qui Sommes nous ? + A propos
diff --git a/src/components/ComponentProduitsServices.js b/src/components/ComponentProduitsServices.js index 833c7bc..7b51a22 100644 --- a/src/components/ComponentProduitsServices.js +++ b/src/components/ComponentProduitsServices.js @@ -142,7 +142,7 @@ function ProduitsServices() {
 
- Prix & Services + Prix
Moteur de Recherche diff --git a/src/components/DisplayDetailArticle_new_v2.js b/src/components/DisplayDetailArticle_new_v2.js index 88065ce..f5ac769 100644 --- a/src/components/DisplayDetailArticle_new_v2.js +++ b/src/components/DisplayDetailArticle_new_v2.js @@ -27,7 +27,7 @@ import { RichTextEditor } from '@mantine/rte'; import LogoutOutlinedIcon from '@mui/icons-material/LogoutOutlined'; import logowhite from "../mysy_img/MYSY-LOGO-WHITE.png"; import Footer from "./Fotter"; -import Fotter_test from "./Fotter_test"; +import Fotter_v3 from "./Fotter_v3"; import Header from "./Header"; import ListeArticle from "./ListeArticles"; import moment from "moment"; @@ -945,7 +945,7 @@ const DisplayDetailArticle_new_v2 = (props) => { open={Boolean(ProduitMenu)} style={{ "top": "2rem" }} > - + @@ -983,11 +983,11 @@ const DisplayDetailArticle_new_v2 = (props) => {
}
- Qui Sommes nous ? + A propos
- Prix & Services + Prix
@@ -1090,7 +1090,7 @@ const DisplayDetailArticle_new_v2 = (props) => {
Cela pourrait aussi vous intéresser
{Get_3_Articles_result && Get_3_Articles_result.map((formation) => ( -
+
@@ -1108,8 +1108,8 @@ const DisplayDetailArticle_new_v2 = (props) => {
-
- +
+
diff --git a/src/components/DisplayDetailClass_new_v2.js b/src/components/DisplayDetailClass_new_v2.js index 2eb3313..5a5835f 100644 --- a/src/components/DisplayDetailClass_new_v2.js +++ b/src/components/DisplayDetailClass_new_v2.js @@ -1842,12 +1842,12 @@ const DisplayDetailClass_new_v2 = (props) => {
*/}
{ history.push("/QuiSommesNous") }}> - Qui Sommes nous? + A propos
{ history.push("/Produits-Services") }}> - Prix & Services + Prix
diff --git a/src/components/DisplayDetailClass_new_v3.js b/src/components/DisplayDetailClass_new_v3.js index 5fb2da7..a827b29 100644 --- a/src/components/DisplayDetailClass_new_v3.js +++ b/src/components/DisplayDetailClass_new_v3.js @@ -1769,12 +1769,12 @@ const DisplayDetailClass_new_v3 = (props) => {
*/}
{ history.push("/QuiSommesNous") }}> - Qui Sommes nous? + A propos
{ history.push("/Produits-Services") }}> - Prix & Services + Prix
diff --git a/src/components/Display_Partner_Catalog_DetailClass_new_v2.js b/src/components/Display_Partner_Catalog_DetailClass_new_v2.js index 2183af3..3fce76f 100644 --- a/src/components/Display_Partner_Catalog_DetailClass_new_v2.js +++ b/src/components/Display_Partner_Catalog_DetailClass_new_v2.js @@ -1954,12 +1954,12 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
*/}
{ history.push("/QuiSommesNous") }}> - Qui Sommes nous? + A propos
{ history.push("/Produits-Services") }}> - Prix & Services + Prix
diff --git a/src/components/Fotter.js b/src/components/Fotter.js index 59458ce..41e591c 100644 --- a/src/components/Fotter.js +++ b/src/components/Fotter.js @@ -47,7 +47,7 @@ const Footer = () => {
-
Prix & Services
+
Prix
Nos packs Publier votre catalogue diff --git a/src/components/Fotter_v2.js b/src/components/Fotter_v2.js index 523852f..d51dee5 100644 --- a/src/components/Fotter_v2.js +++ b/src/components/Fotter_v2.js @@ -52,7 +52,7 @@ const Footer_v2 = () => {
MySy Training
-
Qui sommes-nous ?
+
A propos
Nos engagements
Nous contacter
CGU
@@ -61,7 +61,7 @@ const Footer_v2 = () => {
-
Prix & Services
+
Prix
Nos offres
Publier votre catalogue
M’inscrire
diff --git a/src/components/Fotter_test.js b/src/components/Fotter_v3.js similarity index 97% rename from src/components/Fotter_test.js rename to src/components/Fotter_v3.js index 2aa9b6d..2c5de4a 100644 --- a/src/components/Fotter_test.js +++ b/src/components/Fotter_v3.js @@ -13,7 +13,7 @@ import { Heading, } from "./FooterStyles"; -const Fotter_test = () => { +const Fotter_v3 = () => { // Integration du gestionnaire de cookie : axeptio @@ -47,7 +47,7 @@ const Fotter_test = () => {
-
Prix & Services
+
Prix
Nos packs Publier votre catalogue @@ -128,4 +128,4 @@ const Fotter_test = () => { ); }; -export default Fotter_test; +export default Fotter_v3; diff --git a/src/components/Header.js b/src/components/Header.js index ec1725c..4b6ca68 100644 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -331,7 +331,7 @@ const Header = () => { open={Boolean(ProduitMenu)} style={{ "top": "2rem" }} > - + @@ -420,11 +420,11 @@ const Header = () => {
}
- Prix & Services + Prix
- Qui Sommes nous? + A propos
diff --git a/src/components/Partner_Product_Service.js b/src/components/Partner_Product_Service.js index 377842c..5a2c07b 100644 --- a/src/components/Partner_Product_Service.js +++ b/src/components/Partner_Product_Service.js @@ -437,7 +437,7 @@ const Partner_Product_Service = (props) => { Dans le cas précis des produits et service, "props.class_external_code" est utilisé comme l'_id du produit*/ - //console.log(" ### Vos Prix & Services props.class_external_code = ", props.class_external_code); + //console.log(" ### Vos Prix props.class_external_code = ", props.class_external_code); setselected_id(props.class_external_code); Display_Detail_Product_Data(props.class_external_code); @@ -1163,7 +1163,7 @@ const Partner_Product_Service = (props) => { -

Vos Prix & Services

+

Vos Prix

Utilisez les filtres !
diff --git a/src/components/ProduitsServices.js b/src/components/ProduitsServices.js index 61fd438..50fe264 100644 --- a/src/components/ProduitsServices.js +++ b/src/components/ProduitsServices.js @@ -123,7 +123,7 @@ function ProduitsServices() { return (
- Prix & Services + Prix @@ -137,7 +137,7 @@ function ProduitsServices() {
- Prix & Services + Prix
@@ -288,7 +288,7 @@ function ProduitsServices() {
-
Prix & Services
+
Prix

diff --git a/src/components/QuisSommesNous_V3.js b/src/components/QuisSommesNous_V3.js index b9ca1f5..55d08a8 100644 --- a/src/components/QuisSommesNous_V3.js +++ b/src/components/QuisSommesNous_V3.js @@ -116,7 +116,7 @@ const QuiSommesNous_v3 = () => {
- Qui sommes-nous ? + A propos
MySy Training Technogy @@ -863,7 +863,7 @@ const QuiSommesNous_v3 = () => {
- Tableau de bord / Statistiques + Tableau de bord / Statistiques
diff --git a/src/components/RechercheArticles.js b/src/components/RechercheArticles.js index 7b560e7..d14db4e 100644 --- a/src/components/RechercheArticles.js +++ b/src/components/RechercheArticles.js @@ -482,7 +482,7 @@ const RechercheArticles = (props) => { open={Boolean(ProduitMenu)} style={{ "top": "2rem" }} > - + @@ -520,11 +520,11 @@ const RechercheArticles = (props) => {
}
- Qui Sommes nous ? + A propos
- Prix & Services + Prix
diff --git a/src/components/RechercheArticles_new_v2.js b/src/components/RechercheArticles_new_v2.js index 4566837..623ea40 100644 --- a/src/components/RechercheArticles_new_v2.js +++ b/src/components/RechercheArticles_new_v2.js @@ -22,7 +22,7 @@ import { useCookies } from "react-cookie"; import connect_white from "../mysy_img/connect_white_v2.png"; import connect_green from "../mysy_img/connect_green.png"; import { BsFillXCircleFill } from "react-icons/bs"; -import Fotter_test from "./Fotter_test"; +import Fotter_v3 from "./Fotter_v3"; let PageSize = 5; const RechercheArticles_new_v2 = (props) => { @@ -493,7 +493,7 @@ const RechercheArticles_new_v2 = (props) => { open={Boolean(ProduitMenu)} style={{ "top": "2rem" }} > - + @@ -531,11 +531,11 @@ const RechercheArticles_new_v2 = (props) => {
}
- Qui Sommes nous ? + A propos
- Prix & Services + Prix
@@ -588,7 +588,7 @@ const RechercheArticles_new_v2 = (props) => {
-
+
@@ -596,7 +596,7 @@ const RechercheArticles_new_v2 = (props) => {
- Besoin d’aide ? + Puis-je vous aider ?
 
@@ -611,7 +611,7 @@ const RechercheArticles_new_v2 = (props) => { {
*/} {searchFunction_result && searchFunction_result.length > 0 && currentTableData2 && searchFunction_result.map((formation) => ( -
+
@@ -690,8 +690,8 @@ const RechercheArticles_new_v2 = (props) => {
-
- +
+
diff --git a/src/components/Recherche_formation_com.js b/src/components/Recherche_formation_com.js index 03f72eb..a593eed 100644 --- a/src/components/Recherche_formation_com.js +++ b/src/components/Recherche_formation_com.js @@ -2148,7 +2148,7 @@ const Recherche_new = () => { open={Boolean(ProduitMenu)} style={{ "top": "2rem" }} > - + {/* @@ -2189,7 +2189,7 @@ const Recherche_new = () => {
}
- Prix & Services + Prix
{/*
diff --git a/src/components/Recherche_new_v2.js b/src/components/Recherche_new_v2.js index 9f6a97c..3011320 100644 --- a/src/components/Recherche_new_v2.js +++ b/src/components/Recherche_new_v2.js @@ -2975,7 +2975,7 @@ const Recherche_new_v2 = () => { open={Boolean(ProduitMenu)} style={{ "top": "2rem" }} > - + {/* @@ -3177,10 +3177,10 @@ const Recherche_new_v2 = () => { {/* */} - + diff --git a/src/components/Recherche_new_v3.js b/src/components/Recherche_new_v3.js index 486c2b1..e37f85d 100644 --- a/src/components/Recherche_new_v3.js +++ b/src/components/Recherche_new_v3.js @@ -2675,7 +2675,7 @@ const Recherche_new_v3 = () => { open={Boolean(ProduitMenu)} style={{ "top": "2rem" }} > - + {/* @@ -2877,10 +2877,10 @@ const Recherche_new_v3 = () => { {/* */} - + diff --git a/src/components/Recherche_new_v4.js b/src/components/Recherche_new_v4.js index dda737f..6b5fd54 100644 --- a/src/components/Recherche_new_v4.js +++ b/src/components/Recherche_new_v4.js @@ -2687,7 +2687,7 @@ const Recherche_new_v4 = () => { open={Boolean(ProduitMenu)} style={{ "top": "2rem" }} > - + {/* @@ -2889,10 +2889,10 @@ const Recherche_new_v4 = () => { {/* */} - + diff --git a/src/components/Subdomain_Recherche_new_v2.js b/src/components/Subdomain_Recherche_new_v2.js index eadf7c3..6748930 100644 --- a/src/components/Subdomain_Recherche_new_v2.js +++ b/src/components/Subdomain_Recherche_new_v2.js @@ -2657,7 +2657,7 @@ const Subdomain_Recherche_new_v2 = () => { open={Boolean(ProduitMenu)} style={{ "top": "2rem" }} > - + {/* @@ -2859,10 +2859,10 @@ const Subdomain_Recherche_new_v2 = () => { {/* */} - + diff --git a/src/components/UpgradeToPro.js b/src/components/UpgradeToPro.js index c8bdd0c..c72203f 100644 --- a/src/components/UpgradeToPro.js +++ b/src/components/UpgradeToPro.js @@ -456,7 +456,7 @@ function UpgradeToPro() {
 
- Prix & Services + Prix
Publication des formations diff --git a/src/components/sidebar.js b/src/components/sidebar.js index 838ec94..6c355a8 100644 --- a/src/components/sidebar.js +++ b/src/components/sidebar.js @@ -132,11 +132,11 @@ const SideBar = () => { - Qui Sommes nous ? + A propos - Prix & Services + Prix @@ -190,11 +190,11 @@ const SideBar = () => { - Qui Sommes nous ? + A propos - Prix & Services + Prix @@ -259,11 +259,11 @@ const SideBar = () => { - Qui Sommes nous ? + A propos - Prix & Services + Prix diff --git a/src/styles/components/_article.scss b/src/styles/components/_article.scss index 5fbd306..f8e8c61 100644 --- a/src/styles/components/_article.scss +++ b/src/styles/components/_article.scss @@ -102,12 +102,19 @@ .met_text { margin-bottom: 0.1rem; - font-size: medium; - font-weight: normal; - //white-space: nowrap; - //overflow: hidden; letter-spacing: 1px; - text-align: center; + + min-height: 60px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 22px; + text-align: justify; + color: #0A043C; + margin-top: 1rem; + line-height: 30px; + font-weight: 600; } .met_text_detail { @@ -135,13 +142,14 @@ } .art_criteres_value { - width: 88%; + width: 100%; float: left; text-align: left; margin-bottom: 0.5rem; text-align: justify; font-family: Verdana, Georgia, Arial; - // line-height: 26px; + height: 12rem; + line-height: 25px; } .art_criteres_value_left { @@ -166,8 +174,24 @@ width: 100%; float: right; padding: 5px; - height: 20rem; + height: 25rem; } + + .div_row_border { + float: left; + border: 1px solid #d5d8dc; + border-width: 0.01rem; + width: 100%; + border-radius: 5px; + text-align: left; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + margin-bottom: 5px; + // padding: 5px; + // margin-right: 5px; + //cursor: pointer; + } + } @media only screen and (min-width: 601px) and (max-width: 991px) { @@ -276,7 +300,7 @@ margin-bottom: 0.1rem; letter-spacing: 1px; - height: 60px; + min-height: 60px; font-family: Verdana, Georgia, Arial; font-style: normal; font-weight: 400; @@ -284,7 +308,7 @@ line-height: 22px; text-align: justify; color: #0A043C; - margin-top: 2rem; + margin-top: 1rem; line-height: 30px; font-weight: 600; } @@ -314,13 +338,14 @@ } .art_criteres_value { - width: 88%; + width: 100%; float: left; text-align: left; margin-bottom: 0.5rem; text-align: justify; font-family: Verdana, Georgia, Arial; - // line-height: 26px; + height: 19.5rem; + line-height: 25px; } .art_criteres_value_left { @@ -346,8 +371,24 @@ width: 100%; float: right; padding: 5px; - height: 20rem; + height: 35rem; } + + .div_row_border { + float: left; + border: 1px solid #d5d8dc; + border-width: 0.01rem; + width: 100%; + border-radius: 5px; + text-align: left; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + margin-bottom: 5px; + padding: 5px; + margin-right: 5px; + //cursor: pointer; + } + } @media only screen and (min-width: 992px) and (max-width: 1199px) { @@ -398,7 +439,7 @@ .div_row_border { float: left; - border: 1px solid #d5d8dc; + border: 1px solid #d5d8dc; border-width: 0.01rem; width: 100%; border-radius: 5px; @@ -408,7 +449,7 @@ margin-bottom: 5px; padding: 5px; margin-right: 5px; - // cursor: pointer; + // cursor: pointer; } .div_row_gauche { @@ -470,15 +511,15 @@ margin-bottom: 0.1rem; letter-spacing: 1px; - height: 60px; + min-height: 60px; font-family: Verdana, Georgia, Arial; font-style: normal; font-weight: 400; - font-size: 18px; + font-size: 16px; line-height: 22px; text-align: justify; color: #0A043C; - margin-top: 2rem; + margin-top: 1rem; line-height: 30px; font-weight: 600; } @@ -508,13 +549,14 @@ } .art_criteres_value { - width: 85%; + width: 100%; float: left; text-align: left; margin-bottom: 0.5rem; text-align: justify; font-family: Verdana, Georgia, Arial; - // line-height: 26px; + height: 15rem; + line-height: 25px; } .art_criteres_value_left { @@ -540,7 +582,7 @@ width: 100%; float: right; padding: 5px; - height: 20rem; + height: 30rem; } } @@ -592,7 +634,7 @@ .div_row_border { float: left; - border: 1px solid #d5d8dc; + border: 1px solid #d5d8dc; border-width: 0.01rem; width: 100%; border-radius: 5px; @@ -715,7 +757,8 @@ margin-bottom: 0.5rem; text-align: justify; font-family: Verdana, Georgia, Arial; - // line-height: 26px; + line-height: 25px; + height: 15rem; } .art_criteres_value_left { diff --git a/src/styles/components/_displaydetailarticle.scss b/src/styles/components/_displaydetailarticle.scss index c6b4996..4064640 100644 --- a/src/styles/components/_displaydetailarticle.scss +++ b/src/styles/components/_displaydetailarticle.scss @@ -208,6 +208,234 @@ border-bottom-style: solid; padding: 1rem; } + + .div_row { + width: 100%; + float: left; + } + + // end media + + .Background-header { + // position: absolute; + width: 100%; + height: 100px; + left: 0px; + + background: #FFFAED; + } + + /* Title */ + + .Title { + padding: 0px; + + + margin-top: 10px; + width: 90%; + margin-left: 5%; + } + + + /* Support */ + + .Support { + height: 20px; + font-family: "Albert Sans"; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 20px; + text-align: center; + text-transform: uppercase; + color: #0A043C; + } + + + .besoin_aide { + width: 100%; + + font-family: "Albert Sans"; + font-style: normal; + font-weight: 700; + font-size: 50px; + line-height: 60px; + text-align: center; + letter-spacing: -1px; + color: #20BFA9; + } + + .detail_text_aide { + height: 44px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 22px; + text-align: center; + color: #0A043C; + } + + .barre_recherche { + height: 44px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 22px; + text-align: center; + color: #0A043C; + margin-top: 2rem; + } + + .aricles_a_la_une { + width: 100%; + float: left; + margin-top: 2rem; + font-size: small; + letter-spacing: 1px; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 400; + font-size: 18px; + line-height: 30px; + color: #4B4B4B; + text-align: justify; + + } + + .titre_date_publication { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + color: #3b3e40; + font-size: xx-small; + font-weight: bold; + text-align: center; + } + + .liste_articles { + margin: auto; + width: 100%; + padding: 10px; + + } + + .img_article { + width: 40%; + float: left; + padding: 5px; + } + + .desc_article { + width: 100%; + float: left; + // padding: 5px; + margin-bottom: 2rem; + } + + + + .buton_ch22 { + border: 2px solid white; + background-color: transparent; + color: white; + padding: 0px; + font-size: 16px; + cursor: pointer; + font-size: small; + border-radius: 4rem; + width: 6rem; + min-width: 6rem; + height: 1.7rem; + text-align: left; + } + + .forma_rightbox { + float: right; + border-width: 2px; + width: 100%; + margin: auto; + padding: 0.5rem; + font-size: small; + text-align: left; + color: rgb(10, 42, 77); + cursor: pointer; + overflow-wrap: break-word; + border-bottom: #3b3e40; + border-bottom-width: 1px; + border-bottom-style: solid; + padding: 1rem; + } + + .titre_article { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + color: #619e31; + font-size: 1.4rem; + font-weight: bold; + text-align: center; + margin-top: 1rem; + height: 5rem; + } + + .img_photo { + max-height: 90% !important; + } + + .avis { + margin-bottom: 0.5rem; + overflow: hidden; + overflow-wrap: break-word; + + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 20px; + /* or 167% */ + + /* Bold Grey */ + color: #4B4B4B; + + + /* Inside auto layout */ + flex: none; + order: 1; + flex-grow: 0; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + line-height: 30px; + + + } + + .block_centrer { + margin: auto; + width: 100%; + //border: 3px solid #73AD21; + padding: 10px; + } + + .titre_possible_interet { + margin-bottom: 0.1rem; + letter-spacing: 1px; + height: 60px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 22px; + text-align: justify; + color: #0A043C; + margin-top: 2rem; + line-height: 30px; + font-weight: 600; + width: 100%; + float: left; + } + + .block_article{ + width: 100%; + float: left; + // margin-right: 5px; + } + } @media only screen and (min-width: 601px) and (max-width: 991px) { @@ -366,8 +594,8 @@ z-index: 1; width: 100%; height: 100%; - // padding-right: 2rem; - // padding-left: 2rem; + // padding-right: 2rem; + // padding-left: 2rem; } .pieddepage { @@ -477,6 +705,230 @@ border-bottom-style: solid; padding: 1rem; } + + .div_row { + width: 100%; + float: left; + } + + // end media + + .Background-header { + // position: absolute; + width: 100%; + height: 150px; + left: 0px; + + background: #FFFAED; + } + + /* Title */ + + .Title { + padding: 0px; + height: 80px; + left: 549px; + margin-top: 20px; + width: 50%; + margin-left: 25%; + } + + + /* Support */ + + .Support { + height: 20px; + font-family: "Albert Sans"; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 20px; + text-align: center; + text-transform: uppercase; + color: #0A043C; + } + + + .besoin_aide { + width: 100%; + + font-family: "Albert Sans"; + font-style: normal; + font-weight: 700; + font-size: 50px; + line-height: 60px; + text-align: center; + letter-spacing: -1px; + color: #20BFA9; + } + + .detail_text_aide { + height: 44px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 22px; + text-align: center; + color: #0A043C; + } + + .barre_recherche { + height: 44px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 22px; + text-align: center; + color: #0A043C; + margin-top: 2rem; + } + + .aricles_a_la_une { + width: 100%; + float: left; + margin-top: 5rem; + font-size: small; + letter-spacing: 1px; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 400; + font-size: 18px; + line-height: 30px; + color: #4B4B4B; + text-align: justify; + + } + + .titre_date_publication { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + color: #3b3e40; + font-size: xx-small; + font-weight: bold; + text-align: center; + } + + .liste_articles { + margin: auto; + width: 90%; + padding: 10px; + + } + + .img_article { + width: 40%; + float: left; + padding: 5px; + } + + .desc_article { + width: 100%; + float: left; + padding: 5px; + margin-bottom: 7rem; + } + + + + .buton_ch22 { + border: 2px solid white; + background-color: transparent; + color: white; + padding: 0px; + font-size: 16px; + cursor: pointer; + font-size: small; + border-radius: 4rem; + width: 6rem; + min-width: 6rem; + height: 1.7rem; + text-align: left; + } + + .forma_rightbox { + float: right; + border-width: 2px; + width: 100%; + margin: auto; + padding: 0.5rem; + font-size: small; + text-align: left; + color: rgb(10, 42, 77); + cursor: pointer; + overflow-wrap: break-word; + border-bottom: #3b3e40; + border-bottom-width: 1px; + border-bottom-style: solid; + padding: 1rem; + } + + .titre_article { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + color: #619e31; + font-size: 1.4rem; + font-weight: bold; + text-align: center; + margin-top: 1rem; + height: 5rem; + } + + .avis { + margin-bottom: 0.5rem; + overflow: hidden; + overflow-wrap: break-word; + + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 20px; + /* or 167% */ + + /* Bold Grey */ + color: #4B4B4B; + + + /* Inside auto layout */ + flex: none; + order: 1; + flex-grow: 0; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + line-height: 30px; + + + } + + .block_centrer { + margin: auto; + width: 90%; + // border: 3px solid #73AD21; + padding: 10px; + } + + .titre_possible_interet { + margin-bottom: 0.1rem; + letter-spacing: 1px; + height: 60px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 22px; + text-align: justify; + color: #0A043C; + margin-top: 2rem; + line-height: 30px; + font-weight: 600; + width: 100%; + float: left; + } + + .block_article{ + width: 32%; + float: left; + margin-right: 5px; + } + } @media only screen and (min-width: 992px) and (max-width: 1199px) { @@ -585,8 +1037,8 @@ z-index: 1; width: 100%; height: 100%; - // padding-right: 2rem; - // padding-left: 2rem; + // padding-right: 2rem; + // padding-left: 2rem; } .pieddepage { @@ -695,6 +1147,230 @@ border-bottom-style: solid; padding: 1rem; } + + .div_row { + width: 100%; + float: left; + } + + // end media + + .Background-header { + // position: absolute; + width: 100%; + height: 150px; + left: 0px; + + background: #FFFAED; + } + + /* Title */ + + .Title { + padding: 0px; + height: 80px; + left: 549px; + margin-top: 20px; + width: 50%; + margin-left: 25%; + } + + + /* Support */ + + .Support { + height: 20px; + font-family: "Albert Sans"; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 20px; + text-align: center; + text-transform: uppercase; + color: #0A043C; + } + + + .besoin_aide { + width: 100%; + + font-family: "Albert Sans"; + font-style: normal; + font-weight: 700; + font-size: 50px; + line-height: 60px; + text-align: center; + letter-spacing: -1px; + color: #20BFA9; + } + + .detail_text_aide { + height: 44px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 22px; + text-align: center; + color: #0A043C; + } + + .barre_recherche { + height: 44px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 22px; + text-align: center; + color: #0A043C; + margin-top: 2rem; + } + + .aricles_a_la_une { + width: 100%; + float: left; + margin-top: 5rem; + font-size: small; + letter-spacing: 1px; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 400; + font-size: 18px; + line-height: 30px; + color: #4B4B4B; + text-align: justify; + + } + + .titre_date_publication { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + color: #3b3e40; + font-size: xx-small; + font-weight: bold; + text-align: center; + } + + .liste_articles { + margin: auto; + width: 80%; + padding: 10px; + + } + + .img_article { + width: 40%; + float: left; + padding: 5px; + } + + .desc_article { + width: 100%; + float: left; + padding: 5px; + margin-bottom: 7rem; + } + + + + .buton_ch22 { + border: 2px solid white; + background-color: transparent; + color: white; + padding: 0px; + font-size: 16px; + cursor: pointer; + font-size: small; + border-radius: 4rem; + width: 6rem; + min-width: 6rem; + height: 1.7rem; + text-align: left; + } + + .forma_rightbox { + float: right; + border-width: 2px; + width: 100%; + margin: auto; + padding: 0.5rem; + font-size: small; + text-align: left; + color: rgb(10, 42, 77); + cursor: pointer; + overflow-wrap: break-word; + border-bottom: #3b3e40; + border-bottom-width: 1px; + border-bottom-style: solid; + padding: 1rem; + } + + .titre_article { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + color: #619e31; + font-size: 1.4rem; + font-weight: bold; + text-align: center; + margin-top: 1rem; + height: 5rem; + } + + .avis { + margin-bottom: 0.5rem; + overflow: hidden; + overflow-wrap: break-word; + + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 20px; + /* or 167% */ + + /* Bold Grey */ + color: #4B4B4B; + + + /* Inside auto layout */ + flex: none; + order: 1; + flex-grow: 0; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + line-height: 30px; + + + } + + .block_centrer { + margin: auto; + width: 80%; + // border: 3px solid #73AD21; + padding: 10px; + } + + .titre_possible_interet { + margin-bottom: 0.1rem; + letter-spacing: 1px; + height: 60px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 22px; + text-align: justify; + color: #0A043C; + margin-top: 2rem; + line-height: 30px; + font-weight: 600; + width: 100%; + float: left; + } + + .block_article{ + width: 32%; + float: left; + margin-right: 5px; + } + } @media only screen and (min-width: 1200px) { @@ -804,8 +1480,8 @@ z-index: 1; width: 100%; height: 100%; - // padding-right: 2rem; - // padding-left: 2rem; + // padding-right: 2rem; + // padding-left: 2rem; } .pieddepage { @@ -899,224 +1575,229 @@ } - } + .div_row { + width: 100%; + float: left; + } - .div_row { - width: 100%; - float: left; - } + // end media - // end media + .Background-header { + // position: absolute; + width: 100%; + height: 150px; + left: 0px; - .Background-header { - // position: absolute; - width: 100%; - height: 150px; - left: 0px; + background: #FFFAED; + } - background: #FFFAED; - } + /* Title */ - /* Title */ - - .Title { - padding: 0px; - height: 80px; - left: 549px; - margin-top: 20px; - width: 50%; - margin-left: 25%; - } + .Title { + padding: 0px; + height: 80px; + left: 549px; + margin-top: 20px; + width: 50%; + margin-left: 25%; + } - /* Support */ + /* Support */ - .Support { - height: 20px; - font-family: "Albert Sans"; - font-style: normal; - font-weight: 700; - font-size: 16px; - line-height: 20px; - text-align: center; - text-transform: uppercase; - color: #0A043C; - } + .Support { + height: 20px; + font-family: "Albert Sans"; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 20px; + text-align: center; + text-transform: uppercase; + color: #0A043C; + } - .besoin_aide { - width: 100%; + .besoin_aide { + width: 100%; - font-family: "Albert Sans"; - font-style: normal; - font-weight: 700; - font-size: 50px; - line-height: 60px; - text-align: center; - letter-spacing: -1px; - color: #20BFA9; - } + font-family: "Albert Sans"; + font-style: normal; + font-weight: 700; + font-size: 50px; + line-height: 60px; + text-align: center; + letter-spacing: -1px; + color: #20BFA9; + } - .detail_text_aide { - height: 44px; - font-family: Verdana, Georgia, Arial; - font-style: normal; - font-weight: 400; - font-size: 14px; - line-height: 22px; - text-align: center; - color: #0A043C; - } + .detail_text_aide { + height: 44px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 22px; + text-align: center; + color: #0A043C; + } - .barre_recherche { - height: 44px; - font-family: Verdana, Georgia, Arial; - font-style: normal; - font-weight: 400; - font-size: 14px; - line-height: 22px; - text-align: center; - color: #0A043C; - margin-top: 2rem; - } + .barre_recherche { + height: 44px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 22px; + text-align: center; + color: #0A043C; + margin-top: 2rem; + } - .aricles_a_la_une { - width: 100%; - float: left; - margin-top: 5rem; - font-size: small; - letter-spacing: 1px; - font-family: 'Albert Sans'; - font-style: normal; - font-weight: 400; - font-size: 18px; - line-height: 30px; - color: #4B4B4B; - text-align: justify; + .aricles_a_la_une { + width: 100%; + float: left; + margin-top: 5rem; + font-size: small; + letter-spacing: 1px; + font-family: 'Albert Sans'; + font-style: normal; + font-weight: 400; + font-size: 18px; + line-height: 30px; + color: #4B4B4B; + text-align: justify; + + } + + .titre_date_publication { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + color: #3b3e40; + font-size: xx-small; + font-weight: bold; + text-align: center; + } + + .liste_articles { + margin: auto; + width: 70%; + padding: 10px; + + } + + .img_article { + width: 40%; + float: left; + padding: 5px; + } + + .desc_article { + width: 100%; + float: left; + padding: 5px; + margin-bottom: 7rem; + } + + + + .buton_ch22 { + border: 2px solid white; + background-color: transparent; + color: white; + padding: 0px; + font-size: 16px; + cursor: pointer; + font-size: small; + border-radius: 4rem; + width: 6rem; + min-width: 6rem; + height: 1.7rem; + text-align: left; + } + + .forma_rightbox { + float: right; + border-width: 2px; + width: 100%; + margin: auto; + padding: 0.5rem; + font-size: small; + text-align: left; + color: rgb(10, 42, 77); + cursor: pointer; + overflow-wrap: break-word; + border-bottom: #3b3e40; + border-bottom-width: 1px; + border-bottom-style: solid; + padding: 1rem; + } + + .titre_article { + font-family: "verdana", "Quicksand", "Signika", sans-serif; + color: #619e31; + font-size: 1.4rem; + font-weight: bold; + text-align: center; + margin-top: 1rem; + height: 5rem; + } + + .avis { + margin-bottom: 0.5rem; + overflow: hidden; + overflow-wrap: break-word; + + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 20px; + /* or 167% */ + + /* Bold Grey */ + color: #4B4B4B; + + + /* Inside auto layout */ + flex: none; + order: 1; + flex-grow: 0; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + line-height: 30px; + + + } + + .block_centrer { + margin: auto; + width: 70%; + //border: 3px solid #73AD21; + padding: 10px; + } + + .titre_possible_interet { + margin-bottom: 0.1rem; + letter-spacing: 1px; + height: 60px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 22px; + text-align: justify; + color: #0A043C; + margin-top: 2rem; + line-height: 30px; + font-weight: 600; + width: 100%; + float: left; + } + + .block_article{ + width: 32%; + float: left; + margin-right: 5px; + } } - .titre_date_publication { - font-family: "verdana", "Quicksand", "Signika", sans-serif; - color: #3b3e40; - font-size: xx-small; - font-weight: bold; - text-align: center; - } - - .liste_articles { - margin: auto; - width: 70%; - padding: 10px; - - } - - .img_article { - width: 40%; - float: left; - padding: 5px; - } - - .desc_article { - width: 100%; - float: left; - padding: 5px; - margin-bottom: 7rem; - } - - - - .buton_ch22 { - border: 2px solid white; - background-color: transparent; - color: white; - padding: 0px; - font-size: 16px; - cursor: pointer; - font-size: small; - border-radius: 4rem; - width: 6rem; - min-width: 6rem; - height: 1.7rem; - text-align: left; - } - - .forma_rightbox { - float: right; - border-width: 2px; - width: 100%; - margin: auto; - padding: 0.5rem; - font-size: small; - text-align: left; - color: rgb(10, 42, 77); - cursor: pointer; - overflow-wrap: break-word; - border-bottom: #3b3e40; - border-bottom-width: 1px; - border-bottom-style: solid; - padding: 1rem; - } - - .titre_article { - font-family: "verdana", "Quicksand", "Signika", sans-serif; - color: #619e31; - font-size: 1.4rem; - font-weight: bold; - text-align: center; - margin-top: 1rem; - height: 5rem; - } - - .avis { - margin-bottom: 0.5rem; - overflow: hidden; - overflow-wrap: break-word; - - font-style: normal; - font-weight: 400; - font-size: 16px; - line-height: 20px; - /* or 167% */ - - /* Bold Grey */ - color: #4B4B4B; - - - /* Inside auto layout */ - flex: none; - order: 1; - flex-grow: 0; - font-family: "verdana", "Quicksand", "Signika", sans-serif; - - - } - - .block_centrer { - margin: auto; - width: 70%; - border: 3px solid #73AD21; - padding: 10px; - } - - .titre_possible_interet{ - margin-bottom: 0.1rem; - letter-spacing: 1px; - height: 60px; - font-family: Verdana, Georgia, Arial; - font-style: normal; - font-weight: 400; - font-size: 20px; - line-height: 22px; - text-align: justify; - color: #0A043C; - margin-top: 2rem; - line-height: 30px; - font-weight: 600; - width: 100%; - float: left; - } - - - } \ No newline at end of file diff --git a/src/styles/components/_recherchearticles_new_v2_style.scss b/src/styles/components/_recherchearticles_new_v2_style.scss index fd82786..774a49c 100644 --- a/src/styles/components/_recherchearticles_new_v2_style.scss +++ b/src/styles/components/_recherchearticles_new_v2_style.scss @@ -81,7 +81,7 @@ width: 100%; margin-bottom: 0.1rem; //border-radius: 1rem; - position: fixed; + // position: fixed; z-index: 10; top: 0px; } @@ -114,11 +114,11 @@ //background-color: #e6ebe2; top: 6rem; z-index: 1; - width: 98%; + width: 100%; height: 100%; - margin: 0.3rem; - margin-left: auto; - margin-right: auto; + // margin: 0.3rem; + // margin-left: auto; + // margin-right: auto; } .pieddepage { @@ -209,6 +209,136 @@ border-bottom-style: solid; padding: 1rem; } + .div_row { + width: 100%; + float: left; + } + + // end media + + .Background-header { + position: absolute; + width: 100%; + height: 190px; + left: 0px; + + background: #FFFAED; + } + + /* Title */ + + .Title { + padding: 0px; + height: 40px; + left: 549px; + margin-top: 20px; + width: 90%; + margin-left: 5%; + } + + + /* Support */ + + .Support { + height: 20px; + font-family: "Albert Sans"; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 20px; + text-align: center; + text-transform: uppercase; + color: #0A043C; + } + + .block_centrer { + margin: auto; + width: 100%; + // border: 3px solid #73AD21; + padding: 10px; + } + + + + .besoin_aide { + width: 100%; + + font-family: "Albert Sans"; + font-style: normal; + font-weight: 700; + font-size: 30px; + line-height: 40px; + text-align: center; + letter-spacing: -1px; + color: #20BFA9; + } + + + .detail_text_aide { + height: 44px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 22px; + text-align: center; + color: #0A043C; + } + + .barre_recherche { + height: 44px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 22px; + text-align: center; + color: #0A043C; + margin-top: 1rem; + } + + .aricles_a_la_une { + width: 95%; + margin-left: 5%; + float: left; + border: solid 1px; + padding: 10px; + min-height: 20rem; + } + + .liste_articles { + width: 100%; + + float: left; + //border: solid 1px; + // padding: 10px; + } + + .hr_break { + border: 5px solid grey; + } + + .img_article { + width: 40%; + float: left; + padding: 5px; + } + + .desc_article { + width: 58%; + float: left; + // padding: 5px; + } + + .block_article{ + width: 100%; + float: left; + // margin-right: 5px; + } + .block_entete{ + height: 15rem; + float: left; + } } @media only screen and (min-width: 601px) and (max-width: 991px) { @@ -335,7 +465,7 @@ width: 100%; margin-bottom: 0.1rem; //border-radius: 1rem; - position: fixed; + // position: fixed; z-index: 10; } @@ -366,8 +496,8 @@ z-index: 1; width: 100%; height: 100%; - padding-right: 2rem; - padding-left: 2rem; + // padding-right: 10px; + // padding-left: 10px; } .pieddepage { @@ -477,7 +607,134 @@ border-bottom-style: solid; padding: 1rem; } - } + .div_row { + width: 100%; + float: left; + } + + // end media + + .Background-header { + position: absolute; + width: 100%; + height: 190px; + left: 0px; + + background: #FFFAED; + } + + /* Title */ + + .Title { + padding: 0px; + height: 40px; + left: 549px; + margin-top: 20px; + width: 80%; + margin-left: 10%; + } + + + /* Support */ + + .Support { + height: 20px; + font-family: "Albert Sans"; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 20px; + text-align: center; + text-transform: uppercase; + color: #0A043C; + } + + .block_centrer { + margin: auto; + width: 100%; + // border: 3px solid #73AD21; + padding: 10px; + } + + + + .besoin_aide { + width: 100%; + + font-family: "Albert Sans"; + font-style: normal; + font-weight: 700; + font-size: 30px; + line-height: 40px; + text-align: center; + letter-spacing: -1px; + color: #20BFA9; + } + + .detail_text_aide { + height: 44px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 22px; + text-align: center; + color: #0A043C; + } + + .barre_recherche { + height: 44px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 22px; + text-align: center; + color: #0A043C; + margin-top: 1rem; + } + + .aricles_a_la_une { + width: 95%; + margin-left: 5%; + float: left; + border: solid 1px; + padding: 10px; + min-height: 20rem; + } + + .liste_articles { + width: 95%; + margin-left: 5%; + float: left; + //border: solid 1px; + padding: 10px; + } + + .hr_break { + border: 5px solid grey; + } + + .img_article { + width: 40%; + float: left; + padding: 5px; + } + + .desc_article { + width: 58%; + float: left; + padding: 5px; + } + .block_article{ + width: 32%; + float: left; + margin-right: 5px; + } + .block_entete{ + height: 15rem; + float: left; + } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .rech_middlebox { @@ -553,7 +810,7 @@ width: 100%; margin-bottom: 0.1rem; //border-radius: 1rem; - position: fixed; + // position: fixed; z-index: 10; } @@ -584,8 +841,8 @@ z-index: 1; width: 100%; height: 100%; - padding-right: 2rem; - padding-left: 2rem; + // padding-right: 10px; + // padding-left: 10px; } .pieddepage { @@ -694,7 +951,135 @@ border-bottom-style: solid; padding: 1rem; } - } + .div_row { + width: 100%; + float: left; + } + + // end media + + .Background-header { + position: absolute; + width: 100%; + height: 190px; + left: 0px; + + background: #FFFAED; + } + + /* Title */ + + .Title { + padding: 0px; + height: 50px; + left: 549px; + margin-top: 20px; + width: 80%; + margin-left: 10%; + } + + + /* Support */ + + .Support { + height: 20px; + font-family: "Albert Sans"; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 20px; + text-align: center; + text-transform: uppercase; + color: #0A043C; + } + + .block_centrer { + margin: auto; + width: 95%; + // border: 3px solid #73AD21; + padding: 10px; + } + + + + .besoin_aide { + width: 100%; + + font-family: "Albert Sans"; + font-style: normal; + font-weight: 700; + font-size: 40px; + line-height: 50px; + text-align: center; + letter-spacing: -1px; + color: #20BFA9; + } + + .detail_text_aide { + height: 44px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 22px; + text-align: center; + color: #0A043C; + } + + .barre_recherche { + height: 44px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 22px; + text-align: center; + color: #0A043C; + // margin-top: 2rem; + } + + .aricles_a_la_une { + width: 95%; + margin-left: 5%; + float: left; + border: solid 1px; + padding: 10px; + min-height: 20rem; + } + + .liste_articles { + width: 95%; + margin-left: 5%; + float: left; + //border: solid 1px; + padding: 10px; + } + + .hr_break { + border: 5px solid grey; + } + + .img_article { + width: 40%; + float: left; + padding: 5px; + } + + .desc_article { + width: 58%; + float: left; + padding: 5px; + } + .block_article{ + width: 32%; + float: left; + margin-right: 5px; + } + .block_entete{ + height: 15rem; + float: left; + } + } @media only screen and (min-width: 1200px) { .rech_middlebox { @@ -898,127 +1283,138 @@ } - } + .div_row { + width: 100%; + float: left; + } + + // end media + + .Background-header { + position: absolute; + width: 100%; + height: 280px; + left: 0px; + + background: #FFFAED; + } + + /* Title */ + + .Title { + padding: 0px; + height: 80px; + left: 549px; + margin-top: 20px; + width: 60%; + margin-left: 20%; + } + + + /* Support */ + + .Support { + height: 20px; + font-family: "Albert Sans"; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 20px; + text-align: center; + text-transform: uppercase; + color: #0A043C; + } + + .block_centrer { + margin: auto; + width: 70%; + // border: 3px solid #73AD21; + padding: 10px; + } + + + + .besoin_aide { + width: 100%; + + font-family: "Albert Sans"; + font-style: normal; + font-weight: 700; + font-size: 50px; + line-height: 60px; + text-align: center; + letter-spacing: -1px; + color: #20BFA9; + } + + .detail_text_aide { + height: 44px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 22px; + text-align: center; + color: #0A043C; + } + + .barre_recherche { + height: 44px; + font-family: Verdana, Georgia, Arial; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 22px; + text-align: center; + color: #0A043C; + margin-top: 2rem; + } + + .aricles_a_la_une { + width: 95%; + margin-left: 5%; + float: left; + border: solid 1px; + padding: 10px; + min-height: 20rem; + } + + .liste_articles { + width: 95%; + margin-left: 5%; + float: left; + //border: solid 1px; + padding: 10px; + } + + .hr_break { + border: 5px solid grey; + } + + .img_article { + width: 40%; + float: left; + padding: 5px; + } + + .desc_article { + width: 58%; + float: left; + padding: 5px; + } + + .block_article{ + width: 32%; + float: left; + margin-right: 5px; + } + + .block_entete{ + height: 20rem; + float: left; + } + } - .div_row { - width: 100%; - float: left; - } - - // end media - - .Background-header { - position: absolute; - width: 100%; - height: 280px; - left: 0px; - - background: #FFFAED; - } - - /* Title */ - - .Title { - padding: 0px; - height: 80px; - left: 549px; - margin-top: 20px; - width: 50%; - margin-left: 25%; - } - - - /* Support */ - - .Support { - height: 20px; - font-family: "Albert Sans"; - font-style: normal; - font-weight: 700; - font-size: 16px; - line-height: 20px; - text-align: center; - text-transform: uppercase; - color: #0A043C; - } - - .block_centrer { - margin: auto; - width: 70%; - border: 3px solid #73AD21; - padding: 10px; - } - - - - .besoin_aide { - width: 100%; - - font-family: "Albert Sans"; - font-style: normal; - font-weight: 700; - font-size: 50px; - line-height: 60px; - text-align: center; - letter-spacing: -1px; - color: #20BFA9; - } - - .detail_text_aide { - height: 44px; - font-family: Verdana, Georgia, Arial; - font-style: normal; - font-weight: 400; - font-size: 14px; - line-height: 22px; - text-align: center; - color: #0A043C; - } - - .barre_recherche { - height: 44px; - font-family: Verdana, Georgia, Arial; - font-style: normal; - font-weight: 400; - font-size: 14px; - line-height: 22px; - text-align: center; - color: #0A043C; - margin-top: 2rem; - } - - .aricles_a_la_une { - width: 95%; - margin-left: 5%; - float: left; - border: solid 1px; - padding: 10px; - min-height: 20rem; - } - - .liste_articles { - width: 95%; - margin-left: 5%; - float: left; - //border: solid 1px; - padding: 10px; - } - - .hr_break { - border: 5px solid grey; - } - - .img_article { - width: 40%; - float: left; - padding: 5px; - } - - .desc_article { - width: 58%; - float: left; - padding: 5px; - }