.elementor-14661 .elementor-element.elementor-element-e15c4f6{--display:flex;--min-height:171px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-14661 .elementor-element.elementor-element-e15c4f6:not(.elementor-motion-effects-element-type-background), .elementor-14661 .elementor-element.elementor-element-e15c4f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1480C3;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-14661 .elementor-element.elementor-element-0026394.elementor-element{--align-self:center;}.elementor-14661 .elementor-element.elementor-element-0026394 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:26px;font-weight:600;color:#FFFFFF;}.elementor-14661 .elementor-element.elementor-element-860f6ba.elementor-element{--align-self:center;}.elementor-14661 .elementor-element.elementor-element-860f6ba .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:19px;font-weight:normal;color:#E9EAEA94;}.elementor-14661 .elementor-element.elementor-element-708245f.elementor-element{--align-self:center;}.elementor-14661 .elementor-element.elementor-element-708245f .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:normal;font-style:italic;color:#E9EAEA94;}.elementor-14661 .elementor-element.elementor-element-95b2815{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14661 .elementor-element.elementor-element-95b2815:not(.elementor-motion-effects-element-type-background), .elementor-14661 .elementor-element.elementor-element-95b2815 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1480C3;}.elementor-14661 .elementor-element.elementor-element-a6992c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-14661:not(.elementor-motion-effects-element-type-background), body.elementor-page-14661 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-14661 .elementor-element.elementor-element-95b2815{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-e15c4f6 */
Exemples de Dégradés CSS
/* Styles de base pour la mise en page */
body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background-color: #1a1a1a;
font-family: Arial, sans-serif;
margin: 0;
}
.container {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.box {
width: 200px;
height: 200px;
border-radius: 15px;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-weight: bold;
font-size: 1.2rem;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
/* 1. DÉGRADÉ LINÉAIRE (Linear Gradient) */
/* "to right" indique la direction. On passe du violet au corail */
.linear-gradient {
background: linear-gradient(to right, #8a2387, #e94057, #f27121);
}
/* 2. DÉGRADÉ RADIAL (Radial Gradient) */
/* Part du centre (blanc/bleu clair) vers l'extérieur (bleu foncé) */
.radial-gradient {
background: radial-gradient(circle, #00f2fe 0%, #4facfe 100%);
}
/* 3. DÉGRADÉ CONIQUE (Conic Gradient) */
/* Tourne autour d'un point central comme une horloge */
.conic-gradient {
background: conic-gradient(#ff4500, #ff1493, #00bfff, #ff4500);
}
/* End custom CSS */