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" }} >
Blog
@@ -2859,10 +2859,10 @@ const Subdomain_Recherche_new_v2 = () => {
{/* Le blog */}
- Qui Sommes nous ?
+ A propos
- Prix & Services
+ Prix
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;
- }