.formation { .p_class { margin-bottom: 0.3rem !important; letter-spacing: 1px; } .h1_transparent { color: transparent; //color: red; font-size: small; } .ftion_tab_gauche { width: 62%; float: left; text-align: left; font-weight: bold; } .ftion_tab_droite { width: 38%; float: left; text-align: left; } .media_sociaux svg { margin-top: 0 !important; } /* less than 600 px */ @media screen and (max-width: 600px) { .p_class { margin-bottom: 0.3rem !important; text-align: center; letter-spacing: 1px; text-decoration: solid; } .criteres { font-size: 0.69rem; font-family: "verdana", "Quicksand", "Signika", sans-serif; color: #104277; font-size: small; padding-bottom: 0rem; margin-bottom: 0rem; } .div_row { float: left; //border:1px solid black; //border-width:0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_row_gauche { float: left; // border:1px solid black; // border-width:0.01rem; width: 49%; border-radius: 1rem; } .div_row_droite { float: right; //border:1px solid black; //border-width:0.01rem; width: 48%; border-radius: 1rem; } .forma_container { width: 90%; height: 200px; background: aqua; margin: auto; padding: 10px; border-radius: 30px; } .forma_leftbox { float: left; border-width: 2px; width: 20%; height: 100%; margin: auto; padding: 10px; border-radius: 30px; margin-right: 0.5%; } .forma_rightbox { float: right; border-width: 2px; width: 100%; padding: 0.5rem; font-size: 11px; text-align: left; color: rgb(10, 42, 77); margin-top: 1px; cursor: pointer; overflow-wrap: break-word; } .h1_forma { color: #ff4411; font-size: small; font-family: "verdana", "Quicksand", "Signika", sans-serif; } .p_forma { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); font-size: 0.74rem; text-align: justify; word-break: break-word; margin-bottom: 4px; color: #3b3e40; } .imgcoeur { width: 60%; } .forma_img_gauche { /*float: left; border-width: 2px; width: 24%; padding: 0.3rem; font-size: 11px; text-align: left; color: rgb(10, 42, 77); margin-top: 1px; cursor: pointer;*/ display: none; } .training_img { max-width: 100%; border-radius: 10px; } .div_row_critere { float: left; //border:1px solid black; //border-width:0.01rem; width: 95%; margin-bottom: 1rem; border-radius: 1rem; } .training_title { color: #619e31; font-size: 0.85rem; font-family: "Quicksand", "Signika", sans-serif; text-align: left; letter-spacing: 1px; margin-bottom: 0.6rem !important; } } @media only screen and (min-width: 601px) and (max-width: 991px) { .div_row { float: left; //border:1px solid black; //border-width:0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_row_gauche { float: left; // border:1px solid black; // border-width:0.01rem; width: 48%; border-radius: 1rem; } .div_row_droite { float: right; //border:1px solid black; //border-width:0.01rem; width: 48%; border-radius: 1rem; } .forma_container { width: 90%; height: 200px; background: aqua; margin: auto; padding: 10px; border-radius: 30px; } .forma_leftbox { float: left; border-width: 2px; width: 20%; height: 100%; margin: auto; padding: 10px; border-radius: 30px; margin-right: 0.5%; } .forma_rightbox { float: right; border-width: 2px; width: 76%; margin: auto; padding: 0.5rem; font-size: small; text-align: left; color: rgb(10, 42, 77); cursor: pointer; overflow-wrap: break-word; } .criteres { font-family: "verdana", "Quicksand", "Signika", sans-serif; color: #104277; font-size: 0.77rem; padding-bottom: 0rem; margin-bottom: 0rem; } .h1_forma { color: #ff4411; font-size: medium; font-family: "verdana", "Quicksand", "Signika", sans-serif; } .p_forma { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 0.74rem; line-height: 1.3rem; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: #3b3e40; padding-bottom: 0rem; text-align: justify; word-break: break-word; } .imgcoeur { width: 60%; } .forma_img_gauche { float: left; border-width: 2px; width: 24%; padding: 0.3rem; font-size: 11px; text-align: left; color: rgb(10, 42, 77); margin-top: 1px; cursor: pointer; } .training_img { max-width: 100%; border-radius: 10px; } .div_row_critere { float: left; //border:1px solid black; //border-width:0.01rem; width: 90%; margin-bottom: 1rem; border-radius: 1rem; } .training_title { color: #619e31; font-size: 0.9rem; font-family: "Quicksand", "Signika", sans-serif; text-align: left; letter-spacing: 1px; margin-bottom: 0.6rem !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .div_row { float: left; //border:1px solid black; //border-width:0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_row_gauche { float: left; // border:1px solid black; // border-width:0.01rem; width: 45%; border-radius: 1rem; } .div_row_droite { float: right; //border:1px solid black; //border-width:0.01rem; width: 45%; border-radius: 1rem; } .forma_container { width: 90%; height: 200px; background: aqua; margin: auto; padding: 10px; border-radius: 30px; } .forma_leftbox { float: left; border-width: 2px; width: 20%; height: 100%; margin: auto; padding: 10px; border-radius: 30px; margin-right: 0.5%; } .forma_rightbox { float: right; border-width: 2px; width: 76%; margin: auto; padding: 0.5rem; font-size: small; text-align: left; color: rgb(10, 42, 77); cursor: pointer; overflow-wrap: break-word; } .criteres { font-family: "verdana", "Quicksand", "Signika", sans-serif; color: #104277; font-size: 0.8rem; padding-bottom: 0rem; margin-bottom: 0rem; } .h1_forma { color: #ff4411; font-size: medium; font-family: "verdana", "Quicksand", "Signika", sans-serif; } .p_forma { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 0.77rem; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: #3b3e40; padding-bottom: 0rem; text-align: justify; word-break: break-word; line-height: 1.3rem; } .imgcoeur { width: 45%; } .forma_img_gauche { float: left; border-width: 2px; width: 24%; padding: 0.3rem; font-size: 11px; text-align: left; color: rgb(10, 42, 77); margin-top: 1px; cursor: pointer; } .training_img { max-width: 100%; border-radius: 10px; } .div_row_critere { float: left; //border:1px solid black; //border-width:0.01rem; width: 80%; margin-bottom: 1rem; border-radius: 1rem; } .training_title { color: #619e31; font-size: 1rem; font-family: "Quicksand", "Signika", sans-serif; text-align: left; letter-spacing: 1px; margin-bottom: 0.6rem !important; } } @media only screen and (min-width: 1200px) { .div_row { float: left; //border:1px solid black; //border-width:0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .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; } .forma_container { width: 90%; height: 200px; background: aqua; margin: auto; padding: 10px; border-radius: 30px; } .forma_leftbox { float: left; border-width: 2px; width: 20%; height: 100%; margin: auto; padding: 10px; border-radius: 30px; margin-right: 0.5%; } .forma_rightbox { float: right; border-width: 2px; width: 79%; margin: auto; padding: 0.5rem; font-size: small; text-align: left; color: rgb(10, 42, 77); cursor: pointer; overflow-wrap: break-word; } .criteres { font-family: "verdana", "Quicksand", "Signika", sans-serif; color: #104277; font-size: small; padding-bottom: 0rem; margin-bottom: 0rem; } .h1_forma { color: #ff4411; font-size: medium; font-family: "verdana", "Quicksand", "Signika", sans-serif; } .p_forma { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); padding-bottom: 0rem; text-align: justify; word-break: break-word; line-height: 1.3rem; font-size: 0.8rem; margin-bottom: 4px; color: #3b3e40; } .imgcoeur { width: 20%; } .forma_img_gauche { float: left; border-width: 2px; width: 20%; padding: 0.3rem; font-size: 11px; text-align: left; color: rgb(10, 42, 77); margin-top: 1px; cursor: pointer; } .training_img { max-width: 100%; border-radius: 10px; } .div_row_critere { float: left; //border:1px solid black; //border-width:0.01rem; width: 75%; margin-bottom: 1rem; border-radius: 1rem; } .training_title { color: #619e31; font-size: 1rem; font-family: "Quicksand", "Signika", sans-serif; text-align: left; letter-spacing: 1px; margin-bottom: 0.6rem !important; } .bton_inscris{ position: relative; background: red; -webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.9, transparent), to(white)); } bton_inscris:after, bton_inscris:before { content: ""; position: absolute; display: block; width: inherit; height: 50%; bottom: -52%; } bton_inscris:after { } bton_inscris:before { z-index: 1; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff); } } }