') } .amp-carousel-button-prev { background-image: url('data:image/svg+xml;charset=utf-8,Previous ') } .ampstart-dropdown { min-width: 200px } .ampstart-dropdown.absolute { z-index: 100 } .ampstart-dropdown.absolute>section,.ampstart-dropdown.absolute>section>header { height: 100% } .ampstart-dropdown>section>header { background-color: #000; border: 0; color: #fff } .ampstart-dropdown>section>header:after { display: inline-block; content: "+"; padding: 0 0 0 1.5rem; color: #00A3A3 } .ampstart-dropdown>[expanded]>header:after { content: "–" } .absolute .ampstart-dropdown-items { z-index: 200 } .ampstart-dropdown-item { background-color: #000; color: #00A3A3; opacity: .9 } .ampstart-dropdown-item:active,.ampstart-dropdown-item:hover { opacity: 1 } .ampstart-footer { background-color: #fff; color: #000; padding-top: 5rem; padding-bottom: 5rem } .ampstart-footer .ampstart-icon { fill: #000 } .ampstart-footer .ampstart-social-follow li:last-child { margin-right: 0 } .ampstart-image-fullpage-hero { color: #fff } .ampstart-fullpage-hero-heading-text,.ampstart-image-fullpage-hero .ampstart-image-credit { -webkit-box-decoration-break: clone; box-decoration-break: clone; background: #000; padding: 0 1rem .2rem } .ampstart-image-fullpage-hero>amp-img { max-height: calc(100vh - 3.5rem) } .ampstart-image-fullpage-hero>amp-img img { -o-object-fit: cover; object-fit: cover } .ampstart-fullpage-hero-heading { line-height: 3.5rem } .ampstart-fullpage-hero-cta { background: transparent } .ampstart-readmore { background: linear-gradient(0deg,rgba(0,0,0,.65) 0,transparent); color: #fff; margin-top: 5rem; padding-bottom: 3.5rem } .ampstart-readmore:after { display: block; content: "⌄"; font-size: 2rem } .ampstart-readmore-text { background: #000 } @media (min-width:52.06rem) { .ampstart-image-fullpage-hero>amp-img { height: 60vh } } .ampstart-image-heading { color: #fff; background: linear-gradient(0deg,rgba(0,0,0,.65) 0,transparent) } .ampstart-image-heading>* { margin: 0 } amp-carousel .ampstart-image-with-heading { margin-bottom: 0 } .ampstart-image-with-caption figcaption { color: #4f4f4f; line-height: 1.125rem } amp-carousel .ampstart-image-with-caption { margin-bottom: 0 } .ampstart-input { max-width: 100%; width: 300px; min-width: 100px; font-size: 1rem; line-height: 1.5rem } .ampstart-input [disabled],.ampstart-input [disabled]+label { opacity: .5 } .ampstart-input [disabled]:focus { outline: 0 } .ampstart-input>input,.ampstart-input>select,.ampstart-input>textarea { width: 100%; margin-top: 1rem; line-height: 1.5rem; border: 0; border-radius: 0; border-bottom: 1px solid #4a4a4a; background: none; color: #4a4a4a; outline: 0 } .ampstart-input>label { color: #00A3A3; pointer-events: none; text-align: left; font-size: .875rem; line-height: 1rem; opacity: 0; animation: .2s; animation-timing-function: cubic-bezier(.4,0,.2,1); animation-fill-mode: forwards } .ampstart-input>input:focus,.ampstart-input>select:focus,.ampstart-input>textarea:focus { outline: 0 } .ampstart-input>input:focus:-ms-input-placeholder,.ampstart-input>select:focus:-ms-input-placeholder,.ampstart-input>textarea:focus:-ms-input-placeholder { color: transparent } .ampstart-input>input:focus::placeholder,.ampstart-input>select:focus::placeholder,.ampstart-input>textarea:focus::placeholder { color: transparent } .ampstart-input>input:not(:placeholder-shown):not([disabled])+label,.ampstart-input>select:not(:placeholder-shown):not([disabled])+label,.ampstart-input>textarea:not(:placeholder-shown):not([disabled])+label { opacity: 1 } .ampstart-input>input:focus+label,.ampstart-input>select:focus+label,.ampstart-input>textarea:focus+label { animation-name: a } @keyframes a { to { opacity: 1 } } .ampstart-input>label:after { content: ""; height: 2px; position: absolute; bottom: 0; left: 45%; background: #00A3A3; transition: .2s; transition-timing-function: cubic-bezier(.4,0,.2,1); visibility: hidden; width: 10px } .ampstart-input>input:focus+label:after,.ampstart-input>select:focus+label:after,.ampstart-input>textarea:focus+label:after { left: 0; width: 100%; visibility: visible } .ampstart-input>input[type=search] { -webkit-appearance: none; -moz-appearance: none; appearance: none } .ampstart-input>input[type=range] { border-bottom: 0 } .ampstart-input>input[type=range]+label:after { display: none } .ampstart-input>select { -webkit-appearance: none; -moz-appearance: none; appearance: none } .ampstart-input>select+label:before { content: "⌄"; line-height: 1.5rem; position: absolute; right: 5px; zoom: 2; top: 0; bottom: 0; color: #00A3A3 } .ampstart-input-chk,.ampstart-input-radio { width: auto; color: #4a4a4a } .ampstart-input input[type=checkbox],.ampstart-input input[type=radio] { margin-top: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; border: 1px solid #00A3A3; vertical-align: middle; margin-right: .5rem; text-align: center } .ampstart-input input[type=radio] { border-radius: 20px } .ampstart-input input[type=checkbox]:not([disabled])+label,.ampstart-input input[type=radio]:not([disabled])+label { pointer-events: auto; animation: none; vertical-align: middle; opacity: 1; cursor: pointer } .ampstart-input input[type=checkbox]+label:after,.ampstart-input input[type=radio]+label:after { display: none } .ampstart-input input[type=checkbox]:after,.ampstart-input input[type=radio]:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: " "; line-height: 1.4rem; vertical-align: middle; text-align: center; background-color: #fff } .ampstart-input input[type=checkbox]:checked:after { background-color: #00A3A3; color: #fff; content: "✓" } .ampstart-input input[type=radio]:checked { background-color: #fff } .ampstart-input input[type=radio]:after { top: 3px; bottom: 3px; left: 3px; right: 3px; border-radius: 12px } .ampstart-input input[type=radio]:checked:after { content: ""; font-size: 3rem; background-color: #00A3A3 } .ampstart-input>label,_:-ms-lang(x) { opacity: 1 } .ampstart-input>input:-ms-input-placeholder,_:-ms-lang(x) { color: transparent } .ampstart-input>input::placeholder,_:-ms-lang(x) { color: transparent } .ampstart-input>input::-ms-input-placeholder,_:-ms-lang(x) { color: transparent } .ampstart-input>select::-ms-expand { display: none } .ampstart-headerbar { background-color: #00A3A3; color: #FFFFFF; z-index: 999; box-shadow: 0 0 5px 2px rgba(0,0,0,.1) } .ampstart-headerbar+:not(amp-sidebar),.ampstart-headerbar+amp-sidebar+* { margin-top: 4.5rem } .ampstart-headerbar-nav .ampstart-nav-item { padding: 0 1rem; background: transparent; opacity: .8 } .ampstart-headerbar-nav { line-height: 3.5rem } .ampstart-nav-item:active,.ampstart-nav-item:focus,.ampstart-nav-item:hover { opacity: 1 } .ampstart-navbar-trigger:focus { outline: none } .ampstart-nav a,.ampstart-navbar-trigger,.ampstart-sidebar-faq a { cursor: pointer; text-decoration: none } .ampstart-nav .ampstart-label { color: inherit } .ampstart-navbar-trigger { line-height: 3.5rem; font-size: 2rem } .ampstart-headerbar-nav { -ms-flex: 1; flex: 1 } .ampstart-nav-search { -ms-flex-positive: 0.5; flex-grow: 0.5 } .ampstart-headerbar .ampstart-nav-search:active,.ampstart-headerbar .ampstart-nav-search:focus,.ampstart-headerbar .ampstart-nav-search:hover { box-shadow: none } .ampstart-nav-search>input { border: none; border-radius: 3px; line-height: normal } .ampstart-nav-dropdown { min-width: 200px } .ampstart-nav-dropdown amp-accordion header { background-color: #fff; border: none } .ampstart-nav-dropdown amp-accordion ul { background-color: #fff } .ampstart-nav-dropdown .ampstart-dropdown-item,.ampstart-nav-dropdown .ampstart-dropdown>section>header { background-color: #fff; color: #000 } .ampstart-nav-dropdown .ampstart-dropdown-item { color: #00A3A3 } .ampstart-sidebar { background-color: #fff; color: #000; min-width: 300px; width: 300px } .ampstart-sidebar .ampstart-icon { fill: #00A3A3; } .ampstart-sidebar-header { line-height: 3.5rem; min-height: 3.5rem } .ampstart-sidebar .ampstart-dropdown-item,.ampstart-sidebar .ampstart-dropdown header,.ampstart-sidebar .ampstart-faq-item,.ampstart-sidebar .ampstart-nav-item,.ampstart-sidebar .ampstart-social-follow { margin: 0 0 1rem } .ampstart-sidebar .ampstart-nav-dropdown { margin: 0 } .ampstart-sidebar .ampstart-navbar-trigger { line-height: inherit } .ampstart-navbar-trigger svg { pointer-events: none } .ampstart-related-article-section { border-color: #4a4a4a } .ampstart-related-article-section .ampstart-heading { color: #4a4a4a; font-weight: 400 } .ampstart-related-article-readmore { color: #000; letter-spacing: 0 } .ampstart-related-section-items>li { border-bottom: 1px solid #4a4a4a } .ampstart-related-section-items>li:last-child { border: none } .ampstart-related-section-items .ampstart-image-with-caption { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0 } .ampstart-related-section-items .ampstart-image-with-caption>amp-img,.ampstart-related-section-items .ampstart-image-with-caption>figcaption { -ms-flex: 1; flex: 1 } .ampstart-related-section-items .ampstart-image-with-caption>figcaption { padding-left: 1rem } @media (min-width:40.06rem) { .ampstart-related-section-items>li { border: none } .ampstart-related-section-items .ampstart-image-with-caption>figcaption { padding: 1rem 0 } .ampstart-related-section-items .ampstart-image-with-caption>amp-img,.ampstart-related-section-items .ampstart-image-with-caption>figcaption { -ms-flex-preferred-size: 100%; flex-basis: 100% } } .ampstart-social-box { display: -ms-flexbox; display: flex } .ampstart-social-box>amp-social-share { background-color: #000 } .ampstart-icon { fill: #00A3A3 } .ampstart-input { width: 100% } main .ampstart-social-follow { margin-left: auto; margin-right: auto; width: 315px } main .ampstart-social-follow li { transform: scale(1.8) } h1+.ampstart-byline time { font-size: 1.5rem; font-weight: 400 } .fixed-height-container { position: relative; width: 100%; height: 300px; } amp-img.contain img { object-fit: contain; } .collapsible-captions { --caption-height: 32px; --image-height: 300px; --caption-padding: 1rem; --button-size: 28px; --caption-color: #f5f5f5; --caption-bg-color: #111; background: var(--caption-bg-color); } .collapsible-captions figcaption:focus { outline: 0; border: none; } .collapsible-captions figcaption { position: absolute; bottom: 0; margin: 0; width: 100%; max-height: var(--caption-height); line-height: var(--caption-height); padding: 0 var(--button-size); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: max-height .2s cubic-bezier(.4,0,.2,1); z-index: 1000; color: var(--caption-color); background: var(--caption-bg-color); } .collapsible-captions * { -webkit-tap-highlight-color: rgba(255,255,255,0); box-sizing: border-box; } .collapsible-captions figcaption.expanded { padding: var(--button-size); line-height: inherit; white-space: normal; text-overflow: auto; max-height: calc(var(--caption-height) + var(--image-height)); overflow: auto; } .collapsible-captions figcaption span { display: block; position: absolute; top: calc((var(--caption-height) - var(--button-size))/ 2); right: 2px; width: var(--button-size); height: var(--button-size); line-height: var(--button-size); text-align: center; font-size: 12px; color: inherit; cursor: pointer; } .vid-zap{ width: 100%; background-color: #e4e1e1; padding: 5px; height:35px; } .vid-zap span{ background-color: #00A3A3; color: #FFFFFF; padding: 2px 5px; }
/*ajout css quantcast */ #postPromptUI button { background: #368bd6; color: white; padding: 5px 15px; border: none; outline: none; display: flex; align-items: center; position: fixed; right: 0; bottom: 0; border-radius: 3px 0 0 3px; max-height: 30px; max-width: 110px; cursor: pointer; } .vid-zap.css-sticky{ position:sticky; top:56px; z-index:10000; position: -webkit-sticky } .viously.css-sticky{ position: sticky;top: 91px;z-index: 10000; position: -webkit-sticky } .vslfix{ display: initial; } section{ display: initial; }
First View First View #14 : Qu'est-ce qui change avec l'arrivée de la V2.2 du TCF ? Nicolas Jaimes First View est une émission produite par Minted et Alliance Digitale, la principale association des acteurs du marketing digital en France, qui réunit l'IAB France et la Mobile Marketing Association France.
Chaque mois une nouvelle thématique liée au marché du marketing digital. Ce mois-ci : la version 2.2 du framework de recueil et transmission du consentement, le TCF, que l'IAB Europe a dévoilé mi-mai.
Le point avec Ninon Vagner (IAB Europe), Benoit Oberlé (Sirdata) et Natasza Gach-Violleau (Dailymotion)
Voilà une émission que vous voudrez regarder si vous êtes impliqués de près ou de loin dans le traitement de données utilisateurs à des fins de ciblage publicitaire. L'IAB Europe a annoncé le 16 mai dernier le lancement de la v2.2 du TCF, transparency and consent framework, son standard de recueil et transmission du consentement des utilisateurs. Une évolution qui fait notamment suite à une action judiciaire intentée par l'autorité de protection des données belge (APB).
Au coeur de cette V2.2, deux changements majeurs : la suppression de l’intérêt légitime comme base légale pour les finalités 3 à 6, soit la création et la sélection d’un contenu personnalisé ou d’une publicité ciblée pour le profil d’un utilisateur et l'importance d'une meilleure information du consommateur. Quels sont concrètement les modifications que vous devez opérer, selon que vous soyez éditeur de CPM, vendor ou éditeur ? Et quelles sont les deadlines pour chacune d'entre elles (spoiler, certains changements doivent être réalisés avant l'été) ?
Voici les questions auxquelles nous avons tâché de répondre avec Ninon Vagner (IAB Europe), Benoit Oberlé (Sirdata) et Natasza Gach-Violleau (Dailymotion).