/* Styles de base (restent les mêmes) */ /* ... tout le code existant ... */ /* Media Queries pour le responsive */ @media screen and (max-width: 1200px) { .grid-container, .grid-container-2 { grid-template-columns: repeat(2, 1fr); gap: 40px; row-gap: 40px; column-gap: 40px; } .custom-grid h2, .custom-grid-2 h2 { font-size: 1.8rem; } } @media screen and (max-width: 768px) { .grid-container, .grid-container-2 { grid-template-columns: 1fr; gap: 30px; row-gap: 30px; column-gap: 30px; } .custom-grid, .custom-grid-2 { padding: 15px; } .custom-grid h2, .custom-grid-2 h2 { font-size: 1.5rem; margin-bottom: 15px; } .grid-item, .grid-item-2 { padding: 12px; } .grid-item h3, .grid-item-2 h3 { font-size: 1.1rem; } .grid-item p, .grid-item-2 p { font-size: 0.9rem; } .badge { font-size: 0.8rem; padding: 4px 8px; } .elementor-widget:not(:last-child) p { font-size: 16px; } } @media screen and (max-width: 480px) { .custom-grid, .custom-grid-2 { padding: 10px; } .grid-container, .grid-container-2 { gap: 20px; row-gap: 20px; column-gap: 20px; } .custom-grid h2, .custom-grid-2 h2 { font-size: 1.3rem; margin-bottom: 12px; } .grid-item, .grid-item-2 { padding: 10px; } .elementor-widget:not(:last-child) p { font-size: 14px; } } .elementor-9874 .elementor-element.elementor-element-5b272414 .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 40px; font-weight: 700; } .elementor-9874 .elementor-element.elementor-element-20680f6a .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 28px; font-weight: 500; } .elementor-9656 .elementor-element.elementor-element-6994616 .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 40px; font-weight: 700; } .elementor-9656 .elementor-element.elementor-element-9f9cc57 .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 28px; font-weight: 500; } .elementor-9874 .elementor-element.elementor-element-5b272414 .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 40px; font-weight: 700; } .elementor-9874 .elementor-element.elementor-element-20680f6a .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 28px; font-weight: 500; } .elementor-9874 .elementor-element.elementor-element-9fda19b .elementor-divider__text { font-family: halyard-display, sans-serif; font-size : 47px; font-weight: 400; color: #6CA5C0; } .elementor-9874 .elementor-element.elementor-element-3b5e16f .elementor-divider__text { font-family: halyard-display, sans-serif; font-size : 47px; font-weight: 400; color: #6CA5C0; } .elementor-10018 .elementor-element.elementor-element-52ea5dd3 .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 40px; font-weight: 700; } .elementor-10018 .elementor-element.elementor-element-79f675e7 .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 28px; font-weight: 500; } .elementor-10018 .elementor-element.elementor-element-1fd34712 .elementor-divider__text { font-family: halyard-display, sans-serif; font-size : 47px; font-weight: 400; color: #6CA5C0; } .elementor-10097 .elementor-element.elementor-element-6f0bc16e .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 40px; font-weight: 700; } .elementor-10097 .elementor-element.elementor-element-2f9d962a .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 28px; font-weight: 500; } .elementor-10097 .elementor-element.elementor-element-5a5a6041 .elementor-divider__text { font-family: halyard-display, sans-serif; font-size : 47px; font-weight: 400; color: #81caeb; } .elementor-10003 .elementor-element.elementor-element-8da1fbd .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 40px; font-weight: 700; } .elementor-10003 .elementor-element.elementor-element-1e25790c .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 28px; font-weight: 500; } .elementor-10003 .elementor-element.elementor-element-be46d40 .elementor-divider__text { font-family: halyard-display, sans-serif; font-size : 47px; font-weight: 400; color: #6CA5BC; } .elementor-10003 .elementor-element.elementor-element-a142c9e .elementor-divider__text { font-family: halyard-display, sans-serif; font-size : 47px; font-weight: 400; color: #6CA5BC; } .elementor-9802 .elementor-element.elementor-element-a9ef4bf .elementor-divider__text{ font-family: halyard-display, sans-serif; font-size : 47px; font-weight: 400; color: #755BA7; } .elementor-9656 .elementor-element.elementor-element-6a4a96e2 .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 28px; font-weight: 500; } .elementor-9833 .elementor-element.elementor-element-113dd1d9 .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 40px; font-weight: 700; } .elementor-9833 .elementor-element.elementor-element-5d5bee2a .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 28px; font-weight: 500; } .elementor-9656 .elementor-element.elementor-element-1804676 .elementor-divider__text { font-family: halyard-display, sans-serif; font-size : 47px; font-weight: 400; color: #755BA7; } .elementor-9656 .elementor-element.elementor-element-6e2241a .elementor-divider__text { font-family: halyard-display, sans-serif; font-size : 47px; font-weight: 400; color: #755BA7; } .elementor-9802 .elementor-element.elementor-element-0c9c78a .elementor-divider__text { font-family: halyard-display, sans-serif; font-size : 47px; font-weight: 400; color: #755BA7; } .elementor-9833 .elementor-element.elementor-element-88299ca .elementor-divider__text { font-family: halyard-display, sans-serif; font-size : 47px; font-weight: 400; color: #6CA5C0; } .elementor-9833 .elementor-element.elementor-element-15fd9bc .elementor-divider__text { font-family: halyard-display, sans-serif; font-size : 47px; font-weight: 400; color: #6CA5C0; } .elementor-9874 .elementor-element.elementor-element-9fda19b .elementor-divider__text { font-family: halyard-display, sans-serif; font-size : 47px; font-weight: 400; color: #6CA5C0; } .elementor-9802 .elementor-element.elementor-element-2df69416 .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 40px; font-weight: 700; } .elementor-9802 .elementor-element.elementor-element-44235153 .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 28px; font-weight: 500; } .elementor-10267 .elementor-element.elementor-element-78e70863 .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 40px; font-weight: 700; } .elementor-10267 .elementor-element.elementor-element-6ad25073 .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 28px; font-weight: 500; } .elementor-10267 .elementor-element.elementor-element-454cf791 .elementor-divider__text{ font-family: halyard-display, sans-serif; font-size : 47px; font-weight: 400; color: #6CA5BC; } .elementor-10267 .elementor-element.elementor-element-e953783 .elementor-divider__text { font-family: halyard-display, sans-serif; font-size : 47px; font-weight: 400; color: #6CA5BC; } .elementor-10097 .elementor-element.elementor-element-c5c9b96 .elementor-divider__text { font-family: halyard-display, sans-serif; font-size : 47px; font-weight: 400; color: #81CAEB; } .elementor-11019 .elementor-element.elementor-element-12b37277 .elementor-button { font-family: Halyard-text, Sans-serif; text-transform: uppercase; font-size: 18px; font-weight: 400; fill: #fbf3e3; color: #fbf3e3; background-color: #9B8CDB; border-radius: 25px 25px 025px 25px; padding: 16.5px 35.2px 16.5px 35.20px; } .elementor-9944 .elementor-element.elementor-element-1b80ce3 .elementor-button { font-family: halyard-text, sans-serif; text-transform: uppercase; font-size: 18px; font-weight: 400; background-color: #9B8CDB; border-radius: 25px 25px 025px 25px; padding: 16.5px 35.2px 16.5px 35.20px; } .elementor-9944 .elementor-element.elementor-element-278c9d0 .elementor-button { font-family: halyard-text, sans-serif; text-transform: uppercase; font-size: 18px; font-weight: 400; fill: #9B8CD8; color: #9B8CD8; background-color: #FDF5E5; border-radius: 25px 25px 025px 25px; padding: 16.5px 35.2px 16.5px 35.20px; } .elementor-9874 .elementor-element.elementor-element-192032d .elementor-button { font-family: halyard-text, sans-serif; text-transform: uppercase; font-size: 18px; font-weight: 400; fill: #FDF5E5; color: #FDF5E5; background-color: #6ca5c0; border-radius: 25px 25px 025px 25px; padding: 16.5px 35.2px 16.5px 35.20px; } .elementor-9802 .elementor-element.elementor-element-09be2a9 .elementor-button { font-family: halyard-text, sans-serif; text-transform: uppercase; font-size: 18px; font-weight: 400; background-color: #9B8CDB; border-radius: 25px 25px 025px 25px; padding: 16.5px 35.2px 16.5px 35.20px; } .elementor-9833 .elementor-element.elementor-element-a4e549a .elementor-button { font-family: halyard-text, sans-serif; text-transform: uppercase; font-size: 18px; font-weight: 400; fill: #FDF5E5; color: #FDF5E5; background-color: #6ca4bc; border-radius: 25px 25px 025px 25px; padding: 16.5px 35.2px 16.5px 35.20px; } .elementor-10003 .elementor-element.elementor-element-8000be1 .elementor-button { font-family: halyard-text, sans-serif; text-transform: uppercase; font-size: 18px; font-weight: 400; fill: #FDF5E5; color: #FDF5E5; background-color: #6ca4bc; border-radius: 25px 25px 025px 25px; padding: 16.5px 35.2px 16.5px 35.20px; } .elementor-9656 .elementor-element.elementor-element-1657333 .elementor-button { font-family: halyard-text, sans-serif; text-transform: uppercase; font-size: 18px; font-weight: 400; fill: #FFF6E5; color: #FFF6E5; background-color: #9B8CDB; border-radius: 25px 25px 025px 25px; padding: 16.5px 35.2px 16.5px 35.20px; } .elementor-10267 .elementor-element.elementor-element-fa10d1a .elementor-button { font-family: halyard-text, sans-serif; text-transform: uppercase; font-size: 18px; font-weight: 400; fill: #FDF5E5; color: #FDF5E5; background-color: #6ca4bc; border-radius: 25px 25px 025px 25px; padding: 16.5px 35.2px 16.5px 35.20px; } .elementor-10097 .elementor-element.elementor-element-c83e413 .elementor-button { font-family: halyard-text, sans-serif; text-transform: uppercase; font-size: 18px; font-weight: 400; fill: #FDF5E5; color: #FDF5E5; background-color: #81caeb; border-radius: 25px 25px 025px 25px; padding: 16.5px 35.2px 16.5px 35.20px; } .elementor-10018 .elementor-element.elementor-element-d1e73db .elementor-button { font-family: halyard-text, sans-serif; text-transform: uppercase; font-size: 18px; font-weight: 400; fill: #FDF5E5; color: #FDF5E5; background-color: #6ca5c0; border-radius: 25px 25px 025px 25px; padding: 16.5px 35.2px 16.5px 35.20px; } .elementor-9874 .elementor-element.elementor-element-3b5e16f .elementor-divider__text { font-family: halyard-display, sans-serif; font-size : 47px; font-weight: 400; color: #6CA5BC; } .elementor-9874 .elementor-element.elementor-element-b35c805 .elementor-button { font-family: halyard-text, sans-serif; text-transform: uppercase; font-size: 18px; font-weight: 400; fill: #FDF5E5; color: #FDF5E5; background-color: #6ca5c0; border-radius: 25px 25px 025px 25px; padding: 16.5px 35.2px 16.5px 35.20px; } .elementor-11076 .elementor-element.elementor-element-325814d5 .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 40px; font-weight: 700; } .elementor-11076 .elementor-element.elementor-element-2f6d4b6d .elementor-divider__text { color: #6CA5C0; font-family: Halyard-display, Sans-serif; font-size: 40px; } .elementor-10097 .elementor-element.elementor-element-7386af7f .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 40px; font-weight: 700; } .elementor-10097 .elementor-element.elementor-element-455df67f .elementor-heading-title { font-family: halyard-text, sans-serif; font-size: 28px; font-weight: 500; } .elementor-10097 .elementor-element.elementor-element-7a5f34e6 .elementor-divider__text { font-family: halyard-text, sans-serif; font-size:47px; font-weight: 400; } .elementor-10097 .elementor-element.elementor-element-7e3eba9 .elementor-button { font-family: halyard-text, sans-serif; text-transform: uppercase; font-size: 18px; font-weight: 400; fill: #FDF5E5; color: #FFF6E5; background-color: #84ccec; border-radius: 25px 25px 025px 25px; padding: 16.5px 35.2px 16.5px 35.20px; } .elementor-11025 .elementor-element.elementor-element-68b1d5eb .elementor-button { font-family: halyard-text, Sans-serif; text-transform: uppercase; font-size: 18px; font-weight: 400; background-color: #9B8CBD; fill: #FFF6E5; color: #FFF6E5; border-radius: 25px 25px 025px 25px; padding: 16.5px 35.2px 16.5px 35.20px; } .elementor-11025 .elementor-element.elementor-element-163a57c9 .elementor-button{ font-family: halyard-text, Sans-serif; text-transform: uppercase; font-size: 18px; font-weight: 400; background-color: #FFF6E5; fill: #9B8CD8; color: #9B8CD8; border-radius: 25px 25px 025px 25px; padding: 16.5px 35.2px 16.5px 35.20px; } .CTA ul{ margin: 0; padding-left: 0; list-style: none; display: flex; } .CTA ul li a{ display: block; text-decoration: none; font-family: halyard-display, sans-serif; font-size:1.563rem; font-weight: 400; font-style: normal; color: #f3a697; } .CTA ul li a span{ position: relative; padding-bottom: .7rem; } .CTA ul li a span:after { content: ''; position: absolute; left: 0; bottom: 0; transform: translateX(-50%) scaleX(0); width: 100%; height: 3px; background-color: #f3a697; transition: transform 250ms; } .CTA ul li a:hover span:after { transform: translateX(0%) scaleX(1); } .bouton_1_CTA { font-family: halyard-display, sans-serif; font-size: 1.375rem; font-weight: 400; } .elementor-11451 .elementor-element.elementor-element-f1e9102 .elementor-button { font-family: halyard-display, sans-serif; font-size: 1.375rem; font-weight: 400; } .bouton_CTA_participation_projets { font-family: halyard-display, sans-serif; font-size: 1.375rem; font-weight: 400; } .elementor-widget-button .elementor-button{ font-family: halyard-display, sans-serif; font-size: 1.375rem; font-weight: 400; } .elementor-11451 .elementor-element.elementor-element-978812d .elementor-button { font-family: halyard-display, sans-serif; font-size: 1.375rem; font-weight: 400; } .bouton_participation_1 { font-family: halyard-display, sans-serif; font-size: 1.375rem; font-weight: 400; } .elementor-11451 .elementor-element.elementor-element-13a99bd .elementor-button{ font-family: halyard-display, sans-serif; font-size: 1.375rem; font-weight: 400; } .bouton_participation_2 { font-family: halyard-display, sans-serif; font-size: 1.375rem; font-weight: 400; } .elementor-11451 .elementor-element.elementor-element-34988be .elementor-button { font-family: halyard-display, sans-serif; font-size: 1.375rem; font-weight: 400; } .bouton_participation_3 { font-family: halyard-display, sans-serif; font-size: 1.375rem; font-weight: 400; } .elementor-11451 .elementor-element.elementor-element-d0dd8ee .elementor-button { font-family: halyard-display, sans-serif; font-size: 1.375rem; font-weight: 400; } .bouton_participation_4 { font-family: halyard-display, sans-serif; font-size: 1.375rem; font-weight: 400; } .elementor-11451 .elementor-element.elementor-element-7964f36 .elementor-button { font-family: halyard-display, sans-serif; font-size: 1.375rem; font-weight: 400; }