total_1ère
This commit is contained in:
@@ -1,4 +1,6 @@
|
||||
@charset "UTF-8";
|
||||
/* CSS de base */
|
||||
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
|
||||
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote, main, article, aside, section {
|
||||
margin: 0px 0px 0px 0px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
@@ -24,10 +26,38 @@ body {
|
||||
color: #E73058 !important;
|
||||
}
|
||||
|
||||
.turquoise {
|
||||
color: #16BFB1 !important;
|
||||
}
|
||||
|
||||
.color_gris_fonce {
|
||||
color: #707070 !important;
|
||||
}
|
||||
|
||||
.color_green {
|
||||
color: #11a63d !important;
|
||||
}
|
||||
|
||||
.bg_green_clair {
|
||||
background-color: #11a63d !important;
|
||||
}
|
||||
|
||||
.bg_green {
|
||||
background-color: green !important;
|
||||
}
|
||||
|
||||
.bg_rouge_tres_clair {
|
||||
background-color: rgba(231, 48, 88, 0.1294117647);
|
||||
}
|
||||
|
||||
.border_green {
|
||||
border: 0.15em solid #11a63d !important;
|
||||
}
|
||||
|
||||
mark {
|
||||
background: rgba(231, 48, 88, 0.1294117647) !important;
|
||||
}
|
||||
|
||||
/* CSS */
|
||||
/* fonts */
|
||||
@font-face {
|
||||
@@ -155,7 +185,7 @@ body {
|
||||
src: url("../fonts/montserrat_black.ttf") format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "montsermontserrat_extraboldrat_regular";
|
||||
font-family: "montserrat_extrabold";
|
||||
src: url("../fonts/montserrat_extrabold.ttf") format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
@@ -235,7 +265,27 @@ body {
|
||||
src: url("../fonts/ubuntu-moyen_italique.ttf") format("truetype");
|
||||
}
|
||||
.gras {
|
||||
font-family: cabin_bold;
|
||||
font-family: cabin_bold !important;
|
||||
}
|
||||
|
||||
.underline {
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
|
||||
.montserrat_light {
|
||||
font-family: montserrat_light;
|
||||
}
|
||||
|
||||
.montserrat_regular {
|
||||
font-family: montserrat_regular;
|
||||
}
|
||||
|
||||
.montserrat_semibold {
|
||||
font-family: montserrat_semibold;
|
||||
}
|
||||
|
||||
.font-17 {
|
||||
font-size: 17px !important;
|
||||
}
|
||||
|
||||
/* ***************************************** */
|
||||
@@ -243,10 +293,62 @@ body {
|
||||
/* ESPACE ENTRE LES BLOCS */
|
||||
/* ***************************************** */
|
||||
/* ***************************************** */
|
||||
.float_right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.space20 {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.space30 {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.space40 {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.space60 {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.space80 {
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.margintop_-20px {
|
||||
margin-top: -20px !important;
|
||||
}
|
||||
|
||||
.marginbottom_-20px {
|
||||
margin-bottom: -20px !important;
|
||||
}
|
||||
|
||||
.margintop_40px {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.marginbottom_40px {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.margintop_60px {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.marginleft_27px {
|
||||
margin-left: 27px;
|
||||
}
|
||||
|
||||
.paddingbottom_5px {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.just_it_c {
|
||||
justify-items: center;
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 1800px;
|
||||
margin-left: auto;
|
||||
@@ -349,7 +451,7 @@ header .logo img {
|
||||
|
||||
.savoirplus_accueil {
|
||||
width: 80%;
|
||||
margin-top: 150px;
|
||||
margin-top: 90px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
@@ -366,8 +468,27 @@ header .logo img {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.savoirplus_stage_accueil {
|
||||
max-width: 550px;
|
||||
margin-top: 150px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.savoirplus_stage_accueil {
|
||||
width: 95%;
|
||||
}
|
||||
}
|
||||
.savoirplus_stage_accueil .savoirplus_button {
|
||||
text-align: center;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.savoirplus_stage_accueil .savoirplus_button:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.savoirplus_stage {
|
||||
width: 80%;
|
||||
max-width: 550px;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 48px;
|
||||
margin-right: auto;
|
||||
@@ -378,9 +499,12 @@ header .logo img {
|
||||
width: 95%;
|
||||
}
|
||||
}
|
||||
.savoirplus_stage p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.titre {
|
||||
margin-bottom: 100px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.titre {
|
||||
@@ -411,6 +535,38 @@ header .logo img {
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
.sous_titre {
|
||||
display: flex;
|
||||
column-gap: 25px;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.sous_titre img {
|
||||
max-height: 90px;
|
||||
min-height: 45px;
|
||||
}
|
||||
.sous_titre p {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.sous_titre_centre {
|
||||
justify-content: center !important;
|
||||
}
|
||||
|
||||
.textcenter {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.note {
|
||||
font-family: montserrat_light;
|
||||
font-size: 15px !important;
|
||||
color: #E73058;
|
||||
}
|
||||
.note li:before {
|
||||
content: "- ";
|
||||
}
|
||||
|
||||
/* ***************************************** */
|
||||
/* ***************************************** */
|
||||
/* LE FOOTER */
|
||||
@@ -453,8 +609,6 @@ footer .version {
|
||||
top: -28px;
|
||||
}
|
||||
.input_box input[type=email] {
|
||||
padding-top: 19px;
|
||||
padding-bottom: 16px;
|
||||
padding-left: 16px;
|
||||
padding-right: 13px;
|
||||
background-color: white;
|
||||
@@ -553,6 +707,20 @@ footer .version {
|
||||
border: 1.8px solid #1B299A;
|
||||
}
|
||||
|
||||
.input_box_rouge label {
|
||||
color: #E73058;
|
||||
}
|
||||
.input_box_rouge input, .input_box_rouge input[type=text], .input_box_rouge input[type=tel], .input_box_rouge input[type=date], .input_box_rouge select, .input_box_rouge textarea {
|
||||
border: 1.8px solid #E73058;
|
||||
}
|
||||
|
||||
.input_box_green label {
|
||||
color: #11a63d;
|
||||
}
|
||||
.input_box_green input, .input_box_green input[type=text], .input_box_green input[type=tel], .input_box_green input[type=date], .input_box_green select, .input_box_green textarea {
|
||||
border: 1.8px solid #11a63d;
|
||||
}
|
||||
|
||||
/* FORMAT DU CONTENUE DU CHAMP DE SAISIE */
|
||||
/* ***************************************** */
|
||||
.input_email {
|
||||
@@ -654,6 +822,14 @@ footer .version {
|
||||
color: #A2A0A0;
|
||||
}
|
||||
|
||||
.uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.capitalize {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
/* ***************************************** */
|
||||
/* ***************************************** */
|
||||
/* CHECKBOX */
|
||||
@@ -683,6 +859,20 @@ footer .version {
|
||||
background-color: #E73058;
|
||||
}
|
||||
|
||||
.input_checkbox_bleu input[type=checkbox] {
|
||||
border: 0.15em solid #3644AC !important;
|
||||
}
|
||||
.input_checkbox_bleu input[type=checkbox]:checked {
|
||||
background-color: #3644AC !important;
|
||||
}
|
||||
|
||||
.input_checkbox_green input[type=checkbox] {
|
||||
border: 0.15em solid #11a63d !important;
|
||||
}
|
||||
.input_checkbox_green input[type=checkbox]:checked {
|
||||
background-color: #11a63d !important;
|
||||
}
|
||||
|
||||
/* ***************************************** */
|
||||
/* ***************************************** */
|
||||
/* BUTTONS */
|
||||
@@ -730,6 +920,11 @@ footer .version {
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.text_listeatt {
|
||||
font-size: 12px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.erreur {
|
||||
max-width: 500px;
|
||||
display: flex;
|
||||
@@ -737,6 +932,7 @@ footer .version {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 70px;
|
||||
color: #E73058;
|
||||
text-align: center;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
@@ -762,8 +958,8 @@ footer .version {
|
||||
.form_check_mail {
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1fr 2fr;
|
||||
grid-template-rows: auto auto auto;
|
||||
grid-template-areas: ". input ." ". checkbox checkbox" ". button .";
|
||||
grid-template-rows: auto auto auto auto;
|
||||
grid-template-areas: ". input ." ". checkbox checkbox" ". input_code ." ". button .";
|
||||
}
|
||||
.form_check_mail .input_email {
|
||||
grid-area: input;
|
||||
@@ -778,6 +974,10 @@ footer .version {
|
||||
font-family: cabin_semibold;
|
||||
color: #343434;
|
||||
}
|
||||
.form_check_mail .input_code {
|
||||
grid-area: input_code;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.form_check_mail button {
|
||||
grid-area: button;
|
||||
justify-self: center;
|
||||
@@ -858,6 +1058,60 @@ footer .version {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.flex_centre {
|
||||
align-items: center !important;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@page {
|
||||
font-family: montserrat_regular;
|
||||
margin: 1cm;
|
||||
}
|
||||
.weasyprint {
|
||||
color: #14213d;
|
||||
font-family: montserrat_regular;
|
||||
font-size: 10pt;
|
||||
}
|
||||
.weasyprint .logo {
|
||||
max-width: 300px;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.weasyprint article {
|
||||
margin-left: 30px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
.weasyprint article .header_wp {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.weasyprint article .header_wp .header {
|
||||
width: 50%;
|
||||
}
|
||||
.weasyprint article .header_wp .header .date {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.weasyprint article .header_wp .header .afps {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.weasyprint article .content {
|
||||
margin-left: 30px;
|
||||
}
|
||||
.weasyprint article .content h1 {
|
||||
color: #E73058;
|
||||
font-family: montserrat_bold;
|
||||
font-size: 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.weasyprint article .content p {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.weasyprint article .content p .label {
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
/* ***************************************** */
|
||||
/* ***************************************** */
|
||||
/* ADHESION */
|
||||
@@ -867,6 +1121,12 @@ footer .version {
|
||||
/* **************************************************************** */
|
||||
/* ** OUVRIR EN SAVOIR PLUS ** */
|
||||
/* **************************************************************** */
|
||||
.message_fin {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.form_adhesion {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
@@ -891,6 +1151,10 @@ footer .version {
|
||||
margin-bottom: 35px;
|
||||
color: #101D77;
|
||||
}
|
||||
.form_adhesion .explication_pleine_page {
|
||||
margin-bottom: 38px;
|
||||
color: #101D77;
|
||||
}
|
||||
.form_adhesion .ajout_ecole_button {
|
||||
margin-top: -35px;
|
||||
margin-bottom: 30px;
|
||||
@@ -901,6 +1165,10 @@ footer .version {
|
||||
.form_adhesion .ajout_ecole_button:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
.form_adhesion h2 {
|
||||
margin-bottom: 40px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.grid_3inputs {
|
||||
display: grid;
|
||||
@@ -936,6 +1204,19 @@ footer .version {
|
||||
}
|
||||
}
|
||||
|
||||
.grid_1inputs {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(auto, 550px);
|
||||
grid-template-rows: auto;
|
||||
row-gap: 30px;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.grid_1inputs {
|
||||
grid-template-columns: minmax(auto, 350px);
|
||||
}
|
||||
}
|
||||
|
||||
.paiement_explication {
|
||||
max-width: 500px;
|
||||
margin-top: 20px;
|
||||
@@ -1333,14 +1614,21 @@ footer .version {
|
||||
font-family: montserrat_thin;
|
||||
font-size: 13px;
|
||||
}
|
||||
.adhesion_fin_container .adhesion_fin .adhesion_fin_resultat {
|
||||
margin-top: 100px;
|
||||
font-family: montserrat_regular;
|
||||
}
|
||||
.adhesion_fin_container .adhesion_fin .adhesion_fin_resultat li:before {
|
||||
content: "- ";
|
||||
}
|
||||
|
||||
.stage_formulaire_cont .stage_formulaire {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.stage_formulaire_cont h1 {
|
||||
margin-bottom: 35px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.stage_formulaire_cont h1 .icone_titre {
|
||||
width: 45px;
|
||||
@@ -1349,14 +1637,26 @@ footer .version {
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.stage_formulaire_cont h1 {
|
||||
font-size: 16px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.stage_formulaire_cont .titre_personne {
|
||||
margin-top: 50px;
|
||||
@media (min-width: 1200px) {
|
||||
.stage_formulaire_cont .titre_personne {
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 600px) and (max-width: 1200px) {
|
||||
.stage_formulaire_cont .titre_personne {
|
||||
margin-top: 50px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.stage_formulaire_cont .titre_personne {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
.stage_formulaire_cont h2 {
|
||||
margin-bottom: 47px;
|
||||
margin-bottom: 30px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.stage_formulaire_cont h2 .icone_titre {
|
||||
@@ -1398,6 +1698,18 @@ footer .version {
|
||||
width: 45px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.stage_formulaire_cont .icone_bus {
|
||||
display: flex;
|
||||
align-items: end;
|
||||
flex-wrap: wrap;
|
||||
column-gap: 2px;
|
||||
row-gap: 20px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.stage_formulaire_cont .icone_bus .icone {
|
||||
width: 45px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.stage_formulaire_cont .personne {
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
@@ -1413,18 +1725,33 @@ footer .version {
|
||||
.stage_formulaire_cont .recap_personne {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.stage_formulaire_cont .recap_personne p, .stage_formulaire_cont .tarifs p {
|
||||
.stage_formulaire_cont .recap_personne p {
|
||||
margin-left: 27px;
|
||||
margin-bottom: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.stage_formulaire_cont .tarifs p {
|
||||
margin-left: 27px;
|
||||
margin-bottom: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.stage_formulaire_cont .tarifs_ss_margel {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.stage_formulaire_cont .tarifs_ss_margel p {
|
||||
margin-bottom: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.stage_formulaire_cont .tarif_unitaire p {
|
||||
font-family: sourceserifpro_light;
|
||||
}
|
||||
.stage_formulaire_cont .buttons {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
column-gap: 20px;
|
||||
row-gap: 20px;
|
||||
justify-content: center;
|
||||
margin-top: 30px;
|
||||
align-items: center;
|
||||
}
|
||||
.stage_formulaire_cont .buttons .button_icone_recap {
|
||||
width: 206px !important;
|
||||
@@ -1439,7 +1766,6 @@ footer .version {
|
||||
}
|
||||
.stage_formulaire_cont .description {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 60px;
|
||||
background-color: #fefefe;
|
||||
padding: 20px;
|
||||
border: 5px solid #E73058;
|
||||
@@ -1447,4 +1773,202 @@ footer .version {
|
||||
font-family: montserrat_light;
|
||||
}
|
||||
|
||||
.maj_manuelle {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
padding-top: 40px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.maj_manuelle {
|
||||
margin-left: 30px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.maj_manuelle {
|
||||
margin-left: 11px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.maj_manuelle .buttons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.maj_manuelle .resultat_list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
justify-content: center;
|
||||
margin-top: 38px;
|
||||
}
|
||||
.maj_manuelle .resultat_list .resultat {
|
||||
margin-bottom: 10px;
|
||||
font-family: montserrat_extralight;
|
||||
}
|
||||
.maj_manuelle .resultat_list .resultat .plugras {
|
||||
font-family: montserrat_regular;
|
||||
}
|
||||
.maj_manuelle .resultat_list .resultat .resultat_text {
|
||||
padding-left: 5px;
|
||||
font-family: montserrat_regular;
|
||||
}
|
||||
|
||||
.place_categorie {
|
||||
background-color: rgba(231, 48, 88, 0.1294117647);
|
||||
padding-top: 20px;
|
||||
padding-bottom: 1px;
|
||||
padding-left: 20px;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 29px;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.place_categorie {
|
||||
margin-left: -20px;
|
||||
margin-right: -20px;
|
||||
}
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.alignself_center {
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.maxwidth_600 {
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
table {
|
||||
table-layout: auto;
|
||||
width: max-content;
|
||||
}
|
||||
table td {
|
||||
padding-right: 10px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
table .align_right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
aside {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
aside h1 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
aside li {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.form_don {
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1fr 2fr;
|
||||
grid-template-rows: auto auto auto;
|
||||
grid-template-areas: ". h2 ." ". formulaire ." ". checkbox checkbox" ". button .";
|
||||
}
|
||||
.form_don h2 {
|
||||
grid-area: h2;
|
||||
margin-bottom: 40px;
|
||||
font-family: cabin_regular;
|
||||
color: #707070;
|
||||
font-size: 18px;
|
||||
}
|
||||
.form_don .formulaire {
|
||||
grid-area: formulaire;
|
||||
}
|
||||
.form_don .input_checkbox {
|
||||
grid-area: checkbox;
|
||||
margin-top: 5px;
|
||||
margin-left: 5px;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.form_don .input_checkbox .gras {
|
||||
font-family: cabin_semibold;
|
||||
color: #343434;
|
||||
}
|
||||
.form_don button {
|
||||
grid-area: button;
|
||||
justify-self: center;
|
||||
}
|
||||
.form_don .form_sous_titre {
|
||||
margin-top: 40px;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.form_don .input_box {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.form_don .commentaire {
|
||||
margin-top: 80px;
|
||||
}
|
||||
.form_don .currency {
|
||||
position: absolute;
|
||||
top: 14px;
|
||||
right: 25px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.ventevideo .page_header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.ventevideo .page_header .illustration {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 1000px;
|
||||
}
|
||||
.ventevideo .page_header .illustration img {
|
||||
width: 100%; /* Remplit la largeur du conteneur */
|
||||
height: auto; /* Ajuste automatiquement la hauteur */
|
||||
object-fit: contain; /* Assure que l'image reste visible en entier, sans être rognée */
|
||||
}
|
||||
.ventevideo .page_header .titre {
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
.ventevideo .page_header .titre h1 {
|
||||
font-family: montserrat_semibold !important;
|
||||
}
|
||||
.ventevideo .page_header mark {
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
}
|
||||
.ventevideo .explication_wp {
|
||||
margin-left: 10vh;
|
||||
margin-right: 10vh;
|
||||
display: flex;
|
||||
justify-content: center; /* Centrer le contenu horizontalement */
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ventevideo .explication {
|
||||
display: grid; /* Utilisation de la grille */
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Colonnes dynamiques */
|
||||
gap: 20px; /* Espacement entre les éléments */
|
||||
max-width: 1200px; /* Largeur maximale de la grille */
|
||||
width: 100%; /* Prendre toute la largeur disponible */
|
||||
justify-content: center; /* Centrer les items dans la grille */
|
||||
}
|
||||
.ventevideo .explication_item {
|
||||
min-width: 300px; /* Largeur minimale */
|
||||
max-width: 400px; /* Largeur maximale */
|
||||
background-color: #f8f8f8; /* Couleur de fond (optionnel) */
|
||||
padding: 20px; /* Espacement interne */
|
||||
border-radius: 5px; /* Coins arrondis */
|
||||
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); /* Ombre (optionnel) */
|
||||
box-sizing: border-box; /* Inclure le padding dans la largeur totale */
|
||||
}
|
||||
.ventevideo .explication_item h2 {
|
||||
padding-bottom: 5px;
|
||||
font-family: montserrat_semibold !important;
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=app.css.map */
|
||||
|
||||
Reference in New Issue
Block a user