# HG changeset patch
# User ymh <ymh.work@gmail.com>
# Date 1731020042 -3600
# Node ID 43dc356e3ff85acf9b0dec4755d67741561b607f
# Parent  dad2fc75bd8b5cb7d0b9c834d52ed76ca6ff4dcc
Improve mastodon login text and add test event

diff -r dad2fc75bd8b -r 43dc356e3ff8 web/client.php
--- a/web/client.php	Thu Nov 07 22:42:07 2024 +0100
+++ b/web/client.php	Thu Nov 07 23:54:02 2024 +0100
@@ -118,19 +118,19 @@
         background-image: -moz-linear-gradient(top, <?php echo($baseColor); ?>, <?php echo($gradientColor); ?>);
         background-image: -ms-linear-gradient(top, <?php echo($baseColor); ?>, <?php echo($gradientColor); ?>);
         background-image: -o-linear-gradient(top, <?php echo($baseColor); ?>, <?php echo($gradientColor); ?>);
-        background-image: linear-gradient(to bottom, <?php echo($baseColor); ?>, <?php echo($gradientColor); ?>);
-    }
+        background-image: linear-gradient(to bottom, <?php echo($baseColor); ?>, <?php echo($gradientColor); ?>);  
+    } <?php // eslint-disable-line ?>
     .tweetButton.<?php echo($annot_def['colors_class']) ?>.selected,.tweetButton:active.<?php echo($annot_def['colors_class']) ?>:active,.tweetButton:hover.<?php echo($annot_def['colors_class']) ?>:hover.selected {
         background: <?php echo($selectedColor); ?>;
         border: solid <?php echo($selectedBorderColor); ?> 1px;
-    }
+    } <?php // eslint-disable-line ?>
     .tweetButton.<?php echo($annot_def['colors_class']) ?>:hover {
         background-image: -webkit-linear-gradient(top, <?php echo($gradientColor); ?>, <?php echo($baseColor); ?>);
         background-image: -moz-linear-gradient(top, <?php echo($gradientColor); ?>, <?php echo($baseColor); ?>);
         background-image: -ms-linear-gradient(top, <?php echo($gradientColor); ?>, <?php echo($baseColor); ?>);
         background-image: -o-linear-gradient(top, <?php echo($gradientColor); ?>, <?php echo($baseColor); ?>);
         background-image: linear-gradient(to bottom, <?php echo($gradientColor); ?>, <?php echo($baseColor); ?>);
-    }
+    } <?php // eslint-disable-line ?>
     <?php } ?>
     </style>
 
@@ -459,13 +459,14 @@
                                 if($socialNetwork === 'Twitter') {
                                     $loginform .= "<a href='".URL_ROOT."$rep/client.php?CONNECT=true' target='_top' class='loginlink'>".$translate->_("Vous n'êtes pas connecté.")."</a>";
                                 } else {
-                                    $loginform .= "<ul>";
-                                    $loginform .= "<li><form action='".URL_ROOT."$rep/client.php' method='GET' target='_top'>";
-                                    $loginform .= "<div class='loginlink'>".$translate->_("Vous n'êtes pas connecté.")."</div>";
-                                    $loginform .= "<input type='text' id='social_domain' name='CONNECT' value='mastodon.svc.iri-research.org'/>";
-                                    $loginform .= "<input type='submit' value='Connect'/>";
-                                    $loginform .= "</form></li>";
-                                    $loginform .= "<li>Suive l'utlisateur <code>".$config['group']."</code></li>";
+                                    $loginform .= "<form action='".URL_ROOT."$rep/client.php' method='GET' target='_top'>";
+                                    $loginform .= "<div class='loginlink'>".$translate->_("Vous n'êtes pas connecté à Mastodon.")."</div>";
+                                    $loginform .= "<ol class='loginlist'>";
+                                    $loginform .= "<li><input type='text' id='social_domain' name='CONNECT' value='mastodon.svc.iri-research.org'/>";
+                                    $loginform .= "<input type='submit' value='Connect'/>".$translate->_("Connexion Mastodon 1")."</li>";
+                                    $loginform .= "</form>";
+                                    $loginform .= "<li>".$translate->_("Connexion Mastodon 2")."<code>".$config['group']."</code></li>";
+                                    $loginform .= "</ol>";
 
                                 }
                                 $loginform .= "</div>";
diff -r dad2fc75bd8b -r 43dc356e3ff8 web/enmi24test/config.php
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/enmi24test/config.php	Thu Nov 07 23:54:02 2024 +0100
@@ -0,0 +1,124 @@
+<?php
+$config = array(
+    // 'event_list' => array(
+    //     'enmi21/session-1',
+    //     'enmi21/session-2',
+    //     'enmi21/session-3',
+    //     'enmi21/session-4',
+    //     'enmi21/session-5',
+    //     'enmi21/session-6',
+    //     ),
+    'rep' => basename(__DIR__),
+    'title' => 'Entretiens du Nouveau Monde Industriel 2024',
+    'social_network' => "Mastodon",
+    'hashtag' => "#enmi24tst",
+    'group' => "@enmi24tst@a.gup.pe",
+    'abstract' => "<b>La nouvelle écologie de l’industrie</b><br><em>Paris. Centre Pompidou. Petite Salle.<br>18 et 19 décembre 2024</em>", 
+
+    'description' => "<h3>La nouvelle écologie de l’industrie</h3>
+    <p>18 et 19 décembre 2024<br>
+    <a href=\"https://enmi-conf.org/wp/enmi24\" target=\"_blank\">https://enmi-conf.org</a>
+    </p>
+    <br>
+    <strong>18ème édition</strong>
+    <br><br>
+
+    <p>
+    Le 12 mai 2023 en visite à Dunkerque, ville du Nord érigée par l’Élysée en symbole de sa politique de réindustrialisation tournée vers la transition écologique, Emmanuel Macron a confirmé l’implantation d’une usine de batteries du taïwanais Prologium (3000 emplois, investissement de 5,2 milliards d’euros) ainsi que la construction prochaine d’une usine de batteries électriques au lithium (1700 emplois, investissement de 1,5 milliard d’euros) fruit d’un partenariat entre le français Orano et la société chinoise XTC. Selon le vice-président de ProLogium1, ces projets de « gigafactorys » constituent un « véritable écosystème pour les batteries dans le nord de la France ».
+    </p>
+
+    <p>
+    A quelle « écologie » cet « écosystème » fait-il référence ? S’il procède bien d’une « planification écologique » s’appuie-t-il sur des dynamiques territoriales durables ou répond-il d’abord à un contexte géopolitique national et international ? Ne faut-il pas renoncer à la notion d’écosystème quand celle-ci n’a plus aucun des caractères anti-entropiques et historiques que l’on trouve dans le vivant ?
+    </p>
+
+    <p>
+    Dans le cadre de nos entretiens, pour mieux comprendre les enjeux et les tensions et proposer de nouvelles approches industrielles, nous partons de la richesse et de la diversité des « localités » qui produisent de nouveaux savoirs. Est-ce que les fablabs, les usines distribuées, les circuits courts, l’économie circulaire, les projets low-tech et les coopératives numériques peuvent contribuer à une dynamique d’innovation ascendante qui crée une « nouvelle écologie industrielle » ?
+    </p>
+
+    <br>
+    <h3>Programme</h3>
+    <br>
+    <p><strong>Mercredi 18 décembre&nbsp;:</strong></p>
+    <br>
+    <p><strong>09h30-12h30 - Session 1 : Transition ou bifurcation ? Regards croisés sur l’histoire et les politiques industrielles</strong></p>
+    <p>Transition ou bifurcation ? Écosystèmes ou milieux ? Planification centralisée ou innovation ascendante ? Modèles physiques ou modèles biologiques ? Quels regards pouvons-nous porter sur l’histoire de l’industrie et des politiques industrielles et sur leurs fondements épistémologiques et sémiotiques pour dégager une nouvelle critique et une nouvelle fabrique de l’industrie ?</p>
+    <ul>
+    <li>Accueil du public – <strong>Vincent Puig</strong>, directeur de l’IRI, <strong>Laurent Le bon</strong>, président du Centre Pompidou</li>
+    <li><strong>Pierre Musso</strong> – philosophe (professeur honoraire à Telecom ParisTech) – La vision occidentale de l’industrie construite à coups de bifurcations</li>
+    <li><strong>Pierre Veltz</strong> – ingénieur, sociologue et économiste – Bifurcations. Réinventer la société industrielle par l’écologie ?</li>
+    <li>Table ronde <strong>Pierre Musso</strong>, <strong>Pierre Veltz</strong> et <strong>Patrick Johnson</strong> – directeur Général Adjoint, Recherche & Sciences, Dassault Systèmes</li>
+    <li><strong>Giuseppe Longo</strong> – mathématicien (ENS-Cnrs) – Le nouveau pythagorisme impératif, convergences épistémiques entre technosciences et industrie</li>
+    <li><strong>Sophie Pène</strong> – sociolinguiste (Un. Paris Cité) et <strong>Antonella Tuffano</strong> – architecte-urbaniste, professeure de design (Paris 1-EHESS) – Ce qu’écosystème veut dire, dans la langue du « réarmement de l’économie »</li>
+    </ul>
+    <br>
+    <p><strong>14h00 : 16h30 - Session 2 : Production et reproduction : l’industrie et le vivant</strong></p>
+    <p>Si l’industrie produit, le vivant se reproduit, mais cette différence n’est-elle pas mise à mal alors que l’agriculture est devenue industrielle et que se pose la question d’une écologie de l’industrie ? Qu’est-ce donc que produire de l’artisanat à l’industrie, et, en biologie, de l’autopoïse à la reproduction ? Plus encore, ne devons-nous pas repenser la question de la production alors que nos productions mettent à mal le vivant, y compris nous-mêmes ? Session en prolongation des recherches menées au sein du projet Regeneraction.</p>
+    <ul> 
+    <li><strong>Marie-Claude Bossière</strong> – pédopsychiatre (IRI) – La créativité de l’enfant dans son environnement industriel
+    <li><strong>Mael Montévil</strong> – mathématicien, philosophe de la biologie (Cnrs-ENS) – Qu’est-ce que produire ?</li>
+    <li><strong>Shaj Mohan</strong> – philosophe </li>
+    </ul>
+    <br>
+    <p><strong>16h30 : 19h00 - Session 3 : Nouvelles Localités industrielles et production distribuée</strong></p>
+    <p>Il s’agira dans cette session de donner à voir des exemples concrets de ces nouvelles localités industrielles parfois anciennes ou parfois totalement reconfigurées par le nouveau milieu technologique ou numérique. Quelles leçons peuvent se dégager de ces singularités ?</p>
+    <ul>
+    <li><strong>Olivier Landau</strong> – président (Institut de Recherche et d’Innovation) – L’usine distribuée</li>
+    <li><strong>Véronique Maire</strong> – designer (ESAD de Reims) – Intégration des designers pour tester la mise en réseau des acteurs de la filière bois autour d’outils numériques et de productions ciblées en circuit court avec une démarche d’éco-conception ?</li>
+    <li><strong>Maryline Filippi</strong> – spécialiste des coopératives agricoles, développement territorial et responsabilité des entreprises (INRAE) – La Responsabilité Territoriale de l’Entreprise et les enjeux dans le monde agricole</li>
+    <li><strong>Camille Etévé</strong> – responsable du programme Territoire d’industrie (Banque des Territoires) et <strong>Caroline Granier</strong> – docteure en sciences économiques, chargée de projet (La fabrique de l’industrie) – Les programmes d’investissement industriels</li>
+    </ul>
+    <br>
+    <br>
+    <p><strong>Jeudi 19 décembre&nbsp;:</strong></p>
+    <br>
+    <p><strong>10h00 : 13h00 - Session 4 : Eco-technologie, techno-esthétique et communautés alternatives</strong></p>
+    <p>Pour Gilbert Simondon, l’individu (et par extension l’objet technique) qui optimise le « rendement » de son rapport à son milieu fonde une « techno-esthétique » à tel point que nous devrions pouvoir distinguer, dans le monde industriel, les systèmes monstrueux ou infidèles à leur milieu, des systèmes optimisés dans leur concrétisation, c’est-à-dire aussi proches des systèmes biologiques. Comment cette approche que l’on peut qualifier d’« éco-technologique » peut-elle modifier nos démarches d’ingénierie et de design mais aussi les pratiques esthétiques elles-mêmes ? Comment les communautés alternatives et notamment dans le champ de l’écologie peuvent ainsi se réapproprier un discours sur l’industrie ?</p>
+    <ul>
+    <li><strong>Ludovic Duhem</strong> – philosophe (Haute École des Arts du Rhin à Strasbourg) – L’éco-technologie à partir de Simondon</li>
+    <li><strong>Laurence Allard</strong> – sémiologue (Un. Lille-IRCAV Un. Paris III) – Eco-production dans les médias alternatifs</li>
+    <li><strong>Alexandre Monnin</strong> – philosophe (ESC Clermont) – Politiser le renoncement</li>
+    <li><strong>Cy Lecerf Maulpoix</strong> –  auteur, enseignant aux Beaux-Arts de Marseille, doctorant (CEMS/ LAP EHESS) – Communs et communautés négatives, penser la technocritique depuis le prisme queer</li>
+    <li><strong>Mathieu Triclot</strong> – philosophe (UTBM) – Produire en prenant soin des milieux</li>
+    </ul>
+    <br>
+    <p><strong>14h30 : 17h00 - Session 5 : Écologie et économie de l’industrie : la question de l’investissement</strong></p>
+    <p>Même si les deux notions gagnent à être distinguées, industrie et économie vont de pair. Cette session s’interroge sur les nouvelles écologies/organologies des territoires et leur impact sur les dynamiques économiques durables. Elle tente aussi d’éclairer comment une écologie de l’industrie implique une nouvelle écologie de la monnaie.</p>
+    <ul> 
+    <li><strong>David Djaïz</strong> – politologue (Sciences Po Paris) – La Révolution obligée</li>
+    <li><strong>Jézabel Couppey-Soubeyran</strong> – économiste (Un. Paris 1 & Institut Veblen) – Transformer la monnaie pour rendre possible la bifurcation sociale-écologique</li>
+    <li><strong>Franck Cormerais</strong> (IRI-Université Bordeaux Montaigne) – Ecologie et économie de la contribution, vers une solidarité organologique industrieuse</li>
+    </ul>
+    <br>
+    <p><strong>17h00 : 18h30 - Session 6 : Gestion des données, communs numériques et rôle des standards dans la nouvelle écologie du numérique</strong></p>
+    <p>Comment le numérique, souvent pointé du doigt pour son impact environnemental à l’heure du fort développement des IA génératives, peut-il dessiner de nouveaux écosystèmes à même de mieux se réapproprier son « contexte » local et global ? Comment les standards ouverts et notamment le logiciel libre peuvent-ils constituer des espaces de capacitation, d’autonomie, d’invention et d’industrie ?</p>
+    <ul>
+    <li><strong>Christophe Masutti</strong> (Framasoft) – La société de la contribution</li>
+    <li><strong>Pierre-Antoine Chardel</strong> – philosophe (IMT-BS) et <strong>Olaf Avenati</strong> – designer (ESAD Reims)</li>
+    <li><strong>Anne Asensio</strong> – designer (Dassault Systèmes) et <strong>Edwige Armand</strong> – maîtresse de conférences en Art Numérique (Université Gustave Eiffel)</li>
+    </ul>
+    <br>
+    <p><strong>18h30 : 19h15 - Table Ronde</strong></p>
+    <p>Restitution des travaux de l’Association Epokhè sur le thème de l’IA et de l’industrie.</p>
+    <p>Avec la participation de X-Alternatives et Qarnot Computing</p>
+    ",
+
+    'link' => "https://enmi-conf.org/wp/enmi24/",
+    'islive' => true,
+    'islive_embed' => "",
+    'keywords' => "industrie, écologie, ENMI, Centre Pompidou, économie",
+    'annotation_protocol_version' => "3",
+    'partenaires' => "<a href=\"http://www.iri.centrepompidou.fr/\" class=\"footerLink\" target=\"_blank\">IRI</a> |&nbsp; <a href=\"https://blogs.mediapart.fr/association-epokhe/blog\" class=\"footerLink\" target=\"_blank\">Epokhè</a> |&nbsp; <a href=\"https://imt-bs.eu/\" class=\"footerLink\" target=\"_blank\">Institut Mines-Télécom - Business School</a>  &nbsp;|&nbsp; <a href=\"https://www.caissedesdepots.fr/institut-pour-la-recherche\" class=\"footerLink\" target=\"_blank\"> Institut pour la Recherche - Caisse des Dépôts </a>&nbsp;|&nbsp; <a href=\"https://www.fmsh.fr/maison-suger\" class=\"footerLink\" target=\"_blank\">FMSH - Maison Suger</a> |&nbsp; <a href=\"https://classiques-garnier.com/etudes-digitales.html\" class=\"footerLink\" target=\"_blank\">Etudes Digitales</a> |&nbsp; <a href=\"https://www.nestproject.eu/\" class=\"footerLink\" target=\"_blank\">Projet NEST</a>",
+
+    'archive_title' => "Entretiens du Nouveau Monde Industriel 2024",
+    'archive_description' => 'par l\'<a href="http://www.iri.centrepompidou.fr" target="_blank">IRI</a><br/>au Centre Pompidou les 29 et 30 novembre 2022',
+
+    'client_visual' => "images/client_visual.jpg",
+    'head_logo' => "images/logo-enmi.png",
+    'slide_background' => "images/slide_background.jpg",
+    'archive_img' => "images/archive_img.jpg",
+    // 'semantic_board' => true,
+    // 'js_config' => "
+    //     tracking_keywords = [ '#enmi18' ],
+    //     suggested_keywords = []
+    // ",
+);
diff -r dad2fc75bd8b -r 43dc356e3ff8 web/enmi24test/images/archive_img.jpg
Binary file web/enmi24test/images/archive_img.jpg has changed
diff -r dad2fc75bd8b -r 43dc356e3ff8 web/enmi24test/images/client_visual.jpg
Binary file web/enmi24test/images/client_visual.jpg has changed
diff -r dad2fc75bd8b -r 43dc356e3ff8 web/enmi24test/images/logo-enmi.png
Binary file web/enmi24test/images/logo-enmi.png has changed
diff -r dad2fc75bd8b -r 43dc356e3ff8 web/enmi24test/images/slide_background.jpg
Binary file web/enmi24test/images/slide_background.jpg has changed
diff -r dad2fc75bd8b -r 43dc356e3ff8 web/enmi24test/index.php
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/enmi24test/index.php	Thu Nov 07 23:54:02 2024 +0100
@@ -0,0 +1,6 @@
+<?php
+// Permanent redirection
+header("HTTP/1.1 301 Moved Permanently");
+header("Location: client.php");
+exit();
+?>
\ No newline at end of file
diff -r dad2fc75bd8b -r 43dc356e3ff8 web/res/css/main.css
--- a/web/res/css/main.css	Thu Nov 07 22:42:07 2024 +0100
+++ b/web/res/css/main.css	Thu Nov 07 23:54:02 2024 +0100
@@ -1,1 +1,1 @@
-@font-face{font-family:PT Sans;font-style:normal;font-weight:400;src:url(fonts/PTSans.woff2) format("woff2"),url(fonts/PTSans.ttf) format("truetype")}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;src:url(fonts/PTSans-Bold.woff2) format("woff2"),url(fonts/PTSans-Bold.ttf) format("truetype")}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;src:url(fonts/PTSans-Italic.woff2) format("woff2"),url(fonts/PTSans-Italic.ttf) format("truetype")}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;src:url(fonts/PTSans-BoldItalic.woff2) format("woff2"),url(fonts/PTSans-BoldItalic.ttf) format("truetype")}@font-face{font-family:PT Sans Narrow;font-style:normal;font-weight:400;src:url(fonts/PTSansNarrow-Regular.woff2) format("woff2"),url(fonts/PTSansNarrow-Regular.ttf) format("truetype")}@font-face{font-family:PT Sans Narrow;font-style:normal;font-weight:700;src:url(fonts/PTSansNarrow-Bold.woff2) format("woff2"),url(fonts/PTSansNarrow-Bold.ttf) format("truetype")}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}img a{border:none}body{background-color:#f7f6f6;background-image:url(twcx-img/bgd.jpg);background-repeat:repeat-x;font-family:PT Sans,Helvetica,Arial,sans-serif}body.embed{background-position:0 -63px}h2,h3,h4{font-family:PT Sans Narrow,Helvetica,Arial,sans-serif}p{font-size:12px}b,strong{font-weight:700}i{font-style:italic}.highlight{background:#ff0}.hidden{display:none}.fl{float:left}.clearer{clear:both;height:0;width:100%}#sendUsFeedBack{position:absolute;right:0;top:0;width:100px;z-index:999999}.embed #sendUsFeedBack{display:none}#container{margin:0 auto;position:relative;width:960px}.embed #container{padding-bottom:70px;width:880px}#mdpgauche{float:left;margin-right:10px;width:350px}#mdpdroite{float:left;margin-top:10px;position:relative;width:600px}#colgauche{float:right;margin-right:13px;width:455px}.embed #colgauche{margin:0}.barre{float:left;width:100%}.greyed{color:#999;font-style:italic}.rechercheCourante{background:#ffa0ff;color:navy;font-weight:700}#headlogo{float:left;margin-right:10px}.embed #headlogo{display:none}#minilogo{background:url(../../images/pol_color.gif) 0 0 no-repeat;height:5px;left:99px;position:absolute;top:55px;width:46px;z-index:9}.embed #minilogo{display:none}.menu{border-left:1px solid #c3c3c3;float:left;font-size:12px;height:62px;list-style:none;overflow:hidden}.embed .menu{display:none}.menu li{background:url(twcx-img/menu_underline.gif) 0 100% no-repeat;height:18px;min-width:80px;padding:3px 0 0 5px}.menu a{color:#000;text-decoration:none}.menu a:hover{color:#09f}#content_select_ul select,#content_select_ul span{margin:5px}#content_select_ul select{width:350px}.embedbar{float:right;height:32px;margin:15px -5px 0 0;width:216px}.embed .embedbar{display:none}a.embedbutton{background:url(twcx-img/embedbutton.png);color:#333;display:block;float:left;font-size:13px;height:19px;margin-right:4px;padding-top:13px;text-align:center;text-decoration:none;width:64px}a.embedbutton:hover{background-position:0 -32px}.share_toolbox{float:left;width:148px}#twwWrap{background:#fff;border:1px #ababab;border-style:solid solid none;float:left;margin-top:6px;padding:1px;width:451px}#tweetWriter{background:#efefef;padding:10px;width:430px}#socialGroupFollow{background:#f96;padding:5px}.loginbutton{background:url(twcx-img/bgdWriterDisconnect.png) no-repeat;background-size:cover;border:none;color:#fff;font-size:12px;margin:10px 0;min-height:45px;padding:10px;width:420px}.loginlink{color:#fff;text-decoration:none}textarea#status{background:url(twcx-img/bgdWriter.png) no-repeat;border:none;display:block;font-family:PT Sans,Helvetica,Arial,sans-serif;font-size:14px;height:45px;margin:10px 0;padding:5px;resize:none;width:420px}a#sendTweet{background:transparent url(../../images/bg_button_a_w.png) no-repeat 100% 0;color:#444;display:block;float:right;font-size:12px;height:24px;line-height:14px;margin:2px 0 0 5px;padding:0 18px 0 0;text-decoration:none}a#sendTweet.sendTweetDisabled{color:#999;cursor:not-allowed}a#sendTweet span{background:transparent url(../../images/bg_button_span_w.png) no-repeat;display:block;height:14px;padding:5px 6px 5px 24px}a#sendTweet:active,a#sendTweet:hover{background-position:right -24px}a#sendTweet:active span,a#sendTweet:hover span{background-position:0 -24px}.tweetButton{-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;color:#333;cursor:pointer;cursor:hand;float:left;height:22px;margin:2px 6px 0 0;text-align:center;text-decoration:none;width:75px}.twbSyntax{font-size:14px;font-weight:400}.twbSeparator{color:#999;font-size:12px}.twbLabel{font-size:10px;font-weight:700}#tweetCounter{background:transparent;border:none;color:#666;float:right;font-size:13px;font-weight:700;margin:4px 0 0;padding:0}#tweetCounter.tweetCounterNegative,.tweetCounterNegative{color:red}#tweetviz{border:1px solid #999;float:left;width:453px}#recherche{border-bottom:1px solid #999;float:left;padding:2px 0;position:relative;width:452px}#recherche input{float:left}#inp_q{border:none;font-size:13px;height:17px;margin-left:2px;padding:1px;width:236px}#inp_reset,#inp_submit{background:url(twcx-img/searchcancel.png);border:0;height:20px;overflow:hidden;padding:0;text-indent:800px;width:20px}#inp_submit:hover{background-position:-20px 0}#inp_submit:active{background-position:-40px 0}#inp_reset{background-position:0 -20px}#inp_reset:hover{background-position:-20px -20px}#inp_reset:active{background-position:-40px -20px}#time_legende{background:url(twcx-img/scale.png) 0;float:left;height:20px;margin-left:30px;width:30px}#time_scale{color:#666;float:left;font-size:12px;margin:3px 0 0;text-align:center;width:50px}#time_zoomin,#time_zoomout{background:url(twcx-img/scale.png);float:left;height:20px;width:12px}#time_zoomout{background-position:-30px}#time_zoomout.inactive{background-position:-54px}#time_zoomin{background-position:-42px}#time_zoomin.inactive{background-position:-66px}#recherche_annot{background:#fff;border:1px solid #ccc;box-shadow:2px 2px 2px rgba(0,0,0,.5);display:none;font-size:12px;padding:4px;position:absolute;top:20px;z-index:4}#recherche_annot a{color:#000;font-weight:700;line-height:13px;margin:1px;padding:1px;text-decoration:none}#tweetlist{background:#fff;border-right:1px solid #999;color:#585858;cursor:pointer;cursor:hand;float:left;height:480px;list-style:none;width:280px}#tweetlist a{color:#1985b5;text-decoration:none}#tweetlist a:hover{color:#105060;text-decoration:underline}li.placeholder,li.tweet{border-bottom:1px dotted;border-color:#ccc;float:left;overflow:hidden}li.tweet{background:#fff;position:relative}li.full{border-right:10px solid #ff0;height:117px;width:270px}li.half{height:46px;width:280px}li.icons{border:none;height:20px;width:20px}li.placeholder{visibility:hidden}.tweet p{overflow:hidden}.full p.tweet_text{color:#000;font-size:11px;margin:0 0 0 58px}.half p.tweet_text{font-size:11px;height:36px;line-height:12px;margin:5px 0 5px 49px;width:216px}div.around_img{float:left}.full .profile_image{height:48px;margin:5px 5px 0;width:48px}.half .profile_image{height:36px;margin:5px;width:36px}.icons .profile_image{height:16px;margin:2px;width:16px}p.created_at{color:#999;font-size:12px;font-style:italic;overflow:hidden;text-align:center;width:58px}.annotations,.twmain{height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.icons .annotations{height:6px;left:0;position:absolute;top:16px;width:20px;z-index:3}div.annotation{float:left;height:100%}div.tweet_actions{bottom:2px;font-size:11px;position:absolute;right:4px}div.tweet_actions>a+a:before{content:" · "}#timeline{border-right:1px solid #999;cursor:pointer;cursor:hand;width:150px}#scrollcont,#timeline{float:left;height:480px}#scrollcont{overflow:auto;width:20px}#scrollin{height:8000px;width:1px}#hovertweet{display:none;margin:-20px 0 0 15px;position:absolute;z-index:12}div.full{background:#eee;border:1px solid grey;border-radius:3px;box-shadow:5px 5px 5px rgba(0,0,0,.3);height:84px;position:absolute;width:270px}#hoverarrow{background:url(twcx-img/arrow.png);height:18px;left:-9px;position:absolute;top:13px;width:10px}#onglets{border-left:1px solid #999;float:left;list-style:none;margin:22px 25px 0;width:441px}.embed #onglets{display:none}#onglets li{background:url(twcx-img/bg_onglet.png) repeat-x;border:1px solid #999;border-left-style:none;float:left;font-size:12px;font-weight:700;height:12px;line-height:12px;margin-top:1px;padding:6px 10px;text-transform:uppercase}#onglets a{color:#666;text-decoration:none}#onglets a:hover{color:#09f}#onglets li.selected{background-position:0 -22px;border-bottom:none;margin-top:0;padding-bottom:8px}#onglets li.selected a{color:#333}#coldroite{float:right;width:492px}.embed #coldroite{width:425px}div.ifwrap{background:#999;border:5px solid #fff;float:left;height:320px;padding:1px;width:480px}#videoLivePlayer,.ifwrap iframe{background:#000;border:none;height:320px;margin:0;padding:0;width:480px}.embed #videoLivePlayer,.embed .ifwrap iframe,.embed div.ifwrap{height:280px;width:412px}.embed div.ifwrap{margin:5px 0 0}.live-thumbnail{display:block;margin:0 auto;max-height:320px;max-width:480px}.embed .live-thumbnail{max-height:280px;max-width:412px}ul.accordeon{background:#999;float:left;list-style:none;margin:10px 0 5px;padding:1px 0 0;width:100%}.accordeon h3,.acctitre h3{color:#555;font-size:16px;font-weight:700}#event-description h4{color:#555;font-size:14px;font-weight:700}.acctitre h3 a{color:#555;text-decoration:none}.acctitre h3 a:hover,.acctitre h3:hover{color:#09f}.acctexte p{line-height:1.5em;margin:5px 0}li.acctexte,li.acctitre{border:1px solid #fff;list-style:none;margin:0 1px 1px;padding:4px;position:relative}li.acctitre{background:#efefef;cursor:pointer;cursor:hand}li.acctexte{background:url(twcx-img/bgdeplie.png) top repeat-x #efefef;font-size:12px}li.acctexte.acclimited{max-height:228px;overflow:auto}li.acctexte.mdpacclimited{max-height:450px;overflow:auto}div.accsubtitle{background:#e0e0e0;border-right:1px solid #999;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:20px}div.aroundsubtitle{height:0;left:0;position:absolute;top:50%;-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);width:0}.aroundsubtitle h4{color:#555;font-size:13px;font-weight:700;height:20px;left:-75px;position:absolute;text-align:center;top:0;width:150px}div.tagcloud{margin-left:20px;text-align:center}.tagcloud span{cursor:pointer;cursor:hand;padding:2px}.acctexte ul{list-style:disc}.acctexte ol,.acctexte ul{font-size:12px;padding-left:1.5em}.acctexte ol{list-style:decimal}.acctexte li{margin:4px 0}#hoverkw{background:url(twcx-img/lefttt.png);display:none;font-size:14px;height:39px;line-height:19px;list-style:none;margin-left:-104px;margin-top:-24px;padding:5px 13px 5px 5px;position:absolute;text-align:center;width:86px}#hoverkw a{color:#222;text-decoration:none}#hoverkw a:hover{color:#09f;text-decoration:underline}.footer{float:left;margin:40px 0 10px;text-align:center;width:100%}.embed .footer{display:none}hr{background:#ccc;border:none;height:1px;margin:0 0 10px;width:100%}a.footerLink{color:#000;font-family:PT Sans Narrow,Arial,Helvetica,sans-serif;font-size:13px;margin:5px;text-decoration:none}a.footerLink:hover{color:#09f}.tweetwall #tweetviz{height:770px;width:800px}.tweetwall #tweetlist{height:770px;width:490px}.tweetwall #timeline{background:#efefef;height:770px;width:280px}.tweetwall li.full{border-right:15px solid #ff0;height:140px;width:475px}.tweetwall li.half{height:80px;width:490px}.tweetwall li.icons{border:none;height:35px;width:35px}.tweetwall .full p.tweet_text{color:#000;font-size:18px;font-weight:700;height:120px;line-height:22px;margin:10px 0 10px 100px;width:365px}.tweetwall .half p.tweet_text{font-size:16px;font-weight:700;height:60px;line-height:20px;margin:10px 0 10px 70px;width:410px}.tweetwall .full .profile_image{height:80px;margin:10px 10px 0;width:80px}.tweetwall .half .profile_image{height:60px;margin:10px;width:60px}.tweetwall .icons .profile_image{height:25px;margin:5px;width:25px}.tweetwall .icons .annotations{height:8px;left:0;position:absolute;top:22px;width:30px;z-index:3}.tweetwall p.created_at{color:#999;font-size:18px;font-style:italic;overflow:hidden;text-align:center;width:90px}.tweetwall .tweet_actions{display:none}.archive_box_3{clear:both;float:left;width:960px}.archivesVideoBox{background:#f0f0f0;border:1px solid #999;float:left;font-size:15px;margin:12px;padding:12px;width:270px}.archivesVideoBox:nth-child(3n+1){clear:left}.archivesVideoBox:hover{background:#e0e0e0}.AVBtitle,.splash h1{font-weight:700}.splash h1{font-size:20px;margin:5px 0 20px}.splash p{font-size:13px;margin:5px 0}.splash hr{margin:20px auto;width:300px}.splash h2{font-size:18px;font-weight:700;margin:8px 0}.splash h3{font-size:16px;margin:8px}.splash ul{list-style:none;margin:10px 20px}.splash li{font-size:13px;margin:5px 0}.splash .checkbox{margin:2px 5px}.splash label{display:inline-block;width:60px}.splash .submit{float:right;font-family:PT Sans Narrow;font-size:20px;font-weight:700}.connect-message{font-size:16px;margin:30px;text-align:center}.connect-message a{color:#333;text-decoration:none}.connect-message a:hover{text-decoration:underline}.video-js{height:320px;width:480px}
\ No newline at end of file
+@font-face{font-family:PT Sans;font-style:normal;font-weight:400;src:url(fonts/PTSans.woff2) format("woff2"),url(fonts/PTSans.ttf) format("truetype")}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;src:url(fonts/PTSans-Bold.woff2) format("woff2"),url(fonts/PTSans-Bold.ttf) format("truetype")}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;src:url(fonts/PTSans-Italic.woff2) format("woff2"),url(fonts/PTSans-Italic.ttf) format("truetype")}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;src:url(fonts/PTSans-BoldItalic.woff2) format("woff2"),url(fonts/PTSans-BoldItalic.ttf) format("truetype")}@font-face{font-family:PT Sans Narrow;font-style:normal;font-weight:400;src:url(fonts/PTSansNarrow-Regular.woff2) format("woff2"),url(fonts/PTSansNarrow-Regular.ttf) format("truetype")}@font-face{font-family:PT Sans Narrow;font-style:normal;font-weight:700;src:url(fonts/PTSansNarrow-Bold.woff2) format("woff2"),url(fonts/PTSansNarrow-Bold.ttf) format("truetype")}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}img a{border:none}body{background-color:#f7f6f6;background-image:url(twcx-img/bgd.jpg);background-repeat:repeat-x;font-family:PT Sans,Helvetica,Arial,sans-serif}body.embed{background-position:0 -63px}h2,h3,h4{font-family:PT Sans Narrow,Helvetica,Arial,sans-serif}p{font-size:12px}b,strong{font-weight:700}i{font-style:italic}.highlight{background:#ff0}.hidden{display:none}.fl{float:left}.clearer{clear:both;height:0;width:100%}#sendUsFeedBack{position:absolute;right:0;top:0;width:100px;z-index:999999}.embed #sendUsFeedBack{display:none}#container{margin:0 auto;position:relative;width:960px}.embed #container{padding-bottom:70px;width:880px}#mdpgauche{float:left;margin-right:10px;width:350px}#mdpdroite{float:left;margin-top:10px;position:relative;width:600px}#colgauche{float:right;margin-right:13px;width:455px}.embed #colgauche{margin:0}.barre{float:left;width:100%}.greyed{color:#999;font-style:italic}.rechercheCourante{background:#ffa0ff;color:navy;font-weight:700}#headlogo{float:left;margin-right:10px}.embed #headlogo{display:none}#minilogo{background:url(../../images/pol_color.gif) 0 0 no-repeat;height:5px;left:99px;position:absolute;top:55px;width:46px;z-index:9}.embed #minilogo{display:none}.menu{border-left:1px solid #c3c3c3;float:left;font-size:12px;height:62px;list-style:none;overflow:hidden}.embed .menu{display:none}.menu li{background:url(twcx-img/menu_underline.gif) 0 100% no-repeat;height:18px;min-width:80px;padding:3px 0 0 5px}.menu a{color:#000;text-decoration:none}.menu a:hover{color:#09f}#content_select_ul select,#content_select_ul span{margin:5px}#content_select_ul select{width:350px}.embedbar{float:right;height:32px;margin:15px -5px 0 0;width:216px}.embed .embedbar{display:none}a.embedbutton{background:url(twcx-img/embedbutton.png);color:#333;display:block;float:left;font-size:13px;height:19px;margin-right:4px;padding-top:13px;text-align:center;text-decoration:none;width:64px}a.embedbutton:hover{background-position:0 -32px}.share_toolbox{float:left;width:148px}#twwWrap{background:#fff;border:1px #ababab;border-style:solid solid none;float:left;margin-top:6px;padding:1px;width:451px}#tweetWriter{background:#efefef;padding:10px;width:430px}#socialGroupFollow{background:#f96;padding:5px}.loginbutton{background:url(twcx-img/bgdWriterDisconnect.png) no-repeat;background-size:cover;border:none;color:#fff;font-size:12px;margin:10px 0;min-height:45px;padding:5px 0 5px 10px;width:420px}.loginlink{color:#fff;text-decoration:none}.loginlist{margin-left:10px}textarea#status{background:url(twcx-img/bgdWriter.png) no-repeat;border:none;display:block;font-family:PT Sans,Helvetica,Arial,sans-serif;font-size:14px;height:45px;margin:10px 0;padding:5px;resize:none;width:420px}a#sendTweet{background:transparent url(../../images/bg_button_a_w.png) no-repeat 100% 0;color:#444;display:block;float:right;font-size:12px;height:24px;line-height:14px;margin:2px 0 0 5px;padding:0 18px 0 0;text-decoration:none}a#sendTweet.sendTweetDisabled{color:#999;cursor:not-allowed}a#sendTweet span{background:transparent url(../../images/bg_button_span_w.png) no-repeat;display:block;height:14px;padding:5px 6px 5px 24px}a#sendTweet:active,a#sendTweet:hover{background-position:right -24px}a#sendTweet:active span,a#sendTweet:hover span{background-position:0 -24px}.tweetButton{-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;color:#333;cursor:pointer;cursor:hand;float:left;height:22px;margin:2px 6px 0 0;text-align:center;text-decoration:none;width:75px}.twbSyntax{font-size:14px;font-weight:400}.twbSeparator{color:#999;font-size:12px}.twbLabel{font-size:10px;font-weight:700}#tweetCounter{background:transparent;border:none;color:#666;float:right;font-size:13px;font-weight:700;margin:4px 0 0;padding:0}#tweetCounter.tweetCounterNegative,.tweetCounterNegative{color:red}#tweetviz{border:1px solid #999;float:left;width:453px}#recherche{border-bottom:1px solid #999;float:left;padding:2px 0;position:relative;width:452px}#recherche input{float:left}#inp_q{border:none;font-size:13px;height:17px;margin-left:2px;padding:1px;width:236px}#inp_reset,#inp_submit{background:url(twcx-img/searchcancel.png);border:0;height:20px;overflow:hidden;padding:0;text-indent:800px;width:20px}#inp_submit:hover{background-position:-20px 0}#inp_submit:active{background-position:-40px 0}#inp_reset{background-position:0 -20px}#inp_reset:hover{background-position:-20px -20px}#inp_reset:active{background-position:-40px -20px}#time_legende{background:url(twcx-img/scale.png) 0;float:left;height:20px;margin-left:30px;width:30px}#time_scale{color:#666;float:left;font-size:12px;margin:3px 0 0;text-align:center;width:50px}#time_zoomin,#time_zoomout{background:url(twcx-img/scale.png);float:left;height:20px;width:12px}#time_zoomout{background-position:-30px}#time_zoomout.inactive{background-position:-54px}#time_zoomin{background-position:-42px}#time_zoomin.inactive{background-position:-66px}#recherche_annot{background:#fff;border:1px solid #ccc;box-shadow:2px 2px 2px rgba(0,0,0,.5);display:none;font-size:12px;padding:4px;position:absolute;top:20px;z-index:4}#recherche_annot a{color:#000;font-weight:700;line-height:13px;margin:1px;padding:1px;text-decoration:none}#tweetlist{background:#fff;border-right:1px solid #999;color:#585858;cursor:pointer;cursor:hand;float:left;height:480px;list-style:none;width:280px}#tweetlist a{color:#1985b5;text-decoration:none}#tweetlist a:hover{color:#105060;text-decoration:underline}li.placeholder,li.tweet{border-bottom:1px dotted;border-color:#ccc;float:left;overflow:hidden}li.tweet{background:#fff;position:relative}li.full{border-right:10px solid #ff0;height:117px;width:270px}li.half{height:46px;width:280px}li.icons{border:none;height:20px;width:20px}li.placeholder{visibility:hidden}.tweet p{overflow:hidden}.full p.tweet_text{color:#000;font-size:11px;margin:0 0 0 58px}.half p.tweet_text{font-size:11px;height:36px;line-height:12px;margin:5px 0 5px 49px;width:216px}div.around_img{float:left}.full .profile_image{height:48px;margin:5px 5px 0;width:48px}.half .profile_image{height:36px;margin:5px;width:36px}.icons .profile_image{height:16px;margin:2px;width:16px}p.created_at{color:#999;font-size:12px;font-style:italic;overflow:hidden;text-align:center;width:58px}.annotations,.twmain{height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.icons .annotations{height:6px;left:0;position:absolute;top:16px;width:20px;z-index:3}div.annotation{float:left;height:100%}div.tweet_actions{bottom:2px;font-size:11px;position:absolute;right:4px}div.tweet_actions>a+a:before{content:" · "}#timeline{border-right:1px solid #999;cursor:pointer;cursor:hand;width:150px}#scrollcont,#timeline{float:left;height:480px}#scrollcont{overflow:auto;width:20px}#scrollin{height:8000px;width:1px}#hovertweet{display:none;margin:-20px 0 0 15px;position:absolute;z-index:12}div.full{background:#eee;border:1px solid grey;border-radius:3px;box-shadow:5px 5px 5px rgba(0,0,0,.3);height:84px;position:absolute;width:270px}#hoverarrow{background:url(twcx-img/arrow.png);height:18px;left:-9px;position:absolute;top:13px;width:10px}#onglets{border-left:1px solid #999;float:left;list-style:none;margin:22px 25px 0;width:441px}.embed #onglets{display:none}#onglets li{background:url(twcx-img/bg_onglet.png) repeat-x;border:1px solid #999;border-left-style:none;float:left;font-size:12px;font-weight:700;height:12px;line-height:12px;margin-top:1px;padding:6px 10px;text-transform:uppercase}#onglets a{color:#666;text-decoration:none}#onglets a:hover{color:#09f}#onglets li.selected{background-position:0 -22px;border-bottom:none;margin-top:0;padding-bottom:8px}#onglets li.selected a{color:#333}#coldroite{float:right;width:492px}.embed #coldroite{width:425px}div.ifwrap{background:#999;border:5px solid #fff;float:left;height:320px;padding:1px;width:480px}#videoLivePlayer,.ifwrap iframe{background:#000;border:none;height:320px;margin:0;padding:0;width:480px}.embed #videoLivePlayer,.embed .ifwrap iframe,.embed div.ifwrap{height:280px;width:412px}.embed div.ifwrap{margin:5px 0 0}.live-thumbnail{display:block;margin:0 auto;max-height:320px;max-width:480px}.embed .live-thumbnail{max-height:280px;max-width:412px}ul.accordeon{background:#999;float:left;list-style:none;margin:10px 0 5px;padding:1px 0 0;width:100%}.accordeon h3,.acctitre h3{color:#555;font-size:16px;font-weight:700}#event-description h4{color:#555;font-size:14px;font-weight:700}.acctitre h3 a{color:#555;text-decoration:none}.acctitre h3 a:hover,.acctitre h3:hover{color:#09f}.acctexte p{line-height:1.5em;margin:5px 0}li.acctexte,li.acctitre{border:1px solid #fff;list-style:none;margin:0 1px 1px;padding:4px;position:relative}li.acctitre{background:#efefef;cursor:pointer;cursor:hand}li.acctexte{background:url(twcx-img/bgdeplie.png) top repeat-x #efefef;font-size:12px}li.acctexte.acclimited{max-height:228px;overflow:auto}li.acctexte.mdpacclimited{max-height:450px;overflow:auto}div.accsubtitle{background:#e0e0e0;border-right:1px solid #999;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:20px}div.aroundsubtitle{height:0;left:0;position:absolute;top:50%;transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);width:0}.aroundsubtitle h4{color:#555;font-size:13px;font-weight:700;height:20px;left:-75px;position:absolute;text-align:center;top:0;width:150px}div.tagcloud{margin-left:20px;text-align:center}.tagcloud span{cursor:pointer;cursor:hand;padding:2px}.acctexte ul{list-style:disc}.acctexte ol,.acctexte ul{font-size:12px;padding-left:1.5em}.acctexte ol{list-style:decimal}.acctexte li{margin:4px 0}#hoverkw{background:url(twcx-img/lefttt.png);display:none;font-size:14px;height:39px;line-height:19px;list-style:none;margin-left:-104px;margin-top:-24px;padding:5px 13px 5px 5px;position:absolute;text-align:center;width:86px}#hoverkw a{color:#222;text-decoration:none}#hoverkw a:hover{color:#09f;text-decoration:underline}.footer{float:left;margin:40px 0 10px;text-align:center;width:100%}.embed .footer{display:none}hr{background:#ccc;border:none;height:1px;margin:0 0 10px;width:100%}a.footerLink{color:#000;font-family:PT Sans Narrow,Arial,Helvetica,sans-serif;font-size:13px;margin:5px;text-decoration:none}a.footerLink:hover{color:#09f}.tweetwall #tweetviz{height:770px;width:800px}.tweetwall #tweetlist{height:770px;width:490px}.tweetwall #timeline{background:#efefef;height:770px;width:280px}.tweetwall li.full{border-right:15px solid #ff0;height:140px;width:475px}.tweetwall li.half{height:80px;width:490px}.tweetwall li.icons{border:none;height:35px;width:35px}.tweetwall .full p.tweet_text{color:#000;font-size:18px;font-weight:700;height:120px;line-height:22px;margin:10px 0 10px 100px;width:365px}.tweetwall .half p.tweet_text{font-size:16px;font-weight:700;height:60px;line-height:20px;margin:10px 0 10px 70px;width:410px}.tweetwall .full .profile_image{height:80px;margin:10px 10px 0;width:80px}.tweetwall .half .profile_image{height:60px;margin:10px;width:60px}.tweetwall .icons .profile_image{height:25px;margin:5px;width:25px}.tweetwall .icons .annotations{height:8px;left:0;position:absolute;top:22px;width:30px;z-index:3}.tweetwall p.created_at{color:#999;font-size:18px;font-style:italic;overflow:hidden;text-align:center;width:90px}.tweetwall .tweet_actions{display:none}.archive_box_3{clear:both;float:left;width:960px}.archivesVideoBox{background:#f0f0f0;border:1px solid #999;float:left;font-size:15px;margin:12px;padding:12px;width:270px}.archivesVideoBox:nth-child(3n+1){clear:left}.archivesVideoBox:hover{background:#e0e0e0}.AVBtitle,.splash h1{font-weight:700}.splash h1{font-size:20px;margin:5px 0 20px}.splash p{font-size:13px;margin:5px 0}.splash hr{margin:20px auto;width:300px}.splash h2{font-size:18px;font-weight:700;margin:8px 0}.splash h3{font-size:16px;margin:8px}.splash ul{list-style:none;margin:10px 20px}.splash li{font-size:13px;margin:5px 0}.splash .checkbox{margin:2px 5px}.splash label{display:inline-block;width:60px}.splash .submit{float:right;font-family:PT Sans Narrow;font-size:20px;font-weight:700}.connect-message{font-size:16px;margin:30px;text-align:center}.connect-message a{color:#333;text-decoration:none}.connect-message a:hover{text-decoration:underline}.video-js{height:320px;width:480px}
\ No newline at end of file
diff -r dad2fc75bd8b -r 43dc356e3ff8 web/src/css/main.scss
--- a/web/src/css/main.scss	Thu Nov 07 22:42:07 2024 +0100
+++ b/web/src/css/main.scss	Thu Nov 07 23:54:02 2024 +0100
@@ -212,7 +212,7 @@
     background: #ff9966;
 }
 .loginbutton{
-    margin: 10px 0; min-height: 45px; width: 420px; padding:10px;
+    margin: 10px 0; min-height: 45px; width: 420px; padding:5px 0 5px 10px;
     background: url(twcx-img/bgdWriterDisconnect.png) no-repeat;
     background-size: cover;
     border: none; color:#fff; font-size: 12px;
@@ -221,6 +221,9 @@
     text-decoration:none;
     color:#fff;
 }
+.loginlist {
+    margin-left: 10px;
+}
 textarea#status {
     display: block; margin: 10px 0; height: 45px; width: 420px; padding:5px;
     background: url(twcx-img/bgdWriter.png) no-repeat;
@@ -540,9 +543,9 @@
     float: left; width: 100%; margin: 10px 0 5px 0; padding: 1px 0 0; list-style: none; background: #999999;
 }
 
-.embed #out_fleche, .embed #accordeon {
-/*    display: none; */
-}
+/*.embed #out_fleche, .embed #accordeon {
+    display: none;
+}*/
 
 .accordeon h3, .acctitre h3 {
     font-size: 16px; font-weight: bold; color: #555555;
@@ -590,7 +593,7 @@
 }
 
 div.aroundsubtitle {
-    position: absolute; top: 50%; left: 0; width: 0; height: 0; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg);
+    position: absolute; top: 50%; left: 0; width: 0; height: 0; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg);
 }
 
 .aroundsubtitle h4 {
diff -r dad2fc75bd8b -r 43dc356e3ff8 web/traductions/en.php
--- a/web/traductions/en.php	Thu Nov 07 22:42:07 2024 +0100
+++ b/web/traductions/en.php	Thu Nov 07 23:54:02 2024 +0100
@@ -91,6 +91,10 @@
 		'Erreur1'          => "Oops! it's a bug you have one coin to kick the developper ;-) :",
 		"Envoyé"          => "Your tweet is sent !",
 		"Vous n'êtes pas connecté."=> "You are not logged in.<br>To post, click here and log in with your account.",
+		"Vous n'êtes pas connecté à Mastodon."=> "You are not logged in. To post&nbsp;:",
+		"Connexion Mastodon 1" => "Log in to Mastodon.",
+		"Connexion Mastodon 2" => "Follow the groupe&nbsp:",
+
 		"ClientTitle1 :"  => "Polemic tweet",
 
 
diff -r dad2fc75bd8b -r 43dc356e3ff8 web/traductions/fr.php
--- a/web/traductions/fr.php	Thu Nov 07 22:42:07 2024 +0100
+++ b/web/traductions/fr.php	Thu Nov 07 23:54:02 2024 +0100
@@ -98,6 +98,9 @@
 		'Erreur1'          => "Ooups! il y a une erreur vous avez le droit de frapper le developpeur :",
 		"Envoyé"          => "Votre message a bien été envoyé !",
 		"Vous n'êtes pas connecté."=> "Vous n'êtes pas connecté.<br> Pour participer, veuillez vous identifier en cliquant ici.",
+		"Vous n'êtes pas connecté à Mastodon."=> "Vous n'êtes pas connecté. Pour participer&nbsp;:",
+		"Connexion Mastodon 1" => "Identifier vous sur Mastodon.",
+		"Connexion Mastodon 2" => "Suivez le groupe&nbsp:",
 		"ClientTitle1 :"  => "Annotations pol&eacute;miques",
 
 		// Embed #############
diff -r dad2fc75bd8b -r 43dc356e3ff8 web/traductions/ja.php
--- a/web/traductions/ja.php	Thu Nov 07 22:42:07 2024 +0100
+++ b/web/traductions/ja.php	Thu Nov 07 23:54:02 2024 +0100
@@ -94,6 +94,9 @@
 		'Erreur1'          => "Ooups! it's a bug you have one coin to kick the developper ;-) :",
 		"Envoyé"          => "ツイートは送信されました！",
 		"Vous n'êtes pas connecté."=> "あなたはログインしていません。<br> 投稿するにはログインが必要です。こちらをクリックしてください",
+		"Vous n'êtes pas connecté à Mastodon."=> "あなたはログインしていません。参加するには&nbsp;:",
+		"Connexion Mastodon 1" => "Mastodonにログインします。",
+		"Connexion Mastodon 2" => "グループをフォローしてください:",
 		"ClientTitle1 :"  => "Polemic tweet",
 
 		// Embed #############