MediaWiki:Common.css
From Wiki Valley - MediaWiki hosting and consulting
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* -------- HEADER -------- */
/* header */
.mediawiki .p-navbar.collapsible {
background-color: #EFFAFB;
padding: 0.8rem 1rem;
}
/* PC navbar */
@media (min-width: 750px){
.p-navbar.collapsible .navbar-nav {
justify-content: space-evenly;
width: 100% !important;
}
}
/* navbar */
.p-navbar.collapsible .navbar-nav {
font-family: 'DM Sans', sans-serif;
align-items: center;
flex-wrap: wrap;
}
.p-navbar {
z-index: 1000;
box-shadow: 0 8px 8px -7px rgb(0 0 0 / 8%);
}
/* MOBILE navbar */
@media (max-width: 750px){
.p-navbar.collapsible .navbar-nav {
align-items: flex-start;
}
}
/* MOBILE navbar */
.mediawiki .p-navbar.collapsible .navbar-collapse.show, .mediawiki .p-navbar.collapsible .navbar-collapse.collapsing {
margin-top: 1em;
}
/* barre de recherche */
.mediawiki .p-navbar.collapsible .navbar-collapse .navbar-nav .p-search {
min-width: 380px;
}
/* TABLETTE barre de recherche */
@media (max-width: 1015px){
.mediawiki .p-navbar.collapsible .navbar-collapse .navbar-nav .p-search {
min-width: 250px;
}
}
/* MOBIE barre de recherche */
@media (max-width: 750px){
.mediawiki .p-navbar.collapsible .navbar-collapse .navbar-nav .p-search {
width: 70%;
}
}
/* barre de recherche texte */
.mediawiki .p-navbar.collapsible .navbar-collapse .navbar-nav .p-search .input-group input {
border-radius: 20px 0 0 20px;
border: none;
}
/* barre de recherche bouton */
.mediawiki .p-navbar.collapsible .navbar-collapse .navbar-nav .p-search .input-group-append button {
border-radius: 0 20px 20px 0;
background: #00B5B5;
border: none;
}
/* liens nav */
@media (min-width: 1105px) {
.p-navbar.collapsible .navbar-nav .nav-link{
padding: 0;
}
}
/* -------- ACCUEIL -------- */
/* page accueil */
.page-Create_your_own_private_wiki_online_and_manage_knowledge .flex-fill {
margin: 0;
max-width: 100%;
}
.page-Create_your_own_private_wiki_online_and_manage_knowledge #content, .page-Create_your_own_private_wiki_online_and_manage_knowledge #accueil-top, .page-Create_your_own_private_wiki_online_and_manage_knowledge .flex-fill .col {
margin: 0;
padding: 0;
}
/* Accueil titre h2 */
.page-Create_your_own_private_wiki_online_and_manage_knowledge h2{
font-family: 'DM Sans',sans-serif;
border-bottom: none;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 50px;
text-align: center;
letter-spacing: -1px;
padding: 0 10%;
}
/* -- Div top -- */
/* Div top */
.page-Create_your_own_private_wiki_online_and_manage_knowledge div#accueil-top {
font-family: 'DM Sans', sans-serif;
max-width: 100vw;
background-color: #EFFAFB;
padding: 4% 8%;
}
/* Row top */
#accueil-top .row{
align-items: center;
}
@media (max-width: 750px) {
#accueil-top .row{ flex-direction: column; }
}
#accueil-top img{
max-width: 300px;
height: auto;
}
@media (max-width: 750px) {
.row div .accueil-accroche{ padding: 0 20%; margin-bottom: 15%; }
}
@media (max-width: 550px) {
.row div .accueil-accroche{ padding: 0 10%; }
}
/* Accroche span */
.row div .accueil-accroche .mw-headline span{
color: #00B5B5;
}
/* Accroche texte */
.row div .accueil-top-txt {
font-family: 'Rubik', sans-serif;
margin-top: 5%;
}
/* -- Essai -- */
/* section essai */
#accueil-essai {
margin: 150px 0;
max-width: 100%;
padding: 0 5%
}
/* section essai */
#accueil-essai .row div{
display: flex;
align-items: center;
justify-content: space-evenly;
flex-direction: column;
}
@media (max-width: 850px){
#accueil-essai .row div{ flex-direction: column; }
}
#accueil-essai .row h2{
margin-bottom: 30px;
padding: 0;
color: #8CC5F9;
}
#accueil-essai .row p{
margin: 0;
}
#accueil-essai .row p a .mw-ui-button{
border-radius: 25px;
padding: 8px 18px;
}
#accueil-essai .accueil-formulaire p{
width: 100%;
}
#accueil-essai .accueil-formulaire img{
box-shadow: rgb(0 0 0 / 15%) 2px 1.95px 3.5px;
border-radius: 5px;
width: 70%;
height: auto;
margin: 0 15%;
}
@media (max-width: 500px){
#accueil-essai .accueil-formulaire img {
width: 90%;
margin: 0 5%;
margin-top: 30px;
}
}
/* -- Fonctionnalités -- */
.page-Create_your_own_private_wiki_online_and_manage_knowledge #accueil-fonctionnalites {
font-family: 'DM Sans',sans-serif;
max-width: 100vw;
background-color: #EFFAFB;
padding: 1% 8%;
}
#accueil-fonctionnalites .col-12:first-of-type {
display: flex;
justify-content: flex-start;
text-align: left;
padding: 0 0;
}
@media (max-width: 550px){
#accueil-fonctionnalites .col-12:first-of-type {
flex-direction: column;
align-items: center;
}
}
.page-Create_your_own_private_wiki_online_and_manage_knowledge div#accueil-fonctionnalites h2{
font-size: 1.5rem;
margin: 0 3rem 1rem 0;
padding: 0;
color: #1E0E62;
font-weight: bold;
cursor: pointer;
display: inline-block;
position: relative;
}
@media (max-width: 550px){
.page-Create_your_own_private_wiki_online_and_manage_knowledge div#accueil-fonctionnalites h2{ margin: 0; }
}
.page-Create_your_own_private_wiki_online_and_manage_knowledge div#accueil-fonctionnalites h2:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 2.1px;
bottom: 5px;
left: 0;
background-color: #25DAC5;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}
.page-Create_your_own_private_wiki_online_and_manage_knowledge div#accueil-fonctionnalites h2:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}
.page-Create_your_own_private_wiki_online_and_manage_knowledge #accueil-fonctionnalites .col-12 .fct-active:after{
transform: scaleX(1);
transform-origin: bottom left;
}
.page-Create_your_own_private_wiki_online_and_manage_knowledge div#accueil-fonctionnalites h3{
font-family: 'Rubik',sans-serif;
color: #1E0E62;
font-size: 16px;
font-weight: bold;
margin-top: 0.6rem;
}
.fct-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
transition: 1s;
}
@media (max-width: 950px){
.fct-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 750px){
.fct-grid { grid-template-columns: repeat(1, 1fr); }
}
.fct-grid > div{
padding: 0 4%;
margin: 1rem;
box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
background-color: white;
border-radius: 8px;
height: fit-content;
}
#accueil-fonctionnalites .col-12:last-of-type {
display: flex;
justify-content: center;
}
.fct-grid-ext{
display: none;
}
/* -- Frequently Asked Questions -- */
.card-body p:last-child {
margin-bottom: 0;
}
#accueil-faq {
margin: 150px auto;
}
#accueil-faq .row {
margin-right: 0;
margin-left: 0;
}
#accueil-faq .col-12:first-of-type {
margin-bottom: 2rem;
}
#accueil-faq .row .col-12:last-of-type {
display: flex;
justify-content: center;
margin-top: 1rem;
}
.accueil-faq-questions {
padding: 0 20px;
}
/* -- Entreprises -- */
#accueil-entreprises {
margin-bottom: 150px;
}
#accueil-entreprises h2 {
margin-bottom: 2rem;
}
.grid-entreprises {
display: grid;
grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 975px){
.grid-entreprises { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 750px){
.grid-entreprises { grid-template-columns: repeat(2, 1fr); }
}
.grid-entreprises div {
display: flex;
justify-content: center;
}
.grid-entreprises div p {
width: 50%;
}
.grid-entreprises img {
height: auto;
max-width: 100%;
max-height: 100%;
}
/* -- Equipe -- */
#accueil-equipe{
margin-bottom: 150px;
}
#accueil-equipe .row{
justify-content: space-evenly;
}
.col-12.equipe-img {
text-align: center;
}
#accueil-equipe h2 {
margin-bottom: 2rem;
}
#accueil-equipe .equipe-div{
box-shadow: rgb(0 0 0 / 15%) 2px 1.95px 3.5px;
border-radius: 15px;
margin: 0 15px 1rem;
max-width: 330px;
}
#accueil-equipe .equipe-img p{
display: flex;
justify-content: center;
}
#accueil-equipe .equipe-img img{
width: 40%;
height: auto;
border-radius: 100%;
margin-top: 1rem;
}
#accueil-equipe .equipe-nom{
display: flex;
justify-content: center;
}
/* -------- SERVICES -------- */
/* page MediaWiki_consulting_and_hosting_services */
.page-MediaWiki_consulting_and_hosting_services .flex-fill {
margin: 0;
max-width: 100%;
}
.page-MediaWiki_consulting_and_hosting_services #content, .page-MediaWiki_consulting_and_hosting_services #services-top, .page-MediaWiki_consulting_and_hosting_services .flex-fill .col {
margin: 0;
padding: 0;
}
/* Services titre h2 */
.page-MediaWiki_consulting_and_hosting_services h2{
font-family: 'DM Sans',sans-serif;
border-bottom: none;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 50px;
text-align: center;
letter-spacing: -1px;
padding: 0 10%;
}
/* -- Div top -- */
/* Div top */
.page-MediaWiki_consulting_and_hosting_services div#services-top {
font-family: 'DM Sans', sans-serif;
max-width: 100vw;
background-color: #EFFAFB;
padding: 4% 8%;
}
/* Row top */
#services-top .row{
align-items: center;
flex-direction: column;
}
/* Image a top */
#services-top .row p a{
text-align: center;
width: 100%;
}
/* Image p top */
#services-top .row p{
display: flex;
justify-content: center;
}
/* Image top */
#services-top .row p img{
width: 45%;
height: auto;
}
/* -- Question -- */
#services-question {
margin: 50px auto;
}
#services-question .col-12 {
text-align: center;
}
/* -- Prestations -- */
/* Prestation first row */
#services-prestations .row:first-of-type {
border-bottom: 1px solid rgba(0,0,0,0.1);
margin-bottom: 1rem;
}
/* Prestation div for h3 */
#services-prestations-categories {
display: flex;
justify-content: flex-start;
text-align: left;
padding: 0 0 0 2.4rem;
}
@media (max-width: 975px){
#services-prestations-categories {
flex-direction: column;
align-items: center;
padding: 0;
}
}
#services-prestations-titre{
margin: 150px 0 30px 0;
}
@media (max-width: 975px){
#services-prestations-titre{
padding: 0;
text-align: left;
}
}
/* Prestations h3 */
.page-MediaWiki_consulting_and_hosting_services div#services-prestations-categories h3{
font-size: 1.5rem;
margin: 0 3rem 1rem 0;
padding: 0;
color: #1E0E62;
font-weight: bold;
cursor: pointer;
display: inline-block;
position: relative;
overflow: visible;
}
@media (max-width: 550px){
.page-MediaWiki_consulting_and_hosting_services div#services-prestations-categories h3{ margin: 0; }
}
.page-MediaWiki_consulting_and_hosting_services div#services-prestations-categories h3 span{
line-height: 1.7;
}
/* After h3 */
.page-MediaWiki_consulting_and_hosting_services div#services-prestations-categories h3:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 2.2px;
bottom: 3px;
left: 0;
background-color: #25DAC5;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}
.page-MediaWiki_consulting_and_hosting_services div#services-prestations-categories h3:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}
.page-MediaWiki_consulting_and_hosting_services div#services-prestations-categories .cat-active:after{
transform: scaleX(1);
transform-origin: bottom left;
}
.page-MediaWiki_consulting_and_hosting_services #services-prestations-categories .fct-active:after{
transform: scaleX(1);
transform-origin: bottom left;
}
/* Grilles prestation */
.prest-grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 975px){
.prest-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 750px){
.prest-grid{ grid-template-columns: repeat(1, 1fr); }
}
/* Grilles prestation div */
.prest-grid div {
padding: 0 10px;
}
@media (max-width: 750px){
.prest-grid div { padding: 0; }
}
.prest-grid-serv, .prest-grid-publics{
display: none;
}
.prest-grid h4 {
position: relative;
overflow: visible;
}
.prest-grid h4::before {
content: "•";
font-size: 3rem;
position: absolute;
top: -0.8rem;
left: -1.4rem;
}
/* -------- TARIFS -------- */
/* Page Tarifs reset */
.page-Pricing #content, .page-Pricing .flex-fill.container, .page-Pricing .flex-fill.container > .row > .col, .page-Pricing .flex-fill.container .row + .row {
margin: 0;
padding: 0;
max-width: none;
}
/* -- Div top -- */
/* Div top */
.page-Pricing div#tarif-top {
font-family: 'DM Sans', sans-serif;
max-width: 100vw;
background-color: #EFFAFB;
padding: 4% 8%;
margin-bottom: 5rem;
}
/* Row top */
#tarif-top .row{
align-items: center;
flex-direction: column;
}
/* Image a top */
#tarif-top .row p a{
text-align: center;
width: 100%;
}
/* Image p top */
#tarif-top .row p{
display: flex;
justify-content: center;
}
/* Image top */
#tarif-top .row p img{
width: 40%;
height: auto;
}
/* Tarifs titre h2 */
.page-Pricing h2{
font-family: 'DM Sans',sans-serif;
border-bottom: none;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 50px;
text-align: center;
letter-spacing: -1px;
padding: 0 10%;
}
.mw-parser-output .mw-parser-output #tarifs-tarifs .row + .row {
margin-left: -15px;
margin-right: -15px;
}
.tarifs .tarifs-wiki, .tarifs .tarifs-go{
display: flex;
justify-content: center;
align-items: center;
}
.tarifs .tarifs-wiki{
text-align: center;
min-height: 200px;
padding: 0;
}
@media (max-width: 750px){
.tarifs .tarifs-wiki{
padding: 0 15px;
}
}
.tarifs .tarifs-wiki div{
height: 100%;
border: 2px solid #EBEAED;
border-left: none;
display: flex;
align-items: center;
justify-content: center;
}
.tarifs .tarifs-wiki div:first-of-type{
border-radius: 10px 0 0 0;
border-left: 2px solid #EBEAED;
}
.tarifs .tarifs-wiki div:last-of-type{
border-radius: 0 10px 0 0;
}
.tarifs .tarifs-wiki-one div:last-of-type{
border-right: none;
border-radius: 0;
}
.tarifs .tarifs-wiki-two div:first-of-type{
border-radius: 0;
}
@media (max-width: 750px){
.tarifs .tarifs-wiki-one div:last-of-type{
border-right: 2px solid #EBEAED;
border-radius: 0 10px 0 0;
}
.tarifs .tarifs-wiki-two div:first-of-type, .tarifs .tarifs-wiki-two div:last-of-type{
border-radius: 0;
border-top: none;
}
}
.tarifs .tarifs-wiki div p{
margin-bottom: 0;
}
.tarifs .tarifs-wiki div p span{
display: block;
}
.tarifs .tarifs-wiki .tarif-titre{
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 32px;
color: #1E0E62;
}
.tarifs .tarifs-wiki .tarif-comptes{
font-family: 'DM Sans',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 26px;
color: rgba(21, 20, 57, 0.4);
}
.tarifs .tarifs-wiki .tarif-prix{
font-family: 'DM Sans',sans-serif;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 70px;
letter-spacing: -1px;
color: #00B5B5;
}
.tarifs .tarifs-go{
padding: 0;
}
@media (max-width: 750px){
.tarifs .tarifs-go{
padding: 0 15px;
}
}
.d-md-none.tarifs-go{
border: none;
}
.tarifs .tarifs-go p{
font-family: 'DM Sans',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 26px;
text-align: center;
color: #1E0E62;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
border: 2px solid #EBEAED;
border-left: none;
border-top: none;
}
.tarifs .tarifs-go:first-of-type p:first-of-type{
border-left: 2px solid #EBEAED;
border-radius: 0 0 0 10px;
}
.tarifs .tarifs-go:last-of-type p:last-of-type{
border-radius: 0 0 10px 0;
}
@media (max-width: 750px){
.tarifs .go-un p:first-of-type {
border-left: 2px solid #EBEAED;
}
.tarifs .tarifs-go:last-of-type p:first-of-type {
border-radius: 0 0 0 10px;
border-left: 2px solid #EBEAED;
}
.tarifs .tarifs-go:last-of-type p:last-of-type {
border-radius: 0 0 10px 0;
}
}
#services-tarifs{
margin-bottom: 150px;
}
.little{
font-size: 0.8rem;
margin: 0 0 50px 0;
}
/* -------- FOOTER -------- */
#hf-nsfooter- h3, #hf-nsfooter- a, #hf-nsfooter- p {
color: white;
}
/* -------- BOUTONS -------- */
/* boutons */
.mw-ui-button{
border-radius: 5px;
}
/* bouton couleur wiki */
.mw-ui-wiki{
background-color: #00B5B5;
color: #fff;
border: 1px solid #00B5B5;
}
.mw-ui-ooui-blue{
background-color: #36c; /* #0645ad #1E0E62 */
color: #fff;
border: 1px solid #36c;
}
/* -------- Contact -------- */
.page-Spécial_Contact .container{
margin-top: 2rem;
}
/* -------- Aide -------- */
.page-User_support #content, .page-User_support #aide-top, .page-User_support .flex-fill, .page-User_support .flex-fill.container, .page-User_support .flex-fill.container .row + .row, .page-User_support .flex-fill.container .row + .row > .col {
margin: 0;
padding: 0;
max-width: none;
}
/* Aide titre h2 */
.page-User_support h2{
font-family: 'DM Sans',sans-serif;
border-bottom: none;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 50px;
text-align: center;
letter-spacing: -1px;
padding: 0 10%;
}
/* -- Div top -- */
/* Div top */
.page-User_support div#aide-top {
font-family: 'DM Sans', sans-serif;
max-width: 100vw;
background-color: #EFFAFB;
padding: 4% 8%;
}
/* Row top */
#aide-top .row{
align-items: center;
flex-direction: column;
}
/* Image a top */
#aide-top .row p a{
text-align: center;
width: 100%;
}
/* Image p top */
#aide-top .row p{
display: flex;
justify-content: center;
}
/* Image top */
#aide-top .row p img{
width: 50%;
height: auto;
}
/* -------- FAQ -------- */
.page-FAQ #content, .page-FAQ #aide-top, .page-FAQ .flex-fill, .page-FAQ .flex-fill.container, .page-Tarifs_de_l_hebergement_des_wikis .flex-fill.container > .row > .col, .page-FAQ .flex-fill.container .row + .row, .page-Tarifs_de_l_hebergement_des_wikis .flex-fill.container > .row > .col, .page-FAQ .flex-fill.container .row + .row > .col {
margin: 0;
padding: 0;
max-width: none;
}
/* Services titre h2 */
.page-FAQ h2{
font-family: 'DM Sans',sans-serif;
border-bottom: none;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 50px;
text-align: center;
letter-spacing: -1px;
padding: 0 10%;
}
/* -- Div top -- */
/* Div top */
.page-FAQ div#aide-top {
font-family: 'DM Sans', sans-serif;
max-width: 100vw;
background-color: #EFFAFB;
padding: 4% 8%;
}
/* ---- cards ---- */
.card-header {
cursor: pointer;
background-color: #ade4e9;
}
.card-collapse {
background-color: #EFFAFB;
}
.card h4{
margin: 0;
}
/* -------- Masquer le sous footer -------- */
.mb-2.mt-4.container-fluid {
display: none;
}
/* ************************************** NEW CSS ************************************** */
/* ******************* GENERAL ******************* */
body { font-size:16px;
line-height:140%; }
/* ---- Police / Fonts ---- */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
@font-face {
font-family: 'Amble-Regular-webfont';
src: url('./resources/assets/webfont/Amble-Regular-webfont.woff') format('woff'); }
@font-face {
font-family: 'Rubik-Light';
src: url('./resources/assets/webfont/Rubik-Light.ttf') format('truetype'); }
@font-face {
font-family: 'Rubik-Regular';
src: url('./resources/assets/webfont/Rubik-Regular.ttf') format('truetype'); }
p, h1, h2, h3, h4, h5 {
color : #1E0E62;
font-family: 'DM Sans',sans-serif;
}
h1, h2, h3 {
font-family: 'Rubik-Regular', sans-serif;
text-decoration: none;
border-bottom: none;
}
h1 {
font-size: 3em;
text-align:center;
}
h2 {
font-size: 2em;
}
h3 {
font-size: 1.8em;
}
/* Couleurs */
.steelblue{ color: steelblue; }
/* ******************* BOUTONS ******************* */
#bodyContent .lienbutton a, #bodyContent .lienbutton a:hover,
#bodyContent .lienbuttonblanc a, #bodyContent .lienbuttonblanc a:hover {
background: none !important;
padding: 0 !important;
font-weight: bold;
text-decoration: none;
text-align: justify;
}
#bodyContent .lienbutton a, #bodyContent .lienbutton a:hover { color: #ffffff !important; }
#bodyContent .lienbuttonblanc a, #bodyContent .lienbuttonblanc a:hover {
color: #000000 !important;
font-family: 'Amble-Regular-webfont';
}
/* ******************* DRILLDOWN ******************* */
/* drilldown-categories-wrapper est le tableau des catégories dans special:browsedata */
#drilldown-categories-wrapper, #p-tb, #footer-info {display:none;}
.bandeau{ @container-lg:100%; @container-md:100%; @container-sm:100%; }
/* ******************* DISPLAY NONE ******************* */
/* Extension ConfirmAccount Masque les champs "Nom d'utilisateur"... dans le formulaire Spécial:Demander_un_compte réaffichage de #wpUsername,#wpBio, #wpUrls #wpRealName, #wpNotes et masquage temporaire de champs phone */
.mw-special-RequestAccount #wpUploadFile,
/*Masque le petit bonhomme pour se connecter en haut à droite*/
.navbar-usernotloggedin, .dropdown-toggle, #p-tb,
/* Masque le logo et les liens du footer ( politique de confidentialité, a propos...*/
#footer-icons, #footer-places {
display:none !important;
}
/* ******************* MENU ******************* */
/* Afficher MENU sur le toggler mobile */
.navbar-toggler::after { content: " MENU ";}
/* ******************* PAGES ******************* */
/* Page « Présentation de la base de connaissance » */
body.page-Présentation_de_la_base_de_connaissance #firstHeading { text-align: center; }
.text-smartphone { text-align: center; float: left; width:60%; }
@media (max-width:768px) { .text-smartphone { width:100% } }
/* ******************************************* */
/* *************** Ajout Mathis ************** */
/* ******************************************* */
/* ******************* GENERAL ******************* */
html { scroll-behavior: smooth; }
@media (max-width: 750px){
h2{ font-size: 25px; }
}
.txt-center{
text-align: center;
}
/* ---- Edit Buttons WikiCode ---- */
.editButtons { padding: 1rem; }
.editCheckboxes, #wpSummaryLabel { padding: 0 1rem; }
/* ******************* COULEURS ******************* */
:root {
--bleuClair: #EFFAFB;
--bleuFonce: #00B5B5;
--bleuNoir: #1E0E62;
}
/* ******************* HEADER ******************* */
.mediawiki .p-navbar.collapsible {
background-color: var(--bleuClair);
padding: 0.8rem 1rem;
}
/* ******************* FOOTER ******************* */
.hf-nsfooter .container-fluid { padding: 0.3rem 3rem !important; }
/* ******************* NAVBAR ******************* */
.p-navbar {
z-index: 1000;
box-shadow: 0 8px 8px -7px rgb(0 0 0 / 8%);
}
.p-navbar.collapsible .navbar-nav {
font-family: 'DM Sans', sans-serif;
align-items: center;
flex-wrap: wrap;
}
/* PC */
@media (min-width: 750px){
.p-navbar.collapsible .navbar-nav {
justify-content: space-evenly;
width: 100% !important;
}
}
/* MOBILE */
@media (max-width: 750px){
.p-navbar.collapsible .navbar-nav {
align-items: flex-start;
}
}
.mediawiki .p-navbar.collapsible .navbar-collapse.show,
.mediawiki .p-navbar.collapsible .navbar-collapse.collapsing {
margin-top: 1em;
}
/* ******************* BARRE DE RECHERCHE ******************* */
.mediawiki .p-navbar.collapsible .navbar-collapse .navbar-nav .p-search { min-width: 380px; }
.mediawiki .p-navbar.collapsible .navbar-collapse .navbar-nav .p-search .input-group input,
.mediawiki .p-navbar.collapsible .navbar-collapse .navbar-nav .p-search .input-group-append button {
border-radius: 20px 0 0 20px;
border: none;
}
.mediawiki .p-navbar.collapsible .navbar-collapse .navbar-nav .p-search .input-group-append button {
background: var(--bleuFonce);
border-radius: 0 20px 20px 0;
}
/* Liens */
@media (min-width: 1105px) {
.p-navbar.collapsible .navbar-nav .nav-link{
padding: 0;
}
}
/* TABLETTE */
@media (max-width: 1015px){
.mediawiki .p-navbar.collapsible .navbar-collapse .navbar-nav .p-search {
min-width: 250px;
}
}
/* MOBILE */
@media (max-width: 750px){
.mediawiki .p-navbar.collapsible .navbar-collapse .navbar-nav .p-search {
width: 70%;
}
}
/* ******************* PAGES ******************* */
/* Masquer les titres */
.page-MediaWiki_Common_css #firstHeading,
.page-Create_your_own_private_wiki_online_and_manage_knowledge #firstHeading,
.page-MediaWiki_consulting_and_hosting_services #firstHeading,
.page-Pricing #firstHeading,
.page-User_support #firstHeading,
.page-FAQ #firstHeading,
.page-MediaWiki_the_open_source_knowledge_base_software #firstHeading,
.page-Semantic_MediaWiki #firstHeading,
.page-Create_your_internal_corporate_Wiki #firstHeading,
.page-Information_security #firstHeading,
.page-Create_a_private_wiki_for_your_company_or_organization #firstHeading,
.page-Document_management_system_DMS_with_MediaWiki #firstHeading,
.page-Master_data_management_with_MediaWiki #firstHeading,
.page-Configuration_and_administration_of_your_wiki #firstHeading,
.page-Create_your_own_knowledge_base #firstHeading,
.page-Legal_Notice #firstHeading,
.page-Enterprise_social_network_with_MediaWiki #firstHeading,
.page-Minimum_Requirements #firstHeading,
.page-SEO_training_with_MediaWiki #firstHeading,
.page-MediaWiki_training_for_all_levels #firstHeading,
.page-Advanced_Semantic_MediaWiki_training #firstHeading,
.page-MediaWiki_training_course_Structuring_a_wiki_like_a_database_with_Semantic_MediaWiki #firstHeading,
.page-Semantic_MediaWiki_and_Page_Forms_training #firstHeading,
.page-Wiki_Farm_Security_Policy #firstHeading,
.page-MediaWiki_Intermediate_Training_Administration_and_Advanced_Wiki_Editing #firstHeading,
.page-Mediawiki_hosting_training_to_create_and_manage_your_wiki #firstHeading{
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
border-bottom: none;
margin-bottom: 0;
margin-top: 0;
}
/* **** TAILLES **** */
/* RESET LARGEUR */
.flex-fill.container,
.flex-fill.container > .row,
.flex-fill.container > .row > .col {
margin: 0 !important;
padding: 0 !important;
max-width: 100% !important;
}
.flex-fill.container #content {
margin: 0 !important;
padding: 0 !important;
}
/* ** PAGES SPECIALES ** */
.ns--1 .flex-fill.container .row {
margin-left: 3% !important;
margin-right: 3% !important;
}
/* **** DIV TOP **** */
#div-top {
margin: 0;
padding: 4% 8%;
font-family: 'DM Sans', sans-serif;
max-width: 100vw;
background-color: var(--bleuClair);
}
#div-top .row{
align-items: center;
flex-direction: column;
}
/* IMAGE P */
#div-top .row p{
display: flex;
justify-content: center;
}
/* IMAGE */
#div-top .row p img{
width: auto;
max-height: 15em;
}
#div-top h2{
font-family: 'DM Sans',sans-serif;
border-bottom: none;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 50px;
text-align: center;
letter-spacing: -1px;
padding: 0 10%;
}
/* **** CONTAINER FLUID BLEU **** */
.container-fluid {
background-color: var(--bleuClair);
margin: 0;
max-width: none;
}
.container-fluid .row {
margin: auto;
padding-bottom: 30px;
}
@media (min-width: 576px){ .container-fluid .row { max-width: 540px !important; }}
@media (min-width: 768px){ .container-fluid .row { max-width: 720px !important; }}
@media (min-width: 992px){ .container-fluid .row { max-width: 960px !important; }}
@media (min-width: 1200px){ .container-fluid .row { max-width: 1140px !important; }}
/* ******************* PAGE SERVICES ******************* */
/* **** SERVICES QUESTION **** */
#services-question { margin: 50px auto; }
#services-question .col-12 { text-align: center; }
/* **** SERVICES PRESTATIONS **** */
/* TITRE "PRESTATIONS" */
@media (max-width: 975px){
#services-prestations-titre{
padding: 0;
text-align: left;
}
}
/* DIV for H3 */
#services-prestations-categories {
display: flex;
justify-content: flex-start;
text-align: left;
padding: 0 0 0 2.4rem;
}
@media (max-width: 975px){
#services-prestations-categories {
flex-direction: column;
align-items: center;
padding: 0;
}
}
/* PRESTATIONS H3 */
.page-MediaWiki_consulting_and_hosting_services div#services-prestations-categories h3{
font-size: 1.5rem;
margin: 0 3rem 1rem 0;
padding: 0;
color: var(--bleuNoir);
font-weight: bold;
cursor: pointer;
display: inline-block;
position: relative;
overflow: visible;
}
@media (max-width: 550px){
.page-MediaWiki_consulting_and_hosting_services div#services-prestations-categories h3{ margin: 0; }
}
/* PRESTATION H3 SOULIGNEMENT DYNAMIQUE */
.page-MediaWiki_consulting_and_hosting_services div#services-prestations-categories h3 span{ line-height: 1.7; }
.page-MediaWiki_consulting_and_hosting_services div#services-prestations-categories h3:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 2.2px;
bottom: 3px;
left: 0;
background-color: #25DAC5;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}
.page-MediaWiki_consulting_and_hosting_services div#services-prestations-categories h3:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}
.page-MediaWiki_consulting_and_hosting_services div#services-prestations-categories .cat-active:after{
transform: scaleX(1);
transform-origin: bottom left;
}
.page-MediaWiki_consulting_and_hosting_services #services-prestations-categories .fct-active:after{
transform: scaleX(1);
transform-origin: bottom left;
}
/* GRILLES PRESTATION */
.prest-grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 975px){
.prest-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 750px){
.prest-grid{ grid-template-columns: repeat(1, 1fr); }
}
/* GRILLES PRESTATION DIV */
.prest-grid div { padding: 0 10px; }
@media (max-width: 750px){
.prest-grid div { padding: 0; }
}
/* GRILLES PRESTATION DIV RESET DISPLAY */
.prest-grid-serv,
.prest-grid-publics {
display: none;
}
/* GRILLES PRESTATION DIV H4 */
.prest-grid h4 {
position: relative;
overflow: visible;
}
.prest-grid h4::before {
content: "•";
font-size: 3rem;
position: absolute;
top: -0.8rem;
left: -1.4rem;
}
/* TARIFS */
#services-tarifs{
margin-bottom: 150px;
}
/* ******************* PAGE TARIFS ******************* */
#tarifs-tarifs {
margin-top: 4rem;
}
/* TABLEAU TARIFS */
.tarifs-go-parent{
margin-right: -15px !important;
margin-left: -15px !important;
}
.tarifs .tarifs-wiki {
text-align: center;
min-height: 200px;
padding: 0;
}
@media (max-width: 750px){
.tarifs .tarifs-wiki{ padding: 0 15px; }
}
.tarifs .tarifs-wiki,
.tarifs .tarifs-go {
display: flex;
justify-content: center;
align-items: center;
}
.tarifs .tarifs-go{ padding: 0; }
@media (max-width: 750px){
.tarifs .tarifs-go{ padding: 0 15px; }
}
.tarifs .tarifs-wiki div{
height: 100%;
border: 2px solid #EBEAED;
border-left: none;
display: flex;
align-items: center;
justify-content: center;
}
.tarifs .tarifs-wiki div:first-of-type{
border-radius: 10px 0 0 0;
border-left: 2px solid #EBEAED;
}
.tarifs .tarifs-wiki div:last-of-type{
border-radius: 0 10px 0 0;
}
.tarifs .tarifs-wiki-two div:first-of-type{
border-radius: 0;
}
.tarifs .tarifs-wiki-one div:last-of-type{
border-right: none;
border-radius: 0;
}
@media (max-width: 750px){
.tarifs .tarifs-wiki-one div:last-of-type{
border-right: 2px solid #EBEAED;
border-radius: 0 10px 0 0;
}
.tarifs .tarifs-wiki-two div:first-of-type, .tarifs .tarifs-wiki-two div:last-of-type{
border-radius: 0;
border-top: none;
}
}
.tarifs .tarifs-wiki div p{ margin-bottom: 0; }
.tarifs .tarifs-wiki div p span{ display: block; }
.tarifs .tarifs-wiki .tarif-titre,
.tarifs .tarifs-wiki .tarif-comptes,
.tarifs .tarifs-wiki .tarif-prix {
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: bold;
}
.tarifs .tarifs-wiki .tarif-titre{
font-size: 22px;
line-height: 32px;
color: var(--bleuNoir);
}
.tarifs .tarifs-wiki .tarif-comptes{
font-weight: normal;
font-size: 16px;
line-height: 26px;
color: rgba(21, 20, 57, 0.4);
}
.tarifs .tarifs-wiki .tarif-prix{
font-size: 24px;
line-height: 70px;
letter-spacing: -1px;
color: var(--bleuFonce);
}
.d-md-none.tarifs-go{
border: none;
}
.tarifs .tarifs-go p{
font-family: 'DM Sans',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 26px;
text-align: center;
color: var(--bleuNoir);
margin: 0;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
border: 2px solid #EBEAED;
border-left: none;
border-top: none;
}
.tarifs .tarifs-go:first-of-type p:first-of-type{
border-left: 2px solid #EBEAED;
border-radius: 0 0 0 10px;
}
.tarifs .tarifs-go:last-of-type p:last-of-type{
border-radius: 0 0 10px 0;
}
@media (max-width: 750px){
.tarifs .go-un p:first-of-type {
border-left: 2px solid #EBEAED;
}
.tarifs .tarifs-go:last-of-type p:first-of-type {
border-radius: 0 0 0 10px;
border-left: 2px solid #EBEAED;
}
.tarifs .tarifs-go:last-of-type p:last-of-type {
border-radius: 0 0 10px 0;
}
}
/* TEXTE EN PETIT */
.little{
font-size: 0.8rem;
margin: 0 0 50px 0;
}
/* ******************* PAGE ACCUEIL ******************* */
/* ROW TOP */
.page-Create_your_own_private_wiki_online_and_manage_knowledge #div-top .row{ flex-direction: row; }
@media (max-width: 750px) {
.page-Create_your_own_private_wiki_online_and_manage_knowledge #div-top .row{ flex-direction: column; }
}
@media (max-width: 750px) {
.row div .accueil-accroche{ padding: 0 20%; margin-bottom: 15%; }
}
@media (max-width: 550px) {
.row div .accueil-accroche{ padding: 0 10%; }
}
/* ROW TOP ACCROCHE */
.row div .accueil-accroche .mw-headline span{ color: var(--bleuFonce); }
/* ROW TOP TEXTE */
.row div .accueil-top-txt {
font-family: 'Rubik', sans-serif;
margin-top: 5%;
}
/* **** ESSAI **** */
#accueil-essai {
margin: 150px 0;
max-width: 100%;
padding: 0 5%
}
#accueil-essai .row div{
display: flex;
align-items: center;
justify-content: space-evenly;
flex-direction: column;
}
@media (max-width: 850px){
#accueil-essai .row div{ flex-direction: column; }
}
#accueil-essai .row h2{
margin-bottom: 30px;
padding: 0;
color: #8CC5F9;
}
#accueil-essai .row p{ margin: 0; }
#accueil-essai .row p a .mw-ui-button{
border-radius: 25px;
padding: 8px 18px;
}
/* Image */
#accueil-essai .accueil-formulaire p{ width: 100%; }
#accueil-essai .accueil-formulaire img{
box-shadow: rgb(0 0 0 / 15%) 2px 1.95px 3.5px;
border-radius: 5px;
width: 70%;
height: auto;
margin: 0 15%;
}
@media (max-width: 500px){
#accueil-essai .accueil-formulaire img {
width: 90%;
margin: 0 5%;
margin-top: 30px;
}
}
/* **** FONCTIONNALITES **** */
#accueil-fonctionnalites {
max-width: 100vw;
background-color: var(--bleuClair);
padding: 1% 8%;
}
#accueil-fonctionnalites .col-12:first-of-type {
display: flex;
justify-content: flex-start;
text-align: left;
padding: 0 0;
}
@media (max-width: 550px){
#accueil-fonctionnalites .col-12:first-of-type {
flex-direction: column;
align-items: center;
}
}
.page-Create_your_own_private_wiki_online_and_manage_knowledge div#accueil-fonctionnalites h2{
font-size: 1.5rem;
margin: 0 3rem 1rem 0;
padding: 0;
color: var(--bleuNoir);
font-weight: bold;
cursor: pointer;
display: inline-block;
position: relative;
}
@media (max-width: 550px){
.page-Create_your_own_private_wiki_online_and_manage_knowledge div#accueil-fonctionnalites h2{ margin: 0; }
}
/* SOULIGNEMENT DYNAMIQUE */
.page-Create_your_own_private_wiki_online_and_manage_knowledge div#accueil-fonctionnalites h2:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 2.1px;
bottom: 0;
left: 0;
background-color: #25DAC5;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}
.page-Create_your_own_private_wiki_online_and_manage_knowledge div#accueil-fonctionnalites h2:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}
.page-Create_your_own_private_wiki_online_and_manage_knowledge #accueil-fonctionnalites .col-12 .fct-active:after{
transform: scaleX(1);
transform-origin: bottom left;
}
.page-Create_your_own_private_wiki_online_and_manage_knowledge div#accueil-fonctionnalites h3{
font-family: 'Rubik',sans-serif;
color: var(--bleuNoir);
font-size: 16px;
font-weight: bold;
}
.fct-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
transition: 1s;
}
@media (max-width: 950px){ .fct-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 750px){ .fct-grid { grid-template-columns: repeat(1, 1fr); } }
.fct-grid > div{ padding: 0 3%; }
/* RESET GRID DISPLAY */
.fct-grid-ext{ display: none; }
#accueil-fonctionnalites .col-12:last-of-type {
display: flex;
justify-content: center;
}
/* **** FAQ **** */
.card-body p:last-child { margin-bottom: 0; }
#accueil-faq { margin: 150px auto; }
#accueil-faq .row {
margin-right: 0;
margin-left: 0;
}
#accueil-faq .col-12:first-of-type { margin-bottom: 2rem; }
#accueil-faq .row .col-12:last-of-type {
display: flex;
justify-content: center;
margin-top: 1rem;
}
.accueil-faq-questions { padding: 0 20px; }
/* **** ENTREPRISES **** */
#accueil-entreprises { margin-bottom: 150px; }
#accueil-entreprises h2 { margin-bottom: 2rem; }
.grid-entreprises {
display: grid;
grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 975px){ .grid-entreprises { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 750px){ .grid-entreprises { grid-template-columns: repeat(2, 1fr); } }
.grid-entreprises div {
display: flex;
justify-content: center;
}
/* IMAGES */
.grid-entreprises div p { width: 50%; }
.grid-entreprises img {
height: auto;
max-width: 100%;
max-height: 100%;
}
/* **** EQUIPE **** */
#accueil-equipe{ margin-bottom: 150px; }
#accueil-equipe .row{ justify-content: space-evenly; }
#accueil-equipe h2 { margin-bottom: 2rem; }
#accueil-equipe .equipe-div{
box-shadow: rgb(0 0 0 / 15%) 2px 1.95px 3.5px;
border-radius: 15px;
margin: 0 15px 1rem;
max-width: 330px;
}
#accueil-equipe .equipe-img p,
#accueil-equipe .equipe-nom {
display: flex;
justify-content: center;
}
#accueil-equipe .equipe-img img{
width: 40%;
height: auto;
border-radius: 100%;
margin-top: 1rem;
}
/* ******************* BLOG ******************* */
.ns-3000 #bodyContent .mw-parser-output .mw-parser-output .mw-parser-output,
.page-Blog #bodyContent .mw-parser-output .mw-parser-output .mw-parser-output {
padding: 0 10%;
overflow: hidden;
}
.page-Blog #bodyContent .mw-parser-output .mw-parser-output .mw-parser-output {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1200px){
.page-Blog #bodyContent .mw-parser-output .mw-parser-output .mw-parser-output{
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px){
.page-Blog #bodyContent .mw-parser-output .mw-parser-output .mw-parser-output{
grid-template-columns: 1fr;
}
}
.billet-blog {
margin: 1rem;
padding: .75rem 1.3rem;
transition: .3s;
border-radius: 8px;
border: 1px solid #cccccc4f;
}
.billet-blog:hover {
transform: scale(1.02);
box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -20px, rgb(0 0 0 / 30%) 0px 20px 40px -30px;
}
.billet-blog h2,
.billet-blog p {
margin: 0;
padding-top: 0;
}
/* ******************* RECHERCHE PAR TAG FAQ ******************* */
.drilldown-filters {
display: grid;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px){
.drilldown-filters {
grid-template-columns: 1fr;
}
}
div.drilldown-filter {
padding: 0.5rem 0.8rem;
margin: 0 0.5rem;
border-radius: 10px;
border: 1px solid lightgray;
}
div.drilldown-filter-values a {
display: inline-block;
padding: 4px 7px;
visibility: visible;
margin-bottom: 5px;
border-radius: 20px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
transition: .3s;
}
div.drilldown-filter-values a:hover {
background: var(--bleuClair);
transform: scale(1.05);
}
div.drilldown-filter-values { visibility: hidden; }
div#drilldown-header span {
font-size: 1.5rem;
font-weight: bold;
color: var(--bleuFonce);
}
.smw-columnlist-container {
padding: 0.5rem 1rem;
margin: 0 5%;
border-radius: 11px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/* ******************* PAGE RECHERCHE ******************* */
.mw-special-Search .flex-fill.container #content {
margin: 0 10%;
}
.mw-special-Search .mw-search-results {
padding: 0;
max-width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 992px){
.mw-special-Search .mw-search-results {
grid-template-columns: 1fr !important;
}
}
.mw-special-Search .mw-search-results li {
padding: 0.4rem 0.8rem;
margin: 0 0.8rem 2rem;
box-shadow: rgb(0 0 0 / 10%) 0px 3px 8px;
border-radius: 8px;
}
.mw-search-results li .mw-search-result-heading,
.mw-search-results li .searchresult {
margin-bottom: 0.5rem;
}
.mw-search-results li .mw-search-result-heading > * {
display: block;
}
.mw-search-results li .mw-search-result-heading > a {
font-weight: bold;
font-size: 1.2rem;
}
/*********** No Article **********/
.noarticletext.mw-content-ltr {
margin: 30vh auto;
font-size: 2rem;
line-height: 1.2;
width: 80%;
}
/******************** pour confirmAccount ************************/
#mw-content-text form {
padding: 0.8rem 1.1rem;
margin-bottom: 2rem;
background: var(--bleuClair);
border-radius: 6px;
box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
}
.requestRow {
display: grid;
grid-template-columns: 300px 1fr;
align-items: center;
margin-bottom: 10px;
}
@media (max-width: 820px) {
.requestRow { grid-template-columns: 1fr;}
}
.requestRow.requestError {
grid-template-columns: 1fr;
}
.requestRow.requestError p {
color: red;
display: none;
margin-bottom: 0;
}
.requestLabel p,
.requestLabel label,
.requestWhy {
margin: 0 5px 0 0;
font-weight: bold;
}
textarea#wpBio { width: 40%; }
@media (max-width: 1500px) {
textarea#wpBio { width: 60%; }
}
@media (max-width: 1100px) {
textarea#wpBio { width: 80%; }
}
@media (max-width: 830px) {
textarea#wpBio { width: 100%; }
}
/* .requestContainer > fieldset:last-of-type { position: relative; }
.requestContainer > fieldset:last-of-type p {
position: absolute;
top: 0;
} */
.requestContainer label[for=wpToS] {
display: inline;
font-weight: bold;
}
#mw-content-text form > p:last-of-type {
text-align: center;
}
input#BoutonEnvoi {
word-break: break-word;
white-space: break-spaces;
border: none;
background: var(--bleuFonce);
color: white;
font-weight: bold;
padding: 5px 12px;
border-radius: 5px;
}
input#BoutonEnvoi:hover {
cursor: pointer;
background: white;
color: var(--bleuNoir);
border: 1px solid var(--bleuNoir);
}
.mw-special-RequestAccount h2 {
text-align: center;
}
.requestHide {
display: none !important;
}