.formation_cartouche_com { .p_class { margin-bottom: 0.3rem !important; letter-spacing: 1px; } .h1_transparent { color: transparent; //color: red; font-size: small; } .ftion_tab_gauche { width: 65%; float: left; text-align: left; font-weight: bold; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 19px; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .ftion_tab_droite { width: 35%; float: left; text-align: center; font-family: 'Albert Sans'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .media_sociaux svg { margin-top: 0 !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: 5px !important; border-radius: 1rem; } .div_row_gauche { float: left; // border:1px solid black; // border-width:0.01rem; width: 49% !important; 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: "DM Sans", "sans-serif"; color: #104277; font-size: 0.75rem; padding-bottom: 0rem; margin-bottom: 0rem; } .h1_forma { color: #ff4411; font-size: medium; font-family: "DM Sans", "sans-serif"; } .p_forma { font-family: "DM Sans", "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: 1rem; font-family: "DM Sans", "sans-serif"; text-align: left; letter-spacing: 1px; margin-bottom: 0.6rem !important; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 20px; /* identical to box height */ font-feature-settings: 'liga' off; /* Blue */ color: #3E6EE3; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .training_price { color: #619e31; font-size: 1rem; font-family: "DM Sans", "sans-serif"; text-align: left; letter-spacing: 1px; margin-bottom: 0.6rem !important; font-family: 'Albert Sans'; font-style: normal; font-weight: 800; font-size: 18px; line-height: 22px; font-family: 'Albert Sans'; font-style: normal; font-weight: 800; font-size: 18px; line-height: 22px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; } .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); } //---- .block_cpf { /* Tag */ /* Auto layout */ display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 10px; gap: 10px; //position: absolute; //width: 173px; //height: 37px; //right: -16px; top: 0px; background: #FFE7DA; border-radius: 4px; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; z-index: 2; } .block_cpf_txt { //width: 153px; height: 17px; font-family: 'Albert Sans'; font-style: normal; font-weight: 900; font-size: 14px; line-height: 17px; /* identical to box height */ text-transform: uppercase; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .react-share__ShareButton { width: 2rem !important; text-align: left; } .css-ryrseu-MuiRating-root { font-size: 1.3rem; } .div_row_droite_cpf { float: right; width: 40%; text-align: right; } .div_row_gauche_critere { padding: 10px; width: 60% !important; padding-left: 5px; } .div_row_droite_critere { padding: 10px; width: 40% !important; margin-top: 15px; } .bton_se_renseinger { border-radius: 15px; font-size: small; padding: 0.2rem; width: 60%; background: #FFFFFF !important; color: #104277 !important; margin-right: 10px; height: 2rem; margin: 5px; } .bton_voir_detail { border-radius: 15px; font-size: small; padding: 0.2rem; width: 60%; background-color: #104277 !important; color: white !important; margin-right: 10px; height: 2rem; margin: 5px; } .bton_sinscrire { border-radius: 15px; font-size: small; padding: 0.2rem; width: 60%; background-color: #619E31 !important; color: white !important; margin-right: 10px; height: 2rem; margin: 5px; } } @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: 2px !important; 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: "DM Sans", "sans-serif"; color: #104277; font-size: 0.8rem; padding-bottom: 0rem; margin-bottom: 0rem; } .h1_forma { color: #ff4411; font-size: medium; font-family: "DM Sans", "sans-serif"; } .p_forma { font-family: "DM Sans", "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: 95%; margin-bottom: 1rem; border-radius: 1rem; } .training_title { color: #619e31; font-size: 1rem; font-family: "DM Sans", "sans-serif"; text-align: left; letter-spacing: 1px; margin-bottom: 0.6rem !important; font-family: 'Albert Sans'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 20px; /* identical to box height */ font-feature-settings: 'liga' off; /* Blue */ color: #3E6EE3; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .training_price { color: #619e31; font-size: 1rem; font-family: "DM Sans", "sans-serif"; text-align: left; letter-spacing: 1px; margin-bottom: 0.6rem !important; font-family: 'Albert Sans'; font-style: normal; font-weight: 800; font-size: 18px; line-height: 22px; font-family: 'Albert Sans'; font-style: normal; font-weight: 800; font-size: 18px; line-height: 22px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; } .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); } //---- .block_cpf { /* Tag */ /* Auto layout */ display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 10px; gap: 10px; //position: absolute; //width: 173px; //height: 37px; //right: -16px; top: 0px; background: #FFE7DA; border-radius: 4px; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; z-index: 2; } .block_cpf_txt { //width: 153px; height: 17px; font-family: 'Albert Sans'; font-style: normal; font-weight: 900; font-size: 14px; line-height: 17px; /* identical to box height */ text-transform: uppercase; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .react-share__ShareButton { width: 2rem !important; text-align: left; } .css-ryrseu-MuiRating-root { font-size: 1.3rem; } .div_row_droite_cpf { float: right; width: 30%; text-align: right; } .div_row_gauche_critere { padding: 10px; width: 60% !important; padding-left: 5%; } .div_row_droite_critere { padding: 10px; width: 40% !important; margin-top: 5px; } .bton_se_renseinger { border-radius: 15px; font-size: small; padding: 0.2rem; width: 60%; background: #FFFFFF !important; color: #104277 !important; margin-right: 10px; height: 2rem; margin: 5px; } .bton_voir_detail { border-radius: 15px; font-size: small; padding: 0.2rem; width: 60%; background-color: #104277 !important; color: white !important; margin-right: 10px; height: 2rem; margin: 5px; } .bton_sinscrire { border-radius: 15px; font-size: small; padding: 0.2rem; width: 60%; background-color: #619E31 !important; color: white !important; margin-right: 10px; height: 2rem; margin: 5px; } .ftion_tab_gauche { width: 70%; } .ftion_tab_droite { width: 30%; } } @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: "DM Sans", "sans-serif"; color: #104277; font-size: small; padding-bottom: 0rem; margin-bottom: 0rem; } .h1_forma { color: #ff4411; font-size: medium; font-family: "DM Sans", "sans-serif"; } .p_forma { font-family: "DM Sans", "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: 98%; margin-bottom: 1rem; border-radius: 1rem; } .training_title { color: #619e31; font-size: 1rem; font-family: "DM Sans", "sans-serif"; text-align: left; letter-spacing: 1px; margin-bottom: 0.6rem !important; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 25px; /* identical to box height */ font-feature-settings: 'liga' off; /* Blue */ color: #3E6EE3; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .training_price { color: #619e31; font-size: 1rem; font-family: "DM Sans", "sans-serif"; text-align: left; letter-spacing: 1px; margin-bottom: 0.6rem !important; font-family: 'Albert Sans'; font-style: normal; font-weight: 800; font-size: 18px; line-height: 22px; font-family: 'Albert Sans'; font-style: normal; font-weight: 800; font-size: 18px; line-height: 22px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; } .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); } //---- .block_cpf { /* Tag */ /* Auto layout */ display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 10px; gap: 10px; //position: absolute; //width: 173px; //height: 37px; //right: -16px; top: 0px; background: #FFE7DA; border-radius: 4px; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; z-index: 2; } .block_cpf_txt { //width: 153px; height: 17px; font-family: 'Albert Sans'; font-style: normal; font-weight: 900; font-size: 14px; line-height: 17px; /* identical to box height */ text-transform: uppercase; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .react-share__ShareButton { width: 2rem !important; text-align: left; } .css-ryrseu-MuiRating-root { font-size: 1.3rem; } .div_row_droite_cpf { float: right; width: 30%; text-align: right; } .div_row_gauche_critere { padding: 10px; width: 55%; padding-left: 5%; } .div_row_droite_critere { padding: 10px; width: 45% !important; margin-top: 15px; } .bton_se_renseinger { border-radius: 15px; font-size: small; padding: 0.2rem; width: 70%; background: #FFFFFF !important; color: #104277 !important; margin-right: 10px; height: 2rem; margin: 5px; } .bton_voir_detail { border-radius: 15px; font-size: small; padding: 0.2rem; width: 70%; background-color: #104277 !important; color: white !important; margin-right: 10px; height: 2rem; margin: 5px; } .bton_sinscrire { border-radius: 15px; font-size: small; padding: 0.2rem; width: 70%; background-color: #619E31 !important; color: white !important; margin-right: 10px; height: 2rem; margin: 5px; } .ftion_tab_gauche { width: 50%; float: left; text-align: left; font-weight: bold; font-family: 'Albert Sans'; font-style: normal; font-weight: 700; font-size: 0.9rem; line-height: 19px; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .ftion_tab_droite { width: 50%; float: left; text-align: center; font-family: 'Albert Sans'; font-style: normal; font-weight: 400; font-size: 0.9rem; line-height: 19px; font-feature-settings: 'liga' off; /* Deep Blue */ /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } } /* less than 600 px */ @media screen and (max-width: 2500px) { .p_class { margin-bottom: 0.3rem !important; text-align: center; letter-spacing: 1px; text-decoration: solid; } .criteres { font-size: 20px; font-family: "DM Sans", "sans-serif"; color: #104277; //font-size: smaller; padding-bottom: 0rem; margin-bottom: 0rem; line-height: 20px; } .div_row { float: left; //border:1px solid black; //border-width:0.01rem; width: 100%; margin-bottom: 3px !important; border-radius: 1rem; } .div_row_gauche { float: left; // border:1px solid black; // border-width:0.01rem; width: 50%; 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: "DM Sans", "sans-serif"; } .p_forma { font-family: "DM Sans", "sans-serif"; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); font-size: 30px; 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: 1rem; font-family: "DM Sans", "sans-serif"; text-align: center; letter-spacing: 1px; margin-bottom: 0.6rem !important; font-family: 'Albert Sans'; font-style: normal; font-weight: 400; font-size: 45px; line-height: 22px; /* identical to box height */ font-feature-settings: 'liga' off; /* Blue */ color: #3E6EE3; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; } .training_price { color: #619e31; font-size: 1rem; font-family: "DM Sans", "sans-serif"; text-align: left; letter-spacing: 1px; margin-bottom: 0.6rem !important; font-family: 'Albert Sans'; font-style: normal; font-weight: 400; font-size: 40px; line-height: 20px; font-family: 'Albert Sans'; font-style: normal; font-weight: 800; font-size: 18px; line-height: 22px; /* identical to box height */ display: flex; align-items: center; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; } .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); } //---- .block_cpf { /* Tag */ /* Auto layout */ display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 10px; gap: 10px; //position: absolute; //width: 173px; //height: 37px; //right: -16px; top: 0px; background: #FFE7DA; border-radius: 4px; /* Inside auto layout */ flex: none; order: 2; flex-grow: 0; z-index: 2; } .block_cpf_txt { //width: 153px; height: 17px; font-family: 'Albert Sans'; font-style: normal; font-weight: 900; font-size: 14px; line-height: 17px; /* identical to box height */ text-transform: uppercase; font-feature-settings: 'liga' off; /* Deep Blue */ color: #0A043C; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; } .react-share__ShareButton { width: 2rem !important; text-align: left; } .css-ryrseu-MuiRating-root { font-size: 1.3rem; } .div_row_droite_cpf { float: right; width: 50%; text-align: right; } .div_row_gauche_critere { padding: 10px; width: 100% !important; padding-left: 5px; } .div_row_droite_critere { padding: 5px; width: 100% !important; margin-top: 1px; } .bton_se_renseinger { border-radius: 15px; font-size: small; padding: 0.2rem; width: 95%; background: #FFFFFF; color: #104277; margin-right: 10px; height: 2rem; margin: 5px; } .bton_voir_detail { border-radius: 15px; font-size: 20px; padding: 0.2rem; width: 95%; background: #104277; color: white; margin-right: 10px; height: 2rem; margin: 5px; } .bton_sinscrire { border-radius: 15px; font-size: small; padding: 0.2rem; width: 95%; background: #619E31; color: white; margin-right: 10px; height: 2rem; margin: 5px; } .ftion_tab_gauche { width: 70%; line-height: 2.5rem; font-size: 20px; } .ftion_tab_droite { width: 30%; line-height: 2.5rem; font-size: 20px; } } }