<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="fr">
	<id>https://wiki.erg.be/mw/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=St%C3%A9phanie+Vilayphiou</id>
	<title>erg - Contributions de l’utilisateur [fr]</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.erg.be/mw/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=St%C3%A9phanie+Vilayphiou"/>
	<link rel="alternate" type="text/html" href="https://wiki.erg.be/w/Sp%C3%A9cial:Contributions/St%C3%A9phanie_Vilayphiou"/>
	<updated>2026-04-19T11:25:45Z</updated>
	<subtitle>Contributions de l’utilisateur</subtitle>
	<generator>MediaWiki 1.31.12</generator>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=18666</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=18666"/>
		<updated>2023-05-10T10:08:42Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;br /&gt;
* menu&lt;br /&gt;
** Informations_pédagogiques | Informations pédagogiques&lt;br /&gt;
** Informations_administratives_et_académiques | Informations administratives et académiques&lt;br /&gt;
** Étudier_et_être_accompagné·e_à_l'erg | Étudier et être accompagné·e à l'erg&lt;br /&gt;
** Agrégation|Agrégation&lt;br /&gt;
** Le doctorat à l'erg|Doctorat et recherche&lt;br /&gt;
** Intranet|Portail des étudiant*es&lt;br /&gt;
** Contact|Contact&lt;br /&gt;
** Catégorie:Sites_satellites|Sites satellites&lt;br /&gt;
** Catégorie:Actualités|Actualités &lt;br /&gt;
** Archives|Archives &lt;br /&gt;
** Catégorie:English|English&lt;br /&gt;
* SEARCH&lt;br /&gt;
* TOOLBOX&lt;br /&gt;
* LANGUAGES&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=18665</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=18665"/>
		<updated>2023-05-10T10:06:33Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;br /&gt;
* menu&lt;br /&gt;
** Cursus transdisciplinaire Bachelors - Masters|CURSUS TRANSDISCIPLINAIRE BACHELIERS &amp;amp; MASTERS&lt;br /&gt;
** Informations_administratives_et_académiques | Informations administratives et académiques&lt;br /&gt;
** Le doctorat à l'erg|Doctorat et recherche&lt;br /&gt;
** Agrégation|Agrégation&lt;br /&gt;
** Espaces transversaux, pratiques collectives | Espaces transversaux, pratiques collectives&lt;br /&gt;
** Étudier_et_être_accompagné·e_à_l'erg | Étudier et être accompagné·e à l'erg&lt;br /&gt;
** Catégorie:Outils collectifs|Outils collectifs&lt;br /&gt;
** Catégorie:Équipes|ÉQUIPES&lt;br /&gt;
** International|INTERNATIONAL&lt;br /&gt;
** Catégorie:Actualités|ACTUALITÉS &lt;br /&gt;
** Catégorie:Sites_satellites|Sites satellites&lt;br /&gt;
** Catégorie:English|English&lt;br /&gt;
** Archives|Archives &lt;br /&gt;
** Intranet|Portail des étudiant*es&lt;br /&gt;
** Contact|CONTACT&lt;br /&gt;
* SEARCH&lt;br /&gt;
* TOOLBOX&lt;br /&gt;
* LANGUAGES&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=18664</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=18664"/>
		<updated>2023-05-10T10:05:04Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;br /&gt;
* menu&lt;br /&gt;
** Cursus transdisciplinaire Bachelors - Masters|CURSUS TRANSDISCIPLINAIRE BACHELIERS &amp;amp; MASTERS&lt;br /&gt;
**Démarches administratives et Guide de prise en main|Démarches administratives et Guide de prise en main&lt;br /&gt;
** Le doctorat à l'erg|Doctorat et recherche&lt;br /&gt;
** Agrégation|Agrégation&lt;br /&gt;
** Programmes annuels (PAE)|PROGRAMMES ANNUELS&lt;br /&gt;
** Espaces transversaux, pratiques collectives | Espaces transversaux, pratiques collectives&lt;br /&gt;
** Étudier_et_être_accompagné·e_à_l'erg | Étudier et être accompagné·e à l'erg&lt;br /&gt;
** Règlement des études|Règlement des études&lt;br /&gt;
** Minerval|Droits d'inscription&lt;br /&gt;
** Catégorie:Outils collectifs|Outils collectifs&lt;br /&gt;
** Catégorie:Équipes|ÉQUIPES&lt;br /&gt;
** International|INTERNATIONAL&lt;br /&gt;
** Catégorie:Actualités|ACTUALITÉS &lt;br /&gt;
** Catégorie:Sites_satellites|Sites satellites&lt;br /&gt;
** Calendrier académique|Calendrier académique&lt;br /&gt;
** Catégorie:English|English&lt;br /&gt;
** Archives|Archives &lt;br /&gt;
** Intranet|Portail des étudiant*es&lt;br /&gt;
** Contact|CONTACT&lt;br /&gt;
* SEARCH&lt;br /&gt;
* TOOLBOX&lt;br /&gt;
* LANGUAGES&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=%C3%89tudier_et_%C3%AAtre_accompagn%C3%A9%C2%B7e_%C3%A0_l%27erg&amp;diff=18662</id>
		<title>Étudier et être accompagné·e à l'erg</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=%C3%89tudier_et_%C3%AAtre_accompagn%C3%A9%C2%B7e_%C3%A0_l%27erg&amp;diff=18662"/>
		<updated>2023-05-10T10:03:22Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : Stéphanie Vilayphiou a déplacé la page Étudier et être accompagner à l'erg vers Étudier et être accompagné·e à l'erg&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;=== Soutien pédagogique ===&lt;br /&gt;
* [[Aide_à_la_réussite|aide à la réussite]]&lt;br /&gt;
* [[tutorat]]&lt;br /&gt;
* [[L’enseignement_inclusif_à_l’erg|enseignement inclusif]]&lt;br /&gt;
&lt;br /&gt;
=== soutien social et psychologique ===&lt;br /&gt;
* [[Le_service_social|service social]]&lt;br /&gt;
* [[Cellule_d'écoute|cellule d'écoute]]&lt;br /&gt;
* [[Safesa|safeesa]]&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=%C3%89tudier_et_%C3%AAtre_accompagner_%C3%A0_l%27erg&amp;diff=18663</id>
		<title>Étudier et être accompagner à l'erg</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=%C3%89tudier_et_%C3%AAtre_accompagner_%C3%A0_l%27erg&amp;diff=18663"/>
		<updated>2023-05-10T10:03:22Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : Stéphanie Vilayphiou a déplacé la page Étudier et être accompagner à l'erg vers Étudier et être accompagné·e à l'erg&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;#REDIRECTION [[Étudier et être accompagné·e à l'erg]]&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18661</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18661"/>
		<updated>2023-05-10T10:01:19Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#actions {&lt;br /&gt;
left: initial !important;&lt;br /&gt;
right: 14px;&lt;br /&gt;
top: -21px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 80px;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li {&lt;br /&gt;
    line-height: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li#p-menu &amp;gt; a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu &amp;gt; a + ul li {&lt;br /&gt;
outline: 1px solid #00a393;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
.not-logged-in #top-bar-right li:nth-child(3) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
    margin-bottom: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.medialisting a {&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
    background: radial-gradient(var(--color-a) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media:nth-child(2n) {&lt;br /&gt;
    background: radial-gradient(var(--color-b) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18660</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18660"/>
		<updated>2023-05-10T10:00:33Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#actions {&lt;br /&gt;
left: initial !important;&lt;br /&gt;
right: 14px;&lt;br /&gt;
top: -21px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 80px;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li {&lt;br /&gt;
    line-height: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li#p-menu &amp;gt; a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu &amp;gt; a + ul li {&lt;br /&gt;
outline: 1px solid #00a393;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
.not-logged-in #top-bar-right li:nth-child(3) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
    margin-bottom: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.medialisting a {&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
    background: radial-gradient(var(--color-a) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media:nth-child(2n) {&lt;br /&gt;
    background: radial-gradient(var(--color-b) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18659</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18659"/>
		<updated>2023-05-10T09:59:19Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#actions {&lt;br /&gt;
left: initial !important;&lt;br /&gt;
right: 14px;&lt;br /&gt;
top: -21px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 80px;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li {&lt;br /&gt;
    line-height: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
    padding: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li#p-menu &amp;gt; a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu &amp;gt; a + ul li {&lt;br /&gt;
outline: 1px solid #00a393;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
.not-logged-in #top-bar-right li:nth-child(3) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
    margin-bottom: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.medialisting a {&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
    background: radial-gradient(var(--color-a) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media:nth-child(2n) {&lt;br /&gt;
    background: radial-gradient(var(--color-b) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=18658</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=18658"/>
		<updated>2023-05-10T09:57:43Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;br /&gt;
* menu&lt;br /&gt;
** Cursus transdisciplinaire Bachelors - Masters|CURSUS TRANSDISCIPLINAIRE BACHELIERS &amp;amp; MASTERS&lt;br /&gt;
**Démarches administratives et Guide de prise en main|Démarches administratives et Guide de prise en main&lt;br /&gt;
** Le doctorat à l'erg|Doctorat et recherche&lt;br /&gt;
** Agrégation|Agrégation&lt;br /&gt;
** Programmes annuels (PAE)|PROGRAMMES ANNUELS&lt;br /&gt;
** Espaces transversaux, pratiques collectives | Espaces transversaux, pratiques collectives&lt;br /&gt;
** L’enseignement inclusif à l’erg|L’enseignement inclusif à l’erg&lt;br /&gt;
** Aide à la réussite| Aide à la réussite&lt;br /&gt;
** Règlement des études|Règlement des études&lt;br /&gt;
** Tutorat|Tutorat&lt;br /&gt;
** Minerval|Droits d'inscription&lt;br /&gt;
** Le service social|Le service social &lt;br /&gt;
** Catégorie:Outils collectifs|Outils collectifs&lt;br /&gt;
** Catégorie:Équipes|ÉQUIPES&lt;br /&gt;
** International|INTERNATIONAL&lt;br /&gt;
** Catégorie:Actualités|ACTUALITÉS &lt;br /&gt;
** Catégorie:Sites_satellites|Sites satellites&lt;br /&gt;
** Calendrier académique|Calendrier académique&lt;br /&gt;
** Catégorie:English|English&lt;br /&gt;
** Archives|Archives &lt;br /&gt;
** Intranet|Portail des étudiant*es&lt;br /&gt;
** Contact|CONTACT&lt;br /&gt;
* SEARCH&lt;br /&gt;
* TOOLBOX&lt;br /&gt;
* LANGUAGES&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=18657</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=18657"/>
		<updated>2023-05-10T09:56:58Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;br /&gt;
* menu&lt;br /&gt;
** Cursus transdisciplinaire Bachelors - Masters|CURSUS TRANSDISCIPLINAIRE BACHELIERS &amp;amp; MASTERS&lt;br /&gt;
**Démarches administratives et Guide de prise en main|Démarches administratives et Guide de prise en main&lt;br /&gt;
** Le doctorat à l'erg|Doctorat et recherche&lt;br /&gt;
** Agrégation|Agrégation&lt;br /&gt;
** Programmes annuels (PAE)|PROGRAMMES ANNUELS&lt;br /&gt;
** Espaces transversaux, pratiques collectives | Espaces transversaux, pratiques collectives&lt;br /&gt;
** L’enseignement inclusif à l’erg|L’enseignement inclusif à l’erg&lt;br /&gt;
** Aide à la réussite| Aide à la réussite&lt;br /&gt;
** Règlement des études|Règlement des études&lt;br /&gt;
** Tutorat|Tutorat&lt;br /&gt;
** Minerval|Droits d'inscription&lt;br /&gt;
** Le service social|Le service social &lt;br /&gt;
** Catégorie:Outils collectifs|Outils collectifs&lt;br /&gt;
** Catégorie:Équipes|ÉQUIPES&lt;br /&gt;
** International|INTERNATIONAL&lt;br /&gt;
** Catégorie:Actualités|ACTUALITÉS &lt;br /&gt;
** Catégorie:Sites_satellites|Sites satellites&lt;br /&gt;
** Calendrier académique|Calendrier académique&lt;br /&gt;
** Catégorie:English|English&lt;br /&gt;
** Archives|Archives &lt;br /&gt;
** Intranet|Portail des étudiant*es&lt;br /&gt;
** Contact|CONTACT&lt;br /&gt;
* ↯&lt;br /&gt;
* SEARCH&lt;br /&gt;
* TOOLBOX&lt;br /&gt;
* LANGUAGES&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=18654</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=18654"/>
		<updated>2023-05-10T09:52:35Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;br /&gt;
* menu&lt;br /&gt;
** Cursus transdisciplinaire Bachelors - Masters|CURSUS TRANSDISCIPLINAIRE BACHELIERS &amp;amp; MASTERS&lt;br /&gt;
**Démarches administratives et Guide de prise en main|Démarches administratives et Guide de prise en main&lt;br /&gt;
** Le doctorat à l'erg|Doctorat et recherche&lt;br /&gt;
** Agrégation|Agrégation&lt;br /&gt;
** Programmes annuels (PAE)|PROGRAMMES ANNUELS&lt;br /&gt;
** Espaces transversaux, pratiques collectives | Espaces transversaux, pratiques collectives&lt;br /&gt;
** L’enseignement inclusif à l’erg|L’enseignement inclusif à l’erg&lt;br /&gt;
** Aide à la réussite| Aide à la réussite&lt;br /&gt;
** Règlement des études|Règlement des études&lt;br /&gt;
** Tutorat|Tutorat&lt;br /&gt;
** Minerval|Droits d'inscription&lt;br /&gt;
** Le service social|Le service social &lt;br /&gt;
** Catégorie:Outils collectifs|Outils collectifs&lt;br /&gt;
** Catégorie:Équipes|ÉQUIPES&lt;br /&gt;
** International|INTERNATIONAL&lt;br /&gt;
** Catégorie:Actualités|ACTUALITÉS &lt;br /&gt;
** Catégorie:Sites_satellites|Sites satellites&lt;br /&gt;
** Calendrier académique|Calendrier académique&lt;br /&gt;
** Catégorie:English|English&lt;br /&gt;
** Archives|Archives &lt;br /&gt;
** Intranet|Portail des étudiant*es&lt;br /&gt;
** Contact|CONTACT&lt;br /&gt;
* ↯&lt;br /&gt;
** randompage-url|randompage&lt;br /&gt;
* SEARCH&lt;br /&gt;
* TOOLBOX&lt;br /&gt;
* LANGUAGES&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&amp;diff=18653</id>
		<title>École de recherche graphique</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&amp;diff=18653"/>
		<updated>2023-05-10T09:52:07Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : /* Newsletter &amp;amp; réseaux */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;L’erg est le lieu des pratiques artistiques, plastiques, graphiques qui entrent dans les zones à risque théoriques et formelles. Un lieu et des pédagogies à définir et redéfinir collectivement. C’est un lieu où l’on peut apprendre de ce qui ne marche pas. '''Un lieu de recherche donc'''.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* [[projet pédagogique]]&lt;br /&gt;
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|bacheliers &amp;amp; masters : cursus transdisciplinaires]]&lt;br /&gt;
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]&lt;br /&gt;
* [[séminaires, workshops, conférences]]&lt;br /&gt;
* [[Doctorat_et_recherche|recherche]]&lt;br /&gt;
* [[Projets internationaux|projets internationaux]]&lt;br /&gt;
* [[L’enseignement_inclusif_à_l’erg|enseignement inclusif à l'erg]]&lt;br /&gt;
* [[Le_service_social|service social étudiant·es]]&lt;br /&gt;
* [[Safesa|safeesa]]&lt;br /&gt;
* [[Autour_de_l'erg|autour de l'erg]]&lt;br /&gt;
* [[contact]]&lt;br /&gt;
&lt;br /&gt;
===[[Actualités (2023)|News]]===&lt;br /&gt;
&lt;br /&gt;
{{NewsActivity&lt;br /&gt;
|limit=3&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Newsletter &amp;amp; réseaux ===&lt;br /&gt;
Inscrivez-vous à notre [http://eepurl.com/igdz0r newsletter] ou scannez le QRcode.&lt;br /&gt;
&lt;br /&gt;
[[Fichier:Qrcoderg.png|150px|link=]]&lt;br /&gt;
&lt;br /&gt;
[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram] / [https://www.facebook.com/ergunlieuderecherche facebook] /&lt;br /&gt;
[https://vimeo.com/channels/erg vimeo]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
__NOTOC__&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=18652</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=18652"/>
		<updated>2023-05-10T09:50:51Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;br /&gt;
* menu&lt;br /&gt;
** Cursus transdisciplinaire Bachelors - Masters|CURSUS TRANSDISCIPLINAIRE BACHELIERS &amp;amp; MASTERS&lt;br /&gt;
**Démarches administratives et Guide de prise en main|Démarches administratives et Guide de prise en main&lt;br /&gt;
** Le doctorat à l'erg|Doctorat et recherche&lt;br /&gt;
** Agrégation|Agrégation&lt;br /&gt;
** Programmes annuels (PAE)|PROGRAMMES ANNUELS&lt;br /&gt;
** Espaces transversaux, pratiques collectives | Espaces transversaux, pratiques collectives&lt;br /&gt;
** L’enseignement inclusif à l’erg|L’enseignement inclusif à l’erg&lt;br /&gt;
** Aide à la réussite| Aide à la réussite&lt;br /&gt;
** Règlement des études|Règlement des études&lt;br /&gt;
** Tutorat|Tutorat&lt;br /&gt;
** Minerval|Droits d'inscription&lt;br /&gt;
** Le service social|Le service social &lt;br /&gt;
** Catégorie:Outils collectifs|Outils collectifs&lt;br /&gt;
** Catégorie:Équipes|ÉQUIPES&lt;br /&gt;
** International|INTERNATIONAL&lt;br /&gt;
** Catégorie:Actualités|ACTUALITÉS &lt;br /&gt;
** Vimeo|VIDÉOS&lt;br /&gt;
** Catégorie:Sites_satellites|Sites satellites&lt;br /&gt;
** Calendrier académique|Calendrier académique&lt;br /&gt;
** Catégorie:English|English&lt;br /&gt;
** Archives|Archives &lt;br /&gt;
** Intranet|Portail des étudiant*es&lt;br /&gt;
** Contact|CONTACT&lt;br /&gt;
* ↯&lt;br /&gt;
** randompage-url|randompage&lt;br /&gt;
* SEARCH&lt;br /&gt;
* TOOLBOX&lt;br /&gt;
* LANGUAGES&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18651</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18651"/>
		<updated>2023-05-10T09:50:10Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#actions {&lt;br /&gt;
left: initial !important;&lt;br /&gt;
right: 14px;&lt;br /&gt;
top: -21px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 80px;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li {&lt;br /&gt;
    line-height: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li#p-menu &amp;gt; a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu &amp;gt; a + ul li {&lt;br /&gt;
outline: 1px solid #00a393;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
.not-logged-in #top-bar-right li:nth-child(3) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
    margin-bottom: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.medialisting a {&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
    background: radial-gradient(var(--color-a) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media:nth-child(2n) {&lt;br /&gt;
    background: radial-gradient(var(--color-b) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18650</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18650"/>
		<updated>2023-05-10T09:49:18Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#actions {&lt;br /&gt;
left: initial !important;&lt;br /&gt;
right: 14px;&lt;br /&gt;
top: -21px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 80px;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li {&lt;br /&gt;
    line-height: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li#p-menu &amp;gt; a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
li#p-.E2.86.AF li {&lt;br /&gt;
outline: 1px solid #00a393;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
.not-logged-in #top-bar-right li:nth-child(3) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
    margin-bottom: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.medialisting a {&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
    background: radial-gradient(var(--color-a) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media:nth-child(2n) {&lt;br /&gt;
    background: radial-gradient(var(--color-b) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18649</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18649"/>
		<updated>2023-05-10T09:47:42Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#actions {&lt;br /&gt;
left: initial !important;&lt;br /&gt;
right: 14px;&lt;br /&gt;
top: -21px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 80px;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li {&lt;br /&gt;
    line-height: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li#p-menu &amp;gt; a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu &amp;gt; a li {&lt;br /&gt;
outline: 1px solid #00a393;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
.not-logged-in #top-bar-right li:nth-child(3) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
    margin-bottom: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.medialisting a {&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
    background: radial-gradient(var(--color-a) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media:nth-child(2n) {&lt;br /&gt;
    background: radial-gradient(var(--color-b) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18648</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18648"/>
		<updated>2023-05-10T09:43:59Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#actions {&lt;br /&gt;
left: initial !important;&lt;br /&gt;
right: 14px;&lt;br /&gt;
top: -21px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 80px;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li {&lt;br /&gt;
    line-height: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li#p-menu &amp;gt; a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
.not-logged-in #top-bar-right li:nth-child(3) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
    margin-bottom: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.medialisting a {&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
    background: radial-gradient(var(--color-a) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media:nth-child(2n) {&lt;br /&gt;
    background: radial-gradient(var(--color-b) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18647</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18647"/>
		<updated>2023-05-10T09:43:39Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#actions {&lt;br /&gt;
left: initial !important;&lt;br /&gt;
right: 14px;&lt;br /&gt;
top: -21px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 80px;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li {&lt;br /&gt;
    line-height: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li#p-menu a {&lt;br /&gt;
    text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
.not-logged-in #top-bar-right li:nth-child(3) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
    margin-bottom: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.medialisting a {&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
    background: radial-gradient(var(--color-a) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media:nth-child(2n) {&lt;br /&gt;
    background: radial-gradient(var(--color-b) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18646</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18646"/>
		<updated>2023-05-10T09:40:48Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#actions {&lt;br /&gt;
left: initial !important;&lt;br /&gt;
right: 14px;&lt;br /&gt;
top: -21px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 80px;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li {&lt;br /&gt;
    line-height: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
.not-logged-in #top-bar-right li:nth-child(3) {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
    margin-bottom: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.medialisting a {&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
    background: radial-gradient(var(--color-a) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media:nth-child(2n) {&lt;br /&gt;
    background: radial-gradient(var(--color-b) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18644</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18644"/>
		<updated>2023-05-10T09:33:15Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#actions {&lt;br /&gt;
left: initial !important;&lt;br /&gt;
right: 14px;&lt;br /&gt;
top: -21px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 80px;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li {&lt;br /&gt;
    line-height: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
    margin-bottom: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.medialisting a {&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
    background: radial-gradient(var(--color-a) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media:nth-child(2n) {&lt;br /&gt;
    background: radial-gradient(var(--color-b) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18643</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18643"/>
		<updated>2023-05-10T09:32:33Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#actions {&lt;br /&gt;
left: initial;&lt;br /&gt;
right: 14px;&lt;br /&gt;
top: -21px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 80px;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li {&lt;br /&gt;
    line-height: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
    margin-bottom: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.medialisting a {&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
    background: radial-gradient(var(--color-a) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media:nth-child(2n) {&lt;br /&gt;
    background: radial-gradient(var(--color-b) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18641</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18641"/>
		<updated>2023-05-10T08:36:32Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 80px;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li {&lt;br /&gt;
    line-height: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
    margin-bottom: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.medialisting a {&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
    background: radial-gradient(var(--color-a) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media:nth-child(2n) {&lt;br /&gt;
    background: radial-gradient(var(--color-b) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18640</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18640"/>
		<updated>2023-05-10T08:34:34Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 80px;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li {&lt;br /&gt;
    line-height: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toolbox-dropdown, #personal-tools-dropdown .dropdown {&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
    margin-bottom: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.medialisting a {&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
    background: radial-gradient(var(--color-a) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media:nth-child(2n) {&lt;br /&gt;
    background: radial-gradient(var(--color-b) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18639</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18639"/>
		<updated>2023-05-10T08:30:56Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 80px;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li {&lt;br /&gt;
    line-height: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
    margin-bottom: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.medialisting a {&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
    background: radial-gradient(var(--color-a) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media:nth-child(2n) {&lt;br /&gt;
    background: radial-gradient(var(--color-b) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&amp;diff=18392</id>
		<title>École de recherche graphique</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&amp;diff=18392"/>
		<updated>2023-03-30T09:54:53Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : /* inscrivez-vous à notre newsletter ou scannez le QRcode. */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;L’erg est le lieu des pratiques artistiques, plastiques, graphiques qui entrent dans les zones à risque théoriques et formelles. Un lieu et des pédagogies à définir et redéfinir collectivement. C’est un lieu où l’on peut apprendre de ce qui ne marche pas. '''Un lieu de recherche donc'''.&lt;br /&gt;
&lt;br /&gt;
* [[projet pédagogique]]&lt;br /&gt;
* [[Cursus_pluridisciplinaire_Bachelors_-_Masters|bacheliers &amp;amp; masters : cursus pluridisciplinaires]]&lt;br /&gt;
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]&lt;br /&gt;
* [[séminaires, workshops, conférences]]&lt;br /&gt;
* [[Doctorat_et_recherche|recherche]]&lt;br /&gt;
* [[Projets internationaux|projets internationaux]]&lt;br /&gt;
* [[L’enseignement_inclusif_à_l’erg|enseignement inclusif à l'erg]]&lt;br /&gt;
* [[Le_service_social|service social étudiant·es]]&lt;br /&gt;
* [[Safesa|safeesa]]&lt;br /&gt;
* [[Autour_de_l'erg|autour de l'erg]]&lt;br /&gt;
* [[contact]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
===[[Actualités (2023)|News]]===&lt;br /&gt;
&lt;br /&gt;
{{NewsActivity&lt;br /&gt;
|limit=6&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=== Newsletter ===&lt;br /&gt;
Inscrivez-vous à notre [http://eepurl.com/igdz0r newsletter] ou scannez le QRcode.&lt;br /&gt;
&lt;br /&gt;
[[Fichier:Qrcoderg.png|150px|link=]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
__NOTOC__&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&amp;diff=18390</id>
		<title>École de recherche graphique</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&amp;diff=18390"/>
		<updated>2023-03-30T09:54:15Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : /* inscrivez-vous à notre newsletter ou scannez le QRcode. */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;L’erg est le lieu des pratiques artistiques, plastiques, graphiques qui entrent dans les zones à risque théoriques et formelles. Un lieu et des pédagogies à définir et redéfinir collectivement. C’est un lieu où l’on peut apprendre de ce qui ne marche pas. '''Un lieu de recherche donc'''.&lt;br /&gt;
&lt;br /&gt;
* [[projet pédagogique]]&lt;br /&gt;
* [[Cursus_pluridisciplinaire_Bachelors_-_Masters|bacheliers &amp;amp; masters : cursus pluridisciplinaires]]&lt;br /&gt;
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]&lt;br /&gt;
* [[séminaires, workshops, conférences]]&lt;br /&gt;
* [[Doctorat_et_recherche|recherche]]&lt;br /&gt;
* [[Projets internationaux|projets internationaux]]&lt;br /&gt;
* [[L’enseignement_inclusif_à_l’erg|enseignement inclusif à l'erg]]&lt;br /&gt;
* [[Le_service_social|service social étudiant·es]]&lt;br /&gt;
* [[Safesa|safeesa]]&lt;br /&gt;
* [[Autour_de_l'erg|autour de l'erg]]&lt;br /&gt;
* [[contact]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
===[[Actualités (2023)|News]]===&lt;br /&gt;
&lt;br /&gt;
{{NewsActivity&lt;br /&gt;
|limit=6&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
====&amp;lt;span style=&amp;quot;color:blue&amp;quot;&amp;gt;inscrivez-vous à notre [http://eepurl.com/igdz0r newsletter]&amp;lt;/span&amp;gt; ou &amp;lt;span style=&amp;quot;color:blue&amp;quot;&amp;gt;scannez le QRcode.&amp;lt;/span&amp;gt; ====&lt;br /&gt;
&lt;br /&gt;
[[Fichier:Qrcoderg.png|150px|link=]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
__NOTOC__&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&amp;diff=18386</id>
		<title>École de recherche graphique</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&amp;diff=18386"/>
		<updated>2023-03-30T09:52:58Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : /* News */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;L’erg est le lieu des pratiques artistiques, plastiques, graphiques qui entrent dans les zones à risque théoriques et formelles. Un lieu et des pédagogies à définir et redéfinir collectivement. C’est un lieu où l’on peut apprendre de ce qui ne marche pas. '''Un lieu de recherche donc'''.&lt;br /&gt;
&lt;br /&gt;
* [[projet pédagogique]]&lt;br /&gt;
* [[Cursus_pluridisciplinaire_Bachelors_-_Masters|bacheliers &amp;amp; masters : cursus pluridisciplinaires]]&lt;br /&gt;
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]&lt;br /&gt;
* [[séminaires, workshops, conférences]]&lt;br /&gt;
* [[Doctorat_et_recherche|recherche]]&lt;br /&gt;
* [[Projets internationaux|projets internationaux]]&lt;br /&gt;
* [[L’enseignement_inclusif_à_l’erg|enseignement inclusif à l'erg]]&lt;br /&gt;
* [[Le_service_social|service social étudiant·es]]&lt;br /&gt;
* [[Safesa|safeesa]]&lt;br /&gt;
* [[Autour_de_l'erg|autour de l'erg]]&lt;br /&gt;
* [[contact]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
===[[Actualités (2023)|News]]===&lt;br /&gt;
&lt;br /&gt;
{{NewsActivity&lt;br /&gt;
|limit=6&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
====&amp;lt;span style=&amp;quot;color:blue&amp;quot;&amp;gt;inscrivez-vous à notre [http://eepurl.com/igdz0r newsletter]&amp;lt;/span&amp;gt; ou &amp;lt;span style=&amp;quot;color:blue&amp;quot;&amp;gt;scannez le QRcode.&amp;lt;/span&amp;gt; ====&lt;br /&gt;
&lt;br /&gt;
[[Fichier:Qrcoderg.png|150px]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
__NOTOC__&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=Droit_/_Pratique_de_l%27autod%C3%A9fense_%C3%A9conomique_et_professionnelle_(M1)&amp;diff=18162</id>
		<title>Droit / Pratique de l'autodéfense économique et professionnelle (M1)</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=Droit_/_Pratique_de_l%27autod%C3%A9fense_%C3%A9conomique_et_professionnelle_(M1)&amp;diff=18162"/>
		<updated>2023-02-09T11:00:40Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{English|An Introduction to Legislation and Law}}&lt;br /&gt;
&lt;br /&gt;
Enseignante: [[Pauline Hatzigeorgiou]]&lt;br /&gt;
&lt;br /&gt;
Le cours sera organisé en quatre parties :&lt;br /&gt;
&lt;br /&gt;
'''1. Fondements du droit'''&lt;br /&gt;
En guise d’introduction, nous découvrirons les grands principes du droit et de l’ordre juridique, comme la différence entre le droit et la morale, l’idée de hiérarchie des normes ou la protection des droits fondamentaux.&lt;br /&gt;
&lt;br /&gt;
'''2. Droit d’auteur et protection de la création'''&lt;br /&gt;
Dans cette seconde partie, nous étudierons les principes du droit d’auteur, et verrons comment ce régime juridique protège la création (notions d’œuvre, d’auteur, droits économiques et droits moraux, etc.)&lt;br /&gt;
&lt;br /&gt;
'''3. La protection de la création confrontée aux droits d’autrui'''&lt;br /&gt;
Cette troisième partie sera consacrée aux exceptions et limitations au droit d’auteur, aux principes de la liberté d’expression, ainsi qu’aux autres droits d’autrui qui viennent limiter les prérogatives de l’auteur (protection de la vie privée, droit à l’image, diffamation, propos discriminatoires ou racistes).&lt;br /&gt;
&lt;br /&gt;
'''4. L’exploitation de la création'''&lt;br /&gt;
Enfin, nous étudierons les principes du droit des contrats (principes généraux, contrats d’édition, etc.), et verrons comment ceux-ci peuvent être utilisés pour protéger l’exploitation de la création.&lt;br /&gt;
&lt;br /&gt;
L’enseignement sera illustré par une série d’exemples et de cas pratiques issus des domaines de la création et du droit de l’information. &lt;br /&gt;
Au terme de l’apprentissage, l’étudiant(e) devra avoir acquis non seulement une compréhension théorique de la matière, mais également être en mesure d’appliquer les règles et principes vus au cours pour résoudre des cas pratiques (qualification juridique, interprétation, application).&lt;br /&gt;
&lt;br /&gt;
Cours obligatoire pour les 4 Masters :&lt;br /&gt;
* [[Pratique de l’art - outils critiques, arts et contexte simultanés (MA)]]&lt;br /&gt;
* [[Récits et expérimentation - Narration spéculative (MA)]]&lt;br /&gt;
* [[Politique et expérimentation graphique→ pratiques graphiques et complexité scientifique (MA)]]&lt;br /&gt;
* [[Design et Politique du multiple (MA)]].&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[catégorie:M1]]&lt;br /&gt;
[[catégorie:Cours théoriques]]&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=Droit_/_Pratique_de_l%27autod%C3%A9fense_%C3%A9conomique_et_professionnelle_(M1)&amp;diff=18161</id>
		<title>Droit / Pratique de l'autodéfense économique et professionnelle (M1)</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=Droit_/_Pratique_de_l%27autod%C3%A9fense_%C3%A9conomique_et_professionnelle_(M1)&amp;diff=18161"/>
		<updated>2023-02-09T10:59:45Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{English|An Introduction to Legislation and Law}}&lt;br /&gt;
&lt;br /&gt;
Enseignante: [[Pauline Hatzigeorgiou]]&lt;br /&gt;
&lt;br /&gt;
Le cours sera organisé en quatre parties :&lt;br /&gt;
&lt;br /&gt;
'''1. Fondements du droit'''&lt;br /&gt;
En guise d’introduction, nous découvrirons les grands principes du droit et de l’ordre juridique, comme la différence entre le droit et la morale, l’idée de hiérarchie des normes ou la protection des droits fondamentaux.&lt;br /&gt;
&lt;br /&gt;
'''2. Droit d’auteur et protection de la création'''&lt;br /&gt;
Dans cette seconde partie, nous étudierons les principes du droit d’auteur, et verrons comment ce régime juridique protège la création (notions d’œuvre, d’auteur, droits économiques et droits moraux, etc.)&lt;br /&gt;
&lt;br /&gt;
'''3. La protection de la création confrontée aux droits d’autrui'''&lt;br /&gt;
Cette troisième partie sera consacrée aux exceptions et limitations au droit d’auteur, aux principes de la liberté d’expression, ainsi qu’aux autres droits d’autrui qui viennent limiter les prérogatives de l’auteur (protection de la vie privée, droit à l’image, diffamation, propos discriminatoires ou racistes).&lt;br /&gt;
&lt;br /&gt;
'''4. L’exploitation de la création'''&lt;br /&gt;
Enfin, nous étudierons les principes du droit des contrats (principes généraux, contrats d’édition, etc.), et verrons comment ceux-ci peuvent être utilisés pour protéger l’exploitation de la création.&lt;br /&gt;
&lt;br /&gt;
L’enseignement sera illustré par une série d’exemples et de cas pratiques issus des domaines de la création et du droit de l’information. &lt;br /&gt;
Au terme de l’apprentissage, l’étudiant(e) devra avoir acquis non seulement une compréhension théorique de la matière, mais également être en mesure d’appliquer les règles et principes vus au cours pour résoudre des cas pratiques (qualification juridique, interprétation, application).&lt;br /&gt;
&lt;br /&gt;
Cours obligatoire pour les 4 Masters :&lt;br /&gt;
[[Pratique de l’art - outils critiques, arts et contexte simultanés (MA)]], [[Récits et expérimentation - Narration spéculative (MA)]], [[Politique et expérimentation graphique→ pratiques graphiques et complexité scientifique (MA)]] et [[Design et Politique du multiple (MA)]].&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[catégorie:M1]]&lt;br /&gt;
[[catégorie:Cours théoriques]]&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=Droit_/_Pratique_de_l%27autod%C3%A9fense_%C3%A9conomique_et_professionnelle_(M1)&amp;diff=18160</id>
		<title>Droit / Pratique de l'autodéfense économique et professionnelle (M1)</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=Droit_/_Pratique_de_l%27autod%C3%A9fense_%C3%A9conomique_et_professionnelle_(M1)&amp;diff=18160"/>
		<updated>2023-02-09T10:59:26Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{English|An Introduction to Legislation and Law}}&lt;br /&gt;
&lt;br /&gt;
Enseignante: [[Pauline Hatzigeorgiou]]&lt;br /&gt;
&lt;br /&gt;
Le cours sera organisé en quatre parties :&lt;br /&gt;
&lt;br /&gt;
'''1. Fondements du droit'''&lt;br /&gt;
En guise d’introduction, nous découvrirons les grands principes du droit et de l’ordre juridique, comme la différence entre le droit et la morale, l’idée de hiérarchie des normes ou la protection des droits fondamentaux.&lt;br /&gt;
&lt;br /&gt;
'''2. Droit d’auteur et protection de la création&lt;br /&gt;
'''Dans cette seconde partie, nous étudierons les principes du droit d’auteur, et verrons comment ce régime juridique protège la création (notions d’œuvre, d’auteur, droits économiques et droits moraux, etc.)&lt;br /&gt;
&lt;br /&gt;
'''3. La protection de la création confrontée aux droits d’autrui&lt;br /&gt;
'''Cette troisième partie sera consacrée aux exceptions et limitations au droit d’auteur, aux principes de la liberté d’expression, ainsi qu’aux autres droits d’autrui qui viennent limiter les prérogatives de l’auteur (protection de la vie privée, droit à l’image, diffamation, propos discriminatoires ou racistes).&lt;br /&gt;
&lt;br /&gt;
'''4. L’exploitation de la création&lt;br /&gt;
'''Enfin, nous étudierons les principes du droit des contrats (principes généraux, contrats d’édition, etc.), et verrons comment ceux-ci peuvent être utilisés pour protéger l’exploitation de la création.&lt;br /&gt;
&lt;br /&gt;
L’enseignement sera illustré par une série d’exemples et de cas pratiques issus des domaines de la création et du droit de l’information. &lt;br /&gt;
Au terme de l’apprentissage, l’étudiant(e) devra avoir acquis non seulement une compréhension théorique de la matière, mais également être en mesure d’appliquer les règles et principes vus au cours pour résoudre des cas pratiques (qualification juridique, interprétation, application).&lt;br /&gt;
&lt;br /&gt;
Cours obligatoire pour les 4 Masters :&lt;br /&gt;
[[Pratique de l’art - outils critiques, arts et contexte simultanés (MA)]], [[Récits et expérimentation - Narration spéculative (MA)]], [[Politique et expérimentation graphique→ pratiques graphiques et complexité scientifique (MA)]] et [[Design et Politique du multiple (MA)]].&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[catégorie:M1]]&lt;br /&gt;
[[catégorie:Cours théoriques]]&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18120</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18120"/>
		<updated>2023-02-02T10:53:32Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 2em;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li {&lt;br /&gt;
    line-height: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
    margin-bottom: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.medialisting a {&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
    background: radial-gradient(var(--color-a) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media:nth-child(2n) {&lt;br /&gt;
    background: radial-gradient(var(--color-b) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18119</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18119"/>
		<updated>2023-02-02T10:51:55Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 2em;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li {&lt;br /&gt;
    line-height: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
    margin-bottom: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.medialisting a {&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
    background: radial-gradient(var(--color-a) -31%, transparent 60%);&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=L%E2%80%99enseignement_inclusif_%C3%A0_l%E2%80%99erg&amp;diff=18116</id>
		<title>L’enseignement inclusif à l’erg</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=L%E2%80%99enseignement_inclusif_%C3%A0_l%E2%80%99erg&amp;diff=18116"/>
		<updated>2023-02-02T10:35:25Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : /* contact */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===Objectifs===&lt;br /&gt;
&lt;br /&gt;
Vous êtes (futur·e) étudiant·e à l’erg en situation de handicap, de maladie invalidante ou de troubles de l’apprentissage ? &lt;br /&gt;
&lt;br /&gt;
L’erg peut vous proposer un plan d’accompagnement adapté à votre profil et aux difficultés spécifiques que vous êtes susceptible de rencontrer dans le cadre de votre parcours d'étude.&lt;br /&gt;
&lt;br /&gt;
L’erg veille à vous proposer un plan individualisé qui permet d’offrir à tous et toutes un enseignement supérieur inclusif, c’est-à-dire un enseignement qui met en œuvre des dispositifs visant à supprimer ou à réduire les barrières matérielles, pédagogiques, culturelles, sociales et psychologiques rencontrées à l’accès aux études, au cours des études et à l’insertion socio-professionnelle pour les étudiant·es bénéficiaires.&lt;br /&gt;
&lt;br /&gt;
L’enseignement supérieur inclusif est mis en œuvre à l’erg conformément au '''décret du 30 janvier 2014'''.&lt;br /&gt;
&lt;br /&gt;
===Concrètement===&lt;br /&gt;
&lt;br /&gt;
Toute situation médicale peut être prise en compte pour l’octroi du statut d’étudiant bénéficiaire des dispositions du décret relatif à l’enseignement supérieur inclusif. A titre d’exemple, il peut s’agir d’une déficience psychologique, physiologique ou anatomique, d’une invalidité temporaire ou permanente, d’un trouble de déficit de l’attention/hyperactivité, d’une dyslexie, dyspraxie, dysphasie et tout autre trouble «dys», d’une maladie chronique mais aussi d’un déficit visuel ou auditif.&lt;br /&gt;
&lt;br /&gt;
Dès lors que le statut d’étudiant bénéficiaire vous est accordé, un plan d’accompagnement individualisé (PAI) sera réalisé par le service d’accueil et d’accompagnement (SAA) en concertation avec l’étudiant·e.&lt;br /&gt;
&lt;br /&gt;
Ce plan peut comporter des aménagements raisonnables de différentes natures :&lt;br /&gt;
&lt;br /&gt;
* Pédagogique (supports de cours et notes de cours adaptés, charge de cours, suivi des enseignements, acquisition d’une méthode d’apprentissage, évaluations adaptées, etc.),&lt;br /&gt;
* Matérielle (accès aux locaux, aux cours pratiques et artistiques, etc.), &lt;br /&gt;
* Médicale (accès aux soins, etc.),&lt;br /&gt;
* Sociale et culturelle (rapport aux autres, environnement, etc.)&lt;br /&gt;
* Psychologique (bilan, intervention, etc.).&lt;br /&gt;
&lt;br /&gt;
Ce plan peut en outre comporter la possibilité qu’un·e autre étudiant·e de l’erg soit formé·e en vue de s’investir dans le cadre de votre plan d’accompagnement individualisé afin de vous accompagner.&lt;br /&gt;
&lt;br /&gt;
===Faire reconnaître votre situation===&lt;br /&gt;
==== 1. Service d’accueil et d’accompagnement====&lt;br /&gt;
&lt;br /&gt;
Avant d’introduire toute demande d’aménagements raisonnables, il est conseillé de prendre contact avec le service d’accueil et d’accompagnement (SAA) afin d’obtenir toutes les informations et conseils pour l’introduction de la demande. &lt;br /&gt;
Le SAA est tenu à la confidentialité quant à toutes les informations et les documents qui lui seront transmis. &lt;br /&gt;
Dans le cas où vous êtes reconnu comme étudiant.e bénéficiaire, le SAA définira avec vous les aménagements raisonnables à mettre en place, s’assurera de la mise en œuvre effective de votre PAI et évaluera de manière continue la réalisation et l’adéquation de ce PAI avec vos besoins.&lt;br /&gt;
&lt;br /&gt;
====2. Introduction de votre demande====&lt;br /&gt;
&lt;br /&gt;
Pour introduire votre demande, il vous faut remplir le formulaire de demande d’aménagements raisonnables (voir ci-dessous) en oubliant pas d’y annexer les documents nécessaires. &lt;br /&gt;
&lt;br /&gt;
Cette demande est à introduire auprès du SAA au plus tard le :&lt;br /&gt;
&lt;br /&gt;
* Le 15 novembre, pour le 1er quadrimestre,&lt;br /&gt;
* Le 15 mars, pour le 2e quadrimestre.&lt;br /&gt;
&lt;br /&gt;
Les demandes introduites après ces dates ne seront prises en considération que si elles sont dûment justifiées.&lt;br /&gt;
&lt;br /&gt;
Il vous est cependant conseillé d’introduire votre demande au plus tôt afin de pouvoir sereinement mettre en place votre PAI en cas de reconnaissance de votre statut d’étudiant.e bénéficiaire.&lt;br /&gt;
&lt;br /&gt;
====3. Documents à fournir====&lt;br /&gt;
&lt;br /&gt;
Pour que votre situation soit reconnue et que vous puissiez bénéficier des aménagements raisonnables les plus adéquats, il est nécessaire de fournir lors de votre demande :&lt;br /&gt;
&lt;br /&gt;
* Soit, la décision d’un organisme public chargé de l’intégration des personnes en situation de handicap (AViQ, PHARE, etc.),&lt;br /&gt;
* Soit, un rapport circonstancié au niveau de l’autonomie (c’est-à-dire au niveau de la capacité à se gouverner soit même, au niveau de la capacité de jugement et au niveau de la liberté de pouvoir agir) du demandeur au sein de l’erg établi par un spécialiste dans le domaine médical ou par une équipe pluridisciplinaire datant de moins d’un an au moment de la demande.&lt;br /&gt;
&lt;br /&gt;
À titre informatif, si vous avez bénéficié d’aménagements raisonnables durant vos études secondaires, il vous est demandé de fournir la décision de votre école secondaire détaillant les aménagements raisonnables auquel vous avez eu droit durant votre scolarité.&lt;br /&gt;
&lt;br /&gt;
Ce(s) document(s) doit/doivent être suffisamment détaillé(s) que pour pouvoir comprendre au mieux votre situation et les besoins qui pourraient être les vôtres dans le cadre d’études supérieures artistiques.&lt;br /&gt;
Le SAA est à votre disposition pour vous accompagner dans la constitution de votre dossier.&lt;br /&gt;
&lt;br /&gt;
====4. Le traitement de votre demande====&lt;br /&gt;
&lt;br /&gt;
Une fois votre demande officiellement introduite, le SAA soumettra votre dossier à la direction de l’erg qui disposera d’un mois pour remettre sa décision. &lt;br /&gt;
&lt;br /&gt;
L’étudiant.e sera averti.e de cette décision par mail et, en cas d’acceptation de la demande, sera invité·e à se concerter avec le SAA pour l’élaboration du plan d’accompagnement individualisé. Celui-ci sera finalisé au plus tard dans les deux mois qui suivent la décision de la direction.&lt;br /&gt;
&lt;br /&gt;
===Mise en place des aménagements raisonnables===&lt;br /&gt;
&lt;br /&gt;
Le plan d’accompagnement individualisé (PAI) est mis en œuvre par le SAA qui s’assurera de la mise en œuvre des aménagements raisonnables au sein de l’établissement.&lt;br /&gt;
&lt;br /&gt;
Lorsque le PAI prévoit l’intervention d’un.e étudiant.e accompagnateur·rice, une convention sera réalisée avec cet/cette étudiant·e afin de fixer ses missions et les modalités de la réalisation de celles-ci.&lt;br /&gt;
&lt;br /&gt;
En cours d’année, le SAA évaluera la mise en œuvre du PAI, ce dernier pouvant être modifié en cours d’année académique de commun accord entre les signataires. Enfin, d’une année académique à l’autre, votre plan d’accompagnement individualisé pourra être évalué et reconduit.&lt;br /&gt;
&lt;br /&gt;
=== Bénéficier d’un aménagement raisonnable pour votre épreuve d’admission ===&lt;br /&gt;
&lt;br /&gt;
Au-delà de cette procédure qui concerne le déroulement de vos études en tant que telles, si vous souhaitez disposer d’un aménagement raisonnable en vue de présenter l’épreuve d’admission à l’erg, vous êtes invité.e à prendre directement contact avec le SAA afin de définir les modalités de cette demande et des éventuels aménagements raisonnables.&lt;br /&gt;
&lt;br /&gt;
===Documents utiles===&lt;br /&gt;
&lt;br /&gt;
Vous trouverez sur cette page l’ensemble des documents utiles.&lt;br /&gt;
&lt;br /&gt;
* Le formulaire de demande d’aménagements raisonnables&lt;br /&gt;
* Le modèle de plan d’accompagnement individualisé (PAI)&lt;br /&gt;
* La convention de l’étudiant.e accompagnateur·rice dans le cadre d’un PAI&lt;br /&gt;
* La charte de l’étudiant.e accompagnateur·rice&lt;br /&gt;
&lt;br /&gt;
===Contact===&lt;br /&gt;
&lt;br /&gt;
Service d’Accueil et d’Accompagnement&lt;br /&gt;
&lt;br /&gt;
[[Maryline Ledoux]] → [mailto:maryline.ledoux@erg.be  email me]&lt;br /&gt;
&lt;br /&gt;
[[Fichier:Docs inclusif.docx.pdf]]&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=L%E2%80%99enseignement_inclusif_%C3%A0_l%E2%80%99erg&amp;diff=18115</id>
		<title>L’enseignement inclusif à l’erg</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=L%E2%80%99enseignement_inclusif_%C3%A0_l%E2%80%99erg&amp;diff=18115"/>
		<updated>2023-02-02T10:34:44Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : /* bénéficier d’un aménagement raisonnable pour votre épreuve d’admission */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===Objectifs===&lt;br /&gt;
&lt;br /&gt;
Vous êtes (futur·e) étudiant·e à l’erg en situation de handicap, de maladie invalidante ou de troubles de l’apprentissage ? &lt;br /&gt;
&lt;br /&gt;
L’erg peut vous proposer un plan d’accompagnement adapté à votre profil et aux difficultés spécifiques que vous êtes susceptible de rencontrer dans le cadre de votre parcours d'étude.&lt;br /&gt;
&lt;br /&gt;
L’erg veille à vous proposer un plan individualisé qui permet d’offrir à tous et toutes un enseignement supérieur inclusif, c’est-à-dire un enseignement qui met en œuvre des dispositifs visant à supprimer ou à réduire les barrières matérielles, pédagogiques, culturelles, sociales et psychologiques rencontrées à l’accès aux études, au cours des études et à l’insertion socio-professionnelle pour les étudiant·es bénéficiaires.&lt;br /&gt;
&lt;br /&gt;
L’enseignement supérieur inclusif est mis en œuvre à l’erg conformément au '''décret du 30 janvier 2014'''.&lt;br /&gt;
&lt;br /&gt;
===Concrètement===&lt;br /&gt;
&lt;br /&gt;
Toute situation médicale peut être prise en compte pour l’octroi du statut d’étudiant bénéficiaire des dispositions du décret relatif à l’enseignement supérieur inclusif. A titre d’exemple, il peut s’agir d’une déficience psychologique, physiologique ou anatomique, d’une invalidité temporaire ou permanente, d’un trouble de déficit de l’attention/hyperactivité, d’une dyslexie, dyspraxie, dysphasie et tout autre trouble «dys», d’une maladie chronique mais aussi d’un déficit visuel ou auditif.&lt;br /&gt;
&lt;br /&gt;
Dès lors que le statut d’étudiant bénéficiaire vous est accordé, un plan d’accompagnement individualisé (PAI) sera réalisé par le service d’accueil et d’accompagnement (SAA) en concertation avec l’étudiant·e.&lt;br /&gt;
&lt;br /&gt;
Ce plan peut comporter des aménagements raisonnables de différentes natures :&lt;br /&gt;
&lt;br /&gt;
* Pédagogique (supports de cours et notes de cours adaptés, charge de cours, suivi des enseignements, acquisition d’une méthode d’apprentissage, évaluations adaptées, etc.),&lt;br /&gt;
* Matérielle (accès aux locaux, aux cours pratiques et artistiques, etc.), &lt;br /&gt;
* Médicale (accès aux soins, etc.),&lt;br /&gt;
* Sociale et culturelle (rapport aux autres, environnement, etc.)&lt;br /&gt;
* Psychologique (bilan, intervention, etc.).&lt;br /&gt;
&lt;br /&gt;
Ce plan peut en outre comporter la possibilité qu’un·e autre étudiant·e de l’erg soit formé·e en vue de s’investir dans le cadre de votre plan d’accompagnement individualisé afin de vous accompagner.&lt;br /&gt;
&lt;br /&gt;
===Faire reconnaître votre situation===&lt;br /&gt;
==== 1. Service d’accueil et d’accompagnement====&lt;br /&gt;
&lt;br /&gt;
Avant d’introduire toute demande d’aménagements raisonnables, il est conseillé de prendre contact avec le service d’accueil et d’accompagnement (SAA) afin d’obtenir toutes les informations et conseils pour l’introduction de la demande. &lt;br /&gt;
Le SAA est tenu à la confidentialité quant à toutes les informations et les documents qui lui seront transmis. &lt;br /&gt;
Dans le cas où vous êtes reconnu comme étudiant.e bénéficiaire, le SAA définira avec vous les aménagements raisonnables à mettre en place, s’assurera de la mise en œuvre effective de votre PAI et évaluera de manière continue la réalisation et l’adéquation de ce PAI avec vos besoins.&lt;br /&gt;
&lt;br /&gt;
====2. Introduction de votre demande====&lt;br /&gt;
&lt;br /&gt;
Pour introduire votre demande, il vous faut remplir le formulaire de demande d’aménagements raisonnables (voir ci-dessous) en oubliant pas d’y annexer les documents nécessaires. &lt;br /&gt;
&lt;br /&gt;
Cette demande est à introduire auprès du SAA au plus tard le :&lt;br /&gt;
&lt;br /&gt;
* Le 15 novembre, pour le 1er quadrimestre,&lt;br /&gt;
* Le 15 mars, pour le 2e quadrimestre.&lt;br /&gt;
&lt;br /&gt;
Les demandes introduites après ces dates ne seront prises en considération que si elles sont dûment justifiées.&lt;br /&gt;
&lt;br /&gt;
Il vous est cependant conseillé d’introduire votre demande au plus tôt afin de pouvoir sereinement mettre en place votre PAI en cas de reconnaissance de votre statut d’étudiant.e bénéficiaire.&lt;br /&gt;
&lt;br /&gt;
====3. Documents à fournir====&lt;br /&gt;
&lt;br /&gt;
Pour que votre situation soit reconnue et que vous puissiez bénéficier des aménagements raisonnables les plus adéquats, il est nécessaire de fournir lors de votre demande :&lt;br /&gt;
&lt;br /&gt;
* Soit, la décision d’un organisme public chargé de l’intégration des personnes en situation de handicap (AViQ, PHARE, etc.),&lt;br /&gt;
* Soit, un rapport circonstancié au niveau de l’autonomie (c’est-à-dire au niveau de la capacité à se gouverner soit même, au niveau de la capacité de jugement et au niveau de la liberté de pouvoir agir) du demandeur au sein de l’erg établi par un spécialiste dans le domaine médical ou par une équipe pluridisciplinaire datant de moins d’un an au moment de la demande.&lt;br /&gt;
&lt;br /&gt;
À titre informatif, si vous avez bénéficié d’aménagements raisonnables durant vos études secondaires, il vous est demandé de fournir la décision de votre école secondaire détaillant les aménagements raisonnables auquel vous avez eu droit durant votre scolarité.&lt;br /&gt;
&lt;br /&gt;
Ce(s) document(s) doit/doivent être suffisamment détaillé(s) que pour pouvoir comprendre au mieux votre situation et les besoins qui pourraient être les vôtres dans le cadre d’études supérieures artistiques.&lt;br /&gt;
Le SAA est à votre disposition pour vous accompagner dans la constitution de votre dossier.&lt;br /&gt;
&lt;br /&gt;
====4. Le traitement de votre demande====&lt;br /&gt;
&lt;br /&gt;
Une fois votre demande officiellement introduite, le SAA soumettra votre dossier à la direction de l’erg qui disposera d’un mois pour remettre sa décision. &lt;br /&gt;
&lt;br /&gt;
L’étudiant.e sera averti.e de cette décision par mail et, en cas d’acceptation de la demande, sera invité·e à se concerter avec le SAA pour l’élaboration du plan d’accompagnement individualisé. Celui-ci sera finalisé au plus tard dans les deux mois qui suivent la décision de la direction.&lt;br /&gt;
&lt;br /&gt;
===Mise en place des aménagements raisonnables===&lt;br /&gt;
&lt;br /&gt;
Le plan d’accompagnement individualisé (PAI) est mis en œuvre par le SAA qui s’assurera de la mise en œuvre des aménagements raisonnables au sein de l’établissement.&lt;br /&gt;
&lt;br /&gt;
Lorsque le PAI prévoit l’intervention d’un.e étudiant.e accompagnateur·rice, une convention sera réalisée avec cet/cette étudiant·e afin de fixer ses missions et les modalités de la réalisation de celles-ci.&lt;br /&gt;
&lt;br /&gt;
En cours d’année, le SAA évaluera la mise en œuvre du PAI, ce dernier pouvant être modifié en cours d’année académique de commun accord entre les signataires. Enfin, d’une année académique à l’autre, votre plan d’accompagnement individualisé pourra être évalué et reconduit.&lt;br /&gt;
&lt;br /&gt;
=== Bénéficier d’un aménagement raisonnable pour votre épreuve d’admission ===&lt;br /&gt;
&lt;br /&gt;
Au-delà de cette procédure qui concerne le déroulement de vos études en tant que telles, si vous souhaitez disposer d’un aménagement raisonnable en vue de présenter l’épreuve d’admission à l’erg, vous êtes invité.e à prendre directement contact avec le SAA afin de définir les modalités de cette demande et des éventuels aménagements raisonnables.&lt;br /&gt;
&lt;br /&gt;
===Documents utiles===&lt;br /&gt;
&lt;br /&gt;
Vous trouverez sur cette page l’ensemble des documents utiles.&lt;br /&gt;
&lt;br /&gt;
* Le formulaire de demande d’aménagements raisonnables&lt;br /&gt;
* Le modèle de plan d’accompagnement individualisé (PAI)&lt;br /&gt;
* La convention de l’étudiant.e accompagnateur·rice dans le cadre d’un PAI&lt;br /&gt;
* La charte de l’étudiant.e accompagnateur·rice&lt;br /&gt;
&lt;br /&gt;
===contact===&lt;br /&gt;
&lt;br /&gt;
service d’accueil et d’accompagnement&lt;br /&gt;
&lt;br /&gt;
[[Maryline Ledoux]]&lt;br /&gt;
&lt;br /&gt;
[mailto:maryline.ledoux@erg.be  email me]&lt;br /&gt;
&lt;br /&gt;
[[Fichier:Docs inclusif.docx.pdf]]&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=L%E2%80%99enseignement_inclusif_%C3%A0_l%E2%80%99erg&amp;diff=18114</id>
		<title>L’enseignement inclusif à l’erg</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=L%E2%80%99enseignement_inclusif_%C3%A0_l%E2%80%99erg&amp;diff=18114"/>
		<updated>2023-02-02T10:34:38Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : /* documents utiles */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===Objectifs===&lt;br /&gt;
&lt;br /&gt;
Vous êtes (futur·e) étudiant·e à l’erg en situation de handicap, de maladie invalidante ou de troubles de l’apprentissage ? &lt;br /&gt;
&lt;br /&gt;
L’erg peut vous proposer un plan d’accompagnement adapté à votre profil et aux difficultés spécifiques que vous êtes susceptible de rencontrer dans le cadre de votre parcours d'étude.&lt;br /&gt;
&lt;br /&gt;
L’erg veille à vous proposer un plan individualisé qui permet d’offrir à tous et toutes un enseignement supérieur inclusif, c’est-à-dire un enseignement qui met en œuvre des dispositifs visant à supprimer ou à réduire les barrières matérielles, pédagogiques, culturelles, sociales et psychologiques rencontrées à l’accès aux études, au cours des études et à l’insertion socio-professionnelle pour les étudiant·es bénéficiaires.&lt;br /&gt;
&lt;br /&gt;
L’enseignement supérieur inclusif est mis en œuvre à l’erg conformément au '''décret du 30 janvier 2014'''.&lt;br /&gt;
&lt;br /&gt;
===Concrètement===&lt;br /&gt;
&lt;br /&gt;
Toute situation médicale peut être prise en compte pour l’octroi du statut d’étudiant bénéficiaire des dispositions du décret relatif à l’enseignement supérieur inclusif. A titre d’exemple, il peut s’agir d’une déficience psychologique, physiologique ou anatomique, d’une invalidité temporaire ou permanente, d’un trouble de déficit de l’attention/hyperactivité, d’une dyslexie, dyspraxie, dysphasie et tout autre trouble «dys», d’une maladie chronique mais aussi d’un déficit visuel ou auditif.&lt;br /&gt;
&lt;br /&gt;
Dès lors que le statut d’étudiant bénéficiaire vous est accordé, un plan d’accompagnement individualisé (PAI) sera réalisé par le service d’accueil et d’accompagnement (SAA) en concertation avec l’étudiant·e.&lt;br /&gt;
&lt;br /&gt;
Ce plan peut comporter des aménagements raisonnables de différentes natures :&lt;br /&gt;
&lt;br /&gt;
* Pédagogique (supports de cours et notes de cours adaptés, charge de cours, suivi des enseignements, acquisition d’une méthode d’apprentissage, évaluations adaptées, etc.),&lt;br /&gt;
* Matérielle (accès aux locaux, aux cours pratiques et artistiques, etc.), &lt;br /&gt;
* Médicale (accès aux soins, etc.),&lt;br /&gt;
* Sociale et culturelle (rapport aux autres, environnement, etc.)&lt;br /&gt;
* Psychologique (bilan, intervention, etc.).&lt;br /&gt;
&lt;br /&gt;
Ce plan peut en outre comporter la possibilité qu’un·e autre étudiant·e de l’erg soit formé·e en vue de s’investir dans le cadre de votre plan d’accompagnement individualisé afin de vous accompagner.&lt;br /&gt;
&lt;br /&gt;
===Faire reconnaître votre situation===&lt;br /&gt;
==== 1. Service d’accueil et d’accompagnement====&lt;br /&gt;
&lt;br /&gt;
Avant d’introduire toute demande d’aménagements raisonnables, il est conseillé de prendre contact avec le service d’accueil et d’accompagnement (SAA) afin d’obtenir toutes les informations et conseils pour l’introduction de la demande. &lt;br /&gt;
Le SAA est tenu à la confidentialité quant à toutes les informations et les documents qui lui seront transmis. &lt;br /&gt;
Dans le cas où vous êtes reconnu comme étudiant.e bénéficiaire, le SAA définira avec vous les aménagements raisonnables à mettre en place, s’assurera de la mise en œuvre effective de votre PAI et évaluera de manière continue la réalisation et l’adéquation de ce PAI avec vos besoins.&lt;br /&gt;
&lt;br /&gt;
====2. Introduction de votre demande====&lt;br /&gt;
&lt;br /&gt;
Pour introduire votre demande, il vous faut remplir le formulaire de demande d’aménagements raisonnables (voir ci-dessous) en oubliant pas d’y annexer les documents nécessaires. &lt;br /&gt;
&lt;br /&gt;
Cette demande est à introduire auprès du SAA au plus tard le :&lt;br /&gt;
&lt;br /&gt;
* Le 15 novembre, pour le 1er quadrimestre,&lt;br /&gt;
* Le 15 mars, pour le 2e quadrimestre.&lt;br /&gt;
&lt;br /&gt;
Les demandes introduites après ces dates ne seront prises en considération que si elles sont dûment justifiées.&lt;br /&gt;
&lt;br /&gt;
Il vous est cependant conseillé d’introduire votre demande au plus tôt afin de pouvoir sereinement mettre en place votre PAI en cas de reconnaissance de votre statut d’étudiant.e bénéficiaire.&lt;br /&gt;
&lt;br /&gt;
====3. Documents à fournir====&lt;br /&gt;
&lt;br /&gt;
Pour que votre situation soit reconnue et que vous puissiez bénéficier des aménagements raisonnables les plus adéquats, il est nécessaire de fournir lors de votre demande :&lt;br /&gt;
&lt;br /&gt;
* Soit, la décision d’un organisme public chargé de l’intégration des personnes en situation de handicap (AViQ, PHARE, etc.),&lt;br /&gt;
* Soit, un rapport circonstancié au niveau de l’autonomie (c’est-à-dire au niveau de la capacité à se gouverner soit même, au niveau de la capacité de jugement et au niveau de la liberté de pouvoir agir) du demandeur au sein de l’erg établi par un spécialiste dans le domaine médical ou par une équipe pluridisciplinaire datant de moins d’un an au moment de la demande.&lt;br /&gt;
&lt;br /&gt;
À titre informatif, si vous avez bénéficié d’aménagements raisonnables durant vos études secondaires, il vous est demandé de fournir la décision de votre école secondaire détaillant les aménagements raisonnables auquel vous avez eu droit durant votre scolarité.&lt;br /&gt;
&lt;br /&gt;
Ce(s) document(s) doit/doivent être suffisamment détaillé(s) que pour pouvoir comprendre au mieux votre situation et les besoins qui pourraient être les vôtres dans le cadre d’études supérieures artistiques.&lt;br /&gt;
Le SAA est à votre disposition pour vous accompagner dans la constitution de votre dossier.&lt;br /&gt;
&lt;br /&gt;
====4. Le traitement de votre demande====&lt;br /&gt;
&lt;br /&gt;
Une fois votre demande officiellement introduite, le SAA soumettra votre dossier à la direction de l’erg qui disposera d’un mois pour remettre sa décision. &lt;br /&gt;
&lt;br /&gt;
L’étudiant.e sera averti.e de cette décision par mail et, en cas d’acceptation de la demande, sera invité·e à se concerter avec le SAA pour l’élaboration du plan d’accompagnement individualisé. Celui-ci sera finalisé au plus tard dans les deux mois qui suivent la décision de la direction.&lt;br /&gt;
&lt;br /&gt;
===Mise en place des aménagements raisonnables===&lt;br /&gt;
&lt;br /&gt;
Le plan d’accompagnement individualisé (PAI) est mis en œuvre par le SAA qui s’assurera de la mise en œuvre des aménagements raisonnables au sein de l’établissement.&lt;br /&gt;
&lt;br /&gt;
Lorsque le PAI prévoit l’intervention d’un.e étudiant.e accompagnateur·rice, une convention sera réalisée avec cet/cette étudiant·e afin de fixer ses missions et les modalités de la réalisation de celles-ci.&lt;br /&gt;
&lt;br /&gt;
En cours d’année, le SAA évaluera la mise en œuvre du PAI, ce dernier pouvant être modifié en cours d’année académique de commun accord entre les signataires. Enfin, d’une année académique à l’autre, votre plan d’accompagnement individualisé pourra être évalué et reconduit.&lt;br /&gt;
&lt;br /&gt;
=== bénéficier d’un aménagement raisonnable pour votre épreuve d’admission ===&lt;br /&gt;
&lt;br /&gt;
Au-delà de cette procédure qui concerne le déroulement de vos études en tant que telles, si vous souhaitez disposer d’un aménagement raisonnable en vue de présenter l’épreuve d’admission à l’erg, vous êtes invité.e à prendre directement contact avec le SAA afin de définir les modalités de cette demande et des éventuels aménagements raisonnables.&lt;br /&gt;
&lt;br /&gt;
===Documents utiles===&lt;br /&gt;
&lt;br /&gt;
Vous trouverez sur cette page l’ensemble des documents utiles.&lt;br /&gt;
&lt;br /&gt;
* Le formulaire de demande d’aménagements raisonnables&lt;br /&gt;
* Le modèle de plan d’accompagnement individualisé (PAI)&lt;br /&gt;
* La convention de l’étudiant.e accompagnateur·rice dans le cadre d’un PAI&lt;br /&gt;
* La charte de l’étudiant.e accompagnateur·rice&lt;br /&gt;
&lt;br /&gt;
===contact===&lt;br /&gt;
&lt;br /&gt;
service d’accueil et d’accompagnement&lt;br /&gt;
&lt;br /&gt;
[[Maryline Ledoux]]&lt;br /&gt;
&lt;br /&gt;
[mailto:maryline.ledoux@erg.be  email me]&lt;br /&gt;
&lt;br /&gt;
[[Fichier:Docs inclusif.docx.pdf]]&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=L%E2%80%99enseignement_inclusif_%C3%A0_l%E2%80%99erg&amp;diff=18113</id>
		<title>L’enseignement inclusif à l’erg</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=L%E2%80%99enseignement_inclusif_%C3%A0_l%E2%80%99erg&amp;diff=18113"/>
		<updated>2023-02-02T10:34:19Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : /* mise en place des aménagements raisonnables */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===Objectifs===&lt;br /&gt;
&lt;br /&gt;
Vous êtes (futur·e) étudiant·e à l’erg en situation de handicap, de maladie invalidante ou de troubles de l’apprentissage ? &lt;br /&gt;
&lt;br /&gt;
L’erg peut vous proposer un plan d’accompagnement adapté à votre profil et aux difficultés spécifiques que vous êtes susceptible de rencontrer dans le cadre de votre parcours d'étude.&lt;br /&gt;
&lt;br /&gt;
L’erg veille à vous proposer un plan individualisé qui permet d’offrir à tous et toutes un enseignement supérieur inclusif, c’est-à-dire un enseignement qui met en œuvre des dispositifs visant à supprimer ou à réduire les barrières matérielles, pédagogiques, culturelles, sociales et psychologiques rencontrées à l’accès aux études, au cours des études et à l’insertion socio-professionnelle pour les étudiant·es bénéficiaires.&lt;br /&gt;
&lt;br /&gt;
L’enseignement supérieur inclusif est mis en œuvre à l’erg conformément au '''décret du 30 janvier 2014'''.&lt;br /&gt;
&lt;br /&gt;
===Concrètement===&lt;br /&gt;
&lt;br /&gt;
Toute situation médicale peut être prise en compte pour l’octroi du statut d’étudiant bénéficiaire des dispositions du décret relatif à l’enseignement supérieur inclusif. A titre d’exemple, il peut s’agir d’une déficience psychologique, physiologique ou anatomique, d’une invalidité temporaire ou permanente, d’un trouble de déficit de l’attention/hyperactivité, d’une dyslexie, dyspraxie, dysphasie et tout autre trouble «dys», d’une maladie chronique mais aussi d’un déficit visuel ou auditif.&lt;br /&gt;
&lt;br /&gt;
Dès lors que le statut d’étudiant bénéficiaire vous est accordé, un plan d’accompagnement individualisé (PAI) sera réalisé par le service d’accueil et d’accompagnement (SAA) en concertation avec l’étudiant·e.&lt;br /&gt;
&lt;br /&gt;
Ce plan peut comporter des aménagements raisonnables de différentes natures :&lt;br /&gt;
&lt;br /&gt;
* Pédagogique (supports de cours et notes de cours adaptés, charge de cours, suivi des enseignements, acquisition d’une méthode d’apprentissage, évaluations adaptées, etc.),&lt;br /&gt;
* Matérielle (accès aux locaux, aux cours pratiques et artistiques, etc.), &lt;br /&gt;
* Médicale (accès aux soins, etc.),&lt;br /&gt;
* Sociale et culturelle (rapport aux autres, environnement, etc.)&lt;br /&gt;
* Psychologique (bilan, intervention, etc.).&lt;br /&gt;
&lt;br /&gt;
Ce plan peut en outre comporter la possibilité qu’un·e autre étudiant·e de l’erg soit formé·e en vue de s’investir dans le cadre de votre plan d’accompagnement individualisé afin de vous accompagner.&lt;br /&gt;
&lt;br /&gt;
===Faire reconnaître votre situation===&lt;br /&gt;
==== 1. Service d’accueil et d’accompagnement====&lt;br /&gt;
&lt;br /&gt;
Avant d’introduire toute demande d’aménagements raisonnables, il est conseillé de prendre contact avec le service d’accueil et d’accompagnement (SAA) afin d’obtenir toutes les informations et conseils pour l’introduction de la demande. &lt;br /&gt;
Le SAA est tenu à la confidentialité quant à toutes les informations et les documents qui lui seront transmis. &lt;br /&gt;
Dans le cas où vous êtes reconnu comme étudiant.e bénéficiaire, le SAA définira avec vous les aménagements raisonnables à mettre en place, s’assurera de la mise en œuvre effective de votre PAI et évaluera de manière continue la réalisation et l’adéquation de ce PAI avec vos besoins.&lt;br /&gt;
&lt;br /&gt;
====2. Introduction de votre demande====&lt;br /&gt;
&lt;br /&gt;
Pour introduire votre demande, il vous faut remplir le formulaire de demande d’aménagements raisonnables (voir ci-dessous) en oubliant pas d’y annexer les documents nécessaires. &lt;br /&gt;
&lt;br /&gt;
Cette demande est à introduire auprès du SAA au plus tard le :&lt;br /&gt;
&lt;br /&gt;
* Le 15 novembre, pour le 1er quadrimestre,&lt;br /&gt;
* Le 15 mars, pour le 2e quadrimestre.&lt;br /&gt;
&lt;br /&gt;
Les demandes introduites après ces dates ne seront prises en considération que si elles sont dûment justifiées.&lt;br /&gt;
&lt;br /&gt;
Il vous est cependant conseillé d’introduire votre demande au plus tôt afin de pouvoir sereinement mettre en place votre PAI en cas de reconnaissance de votre statut d’étudiant.e bénéficiaire.&lt;br /&gt;
&lt;br /&gt;
====3. Documents à fournir====&lt;br /&gt;
&lt;br /&gt;
Pour que votre situation soit reconnue et que vous puissiez bénéficier des aménagements raisonnables les plus adéquats, il est nécessaire de fournir lors de votre demande :&lt;br /&gt;
&lt;br /&gt;
* Soit, la décision d’un organisme public chargé de l’intégration des personnes en situation de handicap (AViQ, PHARE, etc.),&lt;br /&gt;
* Soit, un rapport circonstancié au niveau de l’autonomie (c’est-à-dire au niveau de la capacité à se gouverner soit même, au niveau de la capacité de jugement et au niveau de la liberté de pouvoir agir) du demandeur au sein de l’erg établi par un spécialiste dans le domaine médical ou par une équipe pluridisciplinaire datant de moins d’un an au moment de la demande.&lt;br /&gt;
&lt;br /&gt;
À titre informatif, si vous avez bénéficié d’aménagements raisonnables durant vos études secondaires, il vous est demandé de fournir la décision de votre école secondaire détaillant les aménagements raisonnables auquel vous avez eu droit durant votre scolarité.&lt;br /&gt;
&lt;br /&gt;
Ce(s) document(s) doit/doivent être suffisamment détaillé(s) que pour pouvoir comprendre au mieux votre situation et les besoins qui pourraient être les vôtres dans le cadre d’études supérieures artistiques.&lt;br /&gt;
Le SAA est à votre disposition pour vous accompagner dans la constitution de votre dossier.&lt;br /&gt;
&lt;br /&gt;
====4. Le traitement de votre demande====&lt;br /&gt;
&lt;br /&gt;
Une fois votre demande officiellement introduite, le SAA soumettra votre dossier à la direction de l’erg qui disposera d’un mois pour remettre sa décision. &lt;br /&gt;
&lt;br /&gt;
L’étudiant.e sera averti.e de cette décision par mail et, en cas d’acceptation de la demande, sera invité·e à se concerter avec le SAA pour l’élaboration du plan d’accompagnement individualisé. Celui-ci sera finalisé au plus tard dans les deux mois qui suivent la décision de la direction.&lt;br /&gt;
&lt;br /&gt;
===Mise en place des aménagements raisonnables===&lt;br /&gt;
&lt;br /&gt;
Le plan d’accompagnement individualisé (PAI) est mis en œuvre par le SAA qui s’assurera de la mise en œuvre des aménagements raisonnables au sein de l’établissement.&lt;br /&gt;
&lt;br /&gt;
Lorsque le PAI prévoit l’intervention d’un.e étudiant.e accompagnateur·rice, une convention sera réalisée avec cet/cette étudiant·e afin de fixer ses missions et les modalités de la réalisation de celles-ci.&lt;br /&gt;
&lt;br /&gt;
En cours d’année, le SAA évaluera la mise en œuvre du PAI, ce dernier pouvant être modifié en cours d’année académique de commun accord entre les signataires. Enfin, d’une année académique à l’autre, votre plan d’accompagnement individualisé pourra être évalué et reconduit.&lt;br /&gt;
&lt;br /&gt;
=== bénéficier d’un aménagement raisonnable pour votre épreuve d’admission ===&lt;br /&gt;
&lt;br /&gt;
Au-delà de cette procédure qui concerne le déroulement de vos études en tant que telles, si vous souhaitez disposer d’un aménagement raisonnable en vue de présenter l’épreuve d’admission à l’erg, vous êtes invité.e à prendre directement contact avec le SAA afin de définir les modalités de cette demande et des éventuels aménagements raisonnables.&lt;br /&gt;
&lt;br /&gt;
===documents utiles===&lt;br /&gt;
&lt;br /&gt;
Vous trouverez sur cette page l’ensemble des documents utiles.&lt;br /&gt;
&lt;br /&gt;
- Le formulaire de demande d’aménagements raisonnables&lt;br /&gt;
&lt;br /&gt;
- Le modèle de plan d’accompagnement individualisé (PAI)&lt;br /&gt;
&lt;br /&gt;
- La convention de l’étudiant.e accompagnateur·rice dans le cadre d’un PAI&lt;br /&gt;
&lt;br /&gt;
- La charte de l’étudiant.e accompagnateur·rice&lt;br /&gt;
&lt;br /&gt;
===contact===&lt;br /&gt;
&lt;br /&gt;
service d’accueil et d’accompagnement&lt;br /&gt;
&lt;br /&gt;
[[Maryline Ledoux]]&lt;br /&gt;
&lt;br /&gt;
[mailto:maryline.ledoux@erg.be  email me]&lt;br /&gt;
&lt;br /&gt;
[[Fichier:Docs inclusif.docx.pdf]]&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=L%E2%80%99enseignement_inclusif_%C3%A0_l%E2%80%99erg&amp;diff=18112</id>
		<title>L’enseignement inclusif à l’erg</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=L%E2%80%99enseignement_inclusif_%C3%A0_l%E2%80%99erg&amp;diff=18112"/>
		<updated>2023-02-02T10:33:30Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : /* faire reconnaître votre situation */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===Objectifs===&lt;br /&gt;
&lt;br /&gt;
Vous êtes (futur·e) étudiant·e à l’erg en situation de handicap, de maladie invalidante ou de troubles de l’apprentissage ? &lt;br /&gt;
&lt;br /&gt;
L’erg peut vous proposer un plan d’accompagnement adapté à votre profil et aux difficultés spécifiques que vous êtes susceptible de rencontrer dans le cadre de votre parcours d'étude.&lt;br /&gt;
&lt;br /&gt;
L’erg veille à vous proposer un plan individualisé qui permet d’offrir à tous et toutes un enseignement supérieur inclusif, c’est-à-dire un enseignement qui met en œuvre des dispositifs visant à supprimer ou à réduire les barrières matérielles, pédagogiques, culturelles, sociales et psychologiques rencontrées à l’accès aux études, au cours des études et à l’insertion socio-professionnelle pour les étudiant·es bénéficiaires.&lt;br /&gt;
&lt;br /&gt;
L’enseignement supérieur inclusif est mis en œuvre à l’erg conformément au '''décret du 30 janvier 2014'''.&lt;br /&gt;
&lt;br /&gt;
===Concrètement===&lt;br /&gt;
&lt;br /&gt;
Toute situation médicale peut être prise en compte pour l’octroi du statut d’étudiant bénéficiaire des dispositions du décret relatif à l’enseignement supérieur inclusif. A titre d’exemple, il peut s’agir d’une déficience psychologique, physiologique ou anatomique, d’une invalidité temporaire ou permanente, d’un trouble de déficit de l’attention/hyperactivité, d’une dyslexie, dyspraxie, dysphasie et tout autre trouble «dys», d’une maladie chronique mais aussi d’un déficit visuel ou auditif.&lt;br /&gt;
&lt;br /&gt;
Dès lors que le statut d’étudiant bénéficiaire vous est accordé, un plan d’accompagnement individualisé (PAI) sera réalisé par le service d’accueil et d’accompagnement (SAA) en concertation avec l’étudiant·e.&lt;br /&gt;
&lt;br /&gt;
Ce plan peut comporter des aménagements raisonnables de différentes natures :&lt;br /&gt;
&lt;br /&gt;
* Pédagogique (supports de cours et notes de cours adaptés, charge de cours, suivi des enseignements, acquisition d’une méthode d’apprentissage, évaluations adaptées, etc.),&lt;br /&gt;
* Matérielle (accès aux locaux, aux cours pratiques et artistiques, etc.), &lt;br /&gt;
* Médicale (accès aux soins, etc.),&lt;br /&gt;
* Sociale et culturelle (rapport aux autres, environnement, etc.)&lt;br /&gt;
* Psychologique (bilan, intervention, etc.).&lt;br /&gt;
&lt;br /&gt;
Ce plan peut en outre comporter la possibilité qu’un·e autre étudiant·e de l’erg soit formé·e en vue de s’investir dans le cadre de votre plan d’accompagnement individualisé afin de vous accompagner.&lt;br /&gt;
&lt;br /&gt;
===Faire reconnaître votre situation===&lt;br /&gt;
==== 1. Service d’accueil et d’accompagnement====&lt;br /&gt;
&lt;br /&gt;
Avant d’introduire toute demande d’aménagements raisonnables, il est conseillé de prendre contact avec le service d’accueil et d’accompagnement (SAA) afin d’obtenir toutes les informations et conseils pour l’introduction de la demande. &lt;br /&gt;
Le SAA est tenu à la confidentialité quant à toutes les informations et les documents qui lui seront transmis. &lt;br /&gt;
Dans le cas où vous êtes reconnu comme étudiant.e bénéficiaire, le SAA définira avec vous les aménagements raisonnables à mettre en place, s’assurera de la mise en œuvre effective de votre PAI et évaluera de manière continue la réalisation et l’adéquation de ce PAI avec vos besoins.&lt;br /&gt;
&lt;br /&gt;
====2. Introduction de votre demande====&lt;br /&gt;
&lt;br /&gt;
Pour introduire votre demande, il vous faut remplir le formulaire de demande d’aménagements raisonnables (voir ci-dessous) en oubliant pas d’y annexer les documents nécessaires. &lt;br /&gt;
&lt;br /&gt;
Cette demande est à introduire auprès du SAA au plus tard le :&lt;br /&gt;
&lt;br /&gt;
* Le 15 novembre, pour le 1er quadrimestre,&lt;br /&gt;
* Le 15 mars, pour le 2e quadrimestre.&lt;br /&gt;
&lt;br /&gt;
Les demandes introduites après ces dates ne seront prises en considération que si elles sont dûment justifiées.&lt;br /&gt;
&lt;br /&gt;
Il vous est cependant conseillé d’introduire votre demande au plus tôt afin de pouvoir sereinement mettre en place votre PAI en cas de reconnaissance de votre statut d’étudiant.e bénéficiaire.&lt;br /&gt;
&lt;br /&gt;
====3. Documents à fournir====&lt;br /&gt;
&lt;br /&gt;
Pour que votre situation soit reconnue et que vous puissiez bénéficier des aménagements raisonnables les plus adéquats, il est nécessaire de fournir lors de votre demande :&lt;br /&gt;
&lt;br /&gt;
* Soit, la décision d’un organisme public chargé de l’intégration des personnes en situation de handicap (AViQ, PHARE, etc.),&lt;br /&gt;
* Soit, un rapport circonstancié au niveau de l’autonomie (c’est-à-dire au niveau de la capacité à se gouverner soit même, au niveau de la capacité de jugement et au niveau de la liberté de pouvoir agir) du demandeur au sein de l’erg établi par un spécialiste dans le domaine médical ou par une équipe pluridisciplinaire datant de moins d’un an au moment de la demande.&lt;br /&gt;
&lt;br /&gt;
À titre informatif, si vous avez bénéficié d’aménagements raisonnables durant vos études secondaires, il vous est demandé de fournir la décision de votre école secondaire détaillant les aménagements raisonnables auquel vous avez eu droit durant votre scolarité.&lt;br /&gt;
&lt;br /&gt;
Ce(s) document(s) doit/doivent être suffisamment détaillé(s) que pour pouvoir comprendre au mieux votre situation et les besoins qui pourraient être les vôtres dans le cadre d’études supérieures artistiques.&lt;br /&gt;
Le SAA est à votre disposition pour vous accompagner dans la constitution de votre dossier.&lt;br /&gt;
&lt;br /&gt;
====4. Le traitement de votre demande====&lt;br /&gt;
&lt;br /&gt;
Une fois votre demande officiellement introduite, le SAA soumettra votre dossier à la direction de l’erg qui disposera d’un mois pour remettre sa décision. &lt;br /&gt;
&lt;br /&gt;
L’étudiant.e sera averti.e de cette décision par mail et, en cas d’acceptation de la demande, sera invité·e à se concerter avec le SAA pour l’élaboration du plan d’accompagnement individualisé. Celui-ci sera finalisé au plus tard dans les deux mois qui suivent la décision de la direction.&lt;br /&gt;
&lt;br /&gt;
===mise en place des aménagements raisonnables===&lt;br /&gt;
&lt;br /&gt;
Le plan d’accompagnement individualisé (PAI) est mis en œuvre par le SAA qui s’assurera de la mise en œuvre des aménagements raisonnables au sein de l’établissement.&lt;br /&gt;
&lt;br /&gt;
Lorsque le PAI prévoit l’intervention d’un.e étudiant.e accompagnateur·rice, une convention sera réalisée avec cet/cette étudiant·e afin de fixer ses missions et les modalités de la réalisation de celles-ci.&lt;br /&gt;
&lt;br /&gt;
En cours d’année, le SAA évaluera la mise en œuvre du PAI, ce dernier pouvant être modifié en cours d’année académique de commun accord entre les signataires. Enfin, d’une année académique à l’autre, votre plan d’accompagnement individualisé pourra être évalué et reconduit.&lt;br /&gt;
&lt;br /&gt;
=== bénéficier d’un aménagement raisonnable pour votre épreuve d’admission ===&lt;br /&gt;
&lt;br /&gt;
Au-delà de cette procédure qui concerne le déroulement de vos études en tant que telles, si vous souhaitez disposer d’un aménagement raisonnable en vue de présenter l’épreuve d’admission à l’erg, vous êtes invité.e à prendre directement contact avec le SAA afin de définir les modalités de cette demande et des éventuels aménagements raisonnables.&lt;br /&gt;
&lt;br /&gt;
===documents utiles===&lt;br /&gt;
&lt;br /&gt;
Vous trouverez sur cette page l’ensemble des documents utiles.&lt;br /&gt;
&lt;br /&gt;
- Le formulaire de demande d’aménagements raisonnables&lt;br /&gt;
&lt;br /&gt;
- Le modèle de plan d’accompagnement individualisé (PAI)&lt;br /&gt;
&lt;br /&gt;
- La convention de l’étudiant.e accompagnateur·rice dans le cadre d’un PAI&lt;br /&gt;
&lt;br /&gt;
- La charte de l’étudiant.e accompagnateur·rice&lt;br /&gt;
&lt;br /&gt;
===contact===&lt;br /&gt;
&lt;br /&gt;
service d’accueil et d’accompagnement&lt;br /&gt;
&lt;br /&gt;
[[Maryline Ledoux]]&lt;br /&gt;
&lt;br /&gt;
[mailto:maryline.ledoux@erg.be  email me]&lt;br /&gt;
&lt;br /&gt;
[[Fichier:Docs inclusif.docx.pdf]]&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18111</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18111"/>
		<updated>2023-02-02T10:31:57Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 2em;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li {&lt;br /&gt;
    line-height: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
    margin-bottom: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18110</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=18110"/>
		<updated>2023-02-02T10:30:25Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 2em;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul {&lt;br /&gt;
    margin-bottom: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li {&lt;br /&gt;
    line-height: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=L%E2%80%99enseignement_inclusif_%C3%A0_l%E2%80%99erg&amp;diff=18109</id>
		<title>L’enseignement inclusif à l’erg</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=L%E2%80%99enseignement_inclusif_%C3%A0_l%E2%80%99erg&amp;diff=18109"/>
		<updated>2023-02-02T10:28:33Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : /* Concrètement */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===Objectifs===&lt;br /&gt;
&lt;br /&gt;
Vous êtes (futur·e) étudiant·e à l’erg en situation de handicap, de maladie invalidante ou de troubles de l’apprentissage ? &lt;br /&gt;
&lt;br /&gt;
L’erg peut vous proposer un plan d’accompagnement adapté à votre profil et aux difficultés spécifiques que vous êtes susceptible de rencontrer dans le cadre de votre parcours d'étude.&lt;br /&gt;
&lt;br /&gt;
L’erg veille à vous proposer un plan individualisé qui permet d’offrir à tous et toutes un enseignement supérieur inclusif, c’est-à-dire un enseignement qui met en œuvre des dispositifs visant à supprimer ou à réduire les barrières matérielles, pédagogiques, culturelles, sociales et psychologiques rencontrées à l’accès aux études, au cours des études et à l’insertion socio-professionnelle pour les étudiant·es bénéficiaires.&lt;br /&gt;
&lt;br /&gt;
L’enseignement supérieur inclusif est mis en œuvre à l’erg conformément au '''décret du 30 janvier 2014'''.&lt;br /&gt;
&lt;br /&gt;
===Concrètement===&lt;br /&gt;
&lt;br /&gt;
Toute situation médicale peut être prise en compte pour l’octroi du statut d’étudiant bénéficiaire des dispositions du décret relatif à l’enseignement supérieur inclusif. A titre d’exemple, il peut s’agir d’une déficience psychologique, physiologique ou anatomique, d’une invalidité temporaire ou permanente, d’un trouble de déficit de l’attention/hyperactivité, d’une dyslexie, dyspraxie, dysphasie et tout autre trouble «dys», d’une maladie chronique mais aussi d’un déficit visuel ou auditif.&lt;br /&gt;
&lt;br /&gt;
Dès lors que le statut d’étudiant bénéficiaire vous est accordé, un plan d’accompagnement individualisé (PAI) sera réalisé par le service d’accueil et d’accompagnement (SAA) en concertation avec l’étudiant·e.&lt;br /&gt;
&lt;br /&gt;
Ce plan peut comporter des aménagements raisonnables de différentes natures :&lt;br /&gt;
&lt;br /&gt;
* Pédagogique (supports de cours et notes de cours adaptés, charge de cours, suivi des enseignements, acquisition d’une méthode d’apprentissage, évaluations adaptées, etc.),&lt;br /&gt;
* Matérielle (accès aux locaux, aux cours pratiques et artistiques, etc.), &lt;br /&gt;
* Médicale (accès aux soins, etc.),&lt;br /&gt;
* Sociale et culturelle (rapport aux autres, environnement, etc.)&lt;br /&gt;
* Psychologique (bilan, intervention, etc.).&lt;br /&gt;
&lt;br /&gt;
Ce plan peut en outre comporter la possibilité qu’un·e autre étudiant·e de l’erg soit formé·e en vue de s’investir dans le cadre de votre plan d’accompagnement individualisé afin de vous accompagner.&lt;br /&gt;
&lt;br /&gt;
===faire reconnaître votre situation===&lt;br /&gt;
==== 1. service d’accueil et d’accompagnement====&lt;br /&gt;
&lt;br /&gt;
Avant d’introduire toute demande d’aménagements raisonnables, il est conseillé de prendre contact avec le service d’accueil et d’accompagnement (SAA) afin d’obtenir toutes les informations et conseils pour l’introduction de la demande. &lt;br /&gt;
Le SAA est tenu à la confidentialité quant à toutes les informations et les documents qui lui seront transmis. &lt;br /&gt;
Dans le cas où vous êtes reconnu comme étudiant.e bénéficiaire, le SAA définira avec vous les aménagements raisonnables à mettre en place, s’assurera de la mise en œuvre effective de votre PAI et évaluera de manière continue la réalisation et l’adéquation de ce PAI avec vos besoins.&lt;br /&gt;
&lt;br /&gt;
====2. introduction de votre demande====&lt;br /&gt;
&lt;br /&gt;
Pour introduire votre demande, il vous faut remplir le formulaire de demande d’aménagements raisonnables (voir ci-dessous) en oubliant pas d’y annexer les documents nécessaires. &lt;br /&gt;
&lt;br /&gt;
Cette demande est à introduire auprès du SAA au plus tard le :&lt;br /&gt;
&lt;br /&gt;
- Le 15 novembre, pour le 1er quadrimestre,&lt;br /&gt;
&lt;br /&gt;
- Le 15 mars, pour le 2ème quadrimestre.&lt;br /&gt;
&lt;br /&gt;
Les demandes introduites après ces dates ne seront prises en considération que si elles sont dûment justifiées.&lt;br /&gt;
&lt;br /&gt;
Il vous est cependant conseillé d’introduire votre demande au plus tôt afin de pouvoir sereinement mettre en place votre PAI en cas de reconnaissance de votre statut d’étudiant.e bénéficiaire.&lt;br /&gt;
&lt;br /&gt;
====3. documents à fournir====&lt;br /&gt;
&lt;br /&gt;
Pour que votre situation soit reconnue et que vous puissiez bénéficier des aménagements raisonnables les plus adéquats, il est nécessaire de fournir lors de votre demande :&lt;br /&gt;
&lt;br /&gt;
- Soit, la décision d’un organisme public chargé de l’intégration des personnes en situation de handicap (AViQ, PHARE, etc.),&lt;br /&gt;
&lt;br /&gt;
- Soit, un rapport circonstancié au niveau de l’autonomie (c’est-à-dire au niveau de la capacité à se gouverner soit même, au niveau de la capacité de jugement et au niveau de la liberté de pouvoir agir) du demandeur au sein de l’Erg établi par un spécialiste dans le domaine médical ou par une équipe pluridisciplinaire datant de moins d’un an au moment de la demande.&lt;br /&gt;
&lt;br /&gt;
A titre informatif, si vous avez bénéficié d’aménagements raisonnables durant vos études secondaires, il vous est demandé de fournir la décision de votre école secondaire détaillant les aménagements raisonnables auquel vous avez eu droit durant votre scolarité.&lt;br /&gt;
&lt;br /&gt;
Ce(s) document(s) doit/doivent être suffisamment détaillé(s) que pour pouvoir comprendre au mieux votre situation et les besoins qui pourraient être les vôtres dans le cadre d’études supérieures artistiques.&lt;br /&gt;
Le SAA est à votre disposition pour vous accompagner dans la constitution de votre dossier.&lt;br /&gt;
&lt;br /&gt;
====4. le traitement de votre demande====&lt;br /&gt;
&lt;br /&gt;
Une fois votre demande officiellement introduite, le SAA soumettra votre dossier à la direction de l’erg qui disposera d’un mois pour remettre sa décision. &lt;br /&gt;
&lt;br /&gt;
L’étudiant.e sera averti de cette décision par mail et, en cas d’acceptation de la demande, sera invité·e à se concerter avec le SAA pour l’élaboration du plan d’accompagnement individualisé. Celui-ci sera finalisé au plus tard dans les deux mois qui suivent la décision de la direction.&lt;br /&gt;
&lt;br /&gt;
===mise en place des aménagements raisonnables===&lt;br /&gt;
&lt;br /&gt;
Le plan d’accompagnement individualisé (PAI) est mis en œuvre par le SAA qui s’assurera de la mise en œuvre des aménagements raisonnables au sein de l’établissement.&lt;br /&gt;
&lt;br /&gt;
Lorsque le PAI prévoit l’intervention d’un.e étudiant.e accompagnateur·rice, une convention sera réalisée avec cet/cette étudiant·e afin de fixer ses missions et les modalités de la réalisation de celles-ci.&lt;br /&gt;
&lt;br /&gt;
En cours d’année, le SAA évaluera la mise en œuvre du PAI, ce dernier pouvant être modifié en cours d’année académique de commun accord entre les signataires. Enfin, d’une année académique à l’autre, votre plan d’accompagnement individualisé pourra être évalué et reconduit.&lt;br /&gt;
&lt;br /&gt;
=== bénéficier d’un aménagement raisonnable pour votre épreuve d’admission ===&lt;br /&gt;
&lt;br /&gt;
Au-delà de cette procédure qui concerne le déroulement de vos études en tant que telles, si vous souhaitez disposer d’un aménagement raisonnable en vue de présenter l’épreuve d’admission à l’erg, vous êtes invité.e à prendre directement contact avec le SAA afin de définir les modalités de cette demande et des éventuels aménagements raisonnables.&lt;br /&gt;
&lt;br /&gt;
===documents utiles===&lt;br /&gt;
&lt;br /&gt;
Vous trouverez sur cette page l’ensemble des documents utiles.&lt;br /&gt;
&lt;br /&gt;
- Le formulaire de demande d’aménagements raisonnables&lt;br /&gt;
&lt;br /&gt;
- Le modèle de plan d’accompagnement individualisé (PAI)&lt;br /&gt;
&lt;br /&gt;
- La convention de l’étudiant.e accompagnateur·rice dans le cadre d’un PAI&lt;br /&gt;
&lt;br /&gt;
- La charte de l’étudiant.e accompagnateur·rice&lt;br /&gt;
&lt;br /&gt;
===contact===&lt;br /&gt;
&lt;br /&gt;
service d’accueil et d’accompagnement&lt;br /&gt;
&lt;br /&gt;
[[Maryline Ledoux]]&lt;br /&gt;
&lt;br /&gt;
[mailto:maryline.ledoux@erg.be  email me]&lt;br /&gt;
&lt;br /&gt;
[[Fichier:Docs inclusif.docx.pdf]]&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=L%E2%80%99enseignement_inclusif_%C3%A0_l%E2%80%99erg&amp;diff=18108</id>
		<title>L’enseignement inclusif à l’erg</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=L%E2%80%99enseignement_inclusif_%C3%A0_l%E2%80%99erg&amp;diff=18108"/>
		<updated>2023-02-02T10:27:48Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : /* concrètement */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===Objectifs===&lt;br /&gt;
&lt;br /&gt;
Vous êtes (futur·e) étudiant·e à l’erg en situation de handicap, de maladie invalidante ou de troubles de l’apprentissage ? &lt;br /&gt;
&lt;br /&gt;
L’erg peut vous proposer un plan d’accompagnement adapté à votre profil et aux difficultés spécifiques que vous êtes susceptible de rencontrer dans le cadre de votre parcours d'étude.&lt;br /&gt;
&lt;br /&gt;
L’erg veille à vous proposer un plan individualisé qui permet d’offrir à tous et toutes un enseignement supérieur inclusif, c’est-à-dire un enseignement qui met en œuvre des dispositifs visant à supprimer ou à réduire les barrières matérielles, pédagogiques, culturelles, sociales et psychologiques rencontrées à l’accès aux études, au cours des études et à l’insertion socio-professionnelle pour les étudiant·es bénéficiaires.&lt;br /&gt;
&lt;br /&gt;
L’enseignement supérieur inclusif est mis en œuvre à l’erg conformément au '''décret du 30 janvier 2014'''.&lt;br /&gt;
&lt;br /&gt;
===Concrètement===&lt;br /&gt;
&lt;br /&gt;
Toute situation médicale peut être prise en compte pour l’octroi du statut d’étudiant bénéficiaire des dispositions du décret relatif à l’enseignement supérieur inclusif. A titre d’exemple, il peut s’agir d’une déficience psychologique, physiologique ou anatomique, d’une invalidité temporaire ou permanente, d’un trouble de déficit de l’attention/hyperactivité, d’une dyslexie, dyspraxie, dysphasie et tout autre trouble «dys», d’une maladie chronique mais aussi d’un déficit visuel ou auditif.&lt;br /&gt;
&lt;br /&gt;
Dès lors que le statut d’étudiant bénéficiaire vous est accordé, un plan d’accompagnement individualisé (PAI) sera réalisé par le service d’accueil et d’accompagnement (SAA) en concertation avec l’étudiant·e.&lt;br /&gt;
&lt;br /&gt;
Ce plan peut comporter des aménagements raisonnables de différentes natures :&lt;br /&gt;
&lt;br /&gt;
- Pédagogique (supports de cours et notes de cours adaptés, charge de cours, suivi des enseignements, acquisition d’une méthode d’apprentissage, évaluations adaptées, etc.),&lt;br /&gt;
&lt;br /&gt;
- Matérielle (accès aux locaux, aux cours pratiques et artistiques, etc.), &lt;br /&gt;
&lt;br /&gt;
- Médicale (accès aux soins, etc.),&lt;br /&gt;
&lt;br /&gt;
- Sociale et culturelle (rapport aux autres, environnement, etc.)&lt;br /&gt;
&lt;br /&gt;
- Psychologique (bilan, intervention, etc.).&lt;br /&gt;
&lt;br /&gt;
Ce plan peut en outre comporter la possibilité qu’un·e autre étudiant·e de l’erg soit formé·e en vue de s’investir dans le cadre de votre plan d’accompagnement individualisé afin de vous accompagner.&lt;br /&gt;
&lt;br /&gt;
===faire reconnaître votre situation===&lt;br /&gt;
==== 1. service d’accueil et d’accompagnement====&lt;br /&gt;
&lt;br /&gt;
Avant d’introduire toute demande d’aménagements raisonnables, il est conseillé de prendre contact avec le service d’accueil et d’accompagnement (SAA) afin d’obtenir toutes les informations et conseils pour l’introduction de la demande. &lt;br /&gt;
Le SAA est tenu à la confidentialité quant à toutes les informations et les documents qui lui seront transmis. &lt;br /&gt;
Dans le cas où vous êtes reconnu comme étudiant.e bénéficiaire, le SAA définira avec vous les aménagements raisonnables à mettre en place, s’assurera de la mise en œuvre effective de votre PAI et évaluera de manière continue la réalisation et l’adéquation de ce PAI avec vos besoins.&lt;br /&gt;
&lt;br /&gt;
====2. introduction de votre demande====&lt;br /&gt;
&lt;br /&gt;
Pour introduire votre demande, il vous faut remplir le formulaire de demande d’aménagements raisonnables (voir ci-dessous) en oubliant pas d’y annexer les documents nécessaires. &lt;br /&gt;
&lt;br /&gt;
Cette demande est à introduire auprès du SAA au plus tard le :&lt;br /&gt;
&lt;br /&gt;
- Le 15 novembre, pour le 1er quadrimestre,&lt;br /&gt;
&lt;br /&gt;
- Le 15 mars, pour le 2ème quadrimestre.&lt;br /&gt;
&lt;br /&gt;
Les demandes introduites après ces dates ne seront prises en considération que si elles sont dûment justifiées.&lt;br /&gt;
&lt;br /&gt;
Il vous est cependant conseillé d’introduire votre demande au plus tôt afin de pouvoir sereinement mettre en place votre PAI en cas de reconnaissance de votre statut d’étudiant.e bénéficiaire.&lt;br /&gt;
&lt;br /&gt;
====3. documents à fournir====&lt;br /&gt;
&lt;br /&gt;
Pour que votre situation soit reconnue et que vous puissiez bénéficier des aménagements raisonnables les plus adéquats, il est nécessaire de fournir lors de votre demande :&lt;br /&gt;
&lt;br /&gt;
- Soit, la décision d’un organisme public chargé de l’intégration des personnes en situation de handicap (AViQ, PHARE, etc.),&lt;br /&gt;
&lt;br /&gt;
- Soit, un rapport circonstancié au niveau de l’autonomie (c’est-à-dire au niveau de la capacité à se gouverner soit même, au niveau de la capacité de jugement et au niveau de la liberté de pouvoir agir) du demandeur au sein de l’Erg établi par un spécialiste dans le domaine médical ou par une équipe pluridisciplinaire datant de moins d’un an au moment de la demande.&lt;br /&gt;
&lt;br /&gt;
A titre informatif, si vous avez bénéficié d’aménagements raisonnables durant vos études secondaires, il vous est demandé de fournir la décision de votre école secondaire détaillant les aménagements raisonnables auquel vous avez eu droit durant votre scolarité.&lt;br /&gt;
&lt;br /&gt;
Ce(s) document(s) doit/doivent être suffisamment détaillé(s) que pour pouvoir comprendre au mieux votre situation et les besoins qui pourraient être les vôtres dans le cadre d’études supérieures artistiques.&lt;br /&gt;
Le SAA est à votre disposition pour vous accompagner dans la constitution de votre dossier.&lt;br /&gt;
&lt;br /&gt;
====4. le traitement de votre demande====&lt;br /&gt;
&lt;br /&gt;
Une fois votre demande officiellement introduite, le SAA soumettra votre dossier à la direction de l’erg qui disposera d’un mois pour remettre sa décision. &lt;br /&gt;
&lt;br /&gt;
L’étudiant.e sera averti de cette décision par mail et, en cas d’acceptation de la demande, sera invité·e à se concerter avec le SAA pour l’élaboration du plan d’accompagnement individualisé. Celui-ci sera finalisé au plus tard dans les deux mois qui suivent la décision de la direction.&lt;br /&gt;
&lt;br /&gt;
===mise en place des aménagements raisonnables===&lt;br /&gt;
&lt;br /&gt;
Le plan d’accompagnement individualisé (PAI) est mis en œuvre par le SAA qui s’assurera de la mise en œuvre des aménagements raisonnables au sein de l’établissement.&lt;br /&gt;
&lt;br /&gt;
Lorsque le PAI prévoit l’intervention d’un.e étudiant.e accompagnateur·rice, une convention sera réalisée avec cet/cette étudiant·e afin de fixer ses missions et les modalités de la réalisation de celles-ci.&lt;br /&gt;
&lt;br /&gt;
En cours d’année, le SAA évaluera la mise en œuvre du PAI, ce dernier pouvant être modifié en cours d’année académique de commun accord entre les signataires. Enfin, d’une année académique à l’autre, votre plan d’accompagnement individualisé pourra être évalué et reconduit.&lt;br /&gt;
&lt;br /&gt;
=== bénéficier d’un aménagement raisonnable pour votre épreuve d’admission ===&lt;br /&gt;
&lt;br /&gt;
Au-delà de cette procédure qui concerne le déroulement de vos études en tant que telles, si vous souhaitez disposer d’un aménagement raisonnable en vue de présenter l’épreuve d’admission à l’erg, vous êtes invité.e à prendre directement contact avec le SAA afin de définir les modalités de cette demande et des éventuels aménagements raisonnables.&lt;br /&gt;
&lt;br /&gt;
===documents utiles===&lt;br /&gt;
&lt;br /&gt;
Vous trouverez sur cette page l’ensemble des documents utiles.&lt;br /&gt;
&lt;br /&gt;
- Le formulaire de demande d’aménagements raisonnables&lt;br /&gt;
&lt;br /&gt;
- Le modèle de plan d’accompagnement individualisé (PAI)&lt;br /&gt;
&lt;br /&gt;
- La convention de l’étudiant.e accompagnateur·rice dans le cadre d’un PAI&lt;br /&gt;
&lt;br /&gt;
- La charte de l’étudiant.e accompagnateur·rice&lt;br /&gt;
&lt;br /&gt;
===contact===&lt;br /&gt;
&lt;br /&gt;
service d’accueil et d’accompagnement&lt;br /&gt;
&lt;br /&gt;
[[Maryline Ledoux]]&lt;br /&gt;
&lt;br /&gt;
[mailto:maryline.ledoux@erg.be  email me]&lt;br /&gt;
&lt;br /&gt;
[[Fichier:Docs inclusif.docx.pdf]]&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=L%E2%80%99enseignement_inclusif_%C3%A0_l%E2%80%99erg&amp;diff=18107</id>
		<title>L’enseignement inclusif à l’erg</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=L%E2%80%99enseignement_inclusif_%C3%A0_l%E2%80%99erg&amp;diff=18107"/>
		<updated>2023-02-02T10:27:36Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : /* objectifs */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;===Objectifs===&lt;br /&gt;
&lt;br /&gt;
Vous êtes (futur·e) étudiant·e à l’erg en situation de handicap, de maladie invalidante ou de troubles de l’apprentissage ? &lt;br /&gt;
&lt;br /&gt;
L’erg peut vous proposer un plan d’accompagnement adapté à votre profil et aux difficultés spécifiques que vous êtes susceptible de rencontrer dans le cadre de votre parcours d'étude.&lt;br /&gt;
&lt;br /&gt;
L’erg veille à vous proposer un plan individualisé qui permet d’offrir à tous et toutes un enseignement supérieur inclusif, c’est-à-dire un enseignement qui met en œuvre des dispositifs visant à supprimer ou à réduire les barrières matérielles, pédagogiques, culturelles, sociales et psychologiques rencontrées à l’accès aux études, au cours des études et à l’insertion socio-professionnelle pour les étudiant·es bénéficiaires.&lt;br /&gt;
&lt;br /&gt;
L’enseignement supérieur inclusif est mis en œuvre à l’erg conformément au '''décret du 30 janvier 2014'''.&lt;br /&gt;
&lt;br /&gt;
===concrètement===&lt;br /&gt;
&lt;br /&gt;
Toute situation médicale peut être prise en compte pour l’octroi du statut d’étudiant bénéficiaire des dispositions du décret relatif à l’enseignement supérieur inclusif. A titre d’exemple, il peut s’agir d’une déficience psychologique, physiologique ou anatomique, d’une invalidité temporaire ou permanente, d’un trouble de déficit de l’attention/hyperactivité, d’une dyslexie, dyspraxie, dysphasie et tout autre trouble «dys», d’une maladie chronique mais aussi d’un déficit visuel ou auditif.&lt;br /&gt;
&lt;br /&gt;
Dès lors que le statut d’étudiant bénéficiaire vous est accordé, un plan d’accompagnement individualisé (PAI) sera réalisé par le service d’accueil et d’accompagnement (SAA) en concertation avec l’étudiant·e.&lt;br /&gt;
&lt;br /&gt;
Ce plan peut comporter des aménagements raisonnables de différentes natures :&lt;br /&gt;
&lt;br /&gt;
- Pédagogique (supports de cours et notes de cours adaptés, charge de cours, suivi des enseignements, acquisition d’une méthode d’apprentissage, évaluations adaptées, etc.),&lt;br /&gt;
&lt;br /&gt;
- Matérielle (accès aux locaux, aux cours pratiques et artistiques, etc.), &lt;br /&gt;
&lt;br /&gt;
- Médicale (accès aux soins, etc.),&lt;br /&gt;
&lt;br /&gt;
- Sociale et culturelle (rapport aux autres, environnement, etc.)&lt;br /&gt;
&lt;br /&gt;
- Psychologique (bilan, intervention, etc.).&lt;br /&gt;
&lt;br /&gt;
Ce plan peut en outre comporter la possibilité qu’un·e autre étudiant·e de l’erg soit formé·e en vue de s’investir dans le cadre de votre plan d’accompagnement individualisé afin de vous accompagner.&lt;br /&gt;
&lt;br /&gt;
===faire reconnaître votre situation===&lt;br /&gt;
==== 1. service d’accueil et d’accompagnement====&lt;br /&gt;
&lt;br /&gt;
Avant d’introduire toute demande d’aménagements raisonnables, il est conseillé de prendre contact avec le service d’accueil et d’accompagnement (SAA) afin d’obtenir toutes les informations et conseils pour l’introduction de la demande. &lt;br /&gt;
Le SAA est tenu à la confidentialité quant à toutes les informations et les documents qui lui seront transmis. &lt;br /&gt;
Dans le cas où vous êtes reconnu comme étudiant.e bénéficiaire, le SAA définira avec vous les aménagements raisonnables à mettre en place, s’assurera de la mise en œuvre effective de votre PAI et évaluera de manière continue la réalisation et l’adéquation de ce PAI avec vos besoins.&lt;br /&gt;
&lt;br /&gt;
====2. introduction de votre demande====&lt;br /&gt;
&lt;br /&gt;
Pour introduire votre demande, il vous faut remplir le formulaire de demande d’aménagements raisonnables (voir ci-dessous) en oubliant pas d’y annexer les documents nécessaires. &lt;br /&gt;
&lt;br /&gt;
Cette demande est à introduire auprès du SAA au plus tard le :&lt;br /&gt;
&lt;br /&gt;
- Le 15 novembre, pour le 1er quadrimestre,&lt;br /&gt;
&lt;br /&gt;
- Le 15 mars, pour le 2ème quadrimestre.&lt;br /&gt;
&lt;br /&gt;
Les demandes introduites après ces dates ne seront prises en considération que si elles sont dûment justifiées.&lt;br /&gt;
&lt;br /&gt;
Il vous est cependant conseillé d’introduire votre demande au plus tôt afin de pouvoir sereinement mettre en place votre PAI en cas de reconnaissance de votre statut d’étudiant.e bénéficiaire.&lt;br /&gt;
&lt;br /&gt;
====3. documents à fournir====&lt;br /&gt;
&lt;br /&gt;
Pour que votre situation soit reconnue et que vous puissiez bénéficier des aménagements raisonnables les plus adéquats, il est nécessaire de fournir lors de votre demande :&lt;br /&gt;
&lt;br /&gt;
- Soit, la décision d’un organisme public chargé de l’intégration des personnes en situation de handicap (AViQ, PHARE, etc.),&lt;br /&gt;
&lt;br /&gt;
- Soit, un rapport circonstancié au niveau de l’autonomie (c’est-à-dire au niveau de la capacité à se gouverner soit même, au niveau de la capacité de jugement et au niveau de la liberté de pouvoir agir) du demandeur au sein de l’Erg établi par un spécialiste dans le domaine médical ou par une équipe pluridisciplinaire datant de moins d’un an au moment de la demande.&lt;br /&gt;
&lt;br /&gt;
A titre informatif, si vous avez bénéficié d’aménagements raisonnables durant vos études secondaires, il vous est demandé de fournir la décision de votre école secondaire détaillant les aménagements raisonnables auquel vous avez eu droit durant votre scolarité.&lt;br /&gt;
&lt;br /&gt;
Ce(s) document(s) doit/doivent être suffisamment détaillé(s) que pour pouvoir comprendre au mieux votre situation et les besoins qui pourraient être les vôtres dans le cadre d’études supérieures artistiques.&lt;br /&gt;
Le SAA est à votre disposition pour vous accompagner dans la constitution de votre dossier.&lt;br /&gt;
&lt;br /&gt;
====4. le traitement de votre demande====&lt;br /&gt;
&lt;br /&gt;
Une fois votre demande officiellement introduite, le SAA soumettra votre dossier à la direction de l’erg qui disposera d’un mois pour remettre sa décision. &lt;br /&gt;
&lt;br /&gt;
L’étudiant.e sera averti de cette décision par mail et, en cas d’acceptation de la demande, sera invité·e à se concerter avec le SAA pour l’élaboration du plan d’accompagnement individualisé. Celui-ci sera finalisé au plus tard dans les deux mois qui suivent la décision de la direction.&lt;br /&gt;
&lt;br /&gt;
===mise en place des aménagements raisonnables===&lt;br /&gt;
&lt;br /&gt;
Le plan d’accompagnement individualisé (PAI) est mis en œuvre par le SAA qui s’assurera de la mise en œuvre des aménagements raisonnables au sein de l’établissement.&lt;br /&gt;
&lt;br /&gt;
Lorsque le PAI prévoit l’intervention d’un.e étudiant.e accompagnateur·rice, une convention sera réalisée avec cet/cette étudiant·e afin de fixer ses missions et les modalités de la réalisation de celles-ci.&lt;br /&gt;
&lt;br /&gt;
En cours d’année, le SAA évaluera la mise en œuvre du PAI, ce dernier pouvant être modifié en cours d’année académique de commun accord entre les signataires. Enfin, d’une année académique à l’autre, votre plan d’accompagnement individualisé pourra être évalué et reconduit.&lt;br /&gt;
&lt;br /&gt;
=== bénéficier d’un aménagement raisonnable pour votre épreuve d’admission ===&lt;br /&gt;
&lt;br /&gt;
Au-delà de cette procédure qui concerne le déroulement de vos études en tant que telles, si vous souhaitez disposer d’un aménagement raisonnable en vue de présenter l’épreuve d’admission à l’erg, vous êtes invité.e à prendre directement contact avec le SAA afin de définir les modalités de cette demande et des éventuels aménagements raisonnables.&lt;br /&gt;
&lt;br /&gt;
===documents utiles===&lt;br /&gt;
&lt;br /&gt;
Vous trouverez sur cette page l’ensemble des documents utiles.&lt;br /&gt;
&lt;br /&gt;
- Le formulaire de demande d’aménagements raisonnables&lt;br /&gt;
&lt;br /&gt;
- Le modèle de plan d’accompagnement individualisé (PAI)&lt;br /&gt;
&lt;br /&gt;
- La convention de l’étudiant.e accompagnateur·rice dans le cadre d’un PAI&lt;br /&gt;
&lt;br /&gt;
- La charte de l’étudiant.e accompagnateur·rice&lt;br /&gt;
&lt;br /&gt;
===contact===&lt;br /&gt;
&lt;br /&gt;
service d’accueil et d’accompagnement&lt;br /&gt;
&lt;br /&gt;
[[Maryline Ledoux]]&lt;br /&gt;
&lt;br /&gt;
[mailto:maryline.ledoux@erg.be  email me]&lt;br /&gt;
&lt;br /&gt;
[[Fichier:Docs inclusif.docx.pdf]]&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=17685</id>
		<title>MediaWiki:Foreground.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&amp;diff=17685"/>
		<updated>2022-12-08T11:47:03Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
font-family: Combined;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/combined.otf&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Lucette;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&amp;quot;);&lt;br /&gt;
font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
@font-face {&lt;br /&gt;
font-family: Vega;&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&amp;quot;) format(&amp;quot;truetype&amp;quot;);&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&amp;quot; format(&amp;quot;svg&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&amp;quot; format(&amp;quot;woff&amp;quot;));&lt;br /&gt;
src: url(&amp;quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:root {&lt;br /&gt;
--font-title: Combined;&lt;br /&gt;
--font-body: Lucette;&lt;br /&gt;
--color-a: #a700ff; /* purple */&lt;br /&gt;
--color-b: #00ab6b; /* green */&lt;br /&gt;
--font-size: 23px;&lt;br /&gt;
--line-height: 1.3em;&lt;br /&gt;
}&lt;br /&gt;
body {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height: var(--line-height);&lt;br /&gt;
padding-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
font-size: var(--font-size);&lt;br /&gt;
line-height:  var(--line-height);&lt;br /&gt;
margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
p + p {&lt;br /&gt;
margin-top: var(--line-height);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* INTERFACE ------------------------------------------------------------------ */&lt;br /&gt;
/* remove category help button (does it remove other stuff? mmm...) */&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */&lt;br /&gt;
#navwrapper {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h4.namespace.label {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editsection, .mw-editsection-like {&lt;br /&gt;
font-size: 10px;&lt;br /&gt;
}&lt;br /&gt;
a#actions-button {&lt;br /&gt;
margin-top: -1em;&lt;br /&gt;
}&lt;br /&gt;
.fa,&lt;br /&gt;
button, .button,&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
.fa::before {&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-left,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
align-items: center;&lt;br /&gt;
justify-content: space-evenly;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-left {&lt;br /&gt;
width: initial;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
.has-form {&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
#top-bar-right {&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
}&lt;br /&gt;
.top-bar input {&lt;br /&gt;
padding-top: 8px;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
.button.search {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    top: 2px !important;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    margin-left: 0px !important;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    width: 2em;&lt;br /&gt;
    height: 2em;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    top: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
.button.search:hover {&lt;br /&gt;
background-color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.suggestions-result-current {&lt;br /&gt;
background-color: var(--color-b) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-bar .toggle-topbar a {&lt;br /&gt;
text-transform: lowercase;&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#toc, .toc {&lt;br /&gt;
float: right;&lt;br /&gt;
margin-left: 1em;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
.toctitle {&lt;br /&gt;
    margin-bottom: -1em;&lt;br /&gt;
}&lt;br /&gt;
#toc h2 {&lt;br /&gt;
    margin-top: 0.25em;&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
#toc ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.tocnumber:after {&lt;br /&gt;
    content: &amp;quot; – &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.infobox {&lt;br /&gt;
width: initial;&lt;br /&gt;
max-width: 45%;&lt;br /&gt;
}&lt;br /&gt;
table.infobox th.head {&lt;br /&gt;
background-color: var(--color-b);&lt;br /&gt;
}&lt;br /&gt;
th, td {&lt;br /&gt;
padding: 0.5em !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-category-generated {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* if no content but only listing subcategories */&lt;br /&gt;
.mw-parser-output:empty + .mw-category-generated h2 {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If only one subcategory, don't list the initial */&lt;br /&gt;
.mw-category-generated #mw-pages div:only-of-type h3,&lt;br /&gt;
#mw-subcategories div:only-of-type h3 {&lt;br /&gt;
/*display: none;*/&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* removes counting of categories */&lt;br /&gt;
.mw-category-generated #mw-pages p:first-of-type,&lt;br /&gt;
#mw-subcategories p:first-of-type {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.group {&lt;br /&gt;
margin-top: 5em;&lt;br /&gt;
}&lt;br /&gt;
#catlinks .label {&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    padding: 2px 6px !important;&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
/* HEADER ------------------------------------------------------------------ */&lt;br /&gt;
.title-name {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.title-name:hover {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-form {&lt;br /&gt;
background-color: #222 !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a::after {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .has-dropdown &amp;gt; a {&lt;br /&gt;
padding-right: initial !important;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section .dropdown li {&lt;br /&gt;
width: initial;&lt;br /&gt;
/*height: 2em;*/&lt;br /&gt;
position: relative;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li {&lt;br /&gt;
padding: 0 0.5em;&lt;br /&gt;
background-color: #222;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li:hover {&lt;br /&gt;
z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.top-bar-section ul li &amp;gt; a {&lt;br /&gt;
font-size: 16px;&lt;br /&gt;
padding: 0;&lt;br /&gt;
font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.top-bar-section .dropdown li:not(.has-form):not(.active):hover &amp;gt; a:not(.button) {&lt;br /&gt;
background: linear-gradient(90deg,var(--color-a), var(--color-b));&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown {&lt;br /&gt;
    width: 3em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
li#p-menu + li.has-dropdown &amp;gt; a {&lt;br /&gt;
    border-radius: 100%;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    line-height: 30px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.back h5 {&lt;br /&gt;
font-size: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
a.parent-link {&lt;br /&gt;
color: var(--color-b) !important;&lt;br /&gt;
font-weight: bold !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* CONTENT ------------------------------------------------------------------ */&lt;br /&gt;
#page-content {&lt;br /&gt;
margin: 1em;&lt;br /&gt;
}&lt;br /&gt;
#english {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    top: -1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
margin-top: 2em;&lt;br /&gt;
color: var(--color-b);&lt;br /&gt;
line-height: 1.5em;&lt;br /&gt;
font-family: var(--font-body);&lt;br /&gt;
}&lt;br /&gt;
h1, h1#firstHeading, h2 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1 {&lt;br /&gt;
color: var(--color-a);&lt;br /&gt;
}&lt;br /&gt;
h2 span {&lt;br /&gt;
display: initial;&lt;br /&gt;
}&lt;br /&gt;
h3 {&lt;br /&gt;
font-family: var(--font-title);&lt;br /&gt;
font-size: 1em;&lt;br /&gt;
}&lt;br /&gt;
body.action-view #page-content a {&lt;br /&gt;
    border-image: linear-gradient(to right, var(--color-a), var(--color-b));&lt;br /&gt;
    border-bottom-width: 2px;&lt;br /&gt;
    border-image-slice: 1;&lt;br /&gt;
    color: black;&lt;br /&gt;
    border-bottom-style: solid;&lt;br /&gt;
    padding: 3px 5px 1px;&lt;br /&gt;
}&lt;br /&gt;
#page-content a:hover,&lt;br /&gt;
#catlinks .label:hover {&lt;br /&gt;
    background-color: var(--color-a);&lt;br /&gt;
    color: white !important;&lt;br /&gt;
}&lt;br /&gt;
/* Removes user name */&lt;br /&gt;
h3#tagline {&lt;br /&gt;
display: none;&lt;br /&gt;
}&lt;br /&gt;
#bodyContent {&lt;br /&gt;
margin-top: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#page-content ul, #page-content ol {&lt;br /&gt;
    font-size: 1em;&lt;br /&gt;
    margin-top: var(--line-height) !important;&lt;br /&gt;
}&lt;br /&gt;
div {&lt;br /&gt;
    line-height: 1.4em ;&lt;br /&gt;
}&lt;br /&gt;
/* ACTUALITÉS ------------------------------------------------------------------ */&lt;br /&gt;
.medialisting {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.Media {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    margin-bottom: 1em;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    flex-basis: 32%;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
.Media-body {&lt;br /&gt;
flex: initial;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flexgal {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* THUMBNAILS ------------------------------------------------------------------ */&lt;br /&gt;
.thumb.tleft {&lt;br /&gt;
margin-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
.Media-figure a,&lt;br /&gt;
.image.fancybox {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
}&lt;br /&gt;
.magnify a {&lt;br /&gt;
    text-indent: 0;&lt;br /&gt;
    width: 25px;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-width: 2px;&lt;br /&gt;
    line-height: 15px;&lt;br /&gt;
}&lt;br /&gt;
.magnify a:before {&lt;br /&gt;
content: &amp;quot;+&amp;quot;;&lt;br /&gt;
font-family: FontAwesome;&lt;br /&gt;
font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* MEDIA QUERIES ------------------------------------------------------------------ */&lt;br /&gt;
@media (max-width: 800px) {&lt;br /&gt;
div.tleft, div.floatleft, table.floatleft {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
#toc {&lt;br /&gt;
  max-width: initial;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
.top-bar,&lt;br /&gt;
.top-bar-section,&lt;br /&gt;
#top-bar-right,&lt;br /&gt;
#top-bar-right .columns {&lt;br /&gt;
display: inherit;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded {&lt;br /&gt;
flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .title-area {&lt;br /&gt;
display: flex;&lt;br /&gt;
flex-grow: 1;&lt;br /&gt;
justify-content: space-between;&lt;br /&gt;
}&lt;br /&gt;
.top-bar.expanded .top-bar,&lt;br /&gt;
.top-bar.expanded .top-bar-section,&lt;br /&gt;
.top-bar.expanded #top-bar-right,&lt;br /&gt;
.top-bar.expanded #top-bar-right .columns {&lt;br /&gt;
display: flex;&lt;br /&gt;
align-items: center;&lt;br /&gt;
}&lt;br /&gt;
.divider.show-for-small {&lt;br /&gt;
display: none !important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&amp;diff=17639</id>
		<title>École de recherche graphique</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&amp;diff=17639"/>
		<updated>2022-12-08T11:06:17Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;L’erg est le lieu des pratiques artistiques, plastiques, graphiques qui entrent dans les zones à risque théoriques et formelles. Un lieu et des pédagogies à définir et redéfinir collectivement. C’est un lieu où l’on peut apprendre de ce qui ne marche pas. '''Un lieu de recherche donc'''.&lt;br /&gt;
&lt;br /&gt;
* [[projet pédagogique]]&lt;br /&gt;
* [[Cursus_pluridisciplinaire_Bachelors_-_Masters|bacheliers &amp;amp; masters, présentation des cursus pluridisciplinaires]]&lt;br /&gt;
* [[Doctorat_et_recherche|recherche]]&lt;br /&gt;
* [[séminaires, workshops, conférences]]&lt;br /&gt;
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]&lt;br /&gt;
* [[Le_service_social|service social étudiant·es]]&lt;br /&gt;
* [[L’enseignement_inclusif_à_l’erg|enseignement inclusif]]&lt;br /&gt;
* [[contact]]&lt;br /&gt;
* [[Autour_de_l'erg|autour de l'erg]]&lt;br /&gt;
&lt;br /&gt;
===[[Actualités (2022)|News 2022]]===&lt;br /&gt;
&lt;br /&gt;
{{NewsActivity&lt;br /&gt;
|limit=11&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
__NOTOC__&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&amp;diff=17637</id>
		<title>École de recherche graphique</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&amp;diff=17637"/>
		<updated>2022-12-08T11:05:20Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;L’erg est le lieu des pratiques artistiques, plastiques, graphiques qui entrent dans les zones à risque théoriques et formelles. Un lieu et des pédagogies à définir et redéfinir collectivement. C’est un lieu où l’on peut apprendre de ce qui ne marche pas. '''Un lieu de recherche donc'''.&lt;br /&gt;
&lt;br /&gt;
* [[projet pédagogique]]&lt;br /&gt;
* [[Cursus_pluridisciplinaire_Bachelors_-_Masters|bacheliers &amp;amp; masters, présentation des cursus pluridisciplinaires]]&lt;br /&gt;
* [[Doctorat_et_recherche|recherche]]&lt;br /&gt;
* [[séminaires, workshops, conférences]]&lt;br /&gt;
* [[Espaces_transversaux|espaces transversaux, pratiques collectives]]&lt;br /&gt;
* [[Le_service_social|service social étudiant·es]]&lt;br /&gt;
* [[L’enseignement_inclusif_à_l’erg|enseignement inclusif]]&lt;br /&gt;
* [[contact]]&lt;br /&gt;
* [[Autour_de_l'erg|autour de l'erg]]&lt;br /&gt;
&lt;br /&gt;
===[[Actualités (2022)|News 2022]]===&lt;br /&gt;
&lt;br /&gt;
{{NewsActivity&lt;br /&gt;
|limit=11&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
__NOTOC__&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=17636</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=17636"/>
		<updated>2022-12-08T11:01:00Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;br /&gt;
* menu&lt;br /&gt;
** Cursus pluridisciplinaire Bachelors - Masters|CURSUS PLURIDISCIPLINAIRE BACHELIERS &amp;amp; MASTERS&lt;br /&gt;
**Démarches administratives et Guide de prise en main|Démarches administratives et Guide de prise en main&lt;br /&gt;
** Le doctorat à l'erg|Doctorat et recherche&lt;br /&gt;
** Agrégation|Agrégation&lt;br /&gt;
** Programmes annuels (PAE)|PROGRAMMES ANNUELS&lt;br /&gt;
** Espaces transversaux, pratiques collectives | Espaces transversaux, pratiques collectives&lt;br /&gt;
** L’enseignement inclusif à l’erg|L’enseignement inclusif à l’erg&lt;br /&gt;
** Aide à la réussite| Aide à la réussite&lt;br /&gt;
** Règlement des études|Règlement des études&lt;br /&gt;
** Tutorat|Tutorat&lt;br /&gt;
** Minerval|Droits d'inscription&lt;br /&gt;
** Le service social|Le service social &lt;br /&gt;
** Catégorie:Outils collectifs|Outils collectifs&lt;br /&gt;
** Catégorie:Équipes|ÉQUIPES&lt;br /&gt;
** International|INTERNATIONAL&lt;br /&gt;
** Catégorie:Actualités|ACTUALITÉS &lt;br /&gt;
** Vimeo|VIDÉOS&lt;br /&gt;
** Erg3 visite virtuelle|Erg3 visite virtuelle&lt;br /&gt;
** Catégorie:Sites_satellites|Sites satellites&lt;br /&gt;
** Calendrier académique|Calendrier académique&lt;br /&gt;
** Catégorie:English|English&lt;br /&gt;
** Archives|Archives &lt;br /&gt;
** Intranet|Portail des étudiant*es&lt;br /&gt;
** Contact|CONTACT&lt;br /&gt;
* ↯&lt;br /&gt;
** randompage-url|randompage&lt;br /&gt;
* SEARCH&lt;br /&gt;
* TOOLBOX&lt;br /&gt;
* LANGUAGES&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=Espaces_transversaux,_pratiques_collectives&amp;diff=17634</id>
		<title>Espaces transversaux, pratiques collectives</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=Espaces_transversaux,_pratiques_collectives&amp;diff=17634"/>
		<updated>2022-12-08T11:00:41Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : Stéphanie Vilayphiou a déplacé la page Espaces transversaux &amp;amp; pratiques collectives vers Espaces transversaux, pratiques collectives&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{English|Transversal places}}&lt;br /&gt;
&lt;br /&gt;
Une attention particulière est portée à ces espaces qui font cohabiter différents formats parallèlement : performance, vidéo, conférence, publication, graphisme. Ces formes se pratiquent collectivement, en apprenant et en interrogeant l’autre. Les conditions de travail posent la question du travail en groupe. Un groupe nécessaire à l’expérimentation. Et donc, poser ce travail en collectif au centre aussi de l’équipe enseignante et administrative. Et ainsi s’interroger sur comment se développe le travail de l’école, comment travaillent les artistes, les aut.eur.trice.s, les scientifiques. Leur demander d’observer les types de relations qui s’établissent, les protocoles qui se posent et quelle hospitalité est proposée.&lt;br /&gt;
&lt;br /&gt;
===projets transversaux &amp;amp; collectifs===&lt;br /&gt;
&lt;br /&gt;
* [[Print Lab]]&lt;br /&gt;
* [[Permanence édition]] &lt;br /&gt;
* [[Les éditions du Mardi Soir]]&lt;br /&gt;
* [[Rideau de perles|Rideau de Perles (rdp)]]&lt;br /&gt;
* [[Erg Galerie]] &lt;br /&gt;
* [[Erg tv]] &lt;br /&gt;
* [[Permanence Livestream]]&lt;br /&gt;
* [[Erg - New Engineering Studio]] &lt;br /&gt;
* [[Ergote Radio|ergote radio]] &lt;br /&gt;
* [[Le_service_de_prêt_de_matériel|le matos]]&lt;br /&gt;
&lt;br /&gt;
===projets transversaux &amp;amp; collectifs (dans les cours)===&lt;br /&gt;
&lt;br /&gt;
* [[Erg à table (EAT)]]&lt;br /&gt;
* [[La BàG|BàG (Boîte à gants)]]&lt;br /&gt;
* [[Labobine]] &lt;br /&gt;
* [[ERG melody]] &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
===projets transversaux &amp;amp; collectifs (depuis/dans/à partir de l'erg)===&lt;br /&gt;
&lt;br /&gt;
* [[Teaching To Transgress Toolbox|Teaching to Transgress Toolbox]]&lt;br /&gt;
* [[Bye Bye Binary]]&lt;br /&gt;
* [[Chasse ouverte]]&lt;br /&gt;
* [[The Living Library]]&lt;br /&gt;
* [[Program Physical Poetics]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
===projets transversaux &amp;amp; collectifs (archives)===&lt;br /&gt;
&lt;br /&gt;
* [[Cluster Club]]&lt;br /&gt;
* [[La Baraque]]&lt;br /&gt;
* [[Le FDDDL]]&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=17633</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=17633"/>
		<updated>2022-12-08T10:58:35Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;br /&gt;
* menu&lt;br /&gt;
** Cursus pluridisciplinaire Bachelors - Masters|CURSUS PLURIDISCIPLINAIRE BACHELIERS &amp;amp; MASTERS&lt;br /&gt;
**Démarches administratives et Guide de prise en main|Démarches administratives et Guide de prise en main&lt;br /&gt;
** Le doctorat à l'erg|Doctorat et recherche&lt;br /&gt;
** Agrégation|Agrégation&lt;br /&gt;
** Programmes annuels (PAE)|PROGRAMMES ANNUELS&lt;br /&gt;
** Espaces transversaux &amp;amp; pratiques collectives | test&lt;br /&gt;
** L’enseignement inclusif à l’erg|L’enseignement inclusif à l’erg&lt;br /&gt;
** Aide à la réussite| Aide à la réussite&lt;br /&gt;
** Règlement des études|Règlement des études&lt;br /&gt;
** Tutorat|Tutorat&lt;br /&gt;
** Minerval|Droits d'inscription&lt;br /&gt;
** Le service social|Le service social &lt;br /&gt;
** Catégorie:Outils collectifs|Outils collectifs&lt;br /&gt;
** Catégorie:Équipes|ÉQUIPES&lt;br /&gt;
** International|INTERNATIONAL&lt;br /&gt;
** Catégorie:Actualités|ACTUALITÉS &lt;br /&gt;
** Vimeo|VIDÉOS&lt;br /&gt;
** Erg3 visite virtuelle|Erg3 visite virtuelle&lt;br /&gt;
** Catégorie:Sites_satellites|Sites satellites&lt;br /&gt;
** Calendrier académique|Calendrier académique&lt;br /&gt;
** Catégorie:English|English&lt;br /&gt;
** Archives|Archives &lt;br /&gt;
** Intranet|Portail des étudiant*es&lt;br /&gt;
** Contact|CONTACT&lt;br /&gt;
* ↯&lt;br /&gt;
** randompage-url|randompage&lt;br /&gt;
* SEARCH&lt;br /&gt;
* TOOLBOX&lt;br /&gt;
* LANGUAGES&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=17632</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=17632"/>
		<updated>2022-12-08T10:58:07Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;br /&gt;
* menu&lt;br /&gt;
** Cursus pluridisciplinaire Bachelors - Masters|CURSUS PLURIDISCIPLINAIRE BACHELIERS &amp;amp; MASTERS&lt;br /&gt;
**Démarches administratives et Guide de prise en main|Démarches administratives et Guide de prise en main&lt;br /&gt;
** Le doctorat à l'erg|Doctorat et recherche&lt;br /&gt;
** Agrégation|Agrégation&lt;br /&gt;
** Programmes annuels (PAE)|PROGRAMMES ANNUELS&lt;br /&gt;
** Espaces_transversaux_%26_pratiques_collectives | test&lt;br /&gt;
** L’enseignement inclusif à l’erg|L’enseignement inclusif à l’erg&lt;br /&gt;
** Aide à la réussite| Aide à la réussite&lt;br /&gt;
** Règlement des études|Règlement des études&lt;br /&gt;
** Tutorat|Tutorat&lt;br /&gt;
** Minerval|Droits d'inscription&lt;br /&gt;
** Le service social|Le service social &lt;br /&gt;
** Catégorie:Outils collectifs|Outils collectifs&lt;br /&gt;
** Catégorie:Équipes|ÉQUIPES&lt;br /&gt;
** International|INTERNATIONAL&lt;br /&gt;
** Catégorie:Actualités|ACTUALITÉS &lt;br /&gt;
** Vimeo|VIDÉOS&lt;br /&gt;
** Erg3 visite virtuelle|Erg3 visite virtuelle&lt;br /&gt;
** Catégorie:Sites_satellites|Sites satellites&lt;br /&gt;
** Calendrier académique|Calendrier académique&lt;br /&gt;
** Catégorie:English|English&lt;br /&gt;
** Archives|Archives &lt;br /&gt;
** Intranet|Portail des étudiant*es&lt;br /&gt;
** Contact|CONTACT&lt;br /&gt;
* ↯&lt;br /&gt;
** randompage-url|randompage&lt;br /&gt;
* SEARCH&lt;br /&gt;
* TOOLBOX&lt;br /&gt;
* LANGUAGES&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=17631</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://wiki.erg.be/mw/index.php?title=MediaWiki:Sidebar&amp;diff=17631"/>
		<updated>2022-12-08T10:57:42Z</updated>

		<summary type="html">&lt;p&gt;Stéphanie Vilayphiou : &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;br /&gt;
* menu&lt;br /&gt;
** Cursus pluridisciplinaire Bachelors - Masters|CURSUS PLURIDISCIPLINAIRE BACHELIERS &amp;amp; MASTERS&lt;br /&gt;
**Démarches administratives et Guide de prise en main|Démarches administratives et Guide de prise en main&lt;br /&gt;
** Le doctorat à l'erg|Doctorat et recherche&lt;br /&gt;
** Agrégation|Agrégation&lt;br /&gt;
** Programmes annuels (PAE)|PROGRAMMES ANNUELS&lt;br /&gt;
** Espaces_transversaux_%26_pratiques_collectives&lt;br /&gt;
** L’enseignement inclusif à l’erg|L’enseignement inclusif à l’erg&lt;br /&gt;
** Aide à la réussite| Aide à la réussite&lt;br /&gt;
** Règlement des études|Règlement des études&lt;br /&gt;
** Tutorat|Tutorat&lt;br /&gt;
** Minerval|Droits d'inscription&lt;br /&gt;
** Le service social|Le service social &lt;br /&gt;
** Catégorie:Outils collectifs|Outils collectifs&lt;br /&gt;
** Catégorie:Équipes|ÉQUIPES&lt;br /&gt;
** International|INTERNATIONAL&lt;br /&gt;
** Catégorie:Actualités|ACTUALITÉS &lt;br /&gt;
** Vimeo|VIDÉOS&lt;br /&gt;
** Erg3 visite virtuelle|Erg3 visite virtuelle&lt;br /&gt;
** Catégorie:Sites_satellites|Sites satellites&lt;br /&gt;
** Calendrier académique|Calendrier académique&lt;br /&gt;
** Catégorie:English|English&lt;br /&gt;
** Archives|Archives &lt;br /&gt;
** Intranet|Portail des étudiant*es&lt;br /&gt;
** Contact|CONTACT&lt;br /&gt;
* ↯&lt;br /&gt;
** randompage-url|randompage&lt;br /&gt;
* SEARCH&lt;br /&gt;
* TOOLBOX&lt;br /&gt;
* LANGUAGES&lt;/div&gt;</summary>
		<author><name>Stéphanie Vilayphiou</name></author>
		
	</entry>
</feed>