@media screen and (max-width: 768px) {
.categorie-acces-rapide {
display: none !important;
}
}
.categorie-acces-rapide {
margin: 20px auto;
padding: 12px 16px;
background-color: #f5f5f5;
border-left: 4px solid #333;
border-radius: 6px;
font-family: ‘Segoe UI’, sans-serif;
max-width: 1000px;
}
.categorie-titre {
margin: 0 0 8px 0;
font-weight: bold;
font-size: 16px;
color: #111;
}
.categorie-liste {
display: flex;
flex-wrap: wrap;
gap: 14px;
}
.categorie-item {
position: relative;
}
.categorie-lien {
background-color: #333;
color: #fff;
padding: 6px 12px;
font-size: 14px;
border-radius: 20px;
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease;
display: inline-flex;
align-items: center;
gap: 8px;
}
.categorie-lien:hover {
background-color: #000;
color: #ccc;
}
.icon-wrapper {
width: 20px;
height: 20px;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.icon-svg {
width: 14px;
height: 14px;
display: inline-flex;
}
.categorie-item:hover .categorie-popover,
.categorie-popover:hover {
display: block;
}
.categorie-popover {
display: none;
position: absolute;
top: 38px;
left: 0;
z-index: 999;
width: 320px;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
padding: 10px;
pointer-events: auto;
}
ul.category-list-thumbs {
list-style: none;
padding: 0;
margin: 0;
}
ul.category-list-thumbs li {
margin-bottom: 8px;
}
ul.category-list-thumbs li a {
display: flex;
align-items: center;
text-decoration: none;
color: inherit;
}
ul.category-list-thumbs li img.thumb-img {
display: inline-block;
height: 40px;
width: auto;
margin-right: 8px;
object-fit: cover;
border-radius: 4px;
}
ul.category-list-thumbs li .title {
font-weight: 600;
font-size: 14px;
display: block;
white-space: normal;
line-height: 1.3;
max-width: 240px;
}
La rédaction vous propose par secteur d’activité :
Les PME aux avant-postes
#rdqpme_zZOUXC{
width:100%;
margin:0 auto 12px;
box-sizing:border-box;
contain:layout style;
}
#rdqpme_zZOUXC *,
#rdqpme_zZOUXC *::before,
#rdqpme_zZOUXC *::after{
box-sizing:border-box;
}
@media (max-width: 767.98px){
#rdqpme_zZOUXC{
display:none !important;
}
}
#rdqpme_zZOUXC .rdq-heading{
margin:0 0 12px;
text-align:center;
font:800 clamp(18px,2.2vw,24px)/1.2 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial, »Noto Sans »,sans-serif;
color:#16181d;
}
#rdqpme_zZOUXC .rdq-row{
position:relative;
padding-bottom:48px;
}
#rdqpme_zZOUXC .rdq-grid{
display:grid;
gap:16px;
grid-template-columns:repeat(4, minmax(0,1fr));
align-items:stretch;
}
@media (min-width:768px) and (max-width:1199.98px){
#rdqpme_zZOUXC .rdq-grid{
grid-template-columns:repeat(4, minmax(0,1fr));
gap:10px;
}
#rdqpme_zZOUXC .rdq-media{
aspect-ratio:4/3;
}
#rdqpme_zZOUXC .rdq-body{
padding:9px 9px 10px;
gap:4px;
}
#rdqpme_zZOUXC .rdq-title{
font-size:14px;
line-height:1.25;
}
#rdqpme_zZOUXC .rdq-excerpt{
font-size:12px;
line-height:1.35;
-webkit-line-clamp:2;
}
}
@media (min-width:1200px){
#rdqpme_zZOUXC .rdq-grid{
grid-template-columns:repeat(4, minmax(0,1fr));
}
}
#rdqpme_zZOUXC .rdq-card{
display:flex;
flex-direction:column;
min-width:0;
background:#fff;
border:1px solid rgba(0,0,0,.08);
border-radius:12px;
overflow:hidden;
box-shadow:0 6px 18px rgba(0,0,0,.06);
transition:transform .12s ease, box-shadow .15s ease, border-color .2s ease;
isolation:isolate;
}
#rdqpme_zZOUXC .rdq-card:hover{
transform:translateY(-2px);
box-shadow:0 10px 24px rgba(0,0,0,.10);
border-color:rgba(0,0,0,.12);
}
#rdqpme_zZOUXC .rdq-media{
display:block;
aspect-ratio:3/2;
overflow:hidden;
background:#f4f4f6;
line-height:0;
text-decoration:none;
}
#rdqpme_zZOUXC .rdq-media img,
#rdqpme_zZOUXC .rdq-media .rdq-img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
#rdqpme_zZOUXC .rdq-media figure,
#rdqpme_zZOUXC .rdq-media .wp-caption,
#rdqpme_zZOUXC .rdq-media picture{
margin:0;
width:100%;
height:100%;
display:block;
}
#rdqpme_zZOUXC .rdq-media figcaption,
#rdqpme_zZOUXC .rdq-media .wp-caption-text{
display:none !important;
}
#rdqpme_zZOUXC .rdq-ph{
width:100%;
height:100%;
display:block;
background:linear-gradient(135deg, #f4f4f6 0%, #ececf1 100%);
}
#rdqpme_zZOUXC .rdq-body{
display:flex;
flex-direction:column;
gap:6px;
padding:12px 12px 14px;
min-width:0;
}
#rdqpme_zZOUXC .rdq-title{
margin:0;
font:700 17px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial, »Noto Sans »,sans-serif;
overflow-wrap:anywhere;
}
#rdqpme_zZOUXC .rdq-title a{
color:#16181d;
text-decoration:none;
}
#rdqpme_zZOUXC .rdq-title a:hover{
text-decoration:underline;
text-underline-offset:2px;
}
#rdqpme_zZOUXC .rdq-excerpt{
margin:0;
color:#4b5160;
font:400 14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial, »Noto Sans »,sans-serif;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
overflow-wrap:anywhere;
}
#rdqpme_zZOUXC .rdq-more{
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:-12px;
z-index:3;
width:58px;
height:58px;
border-radius:50%;
border:2px solid rgba(0,0,0,.22);
background:#fff;
color:#111;
font:800 28px/1 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
box-shadow:0 10px 24px rgba(0,0,0,.18), 0 0 0 6px rgba(0,0,0,.03);
cursor:pointer;
transition:transform .12s ease, box-shadow .15s ease, border-color .12s ease, background .12s ease;
}
#rdqpme_zZOUXC .rdq-more:hover{
transform:translateX(-50%) translateY(-2px);
border-color:rgba(0,0,0,.32);
box-shadow:0 14px 28px rgba(0,0,0,.22), 0 0 0 7px rgba(0,0,0,.035);
}
#rdqpme_zZOUXC .rdq-more:focus{
outline:3px solid rgba(10,132,255,.2);
outline-offset:2px;
}
#rdqpme_zZOUXC [hidden]{
display:none !important;
}
Les retards de paiement sont une des plaies de la vie des entreprises. Cleaver, startup française fondée en 2025, veut que les entreprises soient payées en temps et heure. Pour cela, elle propose une IA qui prend en charge le suivi des paiements et la chaîne de relances jusqu’aux litiges sans intervention humaine. La startup annonce déjà une centaine de clients en Europe en 7 mois, qui encaissent déjà 40 % de trésorerie en plus.
Plusieurs fonds européens pour 8 millions d’euros de financement
Six mois après un pré-seed de 1 million d’euros, la startup annonce un financement de 8 millions d’euros mené par Varsity, plusieurs fonds européens tels que Portfolio Ventures, Kerala, Financière Saint James.et ses investisseurs historiques Kima Ventures et Better Angle.
Newsletter La Revue du Digital
/* Style général – Fond clair avec bordures subtiles */
.revuedigital-newsletter {
background-color: #f8f8f8;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
padding: 20px 0;
font-family: ‘Arial’, sans-serif;
width: 100%;
box-sizing: border-box;
font-size: 15px;
}
/* Conteneur principal */
.revuedigital-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0 20px;
gap: 20px;
}
/* Texte d’appel – NOIR ET GRAS */
.revuedigital-text {
flex: 1;
min-width: 250px;
color: #000000; /* Noir pur */
}
.revuedigital-text h3 {
margin: 0 0 8px 0;
font-size: 1.1em;
font-weight: 800; /* Extra-gras */
text-transform: uppercase;
letter-spacing: 0.5px;
line-height: 1.3;
}
.revuedigital-text p {
margin: 0;
font-size: 0.95em;
font-weight: 700; /* Gras */
line-height: 1.4;
color: #000000; /* Noir pur */
}
/* Formulaire WPForms */
.revuedigital-form {
flex: 1;
min-width: 250px;
font-size: 1em;
}
/* Styles des champs – Noir et contrasté */
.revuedigital-form .wpforms-field-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: flex-end;
}
.revuedigital-form .wpforms-field {
flex: 1;
min-width: 200px !important;
margin: 0 !important;
font-size: 0.95em !important;
}
.revuedigital-form input[type= »email »] {
width: 100% !important;
padding: 10px 12px !important;
border: 1px solid #000000 !important; /* Bordure noire */
border-radius: 4px !important;
background-color: #fff !important;
font-size: 0.95em !important;
font-weight: 600 !important;
color: #000000 !important; /* Texte noir */
}
/* Bouton – Noir avec hover */
.revuedigital-form button[type= »submit »] {
padding: 10px 25px !important;
background-color: #000000 !important; /* Noir */
color: white !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer;
font-size: 0.95em !important;
font-weight: 700 !important;
transition: all 0.3s;
}
.revuedigital-form button[type= »submit »]:hover {
background-color: #333333 !important; /* Noir légèrement éclairci */
transform: translateY(-1px);
}
/* Responsive */
@media (max-width: 768px) {
.revuedigital-container {
flex-direction: column;
text-align: center;
gap: 15px;
}
.revuedigital-text h3 {
font-size: 1.2em; /* Taille augmentée sur mobile */
}
.revuedigital-form .wpforms-field-container {
flex-direction: column;
align-items: stretch;
}
}
Lors de l’émission de la facture, la plateforme IA native de Cleavr identifie les bons interlocuteurs, relance par email, téléphone ou SMS, suit les promesses de paiement et remonte les litiges. L’humain n’intervient que quand c’est pertinent.
Réduction des délais de paiement de 37% en moyenne
Cleavr déclare que dès les premières semaines, ses clients réduisent en moyenne de 37 % leur délai de paiement (DSO) et encaissent 40 % de trésorerie en plus. En parallèle, leurs équipes récupèrent 80 % du temps qu’elles passaient chaque mois à relancer le paiement des factures. « Le recouvrement est une tâche que personne n’a envie de faire. Elle est répétitive et peu épanouissante » constate Baptiste Nassoy, cofondateur et CEO de Cleavr.
« Avec Cleavr, les équipes finance peuvent se concentrer sur des tâches à plus forte valeur ajoutée» dit-il. Cleavr est présent commercialement en France, en Espagne, en Allemagne, en Belgique, en Italie et au Royaume-Uni. La startup traite plusieurs milliards d’euros de factures et envoie des relances dans le monde entier pour les clients internationaux des entreprises.
Une solution connectable à tout ERP
L’IA permet d’adapter Cleavr à chaque organisation, à chaque ERP, à chaque processus interne, en quelques jours à la différence du Saas, soulignent Arthur Guérin et Antoine Grenard, co-fondateurs de Cleavr. “En quelques mois, les équipes de Cleavr ont convaincu une centaine d’entreprises de toutes tailles, qui confirment toutes l’impact de la solution sur leur trésorerie” se félicite Didier Valet, General Partner chez Varsity.
“Le marché de l’encaissement est énorme, encore très peu automatisé, et l’approche agentique de Cleavr a tout pour créer un nouveau standard de pilotage autonome” déclare-t-il.
/* Bloc dossier pro — classes préfixées pour éviter les collisions */
.lrd-dossierpro{
margin: 22px 0;
font-family: inherit;
}
.lrd-dossierpro__link{
display: grid;
grid-template-columns: 220px 1fr;
gap: 16px;
text-decoration: none;
border: 1px solid #e7e9ee;
border-radius: 12px;
overflow: hidden;
background: #f7f8fa; /* neutre, éditorial */
transition: box-shadow .2s ease, transform .12s ease, border-color .2s ease;
}
.lrd-dossierpro__link:hover{
box-shadow: 0 10px 24px rgba(17,24,39,0.10);
transform: translateY(-1px);
border-color: #d9dde6;
}
.lrd-dossierpro__media{
position: relative;
background: #e9edf3;
min-height: 150px;
}
.lrd-dossierpro__media img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.lrd-dossierpro__body{
padding: 14px 16px 14px 0;
}
.lrd-dossierpro__kicker{
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 12px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #5a6472;
font-weight: 700;
margin-top: 2px;
}
.lrd-dossierpro__kicker::before{
content: « »;
width: 10px;
height: 10px;
border-radius: 999px;
background: #1f2937; /* sobre */
display: inline-block;
}
.lrd-dossierpro__title{
margin: 6px 0 8px 0;
color: #111827;
font-size: 19px;
line-height: 1.25;
}
.lrd-dossierpro__text{
margin: 0 0 12px 0;
color: #374151;
font-size: 14px;
line-height: 1.45;
}
.lrd-dossierpro__footer{
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.lrd-dossierpro__btn{
display: inline-flex;
align-items: center;
justify-content: center;
padding: 9px 14px;
border-radius: 999px; /* bouton éditorial, pas “pub” */
background: #111827;
color: #ffffff;
font-size: 13px;
font-weight: 700;
line-height: 1;
}
.lrd-dossierpro__hint{
font-size: 13px;
color: #6b7280;
font-weight: 600;
}
/* Responsive : image au-dessus, bouton reste visible */
@media (max-width: 720px){
.lrd-dossierpro__link{
grid-template-columns: 1fr;
}
.lrd-dossierpro__media{
min-height: 180px;
}
.lrd-dossierpro__body{
padding: 14px 14px 16px 14px;
}
.lrd-dossierpro__title{
font-size: 18px;
}
}
.comment-cta {
background: #f5f5f5;
border: 1px solid #ddd;
padding: 18px 24px;
margin: 40px 0 20px;
border-radius: 12px;
text-align: left;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
animation: fadeIn 0.6s ease-in-out;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.comment-cta h3 {
font-size: 1.3em;
margin: 0 0 6px;
color: #333;
font-weight: 600;
}
.comment-cta .comment-sub {
font-size: 1em;
color: #555;
margin: 0 0 14px;
}
.comment-button {
display: inline-block;
background-color: #FD8F00;
color: white;
text-decoration: none;
padding: 10px 22px;
border-radius: 30px;
font-weight: bold;
font-size: 0.95em;
transition: background-color 0.3s ease;
}
.comment-button:hover {
background-color: #e77f00;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.lrd-koko-grille,
.lrd-koko-grille *,
.lrd-koko-grille *::before,
.lrd-koko-grille *::after {
box-sizing: border-box;
}
.lrd-koko-grille {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 25px 0 30px !important;
padding: 0 !important;
container-type: inline-size;
font-family: inherit;
}
.lrd-koko-grille__entete {
display: flex !important;
align-items: center !important;
gap: 18px !important;
width: 100% !important;
margin: 0 0 16px !important;
padding: 0 !important;
}
.lrd-koko-grille__titre {
flex: 0 0 auto;
margin: 0 !important;
padding: 0 !important;
border: 0;
background: transparent;
color: #111111 !important;
font-family: inherit !important;
font-size: 27px !important;
font-weight: 700;
line-height: 1.2 !important;
text-transform: none;
letter-spacing: normal;
}
.lrd-koko-grille__trait {
display: block;
flex: 1 1 auto;
height: 1px;
background: #dedede;
}
/*
* Trois colonnes de largeur identique.
*/
.lrd-koko-grille
.lrd-koko-grille__liste {
display: grid !important;
grid-template-columns:
repeat(3, minmax(0, 1fr)) !important;
grid-template-rows: auto !important;
grid-auto-flow: row !important;
gap: 22px !important;
align-items: stretch !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.lrd-koko-grille
.lrd-koko-grille__article {
display: flex !important;
flex-direction: column !important;
grid-column: auto !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
float: none !important;
clear: none !important;
border: 1px solid #e5e5e5;
border-radius: 12px;
background: #ffffff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.lrd-koko-grille__image {
display: block !important;
flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
aspect-ratio: 3 / 2;
border-radius: 0;
background: #eeeeee;
text-decoration: none !important;
}
.lrd-koko-grille__image img {
display: block !important;
width: 100% !important;
max-width: none !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0;
object-fit: cover !important;
}
.lrd-koko-grille__sans-image {
display: block;
width: 100%;
height: 100%;
background: #eeeeee;
}
.lrd-koko-grille__contenu {
display: block !important;
flex: 1 1 auto !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 16px 17px 20px !important;
}
/*
* Ces règles typographiques concernent uniquement
* l’affichage sous les articles.
*/
.lrd-koko-grille__titre-article {
margin: 0 !important;
padding: 0 !important;
border: 0;
background: transparent;
color: #172033;
font-family: inherit !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.22 !important;
text-align: left;
text-transform: none;
letter-spacing: -0.015em;
hyphens: none;
word-break: normal;
overflow-wrap: break-word;
}
.lrd-koko-grille__titre-article a {
display: block;
margin: 0;
padding: 0;
color: #172033 !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
letter-spacing: inherit;
text-decoration: none !important;
transition: color 0.15s ease;
}
/*
* Survol gris uniquement pour la grille.
*/
.lrd-koko-grille__titre-article a:hover,
.lrd-koko-grille__titre-article a:focus {
color: #666666 !important;
text-decoration: none !important;
}
/*
* Deux colonnes lorsque le conteneur
* devient trop étroit.
*/
@container (max-width: 700px) {
.lrd-koko-grille
.lrd-koko-grille__liste {
grid-template-columns:
repeat(2, minmax(0, 1fr)) !important;
}
.lrd-koko-grille__titre-article {
font-size: 17px !important;
}
}
/*
* Une colonne sur les très petits écrans.
*/
@container (max-width: 480px) {
.lrd-koko-grille
.lrd-koko-grille__liste {
grid-template-columns: 1fr !important;
}
.lrd-koko-grille__titre {
font-size: 22px !important;
}
.lrd-koko-grille
.lrd-koko-grille__article {
display: grid !important;
grid-template-columns:
125px minmax(0, 1fr) !important;
align-items: center !important;
}
.lrd-koko-grille__image {
width: 125px !important;
height: 84px !important;
aspect-ratio: auto;
}
.lrd-koko-grille__contenu {
padding: 12px !important;
}
.lrd-koko-grille__titre-article {
font-size: 16px !important;
}
}
/*
* Sécurité supplémentaire sur smartphone.
*/
@media (max-width: 600px) {
@supports not (container-type: inline-size) {
.lrd-koko-grille
.lrd-koko-grille__liste {
grid-template-columns: 1fr !important;
}
}
}
Top lectures en ce moment
L’actualité de la transformation
/* ===== Scope local ===== */
#rdq_RV9fAN{ width:100%; margin:0 auto 12px; }
/* Masqué sur mobile */
@media (max-width: 767.98px){ #rdq_RV9fAN{ display:none !important; } }
/* Titre centré */
#rdq_RV9fAN .rdq-heading{
margin:0 0 12px; text-align:center;
font:800 clamp(18px,2.2vw,24px)/1.2 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial, »Noto Sans »,sans-serif;
color:#16181d;
}
/* Rangée + place pour le bouton “+” */
#rdq_RV9fAN .rdq-row{ position:relative; padding-bottom:48px; }
/* Grille */
#rdq_RV9fAN .rdq-grid{
display:grid; gap:16px; grid-template-columns: repeat(4, 1fr);
}
@media (min-width:768px) and (max-width:1199.98px){
#rdq_RV9fAN .rdq-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (min-width:1200px){
#rdq_RV9fAN .rdq-grid{ grid-template-columns: repeat(4, 1fr); }
}
/* Cartes */
#rdq_RV9fAN .rdq-card{
background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:12px; overflow:hidden;
box-shadow:0 6px 18px rgba(0,0,0,.06);
transition:transform .12s ease, box-shadow .15s ease, border-color .2s ease;
}
#rdq_RV9fAN .rdq-card:hover{
transform: translateY(-2px);
box-shadow:0 10px 24px rgba(0,0,0,.10);
border-color: rgba(0,0,0,.12);
}
/* Media (image à la Une) */
#rdq_RV9fAN .rdq-media{
display:block; aspect-ratio: 3/2; overflow:hidden; background:#f4f4f6; line-height:0;
}
#rdq_RV9fAN .rdq-media img{ width:100%; height:100%; object-fit:cover; display:block; }
/* Sécurité anti-caption (si un plugin/thème enrobe l’image) */
#rdq_RV9fAN .rdq-media figure,
#rdq_RV9fAN .rdq-media .wp-caption { margin:0; height:100%; }
#rdq_RV9fAN .rdq-media figcaption,
#rdq_RV9fAN .rdq-media .wp-caption-text { display:none !important; }
#rdq_RV9fAN .rdq-media .wp-caption img,
#rdq_RV9fAN .rdq-media figure img { width:100%; height:100%; object-fit:cover; display:block; }
/* Corps */
#rdq_RV9fAN .rdq-body{ padding:12px 12px 14px; }
#rdq_RV9fAN .rdq-title{ margin:0 0 6px; font:700 17px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial, »Noto Sans »,sans-serif; }
#rdq_RV9fAN .rdq-title a{ color:#16181d; text-decoration:none; }
#rdq_RV9fAN .rdq-title a:hover{ text-decoration:underline; text-underline-offset:2px; }
#rdq_RV9fAN .rdq-excerpt{
margin:0; color:#4b5160; font:400 14px/1.45 system-ui,sans-serif;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
/* Bouton “+” */
#rdq_RV9fAN .rdq-more{
position:absolute; left:50%; transform:translateX(-50%);
bottom:-12px;
width:58px; height:58px; border-radius:50%;
border:2px solid rgba(0,0,0,.22); background:#fff; color:#111;
font:800 28px/1 system-ui,sans-serif;
box-shadow:0 10px 24px rgba(0,0,0,.18), 0 0 0 6px rgba(0,0,0,.03);
cursor:pointer;
transition: transform .12s ease, box-shadow .15s ease, border-color .12s ease, background .12s ease;
}
#rdq_RV9fAN .rdq-more:hover{
transform: translateX(-50%) translateY(-2px);
border-color: rgba(0,0,0,.32);
box-shadow:0 14px 28px rgba(0,0,0,.22), 0 0 0 7px rgba(0,0,0,.035);
}
#rdq_RV9fAN .rdq-more:focus{ outline: 3px solid #0a84ff33; outline-offset:2px; }
#dossier-ia-editorial{
–text:#0b1220; –muted:#475569; –brand:#1f2937;
–line:#e5e7eb; –btn-bg:#111827; –btn-bg-h:#0b1220; –btn-text:#ffffff;
margin:36px 0 44px; font-variant-ligatures: contextual;
}
#dossier-ia-editorial a{ text-decoration:none; color:inherit; }
#dossier-ia-editorial a:hover{ text-decoration:none; }
#dossier-ia-editorial .head{ margin-bottom:22px; border-bottom:1px solid var(–line); padding-bottom:14px; }
#dossier-ia-editorial .kicker{ font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(–muted); font-weight:700; margin-bottom:8px; }
#dossier-ia-editorial h2#dossier-ia-title{ font-size:clamp(26px,2.6vw,34px); line-height:1.15; margin:0 0 8px 0; color:var(–text); }
#dossier-ia-editorial .subtitle{ font-size:16px; font-weight:700; color:var(–brand); }
#dossier-ia-editorial .grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
@media (max-width:1000px){ #dossier-ia-editorial .grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px){ #dossier-ia-editorial .grid{ grid-template-columns:1fr; } }
#dossier-ia-editorial .card{
display:flex; flex-direction:column; justify-content:space-between;
border:1px solid var(–line); border-radius:12px; padding:12px; background:#fff;
min-height:100%; box-sizing:border-box;
}
#dossier-ia-editorial .card:hover{ border-color:#d1d5db; }
/* Image + bandeau « article abonné » */
#dossier-ia-editorial .media{
position:relative; aspect-ratio:16/9; overflow:hidden;
background:#f1f5f9; border-radius:8px;
}
#dossier-ia-editorial .media img{
width:100%; height:100%; object-fit:cover; display:block;
}
#dossier-ia-editorial .media::after{
content: »article abonné »;
position:absolute; bottom:10px; left:10px;
background:rgba(243,244,246,0.9); /* gris clair */
color:#374151; /* gris foncé */
font-size:12px; font-weight:600;
padding:4px 10px; border-radius:6px;
border:1px solid #d1d5db;
}
#dossier-ia-editorial .media a{ display:block; }
#dossier-ia-editorial .title{
font-size:clamp(18px,1.8vw,20px);
line-height:1.25; font-weight:800;
margin:10px 0 6px; color:var(–text);
}
#dossier-ia-editorial .excerpt{
font-size:14px; color:#334155; margin:0;
flex-grow:1; line-height:1.3em;
}
#dossier-ia-editorial .actions{ margin-top:12px; text-align:left; }
#dossier-ia-editorial .btn{
display:inline-block; padding:10px 14px; border-radius:8px;
text-decoration:none; font-weight:700; font-size:14px;
background:var(–btn-bg); color:var(–btn-text); border:1px solid #111827;
}
#dossier-ia-editorial .btn:hover{ background:var(–btn-bg-h); color:#fff; }
#dossier-ia-editorial .btn:focus{ outline:2px solid #93c5fd; outline-offset:2px; }
Soyez le premier à commenter