.elementor-799 .elementor-element.elementor-element-c473304{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 48px 0px;}.elementor-799 .elementor-element.elementor-element-c473304 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-799 .elementor-element.elementor-element-2c139bb > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-799 .elementor-element.elementor-element-2c139bb{padding:0px 0px 30px 0px;}.elementor-799 .elementor-element.elementor-element-446cb7e > .elementor-element-populated{padding:0px 40px 0px 0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-799 .elementor-element.elementor-element-414d2c5{text-align:justify;}.elementor-799 .elementor-element.elementor-element-414d2c5 .elementor-heading-title{font-size:40px;font-weight:700;line-height:38px;letter-spacing:1px;color:var( --e-global-color-primary );}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-799 .elementor-element.elementor-element-296a86c{text-align:justify;font-size:16px;}.elementor-799 .elementor-element.elementor-element-296a86c a{color:var( --e-global-color-primary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-799 .elementor-element.elementor-element-4d61821 > .elementor-widget-container{--e-transform-rotateZ:360deg;}.elementor-799 .elementor-element.elementor-element-538b2f3:not(.elementor-motion-effects-element-type-background), .elementor-799 .elementor-element.elementor-element-538b2f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F9F3;}.elementor-799 .elementor-element.elementor-element-538b2f3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:70px;padding:80px 0px 0px 0px;}.elementor-799 .elementor-element.elementor-element-538b2f3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-799 .elementor-element.elementor-element-69f68db{text-align:center;}.elementor-799 .elementor-element.elementor-element-69f68db .elementor-heading-title{font-size:42px;line-height:42px;letter-spacing:1px;color:var( --e-global-color-primary );}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-799 .elementor-element.elementor-element-31bc844{--iteration-count:infinite;--dynamic-text-color:#A6D060;}.elementor-799 .elementor-element.elementor-element-31bc844 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-799 .elementor-element.elementor-element-31bc844 .elementor-headline{text-align:left;font-size:32px;font-weight:700;}.elementor-799 .elementor-element.elementor-element-31bc844 .elementor-headline-plain-text{color:#00A3D1;}.elementor-799 .elementor-element.elementor-element-7f06faf{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-799 .elementor-element.elementor-element-6628948:not(.elementor-motion-effects-element-type-background), .elementor-799 .elementor-element.elementor-element-6628948 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-13f9a77 );}.elementor-799 .elementor-element.elementor-element-6628948 > .elementor-background-overlay{background-color:#FFFFFF;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-799 .elementor-element.elementor-element-6628948{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 0px 0px;}.elementor-799 .elementor-element.elementor-element-1b9281e{text-align:center;}.elementor-799 .elementor-element.elementor-element-1b9281e .elementor-heading-title{font-size:42px;line-height:42px;letter-spacing:1px;color:var( --e-global-color-primary );}.elementor-widget-call-to-action .elementor-ribbon-inner{background-color:var( --e-global-color-accent );}.elementor-799 .elementor-element.elementor-element-2fad271 .elementor-cta .elementor-cta__bg, .elementor-799 .elementor-element.elementor-element-2fad271 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-799 .elementor-element.elementor-element-2fad271 .elementor-cta__content{text-align:center;}.elementor-799 .elementor-element.elementor-element-2fad271 .elementor-cta__button{font-size:18px;color:var( --e-global-color-13f9a77 );background-color:#00A3D1;border-color:#02010100;border-radius:12px;}.elementor-799 .elementor-element.elementor-element-2fad271 .elementor-cta__button:hover{background-color:#008BB2;}.elementor-799 .elementor-element.elementor-element-2c734ac{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:70px 0px 280px 0px;}.elementor-799 .elementor-element.elementor-element-2c734ac > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-799 .elementor-element.elementor-element-5d910f63 > .elementor-container{max-width:1412px;}.elementor-799 .elementor-element.elementor-element-53302851{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.1);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:280px;--padding-left:030px;--padding-right:30px;}.elementor-799 .elementor-element.elementor-element-53302851:not(.elementor-motion-effects-element-type-background), .elementor-799 .elementor-element.elementor-element-53302851 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://odd.idee.education/wp-content/uploads/2025/05/ProfilSortie_AffichesDefinitions_Primaire-10.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-799 .elementor-element.elementor-element-53302851::before, .elementor-799 .elementor-element.elementor-element-53302851 > .elementor-background-video-container::before, .elementor-799 .elementor-element.elementor-element-53302851 > .e-con-inner > .elementor-background-video-container::before, .elementor-799 .elementor-element.elementor-element-53302851 > .elementor-background-slideshow::before, .elementor-799 .elementor-element.elementor-element-53302851 > .e-con-inner > .elementor-background-slideshow::before, .elementor-799 .elementor-element.elementor-element-53302851 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-799 .elementor-element.elementor-element-31bb6a07{--display:flex;}.elementor-799 .elementor-element.elementor-element-1af8a63e .elementor-heading-title{color:#FFFFFF;}.elementor-799 .elementor-element.elementor-element-4046da3e{--display:flex;--justify-content:center;}@media(min-width:768px){.elementor-799 .elementor-element.elementor-element-53302851{--width:1412px;}.elementor-799 .elementor-element.elementor-element-31bb6a07{--width:50%;}.elementor-799 .elementor-element.elementor-element-4046da3e{--width:49.957%;}}@media(max-width:1024px){.elementor-799 .elementor-element.elementor-element-414d2c5{text-align:left;}.elementor-799 .elementor-element.elementor-element-414d2c5 .elementor-heading-title{font-size:35px;}.elementor-799 .elementor-element.elementor-element-69f68db{text-align:left;}.elementor-799 .elementor-element.elementor-element-69f68db .elementor-heading-title{font-size:35px;}.elementor-799 .elementor-element.elementor-element-7f06faf{--grid-auto-flow:row;}.elementor-799 .elementor-element.elementor-element-1b9281e{text-align:left;}.elementor-799 .elementor-element.elementor-element-1b9281e .elementor-heading-title{font-size:35px;}}@media(max-width:767px){.elementor-799 .elementor-element.elementor-element-414d2c5 .elementor-heading-title{font-size:30px;}.elementor-799 .elementor-element.elementor-element-69f68db .elementor-heading-title{font-size:30px;}.elementor-799 .elementor-element.elementor-element-7f06faf{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-799 .elementor-element.elementor-element-1b9281e .elementor-heading-title{font-size:30px;}.elementor-799 .elementor-element.elementor-element-53302851{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-799 .elementor-element.elementor-element-1af8a63e .elementor-heading-title{font-size:35px;}}/* Start custom CSS for image, class: .elementor-element-4d61821 */.sdg-rotate {
  animation: sdg-pulse 6s ease-in-out infinite;
  filter: brightness(1);
}

@keyframes sdg-pulse {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.1); }
}/* End custom CSS */
/* Start custom CSS *//* === PAGE 17 ODD – Animations douces et cohérentes === */

/* 🌿 1. Roue des ODD — pulsation lumineuse vivante */
.sdg-rotate {
  animation: sdg-pulse 6s ease-in-out infinite;
  filter: brightness(1);
  transition: transform 0.3s ease-in-out;
  transform-origin: center;
}
@keyframes sdg-pulse {
  0%, 100% { filter: brightness(1); transform: scale(1); }
  50% { filter: brightness(1.1); transform: scale(1.02); }
}

/* Option bonus : si tu préfères une oscillation lente au lieu de la pulsation
.sdg-rotate {
  animation: sdg-oscillate 10s ease-in-out infinite alternate;
  transform-origin: center;
}
@keyframes sdg-oscillate {
  from { transform: rotate(-2deg); }
  to { transform: rotate(2deg); }
}
*/

/* ✨ 2. Titres de section — apparition douce depuis le bas */
.section-title,
h2,
h3 {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1.2s ease forwards;
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 💬 3. Paragraphes – apparition progressive */
.section-text p {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeInText 1.6s ease forwards;
}
@keyframes fadeInText {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 🌱 4. Boutons – zoom léger au survol */
a.button,
.elementor-button,
.wp-block-button__link {
  transition: all 0.3s ease-in-out;
}
a.button:hover,
.elementor-button:hover,
.wp-block-button__link:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 15px rgba(166, 208, 96, 0.3);
}

/* 🌞 5. Pictogrammes ODD — oscillation subtile (si présents en décor) */
.icon-odd {
  display: inline-block;
  animation: iconFloat 5s ease-in-out infinite alternate;
}
@keyframes iconFloat {
  from { transform: translateY(-3px); }
  to { transform: translateY(3px); }
}

/* 💫 6. Accessibilité – désactive les effets pour ceux qui préfèrent le statique */
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}/* End custom CSS */