.new_s_article_2025 { @media only screen and (max-width: 600px) { .img_note_class { width: 25%; height: 25%; } .btn-success { font-size: x-small !important; font-family: "DM Sans", "sans-serif"; //width: 50%!important; padding: 0.2rem !important; } .media_sociaux { svg { margin-top: 0 !important; text-align: left !important; } .SocialIcon { height: 20px !important; width: 20px !important; } } .rech_middlebox { float: left; border-width: 2px; width: 100%; height: 100%; margin: auto; padding: 0.1rem; border-radius: 30px; margin-right: 0.5%; } .div_row { //border: 0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; margin-left: auto; margin-right: auto; } .div_row_gauche { float: left; border: 0px solid black; border-width: 0.01rem; width: 98%; border-radius: 5px; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: small; margin-bottom: 5px; padding: 5px; margin-right: 5px; cursor: pointer; } .div_row_droite { float: right; border: 0px solid black; border-width: 0.01rem; width: 49.8%; border-radius: 5px; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: small; margin-bottom: 5px; padding: 5px; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .img_categorie { width: 100%; border-radius: 10px !important; padding: 5px; } .met_container { text-align: center; padding: 1px 2px; letter-spacing: 2px; font-size: small; color: #3b3e40; } .met_text { margin-bottom: 0.1rem; // letter-spacing: 1px; min-height: 60px; font-family: Verdana, Georgia, Arial; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; text-align: justify; color: #0A043C; margin-top: 1rem; line-height: 30px; font-weight: 600; } .met_text:hover { font-style: italic; } .met_text_detail { margin-bottom: 0.1rem; font-size: small; font-weight: normal; //white-space: nowrap; //overflow: hidden; text-align: left; margin-top: 1rem; margin-bottom: 1rem; } .art_criteres { font-family: "DM Sans", "sans-serif"; color: #104277; font-size: small; padding-bottom: 0rem; margin-bottom: 0rem; width: 12%; float: left; margin-bottom: 0.5rem; font-weight: bold; } .art_criteres_value { width: 100%; float: left; margin-bottom: 0.5rem; text-align: left; font-family: Verdana, Georgia, Arial; //height: 20rem; line-height: 30px; font-size: 14px; } .art_criteres_value_left { width: 50%; float: left; text-align: left; margin-bottom: 0.5rem; } .art_criteres_value_right { width: 35%; float: left; text-align: right; margin-bottom: 0.5rem; } .gauche_img { width: 100%; float: left; } .droite_txt { width: 100%; float: right; padding: 5px; height: 20rem; } .div_row_border { float: left; // border: 1px solid #d5d8dc; border-width: 0.01rem; width: 100%; border-radius: 5px; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: small; margin-bottom: 15px; background: #FFF; // padding: 5px; // margin-right: 5px; //cursor: pointer; } } @media only screen and (min-width: 601px) and (max-width: 991px) { .img_note_class { width: 15%; height: 15%; } .btn-success { font-size: x-small !important; font-family: "DM Sans", "sans-serif"; //width: 50%!important; padding: 0.2rem !important; } .media_sociaux { svg { margin-top: 0 !important; text-align: left !important; } .SocialIcon { height: 20px !important; width: 20px !important; } } .rech_middlebox { float: left; border-width: 2px; width: 100%; height: 100%; margin: auto; padding: 0.1rem; border-radius: 30px; margin-right: 0.5%; } .div_row { //border: 0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; margin-left: auto; margin-right: auto; } .div_row_gauche { //float: left; border: 0px solid black; border-width: 0.01rem; width: 98%; border-radius: 5px; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: small; margin-bottom: 5px; padding: 5px; margin-right: auto; margin-left: auto; cursor: pointer; } .div_row_droite { float: right; border: 0px solid black; border-width: 0.01rem; width: 49.8%; border-radius: 5px; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: small; margin-bottom: 5px; padding: 5px; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .img_categorie { width: 100%; border-radius: 10px !important; padding: 5px; } .met_container { text-align: center; padding: 1px 2px; letter-spacing: 2px; font-size: small; color: #3b3e40; } .met_text { margin-bottom: 0.1rem; // letter-spacing: 1px; min-height: 60px; font-family: Verdana, Georgia, Arial; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; text-align: left; color: #0A043C; margin-top: 1rem; line-height: 30px; font-weight: 600; } .met_text:hover { font-style: italic; } .met_text_detail { margin-bottom: 0.1rem; font-size: small; font-weight: normal; //white-space: nowrap; //overflow: hidden; text-align: left; margin-top: 1rem; // margin-bottom: 1rem; } .art_criteres { font-family: "DM Sans", "sans-serif"; color: #104277; font-size: small; padding-bottom: 0rem; margin-bottom: 0rem; width: 12%; float: left; margin-bottom: 0.5rem; font-weight: bold; } .art_criteres_value { width: 100%; float: left; margin-bottom: 0.5rem; text-align: left; font-family: Verdana, Georgia, Arial; height: 15rem; line-height: 30px; font-size: 14px; } .art_criteres_value_left { width: 50%; float: left; text-align: left; margin-bottom: 0.5rem; } .art_criteres_value_right { width: 35%; float: left; text-align: right; margin-bottom: 0.5rem; } .gauche_img { width: 100%; float: left; } .droite_txt { width: 100%; float: right; padding: 5px; height: 33rem; } .div_row_border { float: left; // border: 1px solid #d5d8dc; border-width: 0.01rem; width: 100%; border-radius: 5px; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: small; margin-bottom: 25px; padding: 5px; margin-right: 5px; //cursor: pointer; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .img_note_class { width: 10%; height: 10%; } .btn-success { font-size: x-small !important; font-family: "DM Sans", "sans-serif"; //width: 40%!important; padding: 0.2rem !important; } .media_sociaux { svg { margin-top: 0 !important; text-align: left !important; } .SocialIcon { height: 20px !important; width: 20px !important; } } .rech_middlebox { float: left; border-width: 2px; width: 100%; height: 100%; margin: auto; padding: 0.1rem; border-radius: 30px; margin-right: 0.5%; } .div_row { //border: 0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; margin-left: auto; margin-right: auto; } .div_row_border { float: left; // border: 1px solid #d5d8dc; border-width: 0.01rem; width: 100%; border-radius: 5px; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: small; margin-bottom: 25px; padding: 5px; margin-right: 5px; // cursor: pointer; } .div_row_gauche { float: left; border: 0px solid black; border-width: 0.01rem; width: 49%; border-radius: 5px; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: small; margin-bottom: 5px; padding: 5px; margin-right: 5px; cursor: pointer; } .div_row_droite { float: right; border: 0px solid black; border-width: 0.01rem; width: 49.8%; border-radius: 5px; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: small; margin-bottom: 5px; padding: 5px; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .img_categorie { width: 100%; border-radius: 10px !important; padding: 5px; } .met_container { text-align: center; padding: 1px 2px; letter-spacing: 2px; font-size: small; color: #3b3e40; } .met_text { margin-bottom: 0.1rem; // letter-spacing: 1px; min-height: 60px; font-family: Verdana, Georgia, Arial; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; text-align: left; color: #0A043C; margin-top: 1rem; line-height: 30px; font-weight: 600; } .met_text:hover { font-style: italic; } .met_text_detail { margin-bottom: 0.1rem; font-size: small; font-weight: normal; //white-space: nowrap; //overflow: hidden; text-align: left; margin-top: 1rem; // margin-bottom: 1rem; } .art_criteres { font-family: "DM Sans", "sans-serif"; color: #104277; font-size: small; padding-bottom: 0rem; margin-bottom: 0rem; width: 15%; float: left; margin-bottom: 0.5rem; font-weight: bold; } .art_criteres_value { width: 100%; float: left; margin-bottom: 0.5rem; text-align: left; font-family: Verdana, Georgia, Arial; height: 15rem; line-height: 28px; font-size: 14px; } .art_criteres_value_left { width: 50%; float: left; text-align: left; margin-bottom: 0.5rem; } .art_criteres_value_right { width: 35%; float: left; text-align: right; margin-bottom: 0.5rem; } .gauche_img { width: 100%; float: left; } .droite_txt { width: 100%; float: right; padding: 5px; height: 28rem; } } @media only screen and (min-width: 1200px) { .img_note_class { width: 8%; } .btn-success { font-size: x-small !important; font-family: "DM Sans", "sans-serif"; //width: 40%!important; padding: 0.2rem !important; } .media_sociaux { svg { margin-top: 0 !important; text-align: left !important; } .SocialIcon { height: 25px !important; width: 25px !important; } } .rech_middlebox { float: left; border-width: 2px; width: 100%; height: 100%; margin: auto; padding: 0.1rem; border-radius: 30px; margin-right: 0.5%; } .div_row { //border: 0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; margin-left: auto; margin-right: auto; } .div_row_border { float: left; // border: 1px solid #d5d8dc; border-width: 0.01rem; width: 100%; border-radius: 5px; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: small; margin-bottom: 25px; padding: 5px; margin-right: 5px; //cursor: pointer; } .div_row_gauche { float: left; border: 0px solid black; border-width: 0.01rem; width: 49%; border-radius: 5px; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: small; margin-bottom: 5px; padding: 5px; margin-right: 5px; cursor: pointer; } .div_row_droite { float: right; border: 0px solid black; border-width: 0.01rem; width: 49.8%; border-radius: 5px; text-align: left; font-family: "DM Sans", "sans-serif"; font-size: small; margin-bottom: 5px; padding: 5px; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .img_categorie { width: 100%; border-radius: 10px !important; padding: 5px; height: 15rem; } .met_container { text-align: center; padding: 1px 2px; letter-spacing: 2px; font-size: small; color: #3b3e40; } .met_text { margin-bottom: 0.1rem; // letter-spacing: 1px; height: 60px; font-family: Verdana, Georgia, Arial; font-style: normal; font-weight: 400; font-size: 17px; line-height: 22px; text-align: left; color: #0A043C; margin-top: 2rem; line-height: 30px; font-weight: 600; width: 100%; float: left; } .met_text:hover { font-style: italic; } .met_text_detail { margin-bottom: 0.1rem; font-size: small; font-weight: normal; //white-space: nowrap; //overflow: hidden; text-align: left; margin-top: 1rem; // margin-bottom: 1rem; width: 100%; float: left; //height: 14rem; } .art_criteres { font-family: "DM Sans", "sans-serif"; color: #104277; font-size: small; padding-bottom: 0rem; margin-bottom: 0rem; width: 12%; float: left; margin-bottom: 0.5rem; font-weight: bold; } .art_criteres_value { width: 100%; float: left; text-align: left; margin-bottom: 0.5rem; text-align: left; font-family: Verdana, Georgia, Arial; line-height: 25px; height: 10rem; line-height: 30px; font-size: 14px; } .art_criteres_value_left { width: 50%; float: left; text-align: left; margin-bottom: 0.5rem; } .art_criteres_value_right { width: 35%; float: left; text-align: right; margin-bottom: 0.5rem; } .gauche_img { width: 100%; float: left; } .droite_txt { width: 100%; float: right; padding: 5px; height: 20rem; padding-left: 1rem; padding-right: 1rem; } } .lire_plus { cursor: pointer; width: 100%; text-align: center; border: 1px solid #d5d8dc; border-radius: 5px; padding-top: 10px; background: #f8f9f9; box-shadow: 3px 0px 5px 3px rgba(0, 0, 0, 0.1); height: 3rem; float: left; font-style: normal; } .lire_plus:hover { font-style: italic; } .tox-dialog { z-index: 150002 !important; } // end media } .grid8p { font-family: Roboto, sans-serif; color: #005e5d; font-size: 1rem; line-height: 1.5rem; width: 100%; text-align: left; padding-right: 10px; float: left; height: 2rem; font-style: italic; cursor: pointer; } .grid8p:hover { font-style: italic; letter-spacing: 1px; }