@charset "utf-8";

@import url(_cdn/production/landing-cdn/71608f3d-e989-4787-a78b-ba30c12cdb87/b3d2f6ec-64b6-463f-b936-a2e377eb854c/files/css2.css);

html { scroll-behavior: smooth; }

body { font-family: "Libre Franklin", Helvetica, Arial, sans-serif; color: rgb(42, 48, 59); background-color: rgb(253, 253, 253); -webkit-font-smoothing: antialiased; overflow-x: hidden; }

.font-serif-lm { font-family: "PT Serif", Georgia, serif; }

.font-sans-lm { font-family: "Libre Franklin", Helvetica, Arial, sans-serif; }

.lm-gold { background-color: rgb(255, 176, 59); }

h1, h2, h3 { font-family: "PT Serif", Georgia, serif; letter-spacing: -0.01em; }

h4, h5, h6 { font-family: "Libre Franklin", sans-serif; }

.logo-text { font-family: "PT Serif", serif; font-weight: 700; letter-spacing: -1px; }

.article-body p { font-family: "Libre Franklin", Helvetica, Arial, sans-serif; font-size: 1.0625rem; line-height: 1.6; margin-bottom: 1.5rem; color: rgb(46, 46, 46); font-weight: 400; }

.article-body h2 { font-family: "PT Serif", Georgia, serif; font-weight: 700; font-size: 1.35rem; margin-top: 2.5rem; margin-bottom: 1rem; line-height: 1.3; color: rgb(42, 48, 59); }

.catcher-box { background-color: rgb(245, 246, 248); border-top: 2px solid rgb(42, 48, 59); padding: 1rem; margin: 2rem 0px; font-family: "Libre Franklin", sans-serif; }

.icon-premium { color: rgb(183, 126, 42); font-weight: bold; margin-right: 4px; }

.btn-register { background-color: rgb(183, 126, 42); color: white; padding: 15px 30px; font-weight: bold; text-transform: uppercase; border-radius: 4px; display: inline-block; text-align: center; transition: background 0.3s; cursor: pointer; text-decoration: none !important; }

.btn-register:hover { background-color: rgb(140, 94, 29); text-decoration: none; }

.case-study { border-left: 4px solid rgb(255, 176, 59); margin: 30px 0px; font-style: italic; background: rgb(255, 252, 245); padding: 20px; }

.ob-widget { font-family: "Libre Franklin", sans-serif; }

.ob-widget .ob-widget-header { font-size: 16px; color: rgb(56, 63, 78); margin: 14px 0px 12px; font-weight: bold; display: flex; justify-content: space-between; }

.ob-widget .ob-unit { display: block; text-decoration: none; }

.ob-rec-text { font-family: "Libre Franklin", sans-serif; color: rgb(56, 63, 78); margin: 5px 0px 0px; text-align: left; line-height: 1.3; font-size: 14px; font-weight: bold; }

.ob-rec-text:hover { text-decoration: underline; }

.ob-rec-source { font-family: "Libre Franklin", sans-serif; color: rgb(162, 169, 174); margin: 8px 0px 0px; text-align: left; font-size: 11px; line-height: 1; text-transform: uppercase; }

.ob-rec-source::before { content: "Publicité"; font-size: 9px; color: rgb(56, 63, 78); padding: 2px 4px; background-color: rgb(232, 234, 238); margin-right: 5px; display: inline-block; vertical-align: middle; }

.ob-rec-image-container { position: relative; width: 100%; padding-top: 60%; overflow: hidden; background-color: rgb(238, 238, 238); }

.ob-rec-image { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }

.ob-widget-items-container { list-style: none; padding: 0px; margin: 0px; display: flex; flex-wrap: wrap; gap: 10px; }

.ob-dynamic-rec-container { width: 48%; margin-bottom: 15px; }

.CRAB_1.ob-widget { padding: 0px 16px 20px; margin-bottom: 24px; background: rgb(245, 246, 248); border-top: 3px solid rgb(56, 63, 78); }

.dfp-slot { margin: 20px auto; text-align: center; background: rgb(245, 245, 245); display: flex; align-items: center; justify-content: center; color: rgb(153, 153, 153); font-size: 10px; text-transform: uppercase; letter-spacing: 1px; }

.dfp__slot--banniere-haute { width: 970px; height: 90px; border: 1px solid rgb(221, 221, 221); }

.dfp__inread { width: 100%; max-width: 600px; height: 250px; border: 1px solid rgb(221, 221, 221); margin: 30px auto; }

@media (max-width: 768px) {
  .dfp__slot--banniere-haute { width: 300px; height: 50px; }
}

.forex-link { color: rgb(37, 99, 235); text-decoration: underline; font-weight: 700; cursor: pointer; transition: color 0.2s; }

.forex-link:hover { color: rgb(30, 64, 175); }

#lead-form p { color: white !important; }

#lead-form .text-white { color: white !important; }

#lead-form .text-gray-300 { color: rgb(209, 213, 219) !important; }

.form-container-main input.u-input, input.u-input.u-border-custom-color-1, input.u-input-1, input.u-input-2, input.u-input-3, input.u-input-4 { background: rgb(255, 255, 255) !important; }

.form-container-main input.u-input:focus, input.u-input.u-border-custom-color-1:focus, input.u-input-1:focus, input.u-input-2:focus, input.u-input-3:focus, input.u-input-4:focus { background: rgb(255, 255, 255) !important; }