+
La solution la moins chère du marché
@@ -445,7 +450,7 @@ const QuiSommesNous_v4 = () => {
-

+
@@ -486,7 +491,7 @@ const QuiSommesNous_v4 = () => {
-

+
@@ -524,7 +529,7 @@ const QuiSommesNous_v4 = () => {
-

+
diff --git a/src/mysy_img/equipe.png b/src/mysy_img/equipe.png
new file mode 100644
index 0000000..141e689
Binary files /dev/null and b/src/mysy_img/equipe.png differ
diff --git a/src/mysy_img/force.png b/src/mysy_img/force.png
new file mode 100644
index 0000000..9d5e695
Binary files /dev/null and b/src/mysy_img/force.png differ
diff --git a/src/mysy_img/objectif.png b/src/mysy_img/objectif.png
new file mode 100644
index 0000000..7340c62
Binary files /dev/null and b/src/mysy_img/objectif.png differ
diff --git a/src/styles/components/_quisommesnous_v4.scss b/src/styles/components/_quisommesnous_v4.scss
index 85a3c0e..5066c9a 100644
--- a/src/styles/components/_quisommesnous_v4.scss
+++ b/src/styles/components/_quisommesnous_v4.scss
@@ -1175,9 +1175,9 @@
.detail_mysy_4_point_text_head_2 {
font-family: Albert Sans;
- font-size: 24px;
+ font-size: 20px;
font-weight: 500;
- line-height: 48px;
+ line-height: 36px;
letter-spacing: 1px;
text-align: center;
color: #0A043C;
@@ -1187,7 +1187,7 @@
.tableau_mysy_4_point {
width: 100%;
- float: left;
+ // float: left;
background: #FFF;
}
@@ -1195,7 +1195,8 @@
.tableau_mysy_4_point_case {
width: 100%;
float: left;
- border: 1px solid;
+ //border: 1px solid;
+ margin-top: 1rem;
//height: 10rem;
}
@@ -1243,10 +1244,81 @@
width: 100%;
}
- .img_a_retenir{
- height: 10rem;
+ .img_a_retenir {
+ // width: 80%;
+ max-height: 8rem;
}
+ .tableau_mysy_4_point_case_text_editeur_francais {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 38px;
+ letter-spacing: 1px;
+ text-align: justify;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ padding: 10px;
+ margin-top: 1.5rem;
+ }
+
+
+ .tableau_mysy_4_point_case_text_qualipoi {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 38px;
+ letter-spacing: 1px;
+ text-align: justify;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ padding: 10px;
+
+ }
+
+ .tableau_mysy_4_point_case_text_moins_cher {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 38px;
+ letter-spacing: 1px;
+ text-align: justify;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ padding: 10px;
+ margin-top: 1.5rem;
+ }
+
+
+ .tableau_mysy_4_point_case_text_tout_en_un {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 28px;
+ letter-spacing: 1px;
+ text-align: justify;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ padding: 10px;
+ }
+
+ .bock_img_equipe {
+ width: 100%;
+ }
+
+ .block_img_objectif {
+ width: 100%;
+ }
+
+ .block_img_force {
+ width: 100%;
+ }
+
+
}
@@ -2402,7 +2474,7 @@
.content_mysy_4_point_txt {
z-index: 9;
width: 100%;
- height: 480px;
+ // height: 480px;
// position: absolute;
top: 10px;
left: 0;
@@ -2435,7 +2507,7 @@
.detail_mysy_4_point_text_head_2 {
font-family: Albert Sans;
- font-size: 24px;
+ font-size: 22px;
font-weight: 500;
line-height: 48px;
letter-spacing: 1px;
@@ -2446,17 +2518,20 @@
}
.tableau_mysy_4_point {
- width: 100%;
- float: left;
+ width: 95%;
+ // float: left;
background: #FFF;
+ margin: auto;
}
.tableau_mysy_4_point_case {
- width: 50%;
+ width: 45%;
float: left;
- border: 1px solid;
height: 10rem;
+ margin-bottom: 4rem;
+ margin-right: 1%;
+ border-right: 3mm ridge rgba(211, 220, 50, .6);
}
.tableau_mysy_4_point_case_img {
@@ -2502,8 +2577,79 @@
width: 100%;
}
- .img_a_retenir{
- height: 10rem;
+
+ .img_a_retenir {
+ width: 80%;
+ max-height: 10rem;
+ }
+
+ .tableau_mysy_4_point_case_text_editeur_francais {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 32px;
+ letter-spacing: 1px;
+ text-align: justify;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ padding: 10px;
+ margin-top: 0.5rem;
+ }
+
+
+ .tableau_mysy_4_point_case_text_qualipoi {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 32px;
+ letter-spacing: 1px;
+ text-align: justify;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ padding: 10px;
+
+ }
+
+ .tableau_mysy_4_point_case_text_moins_cher {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 32px;
+ letter-spacing: 1px;
+ text-align: justify;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ padding: 10px;
+ margin-top: 1.5rem;
+ }
+
+
+ .tableau_mysy_4_point_case_text_tout_en_un {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 24px;
+ letter-spacing: 1px;
+ text-align: justify;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ padding: 10px;
+ }
+
+ .bock_img_equipe {
+ width: 100%;
+ }
+
+ .block_img_objectif {
+ width: 100%;
+ }
+
+ .block_img_force {
+ width: 100%;
}
}
@@ -3670,7 +3816,7 @@
.content_mysy_4_point_txt {
z-index: 9;
width: 100%;
- height: 480px;
+ //height: 480px;
// position: absolute;
top: 10px;
left: 0;
@@ -3703,7 +3849,7 @@
.detail_mysy_4_point_text_head_2 {
font-family: Albert Sans;
- font-size: 24px;
+ font-size: 22px;
font-weight: 500;
line-height: 48px;
letter-spacing: 1px;
@@ -3715,40 +3861,42 @@
.tableau_mysy_4_point {
width: 100%;
- float: left;
+ // float: left;
background: #FFF;
}
.tableau_mysy_4_point_case {
- width: 50%;
+ width: 45%;
float: left;
- border: 1px solid;
height: 10rem;
+ margin-bottom: 4rem;
+ margin-right: 1%;
+ border-right: 3mm ridge rgba(211, 220, 50, .6);
}
.tableau_mysy_4_point_case_img {
- width: 50%;
+ width: 40%;
float: left;
}
.tableau_mysy_4_point_case_text {
- width: 50%;
+ width: 60%;
float: right;
}
.tableau_mysy_4_point_case_img_droite {
- width: 50%;
+ width: 40%;
float: right;
text-align: right;
}
.tableau_mysy_4_point_case_text_droite {
- width: 50%;
+ width: 60%;
float: left;
text-align: right;
}
@@ -3770,9 +3918,80 @@
width: 28%;
}
- .img_a_retenir{
- height: 10rem;
+ .img_a_retenir {
+ width: 80%;
+ max-height: 10rem;
}
+
+ .tableau_mysy_4_point_case_text_editeur_francais {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 32px;
+ letter-spacing: 1px;
+ text-align: justify;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ padding: 10px;
+ margin-top: 0.5rem;
+ }
+
+
+ .tableau_mysy_4_point_case_text_qualipoi {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 32px;
+ letter-spacing: 1px;
+ text-align: justify;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ padding: 10px;
+
+ }
+
+ .tableau_mysy_4_point_case_text_moins_cher {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 32px;
+ letter-spacing: 1px;
+ text-align: justify;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ padding: 10px;
+ margin-top: 1.5rem;
+ }
+
+
+ .tableau_mysy_4_point_case_text_tout_en_un {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 24px;
+ letter-spacing: 1px;
+ text-align: justify;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ padding: 10px;
+ }
+
+ .bock_img_equipe {
+ width: 100%;
+ }
+
+ .block_img_objectif {
+ width: 100%;
+ }
+
+ .block_img_force {
+ width: 100%;
+ }
+
}
@media only screen and (min-width: 1200px) {
@@ -4919,7 +5138,7 @@
.content_mysy_4_point_txt {
z-index: 9;
width: 100%;
- height: 480px;
+ // height: 480px;
// position: absolute;
top: 10px;
left: 0;
@@ -4963,40 +5182,43 @@
}
.tableau_mysy_4_point {
- width: 100%;
- float: left;
+ width: 80%;
+ // float: left;
background: #FFF;
+ margin: auto;
}
.tableau_mysy_4_point_case {
- width: 50%;
+ width: 45%;
float: left;
- border: 1px solid;
height: 10rem;
+ margin-bottom: 4rem;
+ margin-right: 1%;
+ border-right: 3mm ridge rgba(211, 220, 50, .6);
}
.tableau_mysy_4_point_case_img {
- width: 50%;
+ width: 40%;
float: left;
}
.tableau_mysy_4_point_case_text {
- width: 50%;
+ width: 60%;
float: right;
}
.tableau_mysy_4_point_case_img_droite {
- width: 50%;
+ width: 40%;
float: right;
text-align: right;
}
.tableau_mysy_4_point_case_text_droite {
- width: 50%;
+ width: 60%;
float: left;
text-align: right;
}
@@ -5017,8 +5239,78 @@
width: 28%;
}
- .img_a_retenir{
- height: 10rem;
+ .img_a_retenir {
+ width: 70%;
+ max-height: 10rem;
+ }
+
+ .tableau_mysy_4_point_case_text_editeur_francais {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 20px;
+ font-weight: 500;
+ line-height: 38px;
+ letter-spacing: 1px;
+ text-align: justify;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ padding: 10px;
+ margin-top: 1.5rem;
+ }
+
+
+ .tableau_mysy_4_point_case_text_qualipoi {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 20px;
+ font-weight: 500;
+ line-height: 38px;
+ letter-spacing: 1px;
+ text-align: justify;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ padding: 10px;
+
+ }
+
+ .tableau_mysy_4_point_case_text_moins_cher {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 20px;
+ font-weight: 500;
+ line-height: 38px;
+ letter-spacing: 1px;
+ text-align: justify;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ padding: 10px;
+ margin-top: 1.5rem;
+ }
+
+
+ .tableau_mysy_4_point_case_text_tout_en_un {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 20px;
+ font-weight: 500;
+ line-height: 28px;
+ letter-spacing: 1px;
+ text-align: justify;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ padding: 10px;
+ }
+
+ .bock_img_equipe {
+ height: 100%;
+ }
+
+ .block_img_objectif {
+ height: 100%;
+ }
+
+ .block_img_force {
+ height: 100%;
}
}