Wiki Valley - MediaWiki hosting and consulting - User contributions [en]

Use the Parsoid from Wiki Valley

2025-03-05T11:47:25Z

Mathis:

__NOEDITSECTION__
[[File:VisualEditor-logo.svg.png|Visual Editor for MediaWiki|300px|right|link=|alt=Logo Visual Editor for MediaWiki]]
[[File:Parsoid logo.svg|Logo Parsoid Editeur visuel MediaWiki |300px|right|link=|alt=Use parsoid to enable visual editor with MediaWiki]]
Wiki Valley offers hosting of Parsoid, the software allowing the visual editor of [[MediaWiki open source and free software|MediaWiki]] to work. By subscribing to this offer, you will be able to activate '''Visual Editor''' much more easily on your wiki. This offer is for wikis outside the [[Wiki Valley]] platform (where the visual editor and Parsoid are enabled by default).

<div style="margin: 0.7em 0; padding-left: 0.5em;"><div style="border-left: 3px double orange; padding-left: 0.5em;">'''Important:''' Parsoid software is integrated into MediaWiki 1.35 and no longer requires separate installation. Our offer remains valid for MediaWiki installations up to 1.34 if needed.</div></div>

# To subscribe to this offer, you will need to send us the address of your wiki;
# [[Mw:Extension:VisualEditor#Download|Download and install The Visual Editor]]
# Add the following in your LocalSettings file.php:

:<source lang="php"> wfLoadExtension( 'VisualEditor' );
// Enable by default for everybody
$wgDefaultUserOptions[ 'visualeditor-enable'] = 1;
$wgVirtualRestConfig[ 'modules']['parsoid']['url'] = 'https://parsoid.wiki-valley.com';</source>

''Optional'': If your [[Create-an-internal-company-wiki|wiki is private (used internally in your organization)]], add the following line to LocalSettings.php:

:<source lang="php">$wgVirtualRestConfig['modules']['parsoid']['forwardCookies'] = true;</source>

Debug :

# Only MediaWiki versions between 1.31 and 1.34 inclusive are supported (if you have a MediaWiki version between 1.26 and 1.30, let us know specifically);
# MediaWiki API must be enabled with <source lang="php" inline="true">$wgEnableAPI = true;</source> (this is the default);
# The PHP <code>entry point /api.php</code> of your wiki must be accessible on the Internet without HTTP authentication, at least from the IP address of <code>parsoid.wiki-valley.com</code>;
# If you get <code>apierror-visualeditor-docserver-http:HTTP 500</code> error when loading the visual editor on a private wiki, verify that you have enabled the option <code>forwardCookies :</code><source lang="php">$wgVirtualRestConfig['modules']['parsoid']['forwardCookies'] = true;</source>

== Tarifs ==
70 € excl. taxes / year + initial connection fee 150 € excl taxes. Renewable by tacit renewal.

{{#seo:
|title=Enable Visual Editor on your private or public wiki with the Wiki Valley Parsoid
|description=Method to enable visual editor on your private or public wiki using Wiki Valley Parsoid without getting the famous apierror-visualeditor-docserver-http error: HTTP 500
}}

Set up a specific domain name of a wiki hosted by Wiki Valley

2025-03-05T11:46:33Z

Mathis:

__NOEDITSECTION__

Wiki Valley allows wikis hosted on its platform to have a specific address, such as '''wiki.votre-organisation.fr'''. However, this requires a specific configuration of the domain name (DNS) and the SSL certificate.

This option is charged in addition to the standard price of a wiki.

== Domain name configuration ==

Two methods:
* one perennial but slightly slower for wiki visitors,
* the other optimized for display speed for wiki visitors, but may require a bit of maintenance on your part in the long run.

=== Sustainable method ===

'''Caution:''' this method only works for subdomains, not for a primary domain name like mon-organisation.fr.

# Log in to your domain name manager (OVH, Gandi, etc.),
# Open the configuration of your primary domain name, then the list of subdomains (also called DNS records),
# Add a subdomain:
#* Name: <code>wiki</code> <span style="margin-left:0.4em">(to create the <u>wiki.mon-organisation.fr</u> subdomain)</span>
#* Type: CNAME
#* Value: <code>dns-stable-redirect.wiki-valley.com.</code> <span style="margin-left:0.4em">(note the end point)</span>
#* TTL/lifespan: 604800

=== Optimized method ===

'''Attention:''' the IP addresses indicated are likely to change in the long term (maximum 1 time every year). In case of change, we will contact you two to three weeks before and you will need to register the new IP addresses in coordination with our technical service. It would also be possible to temporarily switch to the first method above, if possible (i.e. if the wiki is installed on a subdomain).

# Log in to your domain name manager (OVH, Gandi, etc.),
# Open your primary domain name configuration, then the list of subdomains (also known as DNS records),
# Add an IPv4 record:
#* Subdomain (if applicable): <code>wiki</code> <span style="margin-left:0.4em">(to create the <u>wiki.mon-organisation.fr</u> subdomain)</span>
#* Type: A
#* Value: <code>92.243.19.233</code>
#* TTL/lifespan: 604800
# Add a record IPv6:
#* Subdomain (if applicable): <code>wiki</code> <span style="margin-left:0.4em">(to create the <u>wiki.mon-organisation.fr</u> subdomain)</span>
#* Type: AAAA
#* Value: <code>2001:4b98:dc0:43:216:3eff:feee:6eea</code>
#* TTL/durée de vie: 604800

== SSL Certificate ==

The simplest option is for us to generate a [https://letsencrypt.org Let's Encrypt certificate] for your wiki, so you don't have to deal with this issue.

If you want a certificate from another CA, you will need to send us the certificate associated with the specific domain name with its private key and certificates from the parent authorities, and then send us the certificate renewals over time.

Presentation of the knowledge base

2025-03-05T11:44:55Z

Mathis: Undo revision 869 by WikiValleyBot (talk)

<br />

=='''Functioning'''==
The knowledge base (or wiki) is a collection of articles written in a collaborative way. Each article can be attached to several themes and tags. The traditional hierarchical data structure (folder/subfolder) is abandoned to move to an organization based on structured data..

=='''Objectives and benefits'''==
One of the aim of the base is to free users from the '''mass of mails''' exchanged between colleagues and to communicate directly on an '''unique''' platform so that they lose no time with knowledge scattered between multiple supports – emails, office documents.

In addition, gathering knowledge on an '''unique platform''' allows you to compare to detect the missing information, contradictory or obsolete.

==Functionalities==

==='''Versioning'''===
{| class="wikitable"
|
|
|
|}
Visualize different versions of each article, cancel any undesired modification with one click (depending on the rights. Show differences between two versions of the same page. Come back to any previous version.).

===Internal search engine===
{| class="wikitable"
|
|
|
|}
Find quickly any information or article thanks to the intuitive research feature, find an article even if you forgot the name.

'''Responsive design''': The display of the wiki adapts himself to the device used
<br />

==='''Semantic structure…'''===

===…'''with themes, tags and keywords'''===
Classify your articles by theme and add keywords or tags to find easily with the research multiple criteria. You benefit from features similar to data bases': finished requests, intuitive research, statistics and sheets personalized
{| class="wikitable"
|
|
|
|}

==='''Simple edition and intuitive thanks to the intuitive editor WYSIWYG'''===
Test the latest version of Visual Editor on MediaWiki.org

==='''Other base functionalities'''===
Creation of links between pages of the whole wiki and towards external sites

Possible protection in writing page per page

Discussion page attached to each content page

Automatic notification by mail in case of notification of a page followed by a user

===Optional features===
Videos from YouTube Vimeo, Dailymotion...

Video display from YouTube Vimeo, Dailymotion...

Widgets from social networks

Collaborative proofreading digitized in the aim to make them accessible in the middle of the text (for example to make ebooks or to permit the research in a text): example of Wikisource
----

==The technology used: MediaWiki, wiki software free and open source…==
Our wikis use the software MediaWiki (also used by Wikipedia) and several extensions among Semantic MediaWiki and Visual Editor.

The free software and his extensions allow us to propose you prices always more competitive compare to solutions based in paid software.

In addition Wikipedia that depend technically on MediaWiki with an enormous community of volunteer developers is a gauge of perennity of the software MediaWiki and of the maintain of the quality. In fact the risk of an open source is that the number of developers decreases and the project is abandoned.

In addition to be used by a lot of public projects, number of enterprises or organizations like the OTAN, NASA, Intel or VistaPrint use them in intern, we then talk about private wiki.

<br />

==…Having many free extensions==
Show geographic maps personalized
----This extension allows to use the power of Elastic Search in a wiki and benefit of a research in the middle of the text also called research in integral text or research with free text) improved: management of the accents and proposition of close terms from the request.
----Echo permits you to receive notifications by different actions: delete of a page, creation of a link, reception of a message...

==Hosting==
Your wiki base can be hosted in SAAS mode in the platform Wiki-Valley.com or a server belonging to you, see our benefits right here:

==Our Benefits==

===Benefits of MediaWiki===

*Update of mediawiki and his extensions towards the last version
*Installation and configuration of new extensions and functionalities like MediaWiki Semantic MediaWiki or BlueSpice
*Initial configuration and administration of the wiki adaptation at your work environment, your enterprise, your project, your jobs
*Transfer of your existing wiki in your secured platform based in France
*User support, administrator and technic maintenance at your wiki
*Import of you actual data from
**your office documents,
**an other wiki like Dokuwiki,
**SharePoint (in fact MediaWiki can be an alternative of Microsoft SharePoint)…
*Import of your actual secured data from your spreadsheets, csv/xml fields…
*Connection at your existing data base and dynamic pages directly on your wiki, important in the case of the management of the data of reference
*Administration at distance of the wiki
*Formations at the utilization of the Wi-Fi, from Wikipedia
*Development of the new extensions and custom scripts

===The benefits on the server===

*Initial configuration of the server : Installation and configuration of Linux, MySQL, Apache (or Nginx), PHP
*Configuration of a mail server
*Optimization of the performances
*Set up of automatic scripts and recurring backups of your data base and your fields

===Benefits for your public wiki===

*Optimization of the natural referencing of the wiki
*Formation at the natural referencing of the wiki

For hosting a media wiki contact us.
----

==Who are we ?==
We are a society created in 2016 by two consultants (Sébastien Beyou and Nicolas Nallet) specialized in the management of data with the free software MediaWiki. WikiValley takes the activities of Semantiki, enterprise created in 2012 by Nicolas Nallet and proposes even more benefits thanks to Sebastien Beyou, PHP developer and servor consultant Linux.

(For Wiki Valley et/ou Sémantiki)

===Sébastien BEYOU===
MediaWiki consultant and system administrator at MediaWiki in 2008 and consultant since 2015.

===Nicolas NALLET===
MediaWiki consultant and semantic MediaWiki. Fondator of the enterprise Semantiki, web collaboratives plateforms in 2012
Our clients references

<br />

Mentions légales

2025-03-05T11:43:38Z

Mathis: Undo revision 866 by WikiValleyBot (talk)

Wiki Valley SAS with variable capital registered at the RCS of Besançon n° 821345345 residing at 2 rue de Miserey 25115 Pouilley les Vignes

Publication's director : Nicolas NALLET

Servers hosted in France by:

GANDI SAS, with a capital of 300.000€ with its head offices located at 63-65 boulevard Massena in Paris (75013) FRANCE, registered under 423 093 459 RCS PARIS N° TVA FR81423093459 Telephone : +33.(0) 1 70.37.76.61

=== Cookies ===
We use the cookies for two goals:
* technical issues, in particular for user sessions,
* analytics.

==== Opt-out ====
<piwikPrivacyPanel style="border:0; width:100%;" id="piwik-privacy-panel" />

MediaWiki wikis search engine optimization (SEO)

2025-03-05T11:43:09Z

Mathis: Undo revision 864 by WikiValleyBot (talk)

The Search engine optimization (SEO) aims to put your public wiki on '''the first page''' results of search engine like Google or Bing.

==Why WikiPedia is often on the top 3 results ?==
Because Wikipedia uses [[MediaWiki_the_open_source_knowledge_base_software|MediaWiki]]. The search engines gives importance to key words which are present in some part of website page like :
*URL or web address
*<code><Title></code> tag
*<code><nowiki><h1></nowiki></code> tag

Google recommends to
*write unique title tags on every page
*use words in URL
*use <code><nowiki><h1></nowiki></code> tag

MediaWiki fills these 3 parts with page name that you can choose.

MediaWiki training course Installing and configuring a wiki

2025-03-05T11:42:24Z

Mathis:

<div class="container-fluid"><div class="row"><div class="col-md-7">
==Goals of the training==
*Setting up a wiki with MediaWiki
*Configuring the wiki with ''LocalSettings.php''
*Installing extensions
*Updating MediaWiki software and its extensions

==Setting up a wiki==
*What do you need on your server
*Most important parameters of ''LocalSettings.php''
**Displaying a logo and a favicon
**Name of the wiki (very important for SEO)
**Connecting to a database
*The most interesting extensions
*Installing a new extension
*Where are the files on the server?
*Displaying another skin
*Creating a new user group
*Activating subpages

==Maintenance of MediaWiki==
*Most useful maintenance scripts
*Updating MediaWiki software and its extensions
**classical way
**composer way
**git way

==Hosting a wiki powered by MediaWiki==
*Free wikis hoster
*Paid hosters: [https://en.wiki-valley.com Wiki Valley, private wikis platform] (fr)

==Connecting to a remote server (optional)==
*Connection with
**private/public key
**fixed IP
**PuTTy
**FileZilla
</div>
<div class="col-md-4 col-md-offset-1">
[[File:MediaWiki logo 1.png|300px|center|alt=Media Wiki Training course installing and configuring|link=]]

==Pre-requisites==
You must know how to
*copy and paste files on a server
*create a new database and a user with rights

==Other MediaWiki training courses==
*[[MediaWiki training course, browsing and editing a wiki based on MediaWiki like Wikipedia|Browsing and editing a wiki]]
*[[MediaWiki_training_course_Advanced_editing_and_wiki_administration|Advanced editing and wiki administration]]
*[[MediaWiki training course Structuring a wiki like a database with Semantic MediaWiki|MediaWiki training course Structuring a wiki like a database with Semantic MediaWiki]]
*[[MediaWiki training course Search engine optimisation|Search engine optimization (SEO) and MediaWiki]]
</div>
</div>
</div>

[[File:France Flag Wavy.jpg|20px|link|alt=wiki training course french version]] <small>Lire cette page en français : [https://semantiki.fr/wiki/Formation_MediaWiki-Creer_son_wiki Cours MediaWiki : Créer et gérer son wiki, installation et configuration sur serveur] </small>
{{#seo:
|description=One day training: Setting up a wiki with MediaWiki, Configuring the wiki with the LocalSettings.php file, Installing extensions, Updating MediaWiki software and its extensions
|title=MediaWiki training course: installing and configuring a wiki with MediaWiki
}}__NOTOC__

Create your own private wiki online and manage knowledge

2025-03-05T11:40:27Z

Mathis: Undo revision 840 by WikiValleyBot (talk)

__NOEDITSECTION__ __NOTOC__ <div class="container" id="div-top">
<div class="row">
<div class="col-12 col-md-6">
<h2 class="accueil-accroche">Gather all <span>your knowledge</span> on <span>a single platform</span></h2>
</div>
<div class="col-12 col-md-6">
<div><p>[[File:Accueil-svg-visuel.png|alt=Home visual|link=|frameless]]</p>
<div class="accueil-top-txt">
<p>Reduce the volume of emails exchanged</p>
<p>Centralize information scattered across multiple supports (emails, office documents…)</p>
<p>Answer (once and for all) the questions asked by your clients, colleagues, suppliers…</p>
</div>
[[Special:RequestAccount|{{Clickable button|Enjoy a free trial|color=wiki}}]]
<p>Trial with no commitment or credit card 💳</p>
</div>
</div>
</div>
</div>

<br><br>

<div class="container-fluid" id="accueil-fonctionnalites">
__NOTOC____NOEDITSECTION__
<div class="profils-container">
<div class="profils-category professeurs active">
[[File:Prof-icon.png|link=]]
<h3>Professors</h3>
</div>
<div class="profils-category etudiants">
[[File:Etu-icon.png|link=]]
<h3>Students</h3>
</div>
<div class="profils-category developpeurs">
[[File:Dev-icon.png|link=]]
<h3>Developers</h3>
</div>
<div class="profils-category ecrivains">
[[File:Ecriv-icon.png|link=]]
<h3>Writers</h3>
</div>
<div class="profils-category managers">
[[File:Manager-icon.png|link=]]
<h3>Project Managers</h3>
</div>
</div>

<div class="profils-features">
<h2>Facilitate Knowledge Transfer</h2>

<div class="profils-feature-section professeurs active">
<h3>Professors</h3>
<ul>
<li>Smart Revision Notes: Organize and revise your courses easily with advanced tools.</li>
<li>Centralized Course Versions: Ensure your students always work on the validated version of the courses.</li>
<li>Transparent Tracking and History: Keep track of every modification.</li>
<li>Granular Permission Control: Protect your courses with access management tools.</li>
</ul>
</div>

<div class="profils-feature-section etudiants">
<h3>Students</h3>
<ul>
<li>'''Simplified and Quick Revision''': Find your courses easily.</li>
<li>'''Interactive Visual Supports''': Enhance your revisions with graphs, videos, and maps.</li>
<li>'''Smart Collaboration''': Discuss and contribute actively with modern tools.</li>
</ul>
</div>

<div class="profils-feature-section developpeurs">
<h3>Developers</h3>
<ul>
<li>'''Flexibility and Data Power''': Integrate complex functionalities.</li>
<li>'''Optimized Data Management''': Structure scalable databases.</li>
<li>'''Enhanced Security''': Ensure the protection of your platforms.</li>
</ul>
</div>

<div class="profils-feature-section ecrivains">
<h3>Writers</h3>
<ul>
<li>'''Intuitive Editing''': Write with modern tools.</li>
<li>'''Inspiring Layout''': Create captivating interfaces.</li>
<li>'''Source Management''': Cite your references easily.</li>
</ul>
</div>

<div class="profils-feature-section managers">
<h3>Project Managers</h3>
<ul>
<li>'''Transparent Version Tracking and History''': Manage your documents rigorously.</li>
<li>'''Structured Information Organization''': Create customized databases.</li>
<li>'''Dynamic Collaboration''': Centralize exchanges and notifications.</li>
</ul>
</div>
</div>
<br>
<div class="col-12">
[[Features|{{Clickable button|See all features|color=wiki}}]]
</div>
</div>

<div class="container" id="accueil-faq">
<div class="row">
<div class="col-12">
<h2>Frequently Asked Questions</h2>
</div>
<div class="row accueil-faq-questions">
<div class="col-12 col-md-6">
<b>Who can use a Wiki?</b>
<p>A wiki, with its great flexibility, can be used by an individual wanting to create their personal wiki or by a large company or public entity (ministry...), including startups, to create a knowledge base.</p>
</div>
<div class="col-12 col-md-6">
<b>How do you access the wiki? With what security?</b>
<p>Access your wiki securely in SAAS mode from any connected device with a simple web browser.</p>
</div>
<div class="col-12">
[[User_support|{{Clickable button|See the FAQ|color=wiki}}]]
</div>
</div>
</div>
</div>

<div class="container" id="accueil-entreprises">
<div class="row">
<div class="col-12">
<h2>Client References</h2>
<div class="grid-entreprises">
<div>
[[File:Logo-Ordre-des-avocats-de-Paris.jpg|alt=Paris Bar Association|frameless|link=]]
</div>
<div>
[[File:Logo-république-française.jpg|alt=French Republic|frameless|link=]]
</div>
<div>
[[File:Logo saint gobain client Wiki Valley MediaWiki Consulting.jpeg|alt=Saint-Gobain|frameless|link=]]
</div>
<div>
[[File:Logo ehess officiel.jpg|alt=EHESS|frameless|link=]]
</div>
<div>
[[File:Logo MGWiki plateforme collaborative médecine générale.jpg|alt=MGWiki collaborative platform for general medicine|frameless|link=]]
</div>
<div>
[[File:Logo-BEA.jpg|alt=BEA|frameless|link=]]
</div>
</div>
</div>
</div>
</div>

<div class="container" id="accueil-avis">
<div class="row">
<div class="col-12">
<h2>Our Clients' Feedback</h2>
</div>
<div class="row accueil-avis-questions">
<div>
<b>"The platform truly serves as a knowledge performance tool and promotes better team cohesion."</b>
<p>Pierre Georges Anquetin, hydraulic laboratory director at Artelia</p>
</div>
<div>
<b>"(...) We therefore turned to Wiki Valley, a simple and efficient solution to create our collaborative platform."</b>
<p>Emmanuel Pierrat and Agnès Secretan, director and legal officer of the Great Library of Law (Paris Bar Association)</p>
</div>
<div class="col-12">
[[Usercase_Wiki_Valley|{{Clickable button|See all feedback|color=wiki}}]]
</div>
</div>
</div>
</div>

<div class="container" id="accueil-equipe">
<div class="row">
<div class="col-12">
<h2>Our Team</h2>
</div>
<div class="equipe-div">
<div class="col-12 equipe-img">
[[File:Nicolas-nallet.jpg|alt=Nicolas NALLET|frameless|link=]]
</div>
<div class="col-12 equipe-nom">
<h3>Nicolas NALLET</h3>
</div>
<div class="col-12 equipe-txt">
MediaWiki and Semantic MediaWiki Consultant. Founder of the company Sémantiki, collaborative web platforms in 2012.
</div>
</div>
<div class="equipe-div">
<div class="col-12 equipe-img">
[[File:Sebastien-beyou.jpg|alt=Sébastien BEYOU|frameless|link=]]
</div>
<div class="col-12 equipe-nom">
<h3>Sébastien BEYOU</h3>
</div>
<div class="col-12 equipe-txt">
MediaWiki Consultant and System Administrator. Contributor to MediaWiki since 2008 and consultant since 2015.
</div>
</div>
<div class="equipe-div">
<div class="col-12 equipe-img">
[[File:Mathis-backert.png|alt=Mathis BACKERT|frameless|link=]]
</div>
<div class="col-12 equipe-nom">
<h3>Mathis BACKERT</h3>
</div>
<div class="col-12 equipe-txt">
UX Design Project Manager and MediaWiki Consultant since 2021.
</div>
</div>
</div>
</div>
[[Category:Showcase]]

MediaWiki and Semantic MediaWiki training courses

2025-03-05T11:39:24Z

Mathis: Undo revision 850 by WikiValleyBot (talk)

Wiki Valley can provide 6 different MediaWiki or Semantic MediaWiki training courses both in North American (USA + Canada) and in Europe like London (UK).

Courses could be delivered in English or French (see [https://semantiki.fr/wiki/Formation_MediaWiki-Naviguer_et_contribuer_aux_wikis_sous_MediaWiki_comme_Wikipedia formations wikis] on sémantiki.fr)

;Duration : 6 hours excluding coffee breaks and lunch

{| class="wikitable"
!Training course name
! Public
! Level
! Duration
! Requirements
|-
|[[MediaWiki_training_course,_browsing_and_editing_a_wiki_based_on_MediaWiki_like_Wikipedia|Browsing and editing a wiki based on MediaWiki like Wikipedia]]
| Readers and contributors
|
| 1 day
| Browsing a website, using a mouse
|}

Management and mapping of business processes

2025-03-05T11:39:05Z

Mathis: Undo revision 847 by WikiValleyBot (talk)

MediaWiki allows to have a graphic view on different links between different pages. When those pages represent steps of a process (or of a procedure) in the form of tasks or closed questions, it is possible to manage and map all the jobs processes in a wiki of an enterprise making the data base more visual. In addition, it is possible to automatically point each step toward the dedicated page permitting to show an operator mode more detailed in one click.

Example of an implementation process of an intern wiki or public where each step is clickable

=== Example of the setup processes of an intern wiki or public where each step is clickable ===
This solution allows you to adjust quickly and always in a collaborative way your processes thanks to several forms and get immediately and automatically the graphic rendering above.

Add new characteristics at the steps of the processes:
* Directors
* Resources
* Actors
* Clients
* Suppliers
and make them appear in the final graphic rendering.
<br />

== Each step of a process is simply modified thanks to the form ==

[[File:Formulaire processu choix réponse non à la question.png|385px|left|sans_cadre|class=img-thumbnail]] [[File:Formulaire modifier un processus avec entrée d un responsable.png|385|center|sans_cadre|class=img-thumbnail]]

Features

2025-03-05T11:37:17Z

Mathis: Undo revision 843 by WikiValleyBot (talk)

__NOTOC____NOEDITSECTION__<div class="container"><div class="row"> <div class="col-12">
==List of Wiki Valley Features==
</div><div class="col-12 col-lg-6">
===User Management and Permissions===
''AccessControl, ConfirmAccount, GlobalUserrights, LoginNotify, Renameuser, UserMerge, UserPageEditProtection, Lockdown''
'''Optimize user management by precisely defining rights and permissions. These extensions enhance security and simplify account administration.'''
</div><div class="col-12 col-lg-6">
===Advanced Editing and Collaboration===
''VisualEditor, WikiEditor, CodeEditor, SyntaxHighlight_GeSHi, TwoColConflict, DiscussionTools, CommentStreams, Flow, TemplateData, TemplateStyles''
'''Ensure smooth and precise teamwork with powerful and intuitive editing tools, fostering seamless collaboration.'''
</div><div class="col-12 col-lg-6">
===Content Structuring and Presentation===
''Cargo, CategoryTree, HeaderFooter, HeaderTabs, PageForms, SemanticMediaWiki, SemanticResultFormats, SemanticFormsSelect, DynamicPageList''
'''Efficiently structure your content with powerful tools to organize, link, and display your data according to your needs.'''
</div><div class="col-12 col-lg-6">
===Search and Navigation===
''CirrusSearch, AdvancedSearch, RelatedArticles, Interwiki, GuidedTour, HitCounters''
'''Enhance user experience with advanced search features and relevant suggestions that simplify information access.'''

</div> <div class="col-12 col-lg-6">
===Protection and Anti-Spam Measures===
''AbuseFilter, SmiteSpam, SpamBlacklist, StopForumSpam, TitleBlacklist, ConfirmEdit''
'''Ensure the security of your wiki with robust tools against spam, abuse, and unwanted modifications.'''
</div><div class="col-12 col-lg-6">
===Content Creation and Import===
''CreatePage, CreateUserPage, DataTransfer, PDFEmbed, PdfHandler, MsUpload''
'''Simplify content creation and integration with extensions tailored to various files and modern workflows.'''
</div><div class="col-12 col-lg-6">
===Multimedia and Visualization===
''EmbedVideo, MultimediaViewer, Kartographer, Maps, ImageMap, Mermaid, Math, TimedMediaHandler, ModernTimeline''
'''Bring your content to life with tools for integrating videos, maps, charts, and interactive mathematical formulas.'''
</div><div class="col-12 col-lg-6">
===User Experience and Customization===
''BetaFeatures, DarkMode, Gadgets, GuidedTour, Popups, RealMe, Thanks''
'''Customize the user experience and test new features to captivate your audience and boost engagement.'''
</div><div class="col-12 col-lg-6">
===Administration and Maintenance===
''AdminLinks, DeleteBatch, Nuke, ReplaceText, Validator''
'''Efficiently manage your site with simplified administration tools for recurring or complex tasks.'''
</div><div class="col-12 col-lg-6">
===Analytics and Performance Tracking===
''Echo, googleAnalytics, GTag, Matomo, EventLogging''
'''Monitor your performance and understand your users with integrated and comprehensive analytics tools.'''
</div><div class="col-12 col-lg-6">
===Developer Extensions===
''Scribunto, JsonConfig, ParserFunctions, LabeledSectionTransclusion''
'''Expand your customization and automation capabilities with developer-focused tools.'''
</div><div class="col-12 col-lg-6">
===Marketing and SEO===
''WikiSEO, Newsletter, HeaderFooter, RelatedArticles''
'''Optimize your content for search engines and engage readers with newsletters and targeted recommendations.'''
</div></div></div><br><br><br><br><br>

Contactpage-pagetext/en

2025-03-05T11:31:57Z

Mathis: Undo revision 834 by WikiValleyBot (talk)

Please use the form below to contact us or request a wiki.

Features

2025-02-10T17:31:25Z

Mathis: Created page with "__NOTOC____NOEDITSECTION__<div class="container"><div class="row"> <div class="col-12"> ==List of Wiki Valley Features== </div><div class="col-12 col-lg-6"> ===User Management and Permissions=== ''AccessControl, ConfirmAccount, GlobalUserrights, LoginNotify, Renameuser, UserMerge, UserPageEditProtection, Lockdown'' '''Optimize user management by precisely defining rights and permissions. These extensions enhance security and simplify account administration.''' </div><div..."

Create your own private wiki online and manage knowledge

2025-02-07T14:00:59Z

Mathis:

Create your own private wiki online and manage knowledge

2025-02-07T13:59:44Z

Mathis:

__NOEDITSECTION__ __NOTOC__ <div class="container" id="div-top">
<div class="row">
<div class="col-12 col-md-6">
<h2 class="accueil-accroche">Gather all <span>your knowledge</span> on <span>a single platform</span></h2>
</div>
<div class="col-12 col-md-6">
<div><p>[[File:Accueil-svg-visuel.png|alt=Home visual|link=|frameless]]</p>
<div class="accueil-top-txt">
<p>Reduce the volume of emails exchanged</p>
<p>Centralize information scattered across multiple supports (emails, office documents…)</p>
<p>Answer (once and for all) the questions asked by your clients, colleagues, suppliers…</p>
</div>
[[Special:RequestAccount|{{Clickable button|Enjoy a free trial|color=wiki}}]]
<p>Trial with no commitment or credit card 💳</p>
</div>
</div>
</div>
</div>

<br><br>

<div class="container-fluid" id="accueil-fonctionnalites">
__NOTOC____NOEDITSECTION__
<div class="profils-container">
<div class="profils-category professeurs active">
[[File:Prof-icon.png|link=]]
<h3>Professors</h3>
</div>
<div class="profils-category etudiants">
[[File:Etu-icon.png|link=]]
<h3>Students</h3>
</div>
<div class="profils-category developpeurs">
[[File:Dev-icon.png|link=]]
<h3>Developers</h3>
</div>
<div class="profils-category ecrivains">
[[File:Ecriv-icon.png|link=]]
<h3>Writers</h3>
</div>
<div class="profils-category managers">
[[File:Manager-icon.png|link=]]
<h3>Project Managers</h3>
</div>
</div>

<div class="profils-features">
<h2>Facilitate Knowledge Transfer</h2>

<div class="profils-feature-section professeurs active">
<h3>Professors</h3>
<ul>
<li>Smart Revision Notes: Organize and revise your courses easily with advanced tools.</li>
<li>Centralized Course Versions: Ensure your students always work on the validated version of the courses.</li>
<li>Transparent Tracking and History: Keep track of every modification.</li>
<li>Granular Permission Control: Protect your courses with access management tools.</li>
</ul>
</div>

<div class="profils-feature-section etudiants">
<h3>Students</h3>
<ul>
<li>'''Simplified and Quick Revision''': Find your courses easily.</li>
<li>'''Interactive Visual Supports''': Enhance your revisions with graphs, videos, and maps.</li>
<li>'''Smart Collaboration''': Discuss and contribute actively with modern tools.</li>
</ul>
</div>

<div class="profils-feature-section developpeurs">
<h3>Developers</h3>
<ul>
<li>'''Flexibility and Data Power''': Integrate complex functionalities.</li>
<li>'''Optimized Data Management''': Structure scalable databases.</li>
<li>'''Enhanced Security''': Ensure the protection of your platforms.</li>
</ul>
</div>

<div class="profils-feature-section ecrivains">
<h3>Writers</h3>
<ul>
<li>'''Intuitive Editing''': Write with modern tools.</li>
<li>'''Inspiring Layout''': Create captivating interfaces.</li>
<li>'''Source Management''': Cite your references easily.</li>
</ul>
</div>

<div class="profils-feature-section managers">
<h3>Project Managers</h3>
<ul>
<li>'''Transparent Version Tracking and History''': Manage your documents rigorously.</li>
<li>'''Structured Information Organization''': Create customized databases.</li>
<li>'''Dynamic Collaboration''': Centralize exchanges and notifications.</li>
</ul>
</div>
</div>
<br>
<div class="col-12">
[[Features|{{Clickable button|See all features|color=wiki}}]]
</div>
</div>

<div class="container" id="accueil-faq">
<div class="row">
<div class="col-12">
<h2>Frequently Asked Questions</h2>
</div>
<div class="row accueil-faq-questions">
<div class="col-12 col-md-6">
<b>Who can use a Wiki?</b>
<p>A wiki, with its great flexibility, can be used by an individual wanting to create their personal wiki or by a large company or public entity (ministry...), including startups, to create a knowledge base.</p>
</div>
<div class="col-12 col-md-6">
<b>How do you access the wiki? With what security?</b>
<p>Access your wiki securely in SAAS mode from any connected device with a simple web browser.</p>
</div>
<div class="col-12">
[[User_support|{{Clickable button|See the FAQ|color=wiki}}]]
</div>
</div>
</div>
</div>

<div class="container" id="accueil-entreprises">
<div class="row">
<div class="col-12">
<h2>Client References</h2>
<div class="grid-entreprises">
<div>
[[File:Logo-Ordre-des-avocats-de-Paris.jpg|alt=Paris Bar Association|frameless|link=]]
</div>
<div>
[[File:Logo-république-française.jpg|alt=French Republic|frameless|link=]]
</div>
<div>
[[File:Logo saint gobain client Wiki Valley MediaWiki Consulting.jpeg|alt=Saint-Gobain|frameless|link=]]
</div>
<div>
[[File:Logo ehess officiel.jpg|alt=EHESS|frameless|link=]]
</div>
<div>
[[File:Logo MGWiki plateforme collaborative médecine générale.jpg|alt=MGWiki collaborative platform for general medicine|frameless|link=]]
</div>
<div>
[[File:Logo-BEA.jpg|alt=BEA|frameless|link=]]
</div>
</div>
</div>
</div>
</div>

<div class="container" id="accueil-avis">
<div class="row">
<div class="col-12">
<h2>Our Clients' Feedback</h2>
</div>
<div class="row accueil-avis-questions">
<div>
<b>"The platform truly serves as a knowledge performance tool and promotes better team cohesion."</b>
<p>Pierre Georges Anquetin, hydraulic laboratory director at Artelia</p>
</div>
<div>
<b>"(...) We therefore turned to Wiki Valley, a simple and efficient solution to create our collaborative platform."</b>
<p>Emmanuel Pierrat and Agnès Secretan, director and legal officer of the Great Library of Law (Paris Bar Association)</p>
</div>
<div class="col-12">
[https://wiki-valley.com/wiki/Cas_clients_Wiki_Valley {{Clickable button|See all feedback|color=wiki}}]
</div>
</div>
</div>
</div>

<div class="container" id="accueil-equipe">
<div class="row">
<div class="col-12">
<h2>Our Team</h2>
</div>
<div class="equipe-div">
<div class="col-12 equipe-img">
[[File:Nicolas-nallet.jpg|alt=Nicolas NALLET|frameless|link=]]
</div>
<div class="col-12 equipe-nom">
<h3>Nicolas NALLET</h3>
</div>
<div class="col-12 equipe-txt">
MediaWiki and Semantic MediaWiki Consultant. Founder of the company Sémantiki, collaborative web platforms in 2012.
</div>
</div>
<div class="equipe-div">
<div class="col-12 equipe-img">
[[File:Sebastien-beyou.jpg|alt=Sébastien BEYOU|frameless|link=]]
</div>
<div class="col-12 equipe-nom">
<h3>Sébastien BEYOU</h3>
</div>
<div class="col-12 equipe-txt">
MediaWiki Consultant and System Administrator. Contributor to MediaWiki since 2008 and consultant since 2015.
</div>
</div>
<div class="equipe-div">
<div class="col-12 equipe-img">
[[File:Mathis-backert.png|alt=Mathis BACKERT|frameless|link=]]
</div>
<div class="col-12 equipe-nom">
<h3>Mathis BACKERT</h3>
</div>
<div class="col-12 equipe-txt">
UX Design Project Manager and MediaWiki Consultant since 2021.
</div>
</div>
</div>
</div>
[[Category:Showcase]]

MediaWiki:Common.css

2025-02-07T13:56:55Z

Mathis:

/* ******************* 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, ui, li {
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; }

/* Accessibilité */
a:focus {
border: 1px solid black !important;
border-radius: 3px;
}

/* ******************* 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 */
.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,
/* Catégories */
#catlinks {
display:none !important;
}

/* ******************* MENU ******************* */

/* Afficher MENU sur le toggler mobile */
.navbar-toggler::after { content: " MENU ";}

/* ******************* JOONBOT ******************* */

#joinup-widget {
z-index: 94;
}

/* ******************* 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: 1.3rem 3rem !important; }

/* ******************* NAVBAR ******************* */

.p-navbar {
z-index: 1000;
box-shadow: 0 8px 8px -7px rgb(0 0 0 / 8%);
}

nav#mw-navigation { z-index: 95; }

.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;
}

/* ******************* MEDIA PLAYER ******************* */

.oo-ui-windowManager-modal > .oo-ui-dialog {
z-index: 100;
}

/* ******************* 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-Prestations_de_consulting_et_hebergement_MediaWiki 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-Prestations_de_consulting_et_hebergement_MediaWiki div#services-prestations-categories h3{ margin: 0; }
}

/* PRESTATION H3 SOULIGNEMENT DYNAMIQUE */
.page-Prestations_de_consulting_et_hebergement_MediaWiki div#services-prestations-categories h3 span{ line-height: 1.7; }
.page-Prestations_de_consulting_et_hebergement_MediaWiki 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-Prestations_de_consulting_et_hebergement_MediaWiki div#services-prestations-categories h3:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}
.page-Prestations_de_consulting_et_hebergement_MediaWiki div#services-prestations-categories .cat-active:after{
transform: scaleX(1);
transform-origin: bottom left;
}
.page-Prestations_de_consulting_et_hebergement_MediaWiki #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-Creation_de_wikis_prives_en_ligne #div-top .row{ flex-direction: row; }
@media (max-width: 750px) {
.page-Creation_de_wikis_prives_en_ligne #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: 6rem 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: transparent;
padding: 0;
}

.profils-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
padding: 1rem 1.6rem;
justify-items: center;
justify-content: center;
}

.profils-category {
text-align: center;
background-color: #007A7A;
border-radius: 10px;
padding: 20px;
width: 100%;
max-width: 200px;
display: flex;
flex-direction: column;
justify-content: center;
cursor: pointer;
transition: .25s;
box-shadow: rgb(0 0 0 / 32%) 0px 3px 8px;
}

.profils-category:hover {
transform: scale(1.075);
}

.profils-category.active {
transform: scale(1.05) translateY(12px);
border-radius: 10px 10px 0 0;
box-shadow: none;
}

.profils-category img {
width: 74px;
height: auto;
filter: invert(1);
}

.profils-category h3,
.profils-features h3 {
font-size: 1.5rem;
color: white;
}

.profils-category h3 {
margin: 0;
}

.profils-features {
padding: 20px 40px 50px;
background-color: #007A7A;
}

.profils-features h2 {
text-align: center;
margin-bottom: 30px;
color: #F3F3F3;
}

.profils-feature-section {
opacity: 0;
transform: translateY(-20px);
max-height: 0;
overflow: hidden;
transition: all 0.3s ease-in-out;
}

.profils-feature-section.active {
opacity: 1;
transform: translateY(0);
max-height: 1000px;
}

.profils-feature-section h3 {
margin-bottom: 10px;
}

.profils-feature-section ul {
list-style: none;
padding: 0;
}

.profils-feature-section ul li {
margin: 10px 0;
display: flex;
align-items: center;
color: var(--bleuClair);
}

.profils-feature-section ul li:before {
content: "✔";
margin-right: 10px;
color: #00d1b2;
}

div#accueil-fonctionnalites span {
color: var(--bleuClair) !important;
}

@media (max-width: 692px) {
.profils-category { padding: 4px 8px; width: 125px; }
.profils-category p { margin: 0; }
.profils-category img { width: 32px; }
.profils-feature-section ul li { display: block; }
}

/* #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-Creation_de_wikis_prives_en_ligne 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%;
}

.page-Creation_de_wikis_prives_en_ligne 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-Creation_de_wikis_prives_en_ligne div#accueil-fonctionnalites h2{ margin: 0; }
} */

/* SOULIGNEMENT DYNAMIQUE */
.page-Creation_de_wikis_prives_en_ligne 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-Creation_de_wikis_prives_en_ligne div#accueil-fonctionnalites h2:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}

.page-Creation_de_wikis_prives_en_ligne #accueil-fonctionnalites .col-12 .fct-active:after{
transform: scaleX(1);
transform-origin: bottom left;
}

.page-Creation_de_wikis_prives_en_ligne 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: 4% 4% 0;
margin: 1rem;
box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
background-color: white;
border-radius: 8px;
height: fit-content;
}

/* 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; }

/* **** AVIS **** */

#accueil-avis { margin: 150px auto; }
#accueil-avis .row {
margin-right: 0;
margin-left: 0;
}

#accueil-avis .col-12:first-of-type { margin-bottom: 2rem; }
#accueil-avis .row .col-12:last-of-type {
display: flex;
justify-content: center;
margin-top: 1rem;
}

.row.accueil-avis-questions div:not(.col-12) {
box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
background-color: white;
border-radius: 8px;
padding: 1rem 0.7rem;
width: 48%;
margin: 1rem 1%;
box-sizing: border-box;
height: fit-content;
}

@media (max-width: 1100px) {
.row.accueil-avis-questions div:not(.col-12) {
width: 100% !important
}
}

.row.accueil-avis-questions p:last-of-type {
margin: 0;
}

.accueil-avis-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 **** */

.equipe-img span.mw-default-size {
text-align: center;
}

#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;
}

/* ******************* PAGE AVIS (CAS CLIENTS) ******************* */
.avis-container {
padding: 1rem 20%;
}

@media (max-width: 1250px) { .avis-container {
padding: 1rem 15%;
}}
@media (max-width: 1000px) { .avis-container {
padding: 1rem 5%;
}}

.avis-container .avis {
display: grid;
grid-template-columns: 70% 15% 15%;
margin-bottom: 2rem;
box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
background-color: white;
border-radius: 8px;
padding: 0.8rem 0.4rem;
}

@media (max-width: 685px) { .avis-container .avis {
grid-template-columns: 100%;
}}

.avis > * {
padding: 0.2rem 0 0.2rem 0.5rem;
}

p.avis-avis {
display: flex;
flex-direction: column;
justify-content: space-between;
margin: 0;
}

.avis-image {
display: flex;
align-items: center;
justify-content: center;
}

.avis-image p,
.avis-image span {
margin: 0;
padding: 0;
}

.avis-image img {
width: 100%;
height: auto;
max-height: 250px;
}

/* ******************* FORMULAIRES ******************* */

div.pfFormInputWrapper {
margin: 0 auto;
width: fit-content;
}

/* ******************* BLOG ******************* */

/* Cacher les popups des articles */
.page-Blog .mwe-popups {
display: none !important;
}

.ns-3000 #bodyContent .blog-posts-list,
.page-Blog #bodyContent .blog-posts-list {
padding: 0 20% 2rem;
}
@media (max-width: 1200px){
.ns-3000 #bodyContent .blog-posts-list,
.page-Blog #bodyContent .blog-posts-list {
padding: 0 15%;
}
}
.page-Blog #bodyContent .blog-posts-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 2rem;
}
@media (max-width: 1400px){
.page-Blog #bodyContent .blog-posts-list{
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 760px){
.page-Blog #bodyContent .blog-posts-list{
grid-template-columns: 1fr;
}
}

.post-blog,
.post-blog * {
transition: .25s;
}

.post-blog {
position: relative;
min-height: 250px;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border-radius: 6px;
box-shadow: rgb(0 0 0 / 9%) 1px 2px 1px, rgb(0 0 0 / 9%) 2px 4px 2px, rgb(0 0 0 / 9%) 4px 8px 4px;
margin: 1rem .5rem;
}
.post-blog:hover {
cursor: pointer;
}

.post-blog .post-blur {
height: 100%;
width: 100%;
backdrop-filter: blur(1.5px)brightness(0.5);
}
.post-blog:hover .post-blur {
backdrop-filter: none;
}

.post-blog h2 {
position: absolute;
top: 50%;
transform: translateY(-50%);
height: fit-content;
z-index: 5;
margin: 0;
padding: 0 10px;
text-align: center;
}
.post-blog h2 a {
color: white;
}

.post-blog p {
position: absolute;
bottom: 2%;
left: 2%;
z-index: 10;
color: white;
margin: 0;
font-style: italic;
}

.post-blog:hover h2 a,
.post-blog:hover p {
opacity: 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;
}

/* ******************* A TRIER ******************* */

/* -------- WIKI INTERNE D'ENTREPRISE -------- */

.page-Creer-un-wiki-interne-d-entreprise #div-top {
margin-bottom: 1rem;
}

#wikii-container .floatright {
float: none;
text-align: center;
}
#wikii-container .floatright img {
width: 100%;
height: auto;
}

/* Témoignages */
.temoignage{
box-shadow: 3px 4px 12px 1px lightgrey;
padding: 0px 1.5em 0.3em;
border-radius: 15px;
margin-bottom: 2rem;
}

.temoignage p.temoignage-inline{
display: flex;
justify-content: space-between;
}
@media (max-width: 768px){
.temoignage p.temoignage-inline{
display: block;
}
}

/* -------- FOOTER -------- */

#hf-nsfooter- h3, #hf-nsfooter- a, #hf-nsfooter- p,
#hf-nsfooter-Blog h3, #hf-nsfooter-Blog a, #hf-nsfooter-Blog p {
color: white;
}

/* -------- BOUTONS -------- */

/* boutons */
.mw-ui-button{
border-radius: 5px;
}

/* bouton couleur wiki */
.mw-ui-wiki{
background-color: var(--bleuFonce);
color: #fff;
border: 1px solid var(--bleuFonce);
}

.mw-ui-ooui-blue{
background-color: #36c; /* #0645ad var(--bleuNoir); */
color: #fff;
border: 1px solid #36c;
}

/* -------- Contact -------- */

.page-Spécial_Contact .container{
margin-top: 2rem;
}

/* -------- Aide -------- */

.page-Aide_en_ligne #aide-top,
.page-Aide_en_ligne .flex-fill,
.page-Aide_en_ligne .flex-fill.container .row + .row,
.page-Aide_en_ligne .flex-fill.container .row + .row > .col {
margin: 0;
padding: 0;
max-width: none;
}

/* Aide titre h2 */
.page-Aide_en_ligne 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-Aide_en_ligne div#aide-top {
font-family: 'DM Sans', sans-serif;
max-width: 100vw;
background-color: var(--bleuClair);
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: 45%;
height: auto;
}

/* -------- FAQ -------- */

.page-FAQ #aide-top,
.page-FAQ .flex-fill,
.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: var(--bleuClair);
padding: 4% 8%;
}

/* ---- cards ---- */

.card-header {
cursor: pointer;
background-color: #ade4e9;
}

.card-collapse {
background-color: var(--bleuClair);
}

.card h4{
margin: 0;
}

/* **** PAGE Mediawiki logiciel open source et gratuit **** */

/* ---- Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint et ses sous pages ---- */

.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint #alternative-top,
.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint .flex-fill,
.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint .flex-fill.container,
.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint .flex-fill.container > .row > .col,
.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint .flex-fill.container .row + .row,
.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint .flex-fill.container > .row > .col,
.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint .flex-fill.container .row + .row > .col,
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint #alternative-top,
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint .flex-fill,
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint .flex-fill.container,
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint .flex-fill.container > .row > .col,
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint .flex-fill.container .row + .row,
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint .flex-fill.container > .row > .col,
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint .flex-fill.container .row + .row > .col,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki #alternative-top,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki .flex-fill,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki .flex-fill.container,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki .flex-fill.container > .row > .col,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki .flex-fill.container .row + .row,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki .flex-fill.container > .row > .col,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki .flex-fill.container .row + .row > .col,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint #alternative-top,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint .flex-fill,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint .flex-fill.container,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint .flex-fill.container > .row > .col,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint .flex-fill.container .row + .row,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint .flex-fill.container > .row > .col,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint .flex-fill.container .row + .row > .col {
margin: 0;
padding: 0;
max-width: none;
}

/* Services titre h2 */
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint h2,
.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint h2,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki h2,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint 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%;
}

#alternative-container .container-fluid{
background-color: var(--bleuClair);
margin: 0;
max-width: none;
}

#alternative-container .container-fluid .row {
margin: auto;
padding-bottom: 30px;
}
@media (min-width: 576px){ #alternative-container .container-fluid .row {
max-width: 540px;
}}
@media (min-width: 768px){ #alternative-container .container-fluid .row {
max-width: 720px;
}}
@media (min-width: 992px){ #alternative-container .container-fluid .row {
max-width: 960px;
}}
@media (min-width: 1200px){ #alternative-container .container-fluid .row {
max-width: 1140px;
}}

#alternative-container .container .row .col-6 p {
margin-top: 1rem;
margin-bottom: 0;
}

/* -- Div top -- */

/* Div top */
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint div#alternative-top,
.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint div#alternative-top,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki div#alternative-top,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint div#alternative-top {
font-family: 'DM Sans', sans-serif;
max-width: 100vw;
background-color: var(--bleuClair);
padding: 4% 8%;
margin-bottom: 0.5em;
}

.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint div#alternative-top {
margin-bottom: 2.5em;
}

/* Row top */
#alternative-top .row{
align-items: center;
flex-direction: column;
}

/* Image a top */
#alternative-top .row p a{
text-align: center;
width: 100%;
}

/* Image p top */
#alternative-top .row p{
display: flex;
justify-content: center;
}

/* Image top */
#alternative-top .row p img{
width: 30%;
height: auto;
}

/* -------- Masquer le sous footer -------- */

.mb-2.mt-4.container-fluid {
display: none;
}

/* ---- MediaWiki ---- */

.page-Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki #formation-top,
.page-Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki .flex-fill,
.page-Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki .flex-fill.container > .row > .col,
.page-Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki .flex-fill.container .row + .row,
.page-Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki .flex-fill.container > .row > .col,
.page-Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki .flex-fill.container .row + .row > .col {
margin: 0;
padding: 0;
max-width: none;
}

/* Services titre h2 */
.page-Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki 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%;
}

#mwoformationpen-container .container-fluid{
background-color: var(--bleuClair);
margin: 0;
max-width: none;
}

#formation-container .container-fluid .row {
margin: auto;
padding-bottom: 30px;
}
@media (min-width: 576px){ #formation-container .container-fluid .row {
max-width: 540px;
}}
@media (min-width: 768px){ #formation-container .container-fluid .row {
max-width: 720px;
}}
@media (min-width: 992px){ #formation-container .container-fluid .row {
max-width: 960px;
}}
@media (min-width: 1200px){ #formation-container .container-fluid .row {
max-width: 1140px;
}}

#formation-container .container .row .col-6 p {
margin-top: 1rem;
margin-bottom: 0;
}

/* -- Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki -- */

/* -- Div top -- */

/* Div top */
.page-Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki div#formation-top {
font-family: 'DM Sans', sans-serif;
max-width: 100vw;
background-color: var(--bleuClair);
padding: 4% 8%;
}

/* Row top */
#formation-top .row{
align-items: center;
flex-direction: column;
}

/* Image a top */
#formation-top .row p a{
text-align: center;
width: 100%;
}

/* Image p top */
#formation-top .row p{
display: flex;
justify-content: center;
}

/* Image top */
#formation-top .row p img{
width: 30%;
height: auto;
}

/************* BLOG **************/
/* Article */
.cat-Blog .flex-fill.container #content {
margin: 1.5rem 20% 500px !important;
padding: 1.5rem 1rem !important;
display: block;
box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
border-radius: 16px;
}
@media (max-width: 820px) { .cat-Blog .flex-fill.container #content { margin: 1.5rem 10% 750px !important; } }
@media (max-width: 580px) { .cat-Blog .flex-fill.container #content { margin: 1.5rem 3% 1300px !important; } }

.cat-Blog #firstHeading {
margin-top: 0;
padding-top: 0;
font-weight: bold;
}

.blogImage {
text-align: center;
margin: 1rem;
}

.blogImage img {
height: 100%;
width: auto;
max-height: 300px;
border-radius: 6px;
box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
}
@media (max-width: 500px) {
.blogImage img {
height: auto;
width: 100%;
max-width: 500px;
max-height: none;
}
}

.blogKeyword {
font-weight: bold;
}
.blogKeywords {
margin-top: 1.5rem;
padding-top: 0.5rem;
border-top: 1px solid lightgray;
}

.cat-Blog div#hf-nsfooter- {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
}

/* Catégorie */
@media (min-width: 1200px) {
.page-Catégorie_Blog .flex-fill.container #content {
margin: 0 20% !important;
}
}

/* Form */
@media (min-width: 1200px) {
.page-Formulaire_Blog .blog-posts-list {
padding: 0 30%;
}
}
.page-Formulaire_Blog div.pfFormInputWrapper {
margin: 0 0;
width: 100%;
}

/*********** No Article **********/

.noarticletext.mw-content-ltr {
margin: 30vh auto;
font-size: 2rem;
line-height: 1.2;
width: 80%;
}

/*********** Demande de création de wiki **********/
#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;
}

fieldset#mw-searchoptions, .mw-search-profile-tabs {
display: none;
}
form#powersearch {
padding: 0 1rem 1.3rem 1rem;
}

Create your own private wiki online and manage knowledge

2025-02-07T13:55:48Z

Mathis:

__NOEDITSECTION__ __NOTOC__ <div class="container" id="div-top">
<div class="row">
<div class="col-12 col-md-6">
<h2 class="accueil-accroche">Gather all <span>your knowledge</span> on <span>a single platform</span></h2>
</div>
<div class="col-12 col-md-6">
<div><p>[[File:Accueil-svg-visuel.png|alt=Home visual|link=|frameless]]</p>
<div class="accueil-top-txt">
<p>Reduce the volume of emails exchanged</p>
<p>Centralize information scattered across multiple supports (emails, office documents…)</p>
<p>Answer (once and for all) the questions asked by your clients, colleagues, suppliers…</p>
</div>
[[Special:RequestAccount|{{Clickable button|Enjoy a free trial|color=wiki}}]]
<p>Trial with no commitment or credit card 💳</p>
</div>
</div>
</div>
</div>

<br><br>

<div class="container-fluid" id="accueil-fonctionnalites">
__NOTOC____NOEDITSECTION__
<div class="profils-container">
<div class="profils-category professeurs active">
[[File:Prof-icon.png|link=]]
<h3>Professors</h3>
</div>
<div class="profils-category etudiants">
[[File:Etu-icon.png|link=]]
<h3>Students</h3>
</div>
<div class="profils-category developpeurs">
[[File:Dev-icon.png|link=]]
<h3>Developers</h3>
</div>
<div class="profils-category ecrivains">
[[File:Ecriv-icon.png|link=]]
<h3>Writers</h3>
</div>
<div class="profils-category managers">
[[File:Manager-icon.png|link=]]
<h3>Project Managers</h3>
</div>
</div>

<div class="profils-features">
<h2>Facilitate Knowledge Transfer</h2>

<div class="profils-feature-section professeurs active">
<h3>Professors</h3>
<ul>
<li>Smart Revision Notes: Organize and revise your courses easily with advanced tools.</li>
<li>Centralized Course Versions: Ensure your students always work on the validated version of the courses.</li>
<li>Transparent Tracking and History: Keep track of every modification.</li>
<li>Granular Permission Control: Protect your courses with access management tools.</li>
</ul>
</div>

<div class="profils-feature-section etudiants">
<h3>Students</h3>
<ul>
<li>'''Simplified and Quick Revision''': Find your courses easily.</li>
<li>'''Interactive Visual Supports''': Enhance your revisions with graphs, videos, and maps.</li>
<li>'''Smart Collaboration''': Discuss and contribute actively with modern tools.</li>
</ul>
</div>

<div class="profils-feature-section developpeurs">
<h3>Developers</h3>
<ul>
<li>'''Flexibility and Data Power''': Integrate complex functionalities.</li>
<li>'''Optimized Data Management''': Structure scalable databases.</li>
<li>'''Enhanced Security''': Ensure the protection of your platforms.</li>
</ul>
</div>

<div class="profils-feature-section ecrivains">
<h3>Writers</h3>
<ul>
<li>'''Intuitive Editing''': Write with modern tools.</li>
<li>'''Inspiring Layout''': Create captivating interfaces.</li>
<li>'''Source Management''': Cite your references easily.</li>
</ul>
</div>

<div class="profils-feature-section managers">
<h3>Project Managers</h3>
<ul>
<li>'''Transparent Version Tracking and History''': Manage your documents rigorously.</li>
<li>'''Structured Information Organization''': Create customized databases.</li>
<li>'''Dynamic Collaboration''': Centralize exchanges and notifications.</li>
</ul>
</div>
</div>
<br>
<div class="col-12">
[[Features|{{Clickable button|See all features|color=wiki}}]]
</div>
</div>

<div class="container" id="accueil-faq">
<div class="row">
<div class="col-12">
<h2>Frequently Asked Questions</h2>
</div>
<div class="row accueil-faq-questions">
<div class="col-12 col-md-6">
<b>Who can use a Wiki?</b>
<p>A wiki, with its great flexibility, can be used by an individual wanting to create their personal wiki or by a large company or public entity (ministry...), including startups, to create a knowledge base.</p>
</div>
<div class="col-12 col-md-6">
<b>How do you access the wiki? With what security?</b>
<p>Access your wiki securely in SAAS mode from any connected device with a simple web browser.</p>
</div>
<div class="col-12">
[[FAQ|{{Clickable button|See the FAQ|color=wiki}}]]
</div>
</div>
</div>
</div>

<div class="container" id="accueil-entreprises">
<div class="row">
<div class="col-12">
<h2>Client References</h2>
<div class="grid-entreprises">
<div>
[[File:Logo-Ordre-des-avocats-de-Paris.jpg|alt=Paris Bar Association|frameless|link=]]
</div>
<div>
[[File:Logo-république-française.jpg|alt=French Republic|frameless|link=]]
</div>
<div>
[[File:Logo saint gobain client Wiki Valley MediaWiki Consulting.jpeg|alt=Saint-Gobain|frameless|link=]]
</div>
<div>
[[File:Logo ehess officiel.jpg|alt=EHESS|frameless|link=]]
</div>
<div>
[[File:Logo MGWiki plateforme collaborative médecine générale.jpg|alt=MGWiki collaborative platform for general medicine|frameless|link=]]
</div>
<div>
[[File:Logo-BEA.jpg|alt=BEA|frameless|link=]]
</div>
</div>
</div>
</div>
</div>

<div class="container" id="accueil-avis">
<div class="row">
<div class="col-12">
<h2>Our Clients' Feedback</h2>
</div>
<div class="row accueil-avis-questions">
<div>
<b>"The platform truly serves as a knowledge performance tool and promotes better team cohesion."</b>
<p>Pierre Georges Anquetin, hydraulic laboratory director at Artelia</p>
</div>
<div>
<b>"(...) We therefore turned to Wiki Valley, a simple and efficient solution to create our collaborative platform."</b>
<p>Emmanuel Pierrat and Agnès Secretan, director and legal officer of the Great Library of Law (Paris Bar Association)</p>
</div>
<div class="col-12">
[[Client_Cases_Wiki_Valley|{{Clickable button|See all feedback|color=wiki}}]]
</div>
</div>
</div>
</div>

<div class="container" id="accueil-equipe">
<div class="row">
<div class="col-12">
<h2>Our Team</h2>
</div>
<div class="equipe-div">
<div class="col-12 equipe-img">
[[File:Nicolas-nallet.jpg|alt=Nicolas NALLET|frameless|link=]]
</div>
<div class="col-12 equipe-nom">
<h3>Nicolas NALLET</h3>
</div>
<div class="col-12 equipe-txt">
MediaWiki and Semantic MediaWiki Consultant. Founder of the company Sémantiki, collaborative web platforms in 2012.
</div>
</div>
<div class="equipe-div">
<div class="col-12 equipe-img">
[[File:Sebastien-beyou.jpg|alt=Sébastien BEYOU|frameless|link=]]
</div>
<div class="col-12 equipe-nom">
<h3>Sébastien BEYOU</h3>
</div>
<div class="col-12 equipe-txt">
MediaWiki Consultant and System Administrator. Contributor to MediaWiki since 2008 and consultant since 2015.
</div>
</div>
<div class="equipe-div">
<div class="col-12 equipe-img">
[[File:Mathis-backert.png|alt=Mathis BACKERT|frameless|link=]]
</div>
<div class="col-12 equipe-nom">
<h3>Mathis BACKERT</h3>
</div>
<div class="col-12 equipe-txt">
UX Design Project Manager and MediaWiki Consultant since 2021.
</div>
</div>
</div>
</div>
[[Category:Showcase]]

File:Mathis-backert.png

2025-02-07T13:54:41Z

Mathis:

File:Prof-icon.png

2025-02-07T13:54:28Z

Mathis:

File:Etu-icon.png

2025-02-07T13:54:22Z

Mathis:

File:Dev-icon.png

2025-02-07T13:54:11Z

Mathis:

File:Ecriv-icon.png

2025-02-07T13:53:48Z

Mathis:

File:Manager-icon.png

2025-02-07T13:53:36Z

Mathis:

MediaWiki:Common.js

2025-02-07T13:52:40Z

Mathis:

/* Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */
/*JoonBot*/
!function () {
if (window.JOONBOT_WIDGET_ID) {
console.warn("Joonbot snippet included twice");
} else {
window.JOONBOT_WIDGET_ID = "d1cc9b46-a70e-449d-ac1b-3f4e3c090561";
var n, o;
o = document.createElement("script");
o.src = "https://js.joonbot.com/init.js", o.defer = !0, o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous";
n = document.getElementsByTagName("script")[0], n.parentNode.insertBefore(o, n);
}
}();

/* /* Script de classement pour Matomo
// Trouver le div avec l'ID 'mw-normal-catlinks'
var catLinksDiv = document.querySelector('#mw-normal-catlinks');
// Trouver le premier élément li à l'intérieur du div précédent
var firstLi = catLinksDiv.querySelector('li');
// Extraire le texte de ce li
var text = firstLi ? firstLi.textContent : 'Texte non trouvé';
if (text != 'Texte non trouvé') {
if (text == 'Vitrine') {
_mtm.push({
'TypeDePage' : 'Vitrine'
})
}
} */

/* Ajout des validations des chammps avec le champs Tel*/
var usernameOk = false;
var emailOk = false;
var phoneOk = false;
var WikinameOk = false;
var descOk = false;
var descLengthOk = false;
var ToSOk = false;
if(document.getElementById('BoutonEnvoi')){
var BoutonEnvoi = document.getElementById('BoutonEnvoi');
BoutonEnvoi.onclick = function(){
var Username = document.getElementById('wpUsername').value;
var phoneValue = document.getElementById('wpPhone').value;
var Email = document.getElementById('wpEmail').value;
var Wikiname = document.getElementById('wpRealName').value;
var ToSBox = document.getElementById('wpToS');
var regexPhone=/^([+]{0,1}[0-9]{1,}[.\- ]*)*[0-9]{2,}$/;
var regexEmail = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+\.(?:[a-zA-Z0-9-]+)+$/;
var regexWikiname = /^[a-zA-Z0-9]{5,40}$/;
var regexUsername = /[a-zA-Z0-9\s]{2,19}\s?$/;
var regexForbiddenUsername = /[;{}\[\]\\/<>()|$?%:#*~`+_§@€?.,]/;
if (regexForbiddenUsername.test(Username)||Username.length>40||Username.length<3){
document.getElementById('wpUsername').style.borderColor = "red";
document.getElementById('ErrorUsername').style.display = "inline";
}else{
document.getElementById('wpUsername').style.borderColor = "";
usernameOk = true;
document.getElementById('ErrorUsername').style.display = "none";
}
if(!regexWikiname.test(Wikiname)||regexForbidden.test(Wikiname)||(Wikiname.length)>20){
document.getElementById('ErrorRealName').style.display = "inline";
document.getElementById('wpRealName').style.borderColor = "red";
}else{
WikinameOk = true;
document.getElementById('ErrorRealName').style.display = "none";
document.getElementById('wpRealName').style.borderColor = "";
}
if(phoneValue != ''){
if(regexPhone.test(phoneValue) && phoneValue.length>=4){
document.getElementById('wpPhone').style.borderColor = "";
phoneOk = true;
document.getElementById('ErrorPhone').style.display = "none";
}else{
document.getElementById('wpPhone').style.borderColor = "red";
document.getElementById('ErrorPhone').style.display = "inline";
}
}else{
phoneOk = true;
}
if(!regexEmail.test(Email)){
document.getElementById('wpEmail').style.borderColor = "red";
document.getElementById('ErrorEmail').style.display = "inline";
}else{
emailOk = true;
document.getElementById('wpEmail').style.borderColor = "";
document.getElementById('ErrorEmail').style.display = "none";
}
if(!ToSBox.checked){
document.getElementById('ErrorToS').style.display = "inline";
}else{
ToSOk = true;
document.getElementById('ErrorToS').style.display = "none";
}
if(usernameOk&&emailOk&&WikinameOk&&phoneOk&&descOk&&ToSOk)
{
return true;
}else{
return false;
}
}
}

//var inputs = document.getElementsByTagName(‘input’);
/* Validation du formulaire de dde de Wiki
var Usernamefield = document.getElementById('wpUsername') ;
var regexUsername = /^[a-zA-Z][a-zA-Z0-9\s]{2,19}\s?$/ ;

if ( Usernamefield) {
Usernamefield.onblur = function(){
var Username = document.getElementById('wpUsername').value;

//console.log(Username);
if ( regexUsername.test(Username) === false )
{
Usernamefield.className = "is-invalid";
document.getElementById('wpUsername').style.borderColor = "red";
document.getElementById('wpRealName').disabled=true;
document.getElementById('wpEmail').disabled=true;
document.getElementById('wpBio').disabled=true;
document.getElementById('wpNotes').disabled=true;
document.getElementById('wpToS').disabled=true;
document.getElementById('ErrorUsername').style.visibility = "visible";
//alert ('Pour le nom d\'utilisateur, indiquez uniquement entre 3 et 20 chiffres ou lettres en commençant par une lettre !') ;
document.getElementById('BoutonEnvoi').disabled = true;

}
else{
document.getElementById('wpUsername').style.borderColor = "";
document.getElementById('wpRealName').disabled=false;
document.getElementById('wpEmail').disabled=false;
document.getElementById('wpBio').disabled=false;
document.getElementById('wpNotes').disabled=false;
document.getElementById('wpToS').disabled=false;
document.getElementById('ErrorUsername').style.visibility = "hidden";
document.getElementById('BoutonEnvoi').disabled = false;
}

};
}

var Wikinamefield = document.getElementById('wpRealName') ;
var regexWikiname = /^[a-zA-Z][a-zA-Z0-9]{2,19}\s?$/ ;
if ( Wikinamefield) {
Wikinamefield.onblur = function(){
var Wikiname = document.getElementById('wpRealName').value ;
//console.log(Username);
if ( regexWikiname.test(Wikiname) === false )
{
Wikinamefield.className = "is-invalid";
document.getElementById('wpRealName').style.borderColor = "red";
document.getElementById('wpBio').disabled=true;
document.getElementById('wpNotes').disabled=true;
document.getElementById('wpToS').disabled=true;
//alert ('Pour le nom du wiki, indiquez uniquement entre 3 et 20 chiffres ou des lettres sans accent ni espace en commençant par une lettre !') ;
document.getElementById('ErrorRealName').style.visibility = "visible";
document.getElementById('BoutonEnvoi').disabled = true;
}
else{
document.getElementById('wpRealName').style.borderColor = "";
document.getElementById('wpBio').disabled=false;
document.getElementById('wpNotes').disabled=false;
document.getElementById('wpToS').disabled=false;
//document.getElementById('wpRealName').after("");
document.getElementById('ErrorRealName').style.visibility = "hidden";
document.getElementById('BoutonEnvoi').disabled = false;
}
};
}
var Emailfield = document.getElementById('wpEmail') ;
var regexEmail = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
//var regexEmail = /^[a-zA-Z][a-zA-Z0-9]{2,19}\s?$/ ;
if(Emailfield){
Emailfield.onblur = function(){
var Email = document.getElementById('wpEmail').value ;
if ( regexEmail.test(Email) === false )
{
Emailfield.className = "is-invalid";
document.getElementById('wpEmail').style.borderColor = "red";
document.getElementById('wpRealName').disabled=true;
document.getElementById('wpBio').disabled=true;
document.getElementById('wpNotes').disabled=true;
document.getElementById('wpToS').disabled=true;
document.getElementById('ErrorEmail').style.visibility = "visible";
document.getElementById('BoutonEnvoi').disabled = true;
}
else{
document.getElementById('wpEmail').style.borderColor = "";
document.getElementById('wpRealName').disabled=false;
document.getElementById('wpBio').disabled=false;
document.getElementById('wpNotes').disabled=false;
document.getElementById('wpToS').disabled=false;
document.getElementById('ErrorEmail').style.visibility = "hidden";
document.getElementById('BoutonEnvoi').disabled = false;
}
};
}
var DescriptionField = document.getElementById('wpBio') ;
var regexBio = /^[a-zA-Z][a-zA-Z0-9]{2,19}\s?$/;
//var regexEmail = /^[a-zA-Z][a-zA-Z0-9]{2,19}\s?$/ ;
if(DescriptionField){
DescriptionField.onblur = function(){
var DescriptionValue = document.getElementById('wpBio').value;

var Description = DescriptionValue ? DescriptionValue.match(/\S+/g).length : 0;
if (Description < 5)
{
DescriptionField.className = "is-invalid";
document.getElementById('wpBio').style.border = "red";
//document.getElementById('wpNotes').disabled=true;
//document.getElementById('wpToS').disabled=true;
document.getElementById('ErrorBio').style.visibility = "visible";
document.getElementById('BoutonEnvoi').disabled = true;
}
else{
document.getElementById('wpBio').style.border = "";
//document.getElementById('wpNotes').disabled=false;
//document.getElementById('wpToS').disabled=false;
document.getElementById('ErrorBio').style.visibility = "hidden";
document.getElementById('BoutonEnvoi').disabled = false;
}
};
}
*/

/* AJOUT MATHIS */

//GRID SWITCHES

const yOffset = -90;
function scroll(id, yOffset) {
window.scrollTo({top: id.getBoundingClientRect().top + window.pageYOffset + yOffset, behavior: 'smooth'});
}

//ACCUEIL

const ext = document.getElementById("btn-ext");
if(ext){
const ext = document.getElementById("btn-ext");
const fct = document.getElementById("btn-fct");
const gridFct = document.getElementsByClassName("fct-grid-fct")[0];
const gridExt = document.getElementsByClassName("fct-grid-ext")[0];

ext.onclick = function() {
gridFct.style.display = "none";
gridExt.style.display = "grid";
scroll(ext, yOffset);
fct.classList.remove("fct-active");
ext.classList.add("fct-active");
};

fct.onclick = function() {
gridExt.style.display = "none";
gridFct.style.display = "grid";
scroll(fct, yOffset);
ext.classList.remove("fct-active");
fct.classList.add("fct-active");
};
};

//SERVICES

const wiki = document.getElementById("btn-autour");
if(wiki){
const wiki = document.getElementById("btn-autour");
const serv = document.getElementById("btn-serv");
const publics = document.getElementById("btn-publics");
const gridWiki = document.getElementsByClassName("prest-grid-autour")[0];
const gridServ = document.getElementsByClassName("prest-grid-serv")[0];
const gridPublics = document.getElementsByClassName("prest-grid-publics")[0];

wiki.onclick = function() {
gridServ.style.display = "none";
gridPublics.style.display = "none";
gridWiki.style.display = "grid";
scroll(wiki, yOffset);
serv.classList.remove("fct-active");
publics.classList.remove("fct-active");
wiki.classList.add("fct-active");
};

serv.onclick = function() {
gridWiki.style.display = "none";
gridPublics.style.display = "none";
gridServ.style.display = "grid";
scroll(serv, yOffset);
wiki.classList.remove("fct-active");
publics.classList.remove("fct-active");
serv.classList.add("fct-active");
};

publics.onclick = function() {
gridWiki.style.display = "none";
gridServ.style.display = "none";
gridPublics.style.display = "grid";
scroll(publics, yOffset);
wiki.classList.remove("fct-active");
serv.classList.remove("fct-active");
publics.classList.add("fct-active");
};
};

//Jquery problem, id/class not DOM element
/*
var ext = $("#btn-ext")[0];
var fct = $("#btn-fct")[0];
var gridFct = $(".fct-grid-fct")[0];
var gridExt = $(".fct-grid-ext")[0];

ext.click(function() {
gridFct.css("display", "none");
gridExt.css("display", "grid");
scroll(ext, yOffset);
fct.removeClass("fct-active");
ext.addClass("fct-active");
});

fct.click(function() {
gridExt.css("display", "none");
gridFct.css("display", "grid");
scroll(fct, yOffset);
ext.removeClass("fct-active");
fct.addClass("fct-active");
});
*/

// Adds CSS classes to the body tag based on the categories this page belongs to
// @source https://www.mediawiki.org/wiki/Snippets/Style_pages_based_on_categories
// @revision 2016-01-18
(function($, mw) {
var fn = function() {
var cats = mw.config.get('wgCategories'), newClasses;
if (cats) {
newClasses = $.map(cats, function(el) {
return 'cat-' + encodeURIComponent(el.replace(/[ .]/g, '_')).replace(/%/g, '_');
}).join(' ');
$(document.body).addClass(newClasses);
}
};
if (document.body) {
fn();
} else {
$(fn);
}
})(jQuery, mw);

/* Clic sur l'entièreté des div BLOG */
if( $('body').hasClass('page-Blog') ) {
// Delete post img and set it to div background
$(".post-blog").each( function() {
var img = $(this).find("img");
var srcset = img.attr("srcset");
var src = srcset.split(',');
src = src[1].split(' ');
img.remove();
$(this).css("background-image", "url(" + src[1] + ")");
});

// On post click go to article url
$( '.post-blog' ).unbind().click( function() {
var url = $(this).find("a").attr("href");
window.open(url, '_blank');
});
}

/* Clics sur les profils de la page d'accueil */
document.querySelectorAll('.profils-category').forEach(category => {
category.addEventListener('click', () => {
// Récupérer la classe de la catégorie cliquée (par exemple 'professeurs')
const categoryClass = Array.from(category.classList).find(cls => cls !== 'profils-category');

// Supprimer la classe "active" de toutes les sections et catégories
document.querySelectorAll('.profils-feature-section').forEach(section => {
section.classList.remove('active');
});
document.querySelectorAll('.profils-category').forEach(cat => {
cat.classList.remove('active');
});

// Activer la section correspondante
if (categoryClass) {
const featureSection = document.querySelector(`.profils-feature-section.${categoryClass}`);
const categoryElement = document.querySelector(`.profils-category.${categoryClass}`);

if (featureSection) {
featureSection.classList.add('active'); // Ajoute la classe active à la section
}
if (categoryElement) {
categoryElement.classList.add('active'); // Ajoute la classe active à la catégorie
}
}
});
});

Create your own private wiki online and manage knowledge

2025-02-07T13:52:10Z

Mathis:

__NOEDITSECTION__ __NOTOC__ <div class="container" id="div-top">
<div class="row">
<div class="col-12 col-md-6">
<h2 class="accueil-accroche">Gather all <span>your knowledge</span> on <span>a single platform</span></h2>
</div>
<div class="col-12 col-md-6">
<div><p>[[File:Accueil-svg-visuel.png|alt=Home visual|link=|frameless]]</p>
<div class="accueil-top-txt">
<p>Reduce the volume of emails exchanged</p>
<p>Centralize information scattered across multiple supports (emails, office documents…)</p>
<p>Answer (once and for all) the questions asked by your clients, colleagues, suppliers…</p>
</div>
[[Special:RequestAccount|{{Clickable button|Enjoy a free trial|color=wiki}}]]
<p>Trial with no commitment or credit card 💳</p>
</div>
</div>
</div>
</div>

<div class="container" id="accueil-essai">
<div class="row">
<div class="col-0 col-md-3"></div>
<div class="col-12 col-md-6">
[[File:Qu'est ce que Mediawiki - Credits.mp4|thumbtime=0:12]]
</div>
</div>
</div>

<div class="container-fluid" id="accueil-fonctionnalites">
__NOTOC____NOEDITSECTION__
<div class="profils-container">
<div class="profils-category professeurs active">
[[File:Prof-icon.png|link=]]
<h3>Professors</h3>
</div>
<div class="profils-category etudiants">
[[File:Etu-icon.png|link=]]
<h3>Students</h3>
</div>
<div class="profils-category developpeurs">
[[File:Dev-icon.png|link=]]
<h3>Developers</h3>
</div>
<div class="profils-category ecrivains">
[[File:Ecriv-icon.png|link=]]
<h3>Writers</h3>
</div>
<div class="profils-category managers">
[[File:Manager-icon.png|link=]]
<h3>Project Managers</h3>
</div>
</div>

<div class="profils-features">
<h2>Facilitate Knowledge Transfer</h2>

<div class="profils-feature-section professeurs active">
<h3>Professors</h3>
<ul>
<li>Smart Revision Notes: Organize and revise your courses easily with advanced tools.</li>
<li>Centralized Course Versions: Ensure your students always work on the validated version of the courses.</li>
<li>Transparent Tracking and History: Keep track of every modification.</li>
<li>Granular Permission Control: Protect your courses with access management tools.</li>
</ul>
</div>

<div class="profils-feature-section etudiants">
<h3>Students</h3>
<ul>
<li>'''Simplified and Quick Revision''': Find your courses easily.</li>
<li>'''Interactive Visual Supports''': Enhance your revisions with graphs, videos, and maps.</li>
<li>'''Smart Collaboration''': Discuss and contribute actively with modern tools.</li>
</ul>
</div>

<div class="profils-feature-section developpeurs">
<h3>Developers</h3>
<ul>
<li>'''Flexibility and Data Power''': Integrate complex functionalities.</li>
<li>'''Optimized Data Management''': Structure scalable databases.</li>
<li>'''Enhanced Security''': Ensure the protection of your platforms.</li>
</ul>
</div>

<div class="profils-feature-section ecrivains">
<h3>Writers</h3>
<ul>
<li>'''Intuitive Editing''': Write with modern tools.</li>
<li>'''Inspiring Layout''': Create captivating interfaces.</li>
<li>'''Source Management''': Cite your references easily.</li>
</ul>
</div>

<div class="profils-feature-section managers">
<h3>Project Managers</h3>
<ul>
<li>'''Transparent Version Tracking and History''': Manage your documents rigorously.</li>
<li>'''Structured Information Organization''': Create customized databases.</li>
<li>'''Dynamic Collaboration''': Centralize exchanges and notifications.</li>
</ul>
</div>
</div>
<br>
<div class="col-12">
[[Features|{{Clickable button|See all features|color=wiki}}]]
</div>
</div>

<div class="container" id="accueil-faq">
<div class="row">
<div class="col-12">
<h2>Frequently Asked Questions</h2>
</div>
<div class="row accueil-faq-questions">
<div class="col-12 col-md-6">
<b>Who can use a Wiki?</b>
<p>A wiki, with its great flexibility, can be used by an individual wanting to create their personal wiki or by a large company or public entity (ministry...), including startups, to create a knowledge base.</p>
</div>
<div class="col-12 col-md-6">
<b>How do you access the wiki? With what security?</b>
<p>Access your wiki securely in SAAS mode from any connected device with a simple web browser.</p>
</div>
<div class="col-12">
[[FAQ|{{Clickable button|See the FAQ|color=wiki}}]]
</div>
</div>
</div>
</div>

<div class="container" id="accueil-entreprises">
<div class="row">
<div class="col-12">
<h2>Client References</h2>
<div class="grid-entreprises">
<div>
[[File:Logo-Ordre-des-avocats-de-Paris.jpg|alt=Paris Bar Association|frameless|link=]]
</div>
<div>
[[File:Logo-république-française.jpg|alt=French Republic|frameless|link=]]
</div>
<div>
[[File:Logo saint gobain client Wiki Valley MediaWiki Consulting.jpeg|alt=Saint-Gobain|frameless|link=]]
</div>
<div>
[[File:Logo ehess officiel.jpg|alt=EHESS|frameless|link=]]
</div>
<div>
[[File:Logo MGWiki plateforme collaborative médecine générale.jpg|alt=MGWiki collaborative platform for general medicine|frameless|link=]]
</div>
<div>
[[File:Logo-BEA.jpg|alt=BEA|frameless|link=]]
</div>
</div>
</div>
</div>
</div>

<div class="container" id="accueil-avis">
<div class="row">
<div class="col-12">
<h2>Our Clients' Feedback</h2>
</div>
<div class="row accueil-avis-questions">
<div>
<b>"The platform truly serves as a knowledge performance tool and promotes better team cohesion."</b>
<p>Pierre Georges Anquetin, hydraulic laboratory director at Artelia</p>
</div>
<div>
<b>"(...) We therefore turned to Wiki Valley, a simple and efficient solution to create our collaborative platform."</b>
<p>Emmanuel Pierrat and Agnès Secretan, director and legal officer of the Great Library of Law (Paris Bar Association)</p>
</div>
<div class="col-12">
[[Client_Cases_Wiki_Valley|{{Clickable button|See all feedback|color=wiki}}]]
</div>
</div>
</div>
</div>

<div class="container" id="accueil-equipe">
<div class="row">
<div class="col-12">
<h2>Our Team</h2>
</div>
<div class="equipe-div">
<div class="col-12 equipe-img">
[[File:Nicolas-nallet.jpg|alt=Nicolas NALLET|frameless|link=]]
</div>
<div class="col-12 equipe-nom">
<h3>Nicolas NALLET</h3>
</div>
<div class="col-12 equipe-txt">
MediaWiki and Semantic MediaWiki Consultant. Founder of the company Sémantiki, collaborative web platforms in 2012.
</div>
</div>
<div class="equipe-div">
<div class="col-12 equipe-img">
[[File:Sebastien-beyou.jpg|alt=Sébastien BEYOU|frameless|link=]]
</div>
<div class="col-12 equipe-nom">
<h3>Sébastien BEYOU</h3>
</div>
<div class="col-12 equipe-txt">
MediaWiki Consultant and System Administrator. Contributor to MediaWiki since 2008 and consultant since 2015.
</div>
</div>
<div class="equipe-div">
<div class="col-12 equipe-img">
[[File:Mathis-backert.png|alt=Mathis BACKERT|frameless|link=]]
</div>
<div class="col-12 equipe-nom">
<h3>Mathis BACKERT</h3>
</div>
<div class="col-12 equipe-txt">
UX Design Project Manager and MediaWiki Consultant since 2021.
</div>
</div>
</div>
</div>
[[Category:Showcase]]

MediaWiki:Common.css

2025-02-07T13:52:07Z

Mathis:

/* ******************* 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, ui, li {
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; }

/* Accessibilité */
a:focus {
border: 1px solid black !important;
border-radius: 3px;
}

/* ******************* 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 */
.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,
/* Catégories */
#catlinks {
display:none !important;
}

/* ******************* MENU ******************* */

/* Afficher MENU sur le toggler mobile */
.navbar-toggler::after { content: " MENU ";}

/* ******************* JOONBOT ******************* */

#joinup-widget {
z-index: 94;
}

/* ******************* 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: 1.3rem 3rem !important; }

/* ******************* NAVBAR ******************* */

.p-navbar {
z-index: 1000;
box-shadow: 0 8px 8px -7px rgb(0 0 0 / 8%);
}

nav#mw-navigation { z-index: 95; }

.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;
}

/* ******************* MEDIA PLAYER ******************* */

.oo-ui-windowManager-modal > .oo-ui-dialog {
z-index: 100;
}

/* ******************* 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-Creation_de_wikis_prives_en_ligne #firstHeading,
.page-Prestations_de_consulting_et_hebergement_MediaWiki #firstHeading,
.page-Tarifs_de_l_hebergement_des_wikis #firstHeading,
.page-Aide_en_ligne #firstHeading,
.page-FAQ #firstHeading,
.page-MediaWiki_logiciel_open_source_et_gratuit #firstHeading,
.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint #firstHeading,
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint #firstHeading,
.page-Semantic_MediaWiki #firstHeading,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki #firstHeading,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint #firstHeading,
.page-Creer-un-wiki-interne-d-entreprise #firstHeading,
.page-Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki #firstHeading,
.page-Projet_Conditions_d_utilisation #firstHeading,
.page-Réseau_social_d_entreprise_avec_MediaWiki #firstHeading,
.page-Formation_référencement_naturel_avec_MediaWiki #firstHeading,
.page-Formation_hébergeur_MediaWiki_pour_créer_et_gérer_son_wiki #firstHeading,
.page-Formation_Semantic_MediaWiki_pour_structurer_son_wiki #firstHeading,
.page-Formation_intermédiaire_à_MediaWiki_Administration_et_édition_avancée_du_wiki #firstHeading,
.page-Gestion_électronique_des_documents_GED_avec_MediaWiki #firstHeading,
.page-Base_de_connaissance_informatique_en_ligne #firstHeading,
.page-Mentions_légales #firstHeading,
.page-Projet_Confidentialité rootpage-Projet_Confidentialité #firstHeading,
.page-Formations_MediaWiki_tous_niveaux #firstHeading,
.page-Configuration_initiale_et_administration_de_votre_wiki #firstHeading,
.page-Gestion_et_cartographie_des_processus_métiers #firstHeading,
.page-Configuration_minimale #firstHeading,
.page-Formation_Semantic_MediaWiki_avancée #firstHeading,
.page-Wiki_Valley_recrute_Rejoignez_une_start-up_innovante #firstHeading,
.page-Master_data_management_ou_gestion_des_données_de_références_avec_MediaWiki #firstHeading,
.page-Politique_de_sécurité_de_la_ferme_wiki #firstHeading,
.page-Avantages_et_inconvénients_d_un_hébergement_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-Prestations_de_consulting_et_hebergement_MediaWiki 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-Prestations_de_consulting_et_hebergement_MediaWiki div#services-prestations-categories h3{ margin: 0; }
}

/* PRESTATION H3 SOULIGNEMENT DYNAMIQUE */
.page-Prestations_de_consulting_et_hebergement_MediaWiki div#services-prestations-categories h3 span{ line-height: 1.7; }
.page-Prestations_de_consulting_et_hebergement_MediaWiki 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-Prestations_de_consulting_et_hebergement_MediaWiki div#services-prestations-categories h3:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}
.page-Prestations_de_consulting_et_hebergement_MediaWiki div#services-prestations-categories .cat-active:after{
transform: scaleX(1);
transform-origin: bottom left;
}
.page-Prestations_de_consulting_et_hebergement_MediaWiki #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-Creation_de_wikis_prives_en_ligne #div-top .row{ flex-direction: row; }
@media (max-width: 750px) {
.page-Creation_de_wikis_prives_en_ligne #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: 6rem 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: transparent;
padding: 0;
}

.profils-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
padding: 1rem 1.6rem;
justify-items: center;
justify-content: center;
}

.profils-category {
text-align: center;
background-color: #007A7A;
border-radius: 10px;
padding: 20px;
width: 100%;
max-width: 200px;
display: flex;
flex-direction: column;
justify-content: center;
cursor: pointer;
transition: .25s;
box-shadow: rgb(0 0 0 / 32%) 0px 3px 8px;
}

.profils-category:hover {
transform: scale(1.075);
}

.profils-category.active {
transform: scale(1.05) translateY(12px);
border-radius: 10px 10px 0 0;
box-shadow: none;
}

.profils-category img {
width: 74px;
height: auto;
filter: invert(1);
}

.profils-category h3,
.profils-features h3 {
font-size: 1.5rem;
color: white;
}

.profils-category h3 {
margin: 0;
}

.profils-features {
padding: 20px 40px 50px;
background-color: #007A7A;
}

.profils-features h2 {
text-align: center;
margin-bottom: 30px;
color: #F3F3F3;
}

.profils-feature-section {
opacity: 0;
transform: translateY(-20px);
max-height: 0;
overflow: hidden;
transition: all 0.3s ease-in-out;
}

.profils-feature-section.active {
opacity: 1;
transform: translateY(0);
max-height: 1000px;
}

.profils-feature-section h3 {
margin-bottom: 10px;
}

.profils-feature-section ul {
list-style: none;
padding: 0;
}

.profils-feature-section ul li {
margin: 10px 0;
display: flex;
align-items: center;
color: var(--bleuClair);
}

.profils-feature-section ul li:before {
content: "✔";
margin-right: 10px;
color: #00d1b2;
}

div#accueil-fonctionnalites span {
color: var(--bleuClair) !important;
}

@media (max-width: 692px) {
.profils-category { padding: 4px 8px; width: 125px; }
.profils-category p { margin: 0; }
.profils-category img { width: 32px; }
.profils-feature-section ul li { display: block; }
}

/* #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-Creation_de_wikis_prives_en_ligne 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%;
}

.page-Creation_de_wikis_prives_en_ligne 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-Creation_de_wikis_prives_en_ligne div#accueil-fonctionnalites h2{ margin: 0; }
} */

/* SOULIGNEMENT DYNAMIQUE */
.page-Creation_de_wikis_prives_en_ligne 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-Creation_de_wikis_prives_en_ligne div#accueil-fonctionnalites h2:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}

.page-Creation_de_wikis_prives_en_ligne #accueil-fonctionnalites .col-12 .fct-active:after{
transform: scaleX(1);
transform-origin: bottom left;
}

.page-Creation_de_wikis_prives_en_ligne 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: 4% 4% 0;
margin: 1rem;
box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
background-color: white;
border-radius: 8px;
height: fit-content;
}

/* 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; }

/* **** AVIS **** */

#accueil-avis { margin: 150px auto; }
#accueil-avis .row {
margin-right: 0;
margin-left: 0;
}

#accueil-avis .col-12:first-of-type { margin-bottom: 2rem; }
#accueil-avis .row .col-12:last-of-type {
display: flex;
justify-content: center;
margin-top: 1rem;
}

.row.accueil-avis-questions div:not(.col-12) {
box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
background-color: white;
border-radius: 8px;
padding: 1rem 0.7rem;
width: 48%;
margin: 1rem 1%;
box-sizing: border-box;
height: fit-content;
}

@media (max-width: 1100px) {
.row.accueil-avis-questions div:not(.col-12) {
width: 100% !important
}
}

.row.accueil-avis-questions p:last-of-type {
margin: 0;
}

.accueil-avis-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 **** */

.equipe-img span.mw-default-size {
text-align: center;
}

#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;
}

/* ******************* PAGE AVIS (CAS CLIENTS) ******************* */
.avis-container {
padding: 1rem 20%;
}

@media (max-width: 1250px) { .avis-container {
padding: 1rem 15%;
}}
@media (max-width: 1000px) { .avis-container {
padding: 1rem 5%;
}}

.avis-container .avis {
display: grid;
grid-template-columns: 70% 15% 15%;
margin-bottom: 2rem;
box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
background-color: white;
border-radius: 8px;
padding: 0.8rem 0.4rem;
}

@media (max-width: 685px) { .avis-container .avis {
grid-template-columns: 100%;
}}

.avis > * {
padding: 0.2rem 0 0.2rem 0.5rem;
}

p.avis-avis {
display: flex;
flex-direction: column;
justify-content: space-between;
margin: 0;
}

.avis-image {
display: flex;
align-items: center;
justify-content: center;
}

.avis-image p,
.avis-image span {
margin: 0;
padding: 0;
}

.avis-image img {
width: 100%;
height: auto;
max-height: 250px;
}

/* ******************* FORMULAIRES ******************* */

div.pfFormInputWrapper {
margin: 0 auto;
width: fit-content;
}

/* ******************* BLOG ******************* */

/* Cacher les popups des articles */
.page-Blog .mwe-popups {
display: none !important;
}

.ns-3000 #bodyContent .blog-posts-list,
.page-Blog #bodyContent .blog-posts-list {
padding: 0 20% 2rem;
}
@media (max-width: 1200px){
.ns-3000 #bodyContent .blog-posts-list,
.page-Blog #bodyContent .blog-posts-list {
padding: 0 15%;
}
}
.page-Blog #bodyContent .blog-posts-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 2rem;
}
@media (max-width: 1400px){
.page-Blog #bodyContent .blog-posts-list{
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 760px){
.page-Blog #bodyContent .blog-posts-list{
grid-template-columns: 1fr;
}
}

.post-blog,
.post-blog * {
transition: .25s;
}

.post-blog {
position: relative;
min-height: 250px;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border-radius: 6px;
box-shadow: rgb(0 0 0 / 9%) 1px 2px 1px, rgb(0 0 0 / 9%) 2px 4px 2px, rgb(0 0 0 / 9%) 4px 8px 4px;
margin: 1rem .5rem;
}
.post-blog:hover {
cursor: pointer;
}

.post-blog .post-blur {
height: 100%;
width: 100%;
backdrop-filter: blur(1.5px)brightness(0.5);
}
.post-blog:hover .post-blur {
backdrop-filter: none;
}

.post-blog h2 {
position: absolute;
top: 50%;
transform: translateY(-50%);
height: fit-content;
z-index: 5;
margin: 0;
padding: 0 10px;
text-align: center;
}
.post-blog h2 a {
color: white;
}

.post-blog p {
position: absolute;
bottom: 2%;
left: 2%;
z-index: 10;
color: white;
margin: 0;
font-style: italic;
}

.post-blog:hover h2 a,
.post-blog:hover p {
opacity: 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;
}

/* ******************* A TRIER ******************* */

/* -------- WIKI INTERNE D'ENTREPRISE -------- */

.page-Creer-un-wiki-interne-d-entreprise #div-top {
margin-bottom: 1rem;
}

#wikii-container .floatright {
float: none;
text-align: center;
}
#wikii-container .floatright img {
width: 100%;
height: auto;
}

/* Témoignages */
.temoignage{
box-shadow: 3px 4px 12px 1px lightgrey;
padding: 0px 1.5em 0.3em;
border-radius: 15px;
margin-bottom: 2rem;
}

.temoignage p.temoignage-inline{
display: flex;
justify-content: space-between;
}
@media (max-width: 768px){
.temoignage p.temoignage-inline{
display: block;
}
}

/* -------- FOOTER -------- */

#hf-nsfooter- h3, #hf-nsfooter- a, #hf-nsfooter- p,
#hf-nsfooter-Blog h3, #hf-nsfooter-Blog a, #hf-nsfooter-Blog p {
color: white;
}

/* -------- BOUTONS -------- */

/* boutons */
.mw-ui-button{
border-radius: 5px;
}

/* bouton couleur wiki */
.mw-ui-wiki{
background-color: var(--bleuFonce);
color: #fff;
border: 1px solid var(--bleuFonce);
}

.mw-ui-ooui-blue{
background-color: #36c; /* #0645ad var(--bleuNoir); */
color: #fff;
border: 1px solid #36c;
}

/* -------- Contact -------- */

.page-Spécial_Contact .container{
margin-top: 2rem;
}

/* -------- Aide -------- */

.page-Aide_en_ligne #aide-top,
.page-Aide_en_ligne .flex-fill,
.page-Aide_en_ligne .flex-fill.container .row + .row,
.page-Aide_en_ligne .flex-fill.container .row + .row > .col {
margin: 0;
padding: 0;
max-width: none;
}

/* Aide titre h2 */
.page-Aide_en_ligne 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-Aide_en_ligne div#aide-top {
font-family: 'DM Sans', sans-serif;
max-width: 100vw;
background-color: var(--bleuClair);
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: 45%;
height: auto;
}

/* -------- FAQ -------- */

.page-FAQ #aide-top,
.page-FAQ .flex-fill,
.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: var(--bleuClair);
padding: 4% 8%;
}

/* ---- cards ---- */

.card-header {
cursor: pointer;
background-color: #ade4e9;
}

.card-collapse {
background-color: var(--bleuClair);
}

.card h4{
margin: 0;
}

/* **** PAGE Mediawiki logiciel open source et gratuit **** */

/* ---- Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint et ses sous pages ---- */

.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint #alternative-top,
.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint .flex-fill,
.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint .flex-fill.container,
.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint .flex-fill.container > .row > .col,
.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint .flex-fill.container .row + .row,
.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint .flex-fill.container > .row > .col,
.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint .flex-fill.container .row + .row > .col,
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint #alternative-top,
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint .flex-fill,
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint .flex-fill.container,
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint .flex-fill.container > .row > .col,
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint .flex-fill.container .row + .row,
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint .flex-fill.container > .row > .col,
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint .flex-fill.container .row + .row > .col,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki #alternative-top,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki .flex-fill,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki .flex-fill.container,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki .flex-fill.container > .row > .col,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki .flex-fill.container .row + .row,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki .flex-fill.container > .row > .col,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki .flex-fill.container .row + .row > .col,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint #alternative-top,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint .flex-fill,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint .flex-fill.container,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint .flex-fill.container > .row > .col,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint .flex-fill.container .row + .row,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint .flex-fill.container > .row > .col,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint .flex-fill.container .row + .row > .col {
margin: 0;
padding: 0;
max-width: none;
}

/* Services titre h2 */
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint h2,
.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint h2,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki h2,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint 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%;
}

#alternative-container .container-fluid{
background-color: var(--bleuClair);
margin: 0;
max-width: none;
}

#alternative-container .container-fluid .row {
margin: auto;
padding-bottom: 30px;
}
@media (min-width: 576px){ #alternative-container .container-fluid .row {
max-width: 540px;
}}
@media (min-width: 768px){ #alternative-container .container-fluid .row {
max-width: 720px;
}}
@media (min-width: 992px){ #alternative-container .container-fluid .row {
max-width: 960px;
}}
@media (min-width: 1200px){ #alternative-container .container-fluid .row {
max-width: 1140px;
}}

#alternative-container .container .row .col-6 p {
margin-top: 1rem;
margin-bottom: 0;
}

/* -- Div top -- */

/* Div top */
.page-Semantic_MediaWiki_est_une_alternative_gratuite_à_SharePoint div#alternative-top,
.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint div#alternative-top,
.page-Flexibilité_et_versionning_différences_entre_Sharepoint_et_son_concurrent_Semantic_MediaWiki div#alternative-top,
.page-Codification_classement_et_Sécurité_différences_entre_Semantic_MediaWiki_et_SharePoint div#alternative-top {
font-family: 'DM Sans', sans-serif;
max-width: 100vw;
background-color: var(--bleuClair);
padding: 4% 8%;
margin-bottom: 0.5em;
}

.page-Analyse_comparative_Semantic_MediaWiki_vs_Microsoft_SharePoint div#alternative-top {
margin-bottom: 2.5em;
}

/* Row top */
#alternative-top .row{
align-items: center;
flex-direction: column;
}

/* Image a top */
#alternative-top .row p a{
text-align: center;
width: 100%;
}

/* Image p top */
#alternative-top .row p{
display: flex;
justify-content: center;
}

/* Image top */
#alternative-top .row p img{
width: 30%;
height: auto;
}

/* -------- Masquer le sous footer -------- */

.mb-2.mt-4.container-fluid {
display: none;
}

/* ---- MediaWiki ---- */

.page-Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki #formation-top,
.page-Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki .flex-fill,
.page-Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki .flex-fill.container > .row > .col,
.page-Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki .flex-fill.container .row + .row,
.page-Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki .flex-fill.container > .row > .col,
.page-Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki .flex-fill.container .row + .row > .col {
margin: 0;
padding: 0;
max-width: none;
}

/* Services titre h2 */
.page-Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki 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%;
}

#mwoformationpen-container .container-fluid{
background-color: var(--bleuClair);
margin: 0;
max-width: none;
}

#formation-container .container-fluid .row {
margin: auto;
padding-bottom: 30px;
}
@media (min-width: 576px){ #formation-container .container-fluid .row {
max-width: 540px;
}}
@media (min-width: 768px){ #formation-container .container-fluid .row {
max-width: 720px;
}}
@media (min-width: 992px){ #formation-container .container-fluid .row {
max-width: 960px;
}}
@media (min-width: 1200px){ #formation-container .container-fluid .row {
max-width: 1140px;
}}

#formation-container .container .row .col-6 p {
margin-top: 1rem;
margin-bottom: 0;
}

/* -- Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki -- */

/* -- Div top -- */

/* Div top */
.page-Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki div#formation-top {
font-family: 'DM Sans', sans-serif;
max-width: 100vw;
background-color: var(--bleuClair);
padding: 4% 8%;
}

/* Row top */
#formation-top .row{
align-items: center;
flex-direction: column;
}

/* Image a top */
#formation-top .row p a{
text-align: center;
width: 100%;
}

/* Image p top */
#formation-top .row p{
display: flex;
justify-content: center;
}

/* Image top */
#formation-top .row p img{
width: 30%;
height: auto;
}

/************* BLOG **************/
/* Article */
.cat-Blog .flex-fill.container #content {
margin: 1.5rem 20% 500px !important;
padding: 1.5rem 1rem !important;
display: block;
box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
border-radius: 16px;
}
@media (max-width: 820px) { .cat-Blog .flex-fill.container #content { margin: 1.5rem 10% 750px !important; } }
@media (max-width: 580px) { .cat-Blog .flex-fill.container #content { margin: 1.5rem 3% 1300px !important; } }

.cat-Blog #firstHeading {
margin-top: 0;
padding-top: 0;
font-weight: bold;
}

.blogImage {
text-align: center;
margin: 1rem;
}

.blogImage img {
height: 100%;
width: auto;
max-height: 300px;
border-radius: 6px;
box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
}
@media (max-width: 500px) {
.blogImage img {
height: auto;
width: 100%;
max-width: 500px;
max-height: none;
}
}

.blogKeyword {
font-weight: bold;
}
.blogKeywords {
margin-top: 1.5rem;
padding-top: 0.5rem;
border-top: 1px solid lightgray;
}

.cat-Blog div#hf-nsfooter- {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
}

/* Catégorie */
@media (min-width: 1200px) {
.page-Catégorie_Blog .flex-fill.container #content {
margin: 0 20% !important;
}
}

/* Form */
@media (min-width: 1200px) {
.page-Formulaire_Blog .blog-posts-list {
padding: 0 30%;
}
}
.page-Formulaire_Blog div.pfFormInputWrapper {
margin: 0 0;
width: 100%;
}

/*********** No Article **********/

.noarticletext.mw-content-ltr {
margin: 30vh auto;
font-size: 2rem;
line-height: 1.2;
width: 80%;
}

/*********** Demande de création de wiki **********/
#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;
}

fieldset#mw-searchoptions, .mw-search-profile-tabs {
display: none;
}
form#powersearch {
padding: 0 1rem 1.3rem 1rem;
}

MediaWiki:Common.css

2024-11-06T10:20:12Z

Mathis:

/* -------- 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;
}

.mw-normal-catlinks {
display: hidden !important;
}

fieldset#mw-searchoptions, .mw-search-profile-tabs {
display: none;
}
form#powersearch {
padding: 0 1rem 1.3rem 1rem;
}

MediaWiki:Common.css

2024-11-05T09:32:11Z

Mathis:

Create your own private wiki online and manage knowledge

2024-10-28T11:51:05Z

Mathis:

__NOEDITSECTION__ __NOTOC__ <div class="container" id="div-top">
<div class="row">
<div class="col-12 col-md-6">
<h2 class="accueil-accroche">Regroup <span>all your knowledge</span> on a <span>single platform</span></h2>
</div>
<div class="col-12 col-md-6">
<div><p>[[File:Accueil-svg-visuel.png|alt=Visuel accueil|link=|sans_cadre]]</p>
<div class="accueil-top-txt">
<p>Reduce the volume of exchanged emails</p>
<p>Centralize information scattered across multiple media (emails, office documents, etc.)</p>
<p>Answer (once and for all) the questions asked by your customers, colleagues, suppliers...</p>
</div>
[[Special:RequestAccount|{{Clickable button|Enjoy a free trial|color=wiki}}]]
<p>Trial without commitment or credit card 💳</p>
</div>
</div>
</div>
</div>

<div class="container" id="accueil-essai">
<div class="row">
<div class="col-12 col-md-6">
<h2> Take a free trial and create a wiki</h2>
[[Special:RequestAccount|{{Clickable button|Enjoy a free trial|color=oouiBlue}}]]
</div>
<div class="col-12 col-md-6 accueil-formulaire">
[[File:Formulaire.png|alt=Formulaire|link=Special:RequestAccount]]
</div>
</div>
</div>

<div class="container-fluid" id="accueil-fonctionnalites">
<div class="row">
<div class="col-12">
<h2 id="btn-fct" class="fct-active">Features</h2>
<h2 id="btn-ext">Extensions Included</h2>
</div>
<div class="col-12 fct-grid fct-grid-fct">
<div>
<h3>Versioning</h3>
<p>View the different versions of each article

* Undo any unwanted changes with a single click (depending on rights)

* View differences between two versions of the same page

* Revert to any previous version

* Determine who changed what and when</p>
</div>
<div>
<h3>Semantic structure of your articles</h3>
<p>[https://www.mediawiki.org/wiki/Extension:Semantic_MediaWiki Semantic MediaWiki] offers you the possibility of tagging the pages of your wiki to better find them later. You have features such as refined queries, intuitive searches, statistics, and personalized dashboards to save time.</p>
</div>
<div>
<h3>Internal search engine</h3>
<p>Quickly find information or an article on the whole wiki, thanks to the suggestions automatically displayed in the search bar from the first letter. Also benefit from the power of Elastic Search.</p>
</div>
<div>
<h3>Visual editor on each of your pages</h3>
<p>Visual Editor allows editing each wiki article in WYSIWYG (What You See Is What You Get) mode. No need to know the wiki syntax to format the content of the pages.<br>
[https://www.mediawiki.org/w/index.php?title=VisualEditor:Test&veaction=edit Test on MediaWiki.org]
</p>
</div>
<div>
<h3>Advanced full-text search with [https://www.mediawiki.org/wiki/Extension:CirrusSearch Elastic Search]</h3>
<p>Use the power of Elastic Search within your wiki and benefit from an improved full-text search: handling of accents and suggestions for terms close to the query.</p>
</div>
<div>
<h3>Simply manage your articles</h3>
<p>Edit, tag, rename, delete, write protect, or view the history of each article with just a few clicks. Easily update content with the visual editor.</p>
</div>
<div>
<h3>Stay informed of wiki activity</h3>
<p>[https://www.mediawiki.org/wiki/Extension:Echo Echo] allows you to receive notifications following various actions on the wiki (deleting a page, creating a link, receiving a message, etc.)</p>
</div>
<div>
<h3>Responsive skin</h3>
<p>The display of your wiki adapts to the width of your screen: smartphone, tablet, or computer screen...</p>
</div>
</div>
<div class="col-12 fct-grid fct-grid-ext">
<div>
<h3>[https://www.mediawiki.org/wiki/Extension:StructuredDiscussions Flow / Structured Discussions]</h3>
<p>Enjoy an enhanced chat interface.</p>
</div>
<div>
<h3>[https://www.mediawiki.org/wiki/Extension:PdfHandler PDF Handler]</h3>
<p>Navigate more easily within the pages of a PDF file.</p>
</div>
<div>
<h3>[https://www.mediawiki.org/wiki/Extension:Admin_Links Admin Links]</h3>
<p>Easily access all useful links for administrators.</p>
</div>
<div>
<h3>[https://www.mediawiki.org/wiki/Extension:SyntaxHighlight Syntax Highlight]</h3>
<p>Display computer code in the language of your choice directly on a Wiki page.</p>
</div>
<div>
<h3>Many other extensions</h3>
<p>Cite: Add references, Semantic Drilldown: Filtered search, Bootstrap: simple HTML formatting...</p>
</div>
<div>
<h3>[https://www.mediawiki.org/wiki/Extension:Replace_Text Replace Text]</h3>
<p>Easily replace text on all Wiki pages at once.</p>
</div>
</div>
<p></p>
</div>
</div>
<br><br>
<div class="col-12 text-center">
[[MediaWiki_consulting_and_hosting_services|{{Clickable button|Our services|color=wiki}}]]
</div>

<div class="container" id="accueil-faq"><div class="row">
<div class="col-12">
<h2>Frequently Asked Questions</h2>
</div>
<div class="row accueil-faq-questions">
<div class="col-12 col-md-6">
<b>Who can use a Wiki?</b>
<p>A wiki, with its great flexibility, can be used by individuals wishing to create their personal wiki, large organizations, or public entities (ministries...) to create a knowledge base.</p>
</div>
<div class="col-12 col-md-6">
<b>How do we access the wiki? With what level of security?</b>
<p>Access your wiki securely in SAAS mode from any connected device with a simple web browser.</p>
</div>
<div class="col-12">
[[FAQ|{{Clickable button|View FAQ|color=wiki}}]]
</div>
</div>
</div>
</div>

<div class="container" id="accueil-entreprises">
<div class="row">
<div class="col-12">
<h2>Customer References</h2>
<div class="grid-entreprises">
<div>
[[File:Logo-Ordre-des-avocats-de-Paris.jpg|alt=Ordre des avocats de Paris|sans_cadre|link=]]
</div>
<div>
[[File:Logo-république-française.jpg|alt=République française|sans_cadre|link=]]
</div>
<div>
[[File:Logo saint gobain client Wiki Valley MediaWiki Consulting.jpeg|alt=Saint Gobain|sans_cadre|link=]]
</div>
<div>
[[File:Logo ehess officiel.jpg|alt=EHESS|sans_cadre|link=]]
</div>
<div>
[[File:Logo MGWiki plateforme collaborative médecine générale.jpg|alt=MGWiki collaborative general medicine platform|sans_cadre|link=]]
</div>
<div>
[[File:Logo-BEA.jpg|alt=BEA|sans_cadre|link=]]
</div>
</div>
</div>
</div>
</div>

<div class="container" id="accueil-equipe">
<div class="row">
<div class="col-12">
<h2>Our Team</h2>
</div>
<div class="equipe-div">
<div class="col-12 equipe-img">
[[File:Nicolas-nallet.jpg|alt=Nicolas NALLET|sans_cadre|link=]]
</div>
<div class="col-12 equipe-nom">
<h3>Nicolas NALLET</h3>
</div>
<div class="col-12 equipe-txt">
MediaWiki and Semantic MediaWiki consultant. Founder of Sémantiki, collaborative web platforms in 2012.
</div>
</div>
<div class="equipe-div">
<div class="col-12 equipe-img">
[[File:Sebastien-beyou.jpg|alt=Sébastien BEYOU|sans_cadre|link=]]
</div>
<div class="col-12 equipe-nom">
<h3>Sébastien BEYOU</h3>
</div>
<div class="col-12 equipe-txt">
MediaWiki consultant and system administrator. Contributor to MediaWiki since 2008 and consultant since 2015.
</div>
</div>
</div>
</div>
[[Category:Showcase]]

File:Twitter-logo.png

2024-04-08T09:57:46Z

Mathis:

MediaWiki:Hf-nsfooter-

2024-04-08T09:56:59Z

Mathis:

__NOTOC__ <div class="container-fluid" style="background-color: #2D2D2D; padding: 5px 20px;">
<div class="row">
<div class="col-md-3 col-sm-6">
===Product and Services===
[[MediaWiki_the_open_source_knowledge_base_software|MediaWiki]]

[[MediaWiki training course Structuring a wiki like a database with Semantic MediaWiki|Semantic MediaWiki]]

[[Pricing|Pricing]]

[[MediaWiki_consulting_and_hosting_services|Consulting]]

[[User_support|Support]]
</div>
<div class="col-md-3 col-sm-6">
===Training courses===
[[MediaWiki_training_course,_browsing_and_editing_a_wiki_based_on_MediaWiki_like_Wikipedia|Browsing and Editing]]

[[MediaWiki_training_course_Advanced_editing_and_wiki_administration|Administrator training]]

[[MediaWiki_training_course_Structuring_a_wiki_like_a_database_with_Semantic_MediaWiki|Structure a Wiki like a database with Semantic MediaWiki]]

[[MediaWiki_training_course_Installing_and_configuring_a_wiki|Install and Configure a Wiki]]

[[MediaWiki_training_course_Search_engine_optimisation|SEO with MediaWiki]]
</div>
<div class="col-md-3 col-sm-6">
===Solutions===
[[Create_your_own_knowledge_base|Knowledge base]]

Create your internal corporate Wiki

[[Document_management_system_(DMS)_with_MediaWiki|DMS]]

RSE

[[Special:RequestAccount|Free trial]]
</div>
<div class="col-md-3 col-sm-6">
===Wiki Valley===
[https://wiki-valley.com/wiki/Blog Blog (fr)]

[[Special:Contact|Contact]]

[https://demo.wiki-valley.com Demo Wiki]

[[File:Nuvola France flag.svg|30px|link=https://wiki-valley.com/wiki]] [https://wiki-valley.com/wiki Version Française]

<div style="display: flex; align-items: center;">
[[File:Facebook-logo.png|Page Facebook Wiki Valley MediaWiki Hosting and Consulting|link=https://www.facebook.com/WikiValleyConsulting|35px]]
[[File:Twitter-logo.png|Compte Twitter Wiki Valley MediaWiki Hosting and Consulting|link=https://twitter.com/WikiValley|45px]]
[[File:LinkedIn logo initials.png|alt=LinkedIn account Wiki Valley|LinkedIn account Wiki Valley|35px|link=https://linkedin.com/company/wikivalleysas]]
</div>
</div>
</div>
''[[Mentions légales|Wiki Valley MediaWiki Hosting and Consulting]]'' 2015-{{CURRENTYEAR}} all rights reserved - [[Projet:Confidentialité|Politique de confidentialité]]
__NOEDITSECTION__

Create your own private wiki online and manage knowledge

2024-04-08T09:55:54Z

Mathis:

__NOEDITSECTION__ __NOTOC__ <div class="container" id="div-top">
<div class="row">
<div class="col-12 col-md-6">
<h2 class="accueil-accroche">Regroup <span>all your knowledge</span> on a <span>single platform</span></h2>
</div>
<div class="col-12 col-md-6">
<div><p>[[File:Accueil-svg-visuel.png|alt=Visuel accueil|link=|sans_cadre]]</p>
<div class="accueil-top-txt">
<p>Reduce the volume of exchanged e-mails</p>
<p>Centralize information scattered across multiple media (emails, office documents, etc.)</p>
<p>Answer (once and for all) the questions asked by your customers, colleagues, suppliers...</p>
</div>
[[Special:RequestAccount|{{Clickable button|Enjoy a free trial|color=wiki}}]]
<p>Trial without commitment or credit card 💳</p>
</div>
</div>
</div>
</div>

<div class="container" id="accueil-essai">
<div class="row">
<div class="col-12 col-md-6">
<h2> Take a free trial and create a wiki</h2>
[[Special:RequestAccount|{{Clickable button|Enjoy a free trial|color=oouiBlue}}]]
</div>
<div class="col-12 col-md-6 accueil-formulaire">
[[File:Formulaire.png|alt=Formulaire|link=Special:RequestAccount]]
</div>
</div>
</div>

<div class="container-fluid" id="accueil-fonctionnalites">
<div class="row">
<div class="col-12">
<h2 id="btn-fct" class="fct-active">Features</h2>
<h2 id="btn-ext">Extensions Included</h2>
</div>
<div class="col-12 fct-grid fct-grid-fct">
<div>
<h3>Versioning</h3>
<p>View the different versions of each article

* Undo any unwanted changes with a single click (depending on rights)

*View differences between two versions of the same page

*Revert to any previous version

*Determine who changed what and when</p>
</div>
<div>
<h3> Semantic structure of your articles</h3>
<p>[https://www.mediawiki.org/wiki/Extension:Semantic_MediaWiki Semantic MediaWiki] offers you the possibility of tagging the pages of your wiki to better find them later. You have features such as: refined queries, intuitive searches, statistics and personalized dashboards so you don't waste time.</p>
</div>
<div>
<h3>Internal search engine</h3>
<p>Quickly find information or an article on the whole wiki, thanks to the suggestions automatically displayed in the search bar from the first letter. Also benefit from the power of Elastic Search.</p>
</div>
<div>
<h3>Visual editor on each of your pages</h3>
<p>Visual Editor allows editing each wiki article in WYSIWYG (What You See Is What You Get) mode. No need to know the wiki syntax to format the content of the pages.<br>
[https://www.mediawiki.org/w/index.php?title=VisualEditor:Test&veaction=edit Tester sur MediaWiki.org]
</p>
</div>
<div>
<h3>Advanced full-text search with [https://www.mediawiki.org/wiki/Extension:CirrusSearch Elastic Search]</h3>
<p>Use the power of Elastic Search within your wiki and benefit from an improved full-text search: management of accents and proposal of terms close to the query.</p>
</div>
<div>
<h3> Simply manage your items</h3>
<p>Edit, tag, rename, delete, write protect or view the history of each article with just a few clicks. Simply update content with the visual editor.</p>
</div>
<div>
<h3>Stay informed of the life of the wiki </h3>
<p>[https://www.mediawiki.org/wiki/Extension:Echo Echo] allows you to receive notifications following different actions on the wiki (deleting a page, creating a link, receiving a message, etc.)</p>
</div>
<div>
<h3>Responsive skin</h3>
<p>The display of your wiki adapts to the width of your screen: Smartphone, Phablet, Tablet, computer screen...</p>
</div>
</div>
<div class="col-12 fct-grid fct-grid-ext">
<div>
<h3>[https://www.mediawiki.org/wiki/Extension:StructuredDiscussions Flow / Structured Discussions]</h3>
<p>Enjoy an improved chat interface.</p>
</div>
<div>
<h3>[https://www.mediawiki.org/wiki/Extension:PdfHandler PDF Handler]</h3>
<p>Navigate more easily within the pages of a PDF file.</p>
</div>
<div>
<h3>[https://www.mediawiki.org/wiki/Extension:Admin_Links Admin Links]</h3>
<p>Easily access all useful links for administrators.</p>
</div>
<div>
<h3>[https://www.mediawiki.org/wiki/Extension:SyntaxHighlight Syntax Highlight]</h3>
<p>Display computer code in the language of your choice directly on a Wiki page.</p>
</div>
<div>
<h3>Many other extensions</h3>
<p>Cite: Add references, Semantic Drilldown: Filtered search, Bootstrap: simple HTML formatting...</p>
</div>
<div>
<h3>[https://www.mediawiki.org/wiki/Extension:Replace_Text Replace Text]</h3>
<p>Easily replace text on all Wiki pages at once.</p>
</div>
</div>
<p></p>
</div>
</div>
<br><br>
<div class="col-12 text-center">
[[MediaWiki_consulting_and_hosting_services|{{Clickable button|Our services|color=wiki}}]]
</div>

<div class="container" id="accueil-faq"><div class="row">
<div class="col-12">
<h2> Frequently Asked Questions </h2>
</div>
<div class="row accueil-faq-questions">
<div class="col-12 col-md-6">
<b>Who can use a Wiki?</b>
<p>A wiki, with its great flexibility, can be used by the individual wishing to create his personal wiki to the large group or the public entity (ministry...) through the start-up in order to create a knowledge base.</p>
</div>
<div class="col-12 col-md-6">
<b>How do we access the wiki ? Whit what level of security ?</b>
<p>Access to your wiki in a secure way in SAAS mode, with every connected device.</p>
</div>
<div class="col-12">
[[FAQ|{{Clickable button|Voir les FAQ|color=wiki}}]]
</div>
</div>
</div>
</div>

<div class="container" id="accueil-entreprises">
<div class="row">
<div class="col-12">
<h2>Customer References</h2>
<div class="grid-entreprises">
<div>
[[File:Logo-Ordre-des-avocats-de-Paris.jpg|alt=Ordre des avocats de Paris|sans_cadre|link=]]
</div>
<div>
[[File:Logo-république-française.jpg|alt=Rrépublique française|sans_cadre|link=]]
</div>
<div>
[[File:Logo saint gobain client Wiki Valley MediaWiki Consulting.jpeg|alt=Saint Gobain|sans_cadre|link=]]
</div>
<div>
[[File:Logo ehess officiel.jpg|alt=EHESS|sans_cadre|link=]]
</div>
<div>
[[File:Logo MGWiki plateforme collaborative médecine générale.jpg|alt=MGWiki plateforme collaborative médecine générale|sans_cadre|link=]]
</div>
<div>
[[File:Logo-BEA.jpg|alt=BEA|sans_cadre|link=]]
</div>
</div>
</div>
</div>
</div>

<div class="container" id="accueil-equipe">
<div class="row">
<div class="col-12">
<h2>Our Team</h2>
</div>
<div class="equipe-div">
<div class="col-12 equipe-img">
[[File:Nicolas-nallet.jpg|alt=Nicolas NALLET|sans_cadre|link=]]
</div>
<div class="col-12 equipe-nom">
<h3>Nicolas NALLET</h3>
</div>
<div class="col-12 equipe-txt">
MediaWiki and Semantic MediaWiki consultant. Founder of Sémantiki, collaborative web platforms in 2012.
</div>
</div>
<div class="equipe-div">
<div class="col-12 equipe-img">
[[File:Sebastien-beyou.jpg|alt=Sébastien BEYOU|sans_cadre|link=]]
</div>
<div class="col-12 equipe-nom">
<h3>Sébastien BEYOU</h3>
</div>
<div class="col-12 equipe-txt">
MediaWiki consultant and system administrator. Contributor to MediaWiki since 2008 and consultant since 2015.
</div>
</div>
</div>
</div>

MediaWiki:Common.css

2024-04-08T09:55:42Z

Mathis:

Create your own private wiki online and manage knowledge

2022-08-11T11:15:56Z

Mathis:

__NOEDITSECTION__ __NOTOC__ <div class="container" id="div-top">
<div class="row">
<div class="col-12 col-md-6">
<h2 class="accueil-accroche">Regroup <span>all your knowledge</span> on a <span>single platform</span></h2>
</div>
<div class="col-12 col-md-6">
<div><p>[[File:Accueil-svg-visuel.png|alt=Visuel accueil|link=|sans_cadre]]</p>
<div class="accueil-top-txt">
<p>Reduce the volume of exchanged e-mails</p>
<p>Centralize information scattered across multiple media (emails, office documents, etc.)</p>
<p>Answer (once and for all) the questions asked by your customers, colleagues, suppliers...</p>
</div>
[[Special:RequestAccount|{{Clickable button|Enjoy a free trial|color=wiki}}]]
<p>Trial without commitment or credit card 💳</p>
</div>
</div>
</div>
</div>

<div class="container" id="accueil-essai">
<div class="row">
<div class="col-12 col-md-6">
<h2> Take a free trial and create a wiki</h2>
[[Special:RequestAccount|{{Clickable button|Enjoy a free trial|color=oouiBlue}}]]
</div>
<div class="col-12 col-md-6 accueil-formulaire">
[[File:Formulaire.png|alt=Formulaire|link=Special:RequestAccount]]
</div>
</div>
</div>

<div class="container-fluid" id="accueil-fonctionnalites">
<div class="row">
<div class="col-12">
<h2 id="btn-fct" class="fct-active">Features</h2>
<h2 id="btn-ext">Extensions Included</h2>
</div>
<div class="col-12 fct-grid fct-grid-fct">
<div>
<h3>Versioning</h3>
<p>View the different versions of each article

* Undo any unwanted changes with a single click (depending on rights)

*View differences between two versions of the same page

*Revert to any previous version

*Determine who changed what and when</p>
</div>
<div>
<h3> Semantic structure of your articles</h3>
<p>[https://www.mediawiki.org/wiki/Extension:Semantic_MediaWiki Semantic MediaWiki] offers you the possibility of tagging the pages of your wiki to better find them later. You have features such as: refined queries, intuitive searches, statistics and personalized dashboards so you don't waste time.</p>
</div>
<div>
<h3>Internal search engine</h3>
<p>Quickly find information or an article on the whole wiki, thanks to the suggestions automatically displayed in the search bar from the first letter. Also benefit from the power of Elastic Search.</p>
</div>
<div>
<h3>Visual editor on each of your pages</h3>
<p>Visual Editor allows editing each wiki article in WYSIWYG (What You See Is What You Get) mode. No need to know the wiki syntax to format the content of the pages.<br>
[https://www.mediawiki.org/w/index.php?title=VisualEditor:Test&veaction=edit Tester sur MediaWiki.org]
</p>
</div>
<div>
<h3>Advanced full-text search with [https://www.mediawiki.org/wiki/Extension:CirrusSearch Elastic Search]</h3>
<p>Use the power of Elastic Search within your wiki and benefit from an improved full-text search: management of accents and proposal of terms close to the query.</p>
</div>
<div>
<h3> Simply manage your items</h3>
<p>Edit, tag, rename, delete, write protect or view the history of each article with just a few clicks. Simply update content with the visual editor.</p>
</div>
<div>
<h3>Stay informed of the life of the wiki </h3>
<p>[https://www.mediawiki.org/wiki/Extension:Echo Echo] allows you to receive notifications following different actions on the wiki (deleting a page, creating a link, receiving a message, etc.)</p>
</div>
<div>
<h3>Responsive skin</h3>
<p>The display of your wiki adapts to the width of your screen: Smartphone, Phablet, Tablet, computer screen...</p>
</div>
</div>
<div class="col-12 fct-grid fct-grid-ext">
<div>
<h3>[https://www.mediawiki.org/wiki/Extension:StructuredDiscussions Flow / Structured Discussions]</h3>
<p>Enjoy an improved chat interface.</p>
</div>
<div>
<h3>[https://www.mediawiki.org/wiki/Extension:PdfHandler PDF Handler]</h3>
<p>Navigate more easily within the pages of a PDF file.</p>
</div>
<div>
<h3>[https://www.mediawiki.org/wiki/Extension:Admin_Links Admin Links]</h3>
<p>Easily access all useful links for administrators.</p>
</div>
<div>
<h3>[https://www.mediawiki.org/wiki/Extension:SyntaxHighlight Syntax Highlight]</h3>
<p>Display computer code in the language of your choice directly on a Wiki page.</p>
</div>
<div>
<h3>Many other extensions</h3>
<p>Cite: Add references, Semantic Drilldown: Filtered search, Bootstrap: simple HTML formatting...</p>
</div>
<div>
<h3>[https://www.mediawiki.org/wiki/Extension:Replace_Text Replace Text]</h3>
<p>Easily replace text on all Wiki pages at once.</p>
</div>
</div>
<p></p>
</div>
</div>
<div class="col-12 text-center">
[[MediaWiki_consulting_and_hosting_services|{{Clickable button|Our services|color=wiki}}]]
</div>

<div class="container" id="accueil-faq"><div class="row">
<div class="col-12">
<h2> Frequently Asked Questions </h2>
</div>
<div class="row accueil-faq-questions">
<div class="col-12 col-md-6">
<b>Who can use a Wiki?</b>
<p>A wiki, with its great flexibility, can be used by the individual wishing to create his personal wiki to the large group or the public entity (ministry...) through the start-up in order to create a knowledge base.</p>
</div>
<div class="col-12 col-md-6">
<b>How do we access the wiki ? Whit what level of security ?</b>
<p>Access to your wiki in a secure way in SAAS mode, with every connected device.</p>
</div>
<div class="col-12">
[[FAQ|{{Clickable button|Voir les FAQ|color=wiki}}]]
</div>
</div>
</div>
</div>

<div class="container" id="accueil-entreprises">
<div class="row">
<div class="col-12">
<h2>Customer References</h2>
<div class="grid-entreprises">
<div>
[[File:Logo-Ordre-des-avocats-de-Paris.jpg|alt=Ordre des avocats de Paris|sans_cadre|link=]]
</div>
<div>
[[File:Logo-république-française.jpg|alt=Rrépublique française|sans_cadre|link=]]
</div>
<div>
[[File:Logo saint gobain client Wiki Valley MediaWiki Consulting.jpeg|alt=Saint Gobain|sans_cadre|link=]]
</div>
<div>
[[File:Logo ehess officiel.jpg|alt=EHESS|sans_cadre|link=]]
</div>
<div>
[[File:Logo MGWiki plateforme collaborative médecine générale.jpg|alt=MGWiki plateforme collaborative médecine générale|sans_cadre|link=]]
</div>
<div>
[[File:Logo-BEA.jpg|alt=BEA|sans_cadre|link=]]
</div>
</div>
</div>
</div>
</div>

<div class="container" id="accueil-equipe">
<div class="row">
<div class="col-12">
<h2>Our Team</h2>
</div>
<div class="equipe-div">
<div class="col-12 equipe-img">
[[File:Nicolas-nallet.jpg|alt=Nicolas NALLET|sans_cadre|link=]]
</div>
<div class="col-12 equipe-nom">
<h3>Nicolas NALLET</h3>
</div>
<div class="col-12 equipe-txt">
MediaWiki and Semantic MediaWiki consultant. Founder of Sémantiki, collaborative web platforms in 2012.
</div>
</div>
<div class="equipe-div">
<div class="col-12 equipe-img">
[[File:Sebastien-beyou.jpg|alt=Sébastien BEYOU|sans_cadre|link=]]
</div>
<div class="col-12 equipe-nom">
<h3>Sébastien BEYOU</h3>
</div>
<div class="col-12 equipe-txt">
MediaWiki consultant and system administrator. Contributor to MediaWiki since 2008 and consultant since 2015.
</div>
</div>
</div>
</div>

MediaWiki:Common.css

2022-06-28T09:20:03Z

Mathis:

/* -------- 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;
}

.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;
}

#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 */
.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%;
}

MediaWiki:Common.css

2022-06-28T09:18:48Z

Mathis:

/* -------- 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;
}

.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;
}

#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 */
.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 {
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%;
}

MediaWiki:Common.css

2022-06-28T09:17:59Z

Mathis:

/* -------- 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;
}

.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;
}

#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 */
.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 {
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%;
}

MediaWiki training course Structuring a wiki like a database with Semantic MediaWiki

2022-06-28T08:59:43Z

Mathis:

__NOEDITSECTION__ __NOTOC__<div class="container" id="div-top">
<div class="row">
<div class="col-12 col-md-6">
[[File:Accueil-svg-visuel.png|alt=Visuel Services|link=]]
<h2>Semantic MediaWiki Training for Wiki Architects</h2>
</div>
</div>
</div>

<div class="container">
<div class="row">
<div class="col-12">

<div class="container"><div class="row"><div class="col-md-7 col-lg-7">
==Objectives of the training==
*Know how Semantic MediaWiki works
*Be able to tag semantic data
*Be able to make queries and display results in different formats

==Content of the training (1 day)==
===Introduction===
*[[Semantic MediaWiki|Introducing Semantic MediaWiki]] (SMW)
*Resources on Semantic MediaWiki
**Where to find help and information on the [http://semantic-mediawiki.org/ official semantic MediaWiki website]
**[http://smw.referata.com smw.referata.com, the Semantic MediaWiki user community wiki]
**The book on Semantic MediaWiki: [http://workingwithmediawiki.com/ Working with MediaWiki] by Yaron Koren
*An example of using SMW

===Semanticize elements within your wiki===
*Page Property Value triplets
*The two methods to semanticize a value
*Semanticize a value with the VisualEditor WYSIWYG editor
*The different types of possible values
*Set up a property
*Information to fill in on the properties page
*Special properties first approach

===Semantic queries===
*Display the value of a property for a given page
*Display the list of pages that meet one or more criteria
*Display the list of pages that meet one criterion or another (OR)
*Advanced query conditions
*View the list of pages and the value of their properties
*Query parameters
**Limit the number of results
**Order results
**Change column headers
**Display a message when there are no results <i class="fas fa-envelope-square fa-2x text-info"></i>
**Display a message before and/or after the results
*Make subqueries

===The different display formats provided by...===
====...Semantic MediaWiki====
*Display a wide table or by ordered, unordered, comma-separated list
*Display identically to category pages
*Format results with templates
*Show only the number of results of a query
*Display in a machine-readable format: csv, dsv, json, rdf

====...the extension '''Semantic Result Formats'''====
*'''Graphics''' : D3, Dygraphs, Google bar and pie, jqPlot series and chart, Sparkline, Timeserie
*'''for export''': BibTex, Excel, iCalendar, vCard
*'''Mathematics''': average, max, min, sum, product, median...
*'''Temporals''': calendar, event, timeline and events, newer, older

==Create forms with Page Forms==
''(Formerly Semantic Forms)'' this extension allows the creation of forms for manual entry of semantic data without the need to know the Semantic MediaWiki syntax
*Objectives of the forms
*Semantic models
*Associate multiple values with a property
*Create or edit a form
*Attach a form to a template
*Form fields
*The free text box
*Action buttons
*Link a page to a form

===Advanced features of Page Forms===
*Propose one or more forms during a page creation
*Ensure that a requested page is created automatically with such form
*Edit subobjects with Page Forms
*Display external data in models
*Allow the user to overload an external value through the form.
*Dynamic display of fields (show on select)
*Format a date
*Create recurring events and display them on a calendar <i class="fas fa-calendar-alt fa-2x text-info"></i>

===Other extensions based on Semantic MediaWiki===
*'''Semantic Drilldown''' provides a multi-criteria search page to filter results with just a few clicks.

</div>

<div class="col-md-4 col-md-offset-1 col-lg-4 col-lg-offset-1">
Back to the list of all [[Formations MediaWiki tous niveaux|MediaWiki training]]
[[File:SemanticMediaWiki Logo.png|250px|link=|center|SemanticMedia course semantic wiki and Wikipedia|alt=SemanticMedia course semantic wiki and Wikipedia]]

==Trainee testimonials==
In answer to the question <big>"</big>What is your general opinion on the content of the training? <big>"</big>
----
<big>"</big>Enriching training allowing the discovery of a new tool that is both simple and complex<big>"</big>

Jérôme, Front-end/dev back end at Atypic
----
<big>"</big>''Very interesting and very complete''<big>"</big>''

Nicolas pmp project manager
----
<big>"</big>Very adapted to demand and personalized. Very competent trainer in the field''<big>'</big>''

Sylvain, works at the pmp
----
<big>"</big>Good training. Content adapted to our all-round services''<big>"</big>

Frédéric, BEA investigator.
----
<big>"</big>''Very complete''<big>"</big>

Olive tree
-----
<big>"</big>''Very good and adapted to expectations''<big>"</big>

Unsigned
----
<big>"</big>''Useful training''<big>"</big>

Agent BEA
----
<big>"</big>Very favorable, very interesting to know the various features of the tool. <big>"</big>

Unsigned

==Training Prerequisites==
*Have followed the Initial and Intermediate Training on MediaWiki including the part on <strong>modèles</strong>

==Information and registration for training==
*By phone : {{Téléphones}} <i class="fas fa-mobile-alt fa-2x text-danger"></i>
*[[Special:Contact|By email]] <i class="fas fa-mail-bulk fa-2x text-info"></i>

==Other wiki training==
*Formation '''initial''' : [[Formation_initiale_MediaWiki_Naviguer_et_contribuer_à_un_wiki|Browse and contribute to MediaWiki-powered wikis like Wikipedia]]
*Formation '''intermediary''' : [[Formation_intermédiaire_à_MediaWiki_:_Administration_et_édition_avancée_du_wiki|Advanced editing and administration of a wiki]]
*Formation '''hoster''' : [[Formation_hébergeur_MediaWiki_pour_créer_et_gérer_son_wiki|Create and manage your wiki with MediaWiki: installation and configuration on the server]]
*Formation '''SEO''' : [[Formation_référencement_naturel_avec_MediaWiki|Optimize the referencing of your wiki]] to make it go up in Google's search results
*Formation '''advanced architect''' : [[Formation Semantic MediaWiki avancée]]
*See the list of [[MediaWiki training for all levels|all MediaWiki training]]
</div>
</div>
</div>
{{DISPLAYTITLE:Semantic MediaWiki Training for Wiki Architects}}__NOTOC__
__INDEX__
----
<small>
Wiki Valley SAS <strong>training</strong> provider registered under the number 27250312325. This registration does not constitute approval by the State</small>

</div>
</div>
</div>

MediaWiki:Common.css

2022-06-28T08:56:51Z

Mathis: #firstHeading

/* -------- 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;
}

.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;
}

#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 */
.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 {
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%;
}

Minimum Requirements

2022-05-23T08:42:30Z

Mathis:

__NOEDITSECTION__ __NOTOC__<div class="container" id="div-top">
<div class="row">
<div class="col-12 col-md-6">
[[File:Wiki-svg-visuel.png|alt=Visuel Services|link=]]
<h2>Minimum Requirements</h2>
</div>
</div>
</div>

<div class="container">
<div class="row">
<div class="col-12">
<br>
The Wiki Valley platform basically requires a web browser supporting TLS 1.2+ and JavaScript:

*Internet Explorer: 11+ <ref>It is possible to use IE 8/9/10 by enabling TLS 1.2 in the Options menu > Internet Options > Advanced tab > check "Use TLS 1.2", however MediaWiki disables JavaScript for these versions.</ref>
*Edge: 12+
*Firefox: 27+
*Chrome: 29+
*Safari: 7+
*Opera: 16+
*iOS Safari: 6+ <ref>It is possible to use iOS Safari 5 but MediaWiki disables JavaScript for this version.</ref>
*Android browser: 5+

Connections can be IPv4 or IPv6.

<references />

==Recommended Setup==

Recent web browsers are recommended as they are generally faster and more secure.

MediaWiki is also much more tested on recent browsers ([[:mw:Compatibility/en#Browsers|see this page]]).
</div>
</div>
</div>

MediaWiki:Common.css

2022-05-23T08:41:22Z

Mathis: Minimum_Requirements

/* -------- 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;
}

.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;
}

#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 */
.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 {
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%;
}

Minimum Requirements

2022-05-23T08:40:56Z

Mathis: create

Minimum Requirements

2022-05-23T08:40:29Z

Mathis: create

__NOEDITSECTION__ __NOTOC__<div class="container" id="div-top">
<div class="row">
<div class="col-12 col-md-6">
[[Fichier:Wiki-svg-visuel.png|alt=Visuel Services|link=]]
<h2>Minimum Requirements</h2>
</div>
</div>
</div>

<div class="container">
<div class="row">
<div class="col-12">
<br>
The Wiki Valley platform basically requires a web browser supporting TLS 1.2+ and JavaScript:

*Internet Explorer: 11+ <ref>It is possible to use IE 8/9/10 by enabling TLS 1.2 in the Options menu > Internet Options > Advanced tab > check "Use TLS 1.2", however MediaWiki disables JavaScript for these versions.</ref>
*Edge: 12+
*Firefox: 27+
*Chrome: 29+
*Safari: 7+
*Opera: 16+
*iOS Safari: 6+ <ref>It is possible to use iOS Safari 5 but MediaWiki disables JavaScript for this version.</ref>
*Android browser: 5+

Connections can be IPv4 or IPv6.

<references />

==Recommended Setup==

Recent web browsers are recommended as they are generally faster and more secure.

MediaWiki is also much more tested on recent browsers ([[:mw:Compatibility/fr#Navigateurs|see this page]]).
</div>
</div>
</div>

MediaWiki:Common.css

2022-05-23T08:37:07Z

Mathis: firstHeading

/* -------- 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;
}

.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;
}

#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 */
.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 {
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%;
}

File:Réseau social.png

2022-05-23T08:36:43Z

Mathis:

Enterprise social network with MediaWiki

2022-05-23T08:36:30Z

Mathis: create

Legal Notice

2022-05-23T08:31:50Z

Mathis:

__NOEDITSECTION__ __NOTOC__<div class="container" id="div-top">
<div class="row">
<div class="col-12 col-md-6">
[[File:Contract_Visual.png|alt=Visuel Services|link=]]
<h2>Legal Notice</h2>
</div>
</div>
</div>

<div class="container">
<div class="row">
<div class="col-12">
<br>
<div itemscope itemtype="http://schema.org/Organization">
<span itemprop="name">Wiki Valley</span> SAS with variable capital registered with the RCS of Besançon n° 821345345 domiciled <span itemprop="address">2 rue de Miserey 25115 Pouilley les Vignes France</span>

<strong>[[MediaWiki_consulting_and_hosting_services|Training provider (MediaWiki)]]</strong> registered under number 27250312325. This registration does not constitute approval by the State.

Director of publication: <span itemprop="member">Nicolas NALLET</span>

*'''Phone numbers''' :
**Fixed: <span itemprop="telephone">+33 (0)1 85 08 91 99</span>
</div>
Servers hosted in France by

GANDI SAS, Simplified Joint Stock Company with capital of €300,000 having its registered office at
63-65 boulevard Masséna in Paris (75013) FRANCE,
registered under number 423 093 459 RCS PARIS
VAT number FR81423093459
Telephone: +33.(0) 1 70.37.76.61
</div>
</div>
</div>

MediaWiki:Common.css

2022-05-23T08:31:24Z

Mathis: #firstHeading,

/* -------- 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;
}

.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;
}

#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 */
.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 {
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%;
}

File:Contract Visual.png

2022-05-23T08:30:02Z

Mathis:

Legal Notice

2022-05-23T08:29:53Z

Mathis:

__NOEDITSECTION__ __NOTOC__<div class="container" id="div-top">
<div class="row">
<div class="col-12 col-md-6">
[[File:Contract_Visual.png|alt=Visuel Services|link=]]
<h2>Mentions légales</h2>
</div>
</div>
</div>

<div class="container">
<div class="row">
<div class="col-12">
<br>
<div itemscope itemtype="http://schema.org/Organization">
<span itemprop="name">Wiki Valley</span> SAS with variable capital registered with the RCS of Besançon n° 821345345 domiciled <span itemprop="address">2 rue de Miserey 25115 Pouilley les Vignes France</span>

<strong>[[MediaWiki_consulting_and_hosting_services|Training provider (MediaWiki)]]</strong> registered under number 27250312325. This registration does not constitute approval by the State.

Director of publication: <span itemprop="member">Nicolas NALLET</span>

*'''Phone numbers''' :
**Fixed: <span itemprop="telephone">+33 (0)1 85 08 91 99</span>
</div>
Servers hosted in France by

GANDI SAS, Simplified Joint Stock Company with capital of €300,000 having its registered office at
63-65 boulevard Masséna in Paris (75013) FRANCE,
registered under number 423 093 459 RCS PARIS
VAT number FR81423093459
Telephone: +33.(0) 1 70.37.76.61
</div>
</div>
</div>

Legal Notice

2022-05-23T08:29:27Z

Mathis: creation

__NOEDITSECTION__ __NOTOC__<div class="container" id="div-top">
<div class="row">
<div class="col-12 col-md-6">
[[Fichier:Contract_Visual.png|alt=Visuel Services|link=]]
<h2>Mentions légales</h2>
</div>
</div>
</div>

<div class="container">
<div class="row">
<div class="col-12">
<br>
<div itemscope itemtype="http://schema.org/Organization">
<span itemprop="name">Wiki Valley</span> SAS with variable capital registered with the RCS of Besançon n° 821345345 domiciled <span itemprop="address">2 rue de Miserey 25115 Pouilley les Vignes France</span>

<strong>[[MediaWiki_consulting_and_hosting_services|Training provider (MediaWiki)]]</strong> registered under number 27250312325. This registration does not constitute approval by the State.

Director of publication: <span itemprop="member">Nicolas NALLET</span>

*'''Phone numbers''' :
**Fixed: <span itemprop="telephone">+33 (0)1 85 08 91 99</span>
</div>
Servers hosted in France by

GANDI SAS, Simplified Joint Stock Company with capital of €300,000 having its registered office at
63-65 boulevard Masséna in Paris (75013) FRANCE,
registered under number 423 093 459 RCS PARIS
VAT number FR81423093459
Telephone: +33.(0) 1 70.37.76.61
</div>
</div>
</div>