MediaWiki:Common.css

De Wikidébats, l'encyclopédie des débats et des arguments « pour » et « contre »
Aller à la navigation Aller à la recherche

Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

  • Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac).
  • Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac).
  • Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.
  • Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité et sécurité → Effacer les données d’exploration → Images et fichiers en cache.
/* Basé sur https://fr.wikipedia.org/wiki/MediaWiki:Common.css */

/* FEUILLE DE STYLE GLOBALE */
/**
 * Cette page contrôle l'apparence pour toutes les skins.
 *
 * Après chaque modificaticon, prière de vérifier cette feuille de style
 * avec le valideur CSS du W3C :
 * http://jigsaw.w3.org/css-validator/validator?uri=http://fr.wikipedia.org/w/index.php?title=MediaWiki:Common.css%26action=raw%26ctype=text/css&usermedium=all&warning=2
 */

/* Pour un défilement doux des ancres de liens */
html {
	scroll-behavior: smooth;
}

/*\
* * INTERFACE
\*/
/* Décalage de l'icône utilisateur en haut de page */
#pt-userpage a, #pt-anonuserpage {
	background-position: left 7px;
	padding-left: 20px !important;
}
/* Pour ne pas gêner la saisie dans la barre de recherche depuis qu'elle est à gaut à droite */
#p-personal ul {
	padding-left: 0;
}
/* Réduction du décalage entre le menu de gauche et le logo */
#mw-panel #p-logo + .portal {
	margin-top: 0.5em;
}
/* Enlever la Toolbox */
#p-tb {
	display:none !important;
}
/* Masquer "Politique de confidentialité", "Avertissements" et "Version mobile" dans le pied de page */
#footer-places-privacy {
	display: none !important;
}
#footer-places-disclaimer {
	display: none !important;
}
#footer-places-mobileview {
	display: none;
}
/* Taille des titres */
#firstHeading { font-size: 150% !important; padding-bottom: 2px; line-height: 110%; }
#bodyContent h2 { font-size: 155% !important; margin-bottom: 0.5em; padding-bottom: 0.17em !important; }
#bodyContent h3 { font-size: 125% !important; font-weight:bold !important; margin-top: 1.5em; margin-bottom: 0.5em; padding-top: 0; }
#bodyContent h4 { font-size: 110% !important; font-weight:bold !important; margin-top: 1.5em; margin-bottom: 0.5em; padding-top: 0; color: inherit; }
#bodyContent h5 { font-size: 104% !important; font-weight:bold !important; margin-top: 1.5em; margin-bottom: 0.5em; padding-top: 0; color: inherit; }
#bodyContent h6 { font-size: 100% !important; font-weight:normal !important; font-style: italic !important;}

/* Change la taille des titres du sommaire */
li.toclevel-1 {
	font-size: 115%
}
.toclevel-2 {
	font-size: 90%
}
.toclevel-3 {
	font-size: 95%
}

/* Pour enlever la numérotation dans le sommaire */
.tocnumber {
	display: none;
}
/* N'afficher que la partie de la colonne définie */
.col2	li.toclevel-1:not(:nth-child(2)) {
	display: none
}
.col3	li.toclevel-1:not(:nth-child(3)) {
	display: none
}
.col2-3	li.toclevel-1:not(:nth-child(2)):not(:nth-child(3)) {
	display: none
}
/* Classes pour modèles de sommaires allégés */
.toc_niveau_1 ul ul,
.toc_niveau_2 ul ul ul,
.toc_niveau_3 ul ul ul ul,
.toc_niveau_4 ul ul ul ul ul,
.toc_niveau_5 ul ul ul ul ul ul {
	display: none;
}
/* Pour masquer le bouton "Modifier" du sommaire */
.toclevel-1 .toctext span {
	display: none;
}
/* Pour le titre "Sommaire" */
.toc .toctitle {
	text-align: left;
	margin-bottom: 0.25em;
	font-size: 90%;
}
/* Pour masquer le bouton "masquer" à côté du sommaire */
.toctogglespan {
	display: none;
}
#toc {
	margin: 1em 0;
}
/* .mw-content-ltr ul {
	margin: 0.5em 0 0.5em 1.6em;
} */
.toc_niveau_1 ul {
	margin: 0;
}
.italique {
	font-style: italic;
}
.italique i {
	font-style: normal
}
code {
	background: transparent;
}
pre {
	overflow-x: auto;
}
/* Classe de masquage, remplace display:none. Contenu non affiché mais lisible par les lecteurs d'écrans */
.hidden {
	position: absolute;
	left: 0;
	top: -5000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
caption.hidden {
	position: static;
	text-indent: -5000px;
}
/* Réduction de la hauteur de la ligne pour les balises "sup" et "sub" */
sup,
sub {
	line-height: 1em;
}
.colonnes {
	display: flex;
	width: 100%;
	margin-top: 0.5em;
}
.colonne-gauche {
	width: 49%;
	float:left;
	margin-right: 1em;
	margin-top: 1.5em;
}
.colonne-droite {
	width: 50%;
	float:right;
	margin-top: 1.5em;
}
.colonnes-3 {
	width: 32%;
	padding: 0 2% 0 0;
}
@media screen and (max-width: 600px) {
		.colonne-gauche {
				width: 100%;
		}
		.colonne-droite {
				width: 100%;
		}
}
.mw-editsection {
	font-size: x-small;
}
/* Pour masquer l'affichage de l'espace de noms lors d'un renommage de page */
#wpNewTitleNs {
	display: none;
}
/* Pour masquer les champs optionnels du formulaire "Spécial:Renommer une page"
#mw-movepage-table .oo-ui-layout.oo-ui-labelElement.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
	display: none;
}
.movepage-wrapper label[for] {
	display: none;
} */
.mw-widget-complexTitleInputWidget .mw-widget-titleInputWidget {
	max-width: none !important;
}
.movepage-wrapper {
	width: unset !important;
}
/* Masque le bouton d'aide en haut à droite des pages spéciales */
.mw-helplink {
	display: none !important;
}
/* Masque les références en bas de page et le bouton Paramètres au survol */
.references {
	display: none;
}
.reference {
	padding-left: 0.15em;
}
/* Pour mettre en forme le wikicode */
.CodeMirror {
	font-family: serif;
	font-size: 17px !important;
	line-height: 130% !important;
}

/* Cache les boites de raccourcis qui sont en haut à gauche
#raccourci {display: none} */

/* * TABLEAUX * */

table.wikitable th,
table.wikitable td {
	padding: 0.3em;
}
.wikitable th[scope=row] {
	text-align: left;
}
table.gauche,
table.left {
	float: left;
	margin: 0 1em 1em 0;
}
table.droite,
table.right {
	float: right;
	margin: 0 0 1em 1em;
}
table.centre,
table.center {
	margin: 1em auto;
}
/* Pour les cas où le code de l'article contienne un paramètre align de valeur center */
table.wikitable[align=center] {
	margin: 1em auto;
}

/* * GALERIES DE PHOTOS * */

ul.gallery {
	margin: 2px auto;
	text-align: center;
}
div.gallerytext {
	text-align: left;
	font-size: 89%;
}

/* Abusefilter */
.mw-abusefilter-diff-context, .mw-abusefilter-diff-multiline td { /* les longues lignes sans espace sont fréquentes */
	word-wrap: break-word;
	max-width:40em;
}

/*\
* * BANDEAUX
\*/

.bandeau {
	text-align: left;
	margin: 12px 1.5% 12px;
	border-style: solid;
	border-width: 0 0 0 10px;
	padding: 2px 10px;
	border-color: #77ccff;
	background-color: #f9f9f9;
	font-size: 90%;
}
.bandeau-orange {
	border-color: #ff8822 !important;
	background-color: #ffeeddc7;
}
.bandeau-rouge {
	border-color: #aa0044;
	background-color: #ffcccc;
}
.bandeau-vert {
	border-color: #02a68f;
}
.bandeau table {
	background-color: transparent
}
.bandeau-icone {
	vertical-align: middle;
	text-align: center;
	min-width: 45px;
	padding-right: 10px;
}
.bandeau-titre {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 0.5em;
}
div.bandeau-section {
	position: relative;
	display: block;
	margin: 0.5em;
	font-size: 90%;
	border-style: solid;
	border-width: 1px 0;
	padding: 2px 0 2px 0px;
	text-align: left;
	border-color: #e7e7e7;
	background-color: #fdfdfd;
}
div.bandeau-section table {
	margin: -2px 0 -2px 0;
}
.bandeau-avertissement {
	display: inline-flex;
	margin: 0 0 .4em 0;
	font-size: 95%;
	overflow: hidden;
	border-style: solid;
	border-width: 1px 0;
	padding: 1px 0.25em 1px 6px;
	text-align: left;
	font-family: 'Linux Libertine','Georgia','Times',serif;
	border-color: #ff8822;
	background-color: #ffeeddc7;
}
.bandeau- {
	border-color: #ff8822;
	background-color: #fbfbfb;
}
.bandeau-avertissement a {
	display: contents;
}
.boite-info {
	background-color: #f8f9fc;
	padding: 1em 1.5em;
	overflow-wrap: break-word;
	overflow: hidden;
}

/*\
* * PAGE D'ACCUEIL
\*/

/* Retire le nom de la page d'accueil */
body.action-view.page-Wikidébats_Accueil #firstHeading, body.action-view.page-Wikidebates_Main_Page #firstHeading {
	position: absolute;
	top: -5000px;
}
.page-Wikidébats_Accueil #contentSub, .page-Wikidebates_Main_Page #contentSub {
	margin: -0.5em 0 1em 0em;
}
.bienvenue-accueil {
	margin-bottom: 0.25em;
}
#contentSub2 {
	display: none;
}
/* Pour afficher à droite certaines rubriques de la page d'accueil */
.portail-gauche {
	display: flex;
	flex-direction: column;
	width: 50%;
	float:left;
}
.portail-droite {
	display: flex;
	flex-direction: column;
	width: 47%;
	float:right;
}
.portail-gauche ul {
  margin-top: 0;
}
.cadre-accueil {
	margin:0em 1em 1em 0.5em;
}
.encadre-accueil {
	margin-top: 0.75em;
}
.bloc-accueil {
	margin-top: 0.5em;
	padding: 0 0.5em;
}
.bandeau-section.portail-debats {
  margin-top: 0.75em;
}


/*\
* * PAGES DE DÉBATS ET D'ARGUMENTS
\*/

#barre-renommer {
	display:none;
}
#barre-renommer-titre {
	font-size: x-small;
	white-space: nowrap;
	display: inline;
	margin-left: 0.25em;
}
#barre-renommer-titre .addthis {
	margin-top: 1em;
}
.ns-0 .contenu-argument-pour, .ns-0 .contenu-argument-contre {
	margin: 0.5em 0 0 -0.75em;
	padding: 0.25em 0 0 2.15em;
}
.ns-3100 .contenu-argument-pour, .ns-3100 .contenu-argument-contre {
	margin: 0 !important;
	padding: 0.25em 0 0 2.15em;
}
.contenu-argument-pour {
	border-left: 1px solid #4dc2b1;
}
.contenu-argument-contre {
	border-left: 1px solid #e98495;
}
.bouton-ajouter {
	margin-top: 1.65em;
}
.liste-arguments .bouton-ajouter {
	margin-top: 2em;
}
.bouton-ajouter .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
	color: #202122;
}
.bouton-ajouter .oo-ui-image-progressive.oo-ui-icon-next, .mw-ui-icon-next-progressive::before {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eadd%3C/title%3E%3Cpath d=%22M11 9V4H9v5H4v2h5v5h2v-5h5V9z%22/%3E%3C/svg%3E");
}
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
	min-width: 15px;
}
.aucun-contenu {
	margin: 0.85em 0 0 1em;
}
.liste-arguments .aucun-contenu {
	margin-top: 1.5em;
	margin-bottom: -0.5em;
}
.modifier-initial {
	display:none;
}
.modifier-section {
	margin-left: 0.25em;
	display: inline;
	font-size: x-small;
	font-weight: initial;
	white-space: nowrap;
}
.titre-sous-arguments {
	font-size: 105%;
	font-weight:bold;
	margin-top: 1.25em;
		margin-bottom: 0.5em;
}
.titre-colonne {
		font-size: 110%;
		margin: 1em 0 -0.5em 0;
}
.pictogramme {
	margin: 0 0.6em 0 0.25em;
	position: relative;
	bottom: 1px;
}
.aucune-reference {
	margin: 0.25em 0.5em 0 0.5em;
}
.bandeau-en-tete {
	padding-bottom: .5em;
	margin-bottom: .5em;
	margin-top: 0;
	background: white;
	border-bottom: 1px #AAA solid;
}
blockquote {
	quotes: "" "";
	padding-left: 20px;
	padding-right: 8px;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
	border-left-width: 5px;	
	font-family: 'Linux Libertine','Georgia','Times',serif;
	font-size: 1.15em;
	margin: 1em 0;
}
blockquote .bandeau-avertissement {
	font-size: 82% !important;
}
.reference-citation {
	text-align:right;
	font-family: 'Linux Libertine','Georgia','Times',serif;
}
/* Pour "Le débat continue" */
.masquer-externe a.external.text {
	background: none;
	padding-right: 0;
}
.bouton-ajouter-reference {
	margin-top: 0.25em;
}
/* Pour les portaux de recherche */
.barre-arborescence {
	font-size: 95%;
	line-height: 1.2em;
	color: #54595d;
	margin-bottom: 1em;
	width: auto;
}
/* Pour les pages d'utilisateurs */
.entete-utilisateur {
	font-size: x-small;
	margin-top: -1em;
}

/*\
* * AUTOÉVALUATIONS
\*/

.bouton-selectionne .oo-ui-buttonElement-button {
	border: 3px solid !important;
}
.bouton-non-selectionne .oo-ui-buttonElement-button {
	padding: 0.546875em 1em !important;
	border: 1px solid #36c !important;
	background-color: #36c !important;
	color: #fff !important;
	font-weight: bold !important;
	cursor: pointer;
}
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement.oo-ui-flaggedElement-progressive.oo-ui-buttonInputWidget {
  margin-bottom: 0.25em;
}
/* Pour l'affichage des résultats d'un camembert au format jqplotchart */
.jqplot-target {
	color: #000;
}
.jqplot-data-label::after {
	content: " %";
}


/*\
* * PAGES D'AIDE
\*/

.aa-en-tete-aide-largeur {
	margin-left: 10px;
}
.aa-en-tete-aide-droite {
	float: right;
	margin: 6px;
}
.aa-en-tete-aide-ariane {
	margin-left: 10px;
}


/*\
* * FORMULAIRES SÉMANTIQUES
\*/

/* Pour les champs de formulaire */
table.formtable th {
	vertical-align: middle;
}
#pfForm textarea {
	font-family: sans-serif;
	font-size: 1em;
	line-height: 1.5em;
}
#pfForm .createboxInput {
	width: -moz-available !important;
	width: -webkit-fill-available;
	min-height: 2.5em;
}
#pfForm .mandatoryField {
	width: -moz-available !important;
	width: -webkit-fill-available;
	min-height: 2.5em;
}
/* Pour les cases à cocher des formulaires */
#pfForm input[type="checkbox"] {
	margin-right: 0;
	margin-left: 0.5em;
}
.checkboxLabel {
	font-size: 0.875em;
	white-space: nowrap;
}
/* Pour les caractères des tokens */
li.select2-search-choice {
	font-size:0.875em;
}
/* Pour les champs de résumés et de citations des formulaires */
.champ-texte-formulaire {
	font-family: serif !important;
	font-size: 100% !important;
	line-height: 1.5;
}
/* Boites de multi-instances dans les formulaires */
.multipleTemplateInstance {
	background-color: #f6f6f6;
	height: unset !important;
}
/* Pour enlever l'opacité du bouton "Supprimer une instance" */
td.instanceRemove, td.instanceAddAbove {
	opacity: 100;
}
.tippy-tooltip.light-border-theme {
	max-width: 600px !important;
}
.tippy-content-container {
	max-height: none !important;
}
.tippy-header {
	display: none;
}
.logo-aide-parametre {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjtJREFUeNrEl90rZHEYx88Z1Ma42JCX2dj2QlmlRUoujLjaKLlwsVIuJNn9ExSbi0GScoHEBW64keLGxW4zXCGUFSUvkYzduVjbmiWG2e/DQwcz5/zO2D2/pz7NnDPnPN/v/N4ftdR9qQhGDCgAxSAXvALx/NspOASrYB4sgguRpNECzySBelALsg2erebPTTAGhsEPvRdsBgkbwQpoFxDXRhZw8btNkRhIAJNggJs60nCAPjAFEkUNpIFZUKWX2ZmkKl+c0Te0vI0yMlLJOR1GBuifT4N8vWypL9QHomSm4Y1Rbyp5nDsxnAH6PsIP6kb+S/XJvUy7KtIlNHtGtbpaAzRYykWyLP8MPrl3dB4UHRfvwafHBpLBZ9EMXoi1bVwpvwO31x5fUBnavTYzOFtBinYdaAo3SsMFiXp8gUhnB421j6CFWiAW1CnWB2nGUQsUgddm36bpp42erWtlxmuqG9JJm1qgVJEXZTaeGrLinS3U6mRhOMiAXaKBeDKgSjRwsxD5Jer7yYBXooFjMrAm0cAaGXBLNOAmA3PUFBLEv9OWQgZ+gXEJBibAyd123GvxbPCz5v15YA90WWigG+w8PhF1ggULxJdAR6gj2TmoAfv/UfwAfABn4SqjXVABZkCG7j7qCUQiXnHX9Hp1wTrl/8fdscA5v4lWRjt8UHE9c3b4OQfl2jZbG/4BzaAQDAKfCWEqSPu5mm7mXCFDNVGe0zG6hAohkMPXMfzbJa9stK94wFe+Noy/AgwAS/d56gvLz80AAAAASUVORK5CYII=");
	background-position: right;
	background-repeat: no-repeat;
	background-size: 12px;
	padding-right: 17px;
}
.logo-aide {
	margin-left: 0.25em;
	position: relative;
	bottom: 1px;
}
.champ-requis {
	background-image: url(//fr.wikidebates.org/w/images/fr/a/a9/Champ-requis.svg);
	background-repeat: no-repeat;
	background-position: 5px;
	background-size: 13px;
	padding-right: 20px;
}
/* Pour les messages d'erreurs en haut de formulaire */
#form_error_header {
	margin: 1em 0 -0.85em 0 !important;
}
/* Pour agrandir le champ "Résumé des modifications" */
#wpSummary {
	max-width: none !important;
}
/* Pour masquer la recherche avancée dans le formulaire "Nouveau titre d'argument" */
.page-Spécial_RunQuery_Nouveau_titre_d_argument .pf-runquery-formcontent, .page-Special_RunQuery_New_argument_title .pf-runquery-formcontent {
	display: none;
}
/* Pour le formulaire "Nouveau titre d'argument" */
div.pfPageNameWithoutNamespace {
	width: 700px;
}

.action-edit #contentSub, .action-formedit #contentSub {
	display: none;
}

/*\
* * EXTENSIONS
\*/

/* Sondages */
.poll-embed-title {
	font-size: 150%;
	font-weight: bold;
	border-bottom: dotted 1px #AAA;
}
.poll-timestamp {
	display: none;
}

/* Pour l'extension Comments */
#comment {
	min-width: 100%;
}
.site-button {
	padding: 0.546875em 1em;
	border: 1px solid #a2a9b1;
	background-color: #f8f9fa;
	font-weight: bold;
}
.c-avatar {
	display: none;
}
.c-container {
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 5px;
}
.c-item {
	padding: 0;
	margin: 0;
}
.full {
	width: unset;
}
.f-message {
	width: 90%;
}
.c-spy {
	display: none;
}
.c-order-select select {
	padding: 0.5em;
}

/* Pour les onglets utilisant Tabber */
ul.tabbernav {
	font: 12px sans-serif;
	font-size: 115%;
}
ul.tabbernav li a {
	margin-left: 0;
	background: #FFF;
}
ul.tabbernav li a:link {
	color: grey;
}
ul.tabbernav li a:hover {
	color: black;
}
ul.tabbernav li.tabberactive a {
	border-top: 2px solid orange;
	color: black !important;
}

/* Pour diminuer la taille du bouton "supprimer" à côté des étoiles de vote */
.vote-remove-stars-link {
	font-size: x-small;
}

/* Masque un champ inutile dans Special:Nouvelles pages */
.mwe-pt-snippet {
	display: none;
}

/* Pour masquer le bouton "Modifier avec wikicode" alors qu'il correspond à "Modifier avec l'éditeur visuel" */
#ca-ve-edit {
	display: none;
}
.ns-4 #ca-ve-edit {
	display: inherit;
}

/* Pour masquer un champ dans Template Data */
.ve-ui-mwTemplatePage-description-extra {
	display: none;
}

/*\
* * FONCTION DE SECTIONS DÉROULANTES (mw-collapsible-toggle amélioré)
\*/

.fr-collapsible {
	margin: 1.5em 0;
}
.fr-collapsible-toggle {
	background: linear-gradient(transparent,transparent),url(//fr.wikidebates.org/w/images/fr/2/2d/Collapse.svg) no-repeat scroll left center transparent;
	padding: 0 0 0 18px !important;
	background-size: 13px;
	opacity: 0.95;
	cursor: pointer;
	border-bottom: dotted 0px !important; /* pour supprimer les pointillés sous les titres */
}
.fr-collapsible-toggle-collapsed {
	background: linear-gradient(transparent,transparent),url(//fr.wikidebates.org/w/images/fr/3/38/Expand.svg) no-repeat scroll left center transparent;
	background-size: 13px;
	opacity: 0.95;
}
.fr-collapsible-toggle .mw-headline-anchor {
	margin-left: -35px;
}
.fr-collapsible-toggle, .fr-collapsible-toggle-keyboard {
	outline: 0 none;
}
.fr-collapsible-toggle:focus, .fr-collapsible-toggle-keyboard:focus, .fr-collapsible-toggle:hover, .fr-collapsible-toggle-keyboard:hover {
	text-decoration: underline;
}
.fr-collapsible span.up, .fr-collapsible span.down {
	color: #0645AD;
}
.fr-collapsible-toggle-expanded span.up {
	display: none
}
.fr-collapsible-toggle-collapsed span.down {
	display: none
}
/* Tout ouvrir/fermer */
.fr-collapsible-group-toogle-all {
	font-size: 12px;
	font-weight: normal;
}
.fr-collapsible-content {
/*	solid #aaa; */
	margin: 0 18px;
	display: none;
}
.encadre-section-deroulante {
	border: 1px solid #aaa;
	border-radius: 5px;
	margin: 0 18px;
	padding: 5px 10px;
}
.ns-0 h3.fr-collapsible {
	margin-bottom: 1.5em !important;
}


/*\
* * REFERENCE TOOLTIPS
\*/
/* See [[mw:Reference Tooltips]] */

.rt-tooltip {
	position: absolute;
	z-index: 100;
	max-width: 350px;
	background: #fff;
	color: #222;
	font-size: 13px;
	line-height: 1.5em;
	border: 1px solid #c8ccd1;
	border-radius: 3px;
	box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3);
	overflow-wrap: break-word;
}

.rt-tooltip.rt-tooltip-insideWindow {
	z-index: 110;
}

.rt-tooltipContent {
	padding: 8px 11px;
}

.rt-tooltip-above .rt-tooltipContent {
	margin-bottom: -8px;
	padding-bottom: 16px;
}

.rt-tooltip-below .rt-tooltipContent {
	margin-top: -10px;
	padding-top: 18px;
}

.rt-tooltipTail,
.rt-tooltipTail:after {
	position: absolute;
	width: 12px;
	height: 12px;
}

.rt-tooltipTail {
	background: #c8ccd1;
	background: -webkit-linear-gradient(bottom left, #c8ccd1 50%, rgba(0, 0, 0, 0) 50%);
	background: linear-gradient(to top right, #c8ccd1 50%, rgba(0, 0, 0, 0) 50%);
}

.rt-tooltipTail:after {
	content: "";
	background: #fff;
	bottom: 1px;
	left: 1px;
}

.rt-tooltip-above .rt-tooltipTail {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	bottom: 0;
	left: 15px;
}

.rt-tooltip-below .rt-tooltipTail {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	top: 0;
	left: 27px;
}

.rt-settingsLink {
	background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%0D%0A%20%20%20%20%3Cpath%20fill%3D%22%23555%22%20d%3D%22M20%2014.5v-2.9l-1.8-.3c-.1-.4-.3-.8-.6-1.4l1.1-1.5-2.1-2.1-1.5%201.1c-.5-.3-1-.5-1.4-.6L13.5%205h-2.9l-.3%201.8c-.5.1-.9.3-1.4.6L7.4%206.3%205.3%208.4l1%201.5c-.3.5-.4.9-.6%201.4l-1.7.2v2.9l1.8.3c.1.5.3.9.6%201.4l-1%201.5%202.1%202.1%201.5-1c.4.2.9.4%201.4.6l.3%201.8h3l.3-1.8c.5-.1.9-.3%201.4-.6l1.5%201.1%202.1-2.1-1.1-1.5c.3-.5.5-1%20.6-1.4l1.5-.3zM12%2016c-1.7%200-3-1.3-3-3s1.3-3%203-3%203%201.3%203%203-1.3%203-3%203z%22%2F%3E%0D%0A%3C%2Fsvg%3E);
	float: right;
	cursor: pointer;
	margin: -4px -4px 0 8px;
	height: 24px;
	width: 24px;
	border-radius: 2px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
}

.rt-settingsLink:hover {
	background-color: #eee;
}

.rt-target {
	background-color: #def;
}

.rt-enableSelect {
	font-weight: bold;
}

.rt-settingsFormSeparator {
	margin: 0.85714286em 0;
}

.rt-numberInput.rt-numberInput {
	width: 150px;
}

.rt-tooltipsForCommentsField.rt-tooltipsForCommentsField.rt-tooltipsForCommentsField {
	margin-top: 1.64285714em;
}

.rt-disabledHelp {
	border-collapse: collapse;
}

.rt-disabledHelp td {
	padding: 0;
}

.rt-disabledNote.rt-disabledNote {
	vertical-align: bottom;
	padding-left: 0.36em;
	font-weight: bold;
}

@-webkit-keyframes rt-fade-in-up {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 20px);
		-moz-transform: translate(0, 20px);
		transform: translate(0, 20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@-moz-keyframes rt-fade-in-up {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 20px);
		-moz-transform: translate(0, 20px);
		transform: translate(0, 20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes rt-fade-in-up {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 20px);
		-moz-transform: translate(0, 20px);
		transform: translate(0, 20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@-webkit-keyframes rt-fade-in-down {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, -20px);
		-moz-transform: translate(0, -20px);
		transform: translate(0, -20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@-moz-keyframes rt-fade-in-down {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, -20px);
		-moz-transform: translate(0, -20px);
		transform: translate(0, -20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes rt-fade-in-down {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, -20px);
		-moz-transform: translate(0, -20px);
		transform: translate(0, -20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@-webkit-keyframes rt-fade-out-down {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 20px);
		-moz-transform: translate(0, 20px);
		transform: translate(0, 20px)
	}
}

@-moz-keyframes rt-fade-out-down {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 20px);
		-moz-transform: translate(0, 20px);
		transform: translate(0, 20px)
	}
}

@keyframes rt-fade-out-down {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 20px);
		-moz-transform: translate(0, 20px);
		transform: translate(0, 20px)
	}
}

@-webkit-keyframes rt-fade-out-up {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, -20px);
		-moz-transform: translate(0, -20px);
		transform: translate(0, -20px)
	}
}

@-moz-keyframes rt-fade-out-up {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, -20px);
		-moz-transform: translate(0, -20px);
		transform: translate(0, -20px)
	}
}

@keyframes rt-fade-out-up {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, -20px);
		-moz-transform: translate(0, -20px);
		transform: translate(0, -20px)
	}
}

.rt-fade-in-up {
	-webkit-animation: rt-fade-in-up 0.2s ease forwards;
	-moz-animation: rt-fade-in-up 0.2s ease forwards;
	animation: rt-fade-in-up 0.2s ease forwards
}

.rt-fade-in-down {
	-webkit-animation: rt-fade-in-down 0.2s ease forwards;
	-moz-animation: rt-fade-in-down 0.2s ease forwards;
	animation: rt-fade-in-down 0.2s ease forwards
}

.rt-fade-out-down {
	-webkit-animation: rt-fade-out-down 0.2s ease forwards;
	-moz-animation: rt-fade-out-down 0.2s ease forwards;
	animation: rt-fade-out-down 0.2s ease forwards
}

.rt-fade-out-up {
	-webkit-animation: rt-fade-out-up 0.2s ease forwards;
	-moz-animation: rt-fade-out-up 0.2s ease forwards;
	animation: rt-fade-out-up 0.2s ease forwards
}

/*\
* * VOIR PLUS
\*/
.quotes-expandable-button {
	cursor: pointer;
	color: #36c;
	margin-top: 0.25em;
	font-size: 95%;
}
.quotes-content-drop.show {
	display: inline;
}
.more-content-button {
	cursor: pointer;
	color: #36c;
	margin-top: 0.5em;
	font-size: 95%;
}
.more-content-drop.show {
	display: inline;
}
.liste-arguments .argument-expandable-title {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
	color: inherit;
	cursor: pointer;
}
.liste-arguments .argument-expandable-title.level-1 {
	font-size: 125%;
}
.liste-arguments .argument-expandable-title.level-2 {
	font-size: 102%;
}
.argument-expandable-title::before {
	background: linear-gradient(transparent,transparent),url(//fr.wikidebates.org/w/images/fr/3/38/Expand.svg) no-repeat scroll left center transparent;
	content: '';
	display: inline-block;
	height: 10px;
	cursor: pointer;
	opacity: 0.95;
}
.argument-expandable-title.level-1::before {
	background-size: 13px;
	width: 22px;
}
.argument-expandable-title.level-2::before {
	background-size: 11px;
	width: 18px;
}
.argument-expandable-title.expanded::before {
	transform: scaleY(-1);
}
.argument-expandable-title:hover {
	text-decoration: underline;	
}
.argument-content-wrapper {
	margin: 0 18px;
}
.aucun-argument {
	margin: 1.75em 0.25em 1.35em 1em;
	font-size: 90%;
}
.ns-3100 .argument-content-wrapper {
	margin-top: 1em !important;
}
.NavFramex {
	padding: 0.25em 0.5em 0.5em 0.5em;
}
.NavHead {
	font-size: 115%;
	margin-left: 0.5em;
	margin-bottom: -0.5em;
	padding-bottom: 0.25em;
}
.NavContent {
	margin: 2em 0.5em 0.5em 0.5em;
}
.resume .thumb.tright {
	float: none;
	margin: 0.5em 0;
}
.titre-references {
	margin-top: 0 !important;
}
.contenu-references {
	margin: 1em 0 0 1.5em;
}
.gallery.mw-gallery-traditional {
	margin-top: 1em;
}
div.floatleft {
	margin-bottom: 0;
}
.hover-content-wrapper {
	position: absolute;
	background-color: #fff;
	padding: .25em .5em .25em .75em;
	text-align: initial;
	word-break: break-word;
	overflow-y: auto;
	border: 2px solid #ebebeb;
	border-radius: calc(.3em - 1px);
	display: none;
	z-index: 2;
	overflow: visible;
	font-style: normal;
	font-size: 90%;
	box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3);
}
.hover-content-wrapper.show {
	display: flex;
}
li .hover-content-wrapper {
	margin-left: -1em;
}
.bandeau-section .hover-content-wrapper {
	right: 0;
}
.hover-top {
	bottom: 100%;
}
.popup-placeholder {
	position: absolute;
	top: 100%;
	right: 0;
	width: max-content;
	max-width: 43vw;
	background-color: #fff;
	padding: .5em .8em;
	text-align: initial;
	word-break: break-word;
	overflow-y: auto;
	border: 1px solid #ebebeb;
	border-radius: calc(0.25em);
	-webkit-box-shadow: 0 0 10px 4px rgba(0,0,0,0.27);
	box-shadow: 0 0 10px 4px rgba(0,0,0,0.27);
	display: none;
	z-index: 2;
	overflow: visible;
	font-style: normal;
	font-size: 100%;
}
.popup-placeholder.show {
	display: flex;
}
.bouton-renommer {
	margin: -1em 0 1em 0;
}
.select2-match-entire {
	font-weight: normal;
}
.interwikiextract br {
	display: none;
}
#fil-ariane {
	width: 100%;
	padding: 1em 2em 1em 12em;
	box-shadow: 0 5px 6px 0 rgba(32,33,36,0.28);
	background: #ffffff url("images/fr/f/fc/Logo-Wikidebats.svg") no-repeat 2em center / 122px;
}
.fil-ariane {
	float: right;
	position: relative;
}
#fil-ariane .mw-parser-output {
	padding-right: 14em;
}
.titre-argument-carte {
	margin-top: 0.1em;
	cursor: pointer;
	color: #0645ad;
	text-indent: 19px;
	font-size: 95%;
}
.visited {
	color: #636;
}
.titre-argument-carte:hover {
	text-decoration: underline;	
}
.resume-modifications {
	font-size: 95%;
	display: inline;
	margin-right: 1em;
	color: #3366cc;
	cursor: pointer;
}
.resume-modifications:hover {
	text-decoration: underline;
}
.mw-special-FormEdit .editOptions .oo-ui-labelElement-label {
	font-weight: bold;
}
ul.liste-arguments {
	list-style: none;
	margin: -0.5em 0 0 0;
}
.question-FAQ {
	font-size: 84%;
	line-height: 1.2em;
	margin: 0 0 1em 1em;
	color: #54595d;
	width: auto;
}
.gallery.mw-gallery-traditional {
	margin-top: 0.5em;
}
.latest-changes-button.mw-ui-button {
	max-width: none;
}
/* Personnalisation de Vector */
.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, .mw-footer {
    margin-left: 12em;
}
#mw-head {
	background-color: #f6f6f6;
}
.mw-body {
	border: none;
}
.toc {
	border: none;
	padding: 0.5em 1.25em 0.5em 1.25em;
}
.vector-menu-tabs .selected a {
    background: #f6f6f6;
    border-bottom: 1px solid;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
	background-image: none;
}
.vector-menu-dropdown .vector-menu-content-list {
	background-color: #f6f6f6;
	border: none;
}
#left-navigation .vector-menu-content-list a:hover, #right-navigation #p-views .vector-menu-content-list a:hover {
	border-bottom: 1px solid;
	text-decoration: none;
}
.vector-menu-tabs .mw-list-item a:hover {
	text-decoration: none;
	border-bottom: 1px solid;
}
.vector-menu-tabs li {
	background-image: none;
}
.vector-menu-tabs {
	padding-left: 0 !important;
	background-image: none;
}
.vector-menu-tabs .mw-watchlink.icon a::before {
	height: 1.65em;
}
#mw-page-base {
	background-image: none !important;
	background-color: #f6f6f6 !important;
}
/* Barre de recherche */
#p-search {
	margin-left: 12em;
	position: absolute;
	z-index: 2;
	display: none;
}
.vector-menu-dropdown .vector-menu-content-list {
	left: -30px;
}
#searchInput {
	background-color: #ffffff;
	font-size: 0.89em;
}
#simpleSearch {
	width: 22vw;
	max-width: 22em;
}
.suggestions {
	font-size: 16px !important;
}
.suggestions-result {
	line-height: 2em !important;
}
/* Pour masquer la dernière date de modification et la taille des pages affichées lors d'une recherche */
.mw-search-result-data {
	display:none;
}

.lien-ariane {
	cursor: pointer;
	color: #0645ad;
}
.lien-ariane:hover {
	text-decoration: underline;
}
.titre-ariane a {
	color: #000;
}
.mobile-only {
	display: none;
}
.bouton-vue {
	cursor: pointer;
	padding: .35em;
	border: 1px solid #a2a9b1;
	border-radius: 2px;
	transition: background-color .1s, color .1s, border-color .1s, box-shadow .1s;
	opacity: .87;
	display: block;
	width: 25px;
	height: 25px;
	position: fixed;
	bottom: 10px;
	right: 10px;
}
#activer-pleinecran {
	background: #f8f9fa url(//fr.wikidebates.org/w/images/fr/c/cc/Plein-ecran.svg) no-repeat center / 20px;
}
#desactiver-pleinecran {
	background: #f8f9fa url(//fr.wikidebates.org/w/images/fr/f/f7/Ecran-standard.svg) no-repeat center / 20px;
}
.colonnes.inline .colonne-gauche, .colonnes.inline .colonne-droite {
	width: 100%;
}
.colonnes.inline {
	display: inline-block;
}
/* Sommaire latéral */
#mw-panel .toctext {
	font-size: 73%;
}
.toctitle h2 {
	position: unset !important;
	font-size: 110%;
}
#sidetoc {
    position: fixed;
    top: 0; /* Ajustez cette valeur selon vos besoins */
    background-color: #f6f6f6;
    max-width: 11em;
    padding: 5em 0.5em 0.5em 0.5em;
}
#sidetoc .toclevel-1 a .toctext.active {
	font-weight: bold;
	color: black;
}
.mw-rcfilters-enabled #firstHeading {
	margin-bottom: 1em;
}
.mw-history-compareselectedversions {
	margin: 0.5em 0;
}
.mw-checkbox-toggle-controls {
	margin: 0.5em 0;
}
.page-Wikidébats_Bistro #ca-talk {
	display: none;
}
#mw-undelete-revision {
	margin-bottom: 1em;
}
.mw-warning {
	margin-top: 1em;
	margin-bottom: 1em;
}
.action-edit #firstHeading, .action-submit #firstHeading, .ns-10 #firstHeading {
	margin-bottom: 0.5em;
}
.thumb.tnone {
	margin: 0.5em 0;
}
.contenu-argument.premier-niveau blockquote:first-child {
	margin-top: -0.5em;
}
.page-detaillee {
	margin: 0.75em 0 1em 0.4em;
	padding: 2px 0.25em 2px 0px;
	font-size: 80%;
	border-style: solid;
	border-width: 1px 0;
	border-color: #e7e7e7;
}
.argument-vide {
	font-size: 90%;
}
h2.sub img {
	vertical-align: sub;
}
/* Pour l'extension Dark mode */
.client-dark-mode {
	background-color: #e8e8e8 !important;
	body, #mw-head, #mw-page-base, .vector-menu-tabs .selected a, pre, .thumb, .catlinks, .mw-code, #Argument_map, #fil-ariane, #sidetoc, .bandeau, .boite-info, .encadre-accueil {
		background-color: #e8e8e8 !important;
	}
	img {
		filter: invert(0);
	}
	.image img, .mw-mmv-wrapper img, .ns-6 img {
		filter: invert(1) hue-rotate(180deg);
	}
	.mw-body {
		border: none;
		background-color: #dddee1;
		color: black !important;
	}
	#footer-icons {
  		display: none;
	}
	.bandeau-section, .page-detaillee {
		border-color: #cdcbc8;
		background-color: transparent;
	}
	.bandeau-en-tete, .bandeau-avertissement {
		background-color: transparent;
	}
	.hover-content-wrapper {
		background-color: #dddee1;
		border: 1px solid #cdcbc8;
		box-shadow: none;
	}
	.NavHead {
		border-color: #cdcbc8 !important;
	}
	#fil-ariane {
		box-shadow: 0 1px 6px 0 rgba(230, 203, 203, 0.2);
	}
	.titre-ariane a {
  		color: black !important;
	}
	.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
		border-bottom: 1px solid !important;
	}
	.vector-menu-tabs .new a, .vector-menu-tabs .new a:visited {
		color: #a55858;
	}
	.vector-menu-tabs li a {
		background-color: #e8e8e8;
	}
	div > .flow-menu ul {
		box-shadow: none;
	}
	.oo-ui-popupWidget {
		filter: none;
	}
}
.darkmode-link::before {
	padding-right: 3px;
}
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
	color: #202122 !important;
}
Récupérée de « https://fr.wikidebates.org/w/index.php?title=MediaWiki:Common.css&oldid=158581 »