cdi • temps-plein • Maisons-Alfort
Responsable Finance Métier DSI H/F
CDI
Temps de travail : temps plein
Télétravail en vigueur dans l’entreprise
27-31 avenue du Général Leclerc 94710 MAISONS ALFORT CEDEX
Vos futurs bureaux : Maisons-Alfort
#talent-map .logo-google { position: absolute; left: 0pxbottom: 0pxwidth: 0pxheight: 0pxuser-select: none; border: 0pxpadding: 0pxmargin: 0px} #talent-map { display: block; position: relative; width: 100%; min-height: 0pxbackground-position: center; border: solid0px#cecece; border-radius: 0pxbackground-size: 130%; } @media (min-width: 576px) { #talent-map { background-size: 130% } } /* Medium devices (tablets,0pxand up) */ @media (min-width: 768px) { #talent-map { background-size: 130% } } /* Large devices (desktops,0pxand up) */ @media (min-width: 992px) { #talent-map { background-size: 300% } } /* Extra large devices (large desktops,0pxand up) */ @media (min-width: 1200px) { #talent-map { background-size: 260% } }
Ensemble, construisons l'avenir de l'économie française
Mettez votre énergie et vos compétences au service des 80 000 entrepreneurs accompagnés chaque année ! Et faites de la France votre prochaine aventure professionnelle.
Contexte et Enjeux
Rattachement hiérarchique : Directeur du Pilotage Financier
Fonctionnel : Directeur de la DSI (membre du Comex de Bpifrance)
La Direction des Systèmes d’Information (DSI) de Bpifrance, organisée autour de la méthodologie agile SAFe, joue un rôle stratégique dans la transformation digitale et l’optimisation des coûts, au service des missions de la banque publique d’investissement. Dans ce cadre, nous recherchons un(e) Responsable Finance Métier (FRM) pour piloter le suivi financier des dépenses DSI, garantir la cohérence entre les enjeux métiers et les investissements technologiques, et contribuer à la performance économique de la fonction IT.
Votre mission principale sera d’assurer l’interface entre la Finance et la DSI, en apportant une expertise financière sur les budgets, les coûts et les investissements liés aux projets IT, tout en développant une acculturation aux sujets techniques (infrastructure, cloud, cybersécurité, etc.).
Ce poste, à double rattachement, vous positionnera au cœur des décisions stratégiques, avec une visibilité directe sur les orientations du Comex.
Vos missions au service de l’économie française
Pilotage de la Performance Budgétaire IT
- Elaborer et piloter le Budget et le Plan à Moyen Terme (PMT) de la DSI (Opex/Capex), en collaboration étroite avec le DSI et les métiers, pour aligner les ressources sur les objectifs stratégiques de Bpifrance
- Animer les demandes et arbitrages budgétaires lors des comités d’allocation du Lean Portfolio Management (LPM)
- Conseiller le DSI et son Codir en tant que Business Partner de confiance (revue mensuelle, présentation trimestrielle pour le Comex, échange bilatéral hebdomadaire etc..)
- Optimiser les coûts liés aux infrastructures, licences, services cloud, et prestataires externes
- Évaluer la rentabilité des projets IT (ROI, TCO) et prioriser les investissements en lien avec les orientations stratégiques de Bpifrance
Reporting et Communication
- Participer aux temps forts de la gouvernance budgétaire du groupe pour la DSI : Revue Stratégique, Revue Budgétaire, Comité d’Audit etc..
- Animer la communication et la synchronisation avec les équipes opérationnelles (Achats et administration, correspondants DSI/Métiers, Responsables des Trains agiles, équipes Finops, équipes Comptables et Finance etc..)
- Mettre en place des tableaux de bord financiers pour le suivi des dépenses IT (ex : coûts par projet, par service, par technologie etc..) adaptés au pilotage et aux besoins du Comex
- Répondre aux différentes demandes réglementaires (BCE, CAC, Contrôle interne etc..)
- Produire des KPI et analyses financières ad hoc (DSI, Finance, Direction Générale, Comex
Acculturation Technique et Collaboration
Compréhension des enjeux IT:
- Développer une expertise sur les technologies clés (cloud, SaaS, DevOps, cybersécurité, etc.) et leurs impacts financiers, en lien avec les priorités de la DSI de Bpifrance
- Travailler en étroite collaboration avec les équipes techniques (architectes, chefs de projet, CTO) pour aligner les coûts sur les besoins métiers et les objectifs du Comex
- Identifier les leviers d’optimisation financière liés aux choix technologiques (ex : migration cloud, rationalisation des outils)
Support aux décisions stratégiques :
- Conseiller la DSI et le Comex sur les modèles économiques (ex : coûts récurrents vs. Investissements ponctuels)
- Suivre les négociations de contrats avec les fournisseurs IT (éditeurs, hébergeurs, etc.) en veillant à l’alignement avec la stratégie globale de Bpifrance.
Votre profil
Formation et Expérience
Formation : Bac+5 en Finance, Contrôle de Gestion, Audit ou école de commerce (spécialisation Finance)
Expérience : Minimum 5 ans en finance, idéalement dans un environnement IT ou avec une exposition aux sujets technologiques (DSI, ESN, éditeurs de logiciels, etc.). Une expérience réussie en environnement bancaire ou institutionnel serait un plus.
Compétences Techniques
Finance :
- Maîtrise des techniques de contrôle de gestion et d’analyse financière
- Expérience en élaboration de budgets et en suivi des écarts dans un contexte complexe et stratégique
- Connaissance des normes comptables (IFRS, PCG)
- Maîtrise des outils de reporting et de Portfolio Management (Excel avancé, Clarity, JIRA, Anaplan, Pigment, Qliksense Power BI, Oracle etc..)
- Connaissance des modèles économiques IT (licences, abonnements, coûts d’infrastructure)
IT (Acculturation) :
- Compréhension des enjeux liés aux infrastructures IT, au cloud, et à la cybersécurité
- Capacité à dialoguer avec des profils techniques (CTO, architectes, chefs de projet) et des membres de la gouvernance
- Sensibilité aux tendances technologiques (IA, automatisation, FinOps, etc.)
- Connaissance des méthodologies agiles SAFe et/ou Scrum (Atout)
Soft Skills
- Rigueur et analyse : Capacité à traiter des données complexes et à en extraire des recommandations actionnables pour la gouvernance
- Pédagogie : Savoir vulgariser des concepts financiers et techniques pour des interlocuteurs variés (Comex, équipes IT, etc.)
- Collaboration : Esprit d’équipe et capacité à travailler en mode projet avec des métiers variés et des niveaux hiérarchiques élevés
- Adaptabilité : Aisance dans un environnement en mutation rapide (transformation digitale, innovations technologiques)
- Sens stratégique : Capacité à aligner les enjeux financiers IT avec les orientations globales de Bpifrance
Bpifrance fait de la diversité et de l’inclusion un engagement quotidien et une richesse pour le collectif. Nous recrutons celles et ceux qui font la différence.
Pourquoi nous rejoindre ?
Missions à impact : Soutenez l'innovation et la croissance des entreprises françaises.
Diversité et inclusion : Intégrez un collectif engagé pour la diversité, l’égalité des chances et l’inclusion, où chaque parcours et chaque talent comptent.
Engagement climatique : Contribuez au Plan Climat avec un objectif de réduction de notre empreinte carbone de 40 %
Avantages et rémunération : Profitez d'une rémunération attractive, jours de congé, ticket restaurant, mutuelle et prévoyance santé, Plan santé, mobilité durable, parentalité avantageuse, CSE, télétravail, intéressement, participation, abondement.
Développement et carrière : Accédez à des programmes de formation continue au sein d’une entreprise élue meilleur employeur. Des parcours de carrière au sein du groupe Caisse des Dépôts et de ses filiales.
Bpifrance, la banque de l’avenir
Bpifrance, la Banque Publique d’Investissement, est le moteur de l’économie française pour le compte de l’État. Nous dynamisons et rendons les entreprises plus compétitives avec une gamme complète de solutions de financement et d’accompagnement, à chaque étape de leur croissance, en France et à l’international.
Avec plus de 4 000 collaborateurs répartis sur 50 implantations régionales et avec plus de 150 métiers différents, nous sommes présents au cœur des régions pour soutenir les entrepreneurs français afin de Servir l’Avenir.
Pour découvrir nos autres opportunités et tout savoir de la vie au sein du groupe, rendez-vous sur notre site carrière !
.fl-node-3n06wcfrvaz1 > .fl-row-content-wrap { background-color: #f5f7fb; border-top-left-radius: 0pxborder-top-right-radius: 0pxborder-bottom-left-radius: 0pxborder-bottom-right-radius: 0pxbox-shadow: 0px0px0px0px rgba(0,0,0,0.1); } .fl-node-3n06wcfrvaz1.fl-row .fl-row-content-wrap .fl-builder-layer, .fl-node-3n06wcfrvaz1.fl-row-bg-multiple .fl-row-content-wrap .fl-row-content, .fl-node-3n06wcfrvaz1.fl-row-bg-embed .fl-row-content-wrap .fl-bg-embed-code, .fl-node-3n06wcfrvaz1.fl-row-bg-slideshow .fl-row-content-wrap .fl-bg-slideshow, .fl-node-3n06wcfrvaz1.fl-row-bg-video .fl-row-content-wrap .fl-bg-video { border-top-left-radius: 0pxborder-top-right-radius: 0pxborder-bottom-right-radius: 0pxborder-bottom-left-radius: 0px} .fl-node-3n06wcfrvaz1 > .fl-row-content-wrap { padding-top0pxpadding-right0pxpadding-bottom0pxpadding-left0px} .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-node-dh5kwsa1g3iy { width: 40%; } @media(max-width: 1200px) { .fl-builder-content .fl-node-dh5kwsa1g3iy { width: 46% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 992px) { .fl-builder-content .fl-node-dh5kwsa1g3iy { width: 100% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 768px) { .fl-builder-content .fl-node-dh5kwsa1g3iy { width: 100% !important; max-width: none; clear: none; float: left; } } .fl-node-vh8eb64xnmk3 { width: 60%; } @media(max-width: 1200px) { .fl-builder-content .fl-node-vh8eb64xnmk3 { width: 54% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 992px) { .fl-builder-content .fl-node-vh8eb64xnmk3 { width: 100% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 768px) { .fl-builder-content .fl-node-vh8eb64xnmk3 { width: 100% !important; max-width: none; clear: none; float: left; } } .fl-node-pb8dv9l1augq.fl-module-heading .fl-heading { text-align: left; } .fl-node-pb8dv9l1augq > .fl-module-content { margin-bottom0px} .fl-node-w1o2y5axk0eq.fl-module-heading .fl-heading { font-size: 0pxtext-align: left; } .fl-node-w1o2y5axk0eq > .fl-module-content { margin-top0px} /* Start Global Nodes CSS */ /* End Global Nodes CSS */ /* Start Layout CSS */ /* End Layout CSS */ /* Equal height Column Bottom Alignment */ .fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content { -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: end; -webkit-box-pack: end; -ms-flex-pack: end; } /* H1-H6 Margin Reset in all Modules */ .uabb-module-content h1, .uabb-module-content h2, .uabb-module-content h3, .uabb-module-content h4, .uabb-module-content h5, .uabb-module-content h6 { margin: 0; clear: both; } /* Anchor Tag Css */ .fl-module-content a, .fl-module-content /* Row Separator CSS */ .uabb-row-separator { position: absolute; width: 100%; left: 0; } .uabb-top-row-separator { top: 0; bottom: auto } .uabb-bottom-row-separator { top: auto; bottom: 0; } .fl-builder-content-editing .fl-visible-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row, .fl-builder-content-editing .fl-visible-mobile.uabb-row { display: none !important; } @media (max-width: 992px) { .fl-builder-content-editing .fl-visible-desktop.uabb-row, .fl-builder-content-editing .fl-visible-mobile.uabb-row { display: none !important; } .fl-builder-content-editing .fl-visible-desktop-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row { display: block !important; } } @media (max-width: 768px) { .fl-builder-content-editing .fl-visible-desktop.uabb-row, .fl-builder-content-editing .fl-visible-desktop-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium.uabb-row { display: none !important; } .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row, .fl-builder-content-editing .fl-visible-mobile.uabb-row { display: block !important; } } .fl-responsive-preview-content .fl-builder-content-editing { overflow-x: hidden; overflow-y: visible; } .uabb-row-separator svg { width: 100%; } .uabb-top-row-separator.uabb-has-svg svg { position: absolute; padding: 0; margin: 0; left: 50%; top: 0pxbottom: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .uabb-bottom-row-separator.uabb-has-svg svg { position: absolute; padding: 0; margin: 0; left: 50%; bottom: 0pxtop: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .uabb-bottom-row-separator.uabb-has-svg .uasvg-wave-separator { bottom: 0; } .uabb-top-row-separator.uabb-has-svg .uasvg-wave-separator { top: 0; } /** * * Svg Triangle Separator * Big Triangle Separator * Big Triangle Left Separator * Svg Half Circle Separator * Curve Center Separator * Waves Separator * Stamp * Grass * Slime * Grass Bend * Wave Slide * Muliple Triangles * Pine Tree * Pine Tree Bend * ***************************************/ .uabb-bottom-row-separator.uabb-svg-triangle svg, .uabb-bottom-row-separator.uabb-xlarge-triangle svg, .uabb-top-row-separator.uabb-xlarge-triangle-left svg, .uabb-bottom-row-separator.uabb-svg-circle svg, .uabb-top-row-separator.uabb-slime-separator svg, .uabb-top-row-separator.uabb-grass-separator svg, .uabb-top-row-separator.uabb-grass-bend-separator svg, .uabb-bottom-row-separator.uabb-mul-triangles-separator svg, .uabb-top-row-separator.uabb-wave-slide-separator svg, .uabb-top-row-separator.uabb-pine-tree-separator svg, .uabb-top-row-separator.uabb-pine-tree-bend-separator svg, .uabb-bottom-row-separator.uabb-stamp-separator svg, .uabb-bottom-row-separator.uabb-xlarge-circle svg, .uabb-top-row-separator.uabb-wave-separator svg{ left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } /* * Big Triangle */ .uabb-bottom-row-separator.uabb-big-triangle svg { left: 50%; -webkit-transform: scale(1) scaleY(-1) translateX(-50%); -moz-transform: scale(1) scaleY(-1) translateX(-50%); -ms-transform: scale(1) scaleY(-1) translateX(-50%); -o-transform: scale(1) scaleY(-1) translateX(-50%); transform: scale(1) scaleY(-1) translateX(-50%); } .uabb-top-row-separator.uabb-big-triangle svg { left: 50%; -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); } /** * * Big Triangle Right Separator * ***************************************/ .uabb-top-row-separator.uabb-xlarge-triangle-right svg { left: 50%; -webkit-transform: translateX(-50%) scale(-1); -moz-transform: translateX(-50%) scale(-1); -ms-transform: translateX(-50%) scale(-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) scale(-1); } .uabb-bottom-row-separator.uabb-xlarge-triangle-right svg { left: 50%; -webkit-transform: translateX(-50%) scaleX(-1); -moz-transform: translateX(-50%) scaleX(-1); -ms-transform: translateX(-50%) scaleX(-1); -o-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); } /** * * Curve Left Separator * Curve Right Separator * ***************************************/ .uabb-top-row-separator.uabb-curve-up-separator svg { left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } .uabb-top-row-separator.uabb-curve-down-separator svg { left: 50%; -webkit-transform: translateX(-50%) scale(-1); -moz-transform: translateX(-50%) scale(-1); -ms-transform: translateX(-50%) scale(-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) scale(-1); } .uabb-bottom-row-separator.uabb-curve-down-separator svg { left: 50%; -webkit-transform: translateX(-50%) scaleX(-1); -moz-transform: translateX(-50%) scaleX(-1); -ms-transform: translateX(-50%) scaleX(-1); -o-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); } /** * * Tilt Left Separator * Tilt Right Separator * ***************************************/ .uabb-top-row-separator.uabb-tilt-left-separator svg { left: 50%; -webkit-transform: translateX(-50%) scale(-1); -moz-transform: translateX(-50%) scale(-1); -ms-transform: translateX(-50%) scale(-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) scale(-1); } .uabb-top-row-separator.uabb-tilt-right-separator svg{ left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } .uabb-bottom-row-separator.uabb-tilt-left-separator svg { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .uabb-bottom-row-separator.uabb-tilt-right-separator svg { left: 50%; -webkit-transform: translateX(-50%) scaleX(-1); -moz-transform: translateX(-50%) scaleX(-1); -ms-transform: translateX(-50%) scaleX(-1); -o-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); } .uabb-top-row-separator.uabb-tilt-left-separator, .uabb-top-row-separator.uabb-tilt-right-separator { top: 0; } .uabb-bottom-row-separator.uabb-tilt-left-separator, .uabb-bottom-row-separator.uabb-tilt-right-separator { bottom: 0; } /** * * Clouds Separator * Multi Triangle * Arrow Inward * Arrow Outward * ***************************************/ .uabb-top-row-separator.uabb-arrow-outward-separator svg, .uabb-top-row-separator.uabb-arrow-inward-separator svg, .uabb-top-row-separator.uabb-cloud-separator svg, .uabb-top-row-separator.uabb-multi-triangle svg { left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } .uabb-bottom-row-separator.uabb-multi-triangle svg { bottom: 0px} .uabb-row-separator.uabb-round-split: after, .uabb-row-separator.uabb-round-split: before { left: 0; width: 50%; background: inherit inherit/inherit inherit inherit inherit; content: ''; position: absolute } /* Buttons - */ .uabb-button-wrap a, .uabb-button-wrap .fl-builder-content .uabb-.fl-builder-content .uabb-button-width-full .uabb-button { display: block; text-align: center; } .uabb-button-width-custom .uabb-button { display: inline-block; text-align: center; max-width: 100%; } .fl-builder-content .uabb-button-left { text-align: left; } .fl-builder-content .uabb-button-center { text-align: center; } .fl-builder-content .uabb-infobox .uabb-button-center, .fl-builder-content .uabb-modal-action-wrap .uabb-button-center, .fl-builder-content .uabb-ultb3-box .uabb-button-center, .fl-builder-content .uabb-slide-down .uabb-button-center, .fl-builder-content .uabb-blog-post-content .uabb-button-center, .fl-builder-content .uabb-cta-wrap .uabb-button-center, .fl-builder-content .fl-module-uabb-off-canvas .uabb-button-wrap .uabb-button-center{ text-align: inherit; } .fl-builder-content .uabb-button-right { text-align: right; } .fl-builder-content .uabb-button i, .fl-builder-content .uabb-button i: before { font-size: 1em; height: 1em; line-height: 1em; width: 1em; } .uabb-button .uabb-button-icon-after { margin-left: 0pxmargin-right: 0; } .uabb-button .uabb-button-icon-before { margin-left: 0; margin-right: 0px} .uabb-button .uabb-button-icon-no-text { margin: 0; } .uabb-button-has-icon .uabb-button-text { vertical-align: middle; } /* Icons - */ .uabb-icon-wrap { display: inline-block; } .uabb-icon a { text-decoration: none; } .uabb-icon i { display: block; } .uabb-icon i: before { border: none !important; background: none !important; } .uabb-icon-text { display: table-cell; text-align: left; padding-left: 0pxvertical-align: middle; } .uabb-icon-text *: last-child { margin: 0 !important; padding: 0 !important; } .uabb-icon-text a { text-decoration: none; } /* Photos - */ .uabb-photo { line-height: 0; position: relative; z-index: 2; } .uabb-photo-align-left { text-align: left; } .uabb-photo-align-center { text-align: center; } .uabb-photo-align-right { text-align: right; } .uabb-photo-content { border-radius: 0; display: inline-block; line-height: 0; position: relative; max-width: 100%; overflow: hidden; } .uabb-photo-content img { border-radius: inherit; display: inline; height: auto; max-width: 100%; width: auto; } .fl-builder-content .uabb-photo-crop-circle img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .fl-builder-content .uabb-photo-crop-square img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .uabb-photo-caption { font-size: 0pxline-height: 0pxoverflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uabb-photo-caption-below { padding-bottom: 0pxpadding-top: 0px} .uabb-photo-caption-hover { background: rgba(0,0,0,0.7); bottom: 0; color: #fff; left: 0; opacity: 0; visibility: hidden; filter: alpha(opacity = 0); padding: 0px0pxposition: absolute; right: 0; -webkit-transition: visibility 200ms linear; -moz-transition: visibility 200ms linear; transition: visibility 200ms linear; } .uabb-photo-/* Panel & Buttons - */ .uabb-active-btn { background: #1e8cbe; border-color: #0074a2; -webkit-box-shadow: inset 00px0 rgba(120,200,230,.6); box-shadow: inset 00px0 rgba(120,200,230,.6); color: white; } .fl-builder-bar .fl-builder-add-content-button { display: block !important; opacity: 1 !important; } /* Image Icon Object */ .uabb-imgicon-wrap .uabb-icon { display: block; } .uabb-imgicon-wrap .uabb-icon i{ float: none; } /* Photo */ .uabb-imgicon-wrap .uabb-image { line-height: 0; position: relative; } .uabb-imgicon-wrap .uabb-image-align-left { text-align: left; } .uabb-imgicon-wrap .uabb-image-align-center { text-align: center; } .uabb-imgicon-wrap .uabb-image-align-right { text-align: right; } .uabb-imgicon-wrap .uabb-image-content { display: inline-block; border-radius: 0; line-height: 0; position: relative; max-width: 100%; } .uabb-imgicon-wrap .uabb-image-content img { display: inline; height: auto !important; max-width: 100%; width: auto; border-radius: inherit; box-shadow: none; box-sizing: content-box; } .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-circle img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-square img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Creative Button ___________________________________________________________________________*/ .uabb-creative-button-wrap a, .uabb-creative-button-wrap .uabb-creative-button-wrap a: focus { text-decoration: none; text-shadow: none; box-shadow: none; } .uabb-creative-button-wrap a .uabb-creative-button-text, .uabb-creative-button-wrap a .uabb-creative-button-icon, .uabb-creative-button-wrap .uabb-creative-button-wrap .uabb-creative-button-wrap .uabb-creative-button-width-full .uabb-creative-button { display: block; text-align: center; } .uabb-creative-button-wrap .uabb-creative-button-width-custom .uabb-creative-button { display: inline-block; text-align: center; max-width: 100%; } .uabb-creative-button-wrap .uabb-creative-button-left { text-align: left; } .uabb-creative-button-wrap .uabb-creative-button-center { text-align: center; } .uabb-creative-button-wrap .uabb-creative-button-right { text-align: right; } .uabb-creative-button-wrap .uabb-creative-button i { font-size: 1.3em; height: auto; vertical-align: middle; width: auto; } .uabb-creative-button-wrap .uabb-creative-button .uabb-creative-button-icon-after { margin-left: 0pxmargin-right: 0; } .uabb-creative-button-wrap .uabb-creative-button .uabb-creative-button-icon-before { margin-right: 0pxmargin-left: 0; } .uabb-creative-button-wrap.uabb-creative-button-icon-no-text .uabb-creative-button i { margin: 0; } .uabb-creative-button-wrap .uabb-creative-button-has-icon .uabb-creative-button-text { vertical-align: middle; } .uabb-creative-button-wrap a, .uabb-creative-button-wrap /* Translate Button styles */ .uabb-creative-button.uabb-creative-transparent-btn { background: transparent; } .uabb-creative-button.uabb-creative-transparent-btn: after { content: ''; position: absolute; z-index: 1; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } /* transparent-fill-top, transparent-fill-bottom */ .uabb-transparent-fill-top-btn: after, .uabb-transparent-fill-bottom-btn: after { width: 100%; height: 0; left: 0; } /* transparent-fill-top */ .uabb-transparent-fill-top-btn: after { top: 0; } /* transparent-fill-bottom */ .uabb-transparent-fill-bottom-btn: after { bottom: 0; } /* transparent-fill-left, transparent-fill-right */ .uabb-transparent-fill-left-btn: after, .uabb-transparent-fill-right-btn: after { width: 0; height: 100%; top: 0; } /* transparent-fill-left */ .uabb-transparent-fill-left-btn: after { left: 0; } /* transparent-fill-right */ .uabb-transparent-fill-right-btn: after { right: 0; } /* transparent-fill-center */ .uabb-transparent-fill-center-btn: after{ width: 0; height: 100%; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* transparent-fill-diagonal, transparent-fill-horizontal */ .uabb-transparent-fill-diagonal-btn: after, .uabb-transparent-fill-horizontal-btn: after { width: 100%; height: 0; top: 50%; left: 50%; } /* transparent-fill-diagonal */ .uabb-transparent-fill-diagonal-btn{ overflow: hidden; } .uabb-transparent-fill-diagonal-btn: after{ -webkit-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); -moz-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); -ms-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); -o-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); transform: translateX(-50%) translateY(-50%) rotate( 45deg ); } /* transparent-fill-horizontal */ .uabb-transparent-fill-horizontal-btn: after{ -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* 3D Button styles */ .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_down-btn, .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_up-btn, .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_left-btn, .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_right-btn { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .perspective { -webkit-perspective: 0px-moz-perspective: 0pxperspective: 0pxmargin: 0; } .uabb-creative-button.uabb-creative-threed-btn: after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; transition: all 200ms linear; } .uabb-creative-button.uabb-creative-threed-btn { outline: 0pxsolid transparent; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } /* 3D Button styles - Animate to top */ .uabb-creative-threed-btn.uabb-animate_top-btn: after { height: 40%; left: 0; top: -40%; width: 100%; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); transform: rotateX(90deg); } /* 3D Button styles - Animate to bottom */ .uabb-creative-threed-btn.uabb-animate_bottom-btn: after { width: 100%; height: 40%; left: 0; top: 100%; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); } /* 3D Button styles - Animate to Left */ .uabb-creative-threed-btn.uabb-animate_left-btn: after { width: 20%; height: 100%; left: -20%; top: 0; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: rotateY(-60deg); -moz-transform: rotateY(-60deg); -ms-transform: rotateY(-60deg); transform: rotateY(-60deg); } /* 3D Button styles - Animate to Right */ .uabb-creative-threed-btn.uabb-animate_right-btn: after { width: 20%; height: 100%; left: 104%; top: 0; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateY(120deg); -moz-transform: rotateY(120deg); -ms-transform: rotateY(120deg); transform: rotateY(120deg); } /* Animate Top */ .uabb-animate_top-/* Animate Bottom */ .uabb-animate_bottom-/* Animate Left */ .uabb-animate_left-/* Animate Right */ .uabb-animate_right-/* Flat Button styles */ /* Common Classes */ .uabb-creative-flat-btn.uabb-animate_to_right-btn, .uabb-creative-flat-btn.uabb-animate_to_left-btn, .uabb-creative-flat-btn.uabb-animate_from_top-btn, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn { overflow: hidden; position: relative; } .uabb-creative-flat-btn.uabb-animate_to_right-btn i, .uabb-creative-flat-btn.uabb-animate_to_left-btn i, .uabb-creative-flat-btn.uabb-animate_from_top-btn i, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i { bottom: 0; height: 100%; margin: 0; opacity: 1; position: absolute; right: 0; width: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; transition: all 200ms linear; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .uabb-creative-flat-btn.uabb-animate_to_right-btn .uabb-button-text, .uabb-creative-flat-btn.uabb-animate_to_left-btn .uabb-button-text, .uabb-creative-flat-btn.uabb-animate_from_top-btn .uabb-button-text, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn .uabb-button-text { display: inline-block; width: 100%; height: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } /* Making Icon position center */ .uabb-creative-flat-btn.uabb-animate_to_right-btn i: before, .uabb-creative-flat-btn.uabb-animate_to_left-btn i: before, .uabb-creative-flat-btn.uabb-animate_from_top-btn i: before, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i: before { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* Common Hover Classes */ .uabb-creative-flat-btn.uabb-animate_to_right-.uabb-creative-flat-btn.uabb-animate_from_top-/* Animate Icon to the right */ .uabb-creative-flat-btn.uabb-animate_to_right-btn i { top: 0; left: -100%; } .uabb-creative-flat-btn.uabb-animate_to_right-/* Animate Icon to the left */ .uabb-creative-flat-btn.uabb-animate_to_left-btn i { top: 0; left: 100%; } .uabb-creative-flat-btn.uabb-animate_to_left-/* Animate Icon From the Top */ .uabb-creative-flat-btn.uabb-animate_from_top-btn i { top: -100%; left: 0; } .uabb-creative-flat-btn.uabb-animate_from_top-/* Animate Icon From the Bottom */ .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i { top: 100%; left: 0; } .uabb-creative-flat-btn.uabb-animate_from_bottom-/* Media/Video CSS */ .uabb-tab-acc-content .wp-video, .uabb-tab-acc-content video.wp-video-shortcode, .uabb-tab-acc-content .mejs-container: not(.mejs-audio), .uabb-tab-acc-content .mejs-overlay.load, .uabb-adv-accordion-content .wp-video, .uabb-adv-accordion-content video.wp-video-shortcode, .uabb-adv-accordion-content .mejs-container: not(.mejs-audio), .uabb-adv-accordion-content .mejs-overlay.load { width: 100% !important; height: 100% !important; } .uabb-tab-acc-content .mejs-container: not(.mejs-audio), .uabb-adv-accordion-content .mejs-container: not(.mejs-audio) { padding-top: 56.25%; } .uabb-tab-acc-content .wp-video, .uabb-tab-acc-content video.wp-video-shortcode, .uabb-adv-accordion-content .wp-video, .uabb-adv-accordion-content video.wp-video-shortcode { max-width: 100% !important; } .uabb-tab-acc-content video.wp-video-shortcode, .uabb-adv-accordion-content video.wp-video-shortcode { position: relative; } .uabb-tab-acc-content .mejs-container: not(.mejs-audio) .mejs-mediaelement, .uabb-adv-accordion-content .mejs-container: not(.mejs-audio) .mejs-mediaelement { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .uabb-tab-acc-content .mejs-overlay-play, .uabb-adv-accordion-content .mejs-overlay-play { top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; } .fl-row-content-wrap .uabb-row-particles-background, .uabb-col-particles-background { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } /* Theme Button - */ /*.fl-builder-content a.uabb-button, .fl-builder-content a.uabb-.uabb-dual-button .uabb-btn, .uabb-dual-button .uabb-/* Responsive Js Breakpoint Css */ .uabb-js-breakpoint { content: "default"; display: none; } @media screen and (max-width: 992px) { .uabb-js-breakpoint { content: "992"; } } @media screen and (max-width: 768px) { .uabb-js-breakpoint { content: "768"; } } .fl-node-3n06wcfrvaz1 .fl-row-content { min-width: 0px}
Antoine,
Analyste financier
.youtube-video-wrapper { position: relative; width: 100%; overflow: hidden; border-radius: 0px} .youtube-video-inner { position: relative; padding-top: 56.25%; /* 16:9 Aspect Ratio */ } .youtube-thumbnail { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; /* Couvre toute la zone tout en maintenant les proportions */ background-position: center; /* Centre l'image */ border-radius: 0px} .play-button { position: absolute; top: 50%; left: 50%; width0pxheight0pxtransform: translate(-50%, -50%); cursor: pointer; z-index: 1; border: solid0px#fff; border-radius: 0pxbackground-color: #fff; }
