+
@@ -2768,16 +2484,7 @@ const Recherche_new = () => {
-
-
- Le blog
-
-
- {/* */}
-
-
-
-
+
diff --git a/src/styles/components/_formation_cartouche_com.scss b/src/styles/components/_formation_cartouche_com.scss
index 19f636b..31a3f03 100644
--- a/src/styles/components/_formation_cartouche_com.scss
+++ b/src/styles/components/_formation_cartouche_com.scss
@@ -1144,12 +1144,13 @@
}
.criteres {
- font-size: 0.69rem;
+ font-size: 20px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
color: #104277;
//font-size: smaller;
padding-bottom: 0rem;
margin-bottom: 0rem;
+ line-height: 20px;
}
.div_row {
@@ -1220,7 +1221,7 @@
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
- font-size: 0.8rem;
+ font-size: 30px;
text-align: justify;
word-break: break-word;
margin-bottom: 4px;
@@ -1270,7 +1271,7 @@
font-family: 'Albert Sans';
font-style: normal;
font-weight: 400;
- font-size: 20px;
+ font-size: 45px;
line-height: 22px;
/* identical to box height */
@@ -1298,7 +1299,7 @@
font-family: 'Albert Sans';
font-style: normal;
font-weight: 400;
- font-size: 18px;
+ font-size: 40px;
line-height: 20px;
@@ -1452,7 +1453,7 @@
.bton_voir_detail {
border-radius: 15px;
- font-size: small;
+ font-size: 20px;
padding: 0.2rem;
width: 95%;
background: #104277;
@@ -1478,10 +1479,14 @@
.ftion_tab_gauche {
width: 70%;
+ line-height: 2.5rem;
+ font-size: 20px;
}
.ftion_tab_droite {
width: 30%;
+ line-height: 2.5rem;
+ font-size: 20px;
}
}
diff --git a/src/styles/components/_reherche_new_cartouche_com.scss b/src/styles/components/_reherche_new_cartouche_com.scss
new file mode 100644
index 0000000..ddf393a
--- /dev/null
+++ b/src/styles/components/_reherche_new_cartouche_com.scss
@@ -0,0 +1,3987 @@
+.reherche_new_cartouche_com {
+ .h1_transparent {
+ color: transparent;
+ //color: red;
+ font-size: 0.1rem;
+ }
+
+ @media only screen and (max-width: 600px) {
+ .calage {
+ display: none;
+ }
+ /*style smartphones et petites tablettes en portrait*/
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: small;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ margin-top: 0.5rem;
+ }
+
+ input::placeholder {
+ font-size: 0.7rem;
+ color: black;
+ }
+
+ .align_gauche {
+ margin-left: 0rem;
+ width: 100%;
+ float: left;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: x-small;
+ }
+
+ .btn-primary {
+ margin-top: 0.25rem !important;
+ }
+
+ .filter_dist {
+ width: 70% !important;
+ text-align: left;
+ }
+
+ .recherchedivgauche {
+ width: 90%;
+ border-radius: 0.5rem;
+ float: left;
+ text-align: center;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .okUpdateData {
+ font-size: 0.7rem;
+ color: green;
+ font-style: italic;
+ }
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+
+ .recherchedivdroite {
+ width: 5%;
+ border-radius: 0rem;
+ float: right;
+ align-content: flex-end;
+ border-left: 0.1rem solid;
+ border-left-color: #ced4da;
+ }
+
+ .recherchefilter {
+ display: inline-block;
+ width: 97%;
+ background-color: black;
+ color: white;
+ height: auto;
+ padding: 1px;
+ outline: 1px solid #ccc;
+ margin: 0;
+ text-align: left;
+ border-radius: 20px;
+ margin-bottom: 0.1rem;
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ //margin-top: 1rem;
+ }
+
+ .rech_container {
+ width: 90%;
+ height: 200px;
+ background: aqua;
+ margin: auto;
+ padding: 2px;
+ border-radius: 30px;
+ }
+
+ .rech_leftbox {
+ float: left;
+ border-width: 1px;
+ width: 98%;
+ height: 100%;
+ margin: auto;
+ padding: 0.3rem;
+ border-radius: 1rem;
+
+ margin-bottom: 0.1rem;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
+ background: white;
+ margin-left: 1%;
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ margin-top: 0.5rem;
+ margin-right: auto;
+ margin-bottom: 10px;
+ }
+
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0.1rem;
+ border-radius: 30px;
+ margin-right: 0.5%;
+ //background-color: #f8f9f9;
+ }
+
+ .rech_rightbox {
+ display: none;
+ }
+ .textsurimage {
+ color: rgb(218, 207, 207);
+ background-color: transparent;
+ font-size: 1.5rem;
+ text-align: center;
+ position: absolute;
+ top: 30%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ position: re;
+ }
+
+ .rech_list_formation2 {
+ display: inline-block;
+ width: 100%;
+ background-color: white;
+ height: auto;
+ padding: 1px;
+ outline: 1px solid #ccc;
+ //border: 1px solid #999;
+ margin: 0;
+ text-align: left;
+ border-radius: 10px;
+ margin-bottom: 10px;
+ //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
+
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ }
+
+ .rech_list_formation2:hover {
+ -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ }
+
+ input[type="submit"] {
+ width: 100%;
+ margin-top: 0;
+ }
+
+ h3 {
+ font-size: 1rem;
+ }
+
+ .form {
+ position: relative;
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .textsurimage23 {
+ color: rgb(218, 207, 207);
+ background-color: transparent;
+ text-align: center;
+ position: absolute;
+ top: 15%;
+ left: 20%;
+ width: 20rem;
+ }
+
+ h4 {
+ display: inline-block;
+ font-size: medium; /*or whatever you want*/
+ color: white;
+ }
+
+ .default_font {
+ color: #3c4043;
+ display: inline-block;
+ line-height: 28px;
+ font-size: small;
+ }
+
+ .ch_recherche {
+ margin-left: 10%;
+ margin-right: 10%;
+ background-color: white;
+ align-items: center;
+ }
+
+ .input-group-text2 {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.7rem;
+ border-radius: 0.2rem;
+ }
+
+ .rech_list_formation {
+ display: inline-block;
+ width: 100%;
+ background-color: #eee;
+ height: auto;
+ padding: 1em;
+ outline: 1px solid #ccc;
+ border: 1px solid #999;
+ background-color: #999;
+ margin: 0 auto;
+ text-align: left;
+ }
+
+ .height {
+ height: 100vh;
+ }
+
+ .form .fa-search {
+ position: absolute;
+ top: 20px;
+ left: 20px;
+ color: #9ca3af;
+ }
+
+ .input-group-text {
+ font-size: 0.6rem !important;
+ }
+
+ .form-select {
+ font-size: 0.6rem !important;
+ padding: auto;
+ }
+
+ .mb-3 {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .verti_middle {
+ margin-top: 2rem !important;
+ }
+
+ .form span {
+ position: absolute;
+ right: 0.1rem;
+ top: 0.1rem;
+ padding: 1.5px;
+ border-left: 0.2rem solid #d1d5db;
+ height: 1.9rem;
+ }
+
+ form svg {
+ margin-top: 0.6rem !important;
+ }
+
+ .ch_form_svg {
+ svg {
+ margin-top: 0rem !important;
+ }
+ }
+
+ .form span_clear {
+ position: absolute;
+ right: 1.5rem !important;
+ top: 0.1rem !important;
+ padding: 2px;
+ border-left: 0.2rem solid #d1d5db !important;
+ height: 1.9rem;
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .left-pan {
+ padding-left: 7rem;
+ }
+
+ .left-pan i {
+ padding-left: 10px;
+ }
+
+ .form-input {
+ border-radius: 10rem;
+ height: 2rem;
+ font-size: small;
+ padding-bottom: 0.1rem;
+ padding-top: 0.1rem;
+ }
+
+ .text-box {
+ position: absolute;
+ height: 100%;
+ text-align: center;
+ width: 100%;
+ }
+ .text-box:before {
+ content: "";
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 50%;
+ }
+
+ .filter_span {
+ padding-top: 0.3rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ color: #104277;
+ font-size: 0.75rem;
+ white-space: nowrap;
+ width: 30%;
+ margin-top: 0.3rem;
+ }
+ .filter_val {
+ padding-top: 0.1rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ font-size: 0.75rem;
+ white-space: nowrap;
+ border: none;
+ background: transparent;
+ color: #3b3e40;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ border: 0.1rem solid black;
+ border-radius: 0.3rem !important;
+ width: 65%;
+ margin-top: 0.3rem;
+ margin-right: 0px;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+ position: fixed;
+ z-index: 10;
+ top: 0px;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ z-index: 10;
+ background-color: #e7f3fb;
+ background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+
+ //border-bottom-left-radius: 25px;
+ //border-bottom-right-radius: 25px;
+ }
+
+ .div_mobile {
+ position: relative;
+ top: 8rem;
+ z-index: 1;
+ width: 98%;
+ height: 100%;
+ margin: 0.3rem;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ color: white !important;
+ }
+
+ .menuPrincipal {
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ width: 20%;
+ float: right;
+ font-weight: 500;
+ cursor: pointer;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ font-weight: bold;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.2rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ width: 50%;
+ text-align: center;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_003 {
+ display: none;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin-bottom: 0.2rem;
+ margin-top: 0.2rem;
+ }
+
+ .div_005 {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ color: black !important;
+ }
+
+ .hilightsoustitre {
+ background: #113459;
+ color: #fff;
+ display: block;
+ font-size: 0.85rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .hilightsoustitre_v2 {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ letter-spacing: 2px;
+ }
+
+ .hilightsoustitre_v2_metier {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ letter-spacing: 2px;
+ }
+
+ .tab_gauche {
+ width: 50%;
+ float: left;
+ text-align: left;
+ }
+
+ .tab_droite {
+ width: 50%;
+ float: right;
+ text-align: right;
+ }
+
+ .tab_gauche_metier {
+ width: 20%;
+ float: left;
+ text-align: left;
+ }
+
+ .tab_droite_metier {
+ width: 20%;
+ float: right;
+ text-align: right;
+ }
+
+ .img_thematique_metier {
+ display: block;
+ border-radius: 10rem;
+ max-width: 360px;
+ }
+
+ .met_polaroid_gauche {
+ width: 97%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 2px;
+ }
+
+ .met_polaroid_droite {
+ width: 97%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ margin-left: 3%;
+ border-radius: 2px;
+ }
+
+ .met_container {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ font-weight: bold;
+ }
+
+ .met_text {
+ margin-bottom: 0.1rem;
+ font-size: x-small;
+ white-space: nowrap;
+ overflow: hidden;
+ font-weight: bold;
+ }
+
+ .met_text_larg {
+ margin-bottom: 0.1rem;
+ font-size: xx-small;
+ font-weight: bold;
+ white-space: nowrap;
+ overflow: hidden;
+ }
+
+ .met_text_all_categories {
+ margin-bottom: 0.1rem;
+ font-size: x-small;
+ margin-top: 1rem;
+ }
+ .met_container_all_categories {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ height: 4rem;
+ }
+
+ .met_polaroid_gauche_all_categories {
+ width: 100%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .tab_gauche_all_categories {
+ width: 100%;
+ float: left;
+ text-align: left;
+ }
+
+ .img_categorie {
+ width: 100%;
+ border-top-right-radius: 2px;
+ border-radius: 2px;
+ padding: 5px;
+ }
+
+ .met_polaroid,
+ .met_polaroid_line2 {
+ display: none;
+ }
+
+ .bienvenu {
+ display: none;
+ }
+ .new_filter_zone {
+ float: left;
+ width: 35%;
+ display: flex;
+ align-items: center;
+ font-size: smaller;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #e9ecef;
+ border: 1px solid #ced4da;
+ }
+
+ .new_filter_zone_cerif_radio {
+ width: 30%;
+ float: left;
+ text-align: right;
+ font-size: smaller;
+ }
+
+ .new_filter_zone_cerif_radio_right {
+ //width: 30%;
+ float: left;
+ text-align: left;
+ font-size: small;
+ padding-left: 5px;
+ }
+
+ .new_filter_zone_cerif_radio_left {
+ //width: 30%;
+ float: left;
+ text-align: center;
+ font-size: small;
+ padding-right: 15px;
+ padding-left: 2px;
+ min-width: 30%;
+ }
+
+ .new_filter_zone_row {
+ margin-bottom: 0.7rem !important;
+ width: 100%;
+ padding-right: 5px;
+ }
+
+ .tick_ok_ko {
+ max-width: 4%;
+ padding-bottom: 0.5rem;
+ }
+
+ .tab_logo_metier {
+ width: 100%;
+ padding-left: 5px;
+ }
+
+ .tab_critere_espace {
+ margin-bottom: 1rem;
+ padding-bottom: 0rem;
+ }
+ }
+
+ @media only screen and (min-width: 601px) and (max-width: 991px) {
+ /*style petites-moyennes tablettes */
+
+ .div_row {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 48%;
+ border-radius: 1rem;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 48%;
+ border-radius: 1rem;
+ }
+
+ .align_gauche {
+ margin-left: 0rem;
+ overflow-y: hidden;
+ white-space: nowrap;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ width: 100%;
+ }
+ .recherchefilter {
+ display: none;
+ }
+ .filter_dist {
+ width: 70% !important;
+ text-align: left;
+ }
+
+ .okUpdateData {
+ font-size: small;
+ color: green;
+ font-style: italic;
+ }
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+
+ .rech_container {
+ width: 90%;
+ height: 200px;
+ background: aqua;
+ margin: auto;
+ padding: 10px;
+ border-radius: 30px;
+ }
+
+ .rech_leftbox {
+ float: left;
+ //border: 0px solid black;
+ border-width: 1px;
+ width: 30%;
+ height: 100%;
+ padding: 0.5rem;
+ border-radius: 1rem;
+ //margin-top: 1rem !important;
+ margin-bottom: 0.1rem;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
+ background: white;
+ margin-left: 5px;
+ //-webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ margin-top: 0.5rem;
+ }
+
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 68%;
+ height: 100%;
+ margin: auto;
+ margin-right: auto;
+ padding: 0.1rem;
+ padding-right: 0.1rem;
+ padding-left: 0.1rem;
+ border-radius: 30px;
+ margin-right: 0px;
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+
+ .textsurimage {
+ color: rgb(218, 207, 207);
+ background-color: transparent;
+ font-size: 40pt;
+ text-align: center;
+ position: absolute;
+ top: 30%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ position: absolute;
+ }
+
+ .rech_list_formation2 {
+ display: inline-block;
+ width: 100%;
+ background-color: white;
+ height: auto;
+ padding: 1px;
+ outline: 1px solid #ccc;
+ //border: 1px solid #999;
+ margin: 0;
+ text-align: left;
+ border-radius: 10px;
+ margin-bottom: 10px;
+ //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ }
+
+ .rech_list_formation2:hover {
+ -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ }
+
+ h3 {
+ font-size: 2rem;
+ }
+
+ .form {
+ font-size: medium;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 0.5rem;
+ position: relative;
+ margin-top: 1rem;
+ z-index: 11;
+ }
+
+ .textsurimage23 {
+ color: rgb(218, 207, 207);
+ background-color: transparent;
+ text-align: center;
+ position: absolute;
+ top: 20%;
+ left: 30%;
+ width: 20rem;
+ }
+
+ h4 {
+ display: inline-block;
+ font-size: x-large; /*or whatever you want*/
+ color: white;
+ }
+
+ .default_font {
+ color: #3c4043;
+ display: inline-block;
+ line-height: 28px;
+ font-size: small;
+ }
+
+ .form-input {
+ border-radius: 10rem;
+ height: 2.5rem;
+ font-size: small;
+
+ line-height: 1.3;
+ margin-bottom: 2px;
+ color: white;
+ border: 2px solid white;
+ background: transparent;
+ }
+
+ form svg {
+ margin-top: 0.8rem !important;
+ }
+
+ .form span {
+ position: absolute;
+ right: 0.2rem;
+ top: 0.1rem;
+ padding: 2px;
+ border-left: 0.2rem solid #d1d5db;
+ height: 2.4rem;
+ }
+
+ form svg {
+ margin-top: 0.8rem !important;
+ }
+
+ .form span_clear {
+ position: absolute;
+ right: 2rem !important;
+ top: 0.1rem !important;
+ padding: 2px;
+ border-left: 0.2rem solid #d1d5db !important;
+ height: 2.4rem;
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .left-pan {
+ padding-left: 7px;
+ }
+
+ .left-pan i {
+ padding-left: 10px;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ margin-top: 0.5rem;
+ }
+
+ .text-box {
+ position: absolute;
+ height: 100%;
+ text-align: center;
+ width: 100%;
+ }
+ .text-box:before {
+ content: "";
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 30%;
+ }
+
+ .form-select {
+ font-size: 0.6rem !important;
+ padding: auto;
+ padding-right: 0.2rem !important;
+ }
+
+ .mb-3 {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .input-group-text {
+ font-size: 0.6rem !important;
+ padding-left: 0rem !important;
+ padding-right: 0.2rem !important;
+ }
+
+ .rech_rightbox {
+ /* opacity: 1;
+ border: 1px;
+ outline: 0;
+ border-bottom: 2px solid transparent;
+ color: white;
+ font-size: medium !important;
+ border-radius: 1rem;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ margin-bottom: 0.5rem;
+ padding-top: 0.5rem;*/
+ display: none;
+ }
+
+ .rech_rightbox .button2 {
+ opacity: 1;
+ background: #619e31;
+ border: 1px;
+ outline: 0;
+ border-bottom: 2px solid transparent;
+ color: white;
+ font-size: medium !important;
+ border-radius: 1rem;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ margin-bottom: 0.5rem;
+ }
+
+ .rech_rightbox_inside {
+ float: left;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ overflow-y: scroll;
+ height: 800px;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ padding-right: 5px;
+ margin-right: 5px;
+ }
+
+ .filter_span {
+ padding-top: 0.3rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ color: #104277;
+ font-size: 0.75rem;
+ white-space: nowrap;
+ width: 30%;
+ margin-top: 0.3rem;
+ }
+ .filter_val {
+ padding-top: 0.1rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ font-size: 0.75rem;
+ white-space: nowrap;
+ border: none;
+ background: transparent;
+ color: #3b3e40;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ border: 0.1rem solid black;
+ border-radius: 0.3rem !important;
+ width: 65%;
+ margin-top: 0.3rem;
+ margin-right: 0px;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.1rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+
+ z-index: 10;
+ min-height: 30rem;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ min-height: 100%;
+ height: 30rem;
+
+ background-color: #e7f3fb;
+ z-index: 10;
+ background: url("../../mysy_img/mysy_home.jpg") no-repeat;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ //border-bottom-left-radius: 25px;
+ //border-bottom-right-radius: 25px;
+ }
+
+ .div_mobile {
+ z-index: -1;
+ width: 100%;
+ height: 100%;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ color: white !important;
+ }
+
+ .menuPrincipal_bton {
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ }
+
+ .menuPrincipal {
+ margin-left: 0.7rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 40%;
+ text-align: left;
+ }
+
+ .div_003 {
+ float: left;
+ width: 60%;
+ text-align: right;
+ color: white;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin: 0.2rem;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
+ .hilightsoustitre {
+ background: #113459;
+ color: #fff;
+ display: block;
+ font-size: 0.85rem;
+ margin-bottom: 0.5rem;
+ letter-spacing: 0.15rem;
+ }
+
+ .hilightsoustitre_v2 {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ letter-spacing: 2px;
+ height: 2rem;
+ padding-top: 5px;
+ }
+
+ .hilightsoustitre_v2_metier {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ letter-spacing: 2px;
+ margin-top: 3rem;
+ height: 2rem;
+ padding-top: 5px;
+ }
+
+ .tab_gauche {
+ width: 50%;
+ float: left;
+ text-align: left;
+ }
+
+ .tab_droite {
+ width: 50%;
+ float: right;
+ text-align: right;
+ }
+
+ .tab_gauche_metier {
+ width: 48%;
+ float: left;
+ text-align: left;
+ text-align: left;
+ margin-right: 2%;
+ max-width: 48% !important;
+ min-width: 48% !important;
+ }
+
+ .tab_droite_metier {
+ width: 48%;
+ float: right;
+ text-align: right;
+ }
+
+ .img_thematique_metier {
+ display: block;
+ border-radius: 10rem;
+ max-width: 360px;
+ }
+ .met_polaroid_gauche {
+ width: 95%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .met_polaroid_gauche:hover {
+ transition-duration: 0.5s;
+ transform: scale(1.1);
+ box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
+ }
+
+ .met_polaroid_droite {
+ width: 100%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .met_polaroid_droite:hover {
+ transition-duration: 0.5s;
+ transform: scale(1.1);
+ box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
+ }
+
+ .met_container {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ font-weight: bold;
+ }
+
+ .met_text {
+ margin-bottom: 0.1rem;
+ font-size: x-small;
+ font-weight: bold;
+ white-space: nowrap;
+ overflow: hidden;
+ font-weight: bold;
+ }
+
+ .met_text_larg {
+ margin-bottom: 0.1rem;
+ font-size: xx-small;
+ font-weight: bold;
+ white-space: nowrap;
+ overflow: hidden;
+ }
+
+ .met_text_all_categories {
+ margin-bottom: 0.1rem;
+ font-size: x-small;
+ margin-top: 1rem;
+ }
+ .met_container_all_categories {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ height: 4rem;
+ }
+
+ .met_polaroid_gauche_all_categories {
+ width: 100%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .tab_gauche_all_categories {
+ width: 100%;
+ float: left;
+ text-align: left;
+ }
+
+ .img_categorie {
+ width: 100%;
+ border-top-right-radius: 12px;
+ border-radius: 12px;
+ padding: 5px;
+ }
+
+ .h1_transparent {
+ color: transparent;
+ //color: red;
+ font-size: 0.1rem;
+ }
+
+ .mymenu_item {
+ font-size: 0.7rem !important;
+ }
+
+ .MuiMenuItem-root {
+ font-size: 0.7rem !important;
+ }
+
+ .new_filter_zone {
+ float: left;
+ width: 35%;
+ display: flex;
+ align-items: center;
+ font-size: 0.75rem;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #e9ecef;
+ border: 1px solid #ced4da;
+ }
+
+ .new_filter_zone_cerif_radio {
+ width: 30%;
+ float: left;
+ text-align: right;
+ font-size: 0.75rem;
+ }
+
+ .new_filter_zone_cerif_radio_right {
+ float: left;
+ text-align: left;
+ font-size: 0.7rem;
+ padding-left: 5px;
+ }
+
+ .new_filter_zone_cerif_radio_left {
+ //width: 30%;
+ float: left;
+ text-align: center;
+ font-size: 0.7rem;
+ padding-right: 5px;
+ padding-left: 2px;
+ }
+
+ .new_filter_zone_row {
+ //margin-bottom: 10px !important;
+ width: 100%;
+ padding-right: 2px;
+ }
+
+ .tick_ok_ko {
+ max-width: 4%;
+ padding-bottom: 0.5rem;
+ }
+
+ .new_filter_zone_prix {
+ margin-top: 0.8rem;
+ margin-bottom: 0.8rem;
+ padding-right: 10px;
+ }
+
+ .middle {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.2rem;
+
+ margin-left: auto;
+ margin-right: auto;
+ padding-top: 15%;
+ }
+
+ input::placeholder {
+ color: white;
+ }
+
+ .bienvenu {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: large;
+ color: white;
+ }
+
+ .categorie {
+ padding-top: 15%;
+ width: 80%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .met_polaroid {
+ text-align: center;
+ margin-top: 9rem;
+ }
+
+ .met_polaroid_line2 {
+ text-align: center;
+ margin-top: 1rem;
+ }
+
+ .img_categorie_v2 {
+ border-radius: 5px;
+ background: white;
+ min-width: 3rem;
+ width: 6rem;
+ font-size: smaller;
+ border: 3px solid black;
+ box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24);
+ cursor: pointer;
+ outline: none;
+ transition: 0.2s all;
+ margin-right: 1rem;
+ }
+
+ .img_categorie_v2:active {
+ transform: scale(1.1);
+ /* Scaling button to 0.98 to its original size */
+ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
+ /* Lowering the shadow */
+ }
+
+ .img_categorie_v2:hover {
+ transform: scale(1.1);
+ /* Scaling button to 0.98 to its original size */
+ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
+ /* Lowering the shadow */
+ }
+
+ input:-webkit-autofill,
+ input:-webkit-autofill:hover,
+ input:-webkit-autofill:focus,
+ input:-webkit-autofill:active {
+ transition: background-color 5000000s ease-in-out 0s;
+ }
+ .calage {
+ display: none;
+ }
+
+ .tab_logo_metier {
+ width: 100%;
+ padding-left: 3%;
+ box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ padding-left: 5px;
+ border-radius: 10px;
+ float: left;
+ padding-bottom: 0.5rem;
+ padding-top: 5px;
+ }
+
+ .tab_critere_espace {
+ margin-bottom: 1.5rem;
+ padding-bottom: 1.5rem;
+ box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ padding-left: 5px;
+ border-radius: 10px;
+ padding-top: 10px;
+ }
+ }
+
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+ /*style grande tablettes & Pc portable */
+
+ .div_row {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 48%;
+ border-radius: 1rem;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 48%;
+ border-radius: 1rem;
+ }
+
+ .align_gauche {
+ margin-left: 0rem;
+ width: 100%;
+ float: right;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+
+ .recherchefilter {
+ display: none;
+ }
+
+ .okUpdateData {
+ font-size: small;
+ color: green;
+ font-style: italic;
+ }
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+
+ .rech_container {
+ width: 90%;
+ height: 200px;
+ background: aqua;
+ margin: auto;
+ padding: 10px;
+ border-radius: 30px;
+ }
+
+ .rech_leftbox {
+ float: left;
+ //border: 0px solid black;
+ border-width: 1px;
+ width: 35%;
+ height: 100%;
+ padding: 0.1rem;
+ border-radius: 1rem;
+ //margin-top: 1rem !important;
+ margin-bottom: 0.1rem;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
+ background: white;
+ margin-left: 5px;
+ //-webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ margin-top: 0.5rem;
+ padding-left: 5px;
+ }
+
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 64%;
+ height: 100%;
+ margin: auto;
+ padding: 0rem;
+ border-radius: 30px;
+ margin-right: 0%;
+ padding-left: 1rem;
+ padding-right: 10px;
+ //background-color: #f8f9f9;
+ //overflow-y: scroll;
+ }
+
+ .rech_rightbox {
+ /* float: right;
+ //border: 0px solid black;
+ border-width: 0px;
+ width: 20%;
+ height: 100%;
+ margin: auto;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ overflow-y: scroll;
+ padding-top: 0.5rem;*/
+ display: none;
+ }
+
+ .rech_rightbox .button2 {
+ opacity: 1;
+ background: #619e31;
+ border: 1px;
+ outline: 0;
+ border-bottom: 2px solid transparent;
+ color: white;
+ font-size: medium !important;
+ border-radius: 1rem;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ margin-bottom: 0.5rem;
+ }
+
+ .rech_rightbox_inside {
+ float: left;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ overflow-y: scroll;
+ height: 800px;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ padding-right: 5px;
+ margin-right: 5px;
+ }
+
+ .textsurimage {
+ color: rgb(218, 207, 207);
+ background-color: transparent;
+ font-size: 40pt;
+ text-align: center;
+ position: absolute;
+ top: 30%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ position: absolute;
+ }
+
+ .rech_list_formation2 {
+ display: inline-block;
+ width: 100%;
+ height: auto;
+ padding: 1px;
+ outline: 1px solid #ccc;
+ //border: 1px solid #999;
+ margin: 0;
+ text-align: left;
+ border-radius: 10px;
+ margin-bottom: 10px;
+ background-color: white;
+ //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
+
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ }
+
+ .rech_list_formation2:hover {
+ -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ }
+
+ .textsurimage23 {
+ color: rgb(218, 207, 207);
+ background-color: transparent;
+ text-align: center;
+ position: absolute;
+ top: 20%;
+ left: 30%;
+ width: 30rem;
+ }
+
+ .form-input {
+ border-radius: 10rem;
+ height: 2.8rem;
+ font-size: small;
+ line-height: 1.3;
+ margin-bottom: 4px;
+ color: white;
+ border: 2px solid white;
+ background: transparent;
+ }
+
+ h4 {
+ display: inline-block;
+ font-size: x-large; /*or whatever you want*/
+ color: white;
+ }
+
+ .default_font {
+ color: #3c4043;
+ display: inline-block;
+ line-height: 28px;
+ font-size: medium;
+ }
+
+ .form {
+ font-size: medium;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 0.5rem;
+ position: relative;
+ margin-top: 1rem;
+ z-index: 11;
+ }
+
+ .form span {
+ position: absolute;
+ right: 0.2rem;
+ top: 0.1rem;
+ padding: 2px;
+ border-left: 0.2rem solid white;
+ height: 2.7rem;
+ }
+
+ form svg {
+ margin-top: 0.8rem !important;
+ }
+
+ .form span_clear {
+ position: absolute;
+ right: 1.5rem !important;
+ top: 0.1rem !important;
+ padding: 2px;
+ border-left: 0.2rem solid white !important;
+ height: 2.7rem;
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .left-pan {
+ padding-left: 7px;
+ }
+
+ .left-pan i {
+ padding-left: 10px;
+ }
+
+ .containerBox {
+ position: relative;
+ display: inline-block;
+ margin-top: 0.5rem;
+ }
+
+ .text-box {
+ position: absolute;
+ height: 100%;
+ text-align: center;
+ width: 100%;
+ }
+ .text-box:before {
+ content: "";
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 20%;
+ max-height: 3rem;
+ }
+
+ .form-select {
+ font-size: 0.8rem !important;
+ padding-left: 0px !important;
+ padding-right: 1rem !important;
+ }
+
+ .mb-3 {
+ margin-bottom: 0.5rem !important;
+ font-size: small !important;
+ }
+
+ .input-group-text {
+ font-size: 0.8rem !important;
+ padding-left: 0px !important;
+ }
+
+ .filter_span {
+ padding-top: 0.5rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ color: #104277;
+ font-size: 0.9rem;
+ white-space: nowrap;
+ width: 30%;
+ margin-top: 0.6rem;
+ }
+ .filter_val {
+ padding-top: 0.1rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ font-size: 0.75rem;
+ white-space: nowrap;
+ border: none;
+ background: transparent;
+ color: #3b3e40;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ border: 0.1rem solid black;
+ border-radius: 0.3rem !important;
+ width: 65%;
+ margin-top: 0.3rem;
+ margin-right: 0px;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.1rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+
+ z-index: 10;
+ min-height: 30rem;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ min-height: 100%;
+ height: 30rem;
+
+ background-color: #e7f3fb;
+ z-index: 10;
+ background: url("../../mysy_img/mysy_home.jpg") no-repeat;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ //border-bottom-left-radius: 25px;
+ //border-bottom-right-radius: 25px;
+ }
+
+ .div_mobile {
+ z-index: -1;
+ width: 100%;
+ height: 100%;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ color: white !important;
+ margin-top: 5rem;
+ }
+
+ .menuPrincipal_bton {
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ }
+
+ .menuPrincipal {
+ margin-left: 0.8rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 50%;
+ text-align: left;
+ }
+
+ .div_003 {
+ float: left;
+ width: 50%;
+ text-align: right;
+ color: white;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.1rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin: 0.2rem;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
+ .hilightsoustitre {
+ background: #113459;
+ color: #fff;
+ display: block;
+ font-size: 0.9rem;
+ margin-bottom: 0.5rem;
+ letter-spacing: 0.15rem;
+ }
+
+ .hilightsoustitre_v2 {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ margin-top: 0.5rem;
+ letter-spacing: 2px;
+ height: 2rem;
+ padding-top: 5px;
+ }
+
+ .hilightsoustitre_v2_metier {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ letter-spacing: 2px;
+ margin-top: 3rem;
+ height: 2rem;
+ padding-top: 5px;
+ }
+
+ .tab_gauche {
+ width: 50%;
+ float: left;
+ text-align: left;
+ }
+
+ .tab_droite {
+ width: 50%;
+ float: right;
+ text-align: right;
+ }
+
+ .tab_gauche_metier {
+ width: 48%;
+ float: left;
+ text-align: left;
+ }
+
+ .tab_droite_metier {
+ width: 48%;
+ float: right;
+ text-align: right;
+ }
+
+ .img_thematique_metier {
+ display: block;
+ border-radius: 10rem;
+ max-width: 360px;
+ }
+
+ .met_polaroid_gauche {
+ width: 95%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .met_polaroid_gauche:hover {
+ transition-duration: 0.5s;
+ transform: scale(1.1);
+ box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
+ }
+
+ .met_polaroid_droite {
+ width: 100%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+ .met_polaroid_droite:hover {
+ transition-duration: 0.5s;
+ transform: scale(1.1);
+ box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
+ }
+
+ .met_container {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ font-weight: bold;
+ }
+
+ .met_text {
+ margin-bottom: 0.1rem;
+ font-size: small;
+ font-weight: bold;
+ white-space: nowrap;
+ overflow: hidden;
+ font-weight: bold;
+ }
+
+ .met_text_larg {
+ margin-bottom: 0.1rem;
+ font-size: xx-small;
+ font-weight: bold;
+ white-space: nowrap;
+ overflow: hidden;
+ }
+
+ .met_text_all_categories {
+ margin-bottom: 0.1rem;
+ font-size: x-small;
+ margin-top: 1rem;
+ }
+ .met_container_all_categories {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ height: 3rem;
+ }
+
+ .met_polaroid_gauche_all_categories {
+ width: 100%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .tab_gauche_all_categories {
+ width: 100%;
+ float: left;
+ text-align: left;
+ }
+
+ .img_categorie {
+ width: 100%;
+ border-top-right-radius: 12px;
+ border-radius: 12px;
+ padding: 5px;
+ }
+
+ .h1_transparent {
+ color: transparent;
+ //color: red;
+ font-size: 0.1rem;
+ }
+
+ .mymenu_item {
+ font-size: 0.7rem !important;
+ }
+
+ .MuiMenuItem-root {
+ font-size: 0.7rem !important;
+ }
+
+ .new_filter_zone {
+ float: left;
+ width: 35%;
+ display: flex;
+ align-items: center;
+ font-size: small;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #e9ecef;
+ border: 1px solid #ced4da;
+ }
+
+ .new_filter_zone_cerif_radio {
+ width: 30%;
+ float: left;
+ text-align: right;
+ font-size: smaller;
+ }
+
+ .new_filter_zone_cerif_radio_right {
+ //width: 30%;
+ float: left;
+ text-align: left;
+ font-size: small;
+ padding-left: 5px;
+ }
+
+ .new_filter_zone_cerif_radio_left {
+ //width: 30%;
+ float: left;
+ text-align: center;
+ font-size: small;
+ padding-right: 5px;
+ padding-left: 2px;
+ }
+
+ .new_filter_zone_row {
+ width: 100%;
+ padding-right: 5px;
+ }
+
+ .tick_ok_ko {
+ max-width: 5%;
+ padding-bottom: 0.8rem;
+ }
+
+ .new_filter_zone_prix {
+ margin-top: 0.7rem;
+ margin-bottom: 0.7rem;
+ padding-right: 10px;
+ }
+
+ .middle {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.2rem;
+
+ margin-left: auto;
+ margin-right: auto;
+ padding-top: 15%;
+ }
+
+ input::placeholder {
+ color: white;
+ }
+
+ .bienvenu {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: large;
+ color: white;
+ }
+
+ .categorie {
+ padding-top: 15%;
+ width: 80%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .met_polaroid {
+ text-align: center;
+ margin-top: 9rem;
+ }
+
+ .met_polaroid_line2 {
+ text-align: center;
+ margin-top: 1rem;
+ }
+
+ .img_categorie_v2 {
+ border-radius: 5px;
+ background: white;
+ min-width: 3rem;
+ width: 8rem;
+ font-size: smaller;
+ border: 2px solid black;
+ box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24);
+ cursor: pointer;
+ outline: none;
+ transition: 0.2s all;
+ margin-right: 1rem;
+ }
+
+ .img_categorie_v2:active {
+ transform: scale(1.1);
+ /* Scaling button to 0.98 to its original size */
+ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
+ /* Lowering the shadow */
+ }
+
+ .img_categorie_v2:hover {
+ transform: scale(1.1);
+ /* Scaling button to 0.98 to its original size */
+ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
+ /* Lowering the shadow */
+ }
+
+ input:-webkit-autofill,
+ input:-webkit-autofill:hover,
+ input:-webkit-autofill:focus,
+ input:-webkit-autofill:active {
+ transition: background-color 5000000s ease-in-out 0s;
+ }
+ .calage {
+ display: none;
+ }
+ .tab_logo_metier {
+ width: 100%;
+ padding-left: 5px;
+ box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ padding-left: 10px;
+ border-radius: 10px;
+ float: left;
+ padding-bottom: 0.5rem;
+ padding-top: 10px;
+ }
+
+ .tab_critere_espace {
+ margin-bottom: 1.5rem;
+ padding-bottom: 1.5rem;
+ box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ padding-left: 5px;
+ border-radius: 10px;
+ padding-top: 10px;
+ }
+ }
+
+ @media only screen and (min-width: 1201px) and (max-width: 2000px) {
+ /* Ordi de bureau et grands ecrans*/
+ .align_gauche {
+ margin-left: 0rem;
+ width: 100%;
+ float: right;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+ .recherchefilter {
+ display: none;
+ }
+
+ .okUpdateData {
+ font-size: small;
+ color: green;
+ font-style: italic;
+ }
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+
+ .rech_container {
+ width: 90%;
+ height: 200px;
+ background: aqua;
+ margin: auto;
+ padding: 10px;
+ border-radius: 30px;
+ }
+
+ .rech_leftbox {
+ float: left;
+ //border: 0px solid black;
+ border-width: 1px;
+ width: 24%;
+ height: 100%;
+ padding: 0.5rem;
+ border-radius: 1rem;
+ //margin-top: 1rem !important;
+ margin-bottom: 0.1rem;
+ font-size: small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
+ background: white;
+ margin-left: 5px;
+ //-webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding-left: 5px;
+ }
+
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 90%;
+ height: 100%;
+ margin: auto;
+ padding: 0rem;
+ border-radius: 30px;
+ margin-right: 0%;
+ padding-left: 1rem;
+ padding-right: 10px;
+ margin-left: 5%;
+ margin-right: 5%;
+
+ //background-color: #f8f9f9;
+ //overflow-y:scroll;
+ }
+
+ .rech_rightbox {
+ /* float: right;
+ //border-left: 0px solid black;
+ width: 20%;
+ height: 100%;
+ margin: 0px;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ height: 100%;
+ margin-top: 0.5rem !important;*/
+ display: none;
+ }
+
+ .rech_rightbox .button2 {
+ opacity: 1;
+ background: #619e31;
+ border: 1px;
+ outline: 0;
+ border-bottom: 2px solid transparent;
+ color: white;
+ font-size: medium !important;
+ border-radius: 1rem;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ margin-bottom: 0.5rem;
+ }
+
+ .rech_rightbox_inside {
+ float: left;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ overflow-y: scroll;
+ height: 800px;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ padding-right: 5px;
+ margin-right: 5px;
+ }
+
+ .textsurimage {
+ color: rgb(218, 207, 207);
+ background-color: transparent;
+ font-size: 40pt;
+ text-align: center;
+ position: absolute;
+ top: 30%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ position: absolute;
+ }
+
+ .rech_list_formation2 {
+ display: inline-block;
+ width: 100%;
+ background-color: white;
+ height: auto;
+ padding: 1px;
+ outline: 1px solid #ccc;
+ //border: 1px solid #999;
+ margin: 0;
+ text-align: left;
+ border-radius: 10px;
+ margin-bottom: 10px;
+ background-color: white;
+ //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%),0 1px 3px 0 rgb(0 0 0 / 12%);
+
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ }
+
+ .rech_list_formation2:hover {
+ -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ }
+
+ .textsurimage23 {
+ color: rgb(218, 207, 207);
+ background-color: transparent;
+ text-align: center;
+ position: absolute;
+ top: 20%;
+ left: 40%;
+ }
+
+ h4 {
+ display: inline-block;
+ font-size: xx-large; /*or whatever you want*/
+ color: white;
+ }
+
+ .default_font {
+ color: #3c4043;
+ display: inline-block;
+ line-height: 28px;
+ font-size: medium;
+ }
+
+ .form-input {
+ border-radius: 10rem;
+ height: 3rem;
+ font-size: medium;
+ line-height: 1.5;
+ margin-bottom: 4px;
+ color: white;
+ border: 2.5px solid white;
+ background: transparent;
+ }
+
+ .form {
+ font-size: medium;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 0.5rem;
+ position: relative;
+ margin-top: 1rem;
+ z-index: 11;
+ }
+
+ .form span {
+ position: absolute;
+ right: 0.2rem;
+ top: 0.1rem;
+ padding: 2px;
+ border-left: 0.2rem solid white;
+ height: 2.9rem;
+ }
+ .form span_clear {
+ position: absolute;
+ right: 1.5rem !important;
+ top: 0.1rem !important;
+ padding: 2px;
+ border-left: 0.2rem solid white !important;
+ height: 2.9rem;
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ form svg {
+ margin-top: 0.8rem !important;
+ }
+
+ .left-pan {
+ padding-left: 7px;
+ }
+
+ .left-pan i {
+ padding-left: 10px;
+ }
+
+ .containerBox {
+ position: fixed;
+ margin-top: 0.5rem;
+ height: 10rem;
+ border: 0.2rem solid #0d0e10;
+ width: 100%;
+ background-color: #999;
+ }
+ .containerBox0 {
+ float: left;
+ width: 30%;
+ }
+
+ .text_head_droite {
+ color: #3b3e40;
+ font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ font-weight: bold;
+ text-align: right;
+ }
+
+ .text_head_gauche {
+ color: #3b3e40;
+ font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ font-weight: bold;
+ text-align: left;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.2rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .text-box {
+ position: absolute;
+ height: 100%;
+ text-align: center;
+ width: 100%;
+ }
+ .text-box:before {
+ content: "";
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 18%;
+ max-height: 3rem;
+ }
+
+ .form-select {
+ font-size: x-small !important;
+ padding-left: 0px !important;
+ padding-right: 1rem !important ;
+ }
+
+ .mb-3 {
+ margin-bottom: 0.7rem !important;
+ font-size: xx-small !important;
+ }
+
+ .input-group-text {
+ font-size: x-small !important;
+ padding-left: 0px !important;
+ }
+
+ .filter_span {
+ padding-top: 0.5rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ color: #104277;
+ font-size: 0.9rem;
+ white-space: nowrap;
+ width: 30%;
+ margin-top: 0.5rem;
+ }
+ .filter_val {
+ padding-top: 0.1rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ font-size: 0.9rem;
+ white-space: nowrap;
+ border: none;
+ background: transparent;
+ color: #3b3e40;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ border: 0.1rem solid black;
+ border-radius: 0.3rem !important;
+ width: 65%;
+ margin-top: 0.3rem;
+ margin-right: 0px;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+
+ z-index: 10;
+ //min-height: 30rem;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ min-height: 100%;
+ //height: 35rem;
+
+ background-color: #e7f3fb;
+ z-index: 10;
+ background: url("../../mysy_img/mysy_home.jpg") no-repeat;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ //border-bottom-left-radius: 25px;
+ //border-bottom-right-radius: 25px;
+ }
+
+ .div_mobile {
+ z-index: -1;
+ width: 100%;
+ height: 100%;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ color: white !important;
+ margin-top: 5rem;
+ }
+
+ .menuPrincipal_bton {
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ }
+
+ .menuPrincipal {
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 50%;
+ text-align: left;
+ }
+
+ .div_003 {
+ float: left;
+ width: 50%;
+ text-align: right;
+ color: white;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.25rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin: 0.2rem;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
+ .hilightsoustitre {
+ background: #113459;
+ color: #fff;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ letter-spacing: 0.2rem;
+ }
+
+ .hilightsoustitre_v2 {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ letter-spacing: 2px;
+ height: 2rem;
+ padding-top: 5px;
+ }
+
+ .hilightsoustitre_v2_metier {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ letter-spacing: 2px;
+ margin-top: 4rem;
+ height: 2rem;
+ padding-top: 5px;
+ }
+
+ .tab_gauche {
+ width: 50%;
+ float: left;
+ text-align: left;
+ }
+
+ .tab_droite {
+ width: 50%;
+ float: right;
+ text-align: right;
+ }
+
+ .tab_gauche_metier {
+ width: 30%;
+ float: left;
+ text-align: left;
+ margin-right: 2%;
+ max-width: 30% !important;
+ min-width: 30% !important;
+ }
+
+ .tab_droite_metier {
+ width: 50%;
+ float: right;
+ text-align: right;
+ }
+
+ .img_thematique_metier {
+ display: block;
+ border-radius: 10rem;
+ max-width: 360px;
+ }
+
+ .met_polaroid_gauche {
+ width: 100%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .met_polaroid_gauche:hover {
+ transition-duration: 0.5s;
+ transform: scale(1.1);
+ box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
+ }
+
+ .met_polaroid_droite {
+ width: 97%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ margin-left: 3%;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .met_polaroid_droite:hover {
+ transition-duration: 0.5s;
+ transform: scale(1.1);
+ box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
+ }
+
+ .met_container {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ font-weight: bold;
+ }
+
+ .met_text {
+ margin-bottom: 0.1rem;
+ font-size: small;
+ font-weight: normal;
+ white-space: nowrap;
+ overflow: hidden;
+ letter-spacing: 1px;
+ //font-weight: bold;
+ }
+
+ .met_text_larg {
+ margin-bottom: 0.1rem;
+ font-size: xx-small;
+ font-weight: bold;
+ white-space: nowrap;
+ overflow: hidden;
+ }
+
+ .met_text_all_categories {
+ margin-bottom: 0.1rem;
+ font-size: x-small;
+ margin-top: 1rem;
+ }
+ .met_container_all_categories {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ height: 3rem;
+ }
+
+ .met_polaroid_gauche_all_categories {
+ width: 100%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .tab_gauche_all_categories {
+ width: 100%;
+ float: left;
+ text-align: left;
+ }
+
+ .img_categorie {
+ width: 100%;
+ border-top-right-radius: 12px;
+ border-radius: 12px;
+ padding: 5px;
+ }
+ .h1_transparent {
+ color: transparent;
+ //color: red;
+ font-size: 0.1rem;
+ }
+
+ .mymenu_item {
+ font-size: 0.8rem !important;
+ }
+
+ .MuiMenuItem-root {
+ font-size: 0.8rem !important;
+ }
+
+ .new_filter_zone {
+ float: left;
+ width: 35%;
+ display: flex;
+ align-items: center;
+ font-size: small;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #e9ecef;
+ border: 1px solid #ced4da;
+ }
+
+ .new_filter_zone_cerif_radio {
+ width: 30%;
+ float: left;
+ text-align: right;
+ font-size: smaller;
+ }
+
+ .new_filter_zone_cerif_radio_right {
+ //width: 30%;
+ float: left;
+ text-align: left;
+ font-size: small;
+ padding-left: 5px;
+ }
+
+ .new_filter_zone_cerif_radio_left {
+ //width: 30%;
+ float: left;
+ text-align: center;
+ font-size: small;
+ padding-right: 15px;
+ padding-left: 2px;
+ min-width: 30%;
+ }
+
+ .new_filter_zone_row {
+ margin-bottom: 0.7rem !important;
+ width: 100%;
+ padding-right: 5px;
+ }
+
+ .tick_ok_ko {
+ max-width: 4%;
+ padding-bottom: 0.5rem;
+ }
+
+ .new_filter_zone_prix {
+ margin-bottom: 1.2rem;
+ margin-top: 1.2rem;
+ padding-right: 15px;
+ }
+
+ .middle {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.2rem;
+
+ margin-left: auto;
+ margin-right: auto;
+ padding-top: 15%;
+ }
+
+ input::placeholder {
+ color: white;
+ }
+
+ .bienvenu {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: x-large;
+ color: white;
+ }
+
+ .categorie {
+ padding-top: 15%;
+ width: 80%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .met_polaroid {
+ text-align: center;
+ margin-top: 9rem;
+ }
+
+ .met_polaroid_line2 {
+ text-align: center;
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ }
+
+ .img_categorie_v2 {
+ border-radius: 5px;
+ background: white;
+ min-width: 3rem;
+ width: 9rem;
+ font-size: small;
+ border: 5px solid black;
+ box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24);
+ cursor: pointer;
+ outline: none;
+ transition: 0.2s all;
+ margin-right: 1.5rem;
+ }
+
+ .img_categorie_v2:active {
+ transform: scale(1.1);
+ /* Scaling button to 0.98 to its original size */
+ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
+ /* Lowering the shadow */
+ }
+
+ .img_categorie_v2:hover {
+ transform: scale(1.1);
+ /* Scaling button to 0.98 to its original size */
+ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
+ /* Lowering the shadow */
+ }
+
+ input:-webkit-autofill,
+ input:-webkit-autofill:hover,
+ input:-webkit-autofill:focus,
+ input:-webkit-autofill:active {
+ transition: background-color 5000000s ease-in-out 0s;
+ }
+
+ .calage {
+ width: 2%;
+ }
+
+ .tab_logo_metier {
+ width: 100%;
+ padding-left: 5px;
+ box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ padding-left: 10px;
+ border-radius: 10px;
+ padding-top: 10px;
+ }
+
+ .tab_critere_espace {
+ margin-bottom: 1.5rem;
+ padding-bottom: 1.5rem;
+ box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ padding-left: 10px;
+ border-radius: 10px;
+ padding-top: 10px;
+ }
+ }
+
+ @media only screen and (min-width: 2001px) {
+ .calage {
+ width: 2%;
+ }
+ /* Ordi de bureau et grands ecrans*/
+ .align_gauche {
+ margin-left: 0rem;
+ width: 100%;
+ float: right;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ }
+ .recherchefilter {
+ display: none;
+ }
+
+ .okUpdateData {
+ font-size: small;
+ color: green;
+ font-style: italic;
+ }
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+
+ .rech_container {
+ width: 90%;
+ height: 200px;
+ background: aqua;
+ margin: auto;
+ padding: 10px;
+ border-radius: 30px;
+ }
+
+ .rech_leftbox {
+ float: left;
+ //border: 0px solid black;
+ border-width: 1px;
+ width: 24%;
+ height: 100%;
+ padding: 0.5rem;
+ border-radius: 1rem;
+ //margin-top: 1rem !important;
+ margin-bottom: 0.1rem;
+ font-size: small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
+ background: white;
+ margin-left: 5px;
+ // -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding-left: 5px;
+ }
+
+ .rech_middlebox {
+ float: left;
+ border-width: 2px;
+ width: 90%;
+ height: 100%;
+ margin: auto;
+ padding: 0rem;
+ border-radius: 30px;
+ margin-right: 0%;
+ padding-left: 1rem;
+ padding-right: 10px;
+ margin-left: 5%;
+ margin-right: 5%;
+
+ //background-color: #f8f9f9;
+ //overflow-y:scroll;
+ }
+
+ .rech_rightbox {
+ /* float: right;
+ //border-left: 0px solid black;
+ width: 20%;
+ height: 100%;
+ margin: 0px;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ height: 100%;
+ margin-top: 0.5rem !important;*/
+ display: none;
+ }
+
+ .rech_rightbox .button2 {
+ opacity: 1;
+ background: #619e31;
+ border: 1px;
+ outline: 0;
+ border-bottom: 2px solid transparent;
+ color: white;
+ font-size: medium !important;
+ border-radius: 1rem;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ margin-bottom: 0.5rem;
+ }
+
+ .rech_rightbox_inside {
+ float: left;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ padding: 0px;
+ border-radius: 0px;
+ margin-right: 0%;
+ overflow-y: scroll;
+ height: 800px;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ padding-right: 5px;
+ margin-right: 5px;
+ }
+
+ .textsurimage {
+ color: rgb(218, 207, 207);
+ background-color: transparent;
+ font-size: 40pt;
+ text-align: center;
+ position: absolute;
+ top: 30%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ position: absolute;
+ }
+
+ .rech_list_formation2 {
+ display: inline-block;
+ width: 100%;
+ background-color: white;
+ height: auto;
+ padding: 1px;
+ outline: 1px solid #ccc;
+ //border: 1px solid #999;
+ margin: 0;
+ text-align: left;
+ border-radius: 10px;
+ margin-bottom: 10px;
+ background-color: white;
+ //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%),0 1px 3px 0 rgb(0 0 0 / 12%);
+
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ }
+
+ .rech_list_formation2:hover {
+ -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
+ }
+
+ .textsurimage23 {
+ color: rgb(218, 207, 207);
+ background-color: transparent;
+ text-align: center;
+ position: absolute;
+ top: 20%;
+ left: 40%;
+ }
+
+ h4 {
+ display: inline-block;
+ font-size: xx-large; /*or whatever you want*/
+ color: white;
+ }
+
+ .default_font {
+ color: #3c4043;
+ display: inline-block;
+ line-height: 28px;
+ font-size: medium;
+ }
+
+ .form-input {
+ border-radius: 10rem;
+ height: 3rem;
+ font-size: medium;
+ line-height: 1.5;
+ margin-bottom: 4px;
+ color: white;
+ border: 2.5px solid white;
+ background: transparent;
+ }
+
+ .form {
+ font-size: medium;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 0.5rem;
+ position: relative;
+ margin-top: 1rem;
+ z-index: 11;
+ }
+
+ .form span {
+ position: absolute;
+ right: 0.2rem;
+ top: 0.1rem;
+ padding: 2px;
+ border-left: 0.2rem solid white;
+ height: 3rem;
+ }
+ .form span_clear {
+ position: absolute;
+ right: 1.5rem !important;
+ top: 0.1rem !important;
+ padding: 2px;
+ border-left: 0.2rem solid white !important;
+ height: 3rem;
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ form svg {
+ margin-top: 0.8rem !important;
+ }
+
+ .left-pan {
+ padding-left: 7px;
+ }
+
+ .left-pan i {
+ padding-left: 10px;
+ }
+
+ .containerBox {
+ position: fixed;
+ margin-top: 0.5rem;
+ height: 10rem;
+ border: 0.2rem solid #0d0e10;
+ width: 100%;
+ background-color: #999;
+ }
+ .containerBox0 {
+ float: left;
+ width: 30%;
+ }
+
+ .text_head_droite {
+ color: #3b3e40;
+ font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ font-weight: bold;
+ text-align: right;
+ }
+
+ .text_head_gauche {
+ color: #3b3e40;
+ font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ font-weight: bold;
+ text-align: left;
+ }
+
+ .text_head {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.2rem;
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .text-box {
+ position: absolute;
+ height: 100%;
+ text-align: center;
+ width: 100%;
+ }
+ .text-box:before {
+ content: "";
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+ }
+
+ .img_logo {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ max-width: 18%;
+ max-height: 3rem;
+ }
+
+ .form-select {
+ font-size: x-small !important;
+ padding-left: 0px !important;
+ padding-right: 1rem !important ;
+ }
+
+ .mb-3 {
+ margin-bottom: 0.7rem !important;
+ font-size: xx-small !important;
+ }
+
+ .input-group-text {
+ font-size: x-small !important;
+ padding-left: 0px !important;
+ }
+
+ .filter_span {
+ padding-top: 0.3rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ color: #104277;
+ font-size: 0.75rem;
+ white-space: nowrap;
+ width: 30%;
+ margin-top: 0.3rem;
+ }
+ .filter_val {
+ padding-top: 0.1rem;
+ padding-bottom: auto;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ font-size: 0.9rem;
+ white-space: nowrap;
+ border: none;
+ background: transparent;
+ color: #3b3e40;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ border: 0.1rem solid black;
+ border-radius: 0.3rem !important;
+ width: 65%;
+ margin-top: 0.3rem;
+ margin-right: 0px;
+ }
+
+ .div_row2 {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.1rem;
+ //border-radius: 1rem;
+
+ z-index: 10;
+ min-height: 30rem;
+ }
+
+ .div_row_haut {
+ float: left;
+ //border:1px solid black;
+ //border-width: 0.01rem;
+ width: 100%;
+ //border-radius: 1rem;
+ background-color: #3b3e40;
+ z-index: 10;
+ }
+
+ .div_mobile {
+ z-index: -1;
+ width: 100%;
+ height: 100%;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ color: white !important;
+ margin-top: 5rem;
+ }
+
+ .menuPrincipal_bton {
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ }
+
+ .menuPrincipal {
+ margin-left: 1rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ float: right;
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
+ }
+
+ .menuPrincipal:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+ }
+
+ .div_001 {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .div_002 {
+ float: left;
+ width: 50%;
+ text-align: left;
+ }
+
+ .div_003 {
+ float: left;
+ width: 50%;
+ text-align: right;
+ color: white;
+ }
+
+ .div_004 {
+ color: white;
+ width: 100%;
+ height: 0.25rem;
+ opacity: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ float: left;
+ margin: 0.2rem;
+ }
+
+ .div_005 {
+ width: 100%;
+ float: left;
+ }
+
+ .hilightsoustitre {
+ background: #113459;
+ color: #fff;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ letter-spacing: 0.2rem;
+ }
+
+ .hilightsoustitre_v2 {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ letter-spacing: 2px;
+ height: 3rem;
+ padding-top: 5px;
+ }
+
+ .hilightsoustitre_v2_metier {
+ color: #3b3e40;
+ display: block;
+ font-size: 1rem;
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+ border-radius: 5px;
+ background: #113459;
+ color: #fff;
+ letter-spacing: 2px;
+ margin-top: 5rem;
+ height: 3rem;
+ padding-top: 5px;
+ }
+
+ .tab_gauche {
+ width: 50%;
+ float: left;
+ text-align: left;
+ }
+
+ .tab_droite {
+ width: 50%;
+ float: right;
+ text-align: right;
+ }
+
+ .tab_gauche_metier {
+ width: 30%;
+ float: left;
+ text-align: left;
+ margin: 2px;
+ }
+
+ .tab_droite_metier {
+ width: 50%;
+ float: right;
+ text-align: right;
+ }
+
+ .img_thematique_metier {
+ display: block;
+ border-radius: 10rem;
+ max-width: 360px;
+ }
+
+ .met_polaroid_gauche {
+ width: 100%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .met_polaroid_gauche:hover {
+ transition-duration: 0.5s;
+ transform: scale(1.1);
+ box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
+ }
+
+ .met_polaroid_droite {
+ width: 97%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ margin-left: 3%;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .met_polaroid_droite:hover {
+ transition-duration: 0.5s;
+ transform: scale(1.1);
+ box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
+ }
+
+ .met_container {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ font-weight: bold;
+ }
+
+ .met_text {
+ margin-bottom: 0.1rem;
+ font-size: small;
+ font-weight: normal;
+ white-space: nowrap;
+ overflow: hidden;
+ letter-spacing: 1px;
+ //font-weight: bold;
+ }
+
+ .met_text_larg {
+ margin-bottom: 0.1rem;
+ font-size: xx-small;
+ font-weight: bold;
+ white-space: nowrap;
+ overflow: hidden;
+ }
+
+ .met_text_all_categories {
+ margin-bottom: 0.1rem;
+ font-size: x-small;
+ margin-top: 1rem;
+ }
+ .met_container_all_categories {
+ text-align: center;
+ padding: 1px 2px;
+ letter-spacing: 2px;
+ font-size: small;
+ color: #3b3e40;
+ height: 3rem;
+ }
+
+ .met_polaroid_gauche_all_categories {
+ width: 100%;
+ background-color: white;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+ 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ margin-bottom: 5px;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .tab_gauche_all_categories {
+ width: 100%;
+ float: left;
+ text-align: left;
+ }
+
+ .img_categorie {
+ width: 100%;
+ border-top-right-radius: 12px;
+ border-radius: 12px;
+ padding: 5px;
+ }
+ .h1_transparent {
+ color: transparent;
+ //color: red;
+ font-size: 0.1rem;
+ }
+
+ .mymenu_item {
+ font-size: 1rem !important;
+ }
+
+ .MuiMenuItem-root {
+ font-size: 1rem !important;
+ }
+
+ .new_filter_zone {
+ float: left;
+ width: 35%;
+ display: flex;
+ align-items: center;
+ font-size: small;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #e9ecef;
+ border: 1px solid #ced4da;
+ }
+
+ .new_filter_zone_cerif_radio {
+ width: 30%;
+ float: left;
+ text-align: right;
+ font-size: smaller;
+ }
+
+ .new_filter_zone_cerif_radio_right {
+ //width: 30%;
+ float: left;
+ text-align: left;
+ font-size: small;
+ padding-left: 5px;
+ }
+
+ .new_filter_zone_cerif_radio_left {
+ //width: 30%;
+ float: left;
+ text-align: center;
+ font-size: small;
+ padding-right: 15px;
+ padding-left: 2px;
+ min-width: 30%;
+ }
+
+ .new_filter_zone_row {
+ margin-bottom: 0.7rem !important;
+ width: 100%;
+ padding-right: 5px;
+ }
+
+ .tick_ok_ko {
+ max-width: 4%;
+ padding-bottom: 0.5rem;
+ }
+
+ .new_filter_zone_prix {
+ margin-bottom: 1.2rem;
+ margin-top: 1.2rem;
+ padding-right: 15px;
+ }
+
+ .middle {
+ color: white;
+ font-family: "verdana", "Quicksand", "Signika", "sans-serif";
+ font-size: 1.2rem;
+
+ margin-left: auto;
+ margin-right: auto;
+ padding-top: 15%;
+ }
+
+ input::placeholder {
+ color: white;
+ }
+
+ .bienvenu {
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: x-large;
+ color: white;
+ }
+
+ .categorie {
+ padding-top: 15%;
+ width: 80%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .met_polaroid {
+ text-align: center;
+ margin-top: 9rem;
+ }
+
+ .met_polaroid_line2 {
+ text-align: center;
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ }
+
+ .img_categorie_v2 {
+ border-radius: 5px;
+ background: white;
+ min-width: 3rem;
+ width: 9rem;
+ font-size: small;
+ border: 5px solid black;
+ box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24);
+ cursor: pointer;
+ outline: none;
+ transition: 0.2s all;
+ margin-right: 1.5rem;
+ }
+
+ .img_categorie_v2:active {
+ transform: scale(1.1);
+ /* Scaling button to 0.98 to its original size */
+ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
+ /* Lowering the shadow */
+ }
+
+ .img_categorie_v2:hover {
+ transform: scale(1.1);
+ /* Scaling button to 0.98 to its original size */
+ box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
+ /* Lowering the shadow */
+ }
+
+ input:-webkit-autofill,
+ input:-webkit-autofill:hover,
+ input:-webkit-autofill:focus,
+ input:-webkit-autofill:active {
+ transition: background-color 5000000s ease-in-out 0s;
+ }
+
+ .div_row_bas {
+ float: right;
+ width: 100%;
+ min-height: 100%;
+ height: 60rem;
+
+ background-color: #e7f3fb;
+ z-index: 10;
+ background: url("../../mysy_img/mysy_home.jpg") no-repeat;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ //border-bottom-left-radius: 25px;
+ //border-bottom-right-radius: 25px;
+ }
+
+ .tab_logo_metier {
+ width: 100%;
+ padding-left: 15px;
+ box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ padding-left: 20px;
+ border-radius: 10px;
+ padding-top: 10px;
+ }
+
+ .tab_critere_espace {
+ margin-bottom: 1.5rem;
+ padding-bottom: 1.5rem;
+ box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
+ padding-left: 10px;
+ border-radius: 10px;
+ padding-top: 10px;
+ }
+ }
+
+ .message_hili {
+ color: #619e31;
+ font-weight: bold;
+ opacity: 0.8;
+ background: transparent;
+ //background: linear-gradient(90deg, rgba(2,1,18,1) 100%, rgba(121,35,9,0.39539565826330536) 35%);
+ border-radius: 5px;
+ }
+ .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;
+ }
+
+ .ch_form-input {
+ border-radius: 10rem;
+ height: 3rem;
+ font-size: medium;
+ line-height: 1.5;
+ margin-bottom: 4px;
+ color: white;
+ border: 2.5px solid white;
+ background: transparent;
+ width: 5rem;
+ }
+}
+
+.header_img_logo22 {
+ display: block;
+ height: auto;
+ margin-left: 0px;
+ margin-right: auto;
+ //max-width: 18%;
+ max-height: 3rem;
+}
+
+.header_menuPrincipal_left {
+ @media only screen and (max-width: 600px) {
+ display: none;
+ }
+
+ margin-left: 0.9rem;
+ font-family: "Quicksand", "Signika", "sans-serif";
+ color: white;
+ cursor: pointer;
+ text-align: left;
+ font-size: small;
+ border: 2px solid transparent;
+ white-space: nowrap;
+ text-transform: uppercase;
+ padding-top: 0.2rem;
+ //border:2px solid white;
+ width: 20%;
+ float: left;
+}
+
+.header_menuPrincipal_left:hover {
+ color: #81bc3a;
+ padding-left: 0;
+ transition: color 0.3s linear;
+ letter-spacing: 0.1rem;
+ text-decoration: solid;
+ text-underline-offset: 3px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ text-decoration: underline;
+}
+
+.MuiPaper-rounded {
+ border-radius: 0px !important;
+}
+
+.bton_menu {
+ background-color: black;
+ width: 100%;
+ border: 0px;
+ text-align: left;
+ color: white;
+ letter-spacing: 0.1rem;
+ background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+}
+
+.bton_menu:hover {
+ color: white;
+ letter-spacing: 0.2rem;
+ background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
+}
+
+.iSfofc {
+ width: 90% !important;
+ margin-left: auto !important;
+ margin-right: auto !important;
+ margin-top: 0.2rem !important;
+ background: white;
+ padding-top: 0.5rem !important;
+}
+
+.dHtlYi {
+ background: #104277;
+}
+.bQSvsY {
+ background: white !important;
+}
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 2ec8c79..1661c1d 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -58,4 +58,5 @@
@import "./components/toggleswitch";
@import "./components/updateusergoals";
@import "./components/userprofil";
-@import "./components/formation_cartouche_com";
\ No newline at end of file
+@import "./components/formation_cartouche_com";
+@import "./components/reherche_new_cartouche_com";
\ No newline at end of file