Résumé de l’article
Pour Bart Preneel, les deepfakes vont devenir de plus en plus difficiles à détecter, obligeant citoyens, entreprises et institutions à développer un regard beaucoup plus critique sur les contenus numériques.
Pour Bart Preneel, expert en cybersécurité et professeur à la KU Leuven, nous devons avant tout apprendre à vivre avec une nouvelle réalité. La technologie ne disparaîtra pas, bien au contraire. Ce qui va changer, c’est notre manière de regarder les images, les vidéos et les informations en ligne.
21News : Que sont exactement les deepfakes ?
.yidp-offer:nth-child(-n+3) {
grid-column: span 2;
}
.yidp-grid-5>.yidp-offer:nth-child(4) {
grid-column: 2 / span 2;
}
.yidp-grid-5>.yidp-offer:nth-child(5) {
grid-column: 4 / span 2;
}
/* 6+ offres : 3 colonnes */
.yidp-grid-6,
.yidp-grid-7,
.yidp-grid-8 {
grid-template-columns: repeat(3, 1fr);
}
/* Offer card ——————————- */
.yidp-offer {
position: relative;
border: 2px solid var(–yidp-border);
padding: 20px 12px 16px;
cursor: pointer;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
transition: border-color 0.15s, background 0.15s;
background: rgba(0, 0, 0, 0.02);
}
/* Subscription offers colors */
#yidp-tab-subscription .yidp-offer.selected,
#yidp-tab-subscription .yidp-offer:has(input:checked) {
border-color: var(–yidp-secondary);
background: color-mix(in srgb, var(–yidp-secondary) 8%, transparent);
}
#yidp-tab-subscription .yidp-offer:hover {
border-color: var(–yidp-secondary);
}
#yidp-tab-subscription .yidp-offer-price {
color: var(–yidp-secondary);
}
#yidp-tab-subscription .yidp-badge {
background: var(–yidp-secondary);
color: #fff;
}
/* Credit offers colors */
#yidp-tab-credits .yidp-offer.selected,
#yidp-tab-credits .yidp-offer:has(input:checked) {
border-color: var(–yidp-success);
background: color-mix(in srgb, var(–yidp-success) 8%, transparent);
}
#yidp-tab-credits .yidp-offer:hover {
border-color: var(–yidp-success);
}
#yidp-tab-credits .yidp-offer-price {
color: var(–yidp-success);
}
#yidp-tab-credits .yidp-badge {
background: var(–yidp-success);
color: #fff;
}
/* Fallback when no tabs (single type) */
.yidp-form:not(:has(.yidp-tabs)) #yidp-tab-subscription .yidp-offer.selected,
.yidp-form:not(:has(.yidp-tabs)) #yidp-tab-subscription .yidp-offer:has(input:checked) {
border-color: var(–yidp-secondary);
background: color-mix(in srgb, var(–yidp-secondary) 8%, transparent);
}
.yidp-form:not(:has(.yidp-tabs)) #yidp-tab-credits .yidp-offer.selected,
.yidp-form:not(:has(.yidp-tabs)) #yidp-tab-credits .yidp-offer:has(input:checked) {
border-color: var(–yidp-success);
background: color-mix(in srgb, var(–yidp-success) 8%, transparent);
}
.yidp-offer input[type= »radio »] {
position: absolute;
opacity: 0;
pointer-events: none;
}
/* Badge ———————————— */
.yidp-badge {
position: absolute;
top: 0;
left: 50%;
border-radius: 16px;
transform: translate(-50%, -50%);
font-size: 9px;
font-weight: 800;
padding: 2px 8px;
text-transform: uppercase;
letter-spacing: 0.3px;
white-space: nowrap;
line-height: 1.3;
}
/* Offer details */
.yidp-offer-name {
font-size: 16px;
flex-grow: 1;
line-height: 20px;
font-weight: 600;
margin-top: 2px;
}
.yidp-offer-price {
font-size: 22px;
font-weight: 800;
line-height: 1.2;
margin: 4px 0 0;
}
.yidp-offer-price s {
font-size: 12px;
opacity: 0.4;
font-weight: 400;
display: block;
line-height: 1;
margin-bottom: 2px;
}
.yidp-offer-period {
line-height: 20px;
font-size: 11px;
opacity: 0.5;
}
/* Submit button —————————- */
.yidp-btn-submit {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 12px 20px;
background: var(–yidp-primary);
font-family: Bebas Neue, Bebas Neue Fallback, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
border: none;
color: #fff;
font-size: 16px;
font-weight: 800;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: opacity 0.15s;
}
.yidp-btn-submit:hover {
opacity: 0.85;
}
.yidp-btn-submit:disabled {
opacity: 0.5;
cursor: not-allowed;
}
/* Footer ———————————– */
.yidp-footer {
margin-top: 14px;
}
.yidp-footer-text {
margin: 0;
text-align: center;
font-size: 12px;
opacity: 0.5;
}
.yidp-footer-text a {
color: var(–yidp-primary);
text-decoration: none;
font-weight: 600;
}
.yidp-footer-text a:hover {
text-decoration: underline;
}
.yidp-footer-text strong {
opacity: 0.8;
}
/* Loading state —————————- */
.yidp-btn-submit.loading .yidp-submit-text {
opacity: 0;
}
.yidp-btn-submit.loading::after {
content: « »;
position: absolute;
width: 18px;
height: 18px;
border: 2px solid transparent;
border-top-color: #fff;
animation: yidp-spin 0.7s linear infinite;
}
@keyframes yidp-spin {
to {
transform: rotate(360deg);
}
}
/* Responsive ——————————- */
@media (max-width: 520px) {
.yidp-paywall-inner {
padding: 16px 16px;
}
/* Mobile : toujours 2 colonnes */
.yidp-offers-grid {
grid-template-columns: repeat(1, 1fr) !important;
gap: 15px !important;
}
.yidp-grid-5>.yidp-offer:nth-child(-n+3),
.yidp-grid-5>.yidp-offer:nth-child(4),
.yidp-grid-5>.yidp-offer:nth-child(5) {
grid-column: span 1;
}
/* 1 offre ou nombre impair : derniere centree */
.yidp-grid-1 {
grid-template-columns: 1fr !important;
}
.yidp-offer {
padding: 16px 8px 12px;
}
.yidp-offer-name {
font-size: 16px;
}
.yidp-offer-price {
font-size: 18px;
}
.yidp-credit-action {
flex-direction: column;
gap: 10px;
text-align: center;
}
.yidp-btn-credit {
width: 100%;
}
}
]]>