Home World Tous géopoliticiens? La politique internationale au prisme de lopinion

Tous géopoliticiens? La politique internationale au prisme de lopinion

31
0

&NewLine; &NewLine; <h1>&NewLine; Tous géopoliticiens&quest; La politique internationale au prisme de l'opinion&NewLine; <span class&equals;”admin”>&NewLine; <a class&equals;”edit” href&equals;”&sol;admin&sol;articles&sol;article&sol;4160&sol;change&sol;”>edit<&sol;a>&NewLine; <&sol;span>&NewLine; <&sol;h1>&NewLine; <header>&NewLine; <ul class&equals;”authors”>&NewLine; &NewLine; <li>&NewLine; <a href&equals;”&sol;author&sol;88&sol;dominique-bocquet&sol;”>Dominique Bocquet<&sol;a>&NewLine; <&sol;li>&NewLine; &NewLine; <&sol;ul>&NewLine; <span class&equals;”date”>4 June 2026<&sol;span>&NewLine; <ul class&equals;”categories”>&NewLine; &NewLine; <li>&NewLine; <a href&equals;”&sol;fr&sol;politique-francaise-et-internationale&sol;”>Politique française et internationale<&sol;a>&NewLine; <&sol;li>&NewLine; &NewLine; &NewLine; <&sol;ul>&NewLine; <div class&equals;”share&lowbar;buttons”><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><&excl;–a href&equals;”&num;none” id&equals;”print-button” onClick&equals;”window&period;print&lpar;&rpar;&semi;return false”><img src&equals;”&sol;static&sol;img&sol;print-button&period;44d9debd6c26&period;png”><&sol;a>&NewLine; &NewLine; <span st&lowbar;summary&equals;”Dominique Bocquet – Tous g&eacute&semi;opoliticiens&quest; La politique internationale au prisme de l&rsquo&semi;opinion – Telos” class&equals;”st&lowbar;email” ><&sol;span>&NewLine; <span st&lowbar;title&equals;”Dominique Bocquet – Tous g&eacute&semi;opoliticiens&quest; La politique internationale au prisme de l&rsquo&semi;opinion – Telos” st&lowbar;summary&equals;”par Dominique Bocquet” class&equals;”st&lowbar;facebook”><&sol;span>&NewLine; <span st&lowbar;title&equals;”Dominique Bocquet – Tous g&eacute&semi;opoliticiens&quest; La politique internationale au prisme de l&rsquo&semi;opinion – Telos” class&equals;”st&lowbar;twitter”><&sol;span>&NewLine; <span st&lowbar;title&equals;”Dominique Bocquet – Tous g&eacute&semi;opoliticiens&quest; La politique internationale au prisme de l&rsquo&semi;opinion – Telos” st&lowbar;summary&equals;”par Dominique Bocquet” class&equals;”st&lowbar;linkedin”><&sol;span>&NewLine; &NewLine; <&excl;– Share links from&colon; https&colon;&sol;&sol;www&period;addtoany&period;com&sol; –><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine;&NewLine; <&sol;p><span st&lowbar;summary&equals;”Dominique Bocquet – Tous géopoliticiens&quest; La politique internationale au prisme de l'opinion – Telos” class&equals;”st&lowbar;plusone”>&NewLine; <div class&equals;”a2a&lowbar;kit a2a&lowbar;kit&lowbar;size&lowbar;32 a2a&lowbar;default&lowbar;style”><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><a class&equals;”a2a&lowbar;button&lowbar;print”&sol;><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><a class&equals;”a2a&lowbar;button&lowbar;facebook”&sol;><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><a class&equals;”a2a&lowbar;button&lowbar;x”&sol;><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><a class&equals;”a2a&lowbar;button&lowbar;linkedin”&sol;><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><a class&equals;”a2a&lowbar;button&lowbar;email”&sol;><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><&sol;div>&NewLine;<&sol;span><&sol;div>&NewLine; <&sol;header>&NewLine; &NewLine; <img src&equals;”&sol;medias&sol;cache&sol;31&sol;98&sol;3198402b43b226548b3db59bab14d7f6&period;jpg”&sol;>&NewLine; &NewLine; &NewLine; <p>Si un domaine est supposé devoir échapper à la « démocratie d'opinion »&comma; c'est bien la politique étrangère&comma; surtout dans la France de la Ve République&period; Elle se doit d'être articulée autour d'intérêts à long terme et de calculs savants&comma; sans reculer devant la raison d'Etat&period; L'opinion des Français à son propos est rarement scrutée&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>Elle se révèle plus construite qu'on ne croit&period; Telle est la leçon du <a href&equals;”https&colon;&sol;&sol;mgh-partners&period;com&sol;wp-content&sol;uploads&sol;2026&sol;05&sol;rapport-toluna-harris-pour-mgh-partners-les-francais-et-la-politique-etrangere-de-la-france-vague-2-mgh-v2&period;pdf”>sondage Toluna-Louis Harris<&sol;a>&comma; commandé par le cabinet MGH Partners&comma; cabinet d'affaires publiques spécialisé dans l'international&period; Thème &colon; « Les priorités pour la politique étrangère et la position attendue de la France »&period; Réalisé du 5 au 11 mai 2026 auprès d'un échantillon de 1240 personnes&comma; il fait suite à une première vague&comma; menée en 2022&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>Entretemps&comma; le public a été exposé à une actualité dominée par les développements internationaux&comma; à un rare degré&period; Quelles leçons en a-t-il tirées &quest; Quelle vision s'est-il forgé &quest;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>Au-delà de la seule politique étrangère&comma; c'est une lecture par l'opinion de la politique internationale <em>en général<&sol;em> qui se dessine&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<h2>L'empreinte de la guerre dans les esprits<&sol;h2>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>Invasion et résistance de l'Ukraine&comma; massacres du 7 octobre et guerre de Gaza&comma; élection de Donald Trump et première année en fanfare&comma; puis guerre incertaine en Iran au seuil de l'an 2&period; L'état de l'opinion en est directement affecté&comma; avec une hiérarchie des priorités transformée&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p><strong>Graphique 1&period; « Quand vous pensez à la politique étrangère&comma; quels sont les mots&comma; les impressions&comma; les sentiments qui vous viennent à l'esprit &quest; »<&sol;strong><&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p><img alt&equals;”” src&equals;”&sol;medias&sol;uploads&sol;richard&period;robert&sol;2026&sol;06&sol;04&sol;bocquet1&lowbar;Kfc6ukP&period;png”&sol;><&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>Les mots « guerre »&comma; « conflit »&comma; « menaces »&comma; « méfiance » s'imposent dans l'esprit des sondés&comma; au cÅ“ur d'une Europe qui faisait figure jusque-là de continent à l'abri&period; Les priorités que les citoyens assignent à la politique étrangère basculent&period; La méfiance envers les autres pays progresse&period; « La défense de la sécurité du pays contre les puissances extérieures » passe en tête d'agenda &lpar;citée par 51&percnt; des Français contre seulement 32&percnt; en 2022&rpar;&comma; devançant même légèrement la promotion de nos intérêts économiques &lpar;qui passe tout de même de 43&percnt; à 46&percnt; dans les réponses&rpar; et la lutte contre le terrorisme &lpar;revenue à 45&percnt; après 49&percnt; en 2022&rpar;&period; Notons que le contrôle des frontières passe de 38&percnt; à 46&percnt; dans les priorités des sondés &lpar;qui pouvaient citer jusqu'à 3 priorités&rpar;&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>La nécessité de parler à « tous les pays »&comma; principe cardinal de la diplomatie&comma; demeure acceptée&period; L'importance du dialogue avec les alliés est rehaussée&period; Reflet d'un pessimisme ambiant &colon; près de sept Français sur dix estiment que la France doit « se méfier des autres pays du monde »&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<h2>Le sacre de la solidarité européenne<&sol;h2>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>Dans ce contexte de méfiance envers l'étranger&comma; la perception des pays membres de l'Union européenne se détache ostensiblement&period; La proportion de Français les voyant comme des alliés dépasse 70&percnt; pour l'Italie&comma; l'Espagne et l'Allemagne&comma; contre moins de 10&percnt; qui voient en eux des menaces&period; Malgré le poids économique de ce dernier pays et la compétition dont le marché européen est le théâtre&comma; la perception de l'intérêt commun s'impose&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>Certes&comma; interrogés sur les priorités de la politique étrangère&comma; les Français ne citent pas la construction européenne en premier&comma; loin de là&period; S'agit-il pour eux d'une priorité secondaire ou&comma; au contraire&comma; d'une perspective acquise &quest;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>La réponse se trouve dans les politiques attendues de l'Union européenne&period; Elles touchent désormais la matière même placée en tête d'agenda pour notre politique étrangère &colon; la défense du pays&period; Longtemps tabou&comma; naguère écarté des traités après le tollé contre le projet de Communauté européenne de défense &lpar;1952-1954&rpar;&comma; ce domaine caracole dans l'opinion &colon; 75&percnt; d'avis favorables ou très favorables à une défense européenne&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p><strong>Graphique 2&period; « Selon vous&comma; chacun des pays suivants constitute-il un allié ou une menace pour la France »<&sol;strong><&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>En bleu &colon; un allié &semi; en rose &colon; une menace &semi; en gris-vert &colon; ni l'un ni l'autre &semi; la barre grisée représente l'option « ne se prononce pas »&comma; qui oscille entre 0 et 1&percnt;&rpar;&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p><img alt&equals;”” src&equals;”&sol;medias&sol;uploads&sol;richard&period;robert&sol;2026&sol;06&sol;04&sol;bocquet2&lowbar;h6Fudj1&period;png”&sol;><&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p><img alt&equals;”” src&equals;”&sol;medias&sol;uploads&sol;richard&period;robert&sol;2026&sol;06&sol;04&sol;bocquet3&period;png”&sol;><&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<h2>Leçon de choses ukrainienne<&sol;h2>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>La solidarité manifestée par l'Union européenne envers l'Ukraine a servi de leçon de choses&period; 86&percnt; des personnes interrogées estiment que&comma; si la France était attaquée militairement&comma; elle pourrait compter sur le soutien de l'Union européenne&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>Avec un tel ressenti&comma; le chantier de l'Europe de la défense pourrait s'avérer plus consensuel que l'ouverture économique&comma; les disciplines financières et les contraintes normatives auxquelles s'est longtemps identifiée la construction européenne&period; Pour celle-ci&comma; c'est un signe&period; Les poussées eurosceptiques récurrentes depuis les années 1990 pourrait se heurter désormais à l'intérêt géopolitique commun&comma; perçu comme manifeste&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>Effet de bord du conflit en Ukraine&comma; le regard sur le Royaume-Uni est transformé&period; Sa fermeté sur l'affaire et ses initiatives communes répétées avec les grands pays de l'Union le font soudain percevoir comme un allié par 71&percnt; des sondés&period; Ils n'étaient que 40&percnt; en 2022&period; L'éloignement résultant du Brexit paraît effacé par la grâce du regard géopolitique&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<h2>Confusion trumpienne et révisions déchirantes<&sol;h2>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>L'Alliance atlantique est un autre cercle de solidarité&period; Depuis la signature en 1949 du Traité de l'Atlantique Nord&comma; c'était le premier&comma; les États-Unis étant le garant de sécurité et&comma; par conséquent&comma; le principal allié des pays européens&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>Néanmoins&comma; les diatribes du Président Trump contre l'Union européenne et contre l'Ukraine ont fait plus que troubler les esprits&comma; de même que ses passages à l'acte&period; La proportion de Français voyant les États-Unis comme un pays ami s'effondre &lpar;32&percnt; contre 53&percnt; voici quatre ans&rpar;&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>Ceci ne va pas sans un hiatus&comma; qui reflète les ambiguïtés étatsuniennes &colon; l'OTAN reste perçue comme une alliance majeure par 84&percnt; de sondés&period; Comme si l'OTAN&comma; ce n'étaient plus les États-Unis… qui en demeurent pourtant l'acteur déterminant&period; On voit là se dresser l'ombre de la confusion&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<h2>Les droits et valeurs résistent<&sol;h2>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>Le pragmatisme face aux menaces fait reculer le rang de priorités&comma; telles que la coopération au développement ou la lutte contre le changement climatique&period; Mais elles ne disparaissent pas du paysage&period; Le repli n'est pas à l'ordre du jour&period; Le cynisme non plus &colon; les valeurs ne sont pas jetées par-dessus-bord&period; Les Français ne sont pas trumpiens&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>L'adhésion de l'opinion au droit international demeure nettement majoritaire&period; Ce dernier conserve ce qui a toujours été son principal atout &colon; le soutien de l'opinion&comma; gage d'opprobre pour ceux qui le piétinent&period; À ses yeux&comma; la France ne doit pas davantage rester silencieuse en cas de coup d'État contre des autorités démocratiquement élues&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p><strong>Graphique 3&period; L'attitude attendue de la part de la France en cas de coup d'État dans un pays démocratique<&sol;strong><&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>87&percnt; des Français interrogés déclarent ainsi que la France doit agir au moins d'une de ces manières en cas de coup d'État dans un pays démocratique&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p><img alt&equals;”” src&equals;”&sol;medias&sol;uploads&sol;richard&period;robert&sol;2026&sol;06&sol;04&sol;bocquet4&period;png”&sol;><&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<h2>Les bons et mauvais points<&sol;h2>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>En dehors de l'Europe&comma; le Maroc est le pays que l'on voit désormais le plus comme un ami &colon; il progresse de 13 points en quatre ans sur ce chapitre &lpar;40&percnt; après 27&percnt;&rpar;&period; Ce faisant l'opinion est en phase avec les autorités&period; Après plusieurs crises bilatérales&comma; les deux pays se sont rapprochés&period; La France assume depuis 2024 une position officiellement favorable à la souveraineté marocaine au Sahara occidental&comma; alors que son soutien était resté discret jusque-là&period; Les relations se sont réchauffées&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>L'apaisement avec l'Algérie est postérieur à l'enquête&period; La détention de l'écrivain Boualem Sansal &lpar;2024-2025&rpar; et le refus des autorités de reprendre leurs ressortissants condamnés en France ont fait chuter la proportion de Français voyant l'Algérie comme un pays ami&comma; tombée à 17&percnt;&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>Pour des raisons différentes&comma; tenant principalement à la guerre de Gaza et aux opérations menées au Liban&comma; Israël est désormais vue davantage comme une menace que comme un pays ami &lpar;respectivement 35&percnt; et 23&percnt;&rpar;&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>Ces quelques chiffres ne décrivent cependant qu'un premier niveau de perception&period; Le résultat le plus intéressant de l'enquête réside dans la capacité des personnes interrogées à distinguer perceptions et orientations diplomatiques&period; Une différenciation très nette ressort des réponses sur ces deux points&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>À titre d'exemple&comma; la proportion de 40&percnt; de Français voyant le Maroc comme un pays ami s'avère lestée par la présence de sentiments hostiles à l'immigration et à la religion musulmane&period; C'est ce que suggère la faiblesse de ce chiffre dans l'électorat du Rassemblement national &colon; 31&percnt; contre un taux dépassant 50&percnt; dans l'électorat de tous les partis dits « de gouvernement » &lpar;sans exception…&rpar;&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>En revanche&comma; interrogés sur une question relevant davantage du choix diplomatique que des perceptions brutes&comma; les Français réagissent en conséquence&period; 72&percnt; d'entre eux considèrent&comma; par exemple&comma; comme une « bonne chose » que leur pays ait des relations « privilégiées » avec le Maroc&comma; un score sans appel&period; Les deux pays préparent un traité d'amitié&comma; le premier de la France avec un pays non européen&period; A certains égards&comma; cette amitié est déjà dans les têtes&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>On sera peut-être surpris de les voir également appliquer ce <em>distinguo<&sol;em> entre perceptions et choix diplomatique aux rapports avec l'Algérie&period; Alors qu'une proportion écrasante perçoit en elle une menace plutôt qu'un pays ami &lpar;respectivement 45&percnt; et 17&percnt;&rpar;&comma; une légère majorité &lpar;51&percnt;&rpar; estiment que des relations privilégiées avec l'Algérie seraient une bonne chose&period;<&sol;p>&&num;13&semi;&NewLine;&&num;13&semi;&NewLine;<p>Le jugement des Français sur la politique étrangère ne se laisse pas dominer par le ressentiment&comma; aussi vif soit-il&period; Ce n'est donc pas seulement l'information reçue qui en fait de meilleurs géopoliticiens&comma; mais aussi leurs modes de raisonnement&period; À un an de l'élection présidentielle&comma; une relative rationalité se dégage&period; Il faut dire les conflits des quatre dernières années ont été d'une durée supérieure à l'ordinaire&period; Chacun a eu le temps de réfléchir&period; À quelque chose malheur est bon&period;<&sol;p>&NewLine;&NewLine; &NewLine; <div class&equals;”donate-mollie”><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; &NewLine;<&sol;p><section class&equals;”mollie-donation article” WPAuto&lowbar;Base&lowbar;Readability&equals;”25&period;177215189873″>&NewLine; <h3>&NewLine; Did you enjoy this article&quest;&NewLine; <a class&equals;”close-mollie” href&equals;”&num;”>close<&sol;a>&NewLine; <&sol;h3>&NewLine; <label>&NewLine; <span>Support Telos by making a donation<&sol;span><br&sol;>&NewLine; <span>&lpar;for which you can get a tax write-off&rpar;<&sol;span>&NewLine; <&sol;label>&NewLine;&NewLine; <div id&equals;”donation-form” WPAuto&lowbar;Base&lowbar;Readability&equals;”7″><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><div class&equals;”amount-wrapper”><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><label for&equals;”amount”&sol;><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><p>&NewLine; <span class&equals;”prefix”>€<&sol;span>&NewLine; <input type&equals;”number” id&equals;”donation-amount” name&equals;”amount” placeholder&equals;”25″ min&equals;”1″ step&equals;”1″&sol;>&NewLine; <&sol;p><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><&sol;div><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine;&NewLine; <&sol;p><p id&equals;”amount-error” class&equals;”error” style&equals;”display&colon;none&semi; color&colon;red&semi;”>&NewLine; Please enter a valid amount&NewLine; <&sol;p><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine;&NewLine; <&sol;p><button id&equals;”donate-button” class&equals;”btn-donate” data-location&equals;”article”>&NewLine; Donate&NewLine; <&sol;button><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine;&NewLine; <&sol;p><p&sol;><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><&sol;div>&NewLine;&NewLine; <div class&equals;”payment-badges”><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><div class&equals;”powered-by”><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><span class&equals;”powered-text”>Powered by<&sol;span><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><img src&equals;”&sol;static&sol;img&sol;mollie-logo&period;png” alt&equals;”Mollie” class&equals;”mollie-logo”&sol;><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><&sol;div><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><div class&equals;”card-logos”><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><img src&equals;”&sol;static&sol;img&sol;visa-logo&period;png” width&equals;”60″ alt&equals;”Visa” class&equals;”card-logo”&sol;><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><img src&equals;”&sol;static&sol;img&sol;logo-mastercard&period;webp” width&equals;”60″ alt&equals;”Mastercard” class&equals;”card-logo”&sol;><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><img src&equals;”&sol;static&sol;img&sol;logo-cb&period;jpg” width&equals;”60″ alt&equals;”Carte Bleue” class&equals;”card-logo”&sol;><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><&sol;div><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><&sol;div>&NewLine;<&sol;section><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine;&NewLine;<&sol;p><script><&excl;&lbrack;CDATA&lbrack;&NewLine;&lpar;function&lpar;&rpar; &lbrace;&NewLine; &sol;&sol; Escaped translations for safe use in JavaScript&NewLine; &NewLine; &NewLine; &NewLine; const TEXTS &equals; &lbrace;&NewLine; processing&colon; ‘Processing&period;&period;&period;’&comma;&NewLine; donate&colon; ‘Donate’&comma;&NewLine; error&colon; ‘An error occurred&period; Please try again&period;’&NewLine; &rcub;&semi;&NewLine;&NewLine; const amountInput &equals; document&period;getElementById&lpar;’donation-amount’&rpar;&semi;&NewLine; const donateButton &equals; document&period;getElementById&lpar;’donate-button’&rpar;&semi;&NewLine; const amountError &equals; document&period;getElementById&lpar;’amount-error’&rpar;&semi;&NewLine; const statusDiv &equals; document&period;getElementById&lpar;’donation-status’&rpar;&semi;&NewLine;&NewLine; &sol;&sol; Get CSRF token from cookies&NewLine; function getCookie&lpar;name&rpar; &lbrace;&NewLine; let cookieValue &equals; null&semi;&NewLine; if &lpar;document&period;cookie && document&period;cookie &excl;&equals;&equals; ”&rpar; &lbrace;&NewLine; const cookies &equals; document&period;cookie&period;split&lpar;’&semi;’&rpar;&semi;&NewLine; for &lpar;let i &equals; 0&semi; i < cookies&period;length&semi; i&plus;&plus;&rpar; &lbrace;&NewLine; const cookie &equals; cookies&lbrack;i&rsqb;&period;trim&lpar;&rpar;&semi;&NewLine; if &lpar;cookie&period;substring&lpar;0&comma; name&period;length &plus; 1&rpar; &equals;&equals;&equals; &lpar;name &plus; ‘&equals;’&rpar;&rpar; &lbrace;&NewLine; cookieValue &equals; decodeURIComponent&lpar;cookie&period;substring&lpar;name&period;length &plus; 1&rpar;&rpar;&semi;&NewLine; break&semi;&NewLine; &rcub;&NewLine; &rcub;&NewLine; &rcub;&NewLine; return cookieValue&semi;&NewLine; &rcub;&NewLine;&NewLine; &sol;&sol; Handle donation button click&NewLine; donateButton&period;addEventListener&lpar;’click’&comma; async function&lpar;e&rpar; &lbrace;&NewLine; e&period;preventDefault&lpar;&rpar;&semi;&NewLine;&NewLine; const amount &equals; parseFloat&lpar;amountInput&period;value&rpar;&semi;&NewLine;&NewLine; &sol;&sol; Validate amount&NewLine; if &lpar;&excl;amount &vert;&vert; amount < 1&rpar; &lbrace;&NewLine; amountError&period;style&period;display &equals; ‘block’&semi;&NewLine; amountInput&period;classList&period;add&lpar;’invalid’&rpar;&semi;&NewLine; amountInput&period;focus&lpar;&rpar;&semi;&NewLine; return&semi;&NewLine; &rcub;&NewLine;&NewLine; amountError&period;style&period;display &equals; ‘none’&semi;&NewLine; amountInput&period;classList&period;remove&lpar;’invalid’&rpar;&semi;&NewLine; donateButton&period;disabled &equals; true&semi;&NewLine; donateButton&period;textContent &equals; TEXTS&period;processing&semi;&NewLine; statusDiv&period;innerHTML &equals; ”&semi;&NewLine;&NewLine; try &lbrace;&NewLine; &sol;&sol; Create payment on backend&NewLine; const response &equals; await fetch&lpar;’&sol;donations&sol;create&sol;’&comma; &lbrace;&NewLine; method&colon; ‘POST’&comma;&NewLine; headers&colon; &lbrace;&NewLine; ‘Content-Type’&colon; ‘application&sol;json’&comma;&NewLine; ‘X-CSRFToken’&colon; getCookie&lpar;’csrftoken’&rpar;&comma;&NewLine; &rcub;&comma;&NewLine; body&colon; JSON&period;stringify&lpar;&lbrace;&NewLine; amount&colon; amount&comma;&NewLine; source&colon; ‘donation&lowbar;box’&NewLine; &rcub;&rpar;&NewLine; &rcub;&rpar;&semi;&NewLine;&NewLine; const data &equals; await response&period;json&lpar;&rpar;&semi;&NewLine;&NewLine; if &lpar;response&period;ok && data&period;payment&lowbar;url&rpar; &lbrace;&NewLine; &sol;&sol; Store payment&lowbar;id in localStorage for receipt form on success page&NewLine; localStorage&period;setItem&lpar;’mollie&lowbar;payment&lowbar;id’&comma; data&period;payment&lowbar;id&rpar;&semi;&NewLine; &sol;&sol; Redirect to Mollie payment page&NewLine; window&period;location&period;href &equals; data&period;payment&lowbar;url&semi;&NewLine; &rcub; else &lbrace;&NewLine; throw new Error&lpar;data&period;error &vert;&vert; ‘Payment creation failed’&rpar;&semi;&NewLine; &rcub;&NewLine;&NewLine; &rcub; catch &lpar;error&rpar; &lbrace;&NewLine; console&period;error&lpar;’Donation error&colon;’&comma; error&rpar;&semi;&NewLine; statusDiv&period;innerHTML &equals; ‘<p class&equals;”error” style&equals;”color&colon; &num;d9534f&semi; margin-top&colon; 10px&semi;”>’ &plus; TEXTS&period;error &plus; ”&semi;&NewLine; donateButton&period;disabled &equals; false&semi;&NewLine; donateButton&period;textContent &equals; TEXTS&period;donate&semi;&NewLine; &rcub;&NewLine; &rcub;&rpar;&semi;&NewLine;&NewLine; &sol;&sol; Enable button when amount is valid&NewLine; amountInput&period;addEventListener&lpar;’input’&comma; function&lpar;&rpar; &lbrace;&NewLine; const amount &equals; parseFloat&lpar;amountInput&period;value&rpar;&semi;&NewLine; if &lpar;amount && amount >&equals; 1&rpar; &lbrace;&NewLine; amountError&period;style&period;display &equals; ‘none’&semi;&NewLine; amountInput&period;classList&period;remove&lpar;’invalid’&rpar;&semi;&NewLine; &rcub;&NewLine; &rcub;&rpar;&semi;&NewLine;&NewLine; &sol;&sol; Allow Enter key to submit&NewLine; amountInput&period;addEventListener&lpar;’keypress’&comma; function&lpar;e&rpar; &lbrace;&NewLine; if &lpar;e&period;key &equals;&equals;&equals; ‘Enter’&rpar; &lbrace;&NewLine; donateButton&period;click&lpar;&rpar;&semi;&NewLine; &rcub;&NewLine; &rcub;&rpar;&semi;&NewLine;&NewLine; &sol;&sol; Close button functionality&NewLine; const closeButton &equals; document&period;querySelector&lpar;’&period;close-mollie’&rpar;&semi;&NewLine; if &lpar;closeButton&rpar; &lbrace;&NewLine; closeButton&period;addEventListener&lpar;’click’&comma; function&lpar;event&rpar; &lbrace;&NewLine; event&period;preventDefault&lpar;&rpar;&semi;&NewLine; const donateBox &equals; document&period;querySelector&lpar;’&period;mollie-donation’&rpar;&semi;&NewLine;&NewLine; &sol;&sol; Get the current height&NewLine; const currentHeight &equals; donateBox&period;offsetHeight&semi;&NewLine;&NewLine; &sol;&sol; Set explicit height and add transition&NewLine; donateBox&period;style&period;height &equals; currentHeight &plus; ‘px’&semi;&NewLine; donateBox&period;style&period;transition &equals; ‘height 0&period;5s ease&comma; opacity 0&period;5s ease’&semi;&NewLine; donateBox&period;style&period;overflow &equals; ‘hidden’&semi;&NewLine;&NewLine; &sol;&sol; Force reflow&NewLine; donateBox&period;offsetHeight&semi;&NewLine;&NewLine; &sol;&sol; Animate to zero height and fade out&NewLine; donateBox&period;style&period;height &equals; ‘0px’&semi;&NewLine; donateBox&period;style&period;opacity &equals; ‘0’&semi;&NewLine; donateBox&period;style&period;paddingTop &equals; ‘0px’&semi;&NewLine; donateBox&period;style&period;paddingBottom &equals; ‘0px’&semi;&NewLine; donateBox&period;style&period;marginBottom &equals; ‘0px’&semi;&NewLine; &rcub;&rpar;&semi;&NewLine; &rcub;&NewLine;&rcub;&rpar;&lpar;&rpar;&semi;&NewLine;&rsqb;&rsqb;><&sol;script><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine;&NewLine; <&sol;p><&sol;div>&NewLine; &NewLine; <footer><div class&equals;”share&lowbar;buttons”><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><&excl;–a href&equals;”&num;none” id&equals;”print-button” onClick&equals;”window&period;print&lpar;&rpar;&semi;return false”><img src&equals;”&sol;static&sol;img&sol;print-button&period;44d9debd6c26&period;png”><&sol;a>&NewLine; &NewLine; <span st&lowbar;summary&equals;”Dominique Bocquet – Tous g&eacute&semi;opoliticiens&quest; La politique internationale au prisme de l&rsquo&semi;opinion – Telos” class&equals;”st&lowbar;email” ><&sol;span>&NewLine; <span st&lowbar;title&equals;”Dominique Bocquet – Tous g&eacute&semi;opoliticiens&quest; La politique internationale au prisme de l&rsquo&semi;opinion – Telos” st&lowbar;summary&equals;”par Dominique Bocquet” class&equals;”st&lowbar;facebook”><&sol;span>&NewLine; <span st&lowbar;title&equals;”Dominique Bocquet – Tous g&eacute&semi;opoliticiens&quest; La politique internationale au prisme de l&rsquo&semi;opinion – Telos” class&equals;”st&lowbar;twitter”><&sol;span>&NewLine; <span st&lowbar;title&equals;”Dominique Bocquet – Tous g&eacute&semi;opoliticiens&quest; La politique internationale au prisme de l&rsquo&semi;opinion – Telos” st&lowbar;summary&equals;”par Dominique Bocquet” class&equals;”st&lowbar;linkedin”><&sol;span>&NewLine; &NewLine; <&excl;– Share links from&colon; https&colon;&sol;&sol;www&period;addtoany&period;com&sol; –><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine;&NewLine; <&sol;p><span st&lowbar;summary&equals;”Dominique Bocquet – Tous géopoliticiens&quest; La politique internationale au prisme de l'opinion – Telos” class&equals;”st&lowbar;plusone”>&NewLine; <div class&equals;”a2a&lowbar;kit a2a&lowbar;kit&lowbar;size&lowbar;32 a2a&lowbar;default&lowbar;style”><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><a class&equals;”a2a&lowbar;button&lowbar;print”&sol;><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><a class&equals;”a2a&lowbar;button&lowbar;facebook”&sol;><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><a class&equals;”a2a&lowbar;button&lowbar;x”&sol;><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><a class&equals;”a2a&lowbar;button&lowbar;linkedin”&sol;><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><a class&equals;”a2a&lowbar;button&lowbar;email”&sol;><p style&equals;”display&colon; inline&semi;” class&equals;”WPAuto&lowbar;Base&lowbar;Readability-styled”>&NewLine; <&sol;p><&sol;div>&NewLine;<&sol;span><&sol;div><&sol;footer>&NewLine; &NewLine; &NewLine; &NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine; &NewLine;&NewLine;&NewLine;