.hebergementlms { @media only screen and (max-width: 600px) { /*style smartphones et petites tablettes en portrait*/ .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 95%; border-radius: 0px; margin-bottom: 1rem; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 95%; padding-left: 2%; border-radius: 0px; } .btn_modif { width: 10rem; background-color: #212121 !important; color: white; } .btn_enreg { width: 10rem; background-color: green !important; color: white; } .div_row_center { border-left: 0rem solid; border-width: 0rem; width: 80%; padding-left: 5px; border-radius: 0px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; margin-left: auto; margin-right: auto; text-align: center; margin-top: 2rem; } .btn_enreg_cmd { background: #81BC3A; padding: 0.3rem; border-radius: 5rem; font-size: small; text-align: left; border: solid 1px; height: 2.5rem; color: white; width: 90%; } } @media only screen and (min-width: 601px) and (max-width: 991px) { /*style petites-moyennes tablettes */ .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 45%; border-radius: 0px; } .div_row_droite { border-left: 1rem solid; float: right; //border:0px solid black; border-width: 0.01rem; width: 55%; padding-left: 2%; border-radius: 0px; } .btn_modif { width: 10rem; background-color: #212121 !important; color: white; } .btn_enreg { width: 10rem; background-color: green !important; color: white; } .div_row_center { border-left: 0rem solid; border-width: 0rem; width: 60%; padding-left: 5px; border-radius: 0px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; margin-left: auto; margin-right: auto; text-align: center; margin-top: 2rem; } .btn_enreg_cmd { background: #81BC3A; padding: 0.3rem; border-radius: 5rem; font-size: small; text-align: left; border: solid 1px; height: 2.5rem; color: white; width: 80%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 45%; border-radius: 0px; } .div_row_droite { border-left: 1rem solid; float: right; //border:0px solid black; border-width: 0.01rem; width: 55%; padding-left: 2%; border-radius: 0px; } .btn_modif { width: 10rem; background-color: #212121 !important; color: white; } .btn_enreg { width: 10rem; background-color: green !important; color: white; } .div_row_center { border-left: 0rem solid; border-width: 0rem; width: 50%; padding-left: 5px; border-radius: 0px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; margin-left: auto; margin-right: auto; text-align: center; margin-top: 2rem; } .btn_enreg_cmd { background: #81BC3A; padding: 0.3rem; border-radius: 5rem; font-size: small; text-align: left; border: solid 1px; height: 2.5rem; color: white; width: 80%; } } @media only screen and (min-width: 1200px) { /*style grande tablettes & Pc portable */ .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 50%; border-radius: 0px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .div_row_droite { border-left: 0rem solid; float: right; //border:0px solid black; border-width: 0rem; width: 50%; padding-left: 5px; border-radius: 0px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .div_row_center { border-left: 0rem solid; border-width: 0rem; width: 50%; padding-left: 5px; border-radius: 0px; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; margin-left: auto; margin-right: auto; text-align: center; margin-top: 2rem; } .btn_modif { width: 10rem; background-color: #212121 !important; color: white; } .btn_enreg { width: 10rem; background-color: green !important; color: white; } .preview_certif { display: block; width: 90%; height: 200px; border-radius: 1rem !important; margin-top: 1rem !important; } .preview_certif:hover { transform: scale(1.8); margin-left: 10rem; } .session_caract { width: 30%; padding: 5px; float: left; text-align: left; font-size: small; } } // End media }