.elementor-827 .elementor-element.elementor-element-1e361c2{--display:flex;}.elementor-827 .elementor-element.elementor-element-91af4f0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-827 .elementor-element.elementor-element-91af4f0:not(.elementor-motion-effects-element-type-background), .elementor-827 .elementor-element.elementor-element-91af4f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3FAFD;}.elementor-827 .elementor-element.elementor-element-c40779f{--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;}.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-827 .elementor-element.elementor-element-b60fee8{text-align:start;}.elementor-827 .elementor-element.elementor-element-b60fee8 .elementor-heading-title{font-size:34px;font-weight:800;text-transform:uppercase;color:#0B4C61;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-827 .elementor-element.elementor-element-f0c15bc{--divider-border-style:solid;--divider-color:#F66D9B;--divider-border-width:3px;}.elementor-827 .elementor-element.elementor-element-f0c15bc .elementor-divider-separator{width:70px;margin:0 auto;margin-left:0;}.elementor-827 .elementor-element.elementor-element-f0c15bc .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-827 .elementor-element.elementor-element-113e403{--display:flex;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-field-group > label, .elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-field-subgroup label{color:#176575;}.elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-field-group > label{font-family:"DM Sans", Sans-serif;font-size:13px;font-weight:800;}.elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-field-type-html{padding-bottom:0px;}.elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-field-group .elementor-field{color:#12333B;}.elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-color:rgba(23,101,117,0.18);border-width:1px 1px 1px 1px;border-radius:16px 16px 16px 16px;}.elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-color:rgba(23,101,117,0.18);border-width:1px 1px 1px 1px;border-radius:16px 16px 16px 16px;}.elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-field-group .elementor-select-wrapper::before{color:rgba(23,101,117,0.18);}.elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-button{font-family:"DM Sans", Sans-serif;font-weight:800;border-radius:999px 999px 999px 999px;}.elementor-827 .elementor-element.elementor-element-43f1e34 .e-form__buttons__wrapper__button-next{background-color:#F66D9B;color:#FFFFFF;}.elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-button[type="submit"]{background-color:#F66D9B;color:#FFFFFF;}.elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-827 .elementor-element.elementor-element-43f1e34 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-827 .elementor-element.elementor-element-43f1e34 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-827 .elementor-element.elementor-element-43f1e34 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-827 .elementor-element.elementor-element-43f1e34 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-827 .elementor-element.elementor-element-43f1e34{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-827 .elementor-element.elementor-element-0f7dc61{font-size:14px;color:#07344A;}.elementor-827 .elementor-element.elementor-element-8058c16{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-827 .elementor-element.elementor-element-6950cab{text-align:center;}.elementor-827 .elementor-element.elementor-element-6950cab img{border-radius:20px 20px 20px 20px;}.elementor-827 .elementor-element.elementor-element-f4d34af:not(.elementor-motion-effects-element-type-background), .elementor-827 .elementor-element.elementor-element-f4d34af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0c2d35;}.elementor-827 .elementor-element.elementor-element-f4d34af > .elementor-container{max-width:1180px;}.elementor-827 .elementor-element.elementor-element-f4d34af{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:48px 20px 28px 20px;}.elementor-827 .elementor-element.elementor-element-f4d34af > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-827 .elementor-element.elementor-element-95629bf > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-827 .elementor-element.elementor-element-546bba5{text-align:start;}.elementor-827 .elementor-element.elementor-element-546bba5 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:800;line-height:1.2em;color:#ffffff;}.elementor-827 .elementor-element.elementor-element-bc32bf8{--display:flex;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-827 .elementor-element.elementor-element-b6fd68b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-827 .elementor-element.elementor-element-b6fd68b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-827 .elementor-element.elementor-element-b6fd68b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-827 .elementor-element.elementor-element-b6fd68b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-827 .elementor-element.elementor-element-b6fd68b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-827 .elementor-element.elementor-element-b6fd68b .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-827 .elementor-element.elementor-element-b6fd68b .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-827 .elementor-element.elementor-element-b6fd68b{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-827 .elementor-element.elementor-element-b6fd68b .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-827 .elementor-element.elementor-element-b50f0d2 > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-827 .elementor-element.elementor-element-15c180e{--display:flex;}.elementor-827 .elementor-element.elementor-element-f765ec4{text-align:center;}.elementor-827 .elementor-element.elementor-element-f765ec4 .elementor-heading-title{font-size:14px;color:#FFFFFF;}.elementor-827 .elementor-element.elementor-element-716bb33 > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-827 .elementor-element.elementor-element-5896cca{text-align:start;}.elementor-827 .elementor-element.elementor-element-5896cca .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:800;line-height:1.2em;color:#ffffff;}.elementor-827 .elementor-element.elementor-element-8ac23f4{text-align:start;font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:400;line-height:1.55em;color:rgba(255,255,255,.68);}.elementor-827 .elementor-element.elementor-element-e953610{--display:flex;}@media(min-width:768px){.elementor-827 .elementor-element.elementor-element-c40779f{--width:55%;}.elementor-827 .elementor-element.elementor-element-8058c16{--width:45%;}}/* Start custom CSS for html, class: .elementor-element-9bc789f *//* ========================================================= HERO FORMATION COMMUNICATION VERSION SO'EASY DESKTOP UNIQUEMENT ========================================================= */ /* ========================================================= HERO ========================================================= */ .soeasy-hero{ position:relative; min-height:700px; display:flex; align-items:center; padding:95px 0 105px; background:transparent; overflow:visible; isolation:isolate; } /* ========================================================= FOND PLEINE LARGEUR ========================================================= */ .soeasy-hero::before{ content:""; position:absolute; top:0; bottom:0; left:50%; width:100vw; transform:translateX(-50%); z-index:-1; background: radial-gradient( circle at 78% 18%, rgba(246,109,155,.16), transparent 27% ), linear-gradient( 135deg, #EAF6FA 0%, #F5FBFD 55%, #FFFFFF 100% ); } /* ========================================================= FORME DECORATIVE ========================================================= */ .soeasy-hero::after{ content:""; position:absolute; width:210px; height:210px; left:-80px; bottom:-95px; border-radius:50%; background:rgba(246,109,155,.10); z-index:0; pointer-events:none; } /* ========================================================= GRID ========================================================= */ .soeasy-hero-grid{ position:relative; z-index:2; display:grid; grid-template-columns:1fr .9fr; gap:75px; align-items:center; } /* ========================================================= CONTENU TEXTE ========================================================= */ .soeasy-hero-content{ position:relative; z-index:2; } /* ========================================================= EYEBROW ========================================================= */ .soeasy-hero .soeasy-eyebrow{ display:inline-flex; align-items:center; gap:10px; margin-bottom:18px; padding:8px 14px; border-radius:999px; background:#FFFFFF; color:#176575; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; box-shadow: 0 5px 18px rgba(23,101,117,.06); } .soeasy-hero .soeasy-eyebrow::before{ content:""; width:8px; height:8px; border-radius:50%; background:#F66D9B; } /* ========================================================= TITRE ========================================================= */ .soeasy-hero h1{ max-width:720px; margin:0 0 24px; color:#176575; font-size:clamp(46px,5.2vw,72px); line-height:.98; font-weight:800; letter-spacing:-.045em; } .soeasy-hero h1 span{ color:#F66D9B; } /* ========================================================= INTRO ========================================================= */ .soeasy-hero-intro{ max-width:650px; margin:0 0 30px; color:#4E676E!important; font-size:20px!important; line-height:1.6!important; } /* ========================================================= CTA ========================================================= */ .soeasy-hero-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:13px; } .soeasy-hero .soeasy-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:15px 24px; border:0; border-radius:999px; background:#F66D9B; color:#FFFFFF!important; font-size:15px; font-weight:800; text-decoration:none!important; box-shadow:none; transition: transform .22s ease, box-shadow .22s ease, background .22s ease; } .soeasy-hero .soeasy-btn::after{ content:"→"; font-size:18px; transition:transform .22s ease; } .soeasy-hero .soeasy-btn:hover{ transform:translateY(-3px); background:#E85C8A; box-shadow: 0 12px 25px rgba(246,109,155,.25); } .soeasy-hero .soeasy-btn:hover::after{ transform:translateX(4px); } /* BOUTON SECONDAIRE */ .soeasy-hero .soeasy-btn-outline{ background:#FFFFFF; border:2px solid #176575; color:#176575!important; } .soeasy-hero .soeasy-btn-outline:hover{ background:#176575; color:#FFFFFF!important; box-shadow: 0 12px 25px rgba(23,101,117,.15); } /* ========================================================= PETITES INFOS SOUS LES CTA ========================================================= */ .soeasy-hero-note{ display:flex; flex-wrap:wrap; gap:8px; margin-top:25px; } .soeasy-hero-note span{ display:inline-flex; align-items:center; padding:7px 11px; border-radius:999px; background:rgba(255,255,255,.75); color:#176575; font-size:12px; font-weight:700; } /* ========================================================= ZONE VISUELLE ========================================================= */ .soeasy-visual-stage{ position:relative; min-height:520px; display:flex; align-items:center; justify-content:center; z-index:2; } /* ========================================================= CADRE VISUEL ========================================================= */ .soeasy-visual-frame{ position:relative; width:90%; max-width:470px; aspect-ratio:4/5; padding:16px; border-radius:32px; background:#FFFFFF; box-shadow: 12px 14px 0 rgba(246,109,155,.14), 0 18px 45px rgba(23,101,117,.10); transform:rotate(2deg); } /* IMAGE */ .soeasy-visual-frame img{ width:100%; height:100%; object-fit:cover; border-radius:22px; } /* ========================================================= BADGES AUTOUR DU VISUEL ========================================================= */ .soeasy-visual-badge{ position:absolute; padding:10px 15px; border-radius:999px; background:#FFFFFF; color:#176575; font-size:12px; font-weight:800; box-shadow: 0 8px 20px rgba(23,101,117,.09); } .soeasy-visual-badge-one{ top:75px; left:-10px; transform:rotate(-4deg); } .soeasy-visual-badge-two{ right:-5px; bottom:75px; background:#F66D9B; color:#FFFFFF; transform:rotate(3deg); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6da35b3 */.soeasy-promise{ padding:105px 0 115px; overflow:hidden; background:#FFFFFF; } .soeasy-promise::before{ content:""; position:absolute; width:230px; height:230px; left:-120px; top:65px; border-radius:50%; background:#EAF6FA; } .soeasy-promise-grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:85px; align-items:start; } .soeasy-big-question{ max-width:570px; color:#176575; font-size:clamp(38px,4.5vw,58px); line-height:1.04; font-weight:800; letter-spacing:-.045em; } .soeasy-big-question span{ color:#F66D9B; } .soeasy-promise-text{ max-width:650px; margin-bottom:22px; color:#19323A!important; font-size:21px!important; line-height:1.55!important; font-weight:500; } .soeasy-mini-points{ display:flex; flex-wrap:wrap; gap:9px; margin-top:28px; } .soeasy-mini-points .soeasy-tag:nth-child(even){ background:#FDE5ED; color:#F66D9B; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-515b997 *//* ========================================================= CE QUE VOUS ALLEZ APPRENDRE FORMATION COMMUNICATION DESKTOP UNIQUEMENT ========================================================= */ /* ========================================================= SECTION ========================================================= */ .se-learn{ padding:110px 0 120px; background:#FFFFFF; } /* ========================================================= EN-TETE DE SECTION ========================================================= */ .se-section-head{ max-width:820px; margin-bottom:50px; } .se-section-head .se-kicker{ margin-bottom:16px; } .se-section-head h2{ max-width:760px; margin:0 0 20px; color:#176575; font-size:clamp(36px,4.2vw,56px); line-height:1.02; font-weight:800; letter-spacing:-.04em; } .se-section-head p{ max-width:780px; margin:0; color:#53686E; font-size:18px; line-height:1.7; } /* ========================================================= GRILLE DES 2 BLOCS ========================================================= */ .se-learn-cards{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; align-items:stretch; } /* ========================================================= CARTE ========================================================= */ .se-learn-card{ position:relative; display:flex; flex-direction:column; min-width:0; min-height:390px; padding:38px 40px; border-radius:30px; overflow:hidden; transition: transform .25s ease, box-shadow .25s ease; } .se-learn-card:hover{ transform:translateY(-6px); } /* ========================================================= CARTE BLEUE ========================================================= */ .se-learn-card-blue{ background:#EAF6FA; color:#176575; box-shadow: 10px 10px 0 rgba(23,101,117,.10); } /* ========================================================= CARTE ROSE ========================================================= */ .se-learn-card-pink{ background:#F66D9B; color:#FFFFFF; box-shadow: 10px 10px 0 #FDE5ED; } /* ========================================================= NUMEROS 01 / 02 ========================================================= */ .se-card-number{ flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:62px; height:62px; margin-bottom:28px; border-radius:50%; font-size:18px; line-height:1; font-weight:800; } .se-learn-card-blue .se-card-number{ background:#176575; color:#FFFFFF; } .se-learn-card-pink .se-card-number{ background:#FFFFFF; color:#F66D9B; } /* ========================================================= PETITE ACCROCHE ========================================================= */ .se-mini-label{ display:block; margin-bottom:10px; font-size:11px; line-height:1.3; font-weight:800; letter-spacing:.1em; text-transform:uppercase; } .se-learn-card-blue .se-mini-label{ color:#F66D9B; } .se-learn-card-pink .se-mini-label{ color:rgba(255,255,255,.78); } /* ========================================================= TITRE DES CARTES ========================================================= */ .se-learn-card h3{ max-width:100%; margin:0 0 18px; color:#176575; font-size:clamp(25px,2.4vw,32px); line-height:1.08; font-weight:800; letter-spacing:-.025em; overflow-wrap:normal; word-break:normal; } .se-learn-card-pink h3{ color:#FFFFFF; } /* ========================================================= TEXTE ========================================================= */ .se-learn-card p{ max-width:520px; margin:0; font-size:17px; line-height:1.65; } .se-learn-card-blue p{ color:#53686E; } .se-learn-card-pink p{ color:rgba(255,255,255,.88); } /* ========================================================= TAGS ========================================================= */ .se-card-tags{ display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; padding-top:28px; } .se-card-tags span{ display:inline-flex; align-items:center; padding:7px 12px; border-radius:999px; font-size:11px; line-height:1; font-weight:800; text-transform:uppercase; white-space:nowrap; } .se-learn-card-blue .se-card-tags span{ background:#FFFFFF; color:#176575; } .se-learn-card-pink .se-card-tags span{ background:rgba(255,255,255,.17); color:#FFFFFF; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-42b125a *//* ========================================================= DEROULE DE LA JOURNEE FORMATION COMMUNICATION DESKTOP UNIQUEMENT ========================================================= */ /* ========================================================= SECTION ========================================================= */ .se-day{ padding:110px 0 115px; overflow:hidden; background:#176575; } /* ========================================================= DECOR ========================================================= */ .se-day::before{ content:""; position:absolute; width:300px; height:300px; right:-150px; top:-160px; border-radius:50%; background:rgba(234,246,250,.06); } .se-day::after{ content:""; position:absolute; width:170px; height:170px; left:-80px; bottom:-90px; border-radius:50%; background:rgba(246,109,155,.10); } /* ========================================================= EN-TETE ========================================================= */ .se-day-heading{ max-width:760px; margin:0 auto 60px; text-align:center; } .se-day .se-kicker{ display:block; margin-bottom:16px; color:#F9B1CA; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } /* TITRE PRINCIPAL */ .se-day-heading h2{ max-width:720px; margin:0 auto 22px; color:#FFFFFF; font-size:clamp(38px,5vw,62px); line-height:1; font-weight:800; letter-spacing:-.045em; } /* INTRO */ .se-day-heading p{ max-width:650px; margin:0 auto; color:rgba(255,255,255,.78); font-size:18px; line-height:1.7; } /* ========================================================= GRILLE ========================================================= */ .se-day-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; align-items:stretch; } /* ========================================================= CARTES ========================================================= */ .se-day-card{ position:relative; display:flex; flex-direction:column; min-width:0; min-height:430px; padding:38px 40px; border-radius:30px; transition: transform .25s ease, box-shadow .25s ease; } .se-day-card:hover{ transform:translateY(-5px); } /* CARTE 01 */ .se-day-card-blue{ background:#EAF6FA; box-shadow: 10px 10px 0 rgba(255,255,255,.09); } /* CARTE 02 */ .se-day-card-pink{ background:#FDE5ED; box-shadow: 10px 10px 0 rgba(246,109,155,.16); } /* ========================================================= HAUT DE CARTE ========================================================= */ .se-day-card-top{ display:flex; align-items:center; gap:16px; margin-bottom:32px; } /* NUMERO */ .se-day-number{ flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:58px; height:58px; border-radius:50%; background:#176575; color:#FFFFFF; font-size:17px; line-height:1; font-weight:800; } .se-day-card-pink .se-day-number{ background:#F66D9B; } /* PETITE ACCROCHE */ .se-day-small-title{ color:#176575; font-size:12px; line-height:1.3; font-weight:800; letter-spacing:.04em; text-transform:uppercase; word-break:normal; overflow-wrap:normal; } /* ========================================================= TITRES DES CARTES ========================================================= */ .se-day-card h3{ max-width:100%; margin:0 0 25px; color:#176575; font-size:31px; line-height:1.08; font-weight:800; letter-spacing:-.025em; word-break:normal; overflow-wrap:normal; } /* ========================================================= LISTES ========================================================= */ .se-day-card ul{ margin:0 0 30px; padding:0; list-style:none; } .se-day-card li{ position:relative; padding:12px 0 12px 27px; border-bottom:1px solid rgba(23,101,117,.14); color:#53686E; font-size:16px; line-height:1.5; } .se-day-card li:last-child{ border-bottom:0; } .se-day-card li::before{ content:""; position:absolute; width:8px; height:8px; left:0; top:20px; border-radius:50%; background:#176575; } .se-day-card-pink li::before{ background:#F66D9B; } /* ========================================================= BADGE BAS DE CARTE ========================================================= */ .se-day-badge{ align-self:flex-start; margin-top:auto; padding:10px 16px; border-radius:999px; background:#176575; color:#FFFFFF; font-size:13px; line-height:1; font-weight:800; } .se-day-card-pink .se-day-badge{ background:#F66D9B; } /* ========================================================= PHRASE SOUS LES CARTES ========================================================= */ .se-day-bottom{ max-width:760px; display:flex; align-items:center; justify-content:center; gap:14px; margin:38px auto 0; text-align:center; } .se-day-bottom-icon{ flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:#F66D9B; color:#FFFFFF; font-size:21px; line-height:1; font-weight:700; } .se-day-bottom p{ margin:0; color:rgba(255,255,255,.82); font-size:15px; line-height:1.5; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5d44375 *//* ========================================================= VOUS REPARTEZ AVEC DU CONCRET DESKTOP UNIQUEMENT RESPONSIVE GÉRÉ PAR LE CSS GLOBAL ========================================================= */ .se-takeaway{ position:relative; padding:110px 0 0; background:#FFFFFF; } /* ========================================================= MISE EN PAGE ========================================================= */ .se-takeaway-layout{ display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; align-items:start; padding-bottom:90px; } /* ========================================================= COLONNE TITRE ========================================================= */ .se-takeaway-title{ max-width:480px; } .se-takeaway-title .se-kicker{ margin-bottom:16px; } .se-takeaway-title h2{ margin:0 0 22px; color:#176575; font-size:clamp(38px,5vw,62px); line-height:1; font-weight:800; letter-spacing:-.045em; } .se-takeaway-title h2 span{ display:block; color:#F66D9B; } .se-takeaway-title p{ max-width:430px; margin:0; color:#53686E; font-size:18px; line-height:1.7; } /* ========================================================= LISTE DES LIVRABLES ========================================================= */ .se-takeaway-list{ width:100%; border-top:1px solid rgba(23,101,117,.18); } .se-takeaway-item{ display:grid; grid-template-columns:62px minmax(0,1fr); gap:20px; align-items:center; padding:25px 0; border-bottom:1px solid rgba(23,101,117,.18); } /* NUMERO */ .se-takeaway-item span{ color:#F66D9B; font-size:14px; line-height:1; font-weight:800; } /* TEXTE */ .se-takeaway-item strong{ color:#176575; font-size:20px; line-height:1.35; font-weight:800; } /* ========================================================= BANDEAU "ET APRÈS ?" ========================================================= */ .se-more{ background:#EAF6FA; } .se-more-inner{ min-height:90px; display:flex; flex-wrap:wrap; align-items:center; gap:20px 38px; } .se-more strong{ color:#176575; font-size:18px; font-weight:800; } .se-more span{ color:#53686E; font-size:14px; line-height:1.4; } .se-more span::before{ content:"•"; margin-right:9px; color:#F66D9B; font-weight:800; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-41bc5bd *//* ========================================================= LES FORMATRICES BANDEAU BLEU CIEL DESKTOP UNIQUEMENT RESPONSIVE GÉRÉ PAR LE CSS GLOBAL ========================================================= */ .se-trainers{ position:relative; padding:115px 0; background:#EAF6FA; } /* ========================================================= GRID ========================================================= */ .se-trainers-grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; align-items:center; } /* ========================================================= ZONE PHOTOS ========================================================= */ .se-trainers-visual{ position:relative; min-height:510px; } .se-photo{ position:absolute; overflow:hidden; border-radius:26px; } .se-photo img{ width:100%; height:100%; object-fit:cover; } /* PHOTO 01 */ .se-photo-one{ width:62%; height:400px; top:0; left:0; border:3px solid #176575; transform:rotate(-4deg); box-shadow: 12px 15px 0 rgba(23,101,117,.10); } /* PHOTO 02 */ .se-photo-two{ width:55%; height:335px; right:0; bottom:0; border:7px solid #EAF6FA; transform:rotate(4deg); box-shadow: 0 20px 40px rgba(23,101,117,.12); } /* ========================================================= PETITE NOTE PHOTO ========================================================= */ .se-photo-note{ position:absolute; right:-10px; top:20px; padding:13px 17px; border-radius:14px; background:#F66D9B; color:#FFFFFF; font-size:13px; line-height:1.3; font-weight:800; transform:rotate(4deg); box-shadow: 6px 7px 0 rgba(23,101,117,.12); } /* ========================================================= CONTENU ========================================================= */ .se-trainers-text{ max-width:680px; } .se-trainers-text .se-kicker{ margin-bottom:16px; } .se-trainers h2{ margin:0 0 22px; color:#176575; font-size:clamp(38px,5vw,62px); line-height:1; font-weight:800; letter-spacing:-.045em; } .se-trainers h2 span{ display:block; color:#F66D9B; } .se-trainers-text > p{ max-width:650px; margin-bottom:20px; color:#53686E; font-size:17px; line-height:1.7; } /* ========================================================= PETITS TAGS ========================================================= */ .se-inline-points{ display:flex; flex-wrap:wrap; gap:9px; margin:30px 0; } .se-inline-points span{ display:inline-flex; align-items:center; padding:8px 13px; border-radius:999px; background:#FFFFFF; color:#176575; font-size:12px; line-height:1; font-weight:800; } /* ========================================================= CTA ========================================================= */ .se-trainers .se-link{ display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:15px 24px; border-radius:999px; background:#F66D9B; color:#FFFFFF!important; font-size:15px; font-weight:800; transition: transform .22s ease, background .22s ease, box-shadow .22s ease; } .se-trainers .se-link:hover{ transform:translateY(-3px); background:#E85C8A; box-shadow: 0 12px 25px rgba(246,109,155,.25); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-577adc0 *//* ========================================================= PASSER À L'ACTION BANDEAU MANIFESTE ROSE DESKTOP UNIQUEMENT RESPONSIVE GÉRÉ PAR LE CSS GLOBAL ========================================================= */ .se-quote{ position:relative; padding:75px 0; overflow:hidden; background:#F66D9B; } /* PETITE FORME DÉCORATIVE */ .se-quote::before{ content:""; position:absolute; width:220px; height:220px; left:-120px; top:-130px; border-radius:50%; background:rgba(255,255,255,.07); } /* TEXTE */ .se-quote p{ position:relative; z-index:2; max-width:920px; margin:0 auto; color:#FFFFFF; text-align:center; font-size:clamp(28px,4vw,46px); line-height:1.12; font-weight:500; letter-spacing:-.03em; } .se-quote strong{ font-weight:800; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-dff3cbe *//* ========================================================= CTA FINAL DESKTOP UNIQUEMENT RESPONSIVE GÉRÉ PAR LE CSS GLOBAL ========================================================= */ .se-final{ padding:90px 0 105px; background:#FFFFFF; } /* ========================================================= CARTE CTA ========================================================= */ .se-final-card{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; padding:52px 58px; border-radius:30px; background:#EAF6FA; } /* ========================================================= TITRE ========================================================= */ .se-final-card h2{ margin:0 0 18px; color:#176575; font-size:clamp(36px,4.5vw,56px); line-height:1; font-weight:800; letter-spacing:-.04em; } .se-final-card-full{ display:block !important; grid-template-columns:none !important; text-align:left; } .se-final-card-full .se-kicker{ display:inline-flex; justify-content:flex-start; margin-left:0; margin-right:auto; text-align:left; } .se-final-card-full h2, .se-final-card-full p{ text-align:left; max-width:100%; }/* End custom CSS */ /* Start custom CSS *//* ========================================================= SO'EASY COMMUNICATION FORMATION ENTREPRENEUR / COMMUNICATION CSS GLOBAL ========================================================= */ /* ========================================================= VARIABLES ========================================================= */ .soeasy-com{ --petrol:#176575; --petrol-dark:#104F5C; --pink:#F66D9B; --pink-dark:#E85C8A; --pink-soft:#FDE5ED; --blue-soft:#EAF6FA; --blue-medium:#D5EDF3; --white:#FFFFFF; --cream:#FFF9F6; --text:#19323A; --text-soft:#53686E; --line:rgba(23,101,117,.18); --shadow: 0 20px 45px rgba(23,101,117,.10); --shadow-strong: 0 28px 60px rgba(23,101,117,.15); font-family:"DM Sans",Arial,sans-serif; color:var(--text); overflow:visible; } /* ========================================================= RESET ========================================================= */ .soeasy-com *, .soeasy-com *::before, .soeasy-com *::after{ box-sizing:border-box; } .soeasy-com section{ position:relative; width:100%; } .soeasy-com img{ display:block; max-width:100%; } .soeasy-com a{ text-decoration:none; } .soeasy-com h1, .soeasy-com h2, .soeasy-com h3, .soeasy-com p, .soeasy-com ul{ margin-top:0; } /* ========================================================= CONTAINERS ========================================================= */ .soeasy-container, .se-container{ position:relative; z-index:2; width:min(1180px,calc(100% - 48px)); margin-left:auto; margin-right:auto; } /* ========================================================= TYPOGRAPHIE ========================================================= */ .soeasy-com h1, .soeasy-com h2, .soeasy-com h3{ font-family:"DM Sans",Arial,sans-serif; } .soeasy-com h1{ color:var(--petrol); font-size:clamp(48px,6vw,78px); line-height:.98; font-weight:800; letter-spacing:-.045em; } .soeasy-com h2{ color:var(--petrol); font-size:clamp(38px,5vw,64px); line-height:1; font-weight:800; letter-spacing:-.045em; } .soeasy-com h3{ color:var(--petrol); font-size:clamp(22px,2.5vw,30px); line-height:1.12; font-weight:800; } .soeasy-com p, .soeasy-com li{ font-size:17px; line-height:1.7; } .soeasy-com p{ color:var(--text-soft); } /* ========================================================= KICKERS ========================================================= */ .soeasy-eyebrow, .se-kicker{ display:inline-flex; align-items:center; gap:10px; margin-bottom:18px; color:var(--pink); font-size:12px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; } /* ========================================================= BOUTONS ========================================================= */ .soeasy-btn, .se-btn, .se-link, .se-final-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:15px 24px; border:0; border-radius:999px; background:var(--pink); color:var(--white)!important; font-size:15px; font-weight:800; text-decoration:none!important; cursor:pointer; transition: transform .22s ease, background .22s ease, box-shadow .22s ease; } .soeasy-btn:hover, .se-btn:hover, .se-link:hover, .se-final-btn:hover{ transform:translateY(-3px); background:var(--pink-dark); box-shadow: 0 12px 25px rgba(246,109,155,.25); } .soeasy-btn-outline{ background:#FFFFFF; border:2px solid var(--petrol); color:var(--petrol)!important; } .soeasy-btn-outline:hover{ background:var(--petrol); color:#FFFFFF!important; } /* ========================================================= TAGS ========================================================= */ .soeasy-tag{ display:inline-flex; align-items:center; padding:8px 13px; border-radius:999px; background:var(--blue-soft); color:var(--petrol); font-size:12px; font-weight:800; } /* ========================================================= RESPONSIVE UNIQUE ========================================================= */ @media(max-width:1024px){ .soeasy-container, .se-container{ width:min(calc(100% - 40px),1180px); } .soeasy-hero{ min-height:auto!important; padding:80px 0 85px!important; } .soeasy-hero-grid{ gap:45px!important; } .se-learn{ padding:95px 0!important; } .se-day{ padding:90px 0!important; } .se-trainers{ padding:95px 0!important; } } @media(max-width:850px){ .soeasy-container, .se-container{ width:calc(100% - 36px)!important; } /* HERO */ .soeasy-hero-grid{ grid-template-columns:1fr!important; gap:42px!important; } .soeasy-hero-content{ width:100%!important; } .soeasy-canva-stage{ width:100%!important; min-height:auto!important; } .soeasy-visual-frame{ width:min(76%,430px)!important; margin:auto!important; } /* PROMESSE */ .soeasy-promise-grid{ grid-template-columns:1fr!important; gap:30px!important; } /* 01 / 02 */ .se-learn-cards{ grid-template-columns:1fr!important; gap:20px!important; } .se-learn-card{ min-height:auto!important; } /* DÉROULÉ */ .se-day-grid{ grid-template-columns:1fr!important; gap:20px!important; } .se-day-card{ min-height:auto!important; } /* LIVRABLES */ .se-takeaway-layout{ grid-template-columns:1fr!important; gap:40px!important; } /* FORMATRICES */ .se-trainers-grid{ grid-template-columns:1fr!important; gap:45px!important; } .se-trainers-visual{ width:100%!important; max-width:580px!important; min-height:480px!important; margin:auto!important; } /* CTA */ .se-final-card{ grid-template-columns:1fr!important; } } @media(max-width:600px){ .soeasy-container, .se-container{ width:calc(100% - 28px)!important; } .soeasy-com h1, .soeasy-hero h1{ font-size:44px!important; } .soeasy-com h2, .se-section-head h2, .se-day-heading h2, .se-takeaway-title h2, .se-trainers h2, .se-final-card h2{ font-size:34px!important; line-height:1.04!important; } /* HERO */ .soeasy-hero{ padding:55px 0 60px!important; } .soeasy-hero-grid{ gap:32px!important; } .soeasy-hero-intro{ font-size:17px!important; } .soeasy-hero-actions{ flex-direction:column!important; align-items:stretch!important; } .soeasy-hero .soeasy-btn{ width:100%!important; } .soeasy-visual-frame{ width:min(82%,310px)!important; max-width:310px!important; padding:10px!important; border-radius:24px!important; transform:rotate(1deg)!important; } .soeasy-visual-badge{ padding:7px 10px!important; font-size:10px!important; } /* PROMESSE */ .soeasy-promise{ padding:65px 0!important; } .soeasy-big-question{ font-size:34px!important; } .soeasy-promise-text{ font-size:18px!important; } /* 01 / 02 */ .se-learn{ padding:70px 0!important; } .se-learn-card{ padding:28px!important; border-radius:24px!important; } /* DÉROULÉ */ .se-day{ padding:65px 0!important; } .se-day-card{ padding:27px 24px!important; border-radius:24px!important; } .se-day-card-top{ display:flex!important; flex-direction:row!important; align-items:center!important; } .se-day-small-title{ writing-mode:horizontal-tb!important; word-break:normal!important; } /* LIVRABLES */ .se-takeaway{ padding-top:70px!important; } .se-takeaway-layout{ padding-bottom:55px!important; } /* FORMATRICES */ .se-trainers{ padding:70px 0!important; } .se-trainers-visual{ max-width:380px!important; min-height:360px!important; } .se-photo-one{ width:64%!important; height:280px!important; } .se-photo-two{ width:56%!important; height:220px!important; } /* CTA */ .se-final{ padding:60px 0!important; } .se-final-card{ padding:30px 24px!important; } .se-final-btn{ width:100%!important; white-space:normal!important; } }/* End custom CSS */