Actions

MediaWiki

« Foreground.css » : différence entre les versions

De Wikimanche

(Implémentation du code CSS de Vector 2010 pour nouvel affichage des images)
Aucun résumé des modifications
 
(14 versions intermédiaires par le même utilisateur non affichées)
Ligne 6 : Ligne 6 :
     z-index: 10000;
     z-index: 10000;
}
}
/* après mise a jour vers WM 1.41 du 10-01-2024
  Suite changement affichage des images à droite
  Codes CSS de Vector 2010 */
figure[typeof~='mw:File'],figure[typeof~='mw:File/Frameless'] {
    margin: 0
}
.mw-body-content figure[typeof~='mw:File'] > a,.mw-body-content figure[typeof~='mw:File/Frameless'] > a {
    border: 0
}
figure[typeof~='mw:File'].mw-halign-right,figure[typeof~='mw:File/Frameless'].mw-halign-right {
    margin: 0 0 0.5em 0.5em;
    clear: right;
    float: right
}
figure[typeof~='mw:File'].mw-halign-left,figure[typeof~='mw:File/Frameless'].mw-halign-left {
    margin: 0 0.5em 0.5em 0;
    clear: left;
    float: left
}
figure[typeof~='mw:File'].mw-halign-none,figure[typeof~='mw:File/Frameless'].mw-halign-none {
    clear: none;
    float: none
}
figure[typeof~='mw:File'].mw-halign-center,figure[typeof~='mw:File/Frameless'].mw-halign-center {
    margin: 0 auto;
    display: table;
    border-collapse: collapse;
    clear: none;
    float: none
}
figure[typeof~='mw:File'] > figcaption,figure[typeof~='mw:File/Frameless'] > figcaption {
    display: none
}
figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'] {
    display: table;
    text-align: center;
    border-collapse: collapse;
    line-height: 0;
    margin: 0.5em 0 1.3em 1.4em;
    clear: right;
    float: right
}
.mw-body-content figure[typeof~='mw:File/Thumb'] > a,.mw-body-content figure[typeof~='mw:File/Frame'] > a {
    border: 0
}
.mw-content-ltr figure[typeof~='mw:File/Thumb'],.mw-content-ltr figure[typeof~='mw:File/Frame'] {
    margin: 0.5em 0 1.3em 1.4em;
    clear: right;
    float: right
}
.mw-content-rtl figure[typeof~='mw:File/Thumb'],.mw-content-rtl figure[typeof~='mw:File/Frame'] {
    margin: 0.5em 1.4em 1.3em 0;
    clear: left;
    float: left
}
figure[typeof~='mw:File/Thumb'].mw-halign-right,figure[typeof~='mw:File/Frame'].mw-halign-right {
    margin: 0.5em 0 1.3em 1.4em;
    clear: right;
    float: right
}
figure[typeof~='mw:File/Thumb'].mw-halign-left,figure[typeof~='mw:File/Frame'].mw-halign-left {
    margin: 0.5em 1.4em 1.3em 0;
    clear: left;
    float: left
}
figure[typeof~='mw:File/Thumb'].mw-halign-none,figure[typeof~='mw:File/Frame'].mw-halign-none {
    margin: 0;
    margin-bottom: 0.5em;
    clear: none;
    float: none
}
figure[typeof~='mw:File/Thumb'].mw-halign-center,figure[typeof~='mw:File/Frame'].mw-halign-center {
    margin: 0 auto 0.5em auto;
    clear: none;
    float: none
}
figure[typeof~='mw:File/Thumb'] > :not(figcaption),figure[typeof~='mw:File/Frame'] > :not(figcaption) {
}
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element,figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
    margin: 3px
}
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-broken-media,figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-broken-media {
    display: inline-block;
    line-height: 1.6em;
    word-break: break-word;
    width: 180px;
    font-size: 94%
}
figure[typeof~='mw:File/Thumb'] > figcaption,figure[typeof~='mw:File/Frame'] > figcaption {
    display: table-caption;
    caption-side: bottom;
    line-height: 1.4em;
    word-break: break-word;
    text-align: left;
    padding: 0 6px 6px 6px
}
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > figcaption,.mw-content-ltr figure[typeof~='mw:File/Frame'] > figcaption {
    text-align: left
}
.mw-content-rtl figure[typeof~='mw:File/Thumb'] > figcaption,.mw-content-rtl figure[typeof~='mw:File/Frame'] > figcaption {
    text-align: right
}
figure[typeof~='mw:File/Frame'] > figcaption:empty {
    padding-bottom: 0
}
figure[typeof~='mw:File/Thumb'] > figcaption:empty {
    padding-bottom: 3px
}
    .printfooter,.mw-footer,.thumb,figure,table,ol,dl,ul,h3,h4,h5,h6 {
        font-family: sans-serif
}
/* Fin code affichage images après mise a jour vers WM 1.41 du 10-01-2024
Implémenté dans [[Mediawiki:Foreground.css]] le 23 mars 2024 à 12:30 */


/* bouton action*/
/* bouton action*/
Ligne 485 : Ligne 346 :
/* Sommaire */
/* Sommaire */
/* rem Essais animation sommaire rem */
/* rem Essais animation sommaire rem */
div#toc {
/* après mise a jour vers WM 1.39 du 21-12-2022 */
#toc > ul {
    max-height: none;
    max-width: 250px;
}
 
#toc, .toc, .mw-warning, .toccolours {
    border: none;
    background-color: #e9e9e9;
    padding: 5px;
    font-size: 80%;
     position: inherit;
     position: inherit;
    display: inline-block;
    height: 200%;
    width: auto;
    float: none;
    border: 1px solid darkgrey;
}
}


/* Commentaire */
#toc,
.toc {
.toc {
    display: inline-block;
     display: table;
     display: table;
     padding: 7px;
     padding: 7px;
}
}


/* Commentaire */
.toc, .toccolours {
#toc,
     background-color: #f8f9fa;
.toc,  
     border: 1px solid #a2a9b1;
.mw-warning,
.toccolours {
     border: none;
     background-color: #e9e9e9;
     padding: 5px;
     padding: 5px;
     font-size: 95%;
     font-size: 95%;
}
}


/* Commentaire */
.toctogglecheckbox {
.tochidden,
    display: inline !important;
.toctoggle {
    position: absolute;
     -moz-user-select: none;
     opacity: 0;
     -webkit-user-select: none;
     z-index: -1;
}
}


/* Commentaire */
button, input, optgroup, select, textarea {
.toctoggle {
     margin: 0;
     font-size: small;
}
}


/* Commentaire */
.foreground-body .toc h2 {
#toc #toctitle,
     font-family: sans-serif;
.toc #toctitle,
    font-size: 100%;
#toc .toctitle,
.toc .toctitle {
     text-align: center;
}
}


/* Commentaire */
#toc h2,
.toc h2 {
.toc h2 {
     display: inline;
     display: inline;
     border: none;
     border: 0;
     padding: 0;
     padding: 0;
     font-size: 100%;
     font-size: 100%;
     font-weight: bold;
     font-weight: bold;
}
}
.foreground-body .mw-heading2, .foreground-body h2 {
    margin-top: 1em;
    font-size: 1.5em;
}
.mw-body h1, .mw-body .mw-heading1, .mw-body-content h1, .mw-body-content .mw-heading1, .mw-body-content h2, .mw-body-content .mw-heading2 {
    margin-bottom: 0.25em;
    padding: 0;
    line-height: 1.375;
}
.mw-heading2, h2 {
    font-size: 150%;
    font-weight: normal;
}
.mw-heading1, h1, .mw-heading2, h2 {
    margin-bottom: 0.6em;
    border-bottom: 1px solid #a2a9b1;
}
.mw-heading, h1, h2, h3, h4, h5, h6 {
    color: #000000;
    /* rem font-weight: bold; rem */
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0.17em;
    overflow: hidden;
}
.mw-content-ltr .toc ul, .mw-content-rtl .mw-content-ltr .toc ul {
    text-align: left;
}
.toctogglecheckbox:checked ~ ul {
    display: none;
}
.toc ul {
    list-style: none;
    margin: 0.3em 0;
    padding: 0;
    text-align: left;
}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
    margin: 0.3em 0 0 1.6em;
    padding: 0;
}
ul {
    margin: 0.3em 0 0 1.6em;
    padding: 0;
}
.toctogglecheckbox:not(:checked) + .toctitle .toctogglelabel::after {
    content: 'masquer';
}
.toc .toctitle {
    direction: ltr;
}
.toc .toctitle {
    text-align: right;
}
.toctogglespan::before {
    content: ' [';
}
.toctogglelabel {
    color: #0645ad;
    cursor: pointer;
    font-size: smaller;
}
.toctogglecheckbox:checked + .toctitle .toctogglelabel::after {
    content: 'afficher';
}
.toctogglespan::after {
    content: ']';
}
.toctogglespan {
    font-size: 94%;
}
/* rem Fin essais animation sommaire rem */
/* après mise a jour vers WM 1.39 du 21-12-2022 */
.toctogglelabel:hover {
  text-decoration: underline;
}
  @media screen
.toctogglelabel {
  cursor: pointer;
  color: #0645ad;
}
/* Après mise a jour vers WM 1.41 du 10-01-2024
  Suite changement affichage des images
  Codes CSS de Vector 2010 */
figure[typeof~='mw:File'], figure[typeof~='mw:File/Frameless'] {
    margin: 0
}
.mw-body-content figure[typeof~='mw:File'] > a,.mw-body-content figure[typeof~='mw:File/Frameless'] > a {
    border: 0
}
figure[typeof~='mw:File'].mw-halign-right,figure[typeof~='mw:File/Frameless'].mw-halign-right {
    margin: 0 0 0.5em 0.5em;
    clear: right;
    float: right
}
figure[typeof~='mw:File'].mw-halign-left,figure[typeof~='mw:File/Frameless'].mw-halign-left {
    margin: 0 0.5em 0.5em 0;
    clear: left;
    float: left
}
figure[typeof~='mw:File'].mw-halign-none,figure[typeof~='mw:File/Frameless'].mw-halign-none {
    clear: none;
    float: none
}
figure[typeof~='mw:File'].mw-halign-center,figure[typeof~='mw:File/Frameless'].mw-halign-center {
    margin: 0 auto;
    display: table;
    border-collapse: collapse;
    clear: none;
    float: none
}
figure[typeof~='mw:File'] > figcaption,figure[typeof~='mw:File/Frameless'] > figcaption {
    display: block
}
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
    display: table;
    text-align: center;
    border-collapse: collapse;
    line-height: 0;
    margin: 0.5em 0 1.3em 1.4em;
    clear: right;
    float: right
}
.mw-body-content figure[typeof~='mw:File/Thumb'] > a,.mw-body-content figure[typeof~='mw:File/Frame'] > a {
    border: 0
}
/* description sous vignette align centré taille police smaller */
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > figcaption, .mw-content-ltr figure[typeof~='mw:File/Frame'] > figcaption {
    text-align: center;
    font-size: smaller
}
.mw-content-ltr figure[typeof~='mw:File/Thumb'],.mw-content-ltr figure[typeof~='mw:File/Frame'] {
    margin: 0.5em 0 1.3em 1.4em;
    clear: right;
    float: right
}
.mw-content-rtl figure[typeof~='mw:File/Thumb'],.mw-content-rtl figure[typeof~='mw:File/Frame'] {
    margin: 0.5em 1.4em 1.3em 0;
    clear: left;
    float: left
}
/* vignette align droite */
figure[typeof~='mw:File/Thumb'].mw-halign-right,figure[typeof~='mw:File/Frame'].mw-halign-right {
    margin: 0.5em 0 1.3em 1.4em;
    clear: right;
    float: right
}
figure[typeof~='mw:File/Thumb'].mw-halign-left,figure[typeof~='mw:File/Frame'].mw-halign-left {
    margin: 0.5em 1.4em 1.3em 0;
    clear: left;
    float: left
}
figure[typeof~='mw:File/Thumb'].mw-halign-none,figure[typeof~='mw:File/Frame'].mw-halign-none {
    margin: 0;
    margin-bottom: 0.5em;
    clear: none;
    float: none
}
figure[typeof~='mw:File/Thumb'].mw-halign-center,figure[typeof~='mw:File/Frame'].mw-halign-center {
    margin: 0 auto 0.5em auto;
    clear: none;
    float: none
}
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
    border: 1px solid #c8ccd1;
    border-bottom: 0;
    background-color: #ffffff;
}
figure[typeof~='mw:File/Thumb'] > :not(figcaption),figure[typeof~='mw:File/Frame'] > :not(figcaption) {
}
/* bordure vignette image */
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
    border: 1px solid #c8ccd1;
    background: #ffffff;
}
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element,figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
    margin: 3px
}
/* affichage lien image */
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, .mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after {
    right: 6px;
    left: auto;
    background-image: url(/resources/src/mediawiki.skinning/images/magnify-clip-ltr.svg?8330e);
}
figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after {
    content: '';
    width: 15px;
    height: 11px;
    position: absolute;
    bottom: -11px;
    right: 6px;
    background-image: url(/resources/src/mediawiki.skinning/images/magnify-clip-ltr.svg?8330e);
}
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-broken-media,figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-broken-media {
    display: inline-block;
    line-height: 1.6em;
    word-break: break-word;
    width: 180px;
    font-size: 94%
}
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
    display: table-caption;
    caption-side: bottom;
    line-height: 1.4em;
    word-break: break-word;
    text-align: left;
    padding: 0 6px 6px 6px;
        border: 1px solid #c8ccd1;
        border-top: 0;
        background-color: #ffffff;
        font-size: 88.4%;
}
.mw-content-rtl figure[typeof~='mw:File/Thumb'] > figcaption,.mw-content-rtl figure[typeof~='mw:File/Frame'] > figcaption {
    text-align: right
}
figure[typeof~='mw:File/Frame'] > figcaption:empty {
    padding-bottom: 0
}
figure[typeof~='mw:File/Thumb'] > figcaption:empty {
    padding-bottom: 3px
}
    .printfooter,.mw-footer,.thumb,figure,table,ol,dl,ul,h3,h4,h5,h6 {
        font-family: sans-serif
}
/* Fin code affichage images après mise a jour vers WM 1.41 du 10-01-2024
Implémenté dans [[Mediawiki:Foreground.css]] le 23 mars 2024 à 12:30 */


/* Liste de modifications récentes - Recent Change */
/* Liste de modifications récentes - Recent Change */

Dernière version du 2 avril 2024 à 21:16

/* Le CSS placé ici affectera les utilisateurs de l’habillage Foreground */

/* rem test affichage fenêtre suggestions de recherche rem */
.suggestions 
.suggestions-results {
    z-index: 10000;
}

/* bouton action*/
.button.secondary {
  background-color: #548dbf;
  border-color: #ee090900;
  color: #f2ecec;
}

/* zone contenu page */
#page-content {
  margin: 3.2em 0;
}
/**
	 * wikitable class for skinning normal tables
	 * keep in sync with commonPrint.css
	 */
	table.wikitable {
		background-color: #f8f9fa;
		color: #222;
		margin: 1em 0;
		border: 1px solid #0000ff;
		border-collapse: collapse;
		overflow: hidden;
		width:auto;
	}

	table.wikitable > tr > th,
	table.wikitable > tr > td,
	table.wikitable > * > tr > th,
	table.wikitable > * > tr > td {
		border: 1px solid #a2a9b1;
		padding: 0.2em 0.4em;
	}

	table.wikitable > tr > th,
	table.wikitable > * > tr > th {
		background-color: #eaecf0;
		text-align: center;
	}

	table.wikitable > caption {
		font-weight: bold;
	}

/* Supression message "Récupérée de..." */
.printfooter { 
   display: none;
}
/* Taille liens "modifier" toutes sections*/
.mw-editsection {
    font-size: x-small;
    font-weight: normal;
    margin-left: 1em;
    vertical-align: baseline;
    line-height: 1em;
}

/* Meta Palette, met lien page sélectionnée en gras */
a.mw-selflink {
    color: inherit;
    font-weight: bold;
    text-decoration: none;
}

a.mw-selflink:hover {
    color: inherit;
    cursor: inherit;
    font-weight: bold;
    text-decoration: none;
}

/* Commentaire */
h2 {
    font-size: 150%;
    margin-bottom: .6em;
    padding-top: .5em;
    padding-bottom: .17em;
    border-bottom: 1px solid #aaa;
    overflow: hidden;
}

/* Commentaire */
h3 {
    font-size: 125%;
    margin-bottom: .6em;
    font-weight: bold;
    /* border-bottom: 1px solid #aaa; */
}

/* Commentaire */
h4 {
    font-size: 113%;
    margin-bottom: .6em;
    font-weight: bold;
    padding-top: .5em;
    padding-bottom: .17em;
}

/* Commentaire */
h5 {
    font-size: 108%;
    margin-bottom: .6em;
    font-weight: bold;
}

/* Commentaire */
h6 {
    font-size: 100%;
    margin-bottom: .6em;
    font-weight: bold;
}

/* Commentaire */
h2.title {
    font-size: 200%;
    margin-bottom: 0.1em;
    border-bottom: 1px solid #aaa;
}

/* Commentaire */
h3#tagline {
    font-style: italic;
    font-size: small;
    margin-bottom: 0.5em;
    color: #6f6f6f;
    border-bottom: none;
}

/* Commentaire */
p {
    font-size: 100%;
}

/* Commentaire */
.title-name  {
    background: #fff none repeat scroll 0 0;
}

/* La barre de menu utilisateurs de l’habillage Foreground */
/* Commentaire */
.top-bar {
    height: 46px;
    box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.25);
}

/* Commentaire */
.top-bar .toggle-topbar.menu-icon a {
    color: #548dbf;
}

/* Commentaire */
.top-bar .toggle-topbar.menu-icon a span {
    box-shadow: 0 10px 0 1px #548dbf, 0 16px 0 1px #548dbf, 0 22px 0 1px #548dbf;
}

/* Commentaire */
.top-bar {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #548dbf;
}

/* Commentaire */
.top-bar .name h1,
.top-bar .name h1 a {
    color: #548dbf !important;
}

/* Commentaire */
.top-bar-section .has-form,
.top-bar-section li a:not(.button) {
    background: #fff none repeat scroll 0 0;
    color: #548dbf;
}

/* Commentaire */
.top-bar-section ul li.active > a,
.top-bar-section ul li ul.dropdown li > a {
    background: #fff none repeat scroll 0 0;
    color: #548dbf;
    border-bottom: 1px solid #548dbf;
}

/* Commentaire */
.top-bar-section ul li.hover > a,
.top-bar-section ul li ul.dropdown li.hover > a {
    background: #548dbf;
    color: #fff;
    border-bottom: 1px solid #548dbf;
}

/* Commentaire */
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
    border-color: -moz-use-text-color #fff;
    border-right: solid 1px #fff;
    border-left: solid 1px #fff;
}


/* Commentaire */
button,
.button,
.multipleTemplateAdder {
    background-color: #548dbf;
    border-color: #548dbf;
}

/* Commentaire */ 
button:hover,
button:focus,
.button:hover,
.button:focus {
    background-color: #548dbf;
}

/* Commentaire */
.toggle-topbar.menu-icon a {
    color: #548dbf;
}

/* Commentaire */
input#wpPreview {
    background-color: #548dbf;
    border-color: #548dbf;
    color: #fff;
}

/* Commentaire */ 
input[type="submit"] {
    background-color: #548dbf;
    border-color: #548dbf;
}

/* Commentaire */
.wikiEditor-ui-toolbar .group .label {
    background-color: transparent;
}

/* Commentaire */
.label {
    background-color: #548dbf;
}

/* Commentaire */
a {
    color: #548dbf;
}

 /* Commentaire */
a:hover, 
a:focus {
    color: #548dbf;
    font-weight:normal;
    text-decoration: underline;
}

/* Commentaire */
#mw-normal-catlinks a.new {
    color: white;
    background-color: #BA0F2A;
}

/* Commentaire */
a.new {
    color: #ba0000;
} 

/* Menu déroulant fond bleu écriture blanche */
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover:not(.button) {
    background: #548dbf !important;
    color: #fff;
}

/* Menu déroulant fond blanc écriture bleue */
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  background: #fff ;
  color: #548DBF;
}
/* Utiliser la configuration du navigateur comme préférences pour la taille du texte et la police */
/* Commentaire */
body, 
#globalWrapper { 
    font: inherit !important; 
}

/* images contour et marges */
/* Commentaire */
html .thumbimage {
    border: 1px solid #ccc;
}

/* Commentaire */
div.thumbinner {
    border: 1px solid #ccc;
    padding: 3px;
    background-color: #f9f9f9;
    font-size: 94%;
    text-align: center;
    overflow: hidden;
}

/* Commentaire */
div.tright {
    margin: .5em 0 1.3em 1.4em;
}

/* Commentaire */
div.tleft {
    margin: .5em 1.4em 1.3em 0
}

/* Commentaire */
div.tcenter {
   display: block; 
   margin: .5em auto 1.3em auto;
}

/* Commentaire */
div.thumb {
    margin-bottom: .5em;
    width: auto;
    background-color: transparent;
}

/* Commentaire */
div.tright, 
div.floatright, 
table.floatright {
    clear: right;
    float: right;
}

/* Commentaire */
.mw-content-ltr .thumbcaption {
    text-align: left;
    font-style: italic;
}

/* Sommaire */
/* rem Essais animation sommaire rem */
/* après mise a jour vers WM 1.39 du 21-12-2022 */
#toc > ul {
    max-height: none;
    max-width: 250px;
}

#toc, .toc, .mw-warning, .toccolours {
    border: none;
    background-color: #e9e9e9;
    padding: 5px;
    font-size: 80%;
    position: inherit;
}

.toc {
    display: table;
    padding: 7px;
}

.toc, .toccolours {
    background-color: #f8f9fa;
    border: 1px solid #a2a9b1;
    padding: 5px;
    font-size: 95%;
}

.toctogglecheckbox {
    display: inline !important;
    position: absolute;
    opacity: 0;
    z-index: -1;
}

button, input, optgroup, select, textarea {
    margin: 0;
}

.foreground-body .toc h2 {
    font-family: sans-serif;
    font-size: 100%;
}

.toc h2 {
    display: inline;
    border: 0;
    padding: 0;
    font-size: 100%;
    font-weight: bold;
}

.foreground-body .mw-heading2, .foreground-body h2 {
    margin-top: 1em;
    font-size: 1.5em;
}

.mw-body h1, .mw-body .mw-heading1, .mw-body-content h1, .mw-body-content .mw-heading1, .mw-body-content h2, .mw-body-content .mw-heading2 {
    margin-bottom: 0.25em;
    padding: 0;
    line-height: 1.375;
}
.mw-heading2, h2 {
    font-size: 150%;
    font-weight: normal;
}
.mw-heading1, h1, .mw-heading2, h2 {
    margin-bottom: 0.6em;
    border-bottom: 1px solid #a2a9b1;
}

.mw-heading, h1, h2, h3, h4, h5, h6 {
    color: #000000;
    /* rem font-weight: bold; rem */
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0.17em;
    overflow: hidden;
}

.mw-content-ltr .toc ul, .mw-content-rtl .mw-content-ltr .toc ul {
    text-align: left;
}
.toctogglecheckbox:checked ~ ul {
    display: none;
}

.toc ul {
    list-style: none;
    margin: 0.3em 0;
    padding: 0;
    text-align: left;
}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
    margin: 0.3em 0 0 1.6em;
    padding: 0;
}

ul {
    margin: 0.3em 0 0 1.6em;
    padding: 0;
}

.toctogglecheckbox:not(:checked) + .toctitle .toctogglelabel::after {
    content: 'masquer';
}

.toc .toctitle {
    direction: ltr;
}
.toc .toctitle {
    text-align: right;
}

.toctogglespan::before {
    content: ' [';
}
.toctogglelabel {
    color: #0645ad;
    cursor: pointer;
    font-size: smaller;
}

.toctogglecheckbox:checked + .toctitle .toctogglelabel::after {
    content: 'afficher';
}

.toctogglespan::after {
    content: ']';
}

.toctogglespan {
    font-size: 94%;
}
/* rem Fin essais animation sommaire rem */
/* après mise a jour vers WM 1.39 du 21-12-2022 */
.toctogglelabel:hover {
  text-decoration: underline;
}
  @media screen
.toctogglelabel {
  cursor: pointer;
  color: #0645ad;
}

/* Après mise a jour vers WM 1.41 du 10-01-2024 
   Suite changement affichage des images 
   Codes CSS de Vector 2010 */

figure[typeof~='mw:File'], figure[typeof~='mw:File/Frameless'] {	
	    margin: 0
}	
	
.mw-body-content figure[typeof~='mw:File'] > a,.mw-body-content figure[typeof~='mw:File/Frameless'] > a {	
	    border: 0
}	
	
figure[typeof~='mw:File'].mw-halign-right,figure[typeof~='mw:File/Frameless'].mw-halign-right {	
	    margin: 0 0 0.5em 0.5em;
	    clear: right;
	    float: right
}	
	
figure[typeof~='mw:File'].mw-halign-left,figure[typeof~='mw:File/Frameless'].mw-halign-left {	
	    margin: 0 0.5em 0.5em 0;
	    clear: left;
	    float: left
}	
	
figure[typeof~='mw:File'].mw-halign-none,figure[typeof~='mw:File/Frameless'].mw-halign-none {	
	    clear: none;
	    float: none
}	
	
figure[typeof~='mw:File'].mw-halign-center,figure[typeof~='mw:File/Frameless'].mw-halign-center {	
	    margin: 0 auto;
	    display: table;
	    border-collapse: collapse;
	    clear: none;
	    float: none
}


figure[typeof~='mw:File'] > figcaption,figure[typeof~='mw:File/Frameless'] > figcaption {	
	    display: block
}	
	
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {	
	    display: table;
	    text-align: center;
	    border-collapse: collapse;
	    line-height: 0;
	    margin: 0.5em 0 1.3em 1.4em;
	    clear: right;
	    float: right
}	
	
.mw-body-content figure[typeof~='mw:File/Thumb'] > a,.mw-body-content figure[typeof~='mw:File/Frame'] > a {	
	    border: 0
}	
/* description sous vignette align centré taille police smaller */
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > figcaption, .mw-content-ltr figure[typeof~='mw:File/Frame'] > figcaption {
    text-align: center;
    font-size: smaller
}

.mw-content-ltr figure[typeof~='mw:File/Thumb'],.mw-content-ltr figure[typeof~='mw:File/Frame'] {	
	    margin: 0.5em 0 1.3em 1.4em;
	    clear: right;
	    float: right
}	
	
.mw-content-rtl figure[typeof~='mw:File/Thumb'],.mw-content-rtl figure[typeof~='mw:File/Frame'] {	
	    margin: 0.5em 1.4em 1.3em 0;
	    clear: left;
	    float: left
}

/* vignette align droite */	

figure[typeof~='mw:File/Thumb'].mw-halign-right,figure[typeof~='mw:File/Frame'].mw-halign-right {	
	    margin: 0.5em 0 1.3em 1.4em;
	    clear: right;
	    float: right
}	

figure[typeof~='mw:File/Thumb'].mw-halign-left,figure[typeof~='mw:File/Frame'].mw-halign-left {	
	    margin: 0.5em 1.4em 1.3em 0;
	    clear: left;
	    float: left
}	
	
figure[typeof~='mw:File/Thumb'].mw-halign-none,figure[typeof~='mw:File/Frame'].mw-halign-none {	
	    margin: 0;
	    margin-bottom: 0.5em;
	    clear: none;
	    float: none
}	
	
figure[typeof~='mw:File/Thumb'].mw-halign-center,figure[typeof~='mw:File/Frame'].mw-halign-center {	
	    margin: 0 auto 0.5em auto;
	    clear: none;
	    float: none
}	

figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
    border: 1px solid #c8ccd1;
    border-bottom: 0;
    background-color: #ffffff;
}
	
figure[typeof~='mw:File/Thumb'] > :not(figcaption),figure[typeof~='mw:File/Frame'] > :not(figcaption) {	
}

/* bordure vignette image */

figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
    border: 1px solid #c8ccd1;
    background: #ffffff;
}	
	
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element,figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {	
	    margin: 3px
}	

/* affichage lien image */
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, .mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after {
    right: 6px;
    left: auto;
    background-image: url(/resources/src/mediawiki.skinning/images/magnify-clip-ltr.svg?8330e);
}

figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after {
    content: '';
    width: 15px;
    height: 11px;
    position: absolute;
    bottom: -11px;
    right: 6px;
    background-image: url(/resources/src/mediawiki.skinning/images/magnify-clip-ltr.svg?8330e);
}
	
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-broken-media,figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-broken-media {	
	    display: inline-block;
	    line-height: 1.6em;
	    word-break: break-word;
	    width: 180px;
	    font-size: 94%
}	
	
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {	
	    display: table-caption;
	    caption-side: bottom;
	    line-height: 1.4em;
	    word-break: break-word;
	    text-align: left;
	    padding: 0 6px 6px 6px;
        border: 1px solid #c8ccd1;
        border-top: 0;
        background-color: #ffffff;
        font-size: 88.4%;
}	

.mw-content-rtl figure[typeof~='mw:File/Thumb'] > figcaption,.mw-content-rtl figure[typeof~='mw:File/Frame'] > figcaption {	
	    text-align: right
}	
	
figure[typeof~='mw:File/Frame'] > figcaption:empty {	
	    padding-bottom: 0
}	
	
figure[typeof~='mw:File/Thumb'] > figcaption:empty {	
	    padding-bottom: 3px
}	
	
    .printfooter,.mw-footer,.thumb,figure,table,ol,dl,ul,h3,h4,h5,h6 {	
	        font-family: sans-serif
}	

/* Fin code affichage images après mise a jour vers WM 1.41 du 10-01-2024 
Implémenté dans [[Mediawiki:Foreground.css]] le 23 mars 2024 à 12:30 */

/* Liste de modifications récentes - Recent Change */
/* Commentaire */
.mw-body-content h4, 
.mw-body-content h5, 
.mw-body-content h6 {
    border-bottom: dotted 1px #ddd;
    font-size: 100%;
    line-height: 1.2;
    margin-top: 0.3em;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Commentaire */
.mw-body-content h3, 
.mw-body-content h4 {
    font-weight: bold;
}

/* Commentaire */
.mw-body-content h3 {
    line-height: 1.2;
    margin-top: 0.3em;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Format Liste de définitions (;) */
/* Commentaire */
dt {
    margin-bottom: 0.25rem;
    font-weight: bold;
}

/* Commentaire */
dl {
    margin-bottom: 0;
}

/* Essais suppression tag h5 */
h5#siteSub, 
h5.subtitle {
    display:none;
}

/* Test modif Orbit pour slider - ajouté par Momo */
/* Commentaire 
.orbit-container  {
       background: #000;
       width: 440px;
       height: 300px;
       box-shadow: 0px 0px 17px #bbb;
 }*/

/* Commentaire : [[Modèle:Bannière_page]] gris foncé au bas image avec lien 
.orbit-container .orbit-slides-container > * .orbit-caption {
   bottom: 0;
   position: absolute;
   background-color: rgba(51, 51, 51, 0.8);
   color: #548DBF;
   font-size: 85%;
   width: 100%;
   font-style: italic;
   font-weight: bold;
   padding: 10px;
}*/

/* Commentaire 
.orbit-bullets {
    display: block;
    float: none;
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: -465px;
}*/

/* Commentaire 
.orbit-container .orbit-prev, 
.orbit-container .orbit-next {
    background-color: transparent;
    color: white;
    height: 60px;
    line-height: 50px;
    margin-top: -25px;
    position: absolute;
    text-indent: -9999px !important;
    top: 45%;
    width: 36px;
    z-index: 10;
}*/

/* Commentaire 
.orbit-container .orbit-prev:hover, 
.orbit-container .orbit-next:hover {
    background-color: rgba(0, 0, 0, 0.3);
}*/

/* Commentaire 
.mw-content-ltr ol, 
.mw-content-rtl .mw-content-ltr ol {
    margin: 0.3em 0 0 4em;
    padding: 0;
} */

/* Commentaire 
.orbit-container .orbit-slide-number {
    left: 10px;
    background: grey;
    color: white;
    font-size: 11px;
    position: absolute;
    top: 10px;
    z-index: 10;
}*/

/* Commentaire [[Modèle:Bannière_page]] taille du conteneur des images 
.orbit-container .orbit-slides-container img {
      height: 100%;
      width : auto;
      margin-left: auto;
      margin-right: auto;
      display: block;
}*/

/* Commentaire 
.orbit-container .orbit-timer .orbit-progress {
    height: 2px;
    background-color: rgba(0,0,0,0.2);
    display: block;
    width: 0;
    position: relative;
    right: 20px;
    top: 5px;
}*/

/* Commentaire 
#mw-content-text ul {
    margin: 0;
}*/

/* Commentaire 
.orbit-bullets li {
    background: #bbbbbb;
    height: 0.3750rem;
    margin-right: 6px;
    width: 0.3750rem;
}*/

/* Commentaire 
.orbit-bullets li.active {
    background: #888888;
}*/

/* Fin test modif Orbit pour slider - ajouté par Momo - 14-08-17 */

/* Commentaire : Bandeau nouveau message*/
.panel.radius {
    border-radius: 10px;
}

.panel {
    border-style: solid;
    border-width: 2px;
    border-color: #4b4545;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #eab861;
    color: #333333;
}

/* Commentaire : marge haut et bas bloc lien catégorie*/
#catlinks {
    margin: .5rem auto;
}
/* ajouté par Momo - 09-09-17 */

/* Commentaire : largeur tableau modifications récentes (rc)*/
table.mw-enhanced-rc {
   margin: 0;
    width: auto;
}

/* Commentaire : retrait puces dans sommaire
#mw-content-text ul {
    margin: .5em 1.25em;
}*/
.mw-content-ltr .toc ul ul, 
.mw-content-ltr #toc ul ul, 
.mw-content-rtl .mw-content-ltr .toc ul ul, 
.mw-content-rtl .mw-content-ltr #toc ul ul {
    margin: 0.3em 0 0 1.6em;
    padding: 0;
    list-style-type:none
}
.mw-content-ltr .toc ul, 
.mw-content-ltr #toc ul, 
.mw-content-rtl 
.mw-content-ltr .toc ul, 
.mw-content-rtl .mw-content-ltr #toc ul {
    list-style-type:none
}

/* ajouté par Momo - 14-09-17 */

/* PAGES DE DISCUSSION : COLORATION INDENTÉE */
.ns-talk dd {
 margin:0;
 padding:0;
}

.ns-talk dl {
 border-top:solid 1px #a7d7f9;
 border-left:solid 1px #a7d7f9;
 padding-top:.5em;
 padding-left:.5em;
 margin-left:1em;
}

.ns-talk dl,
.ns-talk dl dl dl,
.ns-talk dl dl dl dl dl,
.ns-talk dl dl dl dl dl dl dl,
.ns-talk dl dl dl dl dl dl dl dl dl { 
background:#e5eef8 
}

.ns-talk dl dl,
.ns-talk dl dl dl dl,
.ns-talk dl dl dl dl dl dl,
.ns-talk dl dl dl dl dl dl dl dl,
.ns-talk dl dl dl dl dl dl dl dl dl dl { 
background:white
}

/* ajouté par Momo - 23-10-17 */

.journal-center-name {
   width: 100%;
   height: auto;
   box-shadow: 10px 10px 5px #888888;
   background-color:green;
   border-radius: 10px;
   display:block;
   color: yellow;
   font-size: 4vw;
   font-weight: normal;
   margin: 30px 0 30px 0;
   text-align: center;

   /*text-transform: uppercase;*/
   border-bottom: 0px
}

/* ajouté par Momo - test 03-06-2018 */
/* PAGES DE SAISONS FOOT : TEST SUPP. COLORATION UNE LIGNE SUR DEUX TABLEAU EFFECTIFS */

/* Reset all table CSS from Foundation styles back to MediaWiki - source https://github.com/Hutchy68/foreground/commit/7e3337b7fdf77078233b46a35943ed1e7bceccff#diff-ae1ec8d7ea71b5f689b7387b5c60f283 */

/* Réinitialiser tous les tableaux CSS des styles Foundation à MediaWiki
table { 
width: 0; 
}
td.mw-label { 
width: 0; 
}
td.smwpropname, th.smwpropname, td.smwspecname { 
text-align: inherit; 
} 
table tbody tr td, table tr td { 
line-height: inherit; 
}
table { 
background: transparent; 
margin-bottom: 1.25em; 
border: 0; 
}
table thead, table tfoot { 
background: 0; 
font-weight: normal; 
}
table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { 
padding: 0; 
font-size: 100%; 
color: inherit; 
text-align: inherit; 
}
table tr th, table tr td { 
padding: 0; 
font-size: 100%; 
color: inherit; 
}  */

table tr.even, table tr.alt, table tr:nth-of-type(even), table tr:nth-of-type(2n) { 
    background-color: transparent;
} 
/*
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { 
display: table-cell; 
line-height: inherit; 
text-align: inherit; 
} */

/* wikitable classes reset (les classes wikitable sont réinitialisées)
table.wikitable { 
margin: 1em 0;
}
table.wikitable > tr > th,
table.wikitable > * > tr > th {
text-align: inherit;
}  */

/* -- Page d'accueil retrait Titre page (Accueil) -- 
.page-Main_Page #firstHeading {
    display: none;
}*/
/* -- Page d'accueil retrait Titre page (Accueil) -- */

/* test nouveau top-menu */
/* Logo */
.top-bar-logo {
  background-color: white;
}

/* Titre barre menu  */
.title-name {
  background: transparent none repeat scroll 0 0 !important; 
  font-size: .9rem;
  color: #548dbf;
  margin: 0 .5em;
  line-height: 2.6rem;
  text-decoration: none;
}

h4.namespace.label {
  margin-top: 2.75em; 
}

h1#firstHeading {
  font-size: 2.125rem;
  margin: 30px 0px 20px 0px;
}

/* Id navwrapper */
#navwrapper {
  background-color: transparent !important;
  width: 100%;
  z-index: 599;
  top: 0;
/*   box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.25); */
  position: fixed; 
}

/* section recherche */
.top-bar-section ul li {
  background: #fff;
} 

/* arriere plan fond bleu - caracteres blancs */
ul#top-bar-left li:hover,
ul#top-bar-left li a:hover,
ul#top-bar-right li:hover:not(.has-form),
ul#top-bar-right li a:hover {
    background-color: #548dbf;
    color: #fff;
  text-decoration: none;
}

/* menu deroulant */
.top-bar-section .has-dropdown > a:hover:after {
    border-color: white transparent transparent transparent;
}

/* Bouton action */
a#actions-button {
	color: white;
	background-color: #548dbf;
	box-shadow: 0 9px 18px rgba(0,0,0,0.15),0 6px 6px rgba(0,0,0,0.15);
	z-index: 500;
	position: fixed;
	top: 80px;
	right: 25px;
}

/* survol bouton action */
a#actions-button:hover {
    box-shadow: 0 9px 18px rgba(0,0,0,0.25), 0 6px 6px rgba(0,0,0,0.25);
}

/* Sous menu action */
.f-dropdown li a {
    z-index: 601;
    background: white;
    border: none;
    padding: 0.5rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    color: #548dbf;
}

/* Survol item sous menu action */
.f-dropdown li:hover a {
    z-index: 601;
    background: #548dbf;
    color: white;
}

*/ ul#actions.f-dropdown {
    background: #ffffff;
    color: #000;
} */

/* button.secondary:hover, 
button.secondary:focus, 
.button.secondary:hover, 
.button.secondary:focus {
  color: yellow;
   background: #548dbf;
} */

.top-bar, 
.top-bar-section ul, 
.top-bar-section ul li.active > a, 
.top-bar-section li a:not(.button), 
.top-bar-section .has-form,
.top-bar-section .has-dropdown {
   background: white;
  color:blue;
}

.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
  border-color: #548dbf;
}

/* .vertical-divider {
	width: 100%;
	display: block;
	background: #0f0;
	height: 1px;
} */

.top-bar-section li.active:not(.has-form) a:not(.button), 
.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
	background: white;
    color:#548dbf;
} 

/* .top-bar input {
	width: auto;
	display: inline;
} */

/* Texte bouton catégorie survolé  */
/* a.label:hover, a.label:focus {
	color: #fff;
} */

.label:hover {
    box-shadow: 0 9px 18px rgba(0,0,0,0.25), 0 6px 6px rgba(0,0,0,0.25); 
    text-decoration: none;
    background-color: #548dbf;
	color: #fff;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  background: #fff ;
  color: #548DBF;
}

/* Position message d'avertissement discussion  */
.panel {
    margin-top: 2.75rem;
}: 
/* fin test top-menu