.dq-contact-accueil{max-width:820px;margin:56px auto 28px;padding:0 20px} .dq-contact-accueil h2{margin:0 0 10px;font-size:26px;line-height:1.25} .dq-contact-accueil__intro{margin:0 0 26px;font-size:16px;opacity:.85} .fluentform_wrapper,.frm-fluent-form{width:100%;max-width:100%} .frm-fluent-form .ff-el-group{margin-bottom:18px} .frm-fluent-form .ff-el-input--label label{display:block;margin-bottom:6px;font-weight:600;font-size:15px} .frm-fluent-form .ff-el-form-control{display:block;width:100%;max-width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid #c9d1d9;border-radius:6px;background:#fff;font-size:15px;line-height:1.4;color:#1f2429} .frm-fluent-form textarea.ff-el-form-control{min-height:150px;resize:vertical} .frm-fluent-form .ff-el-form-control:focus{outline:none;border-color:#0d7f7f;box-shadow:0 0 0 3px rgba(13,127,127,.14)} .frm-fluent-form .ff-el-form-check{display:flex;gap:10px;align-items:flex-start} .frm-fluent-form .ff-el-form-check-label{font-size:14px;line-height:1.5} .frm-fluent-form .ff-btn-submit{display:inline-block;padding:13px 26px;border:0;border-radius:6px;background:#0d7f7f;color:#fff;font-size:16px;font-weight:600;cursor:pointer} .frm-fluent-form .ff-btn-submit:hover{background:#0a6a6a} .ff-el-is-error .ff-el-form-control{border-color:#c0392b} @media (max-width:600px){.dq-contact-accueil{margin-top:34px}.frm-fluent-form .ff-btn-submit{width:100%}} /* Police d icones du plugin : version propre (reperes de glyphes exacts) et plus legere. Placee dans les medias du site : elle survit aux mises a jour du plugin. */ @font-face{font-family:fluentform;font-style:normal;font-weight:400;font-display:swap; src:url(/wp-content/uploads/dq-fontes/fluentform.woff2) format("woff2"), url(/wp-content/plugins/fluentform/assets/fonts/fluentform.ttf) format("truetype")} @media (max-width:819px){.breadcrumb-section{background-image:url(https://demarcq.net/wp-content/themes/techpro/assets/img/breadcrumb-mobile.webp) !important;background-size:cover;background-position:center center}} /* Bande d'appel : dans le flux, juste au-dessus du pied de page. */ #dq-bandeau-contact{display:flex;flex-wrap:wrap;justify-content:center;align-items:center; gap:16px;padding:22px 16px;background:#0b3c5d;color:#fff; font:600 17px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:center} #dq-bandeau-contact a{color:#fff;text-decoration:none;white-space:nowrap; border-bottom:1px solid rgba(255,255,255,.45)} #dq-bandeau-contact a:hover{border-bottom-color:#fff} #dq-bandeau-contact .dq-sep{opacity:.4;font-weight:400} #dq-bandeau-contact .dq-court{display:none} #dq-barre-mobile{display:none} @media (max-width:819px){ #dq-bandeau-contact{font-size:15px;gap:8px;padding:16px 10px} #dq-bandeau-contact .dq-long{display:none} #dq-bandeau-contact .dq-court{display:inline} #dq-barre-mobile{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:99991; background:#0b3c5d;box-shadow:0 -2px 10px rgba(0,0,0,.18)} #dq-barre-mobile a{flex:1;padding:15px 8px;text-align:center;color:#fff;text-decoration:none; font:700 16px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif} #dq-barre-mobile a+a{border-left:1px solid rgba(255,255,255,.22)} #dq-barre-mobile .dq-devis{background:#e8a33d;color:#16242e} body{padding-bottom:58px} } #dq-fin-article{margin:34px 0 10px;padding:24px;border-radius:8px;background:#f2f6f9; border-left:5px solid #0b3c5d;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif} #dq-fin-article p{margin:0 0 12px;font-size:17px;line-height:1.55;color:#16242e} #dq-fin-article a{display:inline-block;margin:4px 10px 0 0;padding:12px 20px;border-radius:6px; text-decoration:none;font-weight:700;background:#0b3c5d;color:#fff} #dq-fin-article a.dq-devis{background:#e8a33d;color:#16242e} /* Temoignages : le gabarit applique son propre style d citation (fond bleu, texte italique). On le neutralise ici, sans toucher a ses fichiers. */ .dq-intro{max-width:760px;margin:0 auto 28px;font-size:16px;line-height:1.65;color:#3d4a55} .dq-temoignages{display:flex;flex-wrap:wrap;gap:18px;margin:26px 0 10px} .dq-temoignage{flex:1 1 330px;max-width:530px;margin:0;background:#fff !important; border:1px solid #e2e8ee;border-left:4px solid #0b3c5d;border-radius:8px;padding:18px 20px; box-shadow:0 1px 3px rgba(11,60,93,.07)} .dq-temoignage blockquote{margin:0 0 14px !important;padding:0 !important;background:none !important; border:0 !important;font-size:16px !important;line-height:1.6 !important;color:#16232e !important; font-style:normal !important;quotes:none !important} .dq-temoignage blockquote:before,.dq-temoignage blockquote:after{display:none !important;content:none !important} /* On n'utilise plus
: le gabarit y applique un fond bleu et un texte blanc, et sa regle de couleur l'emporte meme avec !important. Un simple paragraphe evite le conflit. */ .dq-temoignage .dq-texte{margin:0 0 14px !important;padding:0 !important;background:none !important; border:0 !important;font-size:16px !important;line-height:1.6 !important;color:#16232e !important} .dq-temoignage figcaption{font-size:12.5px;color:#5b6b7a;line-height:1.55} .dq-temoignage .dq-auteur{display:inline;font-weight:700;color:#12232e} .dq-temoignage .dq-compte{display:inline;color:#55636f} .dq-temoignage .dq-date{display:block;margin-top:2px} .dq-temoignage .dq-contexte{display:block;margin-top:3px;color:#0b3c5d;font-weight:600} .dq-temoignage .dq-origine{display:inline-block;margin-top:8px;font-size:12.5px;color:#0b3c5d} #dq-fin-article .dq-lien-temoignages{display:block;margin-top:14px;font-size:13.5px;color:#0b3c5d} #dq-fin-article .dq-citation-article{margin:16px 0 0;font-size:15px;line-height:1.6;color:#16242e; border-left:3px solid #0b3c5d;padding:2px 0 2px 12px} #dq-fin-article .dq-citation-article span{display:block;font-size:12.5px;color:#5b6b7a;margin-top:5px} /* Bloc « engagements mesures » : les chiffres viennent de la surveillance externe. */ #dq-engagements{margin:36px auto 0;padding:0 16px;max-width:1120px} #dq-engagements h2{font-size:24px;line-height:1.25;margin:0 0 6px;color:#12232e} #dq-engagements .dq-sous-titre{font-size:14px;line-height:1.55;color:#5b6b7a;margin:0 0 18px;max-width:780px} #dq-engagements ul{display:flex;flex-wrap:wrap;gap:14px;list-style:none;margin:0;padding:0} #dq-engagements li{flex:1 1 210px;background:#f2f6f9;border-top:3px solid #0b3c5d;border-radius:8px; padding:16px 18px} #dq-engagements li b{display:block;font-size:26px;line-height:1.15;color:#0b3c5d} #dq-engagements li span{display:block;font-size:13.5px;line-height:1.5;color:#4a5a68;margin-top:4px} #dq-engagements .dq-source{font-size:12.5px;line-height:1.55;color:#55636f;margin:14px 0 0;max-width:780px} #dq-engagements .dq-etat{margin:18px 0 0} #dq-engagements .dq-etat a{display:inline-block;padding:11px 20px;border:1px solid #0b3c5d; border-radius:6px;color:#0b3c5d;font-size:14.5px;font-weight:600;text-decoration:none} #dq-engagements .dq-etat a:hover{background:#0b3c5d;color:#fff} img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :root :where(.wp-block-icon svg){width: 24px;} :where(.wp-block-gallery.is-layout-flex){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}:where(.wp-block-gallery.is-layout-grid){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );} :where(.wp-block-latest-posts.is-layout-flex){gap: 1.25em;}:where(.wp-block-latest-posts.is-layout-grid){gap: 1.25em;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} /*# sourceURL=global-styles-inline-css */ :root { --primary-color: #3630ff; --headding-color: #020842; --primary-bg: linear-gradient(to left, #76009c, #3630ff); --body-color: rgb(68,86,88); } /*# sourceURL=techpro-style-inline-css */ .breadcrumb-section .content h1{font-size:42px;color:#fff;margin-bottom:16px;letter-spacing:1px;}.blog-details .row{align-items:flex-start;}.blog-details .blog-sidebar-section{position:sticky;top:100px;} /*# sourceURL=demarcq-seo-fixes-inline-css */ .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } /* La FAQ n'a plus de marges propres : sur l'accueil elle vit dans un panneau qui les fournit. */ #dq-faq{margin:0} /* Meme echelle que le reste de la page : 27 px pour le titre, 17 px pour le texte. La police est celle du site (Jost et Catamaran) : on n'impose plus system-ui. */ #dq-faq h2{text-align:center;margin:0 0 10px;font-size:27px;line-height:1.25;font-weight:700; color:#0b3c5d;text-wrap:balance} #dq-faq .dq-faq-intro{max-width:760px;margin:0 auto 26px;text-align:center;font-size:17px; line-height:1.7;color:#3d4a55} #dq-faq .dq-faq-liste{max-width:none;margin:0} #dq-faq .dq-faq-item{background:#fff;border:1px solid #dfe8ef;border-radius:8px;margin:0 0 10px; box-shadow:0 1px 3px rgba(11,60,93,.06);overflow:hidden} #dq-faq summary{display:flex;align-items:flex-start;justify-content:space-between;gap:14px; padding:16px 18px;cursor:pointer;list-style:none; font-size:17px;line-height:1.45;font-weight:600;color:#0b3c5d} #dq-faq summary::-webkit-details-marker{display:none} /* text-wrap:balance evite qu'un « ? » se retrouve seul sur une seconde ligne (constat du 06/10/2026 : deux des quatre questions finissaient par un point d'interrogation orphelin). Les navigateurs qui ne connaissent pas la propriete l'ignorent : rien ne casse. */ #dq-faq summary span{text-wrap:balance} #dq-faq summary:hover{background:#f2f6f9} /* Le chevron est dessine en CSS : pas d'icone a telecharger. */ #dq-faq summary::after{content:"";flex:none;width:9px;height:9px;margin:6px 2px 0 0; border-right:2px solid #0b3c5d;border-bottom:2px solid #0b3c5d; transform:rotate(45deg);transition:transform .18s ease} #dq-faq details[open] summary{background:#f2f6f9} #dq-faq details[open] summary::after{transform:rotate(-135deg);margin-top:10px} #dq-faq .dq-faq-rep{padding:2px 18px 16px;border-top:1px solid #eef2f6} #dq-faq .dq-faq-rep p{margin:12px 0 0;font-size:17px;line-height:1.7;color:#3d4a55} #dq-faq .dq-faq-rep a{color:#0b3c5d;text-decoration:underline} #dq-faq .dq-faq-fin{max-width:none;margin:20px 0 0;text-align:center;font-size:17px;color:#3d4a55} #dq-faq .dq-faq-fin a{color:#0b3c5d;font-weight:600} @media (max-width:819px){ #dq-faq h2{font-size:22px} #dq-faq summary{padding:14px 15px;font-size:16px} #dq-faq .dq-faq-rep{padding:2px 15px 14px} } /* ================= UNE COULEUR ET UNE TRAME PAR SUJET ================= */ .dq-sujet{border-radius:10px;padding:28px 30px;margin:0 0 20px} .dq-sujet:last-child{margin-bottom:0} /* Les trames sont dessinees en CSS : aucune image a telecharger, donc aucune requete en plus. Elles restent tres claires : le texte garde un contraste confortable (plus de 7 pour 1). */ .dq-sujet-clair {background:#f2f6f9} .dq-sujet-blanc {background:#ffffff;border:1px solid #e3eaf0} .dq-sujet-sable {background:#fbf8f3} .dq-sujet-points{background-color:#eef3f8; background-image:radial-gradient(#c6d7e5 1.2px, transparent 1.2px); background-size:16px 16px} .dq-sujet-rayures{background-color:#fbf6ee; background-image:repeating-linear-gradient(135deg,#f4e4cc 0 10px,#fbf6ee 10px 26px)} .dq-sujet-nuit{background:#0b3c5d} /* Les blocs portaient leurs propres marges : dans un panneau, on les remet a plat. La regle de l'identifiant doit etre reprise telle quelle, sinon elle l'emporte sur celle des classes. */ .dq-sujet > section{margin-top:0;margin-bottom:0} #dq-engagements{margin:0;padding:0} /* ================= UNE SEULE ECHELLE : 27 / 21 / 17 / 14 ================= */ .entry-content .dq-sujet h1, .entry-content .dq-sujet h2{font-size:27px;line-height:1.25;font-weight:700;color:#0b3c5d; margin:0 0 15px} .entry-content .dq-sujet h3{font-size:21px;line-height:1.3;font-weight:700;color:#0b3c5d; margin:28px 0 11px} .entry-content .dq-sujet h1:first-child, .entry-content .dq-sujet h2:first-child, .entry-content .dq-sujet h3:first-child{margin-top:0} .entry-content .dq-sujet p, .entry-content .dq-sujet li, .entry-content .dq-sujet summary{font-size:17px;line-height:1.7;color:#3d4a55} .entry-content .dq-sujet p{margin:0 0 15px} .entry-content .dq-sujet p:last-child{margin-bottom:0} .entry-content .dq-sujet ul{margin:0 0 15px;padding-left:22px} .entry-content .dq-sujet li{margin:0 0 9px} .entry-content .dq-sujet b, .entry-content .dq-sujet strong{color:#16242e} .entry-content .dq-sujet a{color:#0b3c5d;text-decoration:underline} .entry-content .dq-sujet a:hover{color:#e8a33d} /* Plancher de lisibilite : plus rien en dessous de 14 px sur cette page. */ .entry-content .dq-sujet figcaption{font-size:14px;line-height:1.55;color:#5b6b7a} /* ================= LE PANNEAU SOMBRE (engagements mesures) ================= Ses regles d'origine portent un identifiant, donc elles l'emportent sur toute classe : on les reprend a l'identique pour poser la version sombre. Le fond des fiches chiffrees, lui, ne bouge pas : c'est ce contraste clair-sur-sombre qui fait lire les chiffres. */ .dq-sujet-nuit p, .dq-sujet-nuit li, .dq-sujet-nuit b, .dq-sujet-nuit strong{color:#e3eef6} .dq-sujet-nuit a{color:#f0b662} #dq-engagements h2{color:#ffffff} #dq-engagements .dq-sous-titre{color:#c3d8e8} #dq-engagements .dq-source{color:#a4bfd4} #dq-engagements .dq-etat a{border-color:#f0b662;color:#f0b662} #dq-engagements .dq-etat a:hover{background:#f0b662;color:#0b3c5d} /* Halo tres leger en haut du panneau sombre : il donne du relief sans image. */ .dq-sujet-nuit{background-image:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 45%)} /* ================= LES TROIS BLOCS EXISTANTS : ON N'ALIGNE QUE LES TAILLES ================= Couleurs, bordures et grilles de ces blocs ne sont pas touchees, sauf pour le panneau sombre (ci-dessus). */ #dq-engagements h2{font-size:27px} #dq-engagements .dq-sous-titre{font-size:17px} #dq-engagements .dq-source{font-size:14px} #dq-engagements li span{font-size:14px} /* Le bloc d'engagements vit desormais dans un panneau de ~700 px, pas dans les 1120 px pour lesquels il a ete ecrit. A 210 px par element, seuls trois tenaient par ligne et le quatrieme tombait seul sur la suivante (constat du 06/10/2026, apres retrait de l'engagement « 772 ms »). Deux par ligne rend le bloc equilibre ; une seule colonne sur telephone. */ html body #dq-engagements li{flex:1 1 45%} .dq-temoignage figcaption{font-size:14px} .dq-temoignage .dq-texte{font-size:17px !important;line-height:1.7 !important} /* Le carrousel de temoignages : ses regles portent un identifiant, et surtout SA feuille de style est ecrite DANS LA PAGE, donc apres la notre : a specificite egale, c'est elle qui gagne. On passe donc devant par la specificite — `html body` devant l'identifiant. Titre 24 px ramene a 27 px, citations 15,5 px ramenees a 17 px, signature 12,5 px ramenee au plancher de 14 px. */ html body #dq-carrousel h2{font-size:27px;color:#0b3c5d} html body #dq-carrousel .dq-sous-titre{font-size:17px} html body #dq-piste .dq-carte p{font-size:17px;line-height:1.7} html body #dq-piste .dq-qui{font-size:14px} /* ================= « NOS OBJECTIFS » ================= Bloc saisi dans WordPress (contenu), mis en forme ici. Les quatre « 100 » sont entoures d'un cercle vert, dessine en CSS. Le titre reprend le selecteur complet, sinon la regle generale des paragraphes (17 px) l'emporterait sur lui. */ .dq-objectif{background:#f7fdfa;border:1px solid #cfe9db;border-left:4px solid #1e9e5a; border-radius:8px;padding:15px 18px;margin:18px 0 0} .entry-content .dq-sujet .dq-objectif-titre{margin:0 0 11px;font-size:15px;font-weight:700; letter-spacing:.04em;text-transform:uppercase;color:#0f6b3c} /* Memes selecteurs que les regles de panneau, ecrits PLUS LOIN dans la feuille : a specificite egale c'est le dernier qui gagne. Le piege ici n'etait pas le gabarit mais ma propre regle `.entry-content .dq-sujet ul{padding-left:22px}` : un `html body .dq-objectif ul` perdait contre elle, et la liste restait indentee de 22 px. */ /* LES SCORES EN COLONNES (demande du 06/10/2026). Quatre colonnes de largeur egale : le libelle en haut, le score centre en dessous. Le libelle passe AVANT le score dans le contenu, parce que les libelles de l'utilisateur finissent par « ... à » : dans ce sens la phrase se lit correctement (« Votre disponibilite a » puis le cercle « 100 % »), alors que le score en tete laisserait un « a » en suspens. `grid-template-rows:1fr auto` sur chaque element : la premiere rangee prend la hauteur du plus long libelle, la seconde colle le score en bas. Les quatre cercles sont donc a la meme hauteur malgre des libelles de 1 a 3 lignes. Le « % » est colle au cercle dans un meme element insecable, sinon il passe a la ligne et la colonne change de hauteur. */ .entry-content .dq-objectif ul{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 14px; margin:0;padding:0;list-style:none} .entry-content .dq-objectif li{display:grid;grid-template-rows:1fr auto;justify-items:center; text-align:center;margin:0;padding:0} .dq-objectif .dq-libelle{margin:0 0 11px} /* LE CERCLE VERT, d'apres l'image de reference fournie le 06/10/2026 (mesuree au pixel : anneau vert vif #10c16b epais de 8 % du diametre, fond menthe #e4fbee, chiffres vert fonce #166a1c en Jost, la police des titres du site). Diametre porte a 80 px le 06/10/2026, les proportions de l'image sont conservees : anneau 6 px (7,5 %) et chiffres 18 px — taille choisie pour que « 100 % », desormais entierement dans le cercle (demande du 06/10/2026), garde 9 px de marge de chaque cote dans les 68 px interieurs. A 22 px le texte ne laissait que 4 px et paraissait comprime contre l'anneau. Trois pieges corriges apres examen de la page rendue : 1) une taille en `em` se calcule sur la police de l'element lui-meme, plus petite que le texte — le cercle ne faisait que 24 px ; 2) une valeur negative de `vertical-align` remontait le cercle au-dessus de la ligne, `middle` le centre sur le texte ; 3) `box-sizing:border-box` pour que les 80 px soient le diametre EXTERIEUR, bordure comprise, quel que soit le reglage du gabarit. `white-space:nowrap` empeche le « % » de passer seul a la ligne dans un cercle etroit. */ .dq-rond{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box; width:80px;height:80px;margin:0 3px;border:6px solid #10c16b;border-radius:50%; background:#e4fbee;color:#166a1c;font-family:Jost,'Helvetica Neue',Arial,sans-serif; font-size:18px;font-weight:600;letter-spacing:0;line-height:1;vertical-align:middle; white-space:nowrap} /* ================= « LE SAVIEZ-VOUS ? » : TOUT LE TEXTE EN BLANC ================= Demande du 06/10/2026. Le gabarit pose un fond bleu sur les citations mais laisse le texte sombre : la phrase etait peu lisible. On force donc le blanc sur la citation ET sur tout ce qu'elle contient — paragraphes, gras, liens, y compris le lien vers guadeloupe.net, dont le style en ligne visait deja le blanc mais qui doit rester blanc meme s'il change un jour. C'est le seul endroit de cette feuille ou `!important` est employe sur une couleur : sans lui, les regles du gabarit l'emportent. */ .entry-content .dq-sujet blockquote, .entry-content .dq-sujet blockquote p, .entry-content .dq-sujet blockquote b, .entry-content .dq-sujet blockquote strong, .entry-content .dq-sujet blockquote span, .entry-content .dq-sujet blockquote a, .entry-content .dq-sujet blockquote a *{color:#ffffff !important} /* ================= TELEPHONE ================= */ @media (max-width:819px){ .dq-sujet{padding:21px 18px;border-radius:8px;margin:0 0 15px} .entry-content .dq-sujet h1, .entry-content .dq-sujet h2{font-size:22px} .entry-content .dq-sujet h3{font-size:18px} .entry-content .dq-sujet p, .entry-content .dq-sujet li{font-size:16px} #dq-engagements h2{font-size:22px} #dq-engagements .dq-sous-titre{font-size:16px} .dq-temoignage .dq-texte{font-size:16px !important} html body #dq-carrousel h2{font-size:22px} html body #dq-carrousel .dq-sous-titre{font-size:16px} html body #dq-piste .dq-carte p{font-size:16px} /* Les quatre scores passent en deux colonnes sur telephone : a quatre, chaque colonne serait trop etroite pour un libelle lisible. */ .entry-content .dq-objectif ul{grid-template-columns:repeat(2,1fr);gap:14px 10px} html body #dq-engagements li{flex:1 1 100%} } [class*="carousel-slider-outer"]{min-height:326px} #dq-carrousel{margin:36px auto 10px;padding:0 16px;max-width:1120px} #dq-carrousel h2{font-size:24px;line-height:1.25;margin:0 0 6px;color:#12232e} #dq-carrousel .dq-sous-titre{font-size:14px;line-height:1.55;color:#5b6b7a;margin:0 0 16px;max-width:760px} #dq-piste{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 14px; -webkit-overflow-scrolling:touch;scrollbar-width:thin} #dq-piste .dq-carte{flex:0 0 86%;max-width:520px;scroll-snap-align:center;margin:0;background:#fff; border:1px solid #e2e8ee;border-left:4px solid #0b3c5d;border-radius:8px;padding:16px 18px; box-shadow:0 1px 3px rgba(11,60,93,.07)} #dq-piste .dq-carte p{margin:0 0 10px;font-size:15.5px;line-height:1.6;color:#16232e} #dq-piste .dq-qui{font-size:12.5px;line-height:1.55;color:#5b6b7a} #dq-piste .dq-qui b{color:#12232e} #dq-carrousel .dq-tous{display:inline-block;font-size:14px;color:#0b3c5d} @media (min-width:820px){ #dq-piste .dq-carte{flex:0 0 46%} } .dq-s-4b40131262{background-image: url('https://demarcq.net/wp-content/themes/techpro/assets/img/breadcrumb.png');} .dq-s-0b618f3270{--carousel-slider-nav-color:#f1f1f1;--carousel-slider-active-nav-color:#00d1b2;--carousel-slider-arrow-size:48px;--carousel-slider-bullet-size:10px} .dq-s-75cc1832d7{--cell-height: 326px} .dq-s-e573b09d5c{background-position:center center;background-size:contain;background-image:url(https://demarcq.net/wp-content/uploads/2026/06/Hebergement-Web-Haute-Disponibilite-1.webp);background-color:#ffffff} .dq-s-95f589980b{padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem} .dq-s-a9833eb7b2{max-width:850px} .dq-s-0ecafbdc54{--cs-heading-font-size:40px;--cs-heading-gutter:30px;--cs-heading-color:#ffffff} .dq-s-75cc1832d7{--cell-height: 326px} .dq-s-4c6974db9a{background-position:center center;background-size:contain;background-image:url(https://demarcq.net/wp-content/uploads/2026/06/Infogerance-de-vos-serveurs-dedies-et-virtuels.webp);background-color:#ffffff} .dq-s-95f589980b{padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem} .dq-s-a9833eb7b2{max-width:850px} .dq-s-0ecafbdc54{--cs-heading-font-size:40px;--cs-heading-gutter:30px;--cs-heading-color:#ffffff} .dq-s-75cc1832d7{--cell-height: 326px} .dq-s-31ec6ff282{background-position:center center;background-size:contain;background-image:url(https://demarcq.net/wp-content/uploads/2026/06/Infogerance-Cloud.webp);background-color:#ffffff} .dq-s-95f589980b{padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem} .dq-s-a9833eb7b2{max-width:850px} .dq-s-0ecafbdc54{--cs-heading-font-size:40px;--cs-heading-gutter:30px;--cs-heading-color:#ffffff} .dq-s-53896af741{margin-top:0} .dq-s-f6234f9f7a{color: white;} .dq-s-1195b8f13f{border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;} .dq-s-16319ff74d{display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;} .dq-s-3e2e7c3c7d{display: none !important;} .dq-s-f2547a80a3{display: none!important; position: absolute!important; transform: translateX(1000%)!important;} .dq-s-6c2bd17bb3{background-image: url(https://demarcq.net/wp-content/themes/techpro/assets/img/dot-a-white.png} form.fluent_form_3 .ff-btn-submit:not(.ff_btn_no_style) { background-color: var(--fluentform-primary); color: #ffffff; }