Nos Formations & Tutoriels
{showelement === "true" &&
diff --git a/src/styles/components/_addclassmanual.scss b/src/styles/components/_addclassmanual.scss
index 90fa1a2..0668288 100644
--- a/src/styles/components/_addclassmanual.scss
+++ b/src/styles/components/_addclassmanual.scss
@@ -1,6 +1,8 @@
.addclassmanual {
-
+ .css-1d6wzja-MuiButton-startIcon{
+ margin-left: 4px !important;
+ }
.tox-statusbar__branding {
display: none !important;
@@ -71,11 +73,11 @@
}
.parter_div_filtrer_row_gauche {
float: left;
- border-width: 0.01rem;
- width: 38%;
+ border-width: 0.1rem;
+ width: 100%;
border-radius: 1rem;
- text-align: left;
- margin-left: 0.5rem;
+ margin-bottom: 1rem;
+ margin-top: 1rem;
font-size: small;
cursor: pointer;
}
@@ -83,36 +85,38 @@
.parter_div_filtrer_row_droite {
float: right;
border-width: 0.01rem;
- width: 38%;
+ width: 100%;
border-radius: 1rem;
- text-align: right;
- margin-right: 0.5rem;
+ margin-bottom: 1rem;
+ margin-top: 1rem;
+
font-size: small;
cursor: pointer;
}
.disabled_style {
//background-color: #ECEFF1;
- font-size: small !important;
+ font-size: medium !important;
color: black;
width: 100% !important;
- height: 2rem !important;
+ height: 3rem !important;
margin: 5px !important;
}
.css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input,
.css-161vxw-MuiOutlinedInput-notchedOutline {
- font-size: small !important;
+ font-size: medium !important;
}
input {
- font-size: small !important;
+ font-size: medium !important;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
+ height: 3rem !important;
}
.css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select {
- font-size: small;
+ font-size: medium;
}
.parter_div_filtrer_cente {
@@ -171,9 +175,10 @@
color: red;
border-radius: 5rem;
font-size: small;
- text-align: right;
+ text-align: center;
height: 2.5rem;
- width: 80%;
+ width: 100%;
+ border: 1px black;
}
.bton_enreg2 {
@@ -182,7 +187,7 @@
background: #81BC3A !important;
text-align: right;
height: 2.5rem;
- width: 80%;
+ width: 100%;
color: white;
}
@@ -305,7 +310,7 @@
}
.training_caract {
- width: 90%;
+ width: 97%;
padding: 5px;
float: left;
}
@@ -443,26 +448,27 @@
.disabled_style {
//background-color: #ECEFF1;
- font-size: small !important;
+ font-size: medium !important;
color: black;
width: 95% !important;
- height: 2rem !important;
- margin: 5px !important;
+ height: 3rem !important;
+ margin: 2px !important;
}
.css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input,
.css-161vxw-MuiOutlinedInput-notchedOutline {
- font-size: small !important;
+ font-size: medium !important;
}
input {
- font-size: small !important;
+ font-size: medium !important;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
+ height: 3rem !important;
}
.css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select {
- font-size: small;
+ font-size: medium;
}
.parter_div_filtrer_cente {
@@ -522,7 +528,7 @@
color: red;
border-radius: 5rem;
font-size: small;
- text-align: right;
+ text-align: center;
height: 2.5rem;
width: 80%;
}
@@ -856,20 +862,21 @@
//background-color: #ECEFF1;
font-size: small !important;
color: black;
- width: 85% !important;
- height: 2rem !important;
+ width: 90% !important;
+ height: 3rem !important;
margin: 5px !important;
}
.css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input,
.css-161vxw-MuiOutlinedInput-notchedOutline {
- font-size: small !important;
+ font-size: medium !important;
}
input {
- font-size: small !important;
+ font-size: medium !important;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
+ height: 3rem !important;
}
.css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select {
@@ -933,9 +940,9 @@
color: red;
border-radius: 5rem;
font-size: small;
- text-align: right;
+ text-align: center;
height: 2.5rem;
- width: 60%;
+ width: 80%;
}
.bton_enreg2 {
@@ -944,7 +951,7 @@
background: #81BC3A !important;
text-align: right;
height: 2.5rem;
- width: 60%;
+ width: 80%;
color: white;
}
@@ -1057,7 +1064,7 @@
.training_data {
float: left;
- width: 100%;
+ width: 99%;
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
border-radius: 10px;
@@ -1068,7 +1075,7 @@
}
.training_caract {
- width: 30%;
+ width: 50%;
padding: 5px;
float: left;
}
@@ -1274,8 +1281,8 @@
//background-color: #ECEFF1;
font-size: small !important;
color: black;
- width: 80% !important;
- height: 2rem !important;
+ width: 90% !important;
+ height: 3rem !important;
margin: 5px !important;
}
@@ -1285,9 +1292,10 @@
}
input {
- font-size: small !important;
+ font-size: medium !important;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
+ height: 3rem !important;
}
.css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select {
@@ -1347,7 +1355,7 @@
color: red;
border-radius: 5rem;
font-size: small;
- text-align: right;
+ text-align: center;
height: 2.5rem;
width: 50%;
}
diff --git a/src/styles/components/_partner.scss b/src/styles/components/_partner.scss
index 5bb4752..666570a 100644
--- a/src/styles/components/_partner.scss
+++ b/src/styles/components/_partner.scss
@@ -651,7 +651,7 @@
.parter_div_droite_haut {
float: left;
- border: 1px solid black;
+ //border: 1px solid black;
border-width: 0.01rem;
width: 100%;
height: auto;
@@ -661,7 +661,7 @@
text-align: left;
color: rgb(10, 42, 77);
background-color: white;
- margin-bottom: 2rem;
+ margin-bottom: 1rem;
}
.parter_div_filtrer_row {
@@ -677,7 +677,7 @@
float: left;
//border:0px solid black;
border-width: 0.01rem;
- width: 90%;
+ width: 100%;
border-radius: 1rem;
}
@@ -691,7 +691,7 @@
.parter_div_droite_bas {
float: left;
- border: 1px solid black;
+ //border: 1px solid black;
border-width: 0.01rem;
width: 100%;
height: auto;
@@ -853,6 +853,8 @@
width: 100%;
float: left;
border: #495057 solid 1px;
+ padding-left: 2px;
+ padding-right: 2px;
}
.titre1 {
@@ -1343,9 +1345,11 @@
margin-top: 0.5rem;
font-size: small;
background: white;
- width: 80%;
+ width: 100%;
float: left;
border: #495057 solid 1px;
+ padding-left: 2px;
+ padding-right: 2px;
}
.titre1 {
@@ -1807,9 +1811,11 @@
margin-top: 0.5rem;
font-size: small;
background: white;
- width: 50%;
+ width: 100%;
float: left;
border: #495057 solid 1px;
+ padding-left: 2px;
+ padding-right: 2px;
}
.titre1 {
diff --git a/src/styles/components/_reherche_new_v2.scss b/src/styles/components/_reherche_new_v2.scss
index c06d014..4123e1d 100644
--- a/src/styles/components/_reherche_new_v2.scss
+++ b/src/styles/components/_reherche_new_v2.scss
@@ -287,6 +287,7 @@
.mb-3 {
margin-bottom: 0.5rem !important;
+ cursor: pointer;
}
.verti_middle {
@@ -305,6 +306,7 @@
form svg {
margin-top: 0.6rem !important;
+ cursor: pointer;
}
.ch_form_svg {
@@ -2445,17 +2447,19 @@
.form-input {
border-radius: 10rem;
height: 2.5rem;
- font-size: small;
+ font-size: medium;
- line-height: 1.3;
+ line-height: 1.5;
margin-bottom: 2px;
color: white;
border: 2px solid white;
background: transparent;
+ box-shadow: none;
}
form svg {
margin-top: 0.8rem !important;
+ cursor: pointer;
}
.form span {
@@ -2469,6 +2473,7 @@
form svg {
margin-top: 0.8rem !important;
+ cursor: pointer;
}
.form span_clear {
@@ -2527,6 +2532,7 @@
.mb-3 {
margin-bottom: 0.5rem !important;
+ cursor: pointer;
}
.input-group-text {
@@ -3106,7 +3112,7 @@
width: 96%;
height: 204px;
left: 2%;
- top: 550px;
+ top: 590px;
}
@@ -3122,6 +3128,7 @@
left: 10px;
right: 5px;
top: 830px;
+ width: 98%;
}
.logo {
@@ -3473,8 +3480,8 @@
font-family: 'Albert Sans';
font-style: normal;
font-weight: 600;
- font-size: 40px;
- line-height: 44px;
+ font-size: 35px;
+ line-height: 40px;
/* or 107% */
letter-spacing: 1px;
@@ -3620,7 +3627,7 @@
flex-direction: row;
align-items: center;
padding: 0px;
- gap: 24px;
+ gap: 10px;
width: 100%;
height: 80px;
@@ -3704,6 +3711,7 @@
flex: none;
order: 0;
flex-grow: 0;
+ width: 28%;
}
@@ -3730,7 +3738,7 @@
padding: 0px;
gap: 8px;
- width: 65%;
+ width: 70%;
height: 32px;
@@ -5009,7 +5017,7 @@
.domaine_icone_fa {
margin-top: 5px;
- width: 10%;
+ width: 5%;
cursor: pointer;
}
@@ -5203,6 +5211,33 @@
font-weight: normal;
font-size: 12px;
}
+
+ .search_bar_2 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px 5px 0px 5px;
+ gap: 1px;
+
+ width: 100%;
+ height: 10px;
+
+
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ margin-bottom: 2rem !important;
+ text-align: left;
+ padding-left: 1rem;
+
+ }
+
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@@ -5395,12 +5430,13 @@
.form-input {
border-radius: 10rem;
height: 2.8rem;
- font-size: small;
- line-height: 1.3;
+ font-size: medium;
+ line-height: 1.5;
margin-bottom: 4px;
color: white;
border: 2px solid white;
background: transparent;
+ box-shadow: none;
}
h4 {
@@ -5440,6 +5476,7 @@
form svg {
margin-top: 0.8rem !important;
+ cursor: pointer;
}
.form span_clear {
@@ -5501,6 +5538,7 @@
.mb-3 {
margin-bottom: 0.5rem !important;
font-size: small !important;
+ cursor: pointer;
}
.input-group-text {
@@ -6327,7 +6365,7 @@
width: 500px;
height: 400px;
//left: 596px;
- right: 5rem;
+ right: 1rem;
top: 0px;
background: url("../../mysy_img2/img_header.png") no-repeat;
@@ -6351,7 +6389,7 @@
padding: 0px;
gap: 24px;
- width: 867px;
+ width: 900px;
height: 367px;
@@ -6389,8 +6427,8 @@
font-family: 'Albert Sans';
font-style: normal;
font-weight: 700;
- font-size: 50px;
- line-height: 54px;
+ font-size: 40px;
+ line-height: 44px;
/* or 107% */
letter-spacing: 1px;
@@ -6442,7 +6480,7 @@
padding: 0px;
gap: 16px;
- width: 867px;
+ width: 100%;
height: 113px;
@@ -6459,10 +6497,10 @@
display: flex;
flex-direction: row;
align-items: center;
- padding: 0px 12px 0px 24px;
+ padding: 0px 2px 0px 4px;
gap: 72px;
- width: 867px;
+ width: 100%;
height: 80px;
/* White */
@@ -6536,9 +6574,9 @@
flex-direction: row;
align-items: center;
padding: 0px;
- gap: 24px;
+ gap: 5px;
- width: 617px;
+ width: 80%;
height: 80px;
@@ -6610,7 +6648,7 @@
flex-direction: row;
align-items: flex-start;
padding: 0px;
- gap: 8px;
+ gap: 2px;
//width: 211px;
height: 24px;
@@ -6621,6 +6659,7 @@
flex: none;
order: 0;
flex-grow: 0;
+ width: 30%;
}
@@ -8122,6 +8161,31 @@
font-weight: 600;
}
+ .search_bar_2 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px 2px 0px 4px;
+ gap: 1px;
+
+ width: 100%;
+ height: 10px;
+
+
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ margin-bottom: 2rem !important;
+ text-align: left;
+ padding-left: 1rem;
+
+ }
}
@@ -8310,6 +8374,7 @@
color: white;
border: 2.5px solid white;
background: transparent;
+ box-shadow: none;
}
.form {
@@ -8346,6 +8411,7 @@
form svg {
margin-top: 0.8rem !important;
+ cursor: pointer;
}
.left-pan {
@@ -8427,6 +8493,7 @@
.mb-3 {
margin-bottom: 0.7rem !important;
font-size: xx-small !important;
+ cursor: pointer;
}
.input-group-text {
@@ -8950,7 +9017,7 @@
width: 96%;
height: 204px;
left: 2%;
- top: 550px;
+ top: 590px;
}
@@ -9361,7 +9428,7 @@
flex-direction: column;
align-items: flex-start;
padding: 0px;
- gap: 16px;
+ gap: 10px;
width: 100%;
height: 113px;
@@ -11048,6 +11115,33 @@
font-weight: normal;
font-size: 14px;
}
+
+ .search_bar_2 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px 1px 0px 2px;
+ gap: 72px;
+
+ width: 100%;
+ height: 10px;
+
+ /* White */
+
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ margin-bottom: 2rem !important;
+ text-align: left;
+ padding-left: 1rem;
+ }
+
}
@media only screen and (min-width: 1920px) {
@@ -11237,13 +11331,14 @@
color: white;
border: 2.5px solid white;
background: transparent;
+ box-shadow: none;
}
.form {
font-size: medium;
- width: 90%;
- margin-left: auto;
- margin-right: auto;
+ width: 100%;
+ margin-left: 0;
+ margin-right: 0;
margin-bottom: 0.5rem;
position: relative;
margin-top: 1rem;
@@ -11273,6 +11368,8 @@
form svg {
margin-top: 0.8rem !important;
+ height: 1.5rem !important;
+ cursor: pointer;
}
.left-pan {
@@ -11354,6 +11451,7 @@
.mb-3 {
margin-bottom: 0.7rem !important;
font-size: xx-small !important;
+ cursor: pointer;
}
.input-group-text {
@@ -12204,7 +12302,7 @@
padding: 0px;
gap: 24px;
- width: 80%;
+ width: 85%;
height: 367px;
@@ -12465,7 +12563,7 @@
padding: 0px;
gap: 8px;
- //width: 30%;
+ width: 20%;
height: 24px;
@@ -12500,7 +12598,7 @@
padding: 0px;
gap: 8px;
- width: 85%;
+ width: 75%;
height: 32px;
@@ -13981,6 +14079,32 @@
font-weight: normal;
font-size: 14px;
}
+
+
+ .search_bar_2 {
+ /* Auto layout */
+
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 0px 1px 0px 2px;
+ gap: 72px;
+
+ width: 100%;
+ height: 10px;
+
+ border-radius: 8px;
+
+ /* Inside auto layout */
+
+ flex: none;
+ order: 0;
+ flex-grow: 0;
+ margin-bottom: 1rem;
+ text-align: left;
+
+
+ }
}
// end media