.displaydetailclass { p { font-size: small; } h6 { font-size: small; } .h1_transparent { color: transparent; //color: red; font-size: 0.2rem; margin-bottom: 0px; } .default-nav { display: none !important; } .slide_img { width: 100% !important; height: 30rem !important; max-height: 30rem !important; display: block !important; } .containerBox { position: relative; display: inline-block; margin-top: 0.5rem; } .popup-content2-content { top: 30% !important; left: 40% !important; width: 30rem !important; font-family: "Quicksand", "Signika", sans-serif !important; font-size: medium !important; background: black !important; color: white !important; } .popup-content_max_601-content { top: 30% !important; left: 15% !important; width: 80% !important; font-family: "Quicksand", "Signika", sans-serif !important; font-size: small !important; background: black !important; color: white !important; } @media only screen and (max-width: 600px) { .left_box { display: none; } .left_box_for_mobile { float: left; border-width: 1px; width: 80%; height: 100%; padding: 0.5rem; padding-left: 0.5rem; border-radius: 1rem; margin-bottom: 0.1rem; font-size: small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif !important; background: white; margin-left: 5px; padding-left: 5px; margin-left: 2.5rem; margin-top: 1rem; } .right_box { float: left; border: 1px solid black; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-width: 2px; width: 98%; height: 100%; margin: auto; margin-top: auto; margin-right: auto; margin-left: auto; padding: 0rem; border-radius: 30px; margin-right: 0%; padding-left: 2px; padding-right: 2px; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); margin-left: 3px; padding-bottom: 2rem; margin-top: 1rem; padding-top: 1rem; background: #F4F6F6; } .hilightsoustitre { 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; } .autres_formations { margin-bottom: 1.5rem; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); border-radius: 10px; } .img_banner { margin-bottom: .5rem; padding-bottom: .5rem; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); border-radius: 10px; padding-top: 10px; width: 98%; background: url("../../mysy_img/MYSY-banner-compte.png") no-repeat; } .img_bannermg_WOimg { margin-bottom: .5rem; padding-bottom: .5rem; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); border-radius: 10px; padding-top: 10px; width: 98%; max-height: 5rem; background-color: white; } .titre_formation { color: #619e31; font-size: 1.5rem; font-family: "Quicksand", "Signika", sans-serif; text-align: center; letter-spacing: 0.2rem; margin-bottom: 0.5rem; } .description { text-align: justify; word-break: break-all; line-height: 1.1rem; color: #3b3e40; font-size: 0.85rem; word-break: break-word; margin-left: 2%; margin-right: 5%; } .caracteristique { word-break: break-all; line-height: 1.1rem; color: #3b3e40; font-size: medium; word-break: break-word; font-weight: bold; margin-left: 2%; margin-right: 5%; text-align: center; } .calage { width: 2%; } .div_row_critere { float: left; //border:1px solid black; //border-width:0.01rem; width: 50%; margin-bottom: 1rem; border-radius: 1rem; margin-left: auto; margin-right: auto; font-size: small; // border: 1px solid black; } .div_row_critere_gauche { width: 55%; float: left; text-align: right; font-weight: bold; padding-right: 5px; } .div_row_critere_droite { width: 38%; float: left; text-align: left; padding-left: 5px; } .div_row_critere_note { //float: left; //border:1px solid black; //border-width:0.01rem; width: 50%; margin-bottom: 1rem; border-radius: 1rem; margin-left: auto; margin-right: auto; text-align: center; font-size: small; font-weight: bold; // border: 1px solid black; } .div_row { width: 90%; margin-bottom: 1rem; border-radius: 1rem; margin-left: auto; margin-right: auto; } .div_row_gauche { float: left; // border:1px solid black; // border-width:0.01rem; width: 45%; border-radius: 1rem; } .div_row_droite { float: left; //border:1px solid black; //border-width:0.01rem; width: 45%; border-radius: 1rem; } .ftion_tab_gauche { width: 62%; float: left; text-align: left; font-weight: bold; } .ftion_tab_droite { width: 38%; float: left; text-align: left; } .forma_img_logo_class { float: left; border-width: 2px; width: 100%; padding: 0.3rem; font-size: 11px; color: rgb(10, 42, 77); margin-top: 1px; cursor: pointer; //border:1px solid black; text-align: center; display: table-cell; // vertical-align: middle; } .training_img { border-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%; } .vignet_title { color: #619e31; font-size: medium; font-family: "Quicksand", "Signika", sans-serif; text-align: center; letter-spacing: 0.1rem; } .vignet_desc { font-family: "verdana", "Quicksand", "Signika", sans-serif; line-height: 1.43; font-size: small; margin-bottom: 4px; color: #3b3e40; word-break: break-word; padding: 5px; } .text_surna { z-index: 50; font-size: xx-large; color: white; background: url("../../mysy_img/MYSY-LOGO-WHITE2.png") no-repeat; height: 5rem; width: 10rem; margin-left: auto; margin-right: auto; } .detail_class_submenu { width: 7rem; background: #d8edfc; border-radius: 10px; margin-right: 0.3rem; padding: 0.3rem; margin-bottom: 0.2rem; text-align: center; border: 1px solid; color: #3b3e40; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; font-weight: normal; } .detail_class_submenu:hover:active, .detail_class_submenu:hover { background-color: #104277; color: white; } .detail_class_submenu:focus { //border: 3px dotted green; background-color: #104277; color: white; } .detail_class_submenu_data { width: 100%; height: 5rem; background-color: #d8edfc; padding-left: 5px; text-align: left; padding: 0; border: 0px; color: #3b3e40; padding-left: 5px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; border-radius: 10px; border: 1px solid; } .detail_element { border-radius: 3px; display: inline-block; width: 95%; background-color: white; height: auto; padding: 10px; outline: 1px solid #ccc; margin: 10px; text-align: left; background-color: white; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); border: 0px solid; margin-right: 5rem; } .detail_element:hover { -webkit-box-shadow: 1px 1px 4px 1px rgb(0 0 0 / 25%); box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 25%); } .bton_inscription { color: white; text-align: right; padding-right: 2rem; border-radius: 20rem; background-color: red; border: 2px solid red; width: 10rem; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); font-weight: bold; letter-spacing: 1px; position: fixed; top: 6rem; right: 15%; height: 3rem; } .row_inscription { color: white; text-align: right; padding-right: 2rem; } .sous_titre { color: #619e31; font-size: small; font-family: "Quicksand", "Signika", sans-serif; text-align: center; letter-spacing: 0.1rem; } } @media only screen and (min-width: 601px) and (max-width: 991px) { .left_box { float: left; //border: 1px solid black; border-width: 1px; width: 25%; height: 100%; padding: 0.2rem; 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: 2px; //-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; } .right_box { float: left; border: 1px solid black; border-width: 2px; width: 73%; height: 100%; margin: auto; padding: 0rem; border-radius: 30px; margin-right: 0%; padding-left: 1rem; padding-right: 10px; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); margin-left: 5px; padding-bottom: 2rem; margin-top: 0.5rem; padding-top: 1rem; background: #F4F6F6; //background-color: #f8f9f9; //overflow-y:scroll; } .hilightsoustitre { color: #3b3e40; display: block; font-size: 0.9rem; margin-bottom: 0.5rem; background: #e9ecef; border-radius: 5px; background: #113459; color: #fff; letter-spacing: 2px; padding-top: 5px; } .autres_formations { margin-bottom: 1.5rem; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); border-radius: 10px; } .img_banner { 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 rgba(0, 0, 0, 0.5); border-radius: 10px; padding-top: 10px; width: 100%; background: url("../../mysy_img/MYSY-banner-compte.png") no-repeat; } .img_bannermg_WOimg { 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 rgba(0, 0, 0, 0.5); border-radius: 10px; padding-top: 10px; width: 100%; max-height: 8rem; background-color: white; } .titre_formation { color: #619e31; font-size: 1.5rem; font-family: "Quicksand", "Signika", sans-serif; text-align: center; letter-spacing: 0.2rem; } .description { text-align: justify; word-break: break-all; line-height: 1.1rem; color: #3b3e40; font-size: 0.85rem; word-break: break-word; margin-left: 2%; margin-right: 5%; } .caracteristique { word-break: break-all; line-height: 1.1rem; color: #3b3e40; font-size: medium; word-break: break-word; font-weight: bold; margin-left: 2%; margin-right: 5%; text-align: center; } .calage { width: 2%; } .div_row_critere { float: left; //border:1px solid black; //border-width:0.01rem; width: 30%; margin-bottom: 1rem; border-radius: 1rem; margin-left: auto; margin-right: auto; font-size: small; // border: 1px solid black; } .div_row_critere_gauche { width: 62%; float: left; text-align: right; font-weight: bold; padding-right: 5px; } .div_row_critere_droite { width: 38%; float: left; text-align: left; padding-left: 5px; } .div_row_critere_note { //float: left; //border:1px solid black; //border-width:0.01rem; width: 50%; margin-bottom: 1rem; border-radius: 1rem; margin-left: auto; margin-right: auto; text-align: center; font-size: small; font-weight: bold; // border: 1px solid black; } .div_row { width: 80%; margin-bottom: 1rem; border-radius: 1rem; margin-left: auto; margin-right: auto; } .div_row_gauche { float: left; // border:1px solid black; // border-width:0.01rem; width: 45%; border-radius: 1rem; } .div_row_droite { float: left; //border:1px solid black; //border-width:0.01rem; width: 45%; border-radius: 1rem; } .ftion_tab_gauche { width: 62%; float: left; text-align: left; font-weight: bold; } .ftion_tab_droite { width: 38%; float: left; text-align: left; } .forma_img_logo_class { float: left; border-width: 2px; width: 100%; padding: 0.3rem; font-size: 11px; color: rgb(10, 42, 77); margin-top: 1px; cursor: pointer; //border:1px solid black; text-align: center; display: table-cell; // vertical-align: middle; } .training_img { border-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%; } .vignet_title { color: #619e31; font-size: medium; font-family: "Quicksand", "Signika", sans-serif; text-align: center; letter-spacing: 0.1rem; } .vignet_desc { font-family: "verdana", "Quicksand", "Signika", sans-serif; line-height: 1.43; font-size: small; margin-bottom: 4px; color: #3b3e40; word-break: break-word; padding: 5px; } .text_surna { z-index: 50; font-size: xx-large; color: white; background: url("../../mysy_img/MYSY-LOGO-WHITE2.png") no-repeat; height: 5rem; width: 15rem; margin-left: auto; margin-right: auto; top: 2rem; margin-top: 1.5rem; } .left_box_for_mobile { display: none; } .detail_class_submenu { background: #d8edfc; border-radius: 10px; margin-right: 1rem; padding: 0.3rem; margin-bottom: 0.5rem; width: 8rem; text-align: center; border: 1px solid; color: #3b3e40; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; letter-spacing: 0.1rem; font-weight: normal; } .detail_class_submenu:hover:active, .detail_class_submenu:hover { background-color: #104277; color: white; } .detail_class_submenu:focus { //border: 3px dotted green; background-color: #104277; color: white; } .detail_class_submenu_data { width: 100%; height: 5rem; background-color: #d8edfc; padding-left: 5px; text-align: left; padding: 0; border: 0px; color: #3b3e40; padding-left: 5px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; border-radius: 10px; border: 1px solid; } .detail_element { border-radius: 3px; display: inline-block; background-color: white; height: auto; padding: 10px; outline: 1px solid #ccc; margin: 10px; text-align: left; margin-bottom: 2rem; background-color: white; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); border: 0px solid; width: 99%; margin-left: 0px; } .detail_element:hover { -webkit-box-shadow: 1px 1px 4px 1px rgb(0 0 0 / 25%); box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 25%); } .bton_inscription { color: white; text-align: right; padding-right: 2rem; border-radius: 20rem; background-color: red; border: 2px solid red; width: 10rem; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); font-weight: bold; letter-spacing: 1px; position: fixed; top: 15rem; right: 5%; height: 3rem; } .row_inscription { color: white; text-align: right; padding-right: 2rem; } .sous_titre { color: #619e31; font-size: medium; font-family: "Quicksand", "Signika", sans-serif; text-align: center; letter-spacing: 0.1rem; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .left_box { float: left; //border: 1px solid black; border-width: 1px; width: 20%; 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; } .right_box { float: left; border: 1px solid black; border-width: 2px; width: 78%; height: 100%; margin: auto; padding: 0rem; border-radius: 30px; margin-right: 0%; padding-left: 1rem; padding-right: 10px; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); margin-left: 10px; padding-bottom: 2rem; margin-top: 0.5rem; padding-top: 1rem; background: #F4F6F6; //background-color: #f8f9f9; //overflow-y:scroll; } .hilightsoustitre { color: #3b3e40; display: block; font-size: 0.9rem; margin-bottom: 0.5rem; background: #e9ecef; border-radius: 5px; background: #113459; color: #fff; } .autres_formations { margin-bottom: 1.5rem; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); border-radius: 10px; } .img_banner { 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 rgba(0, 0, 0, 0.5); border-radius: 10px; padding-top: 10px; width: 100%; background: url("../../mysy_img/MYSY-banner-compte.png") no-repeat; } .img_bannermg_WOimg { 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 rgba(0, 0, 0, 0.5); border-radius: 10px; padding-top: 10px; width: 100%; max-height: 11rem; background-color: white; } .titre_formation { color: #619e31; font-size: 1.5rem; font-family: "Quicksand", "Signika", sans-serif; text-align: center; letter-spacing: 0.2rem; } .description { text-align: justify; word-break: break-all; line-height: 1.1rem; color: #3b3e40; font-size: 0.85rem; word-break: break-word; margin-left: 2%; margin-right: 5%; } .caracteristique { word-break: break-all; line-height: 1.1rem; color: #3b3e40; font-size: medium; word-break: break-word; font-weight: bold; margin-left: 2%; margin-right: 5%; text-align: center; } .calage { width: 2%; } .div_row_critere { float: left; //border:1px solid black; //border-width:0.01rem; width: 30%; margin-bottom: 1rem; border-radius: 1rem; margin-left: auto; margin-right: auto; font-size: small; // border: 1px solid black; } .div_row_critere_gauche { width: 62%; float: left; text-align: right; font-weight: bold; padding-right: 5px; } .div_row_critere_droite { width: 38%; float: left; text-align: left; padding-left: 5px; } .div_row_critere_note { //float: left; //border:1px solid black; //border-width:0.01rem; width: 50%; margin-bottom: 1rem; border-radius: 1rem; margin-left: auto; margin-right: auto; text-align: center; font-size: small; font-weight: bold; // border: 1px solid black; } .div_row { width: 80%; margin-bottom: 1rem; border-radius: 1rem; margin-left: auto; margin-right: auto; } .div_row_gauche { float: left; // border:1px solid black; // border-width:0.01rem; width: 45%; border-radius: 1rem; } .div_row_droite { float: left; //border:1px solid black; //border-width:0.01rem; width: 45%; border-radius: 1rem; } .ftion_tab_gauche { width: 62%; float: left; text-align: left; font-weight: bold; } .ftion_tab_droite { width: 38%; float: left; text-align: left; } .forma_img_logo_class { float: left; border-width: 2px; width: 100%; padding: 0.3rem; font-size: 11px; color: rgb(10, 42, 77); margin-top: 1px; cursor: pointer; //border:1px solid black; text-align: center; display: table-cell; // vertical-align: middle; } .training_img { border-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%; } .vignet_title { color: #619e31; font-size: medium; font-family: "Quicksand", "Signika", sans-serif; text-align: center; letter-spacing: 0.1rem; } .vignet_desc { font-family: "verdana", "Quicksand", "Signika", sans-serif; line-height: 1.43; font-size: small; margin-bottom: 4px; color: #3b3e40; word-break: break-word; padding: 5px; } .text_surna { z-index: 50; font-size: xx-large; color: white; background: url("../../mysy_img/MYSY-LOGO-WHITE2.png") no-repeat; height: 5rem; width: 15rem; margin-left: auto; margin-right: auto; top: 2rem; margin-top: 1.5rem; } .left_box_for_mobile { display: none; } .detail_class_submenu { background: #d8edfc; border-radius: 10px; margin-right: 1rem; padding: 0.3rem; margin-bottom: 0.5rem; width: 10rem; text-align: center; border: 1px solid; color: #3b3e40; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; letter-spacing: 0.1rem; font-weight: normal; } .detail_class_submenu:hover:active, .detail_class_submenu:hover { background-color: #104277; color: white; } .detail_class_submenu:focus { //border: 3px dotted green; background-color: #104277; color: white; } .detail_class_submenu_data { width: 100%; height: 5rem; background-color: #d8edfc; padding-left: 5px; text-align: left; padding: 0; border: 0px; color: #3b3e40; padding-left: 5px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; border-radius: 10px; border: 1px solid; } .detail_element { border-radius: 3px; display: inline-block; background-color: white; height: auto; padding: 10px; outline: 1px solid #ccc; margin: 10px; text-align: left; margin-bottom: 2rem; background-color: white; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); border: 0px solid; width: 99%; margin-left: 0px; } .detail_element:hover { -webkit-box-shadow: 1px 1px 4px 1px rgb(0 0 0 / 25%); box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 25%); } .bton_inscription { color: white; text-align: right; padding-right: 2rem; border-radius: 20rem; background-color: red; border: 2px solid red; width: 10rem; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); font-weight: bold; letter-spacing: 1px; position: fixed; top: 15rem; right: 5%; height: 3rem; } .row_inscription { color: white; text-align: right; padding-right: 2rem; } .sous_titre { color: #619e31; font-size: medium; font-family: "Quicksand", "Signika", sans-serif; text-align: center; letter-spacing: 0.1rem; } } @media only screen and (min-width: 1200px) { .left_box { float: left; border-width: 1px; width: 20%; height: 100%; padding: 0.5rem; padding-left: 0.5rem; border-radius: 1rem; margin-bottom: 0.1rem; font-size: small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif !important; background: white; margin-left: 5px; padding-left: 5px; } .right_box { float: left; border: 1px solid black; border-width: 2px; width: 78%; height: 100%; margin: auto; padding: 0rem; border-radius: 30px; margin-right: 0%; padding-left: 1rem; padding-right: 10px; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); margin-left: 10px; padding-bottom: 2rem; margin-top: 0.5rem; padding-top: 1rem; background: #F4F6F6; //overflow-y:scroll; } .hilightsoustitre { 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; } .autres_formations { margin-bottom: 1.5rem; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); border-radius: 10px; } .img_banner { 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 rgba(0, 0, 0, 0.5); border-radius: 10px; padding-top: 10px; width: 100%; background: url("../../mysy_img/MYSY-banner-compte.png") no-repeat; } .img_bannermg_WOimg { 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 rgba(0, 0, 0, 0.5); border-radius: 10px; padding-top: 10px; width: 100%; max-height: 12rem; background-color: white; } .titre_formation { color: #619e31; font-size: 1.5rem; font-family: "Quicksand", "Signika", sans-serif; text-align: center; letter-spacing: 0.2rem; } .description { text-align: justify; word-break: break-all; line-height: 1.1rem; color: #3b3e40; font-size: 0.85rem; word-break: break-word; margin-left: 2%; margin-right: 5%; } .caracteristique { word-break: break-all; line-height: 1.1rem; color: #3b3e40; font-size: medium; word-break: break-word; font-weight: bold; margin-left: 2%; margin-right: 5%; text-align: center; } .calage { width: 2%; } .div_row_critere { float: left; //border:1px solid black; //border-width:0.01rem; width: 30%; margin-bottom: 1rem; border-radius: 1rem; margin-left: auto; margin-right: auto; font-size: small; // border: 1px solid black; } .div_row_critere_gauche { width: 62%; float: left; text-align: right; font-weight: bold; padding-right: 5px; } .div_row_critere_droite { width: 38%; float: left; text-align: left; padding-left: 5px; } .div_row_critere_note { //float: left; //border:1px solid black; //border-width:0.01rem; width: 50%; margin-bottom: 1rem; border-radius: 1rem; margin-left: auto; margin-right: auto; text-align: center; font-size: small; font-weight: bold; // border: 1px solid black; } .div_row { width: 80%; margin-bottom: 1rem; border-radius: 1rem; margin-left: auto; margin-right: auto; } .div_row_gauche { float: left; // border:1px solid black; // border-width:0.01rem; width: 45%; border-radius: 1rem; } .div_row_droite { float: left; //border:1px solid black; //border-width:0.01rem; width: 45%; border-radius: 1rem; } .ftion_tab_gauche { width: 62%; float: left; text-align: left; font-weight: bold; } .ftion_tab_droite { width: 38%; float: left; text-align: left; } .forma_img_logo_class { float: left; border-width: 2px; width: 100%; padding: 0.3rem; font-size: 11px; color: rgb(10, 42, 77); margin-top: 1px; cursor: pointer; //border:1px solid black; text-align: center; display: table-cell; // vertical-align: middle; } .training_img { border-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%; } .vignet_title { color: #619e31; font-size: medium; font-family: "Quicksand", "Signika", sans-serif; text-align: center; letter-spacing: 0.1rem; } .vignet_desc { font-family: "verdana", "Quicksand", "Signika", sans-serif; line-height: 1.43; font-size: small; margin-bottom: 4px; color: #3b3e40; word-break: break-word; padding: 5px; } .text_surna { z-index: 50; font-size: xx-large; color: white; background: url("../../mysy_img/MYSY-LOGO-WHITE2.png") no-repeat; height: 5rem; width: 15rem; margin-left: auto; margin-right: auto; top: 2rem; margin-top: 1.5rem; } .left_box_for_mobile { display: none; } .detail_class_submenu { background: #d8edfc; border-radius: 15px; margin-right: 1rem; padding: 0.3rem; margin-bottom: 0.5rem; width: 10rem; text-align: center; border: 1px solid #9cf; color: #3b3e40; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; letter-spacing: 0.1rem; font-weight: normal; } .detail_class_submenu:hover:active, .detail_class_submenu:hover { background-color: #104277; color: white; } .detail_class_submenu:focus { //border: 3px dotted green; background-color: #104277; color: white; } .detail_class_submenu_data { width: 100%; height: 5rem; background-color: #d8edfc; padding-left: 5px; text-align: left; padding: 0; border: 0px; color: #3b3e40; padding-left: 5px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; border-radius: 10px; border: 1px solid; } .detail_element { border-radius: 3px; display: inline-block; background-color: white; height: auto; padding: 10px; outline: 1px solid #ccc; margin: 10px; text-align: left; margin-bottom: 2rem; background-color: white; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); border: 0px solid; width: 99%; } .detail_element:hover { -webkit-box-shadow: 1px 1px 4px 1px rgb(0 0 0 / 25%); box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 25%); } .bton_inscription { color: white; text-align: right; padding-right: 2rem; border-radius: 20rem; background-color: red; border: 2px solid red; width: 10rem; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); font-weight: bold; letter-spacing: 1px; position: fixed; top: 15rem; right: 5%; height: 3rem; } .row_inscription { color: white; text-align: right; padding-right: 2rem; } .sous_titre { color: #619e31; font-size: medium; font-family: "Quicksand", "Signika", sans-serif; text-align: center; letter-spacing: 0.1rem; } } }