/* Styles des classes posées par le convertisseur HubSpot (build/scripts/convert.py). Chargé après style.css.
   Contient : géométrie des sections et des colonnes, modules (cartes, cta-box, icônes, onglets, boxin), ordre et marges mobiles.
   Seuils HubSpot : 768 px (colonnes empilées sous 768 px, valeurs mobiles des sections jusqu'à 768 px inclus). */

.entry-content {
	--wannup-gutter: clamp(1rem, 2.5vw, 3rem); /* --gutter de Brightlane */
	--wp--style--block-gap: 0px; /* HubSpot n'a aucun écart entre sections ni modules : les marges viennent des textes */
}
/* Kadence pose --global-md-spacing (32 px) sous les figures, groupes, colonnes, boutons : HubSpot n'a aucune de ces marges (pages seulement, pas les articles) */
body.page .entry-content { --global-md-spacing: 0px; }
.entry-content .wp-block-image { margin-top: 0; margin-bottom: 0; }

/* ---------- Colonnes : écart HubSpot, deux colonnes dès 768 px (Gutenberg : 782 px), spanN = N/12 - gouttière ---------- */
.entry-content .wp-block-columns.is-layout-flex { column-gap: var(--wannup-gutter); row-gap: 2rem; }
@media (min-width: 768px) {
	.entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) { flex-wrap: nowrap !important; }
	.entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[class*="wannup-col-"] { flex-grow: 1 !important; }
	.entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.wannup-col-2 { flex-basis: calc(16.66667% - var(--wannup-gutter)) !important; }
	.entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.wannup-col-3 { flex-basis: calc(25% - var(--wannup-gutter)) !important; }
	.entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.wannup-col-4 { flex-basis: calc(33.33333% - var(--wannup-gutter)) !important; }
	.entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.wannup-col-5 { flex-basis: calc(41.66667% - var(--wannup-gutter)) !important; }
	.entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.wannup-col-6 { flex-basis: calc(50% - var(--wannup-gutter)) !important; }
	.entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.wannup-col-7 { flex-basis: calc(58.33333% - var(--wannup-gutter)) !important; }
	.entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.wannup-col-8 { flex-basis: calc(66.66667% - var(--wannup-gutter)) !important; }
	.entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.wannup-col-9 { flex-basis: calc(75% - var(--wannup-gutter)) !important; }
	.entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.wannup-col-10 { flex-basis: calc(83.33333% - var(--wannup-gutter)) !important; }
	.entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.wannup-col-12 { flex-basis: 100% !important; }
}
/* Ordre mobile (placement-mobile--above / --below de HubSpot) : la seconde colonne passe avant la première */
@media (max-width: 767px) {
	.entry-content .wannup-mobile-reverse > .wp-block-column:last-child { order: -1; }
}

/* ---------- Hero ---------- */
/* .hero__media--image + .hero__text : texte décalé de (hauteur d'en-tête 90 px + 70 px) dès 768 px */
@media (min-width: 768px) {
	.wannup-hero-text-pad { padding-top: 160px; }
}
/* sous 768 px : .hero { padding-top: var(--header-height) } */
@media (max-width: 767px) {
	.entry-content .wannup-hero { padding-top: 90px; }
}
@media (max-width: 767px) {
	.entry-content .wp-block-columns.wannup-hero--text-first { row-gap: 0 !important; }
	.entry-content .wp-block-columns.wannup-hero--text-first > .wp-block-column:first-child { margin-top: 16px; }
	.entry-content .wp-block-columns.wannup-hero--text-first > .wp-block-column:first-child p:last-of-type { margin-bottom: 0; }
}
/* module plein écran : le texte s'aligne sur le bord du contenu (--container-margin) */
@media (min-width: 768px) {
	.wannup-fb-text-left { padding-left: max(5vw, calc((100vw - min(90vw, 1200px)) / 2)); }
	.wannup-fb-text-right { padding-right: max(5vw, calc((100vw - min(90vw, 1200px)) / 2)); }
}
@media (max-width: 767px) {
	.wannup-fb-text-left, .wannup-fb-text-right, .wannup-fb-media { max-width: min(90vw, 1200px); margin-left: auto !important; margin-right: auto !important; }
}

/* ---------- Carte « boxin » des formulaires (template_brightlane-style-main : --boxin-*) ---------- */
.wannup-boxin {
	position: relative;
	isolation: isolate;
	padding: 60px;
	border-radius: 10px;
}
.wannup-boxin::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 10px;
	background: #f6f3f1;
	z-index: -1;
}
.wannup-boxin::after {
	content: "";
	position: absolute;
	inset: 20px -20px -20px 20px;
	border-radius: 10px;
	background: linear-gradient(180deg, #45277c, #f59d19);
	z-index: -2;
}
.wannup-boxin .wannup-hs-form { max-width: none; }
/* Vidéo YouTube de l'accueil : iframe de 500 x 283 px comme chez HubSpot (déborde de la colonne de 482 px) */
.wp-block-embed.wannup-embed-fixed .wp-block-embed__wrapper { width: 500px; max-width: none; }
.wp-block-embed.wannup-embed-fixed iframe { display: block; width: 500px; height: 283px; max-width: none; }
/* Vidéo YouTube avant le clic (inc/performance.php, js/video.js) : miniature et bouton de lecture de YouTube, aux dimensions du lecteur */
.wannup-yt { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; margin: 0; padding: 0; border: 0; border-radius: 0; background: #000; cursor: pointer; overflow: hidden; }
.wp-block-embed.wannup-embed-fixed .wannup-yt { width: 500px; height: 283px; max-width: none; aspect-ratio: auto; }
.wannup-yt img { display: block; width: 100%; height: calc(100% + 4px); margin-top: -2px; max-width: none; object-fit: cover; } /* miniature 4:3 à bandes noires : recadrée */
.wannup-yt__title { position: absolute; top: 0; left: 0; right: 0; padding: 14px 18px 30px; background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0)); color: #fff; font: 500 18px/1.3 Roboto, Arial, sans-serif; text-align: left; text-shadow: 0 0 2px rgba(0,0,0,.5); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wannup-yt__play { position: absolute; top: 50%; left: 50%; width: 68px; height: 48px; transform: translate(-50%, -50%); line-height: 0; }
.wannup-yt__bg { fill: #f03; transition: fill .1s; }
.wannup-yt:hover .wannup-yt__bg, .wannup-yt:focus-visible .wannup-yt__bg { fill: #c00; }
.wannup-yt:focus-visible { outline: 3px solid #f59d19; outline-offset: 2px; }

/* Formulaire de contact HubSpot (id 1bd8bc29-…, 9 pages) en iframe : hauteur du formulaire en ligne (mesurée : 1171 px à 231 px de large, 1066 px à 420 px, 968 px à 650 px) ;
   le style interne de l'iframe se règle dans HubSpot, sa hauteur propre est plus courte tant que le thème n'y est pas appliqué. Les autres formulaires ne sont pas concernés. */
.wannup-hs-form[id^="wannup-hs-form-1bd8bc29"] { container-type: inline-size; }
.wannup-hs-form[id^="wannup-hs-form-1bd8bc29"] iframe { min-height: 1171px; }
@container (min-width: 380px) { .wannup-hs-form[id^="wannup-hs-form-1bd8bc29"] iframe { min-height: 1066px; } }
@container (min-width: 600px) { .wannup-hs-form[id^="wannup-hs-form-1bd8bc29"] iframe { min-height: 968px; } }
.wannup-hero .wannup-boxin { max-width: 90vw; margin: 2rem auto 3rem; } /* mobile : .hero__media { margin-top: 2rem } */
/* mobile, formulaire avant le texte : chez HubSpot les marges se fondent (48 px du formulaire, 16 px du texte = 48 px) ; ici les colonnes sont en flex, avec 16 px d'écart */
@media (max-width: 767px) {
	.wannup-hero.wannup-mobile-reverse > .wp-block-column:last-child .wannup-boxin,
	.wannup-hero:not(.wannup-mobile-reverse) > .wp-block-column:first-child .wannup-boxin { margin-bottom: 2rem; }
}
@media (min-width: 768px) {
	.wannup-hero .wannup-boxin { max-width: 540px; margin-top: 0; margin-bottom: 0; }
}

/* ---------- Encadré d'appel à l'action : aucun fond propre ; texte 700 px, bouton à droite dès 768 px ---------- */
.wannup-cta-box { background: transparent; padding: 0; }
.wannup-cta-text { max-width: 700px; padding-right: 1rem; }
.wannup-cta-row > .wannup-cta-btn { flex: none; margin-left: var(--wannup-gutter); }
@media (max-width: 767px) {
	.wannup-cta-row { flex-direction: column !important; align-items: stretch !important; }
	.wannup-cta-row > .wannup-cta-btn { margin-left: 0; margin-top: 1.5rem; }
}

/* image dans un lien : pas de jeu sous la ligne de base (la figure fait la hauteur de l'image, comme chez HubSpot) */
.entry-content .wp-block-image figure > a, .entry-content figure.wp-block-image > a { display: block !important; }
.entry-content .wp-block-image a > img { display: block; }

/* ---------- Icônes ---------- */
/* icône en ligne (listes, titres) : 21 à 24 px, couleur gravée dans le SVG */
.wannup-inline-icon { display: inline-block; vertical-align: baseline; margin: 0 4.4px 0 0; } /* HubSpot : svg + 2 espaces insécables (8,8 px) ; ici une espace (4,4 px) + 4,4 px */
.entry-content :is(h1, h2, h3, h4, h5, h6) .wannup-inline-icon { vertical-align: -3px; margin-right: .9rem; }
/* icônes des éléments « featured » : en tête (centrées) ou à côté du texte */
.wannup-feature-svg { margin: 0 0 1.5rem; text-align: center; line-height: 0; }
.wannup-feature-svg svg { display: inline-block; max-width: none; }
.entry-content .wp-block-image.wannup-feature-icon { margin-bottom: 10px; }
/* icône en tête (centrée) : 10 px sous l'image + 1,5 rem de marge de la boîte d'icône (chiffres de l'accueil : 34 px entre l'image et le titre) */
.entry-content .wp-block-image.wannup-feature-icon:has(> .aligncenter) { margin-bottom: 34px; }
.wannup-feature-icon img { max-width: 100%; height: auto; }
.wannup-feature-item { gap: 0; }
.wannup-feature-item--left > .wannup-feature-svg,
.wannup-feature-item--left > .wp-block-image { flex: none; margin: 0 1.5rem 0 0; text-align: left; }
.wannup-feature-item--right > .wannup-feature-svg,
.wannup-feature-item--right > .wp-block-image { flex: none; margin: 0 0 0 1.5rem; text-align: left; }
.wannup-feature-text { flex: 1 1 0; min-width: 0; }
/* l'icône est en ligne dans une boîte à la hauteur de ligne d'un h3 (30 px) : elle repose sur la ligne de base, 7 px sous le haut du texte */
.entry-content .wannup-feature-item--left > .wp-block-image:first-child { margin-top: 7px; width: 25px; } /* boîte d'icône réduite par le flex : texte à 49 px du bord (839 px mesurés en ligne pour une icône à 790 px) */
/* icône à gauche, dès 768 px : comme chez HubSpot, boîte d'icône (24 px + 1,5 rem) et texte sont deux éléments flex qui rétrécissent chacun selon leur base (largeur du texte « de 835 à 838 px » selon la longueur du paragraphe) */
@media (min-width: 768px) {
	.entry-content .wannup-feature-item--left > .wp-block-image:first-child { flex: 0 1 auto; width: 48px; margin-right: 0; }
	.entry-content .wannup-feature-item--left > .wannup-feature-text { flex: 0 1 auto; }
}
@media (max-width: 767px) {
	.entry-content .wannup-feature-item--left > .wp-block-image:first-child { width: 17px; }
	.entry-content .wannup-feature-item--left > .wp-block-image:first-child img { width: 16px; height: 16px; }
}

/* rangées successives d'une grille de cartes : même écart vertical qu'horizontal */
.entry-content .wannup-grid-row + .wannup-grid-row { margin-top: var(--wannup-gutter); }

/* ---------- Cartes (grilles issues des carrousels, onglets et étapes) ---------- */
.wp-block-column.wannup-card {
	background: rgba(255, 255, 255, 0.55);
	padding: 24px;
}
.wp-block-column.wannup-card > :first-child { margin-top: 0; }
.wannup-card { border-radius: 10px; }
.wp-block-column.wannup-card--white { background: #ffffff; padding: 54px 40px; }
/* images : carrées chez HubSpot (10 px seulement sur la galerie « masonry » de la plateforme) */
.wannup-card img,
.wp-block-image.wannup-rounded img { border-radius: 0; }
.wp-block-gallery.wannup-masonry img { border-radius: 10px; }
/* images d'onglets : 379 px au bureau, 250 px sur mobile (accueil) */
.wannup-tab-image img { max-width: 379px; width: 100%; height: auto; }
@media (max-width: 767px) {
	.wannup-tab-image img { max-width: 250px; }
}
/* libellé de carte d'onglet (n'existe pas en ligne : les onglets y sont une liste verticale) */
.wannup-tab-label { color: var(--wannup-orange); font-size: 14px; letter-spacing: .15em; text-transform: uppercase; margin: 0 0 .3em; }

/* carte-photo du carrousel de réalisations (figure.services-slider__card) : image pleine carte, dégradé de lecture, texte clair */
.wp-block-cover.wannup-slide-card {
	min-height: 0;
	padding: 40px;
	border-radius: 10px;
	overflow: hidden;
	color: #f6f3f1;
	transition: box-shadow .2s;
}
.wp-block-cover.wannup-slide-card:hover { box-shadow: 10px 10px 0 rgba(245, 157, 25, .5); }
.wannup-slide-card .wp-block-heading { color: #f6f3f1; font-size: 21px; line-height: 1.42; margin: 0; }
.wannup-slide-card p { color: #f6f3f1; font-size: 15px; margin: .5em 0 0; }
.wp-block-cover.wannup-slide-card .wp-block-buttons .wp-block-button.is-style-wannup-link > .wp-block-button__link {
	color: #f6f3f1 !important;
	font-size: 16px;
	text-transform: none;
	text-decoration: none;
	border: 0;
	padding: 0;
	text-align: left;
}

/* ---------- Feature Items : écart de 140 px entre titre et éléments dès 1024 px, empilés sous 1120 px ; éléments à 3 rem ---------- */
@media (min-width: 1024px) {
	.entry-content .wp-block-columns.wannup-featured-cols { --wannup-gutter: 140px; }
}
@media (max-width: 1119px) {
	.entry-content .wp-block-columns.wannup-featured-cols { flex-wrap: wrap !important; row-gap: 3rem; } /* marge basse du titre de section : 3 rem */
	.entry-content .wp-block-columns.wannup-featured-cols > .wp-block-column.wp-block-column { flex-basis: 100% !important; }
}
.entry-content .wp-block-columns.wannup-gutter-3rem { --wannup-gutter: 3rem; }
/* titre avec icône : icône et texte centrés verticalement (h3 { display: flex; align-items: center }) */
.entry-content :is(h1, h2, h3, h4, h5, h6):has(> .wannup-inline-icon) { display: flex; align-items: center; }
.entry-content :is(h1, h2, h3, h4, h5, h6).has-text-align-center:has(> .wannup-inline-icon) { justify-content: center; }
.entry-content :is(h1, h2, h3, h4, h5, h6).has-text-align-right:has(> .wannup-inline-icon) { justify-content: flex-end; }

/* ---------- Galerie « masonry » : grille de 5 colonnes, premier élément sur 2 x 2, un élément sur trois sur 2 colonnes ---------- */
.wp-block-gallery.wannup-masonry { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
.wp-block-gallery.wannup-masonry > .wp-block-image { width: auto !important; margin: 0 !important; flex: none; }
.wp-block-gallery.wannup-masonry > .wp-block-image:first-child { grid-column: 1 / span 2; }
.wp-block-gallery.wannup-masonry img { width: 100% !important; height: 100% !important; object-fit: cover; }
@media (min-width: 768px) {
	.wp-block-gallery.wannup-masonry { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.wp-block-gallery.wannup-masonry > .wp-block-image:first-child { grid-column: 1 / span 2; grid-row: 1 / span 2; }
	.wp-block-gallery.wannup-masonry--right > .wp-block-image:first-child { grid-column: -3 / span 2; }
	.wp-block-gallery.wannup-masonry > .wp-block-image:nth-child(3n-1) { grid-column-end: span 2; }
}

/* ---------- Puces propres au module (lists--icon : flèche orange ; lists--image : coche cerclée) ---------- */
.single-content ul.wannup-list-arrow > li,
.single-content ul.wannup-list-check > li { position: relative; }
.single-content ul.wannup-list-arrow > li { padding-left: 2em; }
.single-content ul.wannup-list-check > li { padding-left: 35px; min-height: 25px; }
.single-content ul.wannup-list-arrow > li::before,
.single-content ul.wannup-list-check > li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	font-size: inherit;
	background-color: #f59d19;
	-webkit-mask: var(--wannup-bullet) center / contain no-repeat;
	mask: var(--wannup-bullet) center / contain no-repeat;
}
.single-content ul.wannup-list-arrow > li::before {
	--wannup-bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/%3E%3C/svg%3E");
	width: 21px;
	height: 24px;
}
.single-content ul.wannup-list-check > li::before {
	--wannup-bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
	background-color: #201d41;
	width: 25px;
	height: 25px;
}

/* texte centré sur mobile seulement (.services-slider__heading) */
@media (max-width: 767px) {
	.entry-content .wannup-center-mobile { text-align: center; }
}

/* ================= Tour 2 du convertisseur : règles statiques ================= */

/* Texte clair des modules « module-wrapper--light » sur fond sombre (--h2-color, --base-color, --subheadline-color : #f6f3f1 ; liens #f59d19 ; puces #201d41) */
.entry-content .wannup-light :is(h1, h2, h3, h4, h5, h6, p, li, strong, .wannup-subheading) { color: #f6f3f1; }
.entry-content .wannup-light a:not(.wp-block-button__link) { color: #f59d19; }
.entry-content .wannup-light li::before { color: #201d41; }

/* lignes d'un bloc de texte HubSpot (div de ligne) : pas de marge entre deux lignes */
.entry-content p.wannup-line { margin-top: 0; margin-bottom: 0; }

/* Les marges des modules restent dans leur section (chez HubSpot la section est un conteneur flex : aucune fusion de marges avec la page) */
.entry-content > .wp-block-group.alignfull,
.entry-content > .wp-block-group.alignfull > .wp-block-group__inner-container { display: flow-root; }

/* Grille de logos (hs-logo-grid) : 5 par rangée centrés (pas de 300 px), logos de 160 x 90 px au plus (object-fit: contain), 60 px entre rangées ; 1 par rangée sur mobile */
.entry-content .wp-block-gallery.wannup-logos {
	display: flex !important; flex-wrap: wrap; justify-content: center; gap: 60px 0 !important; align-items: center;
	width: min(1500px, 100vw); max-width: none !important; margin-left: 50% !important; margin-right: 0 !important; transform: translateX(-50%);
}
.entry-content .wp-block-gallery.wannup-logos > .wp-block-image {
	flex: 0 0 300px !important; width: 300px !important; margin: 0 !important; display: flex; justify-content: center; align-items: center;
}
.entry-content .wp-block-gallery.wannup-logos > .wp-block-image img {
	width: auto !important; height: auto !important; max-width: 160px; max-height: 90px; object-fit: contain !important; aspect-ratio: auto !important;
}
@media (max-width: 768px) {
	.entry-content .wp-block-gallery.wannup-logos { width: 100%; margin-left: 0 !important; transform: none; }
	.entry-content .wp-block-gallery.wannup-logos > .wp-block-image { flex-basis: 100% !important; width: 100% !important; }
}

/* Flèche verticale « Next Section » des hero (.hero__down-arrow) : ligne orange de 25 px de large sur toute la hauteur du hero, pointe de 9,19 px ; dès 1280 px ;
   à -100 px du bord du contenu (côté opposé au texte : placement--right = à gauche) */
.wannup-hero-wrap { position: relative; }
.entry-content .wannup-hero-wrap p:last-of-type { margin-bottom: 0; } /* .theme-rich-text__main > :last-child { margin-bottom: 0 } chez HubSpot */
.wannup-hero-arrow { display: none; }
@media (min-width: 1280px) {
	.wannup-hero-arrow {
		display: flex; flex-direction: column; align-items: center; position: absolute; top: 0; bottom: 0; width: 25px;
		transform-origin: center top; transition: transform .2s; text-decoration: none; border: 0; box-shadow: none; z-index: 2;
	}
	.wannup-hero-arrow:hover, .wannup-hero-arrow:focus-visible { transform: scale(1.05); }
	.wannup-hero-arrow::before { content: ""; flex-grow: 1; border-left: 1px solid var(--down-arrow-color, #f6f3f1); }
	.wannup-hero-arrow::after {
		content: ""; width: 9.1923881554px; height: 9.1923881554px; transform: translateY(-100%) rotate(45deg);
		border-bottom: 1px solid var(--down-arrow-color, #f6f3f1); border-right: 1px solid var(--down-arrow-color, #f6f3f1);
	}
	.wannup-hero-wrap--right > .wannup-hero-arrow, .wannup-hero-wrap--right > .wp-block-group__inner-container > .wannup-hero-arrow { left: -100px; }
	.wannup-hero-wrap--left > .wannup-hero-arrow, .wannup-hero-wrap--left > .wp-block-group__inner-container > .wannup-hero-arrow { right: -100px; }
	.wannup-hero-wrap--ff.wannup-hero-wrap--right > .wannup-hero-arrow,
	.wannup-hero-wrap--ff.wannup-hero-wrap--right > .wp-block-group__inner-container > .wannup-hero-arrow { left: calc(max(5vw, (100vw - min(90vw, 1200px)) / 2) - 100px); }
	.wannup-hero-wrap--ff.wannup-hero-wrap--left > .wannup-hero-arrow,
	.wannup-hero-wrap--ff.wannup-hero-wrap--left > .wp-block-group__inner-container > .wannup-hero-arrow { right: calc(max(5vw, (100vw - min(90vw, 1200px)) / 2) - 100px); }
}

/* flèche d'un hero plein écran dont la colonne de texte est déjà décalée de --container-margin : -100 px du bord du texte */
@media (min-width: 1280px) {
	.wannup-hero-wrap--ff.wannup-hero-wrap--padded.wannup-hero-wrap--right > .wannup-hero-arrow,
	.wannup-hero-wrap--ff.wannup-hero-wrap--padded.wannup-hero-wrap--right > .wp-block-group__inner-container > .wannup-hero-arrow { left: -100px; }
	.wannup-hero-wrap--ff.wannup-hero-wrap--padded.wannup-hero-wrap--left > .wannup-hero-arrow,
	.wannup-hero-wrap--ff.wannup-hero-wrap--padded.wannup-hero-wrap--left > .wp-block-group__inner-container > .wannup-hero-arrow { right: -100px; }
}

/* tableaux des articles : pas de marge sur les paragraphes d'une cellule ; iframe Giphy réactive : marge verticale comme un paragraphe */
.entry-content figure.wp-block-table :is(td, th) p { margin: 0; }
.entry-content figure.wp-block-table :is(td, th) { padding: 1px; }
.entry-content .wannup-giphy { margin-top: 1em; margin-bottom: 1em; }

/* TOUR2-STATIC */

/* ================= Tour 3 du convertisseur : règles statiques ================= */

/* services-slider : .services-slider { padding-left: var(--container-margin) } = max(5vw, (100vw - min(90vw, 1400px)) / 2) ; le carrousel va jusqu'au bord droit */
.entry-content .wannup-ss {
	padding-left: max(5vw, calc((100vw - min(90vw, 1400px)) / 2));
}
/* bouton de la tête du carrousel : centré sous 768 px (.services-slider__heading .theme-ctas { justify-content: center }) */
@media (max-width: 767px) {
	.entry-content .wp-block-buttons.wannup-center-mobile { justify-content: center; }
}
/* pastille LinkedIn des cartes d'équipe (.icon-wrapper--enclosed : 40 x 40 px ronde, #201d41, picto 1,2 rem ; marge 5 px, 1,25 em au-dessus) */
.entry-content .wannup-slide-social { margin: 1.25em 0 0; line-height: 0; }
.entry-content .wannup-slide-social .wannup-slide-social__link {
	display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 5px; border-radius: 50%;
	background: #201d41; color: #f6f3f1; text-decoration: none;
}
.entry-content .wannup-slide-social .wannup-slide-social__link svg { width: 1.2rem; height: 1.2rem; fill: #f6f3f1; }

/* cartes blanches « pricing boxes » : gouttière 20 px, hauteurs propres centrées, .pricing-boxes { padding: 1.5rem 0 } */
.entry-content .wp-block-columns.wannup-pricing { --wannup-gutter: 20px; align-items: center !important; padding-top: 1.5rem; padding-bottom: 1.5rem; }

/* boîte d'icône vide d'un élément « featured » : sa largeur reste (35 px, 36 px sur mobile) */
.wannup-feature-item > .wannup-feature-gap { flex: none; width: 35px; }
@media (max-width: 767px) {
	.wannup-feature-item > .wannup-feature-gap { width: 36px; }
}

/* chevron orange des listes « icône » sans --bullet-content spécifique (105, graisse 900) : même retrait que la flèche */
.single-content ul.wannup-list-chevron > li { position: relative; padding-left: 2em; }
.single-content ul.wannup-list-chevron > li::before {
	content: ""; position: absolute; left: 0; top: 2px; width: 12px; height: 24px; font-size: inherit; background-color: #f59d19;
	-webkit-mask: var(--wannup-bullet) center / contain no-repeat; mask: var(--wannup-bullet) center / contain no-repeat;
	--wannup-bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'/%3E%3C/svg%3E");
}

/* <li style="list-style-type:none"> : li enveloppe sans puce, puces intérieures en cercle creux */
body .entry-content li.wannup-li-none { list-style: none !important; }
body .entry-content li.wannup-li-none::before { content: none !important; }
body .entry-content li.wannup-li-none > ul { list-style: circle !important; }

/* bouton « tertiaire » HubSpot : texte nuit sur le dégradé */
body .entry-content .wp-block-button.wannup-btn-tertiary > .wp-block-button__link { color: #201d41 !important; }

/* image flottante au fil du texte (<img style="float:right; margin-left:10px">) */
.entry-content .wp-block-image.wannup-float-img { float: right; margin: 0 0 0 10px; }
.entry-content .wp-block-image.wannup-float-img.alignleft { float: left; margin: 0 10px 0 0; }

/* images des gabarits main-b / main-c : .bold__feature_page … > img.hs-image-widget { margin: 40px 0 } sous 768 px */
@media (max-width: 767px) {
	.entry-content .wp-block-image.wannup-bold-img { margin-top: 40px; margin-bottom: 40px; }
}

/* éléments « featured » empilés : 3 rem entre deux éléments, marge basse (1 em) du dernier paragraphe, bouton à 1 rem (marges effondrées avec le paragraphe) ; titre sans marge haute */
.entry-content .wannup-feature-item + .wannup-feature-item { margin-top: 3rem; }
.entry-content .wannup-feature-item p:last-child,
.entry-content .wp-block-columns.wannup-gutter-3rem .wp-block-column p:last-child { margin-bottom: 1em; }
.entry-content .wannup-feature-item .wp-block-buttons,
.entry-content .wp-block-columns.wannup-gutter-3rem .wp-block-buttons { margin-top: 1rem; }
/* élément à icône en tête (chiffres de l'accueil) : le dernier paragraphe (« Source : ... ») n'a pas de marge basse chez HubSpot */
.entry-content .wp-block-columns.wannup-gutter-3rem .wp-block-column p.wannup-flush:last-child { margin-bottom: 0; }
.entry-content .wannup-feature-item :is(h3, h4),
.entry-content .wp-block-columns.wannup-gutter-3rem :is(h3, h4) { margin-top: 0; }
@media (max-width: 781px) {
	.entry-content .wp-block-columns.wannup-gutter-3rem { row-gap: 3rem; }
}
/* sur-titre vide avant un titre : 0,125 em de marge haute (style.css la remet à 0 sur :first-child) */
.single-content .wp-block-heading.wannup-mt-eyebrow { margin-top: .125em; }

/* vidéo à affiche (.theme-video) : affiche de 300 px, bouton de lecture de 80 px au centre (cercle nuit, triangle blanc) */
.entry-content .wannup-video-poster { margin: 0 auto; max-width: 300px; }
.entry-content .wannup-video-poster a { display: block; position: relative; color: #201d41; line-height: 0; }
.entry-content .wannup-video-poster img { display: block; width: 100%; height: auto; }
.entry-content .wannup-video-poster svg { position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; transform: translate(-50%, -50%); transition: transform .3s; }
.entry-content .wannup-video-poster a:hover svg { transform: translate(-50%, -50%) scale(1.1); }

/* titre d'article devenu h2 (un seul h1 par page) : apparence exacte du h1 HubSpot (Francois One 52 px / 62,4 px, majuscules ; 40 px / 36,92 px sur mobile) */
body .entry-content h2.wp-block-heading.wannup-as-h1 {
	font-size: 52px; line-height: 62.4px; letter-spacing: .26px; text-transform: uppercase; margin-top: 0 !important; margin-bottom: 0;
}
@media (max-width: 767px) {
	body .entry-content h2.wp-block-heading.wannup-as-h1 { font-size: 40px; line-height: 36.92px; letter-spacing: .2px; }
}


/* ================= Carrousels Splide (services-slider et image-gallery de HubSpot) ================= */
/* Le balisage est posé par js/sliders.js sur un groupe .wannup-slider : .splide > .splide__track > .splide__list > .splide__slide.
   Valeurs relevées sur wannup.com (feuille Brightlane + Splide v4) : voir docs/visuel/correctifs-carrousels.md. */

/* repli (éditeur, avant le script, sans JavaScript) : les diapositives défilent à l'horizontale. Le groupe porte ses enfants soit
   directement (éditeur), soit dans un .wp-block-group__inner-container (site). */
.wannup-slider:not(.is-initialized) { overflow-x: auto; }
.wannup-slider:not(.is-initialized) > .wp-block-group__inner-container,
.wannup-slider:not(.is-initialized):not(:has(> .wp-block-group__inner-container)) { display: flex; gap: 20px; align-items: stretch; }
.wannup-slider:not(.is-initialized) > .wp-block-group__inner-container > *,
.wannup-slider:not(.is-initialized):not(:has(> .wp-block-group__inner-container)) > * { flex: 0 0 min(80%, 420px); margin: 0 !important; }
.wannup-slider--gallery:not(.is-initialized) > .wp-block-group__inner-container > *,
.wannup-slider--gallery:not(.is-initialized):not(:has(> .wp-block-group__inner-container)) > * { flex-basis: min(90%, 650px); }

/* cœur de Splide (fichier de base du thème Brightlane) */
.wannup-splide { position: relative; display: flex; flex-direction: column; overflow: hidden; }
.wannup-splide:not(.is-initialized) { visibility: hidden; }
.wannup-splide .splide__track { position: relative; z-index: 0; overflow: hidden; }
.wannup-splide .splide__list { display: flex; height: 100%; margin: 0 !important; padding: 0 !important; list-style: none; backface-visibility: hidden; }
.wannup-splide .splide__slide { box-sizing: border-box; flex-shrink: 0; position: relative; margin: 0; padding-left: 0; list-style: none !important; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; }
.wannup-splide .splide__slide:focus { outline: 0; }
.wannup-splide .splide__slide:focus-visible { outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color; }
.wannup-splide .splide__track--draggable { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.wannup-splide .splide__slide img { vertical-align: bottom; }
.wannup-splide .splide__sr { clip: rect(0 0 0 0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* flèches : trait orange de 40 px avec pointe, sous la piste (.splide__arrows { order: 1 }) */
.wannup-splide .splide__arrows { display: flex; align-items: center; order: 1; margin-left: -9.1923881554px; margin-top: 30px; }
.wannup-splide .splide__arrow {
	box-sizing: border-box; display: flex; align-items: center; height: 30px; width: auto; margin: 0 10px 0 0; padding: 0;
	background: transparent; border: 0; border-radius: 0; opacity: 1; position: static; transform: none; cursor: pointer;
}
.wannup-splide .splide__arrow svg { display: none; }
.wannup-splide .splide__arrow:disabled { cursor: not-allowed; opacity: .35; }
.wannup-splide .splide__arrow::before,
.wannup-splide .splide__arrow::after { content: ""; display: block; flex-shrink: 0; position: static; box-sizing: border-box; border-top: 2px solid var(--arrows, #201d41); transition: border-color .2s; }
.wannup-splide .splide__arrow::after { width: 40px; }
.wannup-splide .splide__arrow::before { border-right: 2px solid var(--arrows, #201d41); height: 9.1923881554px; width: 9.1923881554px; transform: translateX(100%) rotate(-135deg); }
.wannup-splide .splide__arrow--next { flex-direction: row-reverse; }
.wannup-splide .splide__arrow--next::before { transform: translateX(-100%) rotate(45deg); }
.wannup-splide .splide__arrow:hover:not(:disabled) { opacity: .9; }
.wannup-splide .splide__arrow:focus-visible:not(:disabled)::before,
.wannup-splide .splide__arrow:focus-visible:not(:disabled)::after,
.wannup-splide .splide__arrow:hover:not(:disabled)::before,
.wannup-splide .splide__arrow:hover:not(:disabled)::after { border-color: var(--arrows-hover, #201d41); }
.wannup-splide .splide__arrow:focus-visible { outline: 3px solid #0bf; outline-offset: 3px; }
/* couleurs des flèches (variables --arrows / --arrows-hover de HubSpot) : nuit à 50 % au repos, orange au survol ; l'accueil est orange en permanence */
.wannup-splide { --arrows: rgba(32, 29, 65, .5); --arrows-hover: #f59d19; }
body.home .wannup-splide { --arrows: #f59d19; }

/* pagination : traits de 66 px, le trait actif s'épaissit */
.entry-content .wannup-splide ul.splide__pagination { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; position: static; width: 100%; max-width: 90%; margin: 60px auto 0; padding: 0 1em; list-style: none; pointer-events: none; }
.entry-content .wannup-splide .splide__pagination > li { display: block; width: 66px; margin: 0 5px; padding: 0; line-height: 1; list-style: none; pointer-events: auto; }
.entry-content .wannup-splide .splide__pagination > li::before { display: none; }
.wannup-splide .splide__pagination__page { box-sizing: border-box; display: inline-block; position: relative; width: 100%; height: 10px; margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; opacity: 1; cursor: pointer; transform: none; }
.wannup-splide .splide__pagination__page::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 2px; margin: auto; background: #f59d19; border-radius: 10px; transition: .2s; }
.wannup-splide .splide__pagination__page.is-active::after,
.wannup-splide .splide__pagination__page:hover::after,
.wannup-splide .splide__pagination__page:focus-visible::after { transform: scaleY(2); }
.wannup-splide .splide__pagination__page:focus-visible { outline: 3px solid #0bf; outline-offset: 3px; }

/* ---- services-slider : tête de 325 px à gauche, carrousel à droite jusqu'au bord de la fenêtre ---- */
.wannup-ss .wannup-ss-head :is(.wp-block-group__inner-container, .wannup-ss-head) > :first-child { margin-top: 0; }
@media (min-width: 768px) {
	.entry-content .wannup-ss > .wp-block-group__inner-container,
	.entry-content .wannup-ss:not(:has(> .wp-block-group__inner-container)) { display: flex; }
	.entry-content .wannup-ss .wannup-ss-head { flex: 0 0 325px; width: 325px; margin-right: 20px; }
	.entry-content .wannup-ss .wannup-slider { flex: 1 1 0; min-width: 0; padding-left: 2.5vw; }
}
@media (max-width: 767px) {
	.entry-content .wannup-ss .wannup-ss-head { text-align: center; margin-bottom: 32px; }
}
.wannup-slider--services .splide__slide { display: flex; flex-direction: column; margin-bottom: 10px; border-radius: 10px; container-type: inline-size; transition: padding .4s, box-shadow .4s; }
@media (min-width: 768px) {
	.wannup-slider--services .splide__slide { padding: 25px 0; }
	.wannup-slider--services .splide__slide:hover,
	.wannup-slider--services .splide__slide:focus-within { padding: 0; box-shadow: 10px 10px 0 rgba(245, 157, 25, .5); }
}
/* carte : hauteur = image à sa proportion (--wannup-ratio posé par le script), 40 px de moins au repos au bureau, plus haute si le texte l'exige */
.wannup-slider--services .wp-block-cover.wannup-slide-card {
	flex: 1 1 auto; box-sizing: border-box; width: 100%; margin: 0; padding: 40px; border-radius: 10px; overflow: hidden; align-items: flex-end;
	min-height: calc(var(--wannup-ratio, .8383) * 100cqw);
	transition: none;
}
.wannup-slider--services .wp-block-cover.wannup-slide-card:hover { box-shadow: none; }
.wannup-slider--services .wannup-slide-card .wp-block-cover__inner-container { position: relative; z-index: 2; width: 100%; padding-top: 40px; }
.wannup-slider--services .wannup-slide-card .wp-block-cover__background { z-index: 1; }
.wannup-slider--services .wannup-slide-card :is(.wp-block-heading, p) { overflow-wrap: normal; word-break: normal; }
.wannup-slider--services .wannup-slide-card .wp-block-cover__inner-container:has(> .wp-block-buttons) { padding-bottom: 15px; }
.wannup-slider--services .wannup-slide-card .wp-block-cover__inner-container > p { margin: 15px 0 0; }
.wannup-slider--services .wannup-slide-card .wp-block-cover__inner-container > .wp-block-buttons { margin: 29px 0 0; }
/* voile noir de 50 % sur l'image, retiré au survol ; le dégradé de lecture reste sous le texte */
.wannup-slider--services .wannup-slide-card::after { content: ""; position: absolute; inset: 0; z-index: 0; background: #000; opacity: .5; pointer-events: none; transition: opacity .2s; }
.wannup-slider--services .splide__slide:hover .wannup-slide-card::after,
.wannup-slider--services .splide__slide:focus-within .wannup-slide-card::after { opacity: 0; }
@media (min-width: 768px) {
	.wannup-slider--services .wp-block-cover.wannup-slide-card { min-height: calc(var(--wannup-ratio, .8383) * 100cqw - 40px); }
	.wannup-slider--services .wannup-slide-card .wp-block-cover__image-background { top: -40px; height: calc(100% + 40px); transition: top .4s, height .4s; }
	.wannup-slider--services .splide__slide:hover .wannup-slide-card .wp-block-cover__image-background,
	.wannup-slider--services .splide__slide:focus-within .wannup-slide-card .wp-block-cover__image-background { top: 0; height: 100%; }
}
@media (max-width: 767px) {
	.wannup-slider--services .wannup-slide-card .wp-block-buttons { justify-content: center; }
	.wannup-slider--services .wannup-slide-card .wp-block-heading { font-size: 18px; line-height: 1.42; }
	.wannup-slider--services .wp-block-cover.wannup-slide-card .wp-block-buttons .wp-block-button.is-style-wannup-link > .wp-block-button__link { font-size: 15px; }
}

/* ---- image-gallery : une diapositive de 650 px, image centrée (500 px de haut dès 1024 px), légende visible sur la diapositive active ---- */
.wannup-slider--gallery { max-width: 650px; margin-left: auto; margin-right: auto; }
.wannup-slider--gallery .splide__slide { padding: 0 10px; }
.wannup-gslide .wp-block-image { display: flex; align-items: center; justify-content: center; margin: 0; transition: height .2s; }
.wannup-gslide .wp-block-image img { width: auto; height: auto; max-width: 100%; max-height: 400px; transition: max-height .2s; }
@media (min-width: 1024px) {
	.wannup-gslide .wp-block-image { height: 500px; }
}
.wannup-splide .splide__slide.is-active .wannup-gslide .wp-block-image img { max-height: 100%; }
.wannup-gslide :is(h1, h2, h3, h4, h5, h6, p, .wp-block-buttons) { opacity: 0; transition: opacity .2s; }
.wannup-splide .splide__slide.is-active .wannup-gslide :is(h1, h2, h3, h4, h5, h6, p, .wp-block-buttons) { opacity: 1; }
.wannup-gslide .wp-block-image + :is(h1, h2, h3, h4, h5, h6) { margin-top: 24px; }
.wannup-gslide .wp-block-heading { margin-bottom: 0; font-size: 20px; line-height: 24px; letter-spacing: .2px; text-align: left; }
@media (max-width: 767px) {
	.wannup-gslide .wp-block-image + :is(h1, h2, h3, h4, h5, h6) { margin-top: 21.6px; }
}
.wannup-gslide p { text-align: left; }
/* .theme-ctas vide de HubSpot (marge haute 32 px) : sa hauteur compte dans celle du carrousel */
/* .theme-ctas vide (marge haute 32 px) : sa marge se fond avec la marge basse du dernier élément (liste de 16 px), d'où une marge et non un padding */
.wannup-gslide--cta::after { content: ""; display: block; margin-top: 32px; }


/* BEGIN règles générées (convert.py, ne pas modifier à la main) */
/* g:wannup-arrow-f59d19 */ .wannup-arrow-f59d19{--down-arrow-color:#f59d19}
/* g:wannup-bh-45277c-f59d19 */ .entry-content .wp-block-button.wannup-bh-45277c-f59d19 .wp-block-button__link:hover{background-color:#45277c!important;color:#f59d19!important;}
/* g:wannup-bh-45277c-f6f3f1 */ .entry-content .wp-block-button.wannup-bh-45277c-f6f3f1 .wp-block-button__link:hover{background-color:#45277c!important;color:#f6f3f1!important;}
/* g:wannup-cw-1240 */ body.wannup-tpl-focus .entry-content .wp-block-group.alignfull.wannup-cw-1240 .is-layout-constrained > :where(:not(.alignfull)){max-width:1240px}
/* g:wannup-cw-750 */ body.wannup-tpl-focus .entry-content .wp-block-group.alignfull.wannup-cw-750 .is-layout-constrained > :where(:not(.alignfull)){max-width:750px}
/* g:wannup-h2-16 */ @media(min-width:768px){.entry-content .wannup-h2-16 h2{font-size:16px}}
/* g:wannup-in-container */ body .entry-content .wp-block-group.alignfull.wannup-in-container{max-width:1240px;margin-left:auto;margin-right:auto}
/* g:wannup-list-img-180 */ .single-content ul.wannup-list-img-180 > li{position:relative;list-style:none;min-height:18px;padding-left:31px} .single-content ul.wannup-list-img-180 > li::before{content:"";position:absolute;left:0;top:0;width:21px;height:18px;max-height:2.35em;background:url(/wp-content/uploads/2026/10/fleche2.webp) center/contain no-repeat}
/* g:wannup-list-img-180-h */ .single-content .wannup-hli.wannup-list-img-180{position:relative;min-height:18px;padding-left:31px} .single-content .wannup-hli.wannup-list-img-180::before{content:"";position:absolute;left:0;top:0;width:21px;height:18px;max-height:2.35em;background:url(/wp-content/uploads/2026/10/fleche2.webp) center/contain no-repeat}
/* g:wannup-ls-20 */ .single-content ul.wannup-ls-20 > li{margin-top:0} .single-content ul.wannup-ls-20 > li + li{margin-top:20px}
/* g:wannup-ls-25 */ .single-content ul.wannup-ls-25 > li{margin-top:0} .single-content ul.wannup-ls-25 > li + li{margin-top:25px}
/* g:wannup-nb-150 */ .wannup-nb-150{margin-bottom:-150px!important;position:relative;z-index:1}
/* g:wannup-nb-20 */ .wannup-nb-20{margin-bottom:-20px!important;position:relative;z-index:1}
/* g:wannup-nb-200 */ .wannup-nb-200{margin-bottom:-200px!important;position:relative;z-index:1}
/* g:wannup-nb-30 */ .wannup-nb-30{margin-bottom:-30px!important;position:relative;z-index:1}
/* g:wannup-nb-40 */ .wannup-nb-40{margin-bottom:-40px!important;position:relative;z-index:1}
/* g:wannup-nb-50 */ .wannup-nb-50{margin-bottom:-50px!important;position:relative;z-index:1}
/* g:wannup-nt-100 */ .wannup-nt-100{margin-top:-100px!important;position:relative;z-index:1}
/* g:wannup-nt-20 */ .wannup-nt-20{margin-top:-20px!important;position:relative;z-index:1}
/* g:wannup-nt-240 */ .wannup-nt-240{margin-top:-240px!important;position:relative;z-index:1}
/* g:wannup-nt-30 */ .wannup-nt-30{margin-top:-30px!important;position:relative;z-index:1}
/* g:wannup-nt-60 */ .wannup-nt-60{margin-top:-60px!important;position:relative;z-index:1}
/* g:wannup-nt-90 */ .wannup-nt-90{margin-top:-90px!important;position:relative;z-index:1}
/* END règles générées */

/* BEGIN valeurs mobiles (généré par convert.py, ne pas modifier à la main) */
@media (max-width: 768px) {
.wannup-m-mt-n140{margin-top:-140px!important;position:relative;z-index:1}
.wannup-m-mt-n4{margin-top:-4px!important;position:relative;z-index:1}
.wannup-m-mt-30{margin-top:30px!important}
.wannup-m-mt-60{margin-top:60px!important}
.wannup-m-mb-60{margin-bottom:60px!important}
.wannup-m-mb-90{margin-bottom:90px!important}
.wannup-m-mb-100{margin-bottom:100px!important}
.wannup-m-pt-0{padding-top:0px!important}
.wannup-m-pt-30{padding-top:30px!important}
.wannup-m-pt-40{padding-top:40px!important}
.wannup-m-pt-60{padding-top:60px!important}
.wannup-m-pt-100{padding-top:100px!important}
.wannup-m-pr-0{padding-right:0px!important}
.wannup-m-pr-5{padding-right:5px!important}
.wannup-m-pr-20{padding-right:20px!important}
.wannup-m-pr-40{padding-right:40px!important}
.wannup-m-pb-20{padding-bottom:20px!important}
.wannup-m-pb-30{padding-bottom:30px!important}
.wannup-m-pb-40{padding-bottom:40px!important}
.wannup-m-pb-60{padding-bottom:60px!important}
.wannup-m-pl-0{padding-left:0px!important}
.wannup-m-pl-5{padding-left:5px!important}
.wannup-m-pl-10{padding-left:10px!important}
.wannup-m-pl-15{padding-left:15px!important}
.wannup-m-pl-20{padding-left:20px!important}
.wannup-m-pl-35{padding-left:35px!important}
.wannup-m-pl-40{padding-left:40px!important}
.wannup-m-pl-50{padding-left:50px!important}
.wannup-m-pl-60{padding-left:60px!important}
}
/* END valeurs mobiles */