signup

Dix-sept sujets de dispute pour animer votre réveillon : dissolution de l’Assemblée, Mbappé, SUV…

Dix-sept sujets de dispute pour animer votre réveillon : dissolution de l’Assemblée, Mbappé, SUV…

Pour les retrouvailles en famille ou entre amis en cette fin d’année, Les Décodeurs du Monde vous ont concocté une édition 2024 du « Vociférator » : un cocktail détonant de dix-sept controverses ayant animé les douze derniers mois. Vous trouverez ci-dessous les arguments des tenants du « pour » et du « contre », avec une pincée de simplisme et une rasade

Pour les retrouvailles en famille ou entre amis en cette fin d’année, Les Décodeurs du Monde vous ont concocté une édition 2024 du « Vociférator » : un cocktail détonant de dix-sept controverses ayant animé les douze derniers mois. Vous trouverez ci-dessous les arguments des tenants du « pour » et du « contre », avec une pincée de simplisme et une rasade de mauvaise foi. De quoi mettre tout le monde en désaccord autour de la table !

:root {
–vert: #34A65F;
–rouge: #CC231E;
–jaune: #fdc828;
–bleu: #3AC1FF;
–violet: #F817FF;
}

/* —– Conteneurs principaux —– */

#d_vociferator_edition {
font-family: “Marr Sans Condensed”, “Helvetica Neue”, Helvetica, Arial;
font-size: 1.3rem;
text-transform: uppercase;
padding: 2px 4px;
display: inline-block;
transform: rotate(-7deg);
margin: 20px 0 0 10px;
background-color: var(–vert);
color: #fff;
outline: 1px solid var(–vert);
outline-offset: 3px;
font-weight: 500;
letter-spacing: .1px;
}

#d_vociferator {
padding: 5px 0;
margin: 0 0 50px 0;
width: 100%;
color: #16212c;
}

/* —– Titre et sous-titre —– */

#d_vociferator #d_header {
display: flex;
flex-wrap: wrap;
vertical-align: middle;
}

#d_vociferator #d_gauche {
width: 80%;
vertical-align: middle;
}

#d_vociferator #d_titre {
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
font-size: 1.8rem;
font-weight: bold;
padding: 10px 10px;
background: repeating-linear-gradient(45deg,
var(–vert),
var(–vert) 40px,
var(–rouge) 40px,
var(–rouge) 80px);
background-clip: text;
color: transparent;
-webkit-background-clip: text;
animation: 10s linear 0s infinite candy;
}

#d_vociferator #d_soustitre {
margin: 1rem 0;
padding: 0 10px;
font-size: 1.5rem;
font-family: “The Antiqua B”, Georgia, Droid-serif, serif;
color: #717B8E;
letter-spacing: 0;
text-align: left;
line-height: 2.3rem;
}

/* —– Boule Noël animée —– */

#d_vociferator #d_christmas {
position: relative;
width: 20%;
height: 20%;
background-color: #154d5d;
border-radius: 100%;
vertical-align: middle;
}

#d_vociferator #d_christmas:before {
content: “”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
transform: rotate(-15deg);
background-image: radial-gradient(circle at 30% 30%, #fff 1.5%, transparent 2.5%), radial-gradient(circle at 80% 70%, #fff 1.5%, transparent 2.5%), radial-gradient(circle at 30% 50%, #fff 1%, transparent 2%), radial-gradient(circle at 70% 85%, #fff 1%, transparent 2%);
background-size: 100% 100%, 100% 100%, 50% 100%, 50% 50%;
background-position: 0 0, 0 0, 0 0, 0 0;
animation: neige 6s linear infinite forwards;
}

#d_vociferator .boule.b1,
#d_vociferator .boule.b7 {
animation: rouge 2s step-end;
animation-iteration-count: infinite;
}

#d_vociferator .boule.b2,
#d_vociferator .boule.b4 {
animation: jaune 2s step-start;
animation-iteration-count: infinite;
}

#d_vociferator .boule.b3,
#d_vociferator .boule.b6 {
animation: bleu 2s step-start;
animation-iteration-count: infinite;
}

#d_vociferator .boule.b5 {
animation: var(–violet) 2s step-end;
animation-iteration-count: infinite;
}

/* —– Bouton sujet —– */

#d_vociferator #d_bouton {
display: inline-block;
position: relative;
border: none;
line-height: 100%;
border: 1px solid transparent;
border-radius: 3px;
color: #fff;
font-size: 1.6rem;
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
line-height: 1.25;
display: block;
/*max-width: 300px;*/
padding: 10px 24px 12px 24px;
text-align: center;
font-weight: 700;
text-decoration: none;
cursor: pointer;
margin: 3rem auto;
background-color: var(–rouge);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;
transition: all ease .5s;
}

#d_vociferator .select-topic {
display: inline-block;
position: relative;
border: none;
line-height: 100%;
border: 1px solid transparent;
border-radius: 3px;
color: #fff;
font-size: 1.6rem;
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
line-height: 1.25;
display: block;
/*max-width: 300px;*/
padding: 10px 24px 12px 24px;
text-align: center;
font-weight: 700;
text-decoration: none;
cursor: pointer;
margin: 3rem auto;
background-color: var(–rouge);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;
transition: all ease .5s;
}

#d_vociferator #div-ou {
display: inline-block;
position: relative;
border: none;
line-height: 100%;
font-size: 1.6rem;
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
display: block;
padding: 10px 24px 12px 24px;
text-align: center;
font-weight: 700;
text-decoration: none;
cursor: pointer;
margin: 3rem auto;
width: 10%;
display: flex;
align-items: center;
/* Vertically centers the text */
justify-content: center;
/* Horizontally centers the text, if needed */
/* Ensure the div has a defined height */
}

/* Custom arrow */

.select-topic select {
padding: unset!important;
height: 100%!important;
border: none;
color: #fff;
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
display: block;
font-size: 1.6rem;
/*max-width: 300px;*/
text-align: center;
font-weight: 700;
text-decoration: none;
cursor: pointer;
background-color: var(–rouge);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;
appearance: none;
/* Remove default arrow */
-webkit-appearance: none;
/* Remove default arrow for WebKit browsers */
background-color: transparent;
/* Ensure background is transparent */
color: #fff;
/* Border color */
border-radius: 3px;
/* Border radius */
background-image: url(‘data:image/svg+xml;utf8,’);
/* Custom down arrow */
background-repeat: no-repeat;
background-position: right 12px top 12px;
/* Position the arrow */
background-size: 12px;
outline:0px;
/* Size of the arrow */
}

/* Ensure the select element is styled consistently across browsers */
.select-topic select::-ms-expand {
display: none;
/* Hide the default arrow in IE */
}

/* End Custom arrow */

#d_vociferator .btn-container {
display: flex;
}

#d_vociferator .select-topic,
#d_vociferator #d_bouton {
width: 45%;
}

#d_vociferator #d_bouton:active {
background-color: var(–jaune);
transition: all ease .3s;
}

#d_vociferator #d_bouton span {
display: block;
padding: 5px 15px;
}

#d_vociferator #d_bouton::before,
#d_vociferator #d_bouton::after {
content: “”;
width: 0;
height: 3px;
position: absolute;
transition: all 0.2s linear;
background: var(–jaune);
}

#d_vociferator #d_bouton span::before,
#d_vociferator #d_bouton span::after {
content: “”;
width: 3px;
height: 0;
position: absolute;
transition: all 0.2s linear;
background: var(–jaune);
}

#d_vociferator #d_bouton:hover::before,
#d_vociferator #d_bouton:hover::after {
width: 100%;
}

#d_vociferator #d_bouton:hover span::before,
#d_vociferator #d_bouton:hover span::after {
height: 100%;
}

#d_vociferator #d_bouton::after {
right: 0;
bottom: 0;
transition-duration: 0.4s;
}

#d_vociferator #d_bouton span::after {
right: 0;
bottom: 0;
transition-duration: 0.4s;
}

#d_vociferator #d_bouton::before {
left: 0;
top: 0;
transition-duration: 0.4s;
}

#d_vociferator #d_bouton span::before {
left: 0;
top: 0;
transition-duration: 0.4s;
}

/* —– Cadre des résultats —– */

#d_vociferator #d_resultat {
font-family: “The Antiqua B”, Georgia, Droid-serif, serif;
}

#d_vociferator #d_resultat #d_sujet {
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
margin: 1rem 0;
text-align: center;
font-size: 2rem;
line-height: 2.6rem;
font-weight: bold;
padding: 40px 20px;
}

#d_vociferator #d_resultat #d_sujet .d_mot {
display: inline-block;
vertical-align: bottom;
}

#d_vociferator #d_resultat #d_sujet .d_lettre {
display: inline-block;
transform-origin: 0 0;
vertical-align: bottom;
}

#d_vociferator #d_sujet .d_mot:first-child .d_lettre:first-child,
#d_vociferator #d_sujet .d_mot:last-child .d_lettre:last-child {
font-size: 3rem;
line-height: 1;
font-weight: 400;
vertical-align: bottom;
}

#d_vociferator #d_resultat .d_argument {
margin: 20px 0;
color: inherit;
}

#d_vociferator #d_resultat .d_argument_titre {
text-align: center;
margin: 20px 0;
overflow: hidden;
text-align: center;
color: #000;
}

#d_vociferator #d_resultat .d_argument_titre:before,
#d_vociferator #d_resultat .d_argument_titre:after {
content: “”;
display: inline-block;
width: 50%;
margin: 0 .5em 0 -55%;
vertical-align: middle;
border-bottom: 2px dotted;
}

#d_vociferator #d_resultat .d_argument_titre:after {
margin: 0 -55% 0 .5em;
}

#d_vociferator #d_resultat .d_argument_titre span {
font-family: “Marr Sans Condensed”, “Helvetica Neue”, Helvetica, Arial;
letter-spacing: .3px;
display: inline-block;
padding: 5px 5px 4px 9px;
color: #fff;
border-radius: 4px;
opacity: .9;
vertical-align: middle;
}

#d_vociferator #d_resultat .d_argument_titre[data-arg=”pour”] span {
background-color: var(–vert);
}

#d_vociferator #d_resultat .d_argument_titre[data-arg=”contre”] span {
background-color: var(–rouge);
}

#d_vociferator #d_resultat .d_argument_titre[data-arg=”pour”]:before,
#d_vociferator #d_resultat .d_argument_titre[data-arg=”pour”]:after {
border-color: #CCC;
opacity: 1;
}

#d_vociferator #d_resultat .d_argument_titre[data-arg=”contre”]:before,
#d_vociferator #d_resultat .d_argument_titre[data-arg=”contre”]:after {
border-color: #CCC;
opacity: 1;
}

#d_vociferator #d_resultat #d_la1 {
animation: la1 3s linear infinite;
}

#d_vociferator #d_resultat #d_la2 {
animation: la2 3s linear infinite;
}

/* —– Animations (boules, textes, neige, lire aussi) —– */

@keyframes rouge {
0% {
fill: white;
}

50% {
fill: var(–rouge);
}

100% {
fill: white;
}
}

@keyframes jaune {
0% {
fill: white;
}

50% {
fill: var(–jaune);
}

100% {
fill: white;
}
}

@keyframes bleu {
0% {
fill: white;
}

50% {
fill: var(–bleu);
}

100% {
fill: white;
}
}

@keyframes violet {
0% {
fill: white;
}

50% {
fill: var(–violet);
}

100% {
fill: white;
}
}

@keyframes candy {
from {
background-position: 0px;
}

to {
background-position: 1000px;
}
}

@keyframes neige {
100% {
background-position: 0px 200px, 0 200px, 0px 200px, 0px 200px;
}
}

@keyframes la1 {
0% {
color: var(–vert);
}

40% {
color: var(–rouge);
}

100% {
color: var(–vert);
}
}

@keyframes la2 {
0% {
color: var(–rouge);
}

40% {
color: var(–vert);
}

100% {
color: var(–rouge);
}
}

/* —– Mode sombre —– */

[data-color-mode=”dark”] #d_vociferator #d_soustitre {
color: #bbb
}

[data-color-mode=”dark”] #d_vociferator #d_resultat #d_sujet {
color: #eee;
}

[data-color-mode=”dark”] #d_vociferator #d_resultat .d_argument {
color: #ddd;
}

[data-color-mode=”dark”] #d_vociferator #d_resultat .d_argument_titre[data-arg=”pour”]:before,
[data-color-mode=”dark”] #d_vociferator #d_resultat .d_argument_titre[data-arg=”pour”]:after {
border-color: #555;
opacity: 1;
}

[data-color-mode=”dark”] #d_vociferator #d_resultat .d_argument_titre[data-arg=”contre”]:before,
[data-color-mode=”dark”] #d_vociferator #d_resultat .d_argument_titre[data-arg=”contre”]:after {
border-color: #555;
opacity: 1;
}

/* —– Styles mobiles —– */

@media screen and (max-width: 500px) {
.select-topic select {
height: 28px!important;
border: none;
border-radius: 3px;
color: #fff;
font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial;
display: block;
/*max-width: 300px;*/
text-align: center;
font-weight: 700;
text-decoration: none;
cursor: pointer;
background-color: var(–rouge);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;
appearance: none;
/* Remove default arrow */
-webkit-appearance: none;
/* Remove default arrow for WebKit browsers */
background-color: transparent;
/* Ensure background is transparent */
color: #fff;
background-image: url(‘data:image/svg+xml;utf8,’);
/* Custom down arrow */
background-repeat: no-repeat;
background-position: right 25px top 12px;
/* Position the arrow */
background-size: 12px;
/* Size of the arrow */
}
#d_vociferator .btn-container{
margin-top:2rem;
}
#d_vociferator #d_bouton,
#d_vociferator #div-ou,
#d_vociferator .select-topic {
width: 100%;
margin: 0;
padding: 15px 24px 17px 24px;

}
#d_vociferator .select-topic select, #d_vociferator #div-ou {
font-size: 1.4rem;
}
#d_vociferator #div-ou {
margin: unset;
}

#d_vociferator .btn-container {
flex-direction: column;
}

#d_vociferator {
width: 96%;
margin: 0 auto 50px;
}

#d_vociferator_edition {
margin: 1.5rem 0 0 10px;
}

#d_vociferator #d_gauche {
width: 100%;
}

#d_vociferator #d_christmas {
width: 50%;
margin: 20px auto 0;
}

#d_vociferator #d_resultat #d_sujet {
font-size: 1.8rem;
padding: 30px 15px;
}

#d_vociferator #d_bouton {
font-size: 1.4rem;
}
}

@media screen and (min-width: 501px) and (max-width: 700px) {

#d_vociferator #d_gauche {
width: 66%;
}

#d_vociferator #d_christmas {
width: 33%;
}

#d_vociferator_edition {
margin: 1.5rem 0 0 10px;
}
}

Edition 2024

Choisissez un sujet de discussion avec le « Vociférator »

Cliquez sur le bouton pour générer une discussion au hasard ou choisissez-la parmi les thématiques qui
ont suscité une polémique en 2024. Bon appétit !

⚡ Un sujet au hasard ⚡

OU

POUR 👍

CONTRE 👎

Et si vous n’êtes pas rassasiés, vous pouvez toujours piocher des idées dans nos éditions 2023, 2022, 2021, 2020, 2019, 2018 ou 2017.

Romain Geoffroy, Assma Maad et Iris Derœux

Réutiliser ce contenu
Romain Geoffroy
SUBSCRIBER
PROFILE

Laisser un commentaire

Votre adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués d'un *

Cancel reply

Catégories

ÉTIQUETTES

$ 1.50 activiste Agriculture Armée Caducité du Parlement haïtien Campagne de désinformation constitution Douyon Dysfonctionnement du Sénat de la République d'Haïti EDUCATION Fierté Financement innovant Football Formation Éloquence de Club de Plaidoirie Grégory Meeks haiti news Haïti Haïti/Chambre des députés Haïti/Sénat de la République Histoire Infrastructure Insalubrité Interview Jovenel Moïse Justice La Grande interview Laurent Lamothe Laurent Salvador Lamothe LSL World Initiative Nécrologie oligarques PetroCaribe protestation Rwanda référendum révolution numérique Saint Valentin sanctions SANTÉ Smart City SOGENER Start-ups Union africaine Zone climatique intelligente élections

Les derniers articles

Restez informé !!!

Abonnez-vous aux notifications

Contactez-Nous

Toute l’information 24/7

E-Mail: info@haiti24.net

Whatapps & appel: +509 44316379

En haut
© Copyright Haiti24 -