+
-
-
- Nom & Prénom
-
-
-
-
- E-mail
+
+
+ E-mail
+
+
+ {
+ setcontact_message_email(e.target.value);
+ }}
+ className='form-control formInput'
+ placeholder='Adresse email'
+ >
+
-
- {
- setcontact_message_email(e.target.value);
- }}
- className='form-control formInput'
- placeholder='Adresse email'
- >
-
-
-
-
- Téléphone
+
+
+ Téléphone
+
+
+ {
+ setcontact_message_phone(e.target.value);
+ }}
+ className='form-control formInput'
+ placeholder='Numéro Tél'
+ >
+
-
- {
- setcontact_message_phone(e.target.value);
- }}
- className='form-control formInput'
- placeholder='Numéro Tél'
- >
-
-
-
-
- Sujet
+
+
+ Sujet
+
+
+ {
+ setcontact_message_sujet(e.target.value);
+ }}
+ className='form-control formInput'
+ placeholder='Sujet'
+ >
+
+
+
+
+ Votre message
+
+
+
+
+
+
- {
- setcontact_message_sujet(e.target.value);
- }}
- className='form-control formInput'
- placeholder='Sujet'
- >
-
-
-
-
- Votre message
-
-
-
-
-
+
+ Fermer
+
+
+
Envoyer
-
-
-
- Fermer
-
-
- Envoyer
+
+
+
+
-
+
+
+
+
-
-
-
-
-
-
-
-
+
MySy Training Technology
@@ -669,13 +756,16 @@ const QuiSommesNous_v4 = () => {
+
+
+
diff --git a/src/mysy_img/euro.png b/src/mysy_img/euro.png
new file mode 100644
index 0000000..477764f
Binary files /dev/null and b/src/mysy_img/euro.png differ
diff --git a/src/mysy_img/france.png b/src/mysy_img/france.png
new file mode 100644
index 0000000..686c781
Binary files /dev/null and b/src/mysy_img/france.png differ
diff --git a/src/mysy_img/qualiopi.png b/src/mysy_img/qualiopi.png
new file mode 100644
index 0000000..7eb63f0
Binary files /dev/null and b/src/mysy_img/qualiopi.png differ
diff --git a/src/mysy_img/solution_complete.png b/src/mysy_img/solution_complete.png
new file mode 100644
index 0000000..ae78bac
Binary files /dev/null and b/src/mysy_img/solution_complete.png differ
diff --git a/src/styles/components/_quisommesnous_v4.scss b/src/styles/components/_quisommesnous_v4.scss
index 9dc1f20..85a3c0e 100644
--- a/src/styles/components/_quisommesnous_v4.scss
+++ b/src/styles/components/_quisommesnous_v4.scss
@@ -483,7 +483,7 @@
.Background-header {
width: 100%;
- height: 30rem;
+ // height: 30rem;
flex-shrink: 0;
//opacity: 0.5;
background: var(--Beige, #FFF5DA);
@@ -684,11 +684,11 @@
.content_gestion_admin {
- width: 95%;
+ width: 100%;
margin-left: auto;
margin-right: auto;
- height: 400px;
- position: relative;
+ // height: 400px;
+ // position: relative;
margin-bottom: 1rem;
}
@@ -700,8 +700,8 @@
.content_gestion_admin_txt {
z-index: 9;
width: 100%;
- height: 400px;
- position: absolute;
+ // height: 400px;
+ // position: absolute;
top: 10px;
left: 0;
@@ -777,11 +777,11 @@
}
.content_gestion_elearning {
- width: 95%;
+ width: 100%;
margin-left: auto;
margin-right: auto;
- height: 400px;
- position: relative;
+ // height: 400px;
+ // position: relative;
margin-bottom: 1rem;
}
@@ -793,8 +793,8 @@
.content_gestion_elearning_txt {
z-index: 9;
width: 100%;
- height: 400px;
- position: absolute;
+ // height: 400px;
+ // position: absolute;
top: 10px;
left: 0;
background: #FFF5DA;
@@ -976,6 +976,8 @@
.div_mobile_v3_debut {
// margin-top: -28rem;
+ float: left;
+ width: 100%;
}
.react-player__preview {
@@ -1124,6 +1126,128 @@
padding: 5px;
}
+ .content_mysy_4_point {
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ //height: 500px;
+ position: relative;
+ margin-bottom: 1rem;
+ margin-top: 0.5rem;
+ border-radius: 15px;
+ float: left;
+ }
+
+
+ .content_mysy_4_point_txt {
+ z-index: 9;
+ width: 100%;
+ //height: 480px;
+ // position: absolute;
+ top: 10px;
+ left: 0;
+ //margin-right: 19%;
+ background: #FFF;
+ padding-top: 0.5rem;
+ padding-left: 1%;
+ padding-right: 1%;
+ text-align: justify;
+ border-radius: 15px;
+ box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
+ }
+
+
+ .detail_mysy_4_point_head_3_gauche {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 24px;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ letter-spacing: 1px;
+ text-align: justify;
+ width: 60%;
+
+ }
+
+ .detail_mysy_4_point_text_head_2 {
+
+ font-family: Albert Sans;
+ font-size: 24px;
+ font-weight: 500;
+ line-height: 48px;
+ letter-spacing: 1px;
+ text-align: center;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ }
+
+ .tableau_mysy_4_point {
+ width: 100%;
+ float: left;
+ background: #FFF;
+ }
+
+
+ .tableau_mysy_4_point_case {
+ width: 100%;
+ float: left;
+ border: 1px solid;
+ //height: 10rem;
+ }
+
+ .tableau_mysy_4_point_case_img {
+ width: 100%;
+ float: left;
+ text-align: center;
+
+ }
+
+ .tableau_mysy_4_point_case_text {
+ width: 100%;
+ float: right;
+ text-align: center;
+ }
+
+
+ .tableau_mysy_4_point_case_img_droite {
+ width: 100%;
+ float: left;
+ text-align: center;
+
+ }
+
+ .tableau_mysy_4_point_case_text_droite {
+ width: 100%;
+ float: left;
+ text-align: left;
+ }
+
+
+ .block_contact {
+ width: 95%;
+ margin: auto;
+
+ }
+
+ .block_contact_formulaire {
+ float: left;
+ width: 100%;
+ }
+
+ .block_contact_mysy {
+ float: right;
+ width: 100%;
+ }
+
+ .img_a_retenir{
+ height: 10rem;
+ }
+
+
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
@@ -1611,7 +1735,7 @@
.Background-header {
width: 100%;
- height: 20rem;
+ // height: 20rem;
flex-shrink: 0;
//opacity: 0.5;
background: var(--Beige, #FFF5DA);
@@ -1816,10 +1940,10 @@
.content_gestion_admin {
- width: 80%;
+ width: 95%;
margin-left: auto;
margin-right: auto;
- height: 500px;
+ height: 600px;
position: relative;
margin-bottom: 1rem;
@@ -1917,10 +2041,10 @@
}
.content_gestion_elearning {
- width: 80%;
+ width: 95%;
margin-left: auto;
margin-right: auto;
- height: 500px;
+ height: 600px;
position: relative;
margin-bottom: 1rem;
@@ -2125,6 +2249,8 @@
.div_mobile_v3_debut {
//margin-top: -28rem;
+ float: left;
+ width: 100%;
}
@@ -2260,6 +2386,126 @@
width: 20rem;
}
+ .content_mysy_4_point {
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ // height: 500px;
+ position: relative;
+ margin-bottom: 1rem;
+ margin-top: 1rem;
+ border-radius: 15px;
+ float: left;
+ }
+
+
+ .content_mysy_4_point_txt {
+ z-index: 9;
+ width: 100%;
+ height: 480px;
+ // position: absolute;
+ top: 10px;
+ left: 0;
+ //margin-right: 19%;
+ background: #FFF;
+ padding-top: 0.5rem;
+ padding-left: 1%;
+ padding-right: 1%;
+ text-align: justify;
+ border-radius: 15px;
+ box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
+ }
+
+
+ .detail_mysy_4_point_head_3_gauche {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 24px;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ letter-spacing: 1px;
+ text-align: justify;
+ width: 60%;
+
+ }
+
+ .detail_mysy_4_point_text_head_2 {
+
+ font-family: Albert Sans;
+ font-size: 24px;
+ font-weight: 500;
+ line-height: 48px;
+ letter-spacing: 1px;
+ text-align: center;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ }
+
+ .tableau_mysy_4_point {
+ width: 100%;
+ float: left;
+ background: #FFF;
+ }
+
+
+ .tableau_mysy_4_point_case {
+ width: 50%;
+ float: left;
+ border: 1px solid;
+ height: 10rem;
+ }
+
+ .tableau_mysy_4_point_case_img {
+ width: 50%;
+ float: left;
+
+ }
+
+ .tableau_mysy_4_point_case_text {
+ width: 50%;
+ float: right;
+
+ }
+
+
+ .tableau_mysy_4_point_case_img_droite {
+ width: 50%;
+ float: right;
+ text-align: right;
+
+ }
+
+ .tableau_mysy_4_point_case_text_droite {
+ width: 50%;
+ float: left;
+ text-align: right;
+ }
+
+
+ .block_contact {
+ width: 95%;
+ margin: auto;
+
+ }
+
+ .block_contact_formulaire {
+ float: left;
+ width: 100%;
+ }
+
+ .block_contact_mysy {
+ float: right;
+ width: 100%;
+ }
+
+ .img_a_retenir{
+ height: 10rem;
+ }
+
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@@ -2754,7 +3000,7 @@
.Background-header {
width: 100%;
- height: 20rem;
+ // height: 20rem;
flex-shrink: 0;
//opacity: 0.5;
background: var(--Beige, #FFF5DA);
@@ -2961,10 +3207,10 @@
.content_gestion_admin {
- width: 80%;
+ width: 95%;
margin-left: auto;
margin-right: auto;
- height: 500px;
+ height: 600px;
position: relative;
margin-bottom: 1rem;
@@ -3062,10 +3308,10 @@
}
.content_gestion_elearning {
- width: 80%;
+ width: 95%;
margin-left: auto;
margin-right: auto;
- height: 500px;
+ height: 600px;
position: relative;
margin-bottom: 1rem;
@@ -3272,6 +3518,8 @@
.div_mobile_v3_debut {
//margin-top: -27rem;
+ float: left;
+ width: 100%;
}
@@ -3405,6 +3653,126 @@
.img_potential {
width: 20rem;
}
+
+ .content_mysy_4_point {
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ // height: 500px;
+ position: relative;
+ margin-bottom: 1rem;
+ margin-top: 2rem;
+ border-radius: 15px;
+ float: left;
+ }
+
+
+ .content_mysy_4_point_txt {
+ z-index: 9;
+ width: 100%;
+ height: 480px;
+ // position: absolute;
+ top: 10px;
+ left: 0;
+ //margin-right: 19%;
+ background: #FFF;
+ padding-top: 0.5rem;
+ padding-left: 2%;
+ padding-right: 2%;
+ text-align: justify;
+ border-radius: 15px;
+ box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
+ }
+
+
+ .detail_mysy_4_point_head_3_gauche {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 24px;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ letter-spacing: 1px;
+ text-align: justify;
+ width: 60%;
+
+ }
+
+ .detail_mysy_4_point_text_head_2 {
+
+ font-family: Albert Sans;
+ font-size: 24px;
+ font-weight: 500;
+ line-height: 48px;
+ letter-spacing: 1px;
+ text-align: center;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ }
+
+ .tableau_mysy_4_point {
+ width: 100%;
+ float: left;
+ background: #FFF;
+ }
+
+
+ .tableau_mysy_4_point_case {
+ width: 50%;
+ float: left;
+ border: 1px solid;
+ height: 10rem;
+ }
+
+ .tableau_mysy_4_point_case_img {
+ width: 50%;
+ float: left;
+
+ }
+
+ .tableau_mysy_4_point_case_text {
+ width: 50%;
+ float: right;
+
+ }
+
+
+ .tableau_mysy_4_point_case_img_droite {
+ width: 50%;
+ float: right;
+ text-align: right;
+
+ }
+
+ .tableau_mysy_4_point_case_text_droite {
+ width: 50%;
+ float: left;
+ text-align: right;
+ }
+
+
+ .block_contact {
+ width: 80%;
+ margin: auto;
+
+ }
+
+ .block_contact_formulaire {
+ float: left;
+ width: 70%;
+ }
+
+ .block_contact_mysy {
+ float: right;
+ width: 28%;
+ }
+
+ .img_a_retenir{
+ height: 10rem;
+ }
}
@media only screen and (min-width: 1200px) {
@@ -3900,7 +4268,7 @@
.Background-header {
width: 100%;
- height: 20rem;
+ // height: 20rem;
flex-shrink: 0;
//opacity: 0.5;
background: var(--Beige, #FFF5DA);
@@ -4534,6 +4902,125 @@
width: 20rem;
}
+
+ .content_mysy_4_point {
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ // height: 500px;
+ position: relative;
+ margin-bottom: 1rem;
+ margin-top: 2rem;
+ border-radius: 15px;
+ float: left;
+ }
+
+
+ .content_mysy_4_point_txt {
+ z-index: 9;
+ width: 100%;
+ height: 480px;
+ // position: absolute;
+ top: 10px;
+ left: 0;
+ //margin-right: 19%;
+ background: #FFF;
+ padding-top: 3rem;
+ padding-left: 3%;
+ padding-right: 3%;
+ text-align: justify;
+ border-radius: 15px;
+ box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
+ }
+
+
+ .detail_mysy_4_point_head_3_gauche {
+ font-family: Verdana, Georgia, Arial;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 24px;
+ letter-spacing: 0em;
+ text-align: left;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ letter-spacing: 1px;
+ text-align: justify;
+ width: 60%;
+
+ }
+
+ .detail_mysy_4_point_text_head_2 {
+
+ font-family: Albert Sans;
+ font-size: 24px;
+ font-weight: 500;
+ line-height: 48px;
+ letter-spacing: 1px;
+ text-align: center;
+ color: #0A043C;
+ padding-bottom: 2rem;
+ text-transform: uppercase;
+ }
+
+ .tableau_mysy_4_point {
+ width: 100%;
+ float: left;
+ background: #FFF;
+ }
+
+
+ .tableau_mysy_4_point_case {
+ width: 50%;
+ float: left;
+ border: 1px solid;
+ height: 10rem;
+ }
+
+ .tableau_mysy_4_point_case_img {
+ width: 50%;
+ float: left;
+
+ }
+
+ .tableau_mysy_4_point_case_text {
+ width: 50%;
+ float: right;
+
+ }
+
+ .tableau_mysy_4_point_case_img_droite {
+ width: 50%;
+ float: right;
+ text-align: right;
+
+ }
+
+ .tableau_mysy_4_point_case_text_droite {
+ width: 50%;
+ float: left;
+ text-align: right;
+ }
+
+ .block_contact {
+ width: 80%;
+ margin: auto;
+
+ }
+
+ .block_contact_formulaire {
+ float: left;
+ width: 70%;
+ }
+
+ .block_contact_mysy {
+ float: right;
+ width: 28%;
+ }
+
+ .img_a_retenir{
+ height: 10rem;
+ }
+
}
// end media