.quisommesnous_v4 { width: 100%; float: left; .h1_transparent { color: transparent; font-size: 0.1rem; } .only_mobile { display: none; } @media only screen and (max-width: 600px) { .only_mobile { width: 100%; display: block; } .media_sociaux { svg { margin-top: 0 !important; text-align: left !important; } .SocialIcon { height: 25px !important; width: 25px !important; } } .div_carte { width: 100%; } .div_adresse { width: 95%; text-justify: auto; } .img_logo { display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 50%; } .containerBox { position: relative; display: inline-block; } .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: 20%; border-radius: 1rem; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 80%; border-radius: 1rem; text-align: left; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .nom_prenom { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: medium; font-weight: bold; text-align: center; margin-bottom: 1rem; } .img_gauche_taille { max-width: 50%; } .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"); } .div_mobile { position: relative; top: 7rem; z-index: 1; width: 98%; height: 100%; margin: 0.3rem; margin-left: auto; margin-right: auto; } .pieddepage { z-index: 50; width: 100%; float: left; margin-top: 2rem; } .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; } .text_head { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: small; width: 90%; margin-left: auto; margin-right: auto; } .div_row_center { width: 90%; margin-bottom: 0.5rem; border-radius: 0px; margin-left: auto; margin-right: auto; min-height: 10 rem; height: rem; text-align: center; font-size: large; line-height: normal; letter-spacing: normal; color: #3b3e40; font-family: Arial, Helvetica, sans-serif; margin-top: 0.5rem; } .div_row_center_contact { //border: 0.01rem solid #000; width: 90%; margin-bottom: 0.5rem; border-radius: 0px; margin-left: auto; margin-right: auto; min-height: 10 rem; height: 4rem; background: #ed902f; text-align: center; font-size: medium; line-height: normal; letter-spacing: normal; color: #3b3e40; font-family: Arial, Helvetica, sans-serif; margin-top: 1rem; } .div_row_center_text { font-size: medium; margin-top: 0.2rem; font-family: helvetica-w02-light, helvetica-w01-light, sans-serif; } .div_row_center_enphasis { font-size: medium; color: #113459; margin-top: 0.2rem; text-align: justify; line-height: 2rem; letter-spacing: 1px; } .div_row_line1 { //float: left; width: 100%; text-align: center; background: #f2f2f2; margin: 5px; height: 40rem; min-height: 20rem; margin-left: auto; margin-right: auto; } .div_row_line2 { //float: left; width: 100%; text-align: center; background: #f0f0f5; margin: 5px; height: 40rem; min-height: 20rem; margin-left: auto; margin-right: auto; } .div_row_line3 { float: left; width: 100%; text-align: center; background: #f2f2f2; margin: 5px; height: 40rem; min-height: 20rem; margin-left: auto; margin-right: auto; } .div_row_presenation { //border: 0.01rem solid #000; width: 100%; margin-bottom: 1rem; margin-left: auto; margin-right: auto; height: 6rem; } .text_head_new { font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold, sans-serif; font-size: 20 px; margin-top: 1rem; margin-bottom: 00.5rem; padding-right: 1rem; padding-left: 2rem; text-transform: uppercase; } .text_desc { overflow-wrap: break-word; text-align: start; font-size: small; padding-right: 10px; padding-left: 10px; font-style: italic; text-align: justify; } .myli { margin-bottom: 0.8rem; } .div_row_where { float: left; //border: 0.01rem solid #000; width: 90%; margin-bottom: 1rem; margin-left: 5%; margin-right: 5%; margin-top: 2rem; } .bton_contact_nous { width: 100%; text-align: center; padding: 0; border: 0px; font-weight: bold; font-size: small; color: white; padding-top: 5px; } .img_1 { display: block; height: auto; margin-left: auto; margin-right: auto; width: 100%; } .div_row_img1 { float: left; width: 100%; text-align: center; //background: #f2f2f2; margin: 5px; } .div_row_img2 { float: left; width: 100%; text-align: center; //background: #f0f0f5; margin: 5px; } .div_row_img3 { float: left; width: 100%; text-align: center; //background: #f2f2f2; margin: 5px; } .main_sub_div { height: 220rem; margin-left: auto; margin-right: auto; width: 100%; background: white; } .detail_block { width: 100%; float: left; display: flex; } .detail_text { width: 100%; float: left; margin: auto; text-align: justify; margin-bottom: 1rem; } .detail_img { display: none; } .detail_img_video_ftion { width: 100%; float: left; margin: auto; } .div_row_center_video_ftion { width: 100%; text-align: left; padding: 5px; margin-bottom: 4rem; border-radius: 0px; margin-left: auto; margin-right: auto; min-height: 10 rem; height: rem; text-align: center; font-size: large; line-height: normal; letter-spacing: normal; color: #3b3e40; font-family: Arial, Helvetica, sans-serif; margin-top: 3rem; } .detail_block_video_ftion { width: 95%; margin-left: auto; margin-right: auto; display: flex; border-bottom: 10px solid; border-top: 10px solid; padding-left: 10px; } .detail_text_video_ftion { display: none; } .image_illustration { width: 100%; } // ------------ // debut iciii .div_mobile_v3 { // position: absolute; // top: 5rem; // z-index: 1; width: 100%; //background: #104277; //height: 4000px; } .main_frame { width: 100%; height: 8007px; background: var(--Light-Grey, #FCFCFC); } .Background-header { width: 100%; // height: 30rem; flex-shrink: 0; //opacity: 0.5; background: var(--Beige, #FFF5DA); padding: 2px; float: left; margin-top: 6rem; } .Title { display: block; flex-direction: column; align-items: center; color: #0A043C; width: Hug (319px); height: Hug (80px); top: 200px; margin-left: auto; margin-right: auto; //position: fixed; width: 100%; } .Title_txt1 { color: var(--Deep-Blue, #0A043C); text-align: center; font-family: Albert Sans; font-size: 16px; font-style: normal; font-weight: 700; line-height: 20px; /* 125% */ text-transform: uppercase; width: 169px; height: 20px; //position: fixed; width: 100%; margin-left: auto; margin-right: auto; letter-spacing: 2px; display: none; } .Title_txt2 { color: var(--Green, #20BFA9); text-align: center; font-family: Albert Sans; font-size: 30px; font-style: normal; //font-weight: 700; line-height: 60px; /* 120% */ letter-spacing: -1px; width: 319px; height: 60px; //position: fixed; width: 100%; margin-left: auto; margin-right: auto; top: 15rem; } .text_seul_1 { color: var(--Deep-Blue, #0A043C); text-align: justify; font-family: Albert Sans; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.5em; // height: 44px; top: 20rem; width: 90%; margin-right: auto; letter-spacing: 2px; //height: 8rem; margin-top: 1rem; margin-left: auto; margin-right: auto; } .text_activite_head { text-transform: uppercase; width: 100%; height: 50px; font-family: Albert Sans; font-size: 18px; // font-weight: 600; line-height: 32px; letter-spacing: 0em; text-align: center; color: #0A043C; letter-spacing: 2px; margin-bottom: 1rem; letter-spacing: 1px; margin-bottom: 1rem; background: #0A043C; letter-spacing: 1px; margin-bottom: 1rem; border-top-left-radius: 8px; border-top-right-radius: 8px; height: 3rem; color: white; padding-top: 5px; } .image_activite_head { width: 80%; margin-left: auto; margin-right: auto; } .image_activite_detail { display: none; } .bton_en_savoir_plus_header { margin-top: 1rem; width: 100%; height: 56px; padding: 13px, 26px, 13px, 26px; border-radius: 8px; border: 1px; gap: 10px; background: white; border: 1px solid #0A043C; color: #0A043C; font-family: Albert Sans; font-size: 16px; font-weight: 600; line-height: 30px; letter-spacing: 0px; text-align: center; } // ici 2 .parent { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(3, 1fr); grid-column-gap: 11px; grid-row-gap: 13px; padding: 1rem; margin-bottom: 2rem; } .div1 { grid-area: 1 / 1 / 2 / 2; border-radius: 8px; background: var(--White, #FFF); box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08); padding-bottom: 2rem; } .div2 { grid-area: 2 / 1 / 3 / 2; border-radius: 8px; background: var(--White, #FFF); box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08); padding-bottom: 2rem; } .div3 { grid-area: 3 / 1 / 4 / 2; border-radius: 8px; background: var(--White, #FFF); box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08); padding-bottom: 2rem; } .text_nous_conseillons { width: 90%; margin-left: auto; margin-right: auto; font-family: Albert Sans; font-size: medium; font-weight: normal; line-height: 28px; letter-spacing: 0px; text-align: justify; color: #0A043C; letter-spacing: 1px; margin-bottom: 3rem; line-height: 1.8em; } .content_gestion_admin { width: 100%; margin-left: auto; margin-right: auto; // height: 400px; // position: relative; margin-bottom: 1rem; } .content_gestion_admin_img { display: none; } .content_gestion_admin_txt { z-index: 9; width: 100%; // height: 400px; // position: absolute; top: 10px; left: 0; background: #FFF5DA; padding-top: 3rem; padding: 5px; text-align: justify; border-radius: 15px; box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); } .detail_content_text_head_1 { font-family: Albert Sans; font-size: 20px; font-weight: 700; line-height: 20px; letter-spacing: 0em; text-align: center; color: #3E6EE3; padding-bottom: 1rem; letter-spacing: 1px; display: none; } .detail_content_text_head_2 { font-family: Albert Sans; font-size: 20px; font-weight: 500; line-height: 40px; letter-spacing: 1px; text-align: center; color: #0A043C; padding-bottom: 1rem; text-transform: uppercase; } .detail_content_text_head_3 { font-family: Albert Sans; font-size: small; font-weight: normal; line-height: 22px; letter-spacing: 0em; text-align: left; color: #0A043C; padding-bottom: 1.5rem; letter-spacing: 1px; text-align: justify; width: 95%; font-family: Verdana, Georgia, Arial; } .detail_content_text_head_3_gauche { font-family: Verdana, Georgia, Arial; font-size: small; font-weight: normal; line-height: 24px; letter-spacing: 0em; text-align: left; color: #0A043C; padding-bottom: 2rem; letter-spacing: 1px; text-align: justify; width: 95%; } .content_gestion_elearning { width: 100%; margin-left: auto; margin-right: auto; // height: 400px; // position: relative; margin-bottom: 1rem; } .content_gestion_elearning_img { display: none; } .content_gestion_elearning_txt { z-index: 9; width: 100%; // height: 400px; // position: absolute; top: 10px; left: 0; background: #FFF5DA; padding-top: 3rem; text-align: justify; border-radius: 15px; box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); padding: 5px; } .fonctionalite_header { font-family: Albert Sans; font-size: 24px; font-weight: 700; line-height: 40px; letter-spacing: 0em; text-align: center; color: #0A043C; margin-left: auto; margin-right: auto; margin-top: 2rem; letter-spacing: 1px; width: 100%; float: left; } .tick_fonctionalite { font-family: Albert Sans; font-size: 14px; font-weight: 400; letter-spacing: 1px; text-align: left; padding-left: 1rem; color: #0A043C; width: 100%; height: 2rem; padding-right: 10px; text-align: justify; } .tick_fonctionalite_tick { width: 5%; float: left; height: 2rem; } .tick_fonctionalite_txt { width: 95%; float: left; height: 4rem; padding-left: 10px; line-height: 1rem; font-family: Verdana, Georgia, Arial; } .video_titre { font-family: Albert Sans; font-size: 18px; font-weight: 600; letter-spacing: 0em; text-align: left; // margin-top: 5rem; color: #0A043C; margin-left: 1rem; padding: 10px; } .pave_video_gauche { display: none; } .pave_video_droite { width: 100%; float: right; height: 330px; } .pave_video { box-shadow: 0px 4px 54px 0px rgba(114, 92, 92, 0.19); width: 90%; margin-left: auto; margin-right: auto; height: 300px; margin-bottom: 1rem; padding-top: 2rem; } .video_sous_titre { font-family: Albert Sans; font-size: 32px; font-weight: 700; letter-spacing: 0em; text-align: left; color: #0A043C; margin-left: 1rem; padding: 10px; } .video_mp4 { // width: 860px; //height: 520px; } .contactez_nous_new { // width: 100%; text-align: center; padding: 0; border: 0px; font-weight: bold; font-size: small; color: white; padding-top: 5px; font-family: Albert Sans; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: 0em; text-align: left; color: #3E6EE3; } .contactez_nous_titre { // width: 392px; //height: 40px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: 0em; text-align: center; color: #0A043C; margin-bottom: 1rem; margin-top: 1rem; } .contactez_nous_info { //width: 392px; //height: 28px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0em; text-align: center; } .div_adresse_new { padding-left: 2rem; float: left; width: 100%; } .image_illustration { width: 100%; height: 15rem; } .div_mobile_v3_debut { // margin-top: -28rem; float: left; width: 100%; } .react-player__preview { height: 230px !important; } .reactplayer_mysy_classname { height: 250px !important; width: 100%; } .div_block_fonction { width: 100%; float: left; } .div_block_fonction_detail { width: 96%; float: left; margin: 10px; -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0); box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0); background: #F8F9F9; height: 20rem; padding: 15px; border-radius: 10px; } .div_block_fonction_detail_titre { font-family: Roboto, Verdana, Georgia, Arial; color: #3E6EE3; line-Height: 29px; font-size: 18px; margin-bottom: 5px; width: 100%; font-weight: 400; text-align: center; letter-spacing: 1px; height: 4rem; padding-left: 10px; } .div_block_fonction_detail_img { width: 100%; float: left; } .div_block_fonction_detail_img_inside { width: 5rem; } .div_block_fonction_detail_desc { width: 100%; float: left; text-align: left; line-height: 1.8em; font-size: small; color: #464646; text-align: center; margin-top: 10px; } .block_centrer { margin: auto; width: 100%; // border: 3px solid #73AD21; padding: 2px; } .block_centrer_client { margin: auto; width: 100%; // border: 3px solid #73AD21; padding: 10px; // box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08); // height: 15rem; text-align: left; } .bton_enreg_dialog { border-radius: 5rem; font-size: small; background: #81BC3A !important; text-align: center; height: 2.5rem; width: 80%; color: white; margin-left: 10px; margin-right: 10px; } .bton_annule_dialog { border-radius: 5rem; font-size: small; background: lightgray !important; text-align: right; height: 2.5rem; width: 80%; color: black; margin-left: 10px; margin-right: 10px; } .block_bouton_gauche { float: left; border-width: 0.01rem; width: 48%; border-radius: 1rem; text-align: left; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .block_bouton_droite { float: right; border-width: 0.01rem; width: 48%; border-radius: 1rem; text-align: right; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .img_uca { width: 100%; padding: 5px; } .img_5discovery { width: 100%; padding: 5px; } .img_aroma { width: 100%; padding: 5px; } .img_potential { width: 100%; padding: 5px; } .img_capl { width: 100%; padding: 5px; } .img_hr { width: 100%; 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: 20px; font-weight: 500; line-height: 36px; 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; margin-top: 1rem; //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 { // width: 80%; max-height: 8rem; } .tableau_mysy_4_point_case_text_editeur_francais { font-family: Verdana, Georgia, Arial; font-size: 16px; font-weight: 500; line-height: 38px; letter-spacing: 1px; text-align: justify; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; padding: 10px; margin-top: 1.5rem; } .tableau_mysy_4_point_case_text_qualipoi { font-family: Verdana, Georgia, Arial; font-size: 16px; font-weight: 500; line-height: 38px; letter-spacing: 1px; text-align: justify; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; padding: 10px; } .tableau_mysy_4_point_case_text_moins_cher { font-family: Verdana, Georgia, Arial; font-size: 16px; font-weight: 500; line-height: 38px; letter-spacing: 1px; text-align: justify; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; padding: 10px; margin-top: 1.5rem; } .tableau_mysy_4_point_case_text_tout_en_un { font-family: Verdana, Georgia, Arial; font-size: 16px; font-weight: 500; line-height: 28px; letter-spacing: 1px; text-align: justify; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; padding: 10px; } .bock_img_equipe { width: 100%; } .block_img_objectif { width: 100%; } .block_img_force { width: 100%; } } @media only screen and (min-width: 601px) and (max-width: 991px) { .media_sociaux { svg { margin-top: 0 !important; text-align: left !important; } .SocialIcon { height: 25px !important; width: 25px !important; } } .div_carte { width: 60%; float: left; } .div_adresse { width: 29%; float: left; text-align: left; font-size: medium; text-justify: auto; padding-left: 0.5rem; } .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 30%; } .containerBox { position: relative; display: inline-block; } .div_row { float: left; //border: 0.01rem solid #000; width: 90%; margin-bottom: 1rem; border-radius: 1rem; margin-left: 5%; margin-right: 5%; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 20%; border-radius: 1rem; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 80%; border-radius: 1rem; text-align: left; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .nom_prenom { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; font-weight: bold; text-align: center; margin-bottom: 1rem; } .img_gauche_taille { max-width: 50%; } .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; } .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%; height: 10rem; background-color: #e7f3fb; z-index: 10; background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .div_mobile { position: absolute; top: 9rem; z-index: 1; width: 100%; background: white; } .pieddepage { z-index: 50; width: 100%; float: left; margin-top: 2rem; } .menuPrincipal { font-family: "Quicksand", "Signika", "sans-serif"; color: white; width: 23%; float: right; cursor: pointer; text-align: center; font-size: 1rem; border: 2px solid transparent; } .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 { float: left; width: 50%; text-align: left; margin-top: 1rem; } .div_003 { float: left; width: 50%; text-align: right; color: white; margin-top: 1.2rem; } .div_004 { color: white; width: 100%; height: 0.1rem; opacity: 100%; margin-left: auto; margin-right: auto; float: left; } .div_005 { width: 100%; float: left; } .hilightsoustitre { background: #113459; color: #fff; display: block; font-size: 1rem; margin-bottom: 0.5rem; } .text_head { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 1.1rem; width: 90%; margin-left: auto; margin-right: auto; } .div_row_center { width: 90%; margin-bottom: 2rem; border-radius: 0px; margin-left: auto; margin-right: auto; min-height: 10 rem; height: rem; text-align: center; font-size: large; line-height: normal; letter-spacing: normal; color: #3b3e40; font-family: Arial, Helvetica, sans-serif; margin-top: 2rem; } .div_row_center_contact { //border: 0.01rem solid #000; width: 90%; margin-bottom: 1rem; border-radius: 0px; margin-left: auto; margin-right: auto; min-height: 10 rem; height: 3rem; background: #ed902f; text-align: center; font-size: medium; line-height: normal; letter-spacing: normal; color: #3b3e40; font-family: Arial, Helvetica, sans-serif; } .div_row_center_text { font-size: large; margin-top: 0.5rem; font-family: helvetica-w02-light, helvetica-w01-light, sans-serif; } .div_row_center_enphasis { font-size: medium; color: #113459; margin-top: 0.5rem; text-align: justify; line-height: 2rem; letter-spacing: 1px; } .div_row_line1 { float: left; width: 31%; text-align: center; background: #f2f2f2; margin: 5px; height: 50rem; min-height: 20rem; } .div_row_line2 { float: left; width: 31%; text-align: center; background: #f0f0f5; margin: 5px; height: 50rem; min-height: 20rem; } .div_row_line3 { float: left; width: 31%; text-align: center; background: #f2f2f2; margin: 5px; height: 50rem; min-height: 20rem; } .div_row_presenation { //border: 0.01rem solid #000; width: 98%; margin-bottom: 2rem; margin-left: auto; margin-right: auto; height: 10rem; margin-top: 2rem; } .text_head_new { font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold, sans-serif; font-size: medium; margin-top: 1rem; margin-bottom: 00.5rem; padding-right: 1rem; padding-left: 1rem; text-transform: uppercase; height: 4rem; } .text_desc { overflow-wrap: break-word; text-align: start; font-size: small; padding-right: 10px; padding-left: 5px; font-style: italic; text-align: justify; } .myli { margin-bottom: 0.8rem; } .div_row_where { float: left; //border: 0.01rem solid #000; width: 90%; margin-bottom: 1rem; margin-left: 5%; margin-right: 5%; margin-top: 5rem; } .bton_contact_nous { width: 100%; text-align: center; padding: 0; border: 0px; height: 3rem; font-weight: bold; font-size: medium; color: white; } .img_1 { display: block; height: auto; margin-left: auto; margin-right: auto; max-height: 100%; width: 100%; } .div_row_img1 { float: left; width: 30%; text-align: center; //background: #f2f2f2; margin: 5px; height: 10rem; min-height: 8rem; border-right: 1px solid; } .div_row_img2 { float: left; width: 30%; text-align: center; //background: #f0f0f5; margin: 5px; height: 10rem; min-height: 8rem; } .div_row_img3 { float: left; width: 32%; text-align: center; //background: #f2f2f2; margin: 5px; height: 10rem; min-height: 8rem; border-left: 1px solid; } .main_sub_div { height: 220rem; margin-left: auto; margin-right: auto; width: 100%; background: white; } .detail_block { width: 100%; float: left; display: flex; } .detail_text { width: 50%; float: left; margin: auto; text-align: justify; margin-bottom: 1rem; } .detail_img { width: 50%; float: left; margin: auto; } .detail_img_video_ftion { width: 50%; float: left; margin: auto; } .div_row_center_video_ftion { width: 100%; text-align: left; padding: 5px; margin-bottom: 4rem; border-radius: 0px; margin-left: auto; margin-right: auto; min-height: 10 rem; height: rem; text-align: center; font-size: large; line-height: normal; letter-spacing: normal; color: #3b3e40; font-family: Arial, Helvetica, sans-serif; margin-top: 3rem; } .detail_block_video_ftion { width: 95%; margin-left: auto; margin-right: auto; display: flex; border-bottom: 10px solid; border-top: 10px solid; padding-left: 10px; } .detail_text_video_ftion { width: 50%; float: left; margin: auto; text-align: justify; padding-left: 2rem; } // ------------ // debut iciii .div_mobile_v3 { //position: absolute; //top: 8rem; //z-index: 1; width: 100%; //background: #104277; //height: 4000px; } .main_frame { width: 100%; height: 8007px; background: var(--Light-Grey, #FCFCFC); } .Background-header { width: 100%; // height: 20rem; flex-shrink: 0; //opacity: 0.5; background: var(--Beige, #FFF5DA); padding: 20px; float: left; } .Title { display: block; flex-direction: column; align-items: center; color: #0A043C; width: Hug (319px); height: Hug (80px); top: 200px; margin-left: auto; margin-right: auto; //position: fixed; width: 100%; } .Title_txt1 { color: var(--Deep-Blue, #0A043C); text-align: center; font-family: Albert Sans; font-size: 16px; font-style: normal; font-weight: 700; line-height: 20px; /* 125% */ text-transform: uppercase; width: 169px; height: 20px; //position: fixed; width: 100%; margin-left: auto; margin-right: auto; letter-spacing: 2px; display: none; } .Title_txt2 { color: var(--Green, #20BFA9); text-align: center; font-family: Albert Sans; font-size: 40px; font-style: normal; //font-weight: 700; line-height: 60px; /* 120% */ letter-spacing: -1px; width: 319px; height: 60px; //position: fixed; width: 100%; margin-left: auto; margin-right: auto; top: 15rem; } .text_seul_1 { color: var(--Deep-Blue, #0A043C); text-align: justify; font-family: Albert Sans; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.5em; /* 157.143% */ // height: 44px; top: 20rem; //position: fixed; width: 90%; margin-left: 5%; margin-right: auto; letter-spacing: 2px; } .text_activite_head { //text-transform: uppercase; width: 100%; height: 50px; font-family: Albert Sans; font-size: 18px; //font-weight: 600; line-height: 32px; letter-spacing: 0em; text-align: center; color: #0A043C; letter-spacing: 2px; margin-bottom: 1rem; letter-spacing: 1px; margin-bottom: 1rem; background: #0A043C; letter-spacing: 1px; margin-bottom: 1rem; border-top-left-radius: 8px; border-top-right-radius: 8px; height: 3rem; color: white; padding-top: 5px; } .image_activite_head { //height: 22rem; width: 100%; } .image_activite_detail { //height: 22rem; width: 100%; } .bton_en_savoir_plus_header { margin-top: 1rem; width: 100%; height: 56px; padding: 13px, 26px, 13px, 26px; border-radius: 8px; border: 1px; gap: 10px; background: white; border: 1px solid #0A043C; color: #0A043C; font-family: Albert Sans; font-size: 16px; font-weight: 600; line-height: 30px; letter-spacing: 0px; text-align: center; } // ici 2 .parent { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 25px; grid-row-gap: 5px; margin: 2rem; padding: 1rem; margin-bottom: 3rem; } .div1 { grid-area: 1 / 1 / 2 / 2; border-radius: 8px; background: var(--White, #FFF); box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08); padding-bottom: 2rem; } .div2 { grid-area: 1 / 2 / 2 / 3; border-radius: 8px; background: var(--White, #FFF); box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08); padding-bottom: 2rem; } .div3 { grid-area: 1 / 3 / 2 / 4; border-radius: 8px; background: var(--White, #FFF); box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08); padding-bottom: 2rem; } .text_nous_conseillons { width: 80%; margin-left: auto; margin-right: auto; font-family: Albert Sans; font-size: 22px; font-weight: normal; line-height: 32px; letter-spacing: 0px; //position: fixed; color: #0A043C; letter-spacing: 1px; margin-bottom: 3rem; line-height: 1.8em; text-align: justify; } .content_gestion_admin { width: 95%; margin-left: auto; margin-right: auto; height: 550px; position: relative; margin-bottom: 1rem; } .content_gestion_admin_img { z-index: 10; width: 40%; height: 400px; position: absolute; top: 0; left: 10px; margin-top: 50px; background: white; box-shadow: 50px 50px 80px 15px #1E1E1E0A; border-radius: 15px; } .content_gestion_admin_txt { z-index: 9; width: 80%; height: 480px; position: absolute; top: 10px; left: 0; margin-left: 19%; background: #FFF5DA; padding-top: 3rem; padding-left: 25%; text-align: justify; border-radius: 15px; box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); } .detail_content_text_head_1 { font-family: Albert Sans; font-size: 20px; font-weight: 700; line-height: 20px; letter-spacing: 0em; text-align: left; color: #3E6EE3; padding-bottom: 2rem; letter-spacing: 1px; display: none; } .detail_content_text_head_2 { font-family: Albert Sans; font-size: 20px; font-weight: 500; line-height: 40px; letter-spacing: 1px; text-align: left; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; } .detail_content_text_head_3 { font-family: Albert Sans; font-size: 16px; font-weight: normal; line-height: 24px; letter-spacing: 0em; text-align: left; color: #0A043C; padding-bottom: 1.5rem; letter-spacing: 1px; text-align: justify; width: 95%; font-family: Verdana, Georgia, Arial; } .detail_content_text_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: 70%; } .content_gestion_elearning { width: 95%; margin-left: auto; margin-right: auto; height: 600px; position: relative; margin-bottom: 1rem; } .content_gestion_elearning_img { z-index: 10; width: 40%; height: 400px; position: absolute; top: 0; right: 0px; margin-top: 50px; background: white; box-shadow: 50px 50px 80px 15px #1E1E1E0A; border-radius: 15px; } .content_gestion_elearning_txt { z-index: 9; width: 80%; height: 480px; position: absolute; top: 10px; left: 0; margin-right: 19%; background: #FFF5DA; padding-top: 3rem; padding-left: 5%; text-align: justify; border-radius: 15px; box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); } .fonctionalite_header { font-family: Albert Sans; font-size: 28px; font-weight: 700; line-height: 40px; letter-spacing: 0em; text-align: center; color: #0A043C; margin-left: auto; margin-right: auto; margin-top: 3rem; margin-bottom: 2rem; letter-spacing: 1px; width: 100%; float: left; } .tick_fonctionalite { font-family: Albert Sans; font-size: 14px; font-weight: 400; letter-spacing: 1px; text-align: left; padding-left: 1rem; color: #0A043C; width: 100%; height: 2rem; padding-right: 10px; text-align: justify; } .tick_fonctionalite_tick { width: 5%; float: left; height: 2rem; } .tick_fonctionalite_txt { width: 95%; float: left; height: 4rem; padding-left: 10px; line-height: 1rem; font-family: Verdana, Georgia, Arial; } .video_titre { font-family: Albert Sans; font-size: 18px; font-weight: 600; letter-spacing: 0em; text-align: left; margin-top: 8rem; color: #0A043C; margin-left: 1rem; padding: 10px; } .pave_video_gauche { width: 30%; float: left; } .pave_video_droite { width: 70%; float: right; padding: 10px; } .pave_video { box-shadow: 0px 4px 54px 0px rgba(114, 92, 92, 0.19); width: 90%; margin-left: auto; margin-right: auto; height: 30rem; margin-bottom: 1rem; padding-top: 2rem; } .video_sous_titre { font-family: Albert Sans; font-size: 32px; font-weight: 700; letter-spacing: 0em; text-align: left; color: #0A043C; margin-left: 1rem; padding: 10px; } .video_mp4 { // width: 860px; //height: 520px; } .contactez_nous_new { // width: 100%; text-align: center; padding: 0; border: 0px; font-weight: bold; font-size: small; color: white; padding-top: 5px; font-family: Albert Sans; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: 0em; text-align: left; color: #3E6EE3; } .contactez_nous_titre { // width: 392px; //height: 40px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: 0em; text-align: center; color: #0A043C; margin-bottom: 1rem; margin-top: 1rem; } .contactez_nous_info { //width: 392px; //height: 28px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0em; text-align: center; } .div_adresse_new { padding-left: 2rem; float: left; width: 35%; } .image_illustration { width: 100%; height: 15rem; } .div_mobile_v3_debut { //margin-top: -28rem; float: left; width: 100%; } .div_block_fonction { width: 100%; float: left; } .div_block_fonction_detail { width: 30%; float: left; margin: 10px; -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0); box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0); background: #F8F9F9; height: 22rem; padding: 15px; border-radius: 10px; } .div_block_fonction_detail_titre { font-family: Roboto, Verdana, Georgia, Arial; color: #3E6EE3; line-Height: 29px; font-size: 18px; margin-bottom: 5px; width: 100%; font-weight: 400; text-align: left; letter-spacing: 1px; height: 6rem; padding-left: 1rem; } .div_block_fonction_detail_img { width: 100%; float: left; margin-bottom: 10px; } .div_block_fonction_detail_img_inside { width: 4rem; } .div_block_fonction_detail_desc { width: 100%; float: left; text-align: left; line-height: 1.8em; font-size: small; color: #464646 } .block_centrer { margin: auto; width: 90%; // border: 3px solid #73AD21; padding: 10px; } .block_centrer_client { margin: auto; width: 90%; // border: 3px solid #73AD21; padding: 10px; // box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08); // height: 15rem; text-align: center; } .bton_enreg_dialog { border-radius: 5rem; font-size: small; background: #81BC3A !important; text-align: center; height: 2.5rem; width: 80%; color: white; margin-left: 10px; margin-right: 10px; } .bton_annule_dialog { border-radius: 5rem; font-size: small; background: lightgray !important; text-align: right; height: 2.5rem; width: 80%; color: black; margin-left: 10px; margin-right: 10px; } .block_bouton_gauche { float: left; border-width: 0.01rem; width: 40%; border-radius: 1rem; text-align: left; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .block_bouton_droite { float: right; border-width: 0.01rem; width: 40%; border-radius: 1rem; text-align: right; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .img_uca { width: 10rem; margin-left: 2rem; margin-right: 2rem; } .img_5discovery { width: 15rem; margin-left: 2rem; margin-right: 2rem; } .img_aroma { width: 15rem; margin-left: 2rem; margin-right: 2rem; } .img_potential { width: 15rem; margin-left: 2rem; margin-right: 2rem; } .img_capl { width: 5rem; margin-left: 2rem; margin-right: 2rem; } .img_hr { width: 15rem; margin-left: 2rem; margin-right: 2rem; } .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: 22px; 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: 95%; // float: left; background: #FFF; margin: auto; } .tableau_mysy_4_point_case { width: 45%; float: left; height: 10rem; margin-bottom: 4rem; margin-right: 1%; border-right: 3mm ridge rgba(211, 220, 50, .6); } .tableau_mysy_4_point_case_img { width: 50%; 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 { width: 80%; max-height: 10rem; } .tableau_mysy_4_point_case_text_editeur_francais { font-family: Verdana, Georgia, Arial; font-size: 16px; font-weight: 500; line-height: 32px; letter-spacing: 1px; text-align: justify; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; padding: 10px; margin-top: 0.5rem; } .tableau_mysy_4_point_case_text_qualipoi { font-family: Verdana, Georgia, Arial; font-size: 16px; font-weight: 500; line-height: 32px; letter-spacing: 1px; text-align: justify; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; padding: 10px; } .tableau_mysy_4_point_case_text_moins_cher { font-family: Verdana, Georgia, Arial; font-size: 16px; font-weight: 500; line-height: 32px; letter-spacing: 1px; text-align: justify; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; padding: 10px; margin-top: 1.5rem; } .tableau_mysy_4_point_case_text_tout_en_un { font-family: Verdana, Georgia, Arial; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: 1px; text-align: justify; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; padding: 10px; } .bock_img_equipe { width: 80%; padding-top: 3rem; } .block_img_objectif { width: 80%; padding-top: 3rem; } .block_img_force { width: 80%; padding-top: 3rem; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .media_sociaux { svg { margin-top: 0 !important; text-align: left !important; } .SocialIcon { height: 30px !important; width: 30px !important; } } .div_carte { width: 60%; float: left; } .div_adresse { width: 29%; float: left; text-justify: auto; padding-left: 0.5rem; } .nom_prenom { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: medium; text-align: center; margin-bottom: 1rem; font-weight: bold; } .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 20%; max-height: 3rem; } .containerBox { position: relative; display: inline-block; } .div_row { float: left; //border: 0.01rem solid #000; width: 90%; margin-bottom: 1rem; border-radius: 1rem; margin-left: 5%; margin-right: 5%; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 20%; border-radius: 1rem; text-align: left; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 80%; border-radius: 1rem; text-align: left; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .img_gauche_taille { max-width: 30%; } .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; } .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%; height: 10rem; background-color: #e7f3fb; z-index: 10; background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .div_mobile { position: absolute; top: 9rem; z-index: 1; width: 100%; background: #104277; } .pieddepage { z-index: 50; width: 100%; float: left; margin-top: 10rem; } .menuPrincipal { font-family: "Quicksand", "Signika", "sans-serif"; color: white; width: 20%; float: right; cursor: pointer; text-align: center; font-size: 1rem; border: 2px solid transparent; } .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; margin-top: 1rem; } .div_003 { float: left; width: 50%; text-align: right; color: white; margin-top: 1.2rem; } .div_004 { color: white; width: 100%; height: 0.1rem; opacity: 100%; margin-left: auto; margin-right: auto; float: left; } .div_005 { width: 100%; float: left; } .hilightsoustitre { background: #113459; color: #fff; display: block; font-size: 1rem; margin-bottom: 0.5rem; } .text_head { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 1.1rem; width: 90%; margin-left: auto; margin-right: auto; } .div_row_center { width: 80%; margin-bottom: 2rem; border-radius: 0px; margin-left: auto; margin-right: auto; min-height: 10 rem; height: rem; text-align: center; font-size: large; line-height: normal; letter-spacing: normal; color: #3b3e40; font-family: Arial, Helvetica, sans-serif; margin-top: 2rem; } .div_row_center_contact { //border: 0.01rem solid #000; width: 90%; margin-bottom: 1rem; border-radius: 0px; margin-left: auto; margin-right: auto; min-height: 10 rem; height: 3rem; background: #ed902f; text-align: center; font-size: medium; line-height: normal; letter-spacing: normal; color: #3b3e40; font-family: Arial, Helvetica, sans-serif; } .div_row_center_text { font-size: large; margin-top: 0.5rem; font-family: helvetica-w02-light, helvetica-w01-light, sans-serif; } .div_row_center_enphasis { font-size: medium; color: #113459; margin-top: 0.5rem; text-align: justify; line-height: 2rem; letter-spacing: 1px; } .div_row_line1 { float: left; width: 32%; text-align: center; background: #f2f2f2; margin: 5px; height: 44rem; min-height: 20rem; } .div_row_line2 { float: left; width: 32%; text-align: center; background: #f0f0f5; margin: 5px; height: 45rem; min-height: 20rem; } .div_row_line3 { float: left; width: 32%; text-align: center; background: #f2f2f2; margin: 5px; height: 45rem; min-height: 20rem; } .div_row_presenation { //border: 0.01rem solid #000; width: 90%; margin-bottom: 3rem; margin-left: auto; margin-right: auto; height: 13rem; // margin-top: 5rem; } .text_head_new { font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold, sans-serif; font-size: 18px; margin-top: 1rem; margin-bottom: 00.5rem; padding-right: 1rem; padding-left: 2rem; text-transform: uppercase; height: 4rem; } .text_desc { overflow-wrap: break-word; text-align: start; font-size: small; padding-right: 1.5rem; padding-left: 2rem; font-style: italic; text-align: justify; } .myli { margin-bottom: 0.8rem; } .div_row_where { float: left; //border: 0.01rem solid #000; width: 90%; margin-bottom: 1rem; margin-left: 5%; margin-right: 5%; margin-top: 5rem; } .bton_contact_nous { width: 100%; text-align: center; padding: 0; border: 0px; height: 3rem; font-weight: bold; font-size: medium; color: white; } .img_1 { display: block; height: auto; margin-left: auto; margin-right: auto; max-height: 100%; width: 100%; } .img_1_bis { display: block; height: auto; margin-left: auto; margin-right: auto; max-height: 100%; width: 80% !important; } .div_row_img1 { float: left; width: 32%; text-align: center; //background: #f2f2f2; margin: 5px; height: 12rem; min-height: 12rem; border-right: 1px solid; } .div_row_img2 { float: left; width: 32%; text-align: center; //background: #f0f0f5; margin: 5px; height: 12rem; min-height: 12rem; } .div_row_img3 { float: left; width: 32%; text-align: center; //background: #f2f2f2; margin: 5px; height: 12rem; min-height: 12rem; border-left: 1px solid; } .main_sub_div { height: 350rem; margin-left: auto; margin-right: auto; width: 90%; background: white; } .detail_block { width: 100%; float: left; display: flex; } .detail_text { width: 50%; float: left; margin: auto; text-align: justify; } .detail_img { width: 50%; float: left; margin: auto; } .detail_img_video_ftion { width: 50%; float: left; margin: auto; } .div_row_center_video_ftion { width: 100%; text-align: left; padding: 5px; margin-bottom: 4rem; border-radius: 0px; margin-left: auto; margin-right: auto; min-height: 10 rem; height: rem; text-align: center; font-size: large; line-height: normal; letter-spacing: normal; color: #3b3e40; font-family: Arial, Helvetica, sans-serif; margin-top: 3rem; } .detail_block_video_ftion { width: 95%; margin-left: auto; margin-right: auto; display: flex; border-bottom: 10px solid; border-top: 10px solid; padding-left: 10px; } .detail_text_video_ftion { width: 50%; float: left; margin: auto; text-align: justify; padding-left: 2rem; } //------------- // debut iciii .div_mobile_v3 { //position: absolute; //top: 7rem; //z-index: 1; width: 100%; //background: #104277; //height: 4000px; } .main_frame { width: 100%; height: 8007px; background: var(--Light-Grey, #FCFCFC); } .Background-header { width: 100%; // height: 20rem; flex-shrink: 0; //opacity: 0.5; background: var(--Beige, #FFF5DA); padding: 20px; float: left; } .Title { display: block; flex-direction: column; align-items: center; color: #0A043C; width: Hug (319px); height: Hug (80px); top: 200px; margin-left: auto; margin-right: auto; //position: fixed; width: 100%; } .Title_txt1 { color: var(--Deep-Blue, #0A043C); text-align: center; font-family: Albert Sans; font-size: 16px; font-style: normal; font-weight: 700; line-height: 20px; /* 125% */ text-transform: uppercase; width: 169px; height: 20px; //position: fixed; width: 100%; margin-left: auto; margin-right: auto; letter-spacing: 2px; display: none; } .Title_txt2 { color: var(--Green, #20BFA9); text-align: center; font-family: Albert Sans; font-size: 40px; font-style: normal; //font-weight: 700; line-height: 60px; /* 120% */ letter-spacing: -1px; width: 319px; height: 60px; //position: fixed; width: 100%; margin-left: auto; margin-right: auto; top: 15rem; } .text_seul_1 { color: var(--Deep-Blue, #0A043C); text-align: justify; font-family: Albert Sans; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.5em; /* 157.143% */ // height: 44px; top: 20rem; //position: fixed; width: 90%; margin-left: 5%; margin-right: auto; letter-spacing: 2px; } .text_activite_head { text-transform: uppercase; width: 100%; height: 32px; font-family: Albert Sans; font-size: 16px; //font-weight: 700; line-height: 32px; letter-spacing: 0em; text-align: center; letter-spacing: 2px; margin-bottom: 1rem; letter-spacing: 1px; margin-bottom: 1rem; background: #0A043C; letter-spacing: 1px; margin-bottom: 1rem; border-top-left-radius: 8px; border-top-right-radius: 8px; height: 3rem; color: white; padding-top: 5px; } .image_activite_head { //height: 22rem; width: 100%; } .image_activite_detail { //height: 22rem; width: 100%; } .bton_en_savoir_plus_header { margin-top: 1rem; width: 100%; height: 56px; padding: 13px, 26px, 13px, 26px; border-radius: 8px; border: 1px; gap: 10px; background: white; border: 1px solid #0A043C; color: #0A043C; font-family: Albert Sans; font-size: 16px; font-weight: 600; line-height: 30px; letter-spacing: 0px; text-align: center; } // ici 2 .parent { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 25px; grid-row-gap: 5px; margin: 2rem; padding: 1rem; margin-bottom: 3rem; } .div1 { grid-area: 1 / 1 / 2 / 2; border-radius: 8px; background: var(--White, #FFF); box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08); padding-bottom: 2rem; } .div2 { grid-area: 1 / 2 / 2 / 3; border-radius: 8px; background: var(--White, #FFF); box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08); padding-bottom: 2rem; } .div3 { grid-area: 1 / 3 / 2 / 4; border-radius: 8px; background: var(--White, #FFF); box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08); padding-bottom: 2rem; } .text_nous_conseillons { width: 80%; margin-left: auto; margin-right: auto; font-family: Albert Sans; font-size: 24px; font-weight: normal; line-height: 32px; letter-spacing: 0px; //position: fixed; color: #0A043C; letter-spacing: 1px; margin-bottom: 3rem; line-height: 1.8em; text-align: justify; } .content_gestion_admin { width: 95%; margin-left: auto; margin-right: auto; height: 600px; position: relative; margin-bottom: 1rem; } .content_gestion_admin_img { z-index: 10; width: 40%; height: 400px; position: absolute; top: 0; left: 10px; margin-top: 50px; background: white; box-shadow: 50px 50px 80px 15px #1E1E1E0A; border-radius: 15px; } .content_gestion_admin_txt { z-index: 9; width: 80%; height: 480px; position: absolute; top: 10px; left: 0; margin-left: 19%; background: #FFF5DA; padding-top: 3rem; padding-left: 25%; text-align: justify; border-radius: 15px; box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); } .detail_content_text_head_1 { font-family: Albert Sans; font-size: 20px; font-weight: 700; line-height: 20px; letter-spacing: 0em; text-align: left; color: #3E6EE3; padding-bottom: 2rem; letter-spacing: 1px; display: none; } .detail_content_text_head_2 { font-family: Albert Sans; font-size: 24px; font-weight: 500; line-height: 48px; letter-spacing: 1px; text-align: left; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; } .detail_content_text_head_3 { font-family: Albert Sans; font-size: 16px; font-weight: normal; line-height: 26px; letter-spacing: 0em; text-align: left; color: #0A043C; padding-bottom: 1.5rem; letter-spacing: 1px; text-align: justify; width: 90%; font-family: Verdana, Georgia, Arial; } .detail_content_text_head_3_gauche { font-family: Verdana, Georgia, Arial; font-size: 16px; font-weight: normal; line-height: 26px; letter-spacing: 0em; text-align: left; color: #0A043C; padding-bottom: 2rem; letter-spacing: 1px; text-align: justify; width: 60%; } .content_gestion_elearning { width: 95%; margin-left: auto; margin-right: auto; height: 600px; position: relative; margin-bottom: 1rem; } .content_gestion_elearning_img { z-index: 10; width: 40%; height: 400px; position: absolute; top: 0; right: 10px; margin-top: 50px; background: white; box-shadow: 50px 50px 80px 15px #1E1E1E0A; border-radius: 15px; } .content_gestion_elearning_txt { z-index: 9; width: 80%; height: 480px; position: absolute; top: 10px; left: 0; margin-right: 19%; background: #FFF5DA; padding-top: 3rem; padding-left: 5%; text-align: justify; border-radius: 15px; box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); } .fonctionalite_header { height: 50px; font-family: Albert Sans; font-size: 30px; font-weight: 700; line-height: 48px; letter-spacing: 0em; text-align: center; color: #0A043C; margin-left: auto; margin-right: auto; margin-top: 2rem; margin-bottom: 2rem; letter-spacing: 1px; width: 100%; float: left; } .tick_fonctionalite { font-family: Albert Sans; font-size: 14px; font-weight: 400; letter-spacing: 1px; text-align: left; padding-left: 1rem; color: #0A043C; width: 100%; height: 2rem; padding-right: 10px; text-align: justify; } .tick_fonctionalite_tick { width: 5%; float: left; height: 2rem; } .tick_fonctionalite_txt { width: 95%; float: left; height: 4rem; padding-left: 10px; line-height: 1rem; font-family: Verdana, Georgia, Arial; } .video_titre { font-family: Albert Sans; font-size: 26px; font-weight: 600; line-height: 48px; letter-spacing: 0em; text-align: left; margin-top: 8rem; color: #0A043C; margin-left: 2rem; padding: 10px; } .pave_video_gauche { width: 30%; float: left; } .pave_video_droite { width: 70%; float: right; } .pave_video { box-shadow: 0px 4px 54px 0px rgba(114, 92, 92, 0.19); width: 90%; margin-left: auto; margin-right: auto; height: 30rem; margin-bottom: 1rem; padding-top: 2rem; } .video_sous_titre { font-family: Albert Sans; font-size: 32px; font-weight: 700; letter-spacing: 0em; text-align: left; color: #0A043C; margin-left: 4rem; padding: 10px; } .video_mp4 { //width: 860px; // height: 520px; } .contactez_nous_new { // width: 100%; text-align: center; padding: 0; border: 0px; font-weight: bold; font-size: small; color: white; padding-top: 5px; font-family: Albert Sans; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: 0em; text-align: left; color: #3E6EE3; } .contactez_nous_titre { // width: 392px; //height: 40px; font-family: Albert Sans; font-size: 26px; font-weight: 700; line-height: 35px; letter-spacing: 0em; text-align: center; color: #0A043C; margin-bottom: 1rem; margin-top: 1rem; } .contactez_nous_info { //width: 392px; //height: 28px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0em; text-align: center; } .div_adresse_new { padding-left: 2rem; float: left; } .image_illustration { width: 100%; height: 15rem; } .div_mobile_v3_debut { //margin-top: -27rem; float: left; width: 100%; } .div_block_fonction { width: 100%; float: left; } .div_block_fonction_detail { width: 30%; float: left; margin: 10px; -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0); box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0); background: #F8F9F9; height: 20rem; padding: 15px; border-radius: 10px; } .div_block_fonction_detail_titre { font-family: Verdana, Georgia, Arial; color: #3E6EE3; line-Height: 29px; font-size: 18px; margin-bottom: 5px; width: 100%; font-weight: 400; text-align: left; letter-spacing: 1px; height: 6rem; padding-left: 2rem; } .div_block_fonction_detail_img { width: 30%; float: left; } .div_block_fonction_detail_img_inside { width: 4rem; } .div_block_fonction_detail_desc { width: 70%; float: left; text-align: left; line-height: 1.8em; font-size: small; color: #464646 } .block_centrer { margin: auto; width: 90%; // border: 3px solid #73AD21; padding: 10px; } .block_centrer_client { margin: auto; width: 90%; // border: 3px solid #73AD21; padding: 10px; // box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08); // height: 15rem; text-align: center; } .bton_enreg_dialog { border-radius: 5rem; font-size: small; background: #81BC3A !important; text-align: center; height: 2.5rem; width: 80%; color: white; margin-left: 10px; margin-right: 10px; } .bton_annule_dialog { border-radius: 5rem; font-size: small; background: lightgray !important; text-align: right; height: 2.5rem; width: 80%; color: black; margin-left: 10px; margin-right: 10px; } .block_bouton_gauche { float: left; border-width: 0.01rem; width: 40%; border-radius: 1rem; text-align: left; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .block_bouton_droite { float: right; border-width: 0.01rem; width: 40%; border-radius: 1rem; text-align: right; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .img_uca { width: 10rem; margin-left: 2rem; margin-right: 2rem; } .img_5discovery { width: 15rem; margin-left: 2rem; margin-right: 2rem; } .img_aroma { width: 15rem; margin-left: 2rem; margin-right: 2rem; } .img_potential { width: 15rem; margin-left: 2rem; margin-right: 2rem; } .img_capl { width: 5rem; margin-left: 2rem; margin-right: 2rem; } .img_hr { width: 15rem; margin-left: 2rem; margin-right: 2rem; } .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: 22px; 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: 45%; float: left; height: 10rem; margin-bottom: 4rem; margin-right: 1%; border-right: 3mm ridge rgba(211, 220, 50, .6); } .tableau_mysy_4_point_case_img { width: 40%; float: left; } .tableau_mysy_4_point_case_text { width: 60%; float: right; } .tableau_mysy_4_point_case_img_droite { width: 40%; float: right; text-align: right; } .tableau_mysy_4_point_case_text_droite { width: 60%; 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 { width: 80%; max-height: 10rem; } .tableau_mysy_4_point_case_text_editeur_francais { font-family: Verdana, Georgia, Arial; font-size: 16px; font-weight: 500; line-height: 32px; letter-spacing: 1px; text-align: justify; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; padding: 10px; margin-top: 0.5rem; } .tableau_mysy_4_point_case_text_qualipoi { font-family: Verdana, Georgia, Arial; font-size: 16px; font-weight: 500; line-height: 32px; letter-spacing: 1px; text-align: justify; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; padding: 10px; } .tableau_mysy_4_point_case_text_moins_cher { font-family: Verdana, Georgia, Arial; font-size: 16px; font-weight: 500; line-height: 32px; letter-spacing: 1px; text-align: justify; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; padding: 10px; margin-top: 1.5rem; } .tableau_mysy_4_point_case_text_tout_en_un { font-family: Verdana, Georgia, Arial; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: 1px; text-align: justify; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; padding: 10px; } .bock_img_equipe { width: 80%; padding-top: 3rem; } .block_img_objectif { width: 80%; padding-top: 3rem; } .block_img_force { width: 80%; padding-top: 3rem; } } @media only screen and (min-width: 1200px) { .media_sociaux { svg { margin-top: 0 !important; text-align: left !important; } .SocialIcon { height: 35px !important; width: 35px !important; } } .div_carte { width: 70%; float: left; } .div_adresse { width: 29%; float: left; text-justify: auto; padding-left: 0.5rem; } .nom_prenom { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: large !important; text-align: center; margin-bottom: 1rem; font-weight: bold; } .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 18%; max-height: 3rem; } .containerBox { position: relative; display: inline-block; } .div_row { float: left; //border: 0.01rem solid #000; width: 90%; margin-bottom: 1rem; border-radius: 1rem; margin-left: 5%; margin-right: 5%; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 20%; border-radius: 1rem; text-align: left; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 80%; border-radius: 1rem; text-align: left; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .img_gauche_taille { max-width: 30%; } .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; } .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%; height: 10rem; background-color: #e7f3fb; z-index: 10; background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .div_mobile { position: absolute; top: 7rem; z-index: 1; width: 100%; background: #104277; } .pieddepage { z-index: 50; width: 100%; float: left; margin-top: 10rem; } .menuPrincipal { font-family: "Quicksand", "Signika", "sans-serif"; color: white; width: 20%; float: right; cursor: pointer; text-align: center; font-size: 1.1rem; border: 2px solid transparent; } .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; margin-top: 1rem; } .div_003 { float: left; width: 50%; text-align: right; color: white; margin-top: 1.2rem; margin-bottom: 2rem; } .div_004 { color: white; width: 100%; height: 0.1rem; opacity: 100%; margin-left: auto; margin-right: auto; float: left; margin: 0.5rem; } .div_005 { width: 100%; float: left; } .hilightsoustitre { background: #113459; color: #fff; display: block; font-size: 1rem; margin-bottom: 0.5rem; } .text_head { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 1.2rem; width: 90%; margin-left: auto; margin-right: auto; } .div_row_center { width: 90%; margin-bottom: 4rem; border-radius: 0px; margin-left: auto; margin-right: auto; min-height: 10 rem; height: rem; text-align: center; font-size: large; line-height: normal; letter-spacing: normal; color: #3b3e40; font-family: Arial, Helvetica, sans-serif; margin-top: 3rem; } .div_row_center_contact { //border: 0.01rem solid #000; width: 90%; margin-bottom: 1rem; border-radius: 0px; margin-left: auto; margin-right: auto; min-height: 10 rem; height: 3rem; background: #ed902f; text-align: center; font-size: medium; line-height: normal; letter-spacing: normal; color: #3b3e40; font-family: Arial, Helvetica, sans-serif; } .div_row_center_text { font-size: large; margin-top: 0.5rem; font-family: helvetica-w02-light, helvetica-w01-light, sans-serif; } .div_row_center_enphasis { font-size: medium; color: #113459; margin-top: 0.5rem; margin-bottom: 1rem; letter-spacing: 1px; line-height: 2rem; text-align: justify; } .div_row_line1 { float: left; width: 32%; text-align: center; background: #f2f2f2; margin: 5px; height: 40rem; min-height: 32rem; } .div_row_line2 { float: left; width: 32%; text-align: center; background: #f0f0f5; margin: 5px; height: 40rem; min-height: 32rem; } .div_row_line3 { float: left; width: 32%; text-align: center; background: #f2f2f2; margin: 5px; height: 40rem; min-height: 32rem; } .div_row_presenation { //border: 0.01rem solid #000; width: 90%; margin-bottom: 3rem; margin-left: auto; margin-right: auto; height: 15rem; //margin-top: 5rem; } .text_head_new { font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold, sans-serif; font-size: 22px; margin-top: 1rem; margin-bottom: 00.5rem; padding-right: 1rem; padding-left: 2rem; text-transform: uppercase; } .text_desc { overflow-wrap: break-word; text-align: start; font-size: small; padding-right: 1.5rem; padding-left: 2rem; font-style: italic; text-align: justify; } .myli { margin-bottom: 0.8rem; } .div_row_where { float: left; //border: 0.01rem solid #000; width: 90%; margin-bottom: 1rem; margin-left: 5%; margin-right: 5%; } .bton_contact_nous { width: 100%; text-align: center; padding: 0; border: 0px; height: 3rem; font-weight: bold; font-size: medium; color: white; } .img_1 { display: block; height: auto; margin-left: auto; margin-right: auto; max-height: 100%; width: 100%; } .img_1_bis { display: block; height: auto; margin-left: auto; margin-right: auto; max-height: 100%; width: 80% !important; } .div_row_img1 { float: left; width: 32%; text-align: center; //background: #f2f2f2; margin: 5px; height: 15rem; min-height: 15rem; border-right: 1px solid; } .div_row_img2 { float: left; width: 32%; text-align: center; // background: #f0f0f5; margin: 5px; height: 15rem; min-height: 15rem; } .div_row_img3 { float: left; width: 32%; text-align: center; //background: #f2f2f2; margin: 5px; height: 15rem; min-height: 15rem; border-left: 1px solid; } .main_sub_div { min-height: 350rem; margin-left: auto; margin-right: auto; width: 90%; background: white; padding-top: 2rem !important; } .detail_block { width: 100%; float: left; display: flex; } .detail_text { width: 50%; float: left; margin: auto; text-align: justify; } .detail_img { width: 50%; float: left; margin: auto; } .div_row_center_video_ftion { width: 100%; text-align: left; padding: 5px; margin-bottom: 4rem; border-radius: 0px; margin-left: auto; margin-right: auto; min-height: 10 rem; height: rem; text-align: center; font-size: large; line-height: normal; letter-spacing: normal; color: #3b3e40; font-family: Arial, Helvetica, sans-serif; } .detail_block_video_ftion { width: 95%; margin-left: auto; margin-right: auto; display: flex; border-bottom: 10px solid; border-top: 10px solid; padding-left: 10px; min-height: 25rem !important; } .detail_text_video_ftion { width: 50%; float: left; margin: auto; text-align: justify; padding-left: 2rem; } .detail_img_video_ftion { width: 50%; float: left; margin: auto; } // debut iciii .div_mobile_v3 { // position: absolute; // top: 7rem; // z-index: 1; width: 100%; //background: #104277; // height: 4000px; } .main_frame { width: 100%; height: 8007px; background: var(--Light-Grey, #FCFCFC); } .Background-header { width: 100%; // height: 20rem; flex-shrink: 0; //opacity: 0.5; background: var(--Beige, #FFF5DA); padding: 20px; float: left; } .Title { display: block; flex-direction: column; align-items: center; color: #0A043C; width: Hug (319px); height: Hug (80px); top: 200px; margin-left: auto; margin-right: auto; //position: fixed; width: 100%; } .Title_txt1 { color: var(--Deep-Blue, #0A043C); text-align: center; font-family: Albert Sans; font-size: 16px; font-style: normal; font-weight: 700; line-height: 20px; /* 125% */ text-transform: uppercase; width: 169px; height: 20px; //position: fixed; width: 100%; margin-left: auto; margin-right: auto; letter-spacing: 2px; display: none; } .Title_txt2 { color: var(--Green, #20BFA9); text-align: center; font-family: Albert Sans; font-size: 40px; font-style: normal; //font-weight: 700; line-height: 60px; /* 120% */ letter-spacing: -1px; // width: 319px; height: 60px; //position: fixed; width: 100%; margin-left: auto; margin-right: auto; // top: 15rem; } .text_seul_1 { // width: 638px; color: var(--Deep-Blue, #0A043C); text-align: justify; font-family: Albert Sans; font-size: 25px; font-style: normal; font-weight: 400; line-height: 1.5em; // margin-left: 25%; // margin-right: auto; letter-spacing: 2px; } .text_activite_head { text-transform: uppercase; width: 100%; height: 32px; font-family: Albert Sans; font-size: 20px; //font-weight: 700; line-height: 32px; letter-spacing: 0em; text-align: center; letter-spacing: 2px; margin-bottom: 1rem; background: #0A043C; letter-spacing: 1px; margin-bottom: 1rem; border-top-left-radius: 8px; border-top-right-radius: 8px; height: 3rem; color: white; padding-top: 5px; } .image_activite_head { height: 22rem; } .image_activite_detail { height: 22rem; } .bton_en_savoir_plus_header { margin-top: 1rem; width: 339px; height: 56px; padding: 13px, 26px, 13px, 26px; border-radius: 8px; border: 1px; gap: 10px; background: white; border: 1px solid #0A043C; color: #0A043C; font-family: Albert Sans; font-size: 16px; font-weight: 600; line-height: 30px; letter-spacing: 0px; text-align: center; } // ici 2 .parent { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 25px; grid-row-gap: 5px; margin: 2rem; padding: 1rem; margin-bottom: 5rem; } .div1 { grid-area: 1 / 1 / 2 / 2; border-radius: 8px; background: var(--White, #FFF); box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08); padding-bottom: 2rem; } .div2 { grid-area: 1 / 2 / 2 / 3; border-radius: 8px; background: var(--White, #FFF); box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08); padding-bottom: 2rem; } .div3 { grid-area: 1 / 3 / 2 / 4; border-radius: 8px; background: var(--White, #FFF); box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08); padding-bottom: 2rem; } .text_nous_conseillons { width: 50%; margin-left: auto; margin-right: auto; font-family: Albert Sans; font-size: 25px; font-weight: normal; line-height: 32px; letter-spacing: 0px; //position: fixed; color: #0A043C; letter-spacing: 1px; margin-bottom: 4rem; line-height: 1.8em; text-align: justify; } .content_gestion_admin { width: 80%; margin-left: auto; margin-right: auto; height: 500px; position: relative; margin-bottom: 1rem; } .content_gestion_admin_img { z-index: 10; width: 40%; height: 400px; position: absolute; top: 0; left: 10px; margin-top: 50px; background: white; box-shadow: 50px 50px 80px 15px #1E1E1E0A; border-radius: 15px; } .content_gestion_admin_txt { z-index: 9; width: 80%; height: 480px; position: absolute; top: 10px; left: 0; margin-left: 19%; background: #FFF5DA; padding-top: 3rem; padding-left: 25%; text-align: justify; border-radius: 15px; box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); } .detail_content_text_head_1 { font-family: Albert Sans; font-size: 20px; font-weight: 700; line-height: 20px; letter-spacing: 0em; text-align: left; color: #3E6EE3; padding-bottom: 2rem; letter-spacing: 1px; display: none; } .detail_content_text_head_2 { font-family: Albert Sans; font-size: 24px; font-weight: 500; line-height: 48px; letter-spacing: 1px; text-align: left; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; } .detail_content_text_head_3 { font-size: 18px; font-weight: normal; line-height: 30px; letter-spacing: 0em; text-align: left; color: #0A043C; padding-bottom: 2rem; letter-spacing: 1px; text-align: justify; width: 80%; font-family: Verdana, Georgia, Arial; } .detail_content_text_head_3_gauche { font-family: Verdana, Georgia, Arial; font-size: 18px; font-weight: normal; line-height: 30px; letter-spacing: 0em; text-align: left; color: #0A043C; padding-bottom: 2rem; letter-spacing: 1px; text-align: justify; width: 60%; } .content_gestion_elearning { width: 80%; margin-left: auto; margin-right: auto; height: 500px; position: relative; margin-bottom: 1rem; } .content_gestion_elearning_img { z-index: 10; width: 40%; height: 400px; position: absolute; top: 0; right: 50px; margin-top: 50px; background: white; box-shadow: 50px 50px 80px 15px #1E1E1E0A; border-radius: 15px; } .content_gestion_elearning_txt { z-index: 9; width: 80%; height: 480px; position: absolute; top: 10px; left: 0; margin-right: 19%; background: #FFF5DA; padding-top: 3rem; padding-left: 5%; text-align: justify; border-radius: 15px; box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); } .fonctionalite_header { //width: 528px; height: 96px; font-family: Albert Sans; font-size: 30px; font-weight: 700; line-height: 48px; letter-spacing: 0em; text-align: center; color: #0A043C; margin-left: auto; margin-right: auto; margin-top: 0.5rem; margin-bottom: 0.5rem; letter-spacing: 1px; width: 100%; float: left; } .tick_fonctionalite { font-family: Albert Sans; font-size: 14px; font-weight: 400; letter-spacing: 1px; text-align: left; padding-left: 1rem; color: #0A043C; width: 100%; height: 2rem; padding-right: 10px; text-align: justify; } .tick_fonctionalite_tick { width: 5%; float: left; height: 2rem; } .tick_fonctionalite_txt { width: 95%; float: left; height: 3rem; padding-left: 10px; line-height: 1rem; font-family: Verdana, Georgia, Arial; } .video_titre { font-family: Albert Sans; font-size: 26px; font-weight: 600; line-height: 48px; letter-spacing: 0em; text-align: left; margin-top: 8rem; color: #0A043C; margin-left: 4rem; padding: 10px; } .pave_video_gauche { width: 30%; float: left; } .pave_video_droite { width: 70%; float: right; } .pave_video { box-shadow: 0px 4px 54px 0px rgba(114, 92, 92, 0.19); width: 90%; margin-left: auto; margin-right: auto; height: 40rem; margin-bottom: 1rem; padding-top: 2rem; } .video_sous_titre { font-family: Albert Sans; font-size: 32px; font-weight: 700; letter-spacing: 0em; text-align: left; color: #0A043C; margin-left: 4rem; padding: 10px; } .video_mp4 { width: 860px; height: 520px; } .contactez_nous_new { // width: 100%; text-align: center; padding: 0; border: 0px; font-weight: bold; font-size: small; color: white; padding-top: 5px; font-family: Albert Sans; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: 0em; text-align: left; color: #3E6EE3; } .contactez_nous_titre { // width: 392px; //height: 40px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 28px; font-weight: 700; line-height: 40px; letter-spacing: 0em; text-align: center; color: #0A043C; margin-bottom: 1rem; margin-top: 1rem; } .contactez_nous_info { //width: 392px; //height: 28px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0em; text-align: center; } .div_adresse_new { padding-left: 2rem; float: left; } .div_mobile_v3_debut { // margin-top: -27rem; float: left; width: 100%; } .div_block_fonction { width: 100%; float: left; } .div_block_fonction_detail { width: 30%; float: left; margin: 10px; // -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0); // box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0); background: #F8F9F9; height: 12rem; padding: 15px; border-radius: 8px; border: solid 2px #ebedef; } .div_block_fonction_detail_titre { font-family: Verdana, Georgia, Arial; color: #3E6EE3; line-Height: 29px; font-size: 20px; margin-bottom: 5px; width: 100%; font-weight: 400; text-align: left; letter-spacing: 1px; height: 4rem; padding-left: 2rem; } .div_block_fonction_detail_img { width: 30%; float: left; } .div_block_fonction_detail_img_inside { width: 4rem; } .div_block_fonction_detail_desc { width: 70%; float: left; text-align: left; line-height: 1.8em; font-size: small; color: #464646 } .block_centrer { margin: auto; width: 70%; // border: 3px solid #73AD21; padding: 10px; } .block_centrer_client { margin: auto; width: 80%; // border: 3px solid #73AD21; padding: 10px; // box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08); // height: 15rem; text-align: center; } .bton_enreg_dialog { border-radius: 5rem; font-size: small; background: #81BC3A !important; text-align: center; height: 2.5rem; width: 80%; color: white; margin-left: 10px; margin-right: 10px; } .bton_annule_dialog { border-radius: 5rem; font-size: small; background: lightgray !important; text-align: right; height: 2.5rem; width: 80%; color: black; margin-left: 10px; margin-right: 10px; } .block_bouton_gauche { float: left; border-width: 0.01rem; width: 25%; border-radius: 1rem; text-align: left; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .block_bouton_droite { float: right; border-width: 0.01rem; width: 25%; border-radius: 1rem; text-align: right; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .img_uca { width: 10rem; margin-left: 2rem; margin-right: 2rem; } .img_5discovery { width: 20rem; margin-left: 2rem; margin-right: 2rem; } .img_aroma { width: 20rem; margin-left: 2rem; margin-right: 2rem; } .img_potential { width: 20rem; margin-left: 2rem; margin-right: 2rem; } .img_capl { width: 5rem; margin-left: 2rem; margin-right: 2rem; } .img_hr { width: 15rem; margin-left: 2rem; margin-right: 2rem; } .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: 80%; // float: left; background: #FFF; margin: auto; } .tableau_mysy_4_point_case { width: 45%; float: left; height: 10rem; margin-bottom: 4rem; margin-right: 1%; border-right: 3mm ridge rgba(211, 220, 50, .6); } .tableau_mysy_4_point_case_img { width: 20%; float: left; text-align: center; padding-top: 2rem; } .tableau_mysy_4_point_case_text { width: 80%; float: right; } .tableau_mysy_4_point_case_img_droite { width: 20%; float: right; text-align: right; padding-top: 2rem; } .tableau_mysy_4_point_case_text_droite { width: 80%; 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 { max-height: 8rem; } .tableau_mysy_4_point_case_text_editeur_francais { font-family: Verdana, Georgia, Arial; font-size: 18px; font-weight: 500; // line-height: 38px; letter-spacing: 1px; text-align: left; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; padding: 10px; margin-top: 1.5rem; float: left; max-width: 15rem; margin-left: 4rem; } .tableau_mysy_4_point_case_text_qualipoi { font-family: Verdana, Georgia, Arial; font-size: 18px; font-weight: 500; // line-height: 38px; letter-spacing: 1px; text-align: left; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; padding: 10px; max-width: 20rem; float: right; padding-top: 2rem; } .tableau_mysy_4_point_case_text_moins_cher { font-family: Verdana, Georgia, Arial; font-size: 18px; font-weight: 500; // line-height: 38px; letter-spacing: 1px; text-align: left; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; padding: 10px; margin-top: 1.5rem; max-width: 20rem; float: right; padding-top: 2rem; } .tableau_mysy_4_point_case_text_tout_en_un { font-family: Verdana, Georgia, Arial; font-size: 18px; font-weight: 500; // line-height: 28px; letter-spacing: 1px; text-align: left; color: #0A043C; padding-bottom: 2rem; text-transform: uppercase; padding: 10px; max-width: 15rem; float: left; padding-top: 2rem; margin-left: 4rem; } .bock_img_equipe { height: 100%; } .block_img_objectif { height: 100%; } .block_img_force { height: 100%; } .block_centrer_new_v2 { margin: auto; width: 100%; padding: 10px; max-width: 1400px !important; } } // end media .header_title { background: gainsboro; font-size: x-large; font-weight: 700; letter-spacing: 1px; height: 3rem !important; padding-top: 5px; } .chapitre { font-size: 1.3rem; line-height: 3rem; } .hr_break { border: 10px solid grey; } }