EverybodyWiki Bios & Wiki - User contributions [en]

Humaniti Hotel

2026-09-26T20:56:40Z

WikiMasterClaudeCode: Revert: added infobox triggered Lua errors (Module:Infobox mapframe needs Wikibase, unavailable here)

{{Short description|Humaniti Hotel located in Montreal, Canada.}}
{{Draft topics|architecture}}
{{AfC topic|geo}}

Humaniti Hotel Montreal

Humaniti Hotel Montreal is a luxury hotel located in the Quartier International district of downtown Montreal, Canada. Part of the larger Humaniti Montreal mixed-use development, the hotel opened in 2020 and is recognized for its innovative design, sustainable architecture, and high-end services. It combines residential, commercial, and hospitality spaces, contributing to the growing trend of mixed-use developments in urban centers.

Location
The Humaniti Hotel is strategically positioned in the heart of Montreal’s business and cultural hub, offering convenient access to various attractions, including the Montreal Convention Centre, Old Montreal, and numerous cultural and entertainment venues. The hotel’s address is 340 de la Gauchetière O, Montreal, Quebec, Canada, H2Z 0C3, placing it within walking distance of major transportation hubs, shopping districts, and dining destinations.

Design and Architecture
The Humaniti Hotel is housed within a striking modern building designed by the prominent architecture firm Menkès Shooner Dagenais LeTourneux Architects. The development is part of a broader mixed-use project that includes residential units and commercial spaces, making it an important architectural feature in Montreal’s skyline. The building’s design is characterized by its eco-conscious materials, energy-efficient systems, and contemporary style.

The exterior features a sleek glass and steel facade that contrasts with the more traditional architecture of surrounding buildings. This bold design reflects the hotel’s commitment to modernity and sustainability. Inside, the hotel’s interiors blend minimalist aesthetics with touches of Montreal’s cultural and artistic heritage. The open-concept spaces maximize natural light, and the design incorporates contemporary art, creating an atmosphere that reflects the city’s vibrant and eclectic identity.

Amenities and Services
The Humaniti Hotel offers a wide range of luxury amenities designed to cater to both short-term visitors and long-term stays. Key features include:

Rooms and Suites: The hotel has more than 200 rooms and suites, each equipped with state-of-the-art technology, modern furnishings, and panoramic city views. Rooms are designed to meet the needs of both business and leisure travelers, offering spacious work areas, high-speed internet, and comfortable bedding.

Rooftop Terrace and Pool: The hotel’s rooftop terrace, Terrasse Alizé, is a standout feature. It offers guests breathtaking views of Montreal’s skyline, along with a sophisticated menu of cocktails and seasonal dishes. The rooftop also includes a heated pool and lounge areas, providing a relaxing space for both guests and locals.

Restaurant: The hotel is home to a renowned restaurant led by Chef Jean-Sébastien Giguère, who specializes in a fusion of Quebecois and international cuisines. The menu highlights seasonal ingredients and locally sourced products, offering an exploration of Quebec's diverse culinary landscape. The restaurant also boasts an extensive wine cellar, featuring selections from Quebec and beyond.

Fitness and Wellness: A fully equipped fitness center and a dedicated spa provide guests with ample opportunities for relaxation and rejuvenation. The hotel’s wellness facilities are designed to promote health and well-being, featuring a variety of treatments and personalized fitness programs.

Event Spaces: With flexible event spaces, the hotel is equipped to host conferences, meetings, and social events. The venues are fitted with cutting-edge audio-visual technology and can accommodate various group sizes, making the hotel a prime location for both corporate and social gatherings.

Sustainability Initiatives
The Humaniti Hotel is committed to sustainability and incorporates a range of eco-friendly features. The building adheres to high environmental standards, utilizing energy-efficient systems for heating, cooling, and lighting. It also integrates low-impact building materials and water-saving technologies. Additionally, the hotel has implemented comprehensive waste reduction and recycling programs. These sustainability efforts are designed to minimize the hotel’s environmental footprint and promote responsible tourism practices.

Art and Culture
As a reflection of Montreal’s status as a cultural capital, the Humaniti Hotel places a strong emphasis on art and design. The hotel regularly collaborates with local artists and curates rotating art exhibitions that are displayed throughout its public spaces. Guests can also enjoy a selection of artwork in the guest rooms, featuring both contemporary and classical pieces from local and international artists. This dedication to the arts enhances the cultural atmosphere of the hotel, contributing to Montreal’s thriving artistic community.

Nearby Attractions
The Humaniti Hotel is ideally located for guests wishing to explore Montreal’s rich history and culture. Notable nearby attractions include:

Montreal Museum of Fine Arts (MMFA): A world-renowned museum showcasing extensive collections of global art, from classical to contemporary pieces.

Old Montreal: A historic district with cobblestone streets, charming boutiques, and landmarks such as Notre-Dame Basilica and the Old Port.

Montreal Science Centre: A family-friendly museum offering interactive exhibits focused on science and technology.

Place des Arts: A major cultural venue hosting performances in music, theater, and dance.

The hotel is also within close proximity to the Montreal Convention Centre, making it a prime choice for business travelers attending conferences and events in the city.

Awards and Recognition
Since its opening, the Humaniti Hotel Montreal has been recognized for its innovative approach to hospitality and design. It has garnered attention from travel and design publications for its commitment to sustainability, modern aesthetics, and exceptional guest experience. The hotel’s impact on the revitalization of the Quartier International district has further contributed to Montreal’s reputation as a leading global destination for luxury travel and innovative urban developments.

Conclusion
The Humaniti Hotel Montreal represents a modern approach to urban hospitality, blending luxury, sustainability, and cultural engagement. Its combination of eco-friendly design, high-end amenities, and prime location makes it an attractive destination for both leisure and business travelers. As part of the Humaniti Montreal development, the hotel is an integral component of the city’s evolving landscape, contributing to Montreal’s status as a global metropolis.

== References ==

{{reflist}} https://blog.mtl.org/en/humaniti-hotel
{{⚠️🚨COPIED from EverybodyWiki ❗❕⚠️😡😤Please respect Licence CC-BY-SA ❗}}
{{Source Wikipedia}}

MediaWiki:Chameleon.css

2026-09-11T14:42:43Z

WikiMasterClaudeCode: Fix majeur : .wikitable display:block retire -- prenait toute la largeur du conteneur au lieu de s'ajuster au contenu reel du tableau (grand vide a droite + barre de defilement verticale artificielle). Touche potentiellement la majorite des tableaux du site. overflow-x/max-height conserves, fonctionnent sans display:block

/* === MOBILE SPACING === */
@media (max-width: 768px) {
#p-search, #mwext-bc { margin-top: 1rem; }
#pfForm .createboxInput { min-width: 100%; }
.p-personal-tools { overflow: hidden; padding: 0; }
.p-navbar .navbar-nav .p-personal-tools.dropdown-menu { padding: 10px 0; }
.page-Everybodywiki_FAQ #toc ul li ul { margin-left: .8rem; }
}

/* === INFOBOX TEMPLATE STYLE === */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.5em;
background: white;
overflow: visible;
max-height: none;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
text-align: center;
}
.infobox td,
.infobox th {
vertical-align: top;
text-align: left;
word-break: initial;
}
.infobox th:not(:first-child) {
display: inline-block;
margin-right: 0.3rem;
}
.infobox td a, .infobox th a {
word-break: break-all;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #a2a9b1;
}
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #a2a9b1;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
/* No bold (mostly for infoboxes) */
.noBold {
font-weight: normal !important;
}

/* === TABLE DES MATIÈRES === */
#toc {
float: right;
box-shadow: 1px 2px 7px lightgrey;
padding: 5px;
margin: 3px 8px;
max-width: 35%;
}
@media (max-width:1000px) {
#toc {
float: none;
max-width: 100%;
}
}

/* === CACHE LES ERREURS SCRIBUNTO & AUTRES === */
.error,
.scribunto-error,
.mw-parser-output > div[style="color:red"],
#mw-scribunto-error-0,
#mw-scribunto-error-1,
#mw-scribunto-error-2,
#mw-scribunto-error-3,
.errorbox,
.ve-ui-surface .invisble-on-vedit,
#MobileAds {
display: none !important;
}

/* === GLOBAL & UTILITIES === */
/* FIX (2026-09-11) : word-break:break-word equivaut a overflow-wrap:anywhere -- MAIS contrairement a overflow-wrap, il entre dans le calcul de la largeur min-content. Resultat : n'importe quelle cellule etroite (colspan=1, width:1px, ou juste ecrasee par un voisin en width:100%) pouvait se reduire a 1 caractere de large -- 3 occurrences constatees : infobox (deja corrige via word-break:initial cible), tracklist (idem), navbox-image sur Jack Change It (File:Unteransetzen.jpg, image manquante, dont le texte de repli MediaWiki s ecrivait a la verticale). overflow-wrap garde la meme protection utile -- les URLs interminables ne debordent toujours pas de leur conteneur -- sans ecraser les colonnes etroites. Les correctifs cibles word-break:initial sur .infobox/.tracklist restent en place mais deviennent inutiles ; laisses tels quels, sans effet indesirable. */
body { overflow-wrap: break-word; }
#firstHeading { word-wrap: break-word; }
img.fullwidth { width: 100%; height: auto; }

/* === STRUCTURE & LAYOUT === */
#p-logo {
text-align: center;
height: auto;
padding: 0;
margin: 0 0 -10px;
}
#p-logo img {
width: auto;
height: 140px;
margin: 10px 6px 0 0;
}
.mw-sidebar.ml-0.col-md-3.col-lg-2.d-none.d-md-block.col,
.flex-fill.container-fluid.container { padding-left: 0; }
.flex-fill.container-fluid.container > .row { margin-left: 0; }
.mw-sidebar > div {
padding: 0 6px;
background: linear-gradient(to left, rgba(167,215,249,0) 0%, #a7d7f9 170%);
transition: background 0.25s;
}
.mw-sidebar > div:hover {
background: linear-gradient(to left, rgba(167,215,249,0) 0%, #e8f5ff 170%);
}
.mw-sidebar > div:first-child { background: none !important; }
.mw-sidebar > div:not(:first-of-type) { border-bottom: 0.5px solid rgb(167 215 249 / 30%); }
.mw-sidebar div a { color: black; padding: 0; }
.mw-sidebar div a:hover { text-decoration: underline; }
/* Espacement de certains éléments du menu */
#n-mainpage-description,
#n-\.F0\.9F\.93\.9DCreate-a-new-article,
#n-EverybodyWiki-in-another-languages,
#n-EverybodyWiki-in-another-language,
#n-📝-Create-a-new-article,
#n-\.F0\.9F\.91\.8DFollow-us-on-Facebook,
.mw-sidebar div.dropdown:last-child {
margin-top: 1em !important;
}
#n-\.F0\.9F\.93\.9DCreate-a-new-article { font-weight: bold; }

/* === NAVIGATION & MENUS === */
.p-navbar, .bgw-grey { background-color: #fff !important; }
.bgw-grey { box-shadow: lightgrey 6px 1px 5px; background: #e9ecef;}
.p-navbar.collapsible.mb-2.mt-2.navbar-expand { transform: translateY(7px);}
.navbar-toggler::after { content: " MENU "; }
.vector-menu-tabs { border: none;}
.z-index-max { z-index: 1000;}
.navbar-userloggedin,
.navbar-usernotloggedin,
.echo-icons {
font-size: 1.5em;
margin-left: -1em;
margin-top: -0.7em;
padding-top: 0;
padding-right: 80px;
}
.p-navbar .navbar-nav .dropdown-menu { padding: 0 0 10px 0;}
.p-navbar .navbar-nav .dropdown-menu div { background-color: white; }
/* Menu utilisateur (desktop) */
#p-personal .p-personal-tools,
.p-personal .p-personal-tools {
background: none;
flex-wrap: wrap;
border-radius: 9px;
transform: translateY(-10px);
max-height: fit-content;
width: fit-content;
z-index: 3;
padding: 10px 0;
}
.p-personal .p-personal-tools li {
background: #a7d7f966;
padding: 0;
margin: 0;
transition: background 0.25s;
}
.p-personal .p-personal-tools li:hover { background: #e8f5ff66; }
.p-personal .p-personal-tools li a {
display: inline-block;
color: black;
padding: 4px 8px;
}
.p-personal .p-personal-tools li a:hover { text-decoration: none; }
/* Notifications */
.p-personal-tools #pt-notifications-alert,
.p-personal-tools #pt-notifications-notice {
padding-right: 0;
display: flex;
justify-content: center;
}
.p-personal-tools #pt-notifications-alert a,
.p-personal-tools #pt-notifications-notice a {
padding: 4px 11px;
height: 65%;
margin-top: 3px;
}
#pt-notifications-alert .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge { margin: 0 8px; }
#pt-notifications-alert .mw-echo-notifications-badge:after,
#pt-notifications-notice .mw-echo-notifications-badge:after { word-break: keep-all; }
.mw-echo-ui-overlay { z-index: 10; }

/* Tabs Vector */
@media (min-width:1430px) {
.tab-group div { margin-left: 0; margin-right: 0;}
.tab-group div a {
box-sizing: border-box;
height: 3.07692308em;
display: block;
position: relative;
padding: 1.25em 8px 0;
color: #0645ad;
font-size: 0.875rem;
cursor: pointer;
background-image: linear-gradient(to bottom, rgba(167,215,249,0) 30%, #a7d7f9 170%);
background-repeat: no-repeat;
border-width: 0 1px;
border-style: solid;
border-image: linear-gradient( to top, #a7d7f9, rgba(0, 0, 0, 0) ) 1 100%;
}
.tab-group a.selected,
.tab-group div:hover a {
background-image: linear-gradient(to bottom, rgba(167,215,249,0) 30%, #e8f5ff 170%);
color: #1B599B;
text-decoration: none;
}
}
@media (max-width:1429px) {
.vector-menu-tabs .tab-group, .vector-menu-tabs .tab-group div { margin: 0; padding: 0; }
.vector-menu-tabs .tab-group div a {
padding: 0.30rem 0.75rem;
background: #a7d7f966;
transition: background 0.25s;
color: black;
}
.vector-menu-tabs .tab-group div:hover a { background: #e8f5ff66; text-decoration: none; }
}

/* === MEDIAWIKI SPÉCIFIQUES === */
.mbox-text { display: table-cell; vertical-align: middle; }
.ombox.ombox-notice {
background: linear-gradient(to left,rgba(167,215,249,0) 0%,#cce8fb 20%,#cce8fb 80%,rgba(167,215,249,0) 100%);
border: none;
}
.row-sitenotice p { margin: 0; }
.row-sitenotice .anonnotice p a { color: #6193F3; font-weight: bold; }
.row-sitenotice .anonnotice p:first-of-type { padding: 0.2rem 0.5rem; text-align: center; }
.row-sitenotice .anonnotice p {
background: #f3c161;
border-radius: 4px;
box-shadow: 2px 2px 4px #b9b9b9;
}
body.ns-4 .anonnotice { display: none; }
tr.usersForm { display: flex; flex-direction: column; align-items: flex-start; }
#mw-whatlinkshere-list li {
color: white;
display: grid;
grid-template-columns: minmax(100px, 250px) 10px minmax(50px, 100px);
font-size: 0rem;
margin-bottom: .5rem;
}
#mw-whatlinkshere-list li * { font-size: 1rem; }
div#hf-nsheader- {
background: linear-gradient(to left,rgba(167,215,249,0) 0%,#a7d7f9 50%,rgba(167,215,249,0) 100%);
padding: 0 0.5rem;
text-align: center;
font-size: .9rem;
}
div#hf-nsheader- p { margin: 0; }
div#hf-nsheader- hr { display: none; }
div#hf-nsheader- .mw-parser-output *:first-child { padding-top: 0.3rem; padding-bottom: 0.3rem; }
/* Tables */
/* FIX (2026-09-11) : display:block sur .wikitable faisait perdre l'algorithme de mise en page tabulaire -- la boite exterieure (overflow-x:auto) prenait toute la largeur du conteneur alors que le contenu reel du tableau restait etroit, laissant un grand vide a droite (constate sur List of Bollywood Actresses). overflow-x et max-height fonctionnent directement sur un <table> sans ce display -- meme correctif que Module:Track listing (2026-09-11). */
.wikitable { overflow-x: auto; max-height: 700px; }
.user-box { border: none; }
.user-box tbody { box-shadow: 1px 2px 3px 1px lightgrey; }
.user-box td { border: 1px solid #e4e4e4; }
/* Section highlighting */
.mw-headline:target { background-color: gold; }
.anchor-highlight:target > .anchor-highlight-inner {
display: inline;
pointer-events: auto;
background-color: gold;
border-radius: 0.2em;
color: black;
line-height: 1em;
padding-top: 0;
}
.anchor > span, span.anchor { padding-top: 100px; pointer-events: none; }
.anchor-plain { z-index: -100; }

/* === PAGES SPÉCIFIQUES === */
/* Welcome */
.page-Everybodywiki_Welcome .pagetools,
.page-Everybodywiki_Welcome .hf-nsheader,
.page-Everybodywiki_Welcome #contentSub,
.page-Everybodywiki_Welcome #mwext-bc { display: none !important; }
.page-Everybodywiki_Welcome #firstHeading {
height: 0;
margin: 0;
padding: 5px;
border-bottom: none;
font-size: 0;
}
.welcome-page .row { margin-bottom: 1.6rem;}
.welcome-page h1 { border-bottom: none; margin: 0; text-align: center;}
.welcome-page h2 { margin: 0;}
.welcome-page .welcome-shadow {
box-shadow: 0 0 0.3rem #999;
border-radius: 0.2rem;
padding: .5rem .3rem .2rem;
}
.welcome-page .wikitable { overflow: hidden; background: transparent; border: none;}
.welcome-page .wikitable tbody { background: #f8f9fa;}
/* Contribution center */
.page-Everybodywiki_Contribution_center div#hf-nsheader- { display: none;}
.page-Everybodywiki_Contribution_center .buttons .floatnone a {
position: relative;
top: 0px;
font-family: "Open Sans";
text-decoration: none;
font-size: 25px;
border: 1px solid #b5cbf1;
box-shadow: 0px 5px 0px #b5cbf1;
border-radius: 100%;
color: #222;
text-shadow: 1px 1px 1px #fff;
transition: all 250ms ease;
height: 98px;
width: 98px;
display: block;
overflow: hidden;
}
.page-Everybodywiki_Contribution_center .buttons .floatnone a:active {
top: 5px;
box-shadow: none;
}
.page-Everybodywiki_Contribution_center .buttons .floatnone a img {
transform: translate(-1.5px, -1.5px);
filter: sepia(100%) hue-rotate(180deg) saturate(100%);
}
/* FAQ styles communs */
.page-Everybodywiki_FAQ,
.page-Everybodywiki_New_FAQ {
#firstHeading { text-align: center; font-weight: bold;}
h2 { font-size: 1.5rem; border: none;}
h3 { font-size: 1.5rem;}
h4 { font-size: 1.3rem; margin: 0; padding: 0;}
h5 { font-size: 1.3em;}
h2:not(#mw-toc-heading) {
margin-top: 8rem;
border-bottom: none;
padding: 0.5rem;
text-align: center;
background: #dceffd;
}
h3, h4, h5 { margin-top: 2rem;}
.panel-group { border: 1px solid lightgray; border-radius: 5px;}
.card { border: none; border-radius: 0; background-color: #dceffd0f;}
.card:not(:first-of-type) { border-top: 1px solid lightgray;}
.card-header { background-color: #dceffd; cursor: pointer;}
.card-header h4::after {
content: "➡";
position: absolute;
right: 13px;
transition: transform 0.25s;
transform: rotate(90deg);
}
.card-header.collapsed h4::after { transform: rotate(0);}
}
.page-Everybodywiki_New_FAQ h4 { font-weight: bold;}
.page-Everybodywiki_New_FAQ h5 { border: none;}
.page-Everybodywiki_New_FAQ .card-title { font-weight: normal;}
.page-Everybodywiki_New_FAQ blockquote p { margin-bottom: 0;}
.page-Everybodywiki_New_FAQ .mw-parser-output .templatequote { padding: 0 20px;}
/* Forms */
.containerForm { padding: 1rem 1.5rem; background: var(--background); }
.formRow { align-items: center; }
.noMarginIn * { margin-bottom: 0; }
.rowBorder {
margin-bottom: 0.5rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid lightgray;
}
.formRow .oo-ui-layout.oo-ui-horizontalLayout { display: grid; }
.input-person { padding: 0; }
.input-person input { height: 100%; }
.input-person p { margin-bottom: 0; }
.label-person { margin: auto 10px auto 0; }
.caption-person { margin: 1.5rem 0 0; }
.col-form-label p { margin-bottom: 0; }
label[for="wpEmail"]::after {
content: "Please use a valid email adress. Otherwise, you will not be able to retrieve your password. We will not send lost passwords.";
display: block;
font-size: 0.9rem;
margin-top: 0.3rem;
font-style: italic;
}
/* Composants personnalisés */
.alertMessage {
display: flex;
align-items: center;
background: linear-gradient(to left,rgba(167,215,249,0) 0%,#ffd3cf 20%,#ffd3cf 80%,rgba(167,215,249,0) 100%);
padding: .5rem 2rem .5rem 1rem;
text-align: justify;
margin: 1rem 0;
}
.alertMessage > a img { margin: 0 0.8rem; }
.alertMessage p { margin: 0; }
.alertMessage p.fix { font-size: .8rem; }
.template-footer-user { display: flex; grid-column-gap: 1rem;}
.template-footer-user div {
background: white;
border-radius: 4px;
box-shadow: 1px 1px 5px lightgray;
margin: 1rem 0;
padding: 0.6rem 0.8rem;
width: fit-content;
max-width: 100%;
}
.template-footer-user div p { margin-bottom: 0; }

/* === RESPONSIVE & MEDIA QUERIES === */
@media (max-width:992px) {
.welcome-page .row { margin-left: 0; margin-right: 0;}
.ad-banner { width: 70%;}
}
@media (max-width:960px) { .container { padding: 0 0.5rem; } }
@media (max-width:800px) {
.mw-changeslist-legend { float:none; max-width:40em; }
.mw-changeslist td { display: inline-block; }
table.mw-changeslist-edit { border-bottom: 1px solid #999; }
table.mw-changeslist-edit:nth-child(2n) { background-color: #0001; }
table.mw-changeslist-edit:nth-child(2n+1) { background-color: #FFF1; }
}
@media (max-width:769px) {
.welcome-page .welcome-shadow,
.welcome-page .wc-div { height: fit-content; }
.welcome-page .welcome-shadow { margin-bottom: 2rem;}
}
@media (max-width:767px) {
#t-upload, #t-specialpages, #t-print, #t-permalink, #t-info, #t-cite,
#t-recentchangeslinked, #t-smwbrowselink, #t-contributions, #t-log,
#t-blockip, #t-userrights, .dropdown-menu #t-whatlinkshere { display: none;}
.toolboxnoflatten #t-upload, .toolboxnoflatten #t-specialpages,
.toolboxnoflatten #t-print, .toolboxnoflatten #t-permalink,
.toolboxnoflatten #t-info, .toolboxnoflatten #t-cite,
.toolboxnoflatten #t-recentchangeslinked, .toolboxnoflatten #t-smwbrowselink { display: block;}
}
@media (min-width:768px) { .toolboxnoflatten { display: none; } }
@media (max-width: 700px) {
.infobox, .infobox_v2, .infobox_v3, .sinottico, .infocaseta { clear: both; float: none; margin-left:0;}
}
@media (max-width:550px) { .ad-banner { width: 90%; } }
@media (max-width:500px) {
div.tleft, div.tright, .floatleft, .floatright { float: none; }
div.mt-4 > .row > .col { flex-basis: unset; }
}
```
Ce code est prêt à l'emploi et inclut tous les styles demandés, sans répétition et avec les règles d'infoboxes prioritaires et compatibilité mobile.Voici le CSS fusionné, nettoyé et prêt à l’usage, combinant tous les styles infobox, mobile et global sans doublons. Il peut être copié-collé directement dans Common.css ou Chameleon.css pour MediaWiki.

```css
/* Mobile spacing */
@media (max-width: 768px) {
#p-search, #mwext-bc { margin-top: 1rem; }
#pfForm .createboxInput { min-width: 100%; }
.p-personal-tools { overflow: hidden; padding: 0; }
.p-navbar .navbar-nav .p-personal-tools.dropdown-menu { padding: 10px 0; }
.page-Everybodywiki_FAQ #toc ul li ul { margin-left: .8rem; }
}

/* Infobox template style */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.5em;
background: white;
overflow: visible;
max-height: none;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
text-align: center;
}
.infobox td,
.infobox th {
vertical-align: top;
text-align: left;
word-break: initial;
}
.infobox th:not(:first-child) {
display: inline-block;
margin-right: 0.3rem;
}
.infobox td a,
.infobox th a {
word-break: break-all;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #a2a9b1;
}
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #a2a9b1;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
.noBold { font-weight: normal !important; }

/* === TABLE DES MATIÈRES === */
#toc {
float: right;
box-shadow: 1px 2px 7px lightgrey;
padding: 5px;
margin: 3px 8px;
max-width: 35%;
}
@media (max-width:1000px) {
#toc {
float: none;
max-width: 100%;
}
}

/* Hide scribunto errors and undesired elements */
.error,
.scribunto-error,
.mw-parser-output > div[style="color:red"],
#mw-scribunto-error-0,
#mw-scribunto-error-1,
#mw-scribunto-error-2,
#mw-scribunto-error-3,
.errorbox,infobox
.ve-ui-surface .invisble-on-vedit,
#MobileAds {
display: none !important;
}

/* === GLOBAL & UTILITIES === */
/* FIX (2026-09-11) : word-break:break-word equivaut a overflow-wrap:anywhere -- MAIS contrairement a overflow-wrap, il entre dans le calcul de la largeur min-content. Resultat : n'importe quelle cellule etroite (colspan=1, width:1px, ou juste ecrasee par un voisin en width:100%) pouvait se reduire a 1 caractere de large -- 3 occurrences constatees : infobox (deja corrige via word-break:initial cible), tracklist (idem), navbox-image sur Jack Change It (File:Unteransetzen.jpg, image manquante, dont le texte de repli MediaWiki s ecrivait a la verticale). overflow-wrap garde la meme protection utile -- les URLs interminables ne debordent toujours pas de leur conteneur -- sans ecraser les colonnes etroites. Les correctifs cibles word-break:initial sur .infobox/.tracklist restent en place mais deviennent inutiles ; laisses tels quels, sans effet indesirable. */
body { overflow-wrap: break-word; }
#firstHeading { word-wrap: break-word; }
img.fullwidth { width: 100%; height: auto; }

/* FIX (2026-09-11) : .infobox flotte a droite (float:right, voir la
regle .infobox plus haut) sans qu aucune regle ne fasse clear sur
ce qui suit en desktop (le seul clear existant est sous
@media max-width:700px, mobile uniquement). Tout tableau qui
demarre tant que l infobox est encore active verticalement voit sa
largeur disponible amputee de la largeur de l infobox (~22em) --
la colonne Title de {{Track listing}}, en width:100% DU TABLEAU
deja retreci, devenait trop etroite. Constate sur 111 (Zeljko
Joksimovic album) ; Template:Track listing est transclus sur 5193
pages ns0 sur en, quasi toutes avec une infobox juste au-dessus. */
.tracklist {
clear: right;
}
.tracklist td,
.tracklist th {
/* meme cause que .infobox td/th plus haut : body{word-break:break-word}
laisse ces cellules s effondrer a 1 caractere -- No. et Length
s ecrivaient a la verticale, lettre par lettre, quelle que soit
la largeur totale disponible (la priorite donnee a Title via
width:100% suffit a ecraser les deux autres colonnes vers leur
minimum atteignable, ici ~1 caractere) */
word-break: initial;
}

MediaWiki:Chameleon.css

2026-09-11T14:32:17Z

WikiMasterClaudeCode: Fix a la racine : body word-break:break-word -> overflow-wrap:break-word -- 3e occurrence du meme bug (infobox, tracklist, navbox-image) : n'importe quelle colonne etroite pouvait s'effondrer a 1 caractere. overflow-wrap garde la protection anti-debordement sans ce defaut

/* === MOBILE SPACING === */
@media (max-width: 768px) {
#p-search, #mwext-bc { margin-top: 1rem; }
#pfForm .createboxInput { min-width: 100%; }
.p-personal-tools { overflow: hidden; padding: 0; }
.p-navbar .navbar-nav .p-personal-tools.dropdown-menu { padding: 10px 0; }
.page-Everybodywiki_FAQ #toc ul li ul { margin-left: .8rem; }
}

/* === INFOBOX TEMPLATE STYLE === */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.5em;
background: white;
overflow: visible;
max-height: none;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
text-align: center;
}
.infobox td,
.infobox th {
vertical-align: top;
text-align: left;
word-break: initial;
}
.infobox th:not(:first-child) {
display: inline-block;
margin-right: 0.3rem;
}
.infobox td a, .infobox th a {
word-break: break-all;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #a2a9b1;
}
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #a2a9b1;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
/* No bold (mostly for infoboxes) */
.noBold {
font-weight: normal !important;
}

/* === TABLE DES MATIÈRES === */
#toc {
float: right;
box-shadow: 1px 2px 7px lightgrey;
padding: 5px;
margin: 3px 8px;
max-width: 35%;
}
@media (max-width:1000px) {
#toc {
float: none;
max-width: 100%;
}
}

/* === CACHE LES ERREURS SCRIBUNTO & AUTRES === */
.error,
.scribunto-error,
.mw-parser-output > div[style="color:red"],
#mw-scribunto-error-0,
#mw-scribunto-error-1,
#mw-scribunto-error-2,
#mw-scribunto-error-3,
.errorbox,
.ve-ui-surface .invisble-on-vedit,
#MobileAds {
display: none !important;
}

/* === GLOBAL & UTILITIES === */
/* FIX (2026-09-11) : word-break:break-word equivaut a overflow-wrap:anywhere -- MAIS contrairement a overflow-wrap, il entre dans le calcul de la largeur min-content. Resultat : n'importe quelle cellule etroite (colspan=1, width:1px, ou juste ecrasee par un voisin en width:100%) pouvait se reduire a 1 caractere de large -- 3 occurrences constatees : infobox (deja corrige via word-break:initial cible), tracklist (idem), navbox-image sur Jack Change It (File:Unteransetzen.jpg, image manquante, dont le texte de repli MediaWiki s ecrivait a la verticale). overflow-wrap garde la meme protection utile -- les URLs interminables ne debordent toujours pas de leur conteneur -- sans ecraser les colonnes etroites. Les correctifs cibles word-break:initial sur .infobox/.tracklist restent en place mais deviennent inutiles ; laisses tels quels, sans effet indesirable. */
body { overflow-wrap: break-word; }
#firstHeading { word-wrap: break-word; }
img.fullwidth { width: 100%; height: auto; }

/* === STRUCTURE & LAYOUT === */
#p-logo {
text-align: center;
height: auto;
padding: 0;
margin: 0 0 -10px;
}
#p-logo img {
width: auto;
height: 140px;
margin: 10px 6px 0 0;
}
.mw-sidebar.ml-0.col-md-3.col-lg-2.d-none.d-md-block.col,
.flex-fill.container-fluid.container { padding-left: 0; }
.flex-fill.container-fluid.container > .row { margin-left: 0; }
.mw-sidebar > div {
padding: 0 6px;
background: linear-gradient(to left, rgba(167,215,249,0) 0%, #a7d7f9 170%);
transition: background 0.25s;
}
.mw-sidebar > div:hover {
background: linear-gradient(to left, rgba(167,215,249,0) 0%, #e8f5ff 170%);
}
.mw-sidebar > div:first-child { background: none !important; }
.mw-sidebar > div:not(:first-of-type) { border-bottom: 0.5px solid rgb(167 215 249 / 30%); }
.mw-sidebar div a { color: black; padding: 0; }
.mw-sidebar div a:hover { text-decoration: underline; }
/* Espacement de certains éléments du menu */
#n-mainpage-description,
#n-\.F0\.9F\.93\.9DCreate-a-new-article,
#n-EverybodyWiki-in-another-languages,
#n-EverybodyWiki-in-another-language,
#n-📝-Create-a-new-article,
#n-\.F0\.9F\.91\.8DFollow-us-on-Facebook,
.mw-sidebar div.dropdown:last-child {
margin-top: 1em !important;
}
#n-\.F0\.9F\.93\.9DCreate-a-new-article { font-weight: bold; }

/* === NAVIGATION & MENUS === */
.p-navbar, .bgw-grey { background-color: #fff !important; }
.bgw-grey { box-shadow: lightgrey 6px 1px 5px; background: #e9ecef;}
.p-navbar.collapsible.mb-2.mt-2.navbar-expand { transform: translateY(7px);}
.navbar-toggler::after { content: " MENU "; }
.vector-menu-tabs { border: none;}
.z-index-max { z-index: 1000;}
.navbar-userloggedin,
.navbar-usernotloggedin,
.echo-icons {
font-size: 1.5em;
margin-left: -1em;
margin-top: -0.7em;
padding-top: 0;
padding-right: 80px;
}
.p-navbar .navbar-nav .dropdown-menu { padding: 0 0 10px 0;}
.p-navbar .navbar-nav .dropdown-menu div { background-color: white; }
/* Menu utilisateur (desktop) */
#p-personal .p-personal-tools,
.p-personal .p-personal-tools {
background: none;
flex-wrap: wrap;
border-radius: 9px;
transform: translateY(-10px);
max-height: fit-content;
width: fit-content;
z-index: 3;
padding: 10px 0;
}
.p-personal .p-personal-tools li {
background: #a7d7f966;
padding: 0;
margin: 0;
transition: background 0.25s;
}
.p-personal .p-personal-tools li:hover { background: #e8f5ff66; }
.p-personal .p-personal-tools li a {
display: inline-block;
color: black;
padding: 4px 8px;
}
.p-personal .p-personal-tools li a:hover { text-decoration: none; }
/* Notifications */
.p-personal-tools #pt-notifications-alert,
.p-personal-tools #pt-notifications-notice {
padding-right: 0;
display: flex;
justify-content: center;
}
.p-personal-tools #pt-notifications-alert a,
.p-personal-tools #pt-notifications-notice a {
padding: 4px 11px;
height: 65%;
margin-top: 3px;
}
#pt-notifications-alert .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge { margin: 0 8px; }
#pt-notifications-alert .mw-echo-notifications-badge:after,
#pt-notifications-notice .mw-echo-notifications-badge:after { word-break: keep-all; }
.mw-echo-ui-overlay { z-index: 10; }

/* Tabs Vector */
@media (min-width:1430px) {
.tab-group div { margin-left: 0; margin-right: 0;}
.tab-group div a {
box-sizing: border-box;
height: 3.07692308em;
display: block;
position: relative;
padding: 1.25em 8px 0;
color: #0645ad;
font-size: 0.875rem;
cursor: pointer;
background-image: linear-gradient(to bottom, rgba(167,215,249,0) 30%, #a7d7f9 170%);
background-repeat: no-repeat;
border-width: 0 1px;
border-style: solid;
border-image: linear-gradient( to top, #a7d7f9, rgba(0, 0, 0, 0) ) 1 100%;
}
.tab-group a.selected,
.tab-group div:hover a {
background-image: linear-gradient(to bottom, rgba(167,215,249,0) 30%, #e8f5ff 170%);
color: #1B599B;
text-decoration: none;
}
}
@media (max-width:1429px) {
.vector-menu-tabs .tab-group, .vector-menu-tabs .tab-group div { margin: 0; padding: 0; }
.vector-menu-tabs .tab-group div a {
padding: 0.30rem 0.75rem;
background: #a7d7f966;
transition: background 0.25s;
color: black;
}
.vector-menu-tabs .tab-group div:hover a { background: #e8f5ff66; text-decoration: none; }
}

/* === MEDIAWIKI SPÉCIFIQUES === */
.mbox-text { display: table-cell; vertical-align: middle; }
.ombox.ombox-notice {
background: linear-gradient(to left,rgba(167,215,249,0) 0%,#cce8fb 20%,#cce8fb 80%,rgba(167,215,249,0) 100%);
border: none;
}
.row-sitenotice p { margin: 0; }
.row-sitenotice .anonnotice p a { color: #6193F3; font-weight: bold; }
.row-sitenotice .anonnotice p:first-of-type { padding: 0.2rem 0.5rem; text-align: center; }
.row-sitenotice .anonnotice p {
background: #f3c161;
border-radius: 4px;
box-shadow: 2px 2px 4px #b9b9b9;
}
body.ns-4 .anonnotice { display: none; }
tr.usersForm { display: flex; flex-direction: column; align-items: flex-start; }
#mw-whatlinkshere-list li {
color: white;
display: grid;
grid-template-columns: minmax(100px, 250px) 10px minmax(50px, 100px);
font-size: 0rem;
margin-bottom: .5rem;
}
#mw-whatlinkshere-list li * { font-size: 1rem; }
div#hf-nsheader- {
background: linear-gradient(to left,rgba(167,215,249,0) 0%,#a7d7f9 50%,rgba(167,215,249,0) 100%);
padding: 0 0.5rem;
text-align: center;
font-size: .9rem;
}
div#hf-nsheader- p { margin: 0; }
div#hf-nsheader- hr { display: none; }
div#hf-nsheader- .mw-parser-output *:first-child { padding-top: 0.3rem; padding-bottom: 0.3rem; }
/* Tables */
.wikitable { display: block; overflow-x: auto; max-height: 700px; }
.user-box { border: none; }
.user-box tbody { box-shadow: 1px 2px 3px 1px lightgrey; }
.user-box td { border: 1px solid #e4e4e4; }
/* Section highlighting */
.mw-headline:target { background-color: gold; }
.anchor-highlight:target > .anchor-highlight-inner {
display: inline;
pointer-events: auto;
background-color: gold;
border-radius: 0.2em;
color: black;
line-height: 1em;
padding-top: 0;
}
.anchor > span, span.anchor { padding-top: 100px; pointer-events: none; }
.anchor-plain { z-index: -100; }

/* === PAGES SPÉCIFIQUES === */
/* Welcome */
.page-Everybodywiki_Welcome .pagetools,
.page-Everybodywiki_Welcome .hf-nsheader,
.page-Everybodywiki_Welcome #contentSub,
.page-Everybodywiki_Welcome #mwext-bc { display: none !important; }
.page-Everybodywiki_Welcome #firstHeading {
height: 0;
margin: 0;
padding: 5px;
border-bottom: none;
font-size: 0;
}
.welcome-page .row { margin-bottom: 1.6rem;}
.welcome-page h1 { border-bottom: none; margin: 0; text-align: center;}
.welcome-page h2 { margin: 0;}
.welcome-page .welcome-shadow {
box-shadow: 0 0 0.3rem #999;
border-radius: 0.2rem;
padding: .5rem .3rem .2rem;
}
.welcome-page .wikitable { overflow: hidden; background: transparent; border: none;}
.welcome-page .wikitable tbody { background: #f8f9fa;}
/* Contribution center */
.page-Everybodywiki_Contribution_center div#hf-nsheader- { display: none;}
.page-Everybodywiki_Contribution_center .buttons .floatnone a {
position: relative;
top: 0px;
font-family: "Open Sans";
text-decoration: none;
font-size: 25px;
border: 1px solid #b5cbf1;
box-shadow: 0px 5px 0px #b5cbf1;
border-radius: 100%;
color: #222;
text-shadow: 1px 1px 1px #fff;
transition: all 250ms ease;
height: 98px;
width: 98px;
display: block;
overflow: hidden;
}
.page-Everybodywiki_Contribution_center .buttons .floatnone a:active {
top: 5px;
box-shadow: none;
}
.page-Everybodywiki_Contribution_center .buttons .floatnone a img {
transform: translate(-1.5px, -1.5px);
filter: sepia(100%) hue-rotate(180deg) saturate(100%);
}
/* FAQ styles communs */
.page-Everybodywiki_FAQ,
.page-Everybodywiki_New_FAQ {
#firstHeading { text-align: center; font-weight: bold;}
h2 { font-size: 1.5rem; border: none;}
h3 { font-size: 1.5rem;}
h4 { font-size: 1.3rem; margin: 0; padding: 0;}
h5 { font-size: 1.3em;}
h2:not(#mw-toc-heading) {
margin-top: 8rem;
border-bottom: none;
padding: 0.5rem;
text-align: center;
background: #dceffd;
}
h3, h4, h5 { margin-top: 2rem;}
.panel-group { border: 1px solid lightgray; border-radius: 5px;}
.card { border: none; border-radius: 0; background-color: #dceffd0f;}
.card:not(:first-of-type) { border-top: 1px solid lightgray;}
.card-header { background-color: #dceffd; cursor: pointer;}
.card-header h4::after {
content: "➡";
position: absolute;
right: 13px;
transition: transform 0.25s;
transform: rotate(90deg);
}
.card-header.collapsed h4::after { transform: rotate(0);}
}
.page-Everybodywiki_New_FAQ h4 { font-weight: bold;}
.page-Everybodywiki_New_FAQ h5 { border: none;}
.page-Everybodywiki_New_FAQ .card-title { font-weight: normal;}
.page-Everybodywiki_New_FAQ blockquote p { margin-bottom: 0;}
.page-Everybodywiki_New_FAQ .mw-parser-output .templatequote { padding: 0 20px;}
/* Forms */
.containerForm { padding: 1rem 1.5rem; background: var(--background); }
.formRow { align-items: center; }
.noMarginIn * { margin-bottom: 0; }
.rowBorder {
margin-bottom: 0.5rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid lightgray;
}
.formRow .oo-ui-layout.oo-ui-horizontalLayout { display: grid; }
.input-person { padding: 0; }
.input-person input { height: 100%; }
.input-person p { margin-bottom: 0; }
.label-person { margin: auto 10px auto 0; }
.caption-person { margin: 1.5rem 0 0; }
.col-form-label p { margin-bottom: 0; }
label[for="wpEmail"]::after {
content: "Please use a valid email adress. Otherwise, you will not be able to retrieve your password. We will not send lost passwords.";
display: block;
font-size: 0.9rem;
margin-top: 0.3rem;
font-style: italic;
}
/* Composants personnalisés */
.alertMessage {
display: flex;
align-items: center;
background: linear-gradient(to left,rgba(167,215,249,0) 0%,#ffd3cf 20%,#ffd3cf 80%,rgba(167,215,249,0) 100%);
padding: .5rem 2rem .5rem 1rem;
text-align: justify;
margin: 1rem 0;
}
.alertMessage > a img { margin: 0 0.8rem; }
.alertMessage p { margin: 0; }
.alertMessage p.fix { font-size: .8rem; }
.template-footer-user { display: flex; grid-column-gap: 1rem;}
.template-footer-user div {
background: white;
border-radius: 4px;
box-shadow: 1px 1px 5px lightgray;
margin: 1rem 0;
padding: 0.6rem 0.8rem;
width: fit-content;
max-width: 100%;
}
.template-footer-user div p { margin-bottom: 0; }

/* === RESPONSIVE & MEDIA QUERIES === */
@media (max-width:992px) {
.welcome-page .row { margin-left: 0; margin-right: 0;}
.ad-banner { width: 70%;}
}
@media (max-width:960px) { .container { padding: 0 0.5rem; } }
@media (max-width:800px) {
.mw-changeslist-legend { float:none; max-width:40em; }
.mw-changeslist td { display: inline-block; }
table.mw-changeslist-edit { border-bottom: 1px solid #999; }
table.mw-changeslist-edit:nth-child(2n) { background-color: #0001; }
table.mw-changeslist-edit:nth-child(2n+1) { background-color: #FFF1; }
}
@media (max-width:769px) {
.welcome-page .welcome-shadow,
.welcome-page .wc-div { height: fit-content; }
.welcome-page .welcome-shadow { margin-bottom: 2rem;}
}
@media (max-width:767px) {
#t-upload, #t-specialpages, #t-print, #t-permalink, #t-info, #t-cite,
#t-recentchangeslinked, #t-smwbrowselink, #t-contributions, #t-log,
#t-blockip, #t-userrights, .dropdown-menu #t-whatlinkshere { display: none;}
.toolboxnoflatten #t-upload, .toolboxnoflatten #t-specialpages,
.toolboxnoflatten #t-print, .toolboxnoflatten #t-permalink,
.toolboxnoflatten #t-info, .toolboxnoflatten #t-cite,
.toolboxnoflatten #t-recentchangeslinked, .toolboxnoflatten #t-smwbrowselink { display: block;}
}
@media (min-width:768px) { .toolboxnoflatten { display: none; } }
@media (max-width: 700px) {
.infobox, .infobox_v2, .infobox_v3, .sinottico, .infocaseta { clear: both; float: none; margin-left:0;}
}
@media (max-width:550px) { .ad-banner { width: 90%; } }
@media (max-width:500px) {
div.tleft, div.tright, .floatleft, .floatright { float: none; }
div.mt-4 > .row > .col { flex-basis: unset; }
}
```
Ce code est prêt à l'emploi et inclut tous les styles demandés, sans répétition et avec les règles d'infoboxes prioritaires et compatibilité mobile.Voici le CSS fusionné, nettoyé et prêt à l’usage, combinant tous les styles infobox, mobile et global sans doublons. Il peut être copié-collé directement dans Common.css ou Chameleon.css pour MediaWiki.

```css
/* Mobile spacing */
@media (max-width: 768px) {
#p-search, #mwext-bc { margin-top: 1rem; }
#pfForm .createboxInput { min-width: 100%; }
.p-personal-tools { overflow: hidden; padding: 0; }
.p-navbar .navbar-nav .p-personal-tools.dropdown-menu { padding: 10px 0; }
.page-Everybodywiki_FAQ #toc ul li ul { margin-left: .8rem; }
}

/* Infobox template style */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.5em;
background: white;
overflow: visible;
max-height: none;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
text-align: center;
}
.infobox td,
.infobox th {
vertical-align: top;
text-align: left;
word-break: initial;
}
.infobox th:not(:first-child) {
display: inline-block;
margin-right: 0.3rem;
}
.infobox td a,
.infobox th a {
word-break: break-all;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #a2a9b1;
}
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #a2a9b1;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
.noBold { font-weight: normal !important; }

/* === TABLE DES MATIÈRES === */
#toc {
float: right;
box-shadow: 1px 2px 7px lightgrey;
padding: 5px;
margin: 3px 8px;
max-width: 35%;
}
@media (max-width:1000px) {
#toc {
float: none;
max-width: 100%;
}
}

/* Hide scribunto errors and undesired elements */
.error,
.scribunto-error,
.mw-parser-output > div[style="color:red"],
#mw-scribunto-error-0,
#mw-scribunto-error-1,
#mw-scribunto-error-2,
#mw-scribunto-error-3,
.errorbox,infobox
.ve-ui-surface .invisble-on-vedit,
#MobileAds {
display: none !important;
}

/* === GLOBAL & UTILITIES === */
/* FIX (2026-09-11) : word-break:break-word equivaut a overflow-wrap:anywhere -- MAIS contrairement a overflow-wrap, il entre dans le calcul de la largeur min-content. Resultat : n'importe quelle cellule etroite (colspan=1, width:1px, ou juste ecrasee par un voisin en width:100%) pouvait se reduire a 1 caractere de large -- 3 occurrences constatees : infobox (deja corrige via word-break:initial cible), tracklist (idem), navbox-image sur Jack Change It (File:Unteransetzen.jpg, image manquante, dont le texte de repli MediaWiki s ecrivait a la verticale). overflow-wrap garde la meme protection utile -- les URLs interminables ne debordent toujours pas de leur conteneur -- sans ecraser les colonnes etroites. Les correctifs cibles word-break:initial sur .infobox/.tracklist restent en place mais deviennent inutiles ; laisses tels quels, sans effet indesirable. */
body { overflow-wrap: break-word; }
#firstHeading { word-wrap: break-word; }
img.fullwidth { width: 100%; height: auto; }

/* FIX (2026-09-11) : .infobox flotte a droite (float:right, voir la
regle .infobox plus haut) sans qu aucune regle ne fasse clear sur
ce qui suit en desktop (le seul clear existant est sous
@media max-width:700px, mobile uniquement). Tout tableau qui
demarre tant que l infobox est encore active verticalement voit sa
largeur disponible amputee de la largeur de l infobox (~22em) --
la colonne Title de {{Track listing}}, en width:100% DU TABLEAU
deja retreci, devenait trop etroite. Constate sur 111 (Zeljko
Joksimovic album) ; Template:Track listing est transclus sur 5193
pages ns0 sur en, quasi toutes avec une infobox juste au-dessus. */
.tracklist {
clear: right;
}
.tracklist td,
.tracklist th {
/* meme cause que .infobox td/th plus haut : body{word-break:break-word}
laisse ces cellules s effondrer a 1 caractere -- No. et Length
s ecrivaient a la verticale, lettre par lettre, quelle que soit
la largeur totale disponible (la priorite donnee a Title via
width:100% suffit a ecraser les deux autres colonnes vers leur
minimum atteignable, ici ~1 caractere) */
word-break: initial;
}

MediaWiki:Chameleon.css

2026-09-11T14:22:51Z

WikiMasterClaudeCode: Fix: .tracklist td/th { word-break: initial } -- No. et Length s'ecrivaient un caractere par ligne quelle que soit la largeur disponible (body{word-break:break-word} + Title en width:100% ecrasait les 2 autres colonnes a leur min-content) ; meme correctif que .infobox td/th, deja en place plus haut

/* === MOBILE SPACING === */
@media (max-width: 768px) {
#p-search, #mwext-bc { margin-top: 1rem; }
#pfForm .createboxInput { min-width: 100%; }
.p-personal-tools { overflow: hidden; padding: 0; }
.p-navbar .navbar-nav .p-personal-tools.dropdown-menu { padding: 10px 0; }
.page-Everybodywiki_FAQ #toc ul li ul { margin-left: .8rem; }
}

/* === INFOBOX TEMPLATE STYLE === */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.5em;
background: white;
overflow: visible;
max-height: none;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
text-align: center;
}
.infobox td,
.infobox th {
vertical-align: top;
text-align: left;
word-break: initial;
}
.infobox th:not(:first-child) {
display: inline-block;
margin-right: 0.3rem;
}
.infobox td a, .infobox th a {
word-break: break-all;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #a2a9b1;
}
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #a2a9b1;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
/* No bold (mostly for infoboxes) */
.noBold {
font-weight: normal !important;
}

/* === TABLE DES MATIÈRES === */
#toc {
float: right;
box-shadow: 1px 2px 7px lightgrey;
padding: 5px;
margin: 3px 8px;
max-width: 35%;
}
@media (max-width:1000px) {
#toc {
float: none;
max-width: 100%;
}
}

/* === CACHE LES ERREURS SCRIBUNTO & AUTRES === */
.error,
.scribunto-error,
.mw-parser-output > div[style="color:red"],
#mw-scribunto-error-0,
#mw-scribunto-error-1,
#mw-scribunto-error-2,
#mw-scribunto-error-3,
.errorbox,
.ve-ui-surface .invisble-on-vedit,
#MobileAds {
display: none !important;
}

/* === GLOBAL & UTILITIES === */
body { word-break: break-word; }
#firstHeading { word-wrap: break-word; }
img.fullwidth { width: 100%; height: auto; }

/* === STRUCTURE & LAYOUT === */
#p-logo {
text-align: center;
height: auto;
padding: 0;
margin: 0 0 -10px;
}
#p-logo img {
width: auto;
height: 140px;
margin: 10px 6px 0 0;
}
.mw-sidebar.ml-0.col-md-3.col-lg-2.d-none.d-md-block.col,
.flex-fill.container-fluid.container { padding-left: 0; }
.flex-fill.container-fluid.container > .row { margin-left: 0; }
.mw-sidebar > div {
padding: 0 6px;
background: linear-gradient(to left, rgba(167,215,249,0) 0%, #a7d7f9 170%);
transition: background 0.25s;
}
.mw-sidebar > div:hover {
background: linear-gradient(to left, rgba(167,215,249,0) 0%, #e8f5ff 170%);
}
.mw-sidebar > div:first-child { background: none !important; }
.mw-sidebar > div:not(:first-of-type) { border-bottom: 0.5px solid rgb(167 215 249 / 30%); }
.mw-sidebar div a { color: black; padding: 0; }
.mw-sidebar div a:hover { text-decoration: underline; }
/* Espacement de certains éléments du menu */
#n-mainpage-description,
#n-\.F0\.9F\.93\.9DCreate-a-new-article,
#n-EverybodyWiki-in-another-languages,
#n-EverybodyWiki-in-another-language,
#n-📝-Create-a-new-article,
#n-\.F0\.9F\.91\.8DFollow-us-on-Facebook,
.mw-sidebar div.dropdown:last-child {
margin-top: 1em !important;
}
#n-\.F0\.9F\.93\.9DCreate-a-new-article { font-weight: bold; }

/* === NAVIGATION & MENUS === */
.p-navbar, .bgw-grey { background-color: #fff !important; }
.bgw-grey { box-shadow: lightgrey 6px 1px 5px; background: #e9ecef;}
.p-navbar.collapsible.mb-2.mt-2.navbar-expand { transform: translateY(7px);}
.navbar-toggler::after { content: " MENU "; }
.vector-menu-tabs { border: none;}
.z-index-max { z-index: 1000;}
.navbar-userloggedin,
.navbar-usernotloggedin,
.echo-icons {
font-size: 1.5em;
margin-left: -1em;
margin-top: -0.7em;
padding-top: 0;
padding-right: 80px;
}
.p-navbar .navbar-nav .dropdown-menu { padding: 0 0 10px 0;}
.p-navbar .navbar-nav .dropdown-menu div { background-color: white; }
/* Menu utilisateur (desktop) */
#p-personal .p-personal-tools,
.p-personal .p-personal-tools {
background: none;
flex-wrap: wrap;
border-radius: 9px;
transform: translateY(-10px);
max-height: fit-content;
width: fit-content;
z-index: 3;
padding: 10px 0;
}
.p-personal .p-personal-tools li {
background: #a7d7f966;
padding: 0;
margin: 0;
transition: background 0.25s;
}
.p-personal .p-personal-tools li:hover { background: #e8f5ff66; }
.p-personal .p-personal-tools li a {
display: inline-block;
color: black;
padding: 4px 8px;
}
.p-personal .p-personal-tools li a:hover { text-decoration: none; }
/* Notifications */
.p-personal-tools #pt-notifications-alert,
.p-personal-tools #pt-notifications-notice {
padding-right: 0;
display: flex;
justify-content: center;
}
.p-personal-tools #pt-notifications-alert a,
.p-personal-tools #pt-notifications-notice a {
padding: 4px 11px;
height: 65%;
margin-top: 3px;
}
#pt-notifications-alert .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge { margin: 0 8px; }
#pt-notifications-alert .mw-echo-notifications-badge:after,
#pt-notifications-notice .mw-echo-notifications-badge:after { word-break: keep-all; }
.mw-echo-ui-overlay { z-index: 10; }

/* Tabs Vector */
@media (min-width:1430px) {
.tab-group div { margin-left: 0; margin-right: 0;}
.tab-group div a {
box-sizing: border-box;
height: 3.07692308em;
display: block;
position: relative;
padding: 1.25em 8px 0;
color: #0645ad;
font-size: 0.875rem;
cursor: pointer;
background-image: linear-gradient(to bottom, rgba(167,215,249,0) 30%, #a7d7f9 170%);
background-repeat: no-repeat;
border-width: 0 1px;
border-style: solid;
border-image: linear-gradient( to top, #a7d7f9, rgba(0, 0, 0, 0) ) 1 100%;
}
.tab-group a.selected,
.tab-group div:hover a {
background-image: linear-gradient(to bottom, rgba(167,215,249,0) 30%, #e8f5ff 170%);
color: #1B599B;
text-decoration: none;
}
}
@media (max-width:1429px) {
.vector-menu-tabs .tab-group, .vector-menu-tabs .tab-group div { margin: 0; padding: 0; }
.vector-menu-tabs .tab-group div a {
padding: 0.30rem 0.75rem;
background: #a7d7f966;
transition: background 0.25s;
color: black;
}
.vector-menu-tabs .tab-group div:hover a { background: #e8f5ff66; text-decoration: none; }
}

/* === MEDIAWIKI SPÉCIFIQUES === */
.mbox-text { display: table-cell; vertical-align: middle; }
.ombox.ombox-notice {
background: linear-gradient(to left,rgba(167,215,249,0) 0%,#cce8fb 20%,#cce8fb 80%,rgba(167,215,249,0) 100%);
border: none;
}
.row-sitenotice p { margin: 0; }
.row-sitenotice .anonnotice p a { color: #6193F3; font-weight: bold; }
.row-sitenotice .anonnotice p:first-of-type { padding: 0.2rem 0.5rem; text-align: center; }
.row-sitenotice .anonnotice p {
background: #f3c161;
border-radius: 4px;
box-shadow: 2px 2px 4px #b9b9b9;
}
body.ns-4 .anonnotice { display: none; }
tr.usersForm { display: flex; flex-direction: column; align-items: flex-start; }
#mw-whatlinkshere-list li {
color: white;
display: grid;
grid-template-columns: minmax(100px, 250px) 10px minmax(50px, 100px);
font-size: 0rem;
margin-bottom: .5rem;
}
#mw-whatlinkshere-list li * { font-size: 1rem; }
div#hf-nsheader- {
background: linear-gradient(to left,rgba(167,215,249,0) 0%,#a7d7f9 50%,rgba(167,215,249,0) 100%);
padding: 0 0.5rem;
text-align: center;
font-size: .9rem;
}
div#hf-nsheader- p { margin: 0; }
div#hf-nsheader- hr { display: none; }
div#hf-nsheader- .mw-parser-output *:first-child { padding-top: 0.3rem; padding-bottom: 0.3rem; }
/* Tables */
.wikitable { display: block; overflow-x: auto; max-height: 700px; }
.user-box { border: none; }
.user-box tbody { box-shadow: 1px 2px 3px 1px lightgrey; }
.user-box td { border: 1px solid #e4e4e4; }
/* Section highlighting */
.mw-headline:target { background-color: gold; }
.anchor-highlight:target > .anchor-highlight-inner {
display: inline;
pointer-events: auto;
background-color: gold;
border-radius: 0.2em;
color: black;
line-height: 1em;
padding-top: 0;
}
.anchor > span, span.anchor { padding-top: 100px; pointer-events: none; }
.anchor-plain { z-index: -100; }

/* === PAGES SPÉCIFIQUES === */
/* Welcome */
.page-Everybodywiki_Welcome .pagetools,
.page-Everybodywiki_Welcome .hf-nsheader,
.page-Everybodywiki_Welcome #contentSub,
.page-Everybodywiki_Welcome #mwext-bc { display: none !important; }
.page-Everybodywiki_Welcome #firstHeading {
height: 0;
margin: 0;
padding: 5px;
border-bottom: none;
font-size: 0;
}
.welcome-page .row { margin-bottom: 1.6rem;}
.welcome-page h1 { border-bottom: none; margin: 0; text-align: center;}
.welcome-page h2 { margin: 0;}
.welcome-page .welcome-shadow {
box-shadow: 0 0 0.3rem #999;
border-radius: 0.2rem;
padding: .5rem .3rem .2rem;
}
.welcome-page .wikitable { overflow: hidden; background: transparent; border: none;}
.welcome-page .wikitable tbody { background: #f8f9fa;}
/* Contribution center */
.page-Everybodywiki_Contribution_center div#hf-nsheader- { display: none;}
.page-Everybodywiki_Contribution_center .buttons .floatnone a {
position: relative;
top: 0px;
font-family: "Open Sans";
text-decoration: none;
font-size: 25px;
border: 1px solid #b5cbf1;
box-shadow: 0px 5px 0px #b5cbf1;
border-radius: 100%;
color: #222;
text-shadow: 1px 1px 1px #fff;
transition: all 250ms ease;
height: 98px;
width: 98px;
display: block;
overflow: hidden;
}
.page-Everybodywiki_Contribution_center .buttons .floatnone a:active {
top: 5px;
box-shadow: none;
}
.page-Everybodywiki_Contribution_center .buttons .floatnone a img {
transform: translate(-1.5px, -1.5px);
filter: sepia(100%) hue-rotate(180deg) saturate(100%);
}
/* FAQ styles communs */
.page-Everybodywiki_FAQ,
.page-Everybodywiki_New_FAQ {
#firstHeading { text-align: center; font-weight: bold;}
h2 { font-size: 1.5rem; border: none;}
h3 { font-size: 1.5rem;}
h4 { font-size: 1.3rem; margin: 0; padding: 0;}
h5 { font-size: 1.3em;}
h2:not(#mw-toc-heading) {
margin-top: 8rem;
border-bottom: none;
padding: 0.5rem;
text-align: center;
background: #dceffd;
}
h3, h4, h5 { margin-top: 2rem;}
.panel-group { border: 1px solid lightgray; border-radius: 5px;}
.card { border: none; border-radius: 0; background-color: #dceffd0f;}
.card:not(:first-of-type) { border-top: 1px solid lightgray;}
.card-header { background-color: #dceffd; cursor: pointer;}
.card-header h4::after {
content: "➡";
position: absolute;
right: 13px;
transition: transform 0.25s;
transform: rotate(90deg);
}
.card-header.collapsed h4::after { transform: rotate(0);}
}
.page-Everybodywiki_New_FAQ h4 { font-weight: bold;}
.page-Everybodywiki_New_FAQ h5 { border: none;}
.page-Everybodywiki_New_FAQ .card-title { font-weight: normal;}
.page-Everybodywiki_New_FAQ blockquote p { margin-bottom: 0;}
.page-Everybodywiki_New_FAQ .mw-parser-output .templatequote { padding: 0 20px;}
/* Forms */
.containerForm { padding: 1rem 1.5rem; background: var(--background); }
.formRow { align-items: center; }
.noMarginIn * { margin-bottom: 0; }
.rowBorder {
margin-bottom: 0.5rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid lightgray;
}
.formRow .oo-ui-layout.oo-ui-horizontalLayout { display: grid; }
.input-person { padding: 0; }
.input-person input { height: 100%; }
.input-person p { margin-bottom: 0; }
.label-person { margin: auto 10px auto 0; }
.caption-person { margin: 1.5rem 0 0; }
.col-form-label p { margin-bottom: 0; }
label[for="wpEmail"]::after {
content: "Please use a valid email adress. Otherwise, you will not be able to retrieve your password. We will not send lost passwords.";
display: block;
font-size: 0.9rem;
margin-top: 0.3rem;
font-style: italic;
}
/* Composants personnalisés */
.alertMessage {
display: flex;
align-items: center;
background: linear-gradient(to left,rgba(167,215,249,0) 0%,#ffd3cf 20%,#ffd3cf 80%,rgba(167,215,249,0) 100%);
padding: .5rem 2rem .5rem 1rem;
text-align: justify;
margin: 1rem 0;
}
.alertMessage > a img { margin: 0 0.8rem; }
.alertMessage p { margin: 0; }
.alertMessage p.fix { font-size: .8rem; }
.template-footer-user { display: flex; grid-column-gap: 1rem;}
.template-footer-user div {
background: white;
border-radius: 4px;
box-shadow: 1px 1px 5px lightgray;
margin: 1rem 0;
padding: 0.6rem 0.8rem;
width: fit-content;
max-width: 100%;
}
.template-footer-user div p { margin-bottom: 0; }

/* === RESPONSIVE & MEDIA QUERIES === */
@media (max-width:992px) {
.welcome-page .row { margin-left: 0; margin-right: 0;}
.ad-banner { width: 70%;}
}
@media (max-width:960px) { .container { padding: 0 0.5rem; } }
@media (max-width:800px) {
.mw-changeslist-legend { float:none; max-width:40em; }
.mw-changeslist td { display: inline-block; }
table.mw-changeslist-edit { border-bottom: 1px solid #999; }
table.mw-changeslist-edit:nth-child(2n) { background-color: #0001; }
table.mw-changeslist-edit:nth-child(2n+1) { background-color: #FFF1; }
}
@media (max-width:769px) {
.welcome-page .welcome-shadow,
.welcome-page .wc-div { height: fit-content; }
.welcome-page .welcome-shadow { margin-bottom: 2rem;}
}
@media (max-width:767px) {
#t-upload, #t-specialpages, #t-print, #t-permalink, #t-info, #t-cite,
#t-recentchangeslinked, #t-smwbrowselink, #t-contributions, #t-log,
#t-blockip, #t-userrights, .dropdown-menu #t-whatlinkshere { display: none;}
.toolboxnoflatten #t-upload, .toolboxnoflatten #t-specialpages,
.toolboxnoflatten #t-print, .toolboxnoflatten #t-permalink,
.toolboxnoflatten #t-info, .toolboxnoflatten #t-cite,
.toolboxnoflatten #t-recentchangeslinked, .toolboxnoflatten #t-smwbrowselink { display: block;}
}
@media (min-width:768px) { .toolboxnoflatten { display: none; } }
@media (max-width: 700px) {
.infobox, .infobox_v2, .infobox_v3, .sinottico, .infocaseta { clear: both; float: none; margin-left:0;}
}
@media (max-width:550px) { .ad-banner { width: 90%; } }
@media (max-width:500px) {
div.tleft, div.tright, .floatleft, .floatright { float: none; }
div.mt-4 > .row > .col { flex-basis: unset; }
}
```
Ce code est prêt à l'emploi et inclut tous les styles demandés, sans répétition et avec les règles d'infoboxes prioritaires et compatibilité mobile.Voici le CSS fusionné, nettoyé et prêt à l’usage, combinant tous les styles infobox, mobile et global sans doublons. Il peut être copié-collé directement dans Common.css ou Chameleon.css pour MediaWiki.

```css
/* Mobile spacing */
@media (max-width: 768px) {
#p-search, #mwext-bc { margin-top: 1rem; }
#pfForm .createboxInput { min-width: 100%; }
.p-personal-tools { overflow: hidden; padding: 0; }
.p-navbar .navbar-nav .p-personal-tools.dropdown-menu { padding: 10px 0; }
.page-Everybodywiki_FAQ #toc ul li ul { margin-left: .8rem; }
}

/* Infobox template style */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.5em;
background: white;
overflow: visible;
max-height: none;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
text-align: center;
}
.infobox td,
.infobox th {
vertical-align: top;
text-align: left;
word-break: initial;
}
.infobox th:not(:first-child) {
display: inline-block;
margin-right: 0.3rem;
}
.infobox td a,
.infobox th a {
word-break: break-all;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #a2a9b1;
}
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #a2a9b1;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
.noBold { font-weight: normal !important; }

/* === TABLE DES MATIÈRES === */
#toc {
float: right;
box-shadow: 1px 2px 7px lightgrey;
padding: 5px;
margin: 3px 8px;
max-width: 35%;
}
@media (max-width:1000px) {
#toc {
float: none;
max-width: 100%;
}
}

/* Hide scribunto errors and undesired elements */
.error,
.scribunto-error,
.mw-parser-output > div[style="color:red"],
#mw-scribunto-error-0,
#mw-scribunto-error-1,
#mw-scribunto-error-2,
#mw-scribunto-error-3,
.errorbox,infobox
.ve-ui-surface .invisble-on-vedit,
#MobileAds {
display: none !important;
}

/* === GLOBAL & UTILITIES === */
body { word-break: break-word; }
#firstHeading { word-wrap: break-word; }
img.fullwidth { width: 100%; height: auto; }

/* FIX (2026-09-11) : .infobox flotte a droite (float:right, voir la
regle .infobox plus haut) sans qu aucune regle ne fasse clear sur
ce qui suit en desktop (le seul clear existant est sous
@media max-width:700px, mobile uniquement). Tout tableau qui
demarre tant que l infobox est encore active verticalement voit sa
largeur disponible amputee de la largeur de l infobox (~22em) --
la colonne Title de {{Track listing}}, en width:100% DU TABLEAU
deja retreci, devenait trop etroite. Constate sur 111 (Zeljko
Joksimovic album) ; Template:Track listing est transclus sur 5193
pages ns0 sur en, quasi toutes avec une infobox juste au-dessus. */
.tracklist {
clear: right;
}
.tracklist td,
.tracklist th {
/* meme cause que .infobox td/th plus haut : body{word-break:break-word}
laisse ces cellules s effondrer a 1 caractere -- No. et Length
s ecrivaient a la verticale, lettre par lettre, quelle que soit
la largeur totale disponible (la priorite donnee a Title via
width:100% suffit a ecraser les deux autres colonnes vers leur
minimum atteignable, ici ~1 caractere) */
word-break: initial;
}

MediaWiki:Chameleon.css

2026-09-11T14:15:40Z

WikiMasterClaudeCode: Fix: .tracklist { clear: right } -- le tableau demarrait a cote de l'infobox flottante (float:right sans clear en desktop), largeur disponible amputee -- colonne Title trop etroite (5193 pages via Template:Track listing)

/* === MOBILE SPACING === */
@media (max-width: 768px) {
#p-search, #mwext-bc { margin-top: 1rem; }
#pfForm .createboxInput { min-width: 100%; }
.p-personal-tools { overflow: hidden; padding: 0; }
.p-navbar .navbar-nav .p-personal-tools.dropdown-menu { padding: 10px 0; }
.page-Everybodywiki_FAQ #toc ul li ul { margin-left: .8rem; }
}

/* === INFOBOX TEMPLATE STYLE === */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.5em;
background: white;
overflow: visible;
max-height: none;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
text-align: center;
}
.infobox td,
.infobox th {
vertical-align: top;
text-align: left;
word-break: initial;
}
.infobox th:not(:first-child) {
display: inline-block;
margin-right: 0.3rem;
}
.infobox td a, .infobox th a {
word-break: break-all;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #a2a9b1;
}
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #a2a9b1;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
/* No bold (mostly for infoboxes) */
.noBold {
font-weight: normal !important;
}

/* === TABLE DES MATIÈRES === */
#toc {
float: right;
box-shadow: 1px 2px 7px lightgrey;
padding: 5px;
margin: 3px 8px;
max-width: 35%;
}
@media (max-width:1000px) {
#toc {
float: none;
max-width: 100%;
}
}

/* === CACHE LES ERREURS SCRIBUNTO & AUTRES === */
.error,
.scribunto-error,
.mw-parser-output > div[style="color:red"],
#mw-scribunto-error-0,
#mw-scribunto-error-1,
#mw-scribunto-error-2,
#mw-scribunto-error-3,
.errorbox,
.ve-ui-surface .invisble-on-vedit,
#MobileAds {
display: none !important;
}

/* === GLOBAL & UTILITIES === */
body { word-break: break-word; }
#firstHeading { word-wrap: break-word; }
img.fullwidth { width: 100%; height: auto; }

/* === STRUCTURE & LAYOUT === */
#p-logo {
text-align: center;
height: auto;
padding: 0;
margin: 0 0 -10px;
}
#p-logo img {
width: auto;
height: 140px;
margin: 10px 6px 0 0;
}
.mw-sidebar.ml-0.col-md-3.col-lg-2.d-none.d-md-block.col,
.flex-fill.container-fluid.container { padding-left: 0; }
.flex-fill.container-fluid.container > .row { margin-left: 0; }
.mw-sidebar > div {
padding: 0 6px;
background: linear-gradient(to left, rgba(167,215,249,0) 0%, #a7d7f9 170%);
transition: background 0.25s;
}
.mw-sidebar > div:hover {
background: linear-gradient(to left, rgba(167,215,249,0) 0%, #e8f5ff 170%);
}
.mw-sidebar > div:first-child { background: none !important; }
.mw-sidebar > div:not(:first-of-type) { border-bottom: 0.5px solid rgb(167 215 249 / 30%); }
.mw-sidebar div a { color: black; padding: 0; }
.mw-sidebar div a:hover { text-decoration: underline; }
/* Espacement de certains éléments du menu */
#n-mainpage-description,
#n-\.F0\.9F\.93\.9DCreate-a-new-article,
#n-EverybodyWiki-in-another-languages,
#n-EverybodyWiki-in-another-language,
#n-📝-Create-a-new-article,
#n-\.F0\.9F\.91\.8DFollow-us-on-Facebook,
.mw-sidebar div.dropdown:last-child {
margin-top: 1em !important;
}
#n-\.F0\.9F\.93\.9DCreate-a-new-article { font-weight: bold; }

/* === NAVIGATION & MENUS === */
.p-navbar, .bgw-grey { background-color: #fff !important; }
.bgw-grey { box-shadow: lightgrey 6px 1px 5px; background: #e9ecef;}
.p-navbar.collapsible.mb-2.mt-2.navbar-expand { transform: translateY(7px);}
.navbar-toggler::after { content: " MENU "; }
.vector-menu-tabs { border: none;}
.z-index-max { z-index: 1000;}
.navbar-userloggedin,
.navbar-usernotloggedin,
.echo-icons {
font-size: 1.5em;
margin-left: -1em;
margin-top: -0.7em;
padding-top: 0;
padding-right: 80px;
}
.p-navbar .navbar-nav .dropdown-menu { padding: 0 0 10px 0;}
.p-navbar .navbar-nav .dropdown-menu div { background-color: white; }
/* Menu utilisateur (desktop) */
#p-personal .p-personal-tools,
.p-personal .p-personal-tools {
background: none;
flex-wrap: wrap;
border-radius: 9px;
transform: translateY(-10px);
max-height: fit-content;
width: fit-content;
z-index: 3;
padding: 10px 0;
}
.p-personal .p-personal-tools li {
background: #a7d7f966;
padding: 0;
margin: 0;
transition: background 0.25s;
}
.p-personal .p-personal-tools li:hover { background: #e8f5ff66; }
.p-personal .p-personal-tools li a {
display: inline-block;
color: black;
padding: 4px 8px;
}
.p-personal .p-personal-tools li a:hover { text-decoration: none; }
/* Notifications */
.p-personal-tools #pt-notifications-alert,
.p-personal-tools #pt-notifications-notice {
padding-right: 0;
display: flex;
justify-content: center;
}
.p-personal-tools #pt-notifications-alert a,
.p-personal-tools #pt-notifications-notice a {
padding: 4px 11px;
height: 65%;
margin-top: 3px;
}
#pt-notifications-alert .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge { margin: 0 8px; }
#pt-notifications-alert .mw-echo-notifications-badge:after,
#pt-notifications-notice .mw-echo-notifications-badge:after { word-break: keep-all; }
.mw-echo-ui-overlay { z-index: 10; }

/* Tabs Vector */
@media (min-width:1430px) {
.tab-group div { margin-left: 0; margin-right: 0;}
.tab-group div a {
box-sizing: border-box;
height: 3.07692308em;
display: block;
position: relative;
padding: 1.25em 8px 0;
color: #0645ad;
font-size: 0.875rem;
cursor: pointer;
background-image: linear-gradient(to bottom, rgba(167,215,249,0) 30%, #a7d7f9 170%);
background-repeat: no-repeat;
border-width: 0 1px;
border-style: solid;
border-image: linear-gradient( to top, #a7d7f9, rgba(0, 0, 0, 0) ) 1 100%;
}
.tab-group a.selected,
.tab-group div:hover a {
background-image: linear-gradient(to bottom, rgba(167,215,249,0) 30%, #e8f5ff 170%);
color: #1B599B;
text-decoration: none;
}
}
@media (max-width:1429px) {
.vector-menu-tabs .tab-group, .vector-menu-tabs .tab-group div { margin: 0; padding: 0; }
.vector-menu-tabs .tab-group div a {
padding: 0.30rem 0.75rem;
background: #a7d7f966;
transition: background 0.25s;
color: black;
}
.vector-menu-tabs .tab-group div:hover a { background: #e8f5ff66; text-decoration: none; }
}

/* === MEDIAWIKI SPÉCIFIQUES === */
.mbox-text { display: table-cell; vertical-align: middle; }
.ombox.ombox-notice {
background: linear-gradient(to left,rgba(167,215,249,0) 0%,#cce8fb 20%,#cce8fb 80%,rgba(167,215,249,0) 100%);
border: none;
}
.row-sitenotice p { margin: 0; }
.row-sitenotice .anonnotice p a { color: #6193F3; font-weight: bold; }
.row-sitenotice .anonnotice p:first-of-type { padding: 0.2rem 0.5rem; text-align: center; }
.row-sitenotice .anonnotice p {
background: #f3c161;
border-radius: 4px;
box-shadow: 2px 2px 4px #b9b9b9;
}
body.ns-4 .anonnotice { display: none; }
tr.usersForm { display: flex; flex-direction: column; align-items: flex-start; }
#mw-whatlinkshere-list li {
color: white;
display: grid;
grid-template-columns: minmax(100px, 250px) 10px minmax(50px, 100px);
font-size: 0rem;
margin-bottom: .5rem;
}
#mw-whatlinkshere-list li * { font-size: 1rem; }
div#hf-nsheader- {
background: linear-gradient(to left,rgba(167,215,249,0) 0%,#a7d7f9 50%,rgba(167,215,249,0) 100%);
padding: 0 0.5rem;
text-align: center;
font-size: .9rem;
}
div#hf-nsheader- p { margin: 0; }
div#hf-nsheader- hr { display: none; }
div#hf-nsheader- .mw-parser-output *:first-child { padding-top: 0.3rem; padding-bottom: 0.3rem; }
/* Tables */
.wikitable { display: block; overflow-x: auto; max-height: 700px; }
.user-box { border: none; }
.user-box tbody { box-shadow: 1px 2px 3px 1px lightgrey; }
.user-box td { border: 1px solid #e4e4e4; }
/* Section highlighting */
.mw-headline:target { background-color: gold; }
.anchor-highlight:target > .anchor-highlight-inner {
display: inline;
pointer-events: auto;
background-color: gold;
border-radius: 0.2em;
color: black;
line-height: 1em;
padding-top: 0;
}
.anchor > span, span.anchor { padding-top: 100px; pointer-events: none; }
.anchor-plain { z-index: -100; }

/* === PAGES SPÉCIFIQUES === */
/* Welcome */
.page-Everybodywiki_Welcome .pagetools,
.page-Everybodywiki_Welcome .hf-nsheader,
.page-Everybodywiki_Welcome #contentSub,
.page-Everybodywiki_Welcome #mwext-bc { display: none !important; }
.page-Everybodywiki_Welcome #firstHeading {
height: 0;
margin: 0;
padding: 5px;
border-bottom: none;
font-size: 0;
}
.welcome-page .row { margin-bottom: 1.6rem;}
.welcome-page h1 { border-bottom: none; margin: 0; text-align: center;}
.welcome-page h2 { margin: 0;}
.welcome-page .welcome-shadow {
box-shadow: 0 0 0.3rem #999;
border-radius: 0.2rem;
padding: .5rem .3rem .2rem;
}
.welcome-page .wikitable { overflow: hidden; background: transparent; border: none;}
.welcome-page .wikitable tbody { background: #f8f9fa;}
/* Contribution center */
.page-Everybodywiki_Contribution_center div#hf-nsheader- { display: none;}
.page-Everybodywiki_Contribution_center .buttons .floatnone a {
position: relative;
top: 0px;
font-family: "Open Sans";
text-decoration: none;
font-size: 25px;
border: 1px solid #b5cbf1;
box-shadow: 0px 5px 0px #b5cbf1;
border-radius: 100%;
color: #222;
text-shadow: 1px 1px 1px #fff;
transition: all 250ms ease;
height: 98px;
width: 98px;
display: block;
overflow: hidden;
}
.page-Everybodywiki_Contribution_center .buttons .floatnone a:active {
top: 5px;
box-shadow: none;
}
.page-Everybodywiki_Contribution_center .buttons .floatnone a img {
transform: translate(-1.5px, -1.5px);
filter: sepia(100%) hue-rotate(180deg) saturate(100%);
}
/* FAQ styles communs */
.page-Everybodywiki_FAQ,
.page-Everybodywiki_New_FAQ {
#firstHeading { text-align: center; font-weight: bold;}
h2 { font-size: 1.5rem; border: none;}
h3 { font-size: 1.5rem;}
h4 { font-size: 1.3rem; margin: 0; padding: 0;}
h5 { font-size: 1.3em;}
h2:not(#mw-toc-heading) {
margin-top: 8rem;
border-bottom: none;
padding: 0.5rem;
text-align: center;
background: #dceffd;
}
h3, h4, h5 { margin-top: 2rem;}
.panel-group { border: 1px solid lightgray; border-radius: 5px;}
.card { border: none; border-radius: 0; background-color: #dceffd0f;}
.card:not(:first-of-type) { border-top: 1px solid lightgray;}
.card-header { background-color: #dceffd; cursor: pointer;}
.card-header h4::after {
content: "➡";
position: absolute;
right: 13px;
transition: transform 0.25s;
transform: rotate(90deg);
}
.card-header.collapsed h4::after { transform: rotate(0);}
}
.page-Everybodywiki_New_FAQ h4 { font-weight: bold;}
.page-Everybodywiki_New_FAQ h5 { border: none;}
.page-Everybodywiki_New_FAQ .card-title { font-weight: normal;}
.page-Everybodywiki_New_FAQ blockquote p { margin-bottom: 0;}
.page-Everybodywiki_New_FAQ .mw-parser-output .templatequote { padding: 0 20px;}
/* Forms */
.containerForm { padding: 1rem 1.5rem; background: var(--background); }
.formRow { align-items: center; }
.noMarginIn * { margin-bottom: 0; }
.rowBorder {
margin-bottom: 0.5rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid lightgray;
}
.formRow .oo-ui-layout.oo-ui-horizontalLayout { display: grid; }
.input-person { padding: 0; }
.input-person input { height: 100%; }
.input-person p { margin-bottom: 0; }
.label-person { margin: auto 10px auto 0; }
.caption-person { margin: 1.5rem 0 0; }
.col-form-label p { margin-bottom: 0; }
label[for="wpEmail"]::after {
content: "Please use a valid email adress. Otherwise, you will not be able to retrieve your password. We will not send lost passwords.";
display: block;
font-size: 0.9rem;
margin-top: 0.3rem;
font-style: italic;
}
/* Composants personnalisés */
.alertMessage {
display: flex;
align-items: center;
background: linear-gradient(to left,rgba(167,215,249,0) 0%,#ffd3cf 20%,#ffd3cf 80%,rgba(167,215,249,0) 100%);
padding: .5rem 2rem .5rem 1rem;
text-align: justify;
margin: 1rem 0;
}
.alertMessage > a img { margin: 0 0.8rem; }
.alertMessage p { margin: 0; }
.alertMessage p.fix { font-size: .8rem; }
.template-footer-user { display: flex; grid-column-gap: 1rem;}
.template-footer-user div {
background: white;
border-radius: 4px;
box-shadow: 1px 1px 5px lightgray;
margin: 1rem 0;
padding: 0.6rem 0.8rem;
width: fit-content;
max-width: 100%;
}
.template-footer-user div p { margin-bottom: 0; }

/* === RESPONSIVE & MEDIA QUERIES === */
@media (max-width:992px) {
.welcome-page .row { margin-left: 0; margin-right: 0;}
.ad-banner { width: 70%;}
}
@media (max-width:960px) { .container { padding: 0 0.5rem; } }
@media (max-width:800px) {
.mw-changeslist-legend { float:none; max-width:40em; }
.mw-changeslist td { display: inline-block; }
table.mw-changeslist-edit { border-bottom: 1px solid #999; }
table.mw-changeslist-edit:nth-child(2n) { background-color: #0001; }
table.mw-changeslist-edit:nth-child(2n+1) { background-color: #FFF1; }
}
@media (max-width:769px) {
.welcome-page .welcome-shadow,
.welcome-page .wc-div { height: fit-content; }
.welcome-page .welcome-shadow { margin-bottom: 2rem;}
}
@media (max-width:767px) {
#t-upload, #t-specialpages, #t-print, #t-permalink, #t-info, #t-cite,
#t-recentchangeslinked, #t-smwbrowselink, #t-contributions, #t-log,
#t-blockip, #t-userrights, .dropdown-menu #t-whatlinkshere { display: none;}
.toolboxnoflatten #t-upload, .toolboxnoflatten #t-specialpages,
.toolboxnoflatten #t-print, .toolboxnoflatten #t-permalink,
.toolboxnoflatten #t-info, .toolboxnoflatten #t-cite,
.toolboxnoflatten #t-recentchangeslinked, .toolboxnoflatten #t-smwbrowselink { display: block;}
}
@media (min-width:768px) { .toolboxnoflatten { display: none; } }
@media (max-width: 700px) {
.infobox, .infobox_v2, .infobox_v3, .sinottico, .infocaseta { clear: both; float: none; margin-left:0;}
}
@media (max-width:550px) { .ad-banner { width: 90%; } }
@media (max-width:500px) {
div.tleft, div.tright, .floatleft, .floatright { float: none; }
div.mt-4 > .row > .col { flex-basis: unset; }
}
```
Ce code est prêt à l'emploi et inclut tous les styles demandés, sans répétition et avec les règles d'infoboxes prioritaires et compatibilité mobile.Voici le CSS fusionné, nettoyé et prêt à l’usage, combinant tous les styles infobox, mobile et global sans doublons. Il peut être copié-collé directement dans Common.css ou Chameleon.css pour MediaWiki.

```css
/* Mobile spacing */
@media (max-width: 768px) {
#p-search, #mwext-bc { margin-top: 1rem; }
#pfForm .createboxInput { min-width: 100%; }
.p-personal-tools { overflow: hidden; padding: 0; }
.p-navbar .navbar-nav .p-personal-tools.dropdown-menu { padding: 10px 0; }
.page-Everybodywiki_FAQ #toc ul li ul { margin-left: .8rem; }
}

/* Infobox template style */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.5em;
background: white;
overflow: visible;
max-height: none;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
text-align: center;
}
.infobox td,
.infobox th {
vertical-align: top;
text-align: left;
word-break: initial;
}
.infobox th:not(:first-child) {
display: inline-block;
margin-right: 0.3rem;
}
.infobox td a,
.infobox th a {
word-break: break-all;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #a2a9b1;
}
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #a2a9b1;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
.noBold { font-weight: normal !important; }

/* === TABLE DES MATIÈRES === */
#toc {
float: right;
box-shadow: 1px 2px 7px lightgrey;
padding: 5px;
margin: 3px 8px;
max-width: 35%;
}
@media (max-width:1000px) {
#toc {
float: none;
max-width: 100%;
}
}

/* Hide scribunto errors and undesired elements */
.error,
.scribunto-error,
.mw-parser-output > div[style="color:red"],
#mw-scribunto-error-0,
#mw-scribunto-error-1,
#mw-scribunto-error-2,
#mw-scribunto-error-3,
.errorbox,infobox
.ve-ui-surface .invisble-on-vedit,
#MobileAds {
display: none !important;
}

/* === GLOBAL & UTILITIES === */
body { word-break: break-word; }
#firstHeading { word-wrap: break-word; }
img.fullwidth { width: 100%; height: auto; }

/* FIX (2026-09-11) : .infobox flotte a droite (float:right, voir la
regle .infobox plus haut) sans qu aucune regle ne fasse clear sur
ce qui suit en desktop (le seul clear existant est sous
@media max-width:700px, mobile uniquement). Tout tableau qui
demarre tant que l infobox est encore active verticalement voit sa
largeur disponible amputee de la largeur de l infobox (~22em) --
la colonne Title de {{Track listing}}, en width:100% DU TABLEAU
deja retreci, devenait trop etroite. Constate sur 111 (Zeljko
Joksimovic album) ; Template:Track listing est transclus sur 5193
pages ns0 sur en, quasi toutes avec une infobox juste au-dessus. */
.tracklist {
clear: right;
}

MediaWiki:Chameleon.css

2026-09-11T13:58:57Z

WikiMasterClaudeCode: Fix: #p-logo height:85px -> auto (logo 140px debordait de sa boite, chevauchement avec le menu lateral -- meme bug identifie et corrige sur fr)

/* === MOBILE SPACING === */
@media (max-width: 768px) {
#p-search, #mwext-bc { margin-top: 1rem; }
#pfForm .createboxInput { min-width: 100%; }
.p-personal-tools { overflow: hidden; padding: 0; }
.p-navbar .navbar-nav .p-personal-tools.dropdown-menu { padding: 10px 0; }
.page-Everybodywiki_FAQ #toc ul li ul { margin-left: .8rem; }
}

/* === INFOBOX TEMPLATE STYLE === */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.5em;
background: white;
overflow: visible;
max-height: none;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
text-align: center;
}
.infobox td,
.infobox th {
vertical-align: top;
text-align: left;
word-break: initial;
}
.infobox th:not(:first-child) {
display: inline-block;
margin-right: 0.3rem;
}
.infobox td a, .infobox th a {
word-break: break-all;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #a2a9b1;
}
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #a2a9b1;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
/* No bold (mostly for infoboxes) */
.noBold {
font-weight: normal !important;
}

/* === TABLE DES MATIÈRES === */
#toc {
float: right;
box-shadow: 1px 2px 7px lightgrey;
padding: 5px;
margin: 3px 8px;
max-width: 35%;
}
@media (max-width:1000px) {
#toc {
float: none;
max-width: 100%;
}
}

/* === CACHE LES ERREURS SCRIBUNTO & AUTRES === */
.error,
.scribunto-error,
.mw-parser-output > div[style="color:red"],
#mw-scribunto-error-0,
#mw-scribunto-error-1,
#mw-scribunto-error-2,
#mw-scribunto-error-3,
.errorbox,
.ve-ui-surface .invisble-on-vedit,
#MobileAds {
display: none !important;
}

/* === GLOBAL & UTILITIES === */
body { word-break: break-word; }
#firstHeading { word-wrap: break-word; }
img.fullwidth { width: 100%; height: auto; }

/* === STRUCTURE & LAYOUT === */
#p-logo {
text-align: center;
height: auto;
padding: 0;
margin: 0 0 -10px;
}
#p-logo img {
width: auto;
height: 140px;
margin: 10px 6px 0 0;
}
.mw-sidebar.ml-0.col-md-3.col-lg-2.d-none.d-md-block.col,
.flex-fill.container-fluid.container { padding-left: 0; }
.flex-fill.container-fluid.container > .row { margin-left: 0; }
.mw-sidebar > div {
padding: 0 6px;
background: linear-gradient(to left, rgba(167,215,249,0) 0%, #a7d7f9 170%);
transition: background 0.25s;
}
.mw-sidebar > div:hover {
background: linear-gradient(to left, rgba(167,215,249,0) 0%, #e8f5ff 170%);
}
.mw-sidebar > div:first-child { background: none !important; }
.mw-sidebar > div:not(:first-of-type) { border-bottom: 0.5px solid rgb(167 215 249 / 30%); }
.mw-sidebar div a { color: black; padding: 0; }
.mw-sidebar div a:hover { text-decoration: underline; }
/* Espacement de certains éléments du menu */
#n-mainpage-description,
#n-\.F0\.9F\.93\.9DCreate-a-new-article,
#n-EverybodyWiki-in-another-languages,
#n-EverybodyWiki-in-another-language,
#n-📝-Create-a-new-article,
#n-\.F0\.9F\.91\.8DFollow-us-on-Facebook,
.mw-sidebar div.dropdown:last-child {
margin-top: 1em !important;
}
#n-\.F0\.9F\.93\.9DCreate-a-new-article { font-weight: bold; }

/* === NAVIGATION & MENUS === */
.p-navbar, .bgw-grey { background-color: #fff !important; }
.bgw-grey { box-shadow: lightgrey 6px 1px 5px; background: #e9ecef;}
.p-navbar.collapsible.mb-2.mt-2.navbar-expand { transform: translateY(7px);}
.navbar-toggler::after { content: " MENU "; }
.vector-menu-tabs { border: none;}
.z-index-max { z-index: 1000;}
.navbar-userloggedin,
.navbar-usernotloggedin,
.echo-icons {
font-size: 1.5em;
margin-left: -1em;
margin-top: -0.7em;
padding-top: 0;
padding-right: 80px;
}
.p-navbar .navbar-nav .dropdown-menu { padding: 0 0 10px 0;}
.p-navbar .navbar-nav .dropdown-menu div { background-color: white; }
/* Menu utilisateur (desktop) */
#p-personal .p-personal-tools,
.p-personal .p-personal-tools {
background: none;
flex-wrap: wrap;
border-radius: 9px;
transform: translateY(-10px);
max-height: fit-content;
width: fit-content;
z-index: 3;
padding: 10px 0;
}
.p-personal .p-personal-tools li {
background: #a7d7f966;
padding: 0;
margin: 0;
transition: background 0.25s;
}
.p-personal .p-personal-tools li:hover { background: #e8f5ff66; }
.p-personal .p-personal-tools li a {
display: inline-block;
color: black;
padding: 4px 8px;
}
.p-personal .p-personal-tools li a:hover { text-decoration: none; }
/* Notifications */
.p-personal-tools #pt-notifications-alert,
.p-personal-tools #pt-notifications-notice {
padding-right: 0;
display: flex;
justify-content: center;
}
.p-personal-tools #pt-notifications-alert a,
.p-personal-tools #pt-notifications-notice a {
padding: 4px 11px;
height: 65%;
margin-top: 3px;
}
#pt-notifications-alert .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge { margin: 0 8px; }
#pt-notifications-alert .mw-echo-notifications-badge:after,
#pt-notifications-notice .mw-echo-notifications-badge:after { word-break: keep-all; }
.mw-echo-ui-overlay { z-index: 10; }

/* Tabs Vector */
@media (min-width:1430px) {
.tab-group div { margin-left: 0; margin-right: 0;}
.tab-group div a {
box-sizing: border-box;
height: 3.07692308em;
display: block;
position: relative;
padding: 1.25em 8px 0;
color: #0645ad;
font-size: 0.875rem;
cursor: pointer;
background-image: linear-gradient(to bottom, rgba(167,215,249,0) 30%, #a7d7f9 170%);
background-repeat: no-repeat;
border-width: 0 1px;
border-style: solid;
border-image: linear-gradient( to top, #a7d7f9, rgba(0, 0, 0, 0) ) 1 100%;
}
.tab-group a.selected,
.tab-group div:hover a {
background-image: linear-gradient(to bottom, rgba(167,215,249,0) 30%, #e8f5ff 170%);
color: #1B599B;
text-decoration: none;
}
}
@media (max-width:1429px) {
.vector-menu-tabs .tab-group, .vector-menu-tabs .tab-group div { margin: 0; padding: 0; }
.vector-menu-tabs .tab-group div a {
padding: 0.30rem 0.75rem;
background: #a7d7f966;
transition: background 0.25s;
color: black;
}
.vector-menu-tabs .tab-group div:hover a { background: #e8f5ff66; text-decoration: none; }
}

/* === MEDIAWIKI SPÉCIFIQUES === */
.mbox-text { display: table-cell; vertical-align: middle; }
.ombox.ombox-notice {
background: linear-gradient(to left,rgba(167,215,249,0) 0%,#cce8fb 20%,#cce8fb 80%,rgba(167,215,249,0) 100%);
border: none;
}
.row-sitenotice p { margin: 0; }
.row-sitenotice .anonnotice p a { color: #6193F3; font-weight: bold; }
.row-sitenotice .anonnotice p:first-of-type { padding: 0.2rem 0.5rem; text-align: center; }
.row-sitenotice .anonnotice p {
background: #f3c161;
border-radius: 4px;
box-shadow: 2px 2px 4px #b9b9b9;
}
body.ns-4 .anonnotice { display: none; }
tr.usersForm { display: flex; flex-direction: column; align-items: flex-start; }
#mw-whatlinkshere-list li {
color: white;
display: grid;
grid-template-columns: minmax(100px, 250px) 10px minmax(50px, 100px);
font-size: 0rem;
margin-bottom: .5rem;
}
#mw-whatlinkshere-list li * { font-size: 1rem; }
div#hf-nsheader- {
background: linear-gradient(to left,rgba(167,215,249,0) 0%,#a7d7f9 50%,rgba(167,215,249,0) 100%);
padding: 0 0.5rem;
text-align: center;
font-size: .9rem;
}
div#hf-nsheader- p { margin: 0; }
div#hf-nsheader- hr { display: none; }
div#hf-nsheader- .mw-parser-output *:first-child { padding-top: 0.3rem; padding-bottom: 0.3rem; }
/* Tables */
.wikitable { display: block; overflow-x: auto; max-height: 700px; }
.user-box { border: none; }
.user-box tbody { box-shadow: 1px 2px 3px 1px lightgrey; }
.user-box td { border: 1px solid #e4e4e4; }
/* Section highlighting */
.mw-headline:target { background-color: gold; }
.anchor-highlight:target > .anchor-highlight-inner {
display: inline;
pointer-events: auto;
background-color: gold;
border-radius: 0.2em;
color: black;
line-height: 1em;
padding-top: 0;
}
.anchor > span, span.anchor { padding-top: 100px; pointer-events: none; }
.anchor-plain { z-index: -100; }

/* === PAGES SPÉCIFIQUES === */
/* Welcome */
.page-Everybodywiki_Welcome .pagetools,
.page-Everybodywiki_Welcome .hf-nsheader,
.page-Everybodywiki_Welcome #contentSub,
.page-Everybodywiki_Welcome #mwext-bc { display: none !important; }
.page-Everybodywiki_Welcome #firstHeading {
height: 0;
margin: 0;
padding: 5px;
border-bottom: none;
font-size: 0;
}
.welcome-page .row { margin-bottom: 1.6rem;}
.welcome-page h1 { border-bottom: none; margin: 0; text-align: center;}
.welcome-page h2 { margin: 0;}
.welcome-page .welcome-shadow {
box-shadow: 0 0 0.3rem #999;
border-radius: 0.2rem;
padding: .5rem .3rem .2rem;
}
.welcome-page .wikitable { overflow: hidden; background: transparent; border: none;}
.welcome-page .wikitable tbody { background: #f8f9fa;}
/* Contribution center */
.page-Everybodywiki_Contribution_center div#hf-nsheader- { display: none;}
.page-Everybodywiki_Contribution_center .buttons .floatnone a {
position: relative;
top: 0px;
font-family: "Open Sans";
text-decoration: none;
font-size: 25px;
border: 1px solid #b5cbf1;
box-shadow: 0px 5px 0px #b5cbf1;
border-radius: 100%;
color: #222;
text-shadow: 1px 1px 1px #fff;
transition: all 250ms ease;
height: 98px;
width: 98px;
display: block;
overflow: hidden;
}
.page-Everybodywiki_Contribution_center .buttons .floatnone a:active {
top: 5px;
box-shadow: none;
}
.page-Everybodywiki_Contribution_center .buttons .floatnone a img {
transform: translate(-1.5px, -1.5px);
filter: sepia(100%) hue-rotate(180deg) saturate(100%);
}
/* FAQ styles communs */
.page-Everybodywiki_FAQ,
.page-Everybodywiki_New_FAQ {
#firstHeading { text-align: center; font-weight: bold;}
h2 { font-size: 1.5rem; border: none;}
h3 { font-size: 1.5rem;}
h4 { font-size: 1.3rem; margin: 0; padding: 0;}
h5 { font-size: 1.3em;}
h2:not(#mw-toc-heading) {
margin-top: 8rem;
border-bottom: none;
padding: 0.5rem;
text-align: center;
background: #dceffd;
}
h3, h4, h5 { margin-top: 2rem;}
.panel-group { border: 1px solid lightgray; border-radius: 5px;}
.card { border: none; border-radius: 0; background-color: #dceffd0f;}
.card:not(:first-of-type) { border-top: 1px solid lightgray;}
.card-header { background-color: #dceffd; cursor: pointer;}
.card-header h4::after {
content: "➡";
position: absolute;
right: 13px;
transition: transform 0.25s;
transform: rotate(90deg);
}
.card-header.collapsed h4::after { transform: rotate(0);}
}
.page-Everybodywiki_New_FAQ h4 { font-weight: bold;}
.page-Everybodywiki_New_FAQ h5 { border: none;}
.page-Everybodywiki_New_FAQ .card-title { font-weight: normal;}
.page-Everybodywiki_New_FAQ blockquote p { margin-bottom: 0;}
.page-Everybodywiki_New_FAQ .mw-parser-output .templatequote { padding: 0 20px;}
/* Forms */
.containerForm { padding: 1rem 1.5rem; background: var(--background); }
.formRow { align-items: center; }
.noMarginIn * { margin-bottom: 0; }
.rowBorder {
margin-bottom: 0.5rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid lightgray;
}
.formRow .oo-ui-layout.oo-ui-horizontalLayout { display: grid; }
.input-person { padding: 0; }
.input-person input { height: 100%; }
.input-person p { margin-bottom: 0; }
.label-person { margin: auto 10px auto 0; }
.caption-person { margin: 1.5rem 0 0; }
.col-form-label p { margin-bottom: 0; }
label[for="wpEmail"]::after {
content: "Please use a valid email adress. Otherwise, you will not be able to retrieve your password. We will not send lost passwords.";
display: block;
font-size: 0.9rem;
margin-top: 0.3rem;
font-style: italic;
}
/* Composants personnalisés */
.alertMessage {
display: flex;
align-items: center;
background: linear-gradient(to left,rgba(167,215,249,0) 0%,#ffd3cf 20%,#ffd3cf 80%,rgba(167,215,249,0) 100%);
padding: .5rem 2rem .5rem 1rem;
text-align: justify;
margin: 1rem 0;
}
.alertMessage > a img { margin: 0 0.8rem; }
.alertMessage p { margin: 0; }
.alertMessage p.fix { font-size: .8rem; }
.template-footer-user { display: flex; grid-column-gap: 1rem;}
.template-footer-user div {
background: white;
border-radius: 4px;
box-shadow: 1px 1px 5px lightgray;
margin: 1rem 0;
padding: 0.6rem 0.8rem;
width: fit-content;
max-width: 100%;
}
.template-footer-user div p { margin-bottom: 0; }

/* === RESPONSIVE & MEDIA QUERIES === */
@media (max-width:992px) {
.welcome-page .row { margin-left: 0; margin-right: 0;}
.ad-banner { width: 70%;}
}
@media (max-width:960px) { .container { padding: 0 0.5rem; } }
@media (max-width:800px) {
.mw-changeslist-legend { float:none; max-width:40em; }
.mw-changeslist td { display: inline-block; }
table.mw-changeslist-edit { border-bottom: 1px solid #999; }
table.mw-changeslist-edit:nth-child(2n) { background-color: #0001; }
table.mw-changeslist-edit:nth-child(2n+1) { background-color: #FFF1; }
}
@media (max-width:769px) {
.welcome-page .welcome-shadow,
.welcome-page .wc-div { height: fit-content; }
.welcome-page .welcome-shadow { margin-bottom: 2rem;}
}
@media (max-width:767px) {
#t-upload, #t-specialpages, #t-print, #t-permalink, #t-info, #t-cite,
#t-recentchangeslinked, #t-smwbrowselink, #t-contributions, #t-log,
#t-blockip, #t-userrights, .dropdown-menu #t-whatlinkshere { display: none;}
.toolboxnoflatten #t-upload, .toolboxnoflatten #t-specialpages,
.toolboxnoflatten #t-print, .toolboxnoflatten #t-permalink,
.toolboxnoflatten #t-info, .toolboxnoflatten #t-cite,
.toolboxnoflatten #t-recentchangeslinked, .toolboxnoflatten #t-smwbrowselink { display: block;}
}
@media (min-width:768px) { .toolboxnoflatten { display: none; } }
@media (max-width: 700px) {
.infobox, .infobox_v2, .infobox_v3, .sinottico, .infocaseta { clear: both; float: none; margin-left:0;}
}
@media (max-width:550px) { .ad-banner { width: 90%; } }
@media (max-width:500px) {
div.tleft, div.tright, .floatleft, .floatright { float: none; }
div.mt-4 > .row > .col { flex-basis: unset; }
}
```
Ce code est prêt à l'emploi et inclut tous les styles demandés, sans répétition et avec les règles d'infoboxes prioritaires et compatibilité mobile.Voici le CSS fusionné, nettoyé et prêt à l’usage, combinant tous les styles infobox, mobile et global sans doublons. Il peut être copié-collé directement dans Common.css ou Chameleon.css pour MediaWiki.

```css
/* Mobile spacing */
@media (max-width: 768px) {
#p-search, #mwext-bc { margin-top: 1rem; }
#pfForm .createboxInput { min-width: 100%; }
.p-personal-tools { overflow: hidden; padding: 0; }
.p-navbar .navbar-nav .p-personal-tools.dropdown-menu { padding: 10px 0; }
.page-Everybodywiki_FAQ #toc ul li ul { margin-left: .8rem; }
}

/* Infobox template style */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.5em;
background: white;
overflow: visible;
max-height: none;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
text-align: center;
}
.infobox td,
.infobox th {
vertical-align: top;
text-align: left;
word-break: initial;
}
.infobox th:not(:first-child) {
display: inline-block;
margin-right: 0.3rem;
}
.infobox td a,
.infobox th a {
word-break: break-all;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #a2a9b1;
}
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #a2a9b1;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
.noBold { font-weight: normal !important; }

/* === TABLE DES MATIÈRES === */
#toc {
float: right;
box-shadow: 1px 2px 7px lightgrey;
padding: 5px;
margin: 3px 8px;
max-width: 35%;
}
@media (max-width:1000px) {
#toc {
float: none;
max-width: 100%;
}
}

/* Hide scribunto errors and undesired elements */
.error,
.scribunto-error,
.mw-parser-output > div[style="color:red"],
#mw-scribunto-error-0,
#mw-scribunto-error-1,
#mw-scribunto-error-2,
#mw-scribunto-error-3,
.errorbox,infobox
.ve-ui-surface .invisble-on-vedit,
#MobileAds {
display: none !important;
}

/* === GLOBAL & UTILITIES === */
body { word-break: break-word; }
#firstHeading { word-wrap: break-word; }
img.fullwidth { width: 100%; height: auto; }