MediaWiki:Common.css

2026-08-09T01:23:26Z

Wikikab : Page blanchie

Modèle:Infobox personnalité politique/styles.css

2026-08-09T01:22:30Z

Wikikab :

/* ============================================================
WikiKabylie — Infobox personnalité politique
Version compatible TemplateStyles
============================================================ */

/* ------------------------------------------------------------
CONTENEUR PRINCIPAL
------------------------------------------------------------ */

.wk-infobox {
width: 348px;
float: right;
clear: right;

margin: 0 0 30px 32px;

border: 1px solid #dfe7ee;
border-radius: 20px;

background: #ffffff;

color: #1f2f3d;

font-family:
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Helvetica,
Arial,
sans-serif;

font-size: 13px;
line-height: 1.55;

overflow: hidden;

box-shadow:
0 18px 45px rgba(20, 41, 61, 0.08),
0 4px 12px rgba(20, 41, 61, 0.04);
}

/* ------------------------------------------------------------
EN-TÊTE
------------------------------------------------------------ */

.wk-infobox-header {
position: relative;

padding: 24px 22px 20px;

border-top: 4px solid #0757a6;
border-bottom: 1px solid #edf1f4;

background: #f8fbfd;
}

/* ------------------------------------------------------------
SURTITRE
------------------------------------------------------------ */

.wk-infobox-kicker {
margin-bottom: 7px;

color: #16834b;

font-size: 10px;
font-weight: 800;

letter-spacing: 0.15em;

text-transform: uppercase;
}

/* ------------------------------------------------------------
NOM
------------------------------------------------------------ */

.wk-infobox-name {
color: #10283e;

font-family:
Georgia,
"Times New Roman",
serif;

font-size: 28px;
font-weight: 700;

line-height: 1.08;

letter-spacing: -0.02em;
}

/* ------------------------------------------------------------
SOUS-TITRE
------------------------------------------------------------ */

.wk-infobox-subtitle {
margin-top: 8px;

color: #67798a;

font-size: 12px;
font-weight: 500;

line-height: 1.45;
}

/* ------------------------------------------------------------
PHOTO
------------------------------------------------------------ */

.wk-infobox-image {
padding: 16px;

text-align: center;

background: #ffffff;
}

.wk-infobox-image img,
.wk-infobox-image .mw-file-element {
max-width: 100%;
height: auto;

margin: 0 auto;

border-radius: 13px;
}

/* ------------------------------------------------------------
LÉGENDE PHOTO
------------------------------------------------------------ */

.wk-infobox-caption {
margin: 9px auto 0;

color: #738394;

font-size: 11px;
line-height: 1.45;

text-align: center;
}

/* ------------------------------------------------------------
TITRES DE SECTION
------------------------------------------------------------ */

.wk-infobox-section-title {
padding: 10px 16px;

border-top: 1px solid #edf1f4;
border-bottom: 1px solid #edf1f4;
border-left: 3px solid #16834b;

background: #f7fafc;

color: #0757a6;

font-size: 10px;
font-weight: 800;

letter-spacing: 0.14em;

text-transform: uppercase;
}

/* ------------------------------------------------------------
CONTENEUR DES DONNÉES
------------------------------------------------------------ */

.wk-infobox-data {
background: #ffffff;
}

/* ------------------------------------------------------------
LIGNES
------------------------------------------------------------ */

.wk-infobox-row {
display: grid;

grid-template-columns: 37% 63%;

border-bottom: 1px solid #f0f3f6;
}

.wk-infobox-row:last-child {
border-bottom: 0;
}

.wk-infobox-row:hover {
background: #fbfdff;
}

/* ------------------------------------------------------------
LABEL
------------------------------------------------------------ */

.wk-infobox-label {
padding: 11px 8px 11px 16px;

color: #718293;

font-size: 11px;
font-weight: 700;

line-height: 1.45;
}

/* ------------------------------------------------------------
VALEUR
------------------------------------------------------------ */

.wk-infobox-value {
padding: 11px 16px 11px 8px;

color: #243849;

font-size: 12px;

overflow-wrap: break-word;
}

.wk-infobox-value strong {
color: #112c43;

font-weight: 700;
}

.wk-infobox-muted {
color: #7d8c9a;

font-size: 11px;
}

/* ------------------------------------------------------------
LIGNE MISE EN AVANT
------------------------------------------------------------ */

.wk-infobox-row-featured {
background: #f5faff;
}

/* ------------------------------------------------------------
BLOC MANDAT
------------------------------------------------------------ */

.wk-infobox-mandate {
padding: 16px 16px 15px 18px;

border-left: 3px solid #0757a6;
border-bottom: 1px solid #e6edf2;

background: #f5faff;
}

.wk-infobox-mandate-title {
color: #10283e;

font-family:
Georgia,
"Times New Roman",
serif;

font-size: 16px;
font-weight: 700;

line-height: 1.3;
}

.wk-infobox-mandate-period {
margin-top: 5px;

color: #607488;

font-size: 11px;
font-weight: 700;
}

/* ------------------------------------------------------------
DÉTAILS DU MANDAT
------------------------------------------------------------ */

.wk-infobox-mini-row {
display: grid;

grid-template-columns: 42% 58%;

gap: 10px;

margin-top: 9px;

font-size: 11px;
}

.wk-infobox-mini-row span {
color: #768696;
}

.wk-infobox-mini-row strong {
color: #25394a;

font-weight: 700;
}

/* ------------------------------------------------------------
LIGNES LARGES
------------------------------------------------------------ */

.wk-infobox-row-wide {
grid-template-columns: 30% 70%;
}

/* ------------------------------------------------------------
LISTES
------------------------------------------------------------ */

.wk-infobox-value ul {
margin: 3px 0 3px 16px;

padding: 0;
}

.wk-infobox-value li {
margin: 4px 0;

line-height: 1.45;
}

/* ------------------------------------------------------------
LIENS
------------------------------------------------------------ */

.wk-infobox a {
color: #0757a6;

font-weight: 600;

text-decoration: none;
}

.wk-infobox a:hover {
color: #073f75;

text-decoration: underline;
}

.wk-infobox a:focus {
outline: 2px solid #0757a6;
}

/* ------------------------------------------------------------
SITE OFFICIEL
------------------------------------------------------------ */

.wk-infobox-official {
padding: 14px 16px;

border-top: 1px solid #e6ecf1;

background: #f7fafc;

text-align: center;
}

.wk-infobox-official a {
display: inline-block;

padding: 7px 13px;

border: 1px solid #cfe0ee;
border-radius: 8px;

background: #ffffff;

color: #0757a6;

font-size: 11px;
font-weight: 700;

text-decoration: none;
}

.wk-infobox-official a:hover {
border-color: #0757a6;

background: #f2f8fd;

text-decoration: none;
}

/* ------------------------------------------------------------
SIGNATURE
------------------------------------------------------------ */

.wk-infobox-signature {
padding: 14px;

text-align: center;
}

.wk-infobox-signature img,
.wk-infobox-signature .mw-file-element {
max-width: 155px;
height: auto;
}

/* ------------------------------------------------------------
DRAPEAUX
------------------------------------------------------------ */

.wk-infobox-flag {
display: inline-block;

margin-right: 5px;

vertical-align: middle;
}

.wk-infobox-flag img,
.wk-infobox-flag .mw-file-element {
max-width: 21px;
height: auto;

border: 1px solid #d6dde4;
border-radius: 2px;
}

/* ------------------------------------------------------------
BADGES
------------------------------------------------------------ */

.wk-infobox-badge {
display: inline-block;

margin: 2px 3px 2px 0;

padding: 3px 7px;

border: 1px solid #dce8f2;
border-radius: 6px;

background: #f3f8fc;

color: #31536e;

font-size: 10px;
font-weight: 700;
}

.wk-infobox-badge-green {
border-color: #d4eadc;

background: #f2faf5;

color: #17603b;
}

/* ------------------------------------------------------------
SÉPARATEUR
------------------------------------------------------------ */

.wk-infobox-separator {
height: 1px;

margin: 0 16px;

background: #edf1f4;
}

/* ------------------------------------------------------------
VERSION POLITIQUE
------------------------------------------------------------ */

.wk-infobox-politique .wk-infobox-header {
border-top-color: #0757a6;
}

/* ------------------------------------------------------------
TABLETTE
------------------------------------------------------------ */

@media (max-width: 900px) {

.wk-infobox {
width: 330px;

margin-left: 22px;
}

}

/* ------------------------------------------------------------
MOBILE
------------------------------------------------------------ */

@media (max-width: 720px) {

.wk-infobox {
width: 100%;

float: none;
clear: both;

margin: 0 0 28px;

border-radius: 16px;
}

.wk-infobox-name {
font-size: 25px;
}

.wk-infobox-row {
grid-template-columns: 36% 64%;
}

.wk-infobox-mini-row {
grid-template-columns: 40% 60%;
}

}

/* ------------------------------------------------------------
PETITS ÉCRANS
------------------------------------------------------------ */

@media (max-width: 480px) {

.wk-infobox {
border-radius: 13px;
}

.wk-infobox-header {
padding: 21px 17px 17px;
}

.wk-infobox-name {
font-size: 23px;
}

.wk-infobox-row {
display: block;
}

.wk-infobox-label {
padding: 9px 14px 1px;

color: #748596;
}

.wk-infobox-value {
padding: 2px 14px 10px;
}

.wk-infobox-mini-row {
display: block;
}

.wk-infobox-mini-row span {
display: block;

margin-bottom: 2px;
}

.wk-infobox-mini-row strong {
display: block;
}

.wk-infobox-row-wide {
display: block;
}

}

/* ------------------------------------------------------------
IMPRESSION
------------------------------------------------------------ */

@media print {

.wk-infobox {
width: 40%;

float: right;

margin: 0 0 16px 18px;

border: 1px solid #999999;
border-radius: 0;

background: #ffffff;

color: #000000;

box-shadow: none;
}

.wk-infobox-header,
.wk-infobox-section-title,
.wk-infobox-mandate,
.wk-infobox-official {
background: #ffffff;
}

}

2026-08-09T00:39:15Z

Wikikab :

{{Infobox personnalité politique
| nom = Ferhat Mehenni
| nom_naissance = Ferhat Mehenni
| image = Ferhat-Mehenni.jpg
| taille_image = 300px
| alt_image = Portrait de Ferhat Mehenni
| legende = Ferhat Mehenni lors d'une intervention publique.
| date_naissance = 5 mars 1951
| lieu_naissance = [[Illoula Oumalou]], [[Kabylie]]
| nationalite = [[Fichier:Flag_of_Kabylie.jpg|20px|border|alt=Drapeau de la Kabylie]] Kabyle
| origine = [[Kabylie]]
| residence = France
| profession = Chanteur, auteur-compositeur, militant politique
| formation = Sciences politiques
| fonction = Président du [[Mouvement pour l'autodétermination de la Kabylie|MAK]]
| debut_fonction = À renseigner
| fonction1 = Président de l'[[Anavad]]
| periode1 = Depuis 2010
| mouvement = [[Mouvement pour l'autodétermination de la Kabylie|MAK]]
| ideologie = Autodétermination, indépendantisme kabyle
| organisation = [[Anavad]]
| activite_artistique = Chanson kabyle, chanson engagée
| ouvrages =
* ''Algérie : la question kabyle''
* ''Le Siècle identitaire''
* ''Noël en otage''
| oeuvres =
* ''Chants révolutionnaires de Kabylie''
* ''Itmurt n Leqbayel''
| distinctions =
| site_web =
}}

'''Ferhat Mehenni''' est un chanteur, auteur-compositeur et militant politique kabyle...
__NOTOC__

'''Ferhat Mehenni''', également connu sous le nom artistique de '''Ferhat Imazighen Imula''', né le {{date|5|mars|1951}} à [[Illoula Oumalou]], en [[Kabylie]], est un chanteur, auteur, compositeur et militant politique kabyle.<ref>[https://catalogue.bnf.fr/ark:/12148/cb13195117t « Ferhat (1951-....) »], Bibliothèque nationale de France.</ref>

Figure du mouvement culturel berbère à partir des années 1970, il devient ensuite l'une des principales personnalités du courant autonomiste puis indépendantiste kabyle. Il est le fondateur du [[Mouvement pour l'autodétermination de la Kabylie]] (MAK), créé dans le contexte du [[Printemps noir]] de 2001, et préside également le gouvernement provisoire kabyle en exil, généralement appelé [[Anavad]].<ref>[https://www.lemonde.fr/afrique/article/2025/08/03/en-algerie-le-mouvement-pour-l-autodetermination-de-la-kabylie-bete-noire-du-regime-en-quete-de-soutiens-etrangers_6626398_3212.html « En Algérie, le Mouvement pour l'autodétermination de la Kabylie, bête noire du régime, en quête de soutiens étrangers »], ''Le Monde'', 3 août 2025.</ref><ref>[https://www.kabylie-gouv.org/anavad-2/ « Le gouvernement »], portail de l'Anavad.</ref>

Le parcours et les positions politiques de Ferhat Mehenni font l'objet de fortes controverses. Depuis 2021, les autorités algériennes classent le MAK parmi les « organisations terroristes », qualification rejetée par le mouvement et son dirigeant.<ref>[https://www.lemonde.fr/afrique/article/2025/08/03/en-algerie-le-mouvement-pour-l-autodetermination-de-la-kabylie-bete-noire-du-regime-en-quete-de-soutiens-etrangers_6626398_3212.html ''Le Monde'', 3 août 2025.]</ref>

== Biographie ==

=== Naissance et formation ===

Ferhat Mehenni naît le '''5 mars 1951''' à [[Illoula Oumalou]], dans l'actuelle wilaya de [[Tizi Ouzou]]. La Bibliothèque nationale de France le répertorie comme auteur et interprète, écrivant également en kabyle, et le présente comme poète, compositeur et chanteur kabyle.<ref>[https://catalogue.bnf.fr/ark:/12148/cb13195117t Notice d'autorité « Ferhat (1951-....) »], Bibliothèque nationale de France.</ref>

Il suit des études de sciences politiques à l'[[Université d'Alger]]. Son parcours universitaire se déroule à une période où les questions de langue, d'identité amazighe et de pluralisme culturel prennent une place croissante dans les mobilisations intellectuelles et étudiantes kabyles.

=== Carrière artistique ===

Ferhat Mehenni se fait connaître dans les années 1970 comme chanteur engagé, notamment sous le nom de '''Ferhat Imazighen Imula'''. Ses chansons abordent régulièrement la culture kabyle, la langue amazighe, la liberté, les luttes politiques et l'identité.

La Bibliothèque nationale de France le décrit comme '''poète, compositeur et chanteur kabyle'''.<ref>[https://catalogue.bnf.fr/ark:/12148/cb13195117t BnF, notice de personne « Ferhat »].</ref>

Plusieurs enregistrements attribués à Ferhat Mehenni sont diffusés à partir de la fin des années 1970 et au cours des décennies suivantes. Parmi les titres et albums disponibles dans les catalogues musicaux figurent notamment ''Chants révolutionnaires de Kabylie'', ''Chants berbères de lutte et d'espoir'', ''Itmurt n leqbayel'' et ''Chants d'acier... d'amour et de liberté''.<ref>[https://music.apple.com/fr/artist/ferhat/78906628 « Ferhat »], Apple Music.</ref><ref>[https://www.muziekweb.nl/en/Link/M00000144815/POPULAR/Ferhat-Mehenni « Ferhat Mehenni »], Muziekweb.</ref>

== Engagement culturel et politique ==

=== Mouvement culturel berbère ===

Ferhat Mehenni participe au mouvement de revendication culturelle amazighe et kabyle. La Bibliothèque nationale de France indique qu'il a notamment dirigé la '''Coordination nationale du Mouvement culturel berbère''' ainsi que le '''Rassemblement national amazigh'''.<ref>[https://catalogue.bnf.fr/ark:/12148/cb13195117t BnF, notice de personne « Ferhat »].</ref>

Son engagement s'inscrit dans le prolongement des mobilisations pour la reconnaissance de la langue et de la culture amazighes, particulièrement importantes en Kabylie à partir du [[Printemps berbère]] de 1980.

=== Création du MAK ===

À la suite du [[Printemps noir]] de 2001, Ferhat Mehenni participe à la création du '''Mouvement pour l'autonomie de la Kabylie''', devenu par la suite '''Mouvement pour l'autodétermination de la Kabylie''' (MAK).

Selon ''Le Monde'', le mouvement est créé en juin 2001 dans le contexte des violences du Printemps noir. Il défend d'abord l'autonomie de la Kabylie avant d'évoluer vers l'autodétermination puis l'indépendance.<ref>[https://www.lemonde.fr/afrique/article/2025/12/15/le-mak-annonce-l-independance-de-la-kabylie-depuis-paris_6657702_3212.html « Le MAK annonce l'indépendance de la Kabylie à Paris »], ''Le Monde'', 15 décembre 2025.</ref>

Ferhat Mehenni devient l'une des principales figures et le président du mouvement.

=== Anavad ===

En 2010 est constitué en France un '''gouvernement provisoire kabyle en exil''', appelé [[Anavad]], présidé par Ferhat Mehenni.<ref>[https://www.lemonde.fr/afrique/article/2025/12/15/le-mak-annonce-l-independance-de-la-kabylie-depuis-paris_6657702_3212.html ''Le Monde'', 15 décembre 2025.]</ref>

Le portail officiel de l'Anavad présente toujours Ferhat Mehenni comme son président.<ref>[https://www.kabylie-gouv.org/anavad-2/ « Le Président »], portail de l'Anavad, consulté en 2026.</ref>

=== Évolution vers l'indépendantisme ===

Le MAK évolue progressivement d'une revendication autonomiste vers une revendication indépendantiste. Selon ''Le Monde'', le mouvement se radicalise politiquement à partir des années 2010 en défendant l'autodétermination puis l'indépendance de la Kabylie.<ref>[https://www.lemonde.fr/afrique/article/2025/12/15/le-mak-annonce-l-independance-de-la-kabylie-depuis-paris_6657702_3212.html ''Le Monde'', 15 décembre 2025.]</ref>

Ferhat Mehenni présente cette démarche comme une lutte politique pacifique fondée sur le droit des peuples à disposer d'eux-mêmes. Les autorités algériennes et les opposants au mouvement considèrent au contraire le projet indépendantiste comme une atteinte à l'unité territoriale de l'Algérie.<ref>[https://www.lemonde.fr/afrique/article/2025/08/03/en-algerie-le-mouvement-pour-l-autodetermination-de-la-kabylie-bete-noire-du-regime-en-quete-de-soutiens-etrangers_6626398_3212.html ''Le Monde'', 3 août 2025.]</ref>

== Relations avec les autorités algériennes ==

=== Classement du MAK par l'Algérie ===

Le '''18 mai 2021''', le Haut Conseil de sécurité algérien décide de classer le MAK et le mouvement Rachad sur la liste algérienne des « organisations terroristes ». La décision est motivée par les autorités par des accusations d'actions visant à déstabiliser le pays et à porter atteinte à sa sécurité.<ref>[https://www.agenceafrique.com/29033-lalgerie-classe-mak-et-rachad-sur-la-liste-des-organisations-terroristes.html « L'Algérie classe MAK et Rachad sur la liste des organisations terroristes »], Agence Afrique, 19 mai 2021.</ref>

Le MAK et Ferhat Mehenni rejettent cette qualification et affirment défendre une stratégie politique pacifique.<ref>[https://www.lemonde.fr/afrique/article/2025/08/03/en-algerie-le-mouvement-pour-l-autodetermination-de-la-kabylie-bete-noire-du-regime-en-quete-de-soutiens-etrangers_6626398_3212.html ''Le Monde'', 3 août 2025.]</ref>

Dans une encyclopédie, cette qualification doit donc être présentée comme '''la position officielle de l'État algérien''' et non comme une caractérisation générale du mouvement.

=== Exil en France ===

Ferhat Mehenni vit en France. En 2025, ''Le Monde'' indique qu'il bénéficie du statut de réfugié politique et qu'il dirige depuis la France le MAK ainsi que le gouvernement kabyle en exil.<ref>[https://www.lemonde.fr/afrique/article/2025/12/15/le-mak-annonce-l-independance-de-la-kabylie-depuis-paris_6657702_3212.html ''Le Monde'', 15 décembre 2025.]</ref>

== Déclaration du 14 décembre 2025 ==

Le '''14 décembre 2025''', lors d'une cérémonie organisée à Paris, le MAK annonce symboliquement l'« indépendance de la Kabylie ». Ferhat Mehenni préside la cérémonie et proclame l'indépendance au nom du mouvement devant plusieurs centaines de participants.<ref>[https://www.lemonde.fr/afrique/article/2025/12/15/le-mak-annonce-l-independance-de-la-kabylie-depuis-paris_6657702_3212.html « Le MAK annonce l'indépendance de la Kabylie à Paris »], ''Le Monde'', 15 décembre 2025.</ref>

Cette proclamation n'emporte pas de reconnaissance internationale de la Kabylie comme État souverain. Elle constitue un acte politique unilatéral du MAK et de ses institutions en exil.

''Le Monde'' souligne par ailleurs que l'audience réelle du MAK en Kabylie et au sein de la diaspora demeure difficile à mesurer et que l'existence d'un sentiment autonomiste en Kabylie ne signifie pas nécessairement une adhésion au projet indépendantiste du mouvement.<ref>[https://www.lemonde.fr/afrique/article/2025/12/15/le-mak-annonce-l-independance-de-la-kabylie-depuis-paris_6657702_3212.html ''Le Monde'', 15 décembre 2025.]</ref>

== Vie personnelle ==

Ferhat Mehenni est le père d'[[Ameziane Mehenni]]. Ce dernier, âgé de 30 ans, est mort après avoir été poignardé à Paris dans la nuit du 18 au 19 juin 2004. La Brigade criminelle de Paris avait lancé un appel à témoins dans le cadre de l'enquête.<ref>[https://www.20minutes.fr/paris/32400-20040624-paris-la-police-recherche-des-temoins « La police recherche des témoins »], ''20 Minutes'', 24 juin 2004.</ref>

== Publications ==

Ferhat Mehenni est également auteur de plusieurs ouvrages consacrés notamment à la Kabylie, à la question identitaire et à son parcours.

Parmi ses publications figurent notamment :

* ''Algérie : la question kabyle'' ;
* ''Le Siècle identitaire : la fin des États postcoloniaux'' ;
* ''Noël en otage''.

La BnF référence notamment ''Algérie : la question kabyle'' parmi les œuvres utilisées pour établir sa notice d'autorité.<ref>[https://catalogue.bnf.fr/ark:/12148/cb13195117t BnF, notice « Ferhat »].</ref> ''Le Siècle identitaire'' et ''Noël en otage'' sont également répertoriés dans les catalogues de librairie français.<ref>[https://www.fnac.com/ia522685/Ferhat-Mehenni « Ferhat Mehenni : tous les produits »], Fnac.</ref>

== Discographie sélective ==

* ''Chants révolutionnaires de Kabylie''
* ''Chants berbères de lutte et d'espoir''
* ''Itmurt n leqbayel''
* ''Chants d'acier... d'amour et de liberté''

<small>Cette liste est à compléter à partir de catalogues discographiques et de sources bibliographiques fiables.</small>

== Positions et réception ==

Ferhat Mehenni est une personnalité fortement clivante. Ses partisans le présentent comme un défenseur de l'identité kabyle, de la langue amazighe et du droit à l'autodétermination. Ses opposants lui reprochent son projet séparatiste et certaines orientations diplomatiques ou alliances recherchées par le MAK.

L'influence réelle du MAK en Kabylie est difficile à mesurer. En 2025, ''Le Monde'' décrit le mouvement comme disposant de relais dans la diaspora et d'une présence militante, tout en soulignant qu'il reste difficile d'évaluer précisément son audience sur le territoire kabyle.<ref>[https://www.lemonde.fr/afrique/article/2025/08/03/en-algerie-le-mouvement-pour-l-autodetermination-de-la-kabylie-bete-noire-du-regime-en-quete-de-soutiens-etrangers_6626398_3212.html ''Le Monde'', 3 août 2025.]</ref>

== Voir aussi ==

* [[Kabylie]]
* [[Histoire de la Kabylie]]
* [[Mouvement culturel berbère]]
* [[Printemps berbère]]
* [[Printemps noir]]
* [[Mouvement pour l'autodétermination de la Kabylie]]
* [[Anavad]]
* [[Indépendantisme kabyle]]
* [[Autodétermination de la Kabylie]]
* [[Lounès Matoub]]
* [[Mouloud Mammeri]]

== Références ==

<references />

== Liens externes ==

* [https://catalogue.bnf.fr/ark:/12148/cb13195117t Notice de Ferhat Mehenni] — Bibliothèque nationale de France
* [https://www.kabylie-gouv.org/anavad-2/ Portail de l'Anavad]

[[Catégorie:Personnalité kabyle]]
[[Catégorie:Chanteur kabyle]]
[[Catégorie:Militant kabyle]]
[[Catégorie:Personnalité politique kabyle]]
[[Catégorie:Personnalité du mouvement culturel berbère]]
[[Catégorie:Indépendantisme kabyle]]
[[Catégorie:Naissance en 1951]]
[[Catégorie:Naissance en Kabylie]]

2026-08-08T23:51:25Z

Wikikab : Wikikab a modifié le modèle de contenu de la page Accueil de « wikicode » en « CSS »

Fichier:Ferhat-Mehenni.jpg

2026-08-08T23:15:05Z

Wikikab : Ferhat Mehenni

== Description ==
Ferhat Mehenni

Modèle:Infobox personnalité politique/styles.css

2026-08-08T23:09:30Z

Wikikab : Page créée avec « .wk-infobox { width: 320px; float: right; clear: right; margin: 0 0 24px 28px; overflow: hidden; border: 1px solid #dfe5ea; border-radius: 16px; background: #fff; color: #263b4d; font-size: 13px; line-height: 1.45; } .wk-infobox-header { padding: 22px 22px 18px; border-bottom: 1px solid #dfe5ea; background: #f7fafc; } .wk-infobox-kicker { margin-bottom: 6px; color: #267a50; font-size: 10px; font-weight: 800; letter-spacing:... »

.wk-infobox {
width: 320px;
float: right;
clear: right;
margin: 0 0 24px 28px;
overflow: hidden;
border: 1px solid #dfe5ea;
border-radius: 16px;
background: #fff;
color: #263b4d;
font-size: 13px;
line-height: 1.45;
}

.wk-infobox-header {
padding: 22px 22px 18px;
border-bottom: 1px solid #dfe5ea;
background: #f7fafc;
}

.wk-infobox-kicker {
margin-bottom: 6px;
color: #267a50;
font-size: 10px;
font-weight: 800;
letter-spacing: .12em;
}

.wk-infobox-name {
color: #13283d;
font-family: Georgia, "Times New Roman", serif;
font-size: 26px;
font-weight: 700;
line-height: 1.1;
}

.wk-infobox-subtitle {
margin-top: 6px;
color: #718091;
font-size: 12px;
}

.wk-infobox-image {
padding: 14px 14px 10px;
text-align: center;
background: #fff;
}

.wk-infobox-image img,
.wk-infobox-image .mw-file-element {
max-width: 100%;
height: auto;
border-radius: 10px;
}

.wk-infobox-caption {
margin-top: 8px;
color: #718091;
font-size: 11px;
line-height: 1.4;
}

.wk-infobox-section-title {
padding: 10px 16px;
border-top: 1px solid #dfe5ea;
border-bottom: 1px solid #dfe5ea;
background: #f3f7f9;
color: #0b5fa8;
font-size: 10px;
font-weight: 800;
letter-spacing: .1em;
}

.wk-infobox-data {
background: #fff;
}

.wk-infobox-row {
display: grid;
grid-template-columns: 38% 62%;
border-bottom: 1px solid #eef1f3;
}

.wk-infobox-row:last-child {
border-bottom: 0;
}

.wk-infobox-label {
padding: 10px 8px 10px 16px;
color: #6c7b88;
font-size: 11px;
font-weight: 700;
}

.wk-infobox-value {
padding: 10px 16px 10px 8px;
overflow-wrap: anywhere;
}

.wk-infobox-row-featured {
background: #f7fbff;
}

.wk-infobox-muted {
color: #718091;
font-size: 11px;
}

.wk-infobox a {
text-decoration: none;
}

@media (max-width: 720px) {
.wk-infobox {
width: 100%;
float: none;
margin: 0 0 28px;
}
}

Ferhat Mehenni

2026-08-08T23:08:34Z

Wikikab :

{{Infobox personnalité politique
| nom = Ferhat Mehenni
| nom_naissance = Ferhat Mehenni
| image = Ferhat-Mehenni.jpg
| taille_image = 300px
| alt_image = Portrait de Ferhat Mehenni
| legende = Ferhat Mehenni lors d'une intervention publique.
| date_naissance = 5 mars 1951
| lieu_naissance = [[Illoula Oumalou]], [[Kabylie]]
| nationalite = À renseigner selon les sources
| origine = [[Kabylie]]
| residence = France
| profession = Chanteur, auteur-compositeur, militant politique
| formation = Sciences politiques
| fonction = Président du [[Mouvement pour l'autodétermination de la Kabylie|MAK]]
| debut_fonction = À renseigner
| fonction1 = Président de l'[[Anavad]]
| periode1 = Depuis 2010
| mouvement = [[Mouvement pour l'autodétermination de la Kabylie|MAK]]
| ideologie = Autodétermination, indépendantisme kabyle
| organisation = [[Anavad]]
| activite_artistique = Chanson kabyle, chanson engagée
| ouvrages =
* ''Algérie : la question kabyle''
* ''Le Siècle identitaire''
* ''Noël en otage''
| oeuvres =
* ''Chants révolutionnaires de Kabylie''
* ''Itmurt n Leqbayel''
| distinctions =
| site_web =
}}

'''Ferhat Mehenni''' est un chanteur, auteur-compositeur et militant politique kabyle...
__NOTOC__

'''Ferhat Mehenni''', également connu sous le nom artistique de '''Ferhat Imazighen Imula''', né le {{date|5|mars|1951}} à [[Illoula Oumalou]], en [[Kabylie]], est un chanteur, auteur, compositeur et militant politique kabyle.<ref>[https://catalogue.bnf.fr/ark:/12148/cb13195117t « Ferhat (1951-....) »], Bibliothèque nationale de France.</ref>

Figure du mouvement culturel berbère à partir des années 1970, il devient ensuite l'une des principales personnalités du courant autonomiste puis indépendantiste kabyle. Il est le fondateur du [[Mouvement pour l'autodétermination de la Kabylie]] (MAK), créé dans le contexte du [[Printemps noir]] de 2001, et préside également le gouvernement provisoire kabyle en exil, généralement appelé [[Anavad]].<ref>[https://www.lemonde.fr/afrique/article/2025/08/03/en-algerie-le-mouvement-pour-l-autodetermination-de-la-kabylie-bete-noire-du-regime-en-quete-de-soutiens-etrangers_6626398_3212.html « En Algérie, le Mouvement pour l'autodétermination de la Kabylie, bête noire du régime, en quête de soutiens étrangers »], ''Le Monde'', 3 août 2025.</ref><ref>[https://www.kabylie-gouv.org/anavad-2/ « Le gouvernement »], portail de l'Anavad.</ref>

Le parcours et les positions politiques de Ferhat Mehenni font l'objet de fortes controverses. Depuis 2021, les autorités algériennes classent le MAK parmi les « organisations terroristes », qualification rejetée par le mouvement et son dirigeant.<ref>[https://www.lemonde.fr/afrique/article/2025/08/03/en-algerie-le-mouvement-pour-l-autodetermination-de-la-kabylie-bete-noire-du-regime-en-quete-de-soutiens-etrangers_6626398_3212.html ''Le Monde'', 3 août 2025.]</ref>

== Biographie ==

=== Naissance et formation ===

Ferhat Mehenni naît le '''5 mars 1951''' à [[Illoula Oumalou]], dans l'actuelle wilaya de [[Tizi Ouzou]]. La Bibliothèque nationale de France le répertorie comme auteur et interprète, écrivant également en kabyle, et le présente comme poète, compositeur et chanteur kabyle.<ref>[https://catalogue.bnf.fr/ark:/12148/cb13195117t Notice d'autorité « Ferhat (1951-....) »], Bibliothèque nationale de France.</ref>

Il suit des études de sciences politiques à l'[[Université d'Alger]]. Son parcours universitaire se déroule à une période où les questions de langue, d'identité amazighe et de pluralisme culturel prennent une place croissante dans les mobilisations intellectuelles et étudiantes kabyles.

=== Carrière artistique ===

Ferhat Mehenni se fait connaître dans les années 1970 comme chanteur engagé, notamment sous le nom de '''Ferhat Imazighen Imula'''. Ses chansons abordent régulièrement la culture kabyle, la langue amazighe, la liberté, les luttes politiques et l'identité.

La Bibliothèque nationale de France le décrit comme '''poète, compositeur et chanteur kabyle'''.<ref>[https://catalogue.bnf.fr/ark:/12148/cb13195117t BnF, notice de personne « Ferhat »].</ref>

Plusieurs enregistrements attribués à Ferhat Mehenni sont diffusés à partir de la fin des années 1970 et au cours des décennies suivantes. Parmi les titres et albums disponibles dans les catalogues musicaux figurent notamment ''Chants révolutionnaires de Kabylie'', ''Chants berbères de lutte et d'espoir'', ''Itmurt n leqbayel'' et ''Chants d'acier... d'amour et de liberté''.<ref>[https://music.apple.com/fr/artist/ferhat/78906628 « Ferhat »], Apple Music.</ref><ref>[https://www.muziekweb.nl/en/Link/M00000144815/POPULAR/Ferhat-Mehenni « Ferhat Mehenni »], Muziekweb.</ref>

== Engagement culturel et politique ==

=== Mouvement culturel berbère ===

Ferhat Mehenni participe au mouvement de revendication culturelle amazighe et kabyle. La Bibliothèque nationale de France indique qu'il a notamment dirigé la '''Coordination nationale du Mouvement culturel berbère''' ainsi que le '''Rassemblement national amazigh'''.<ref>[https://catalogue.bnf.fr/ark:/12148/cb13195117t BnF, notice de personne « Ferhat »].</ref>

Son engagement s'inscrit dans le prolongement des mobilisations pour la reconnaissance de la langue et de la culture amazighes, particulièrement importantes en Kabylie à partir du [[Printemps berbère]] de 1980.

=== Création du MAK ===

À la suite du [[Printemps noir]] de 2001, Ferhat Mehenni participe à la création du '''Mouvement pour l'autonomie de la Kabylie''', devenu par la suite '''Mouvement pour l'autodétermination de la Kabylie''' (MAK).

Selon ''Le Monde'', le mouvement est créé en juin 2001 dans le contexte des violences du Printemps noir. Il défend d'abord l'autonomie de la Kabylie avant d'évoluer vers l'autodétermination puis l'indépendance.<ref>[https://www.lemonde.fr/afrique/article/2025/12/15/le-mak-annonce-l-independance-de-la-kabylie-depuis-paris_6657702_3212.html « Le MAK annonce l'indépendance de la Kabylie à Paris »], ''Le Monde'', 15 décembre 2025.</ref>

Ferhat Mehenni devient l'une des principales figures et le président du mouvement.

=== Anavad ===

En 2010 est constitué en France un '''gouvernement provisoire kabyle en exil''', appelé [[Anavad]], présidé par Ferhat Mehenni.<ref>[https://www.lemonde.fr/afrique/article/2025/12/15/le-mak-annonce-l-independance-de-la-kabylie-depuis-paris_6657702_3212.html ''Le Monde'', 15 décembre 2025.]</ref>

Le portail officiel de l'Anavad présente toujours Ferhat Mehenni comme son président.<ref>[https://www.kabylie-gouv.org/anavad-2/ « Le Président »], portail de l'Anavad, consulté en 2026.</ref>

=== Évolution vers l'indépendantisme ===

Le MAK évolue progressivement d'une revendication autonomiste vers une revendication indépendantiste. Selon ''Le Monde'', le mouvement se radicalise politiquement à partir des années 2010 en défendant l'autodétermination puis l'indépendance de la Kabylie.<ref>[https://www.lemonde.fr/afrique/article/2025/12/15/le-mak-annonce-l-independance-de-la-kabylie-depuis-paris_6657702_3212.html ''Le Monde'', 15 décembre 2025.]</ref>

Ferhat Mehenni présente cette démarche comme une lutte politique pacifique fondée sur le droit des peuples à disposer d'eux-mêmes. Les autorités algériennes et les opposants au mouvement considèrent au contraire le projet indépendantiste comme une atteinte à l'unité territoriale de l'Algérie.<ref>[https://www.lemonde.fr/afrique/article/2025/08/03/en-algerie-le-mouvement-pour-l-autodetermination-de-la-kabylie-bete-noire-du-regime-en-quete-de-soutiens-etrangers_6626398_3212.html ''Le Monde'', 3 août 2025.]</ref>

== Relations avec les autorités algériennes ==

=== Classement du MAK par l'Algérie ===

Le '''18 mai 2021''', le Haut Conseil de sécurité algérien décide de classer le MAK et le mouvement Rachad sur la liste algérienne des « organisations terroristes ». La décision est motivée par les autorités par des accusations d'actions visant à déstabiliser le pays et à porter atteinte à sa sécurité.<ref>[https://www.agenceafrique.com/29033-lalgerie-classe-mak-et-rachad-sur-la-liste-des-organisations-terroristes.html « L'Algérie classe MAK et Rachad sur la liste des organisations terroristes »], Agence Afrique, 19 mai 2021.</ref>

Le MAK et Ferhat Mehenni rejettent cette qualification et affirment défendre une stratégie politique pacifique.<ref>[https://www.lemonde.fr/afrique/article/2025/08/03/en-algerie-le-mouvement-pour-l-autodetermination-de-la-kabylie-bete-noire-du-regime-en-quete-de-soutiens-etrangers_6626398_3212.html ''Le Monde'', 3 août 2025.]</ref>

Dans une encyclopédie, cette qualification doit donc être présentée comme '''la position officielle de l'État algérien''' et non comme une caractérisation générale du mouvement.

=== Exil en France ===

Ferhat Mehenni vit en France. En 2025, ''Le Monde'' indique qu'il bénéficie du statut de réfugié politique et qu'il dirige depuis la France le MAK ainsi que le gouvernement kabyle en exil.<ref>[https://www.lemonde.fr/afrique/article/2025/12/15/le-mak-annonce-l-independance-de-la-kabylie-depuis-paris_6657702_3212.html ''Le Monde'', 15 décembre 2025.]</ref>

== Déclaration du 14 décembre 2025 ==

Le '''14 décembre 2025''', lors d'une cérémonie organisée à Paris, le MAK annonce symboliquement l'« indépendance de la Kabylie ». Ferhat Mehenni préside la cérémonie et proclame l'indépendance au nom du mouvement devant plusieurs centaines de participants.<ref>[https://www.lemonde.fr/afrique/article/2025/12/15/le-mak-annonce-l-independance-de-la-kabylie-depuis-paris_6657702_3212.html « Le MAK annonce l'indépendance de la Kabylie à Paris »], ''Le Monde'', 15 décembre 2025.</ref>

Cette proclamation n'emporte pas de reconnaissance internationale de la Kabylie comme État souverain. Elle constitue un acte politique unilatéral du MAK et de ses institutions en exil.

''Le Monde'' souligne par ailleurs que l'audience réelle du MAK en Kabylie et au sein de la diaspora demeure difficile à mesurer et que l'existence d'un sentiment autonomiste en Kabylie ne signifie pas nécessairement une adhésion au projet indépendantiste du mouvement.<ref>[https://www.lemonde.fr/afrique/article/2025/12/15/le-mak-annonce-l-independance-de-la-kabylie-depuis-paris_6657702_3212.html ''Le Monde'', 15 décembre 2025.]</ref>

== Vie personnelle ==

Ferhat Mehenni est le père d'[[Ameziane Mehenni]]. Ce dernier, âgé de 30 ans, est mort après avoir été poignardé à Paris dans la nuit du 18 au 19 juin 2004. La Brigade criminelle de Paris avait lancé un appel à témoins dans le cadre de l'enquête.<ref>[https://www.20minutes.fr/paris/32400-20040624-paris-la-police-recherche-des-temoins « La police recherche des témoins »], ''20 Minutes'', 24 juin 2004.</ref>

== Publications ==

Ferhat Mehenni est également auteur de plusieurs ouvrages consacrés notamment à la Kabylie, à la question identitaire et à son parcours.

Parmi ses publications figurent notamment :

* ''Algérie : la question kabyle'' ;
* ''Le Siècle identitaire : la fin des États postcoloniaux'' ;
* ''Noël en otage''.

La BnF référence notamment ''Algérie : la question kabyle'' parmi les œuvres utilisées pour établir sa notice d'autorité.<ref>[https://catalogue.bnf.fr/ark:/12148/cb13195117t BnF, notice « Ferhat »].</ref> ''Le Siècle identitaire'' et ''Noël en otage'' sont également répertoriés dans les catalogues de librairie français.<ref>[https://www.fnac.com/ia522685/Ferhat-Mehenni « Ferhat Mehenni : tous les produits »], Fnac.</ref>

== Discographie sélective ==

* ''Chants révolutionnaires de Kabylie''
* ''Chants berbères de lutte et d'espoir''
* ''Itmurt n leqbayel''
* ''Chants d'acier... d'amour et de liberté''

<small>Cette liste est à compléter à partir de catalogues discographiques et de sources bibliographiques fiables.</small>

== Positions et réception ==

Ferhat Mehenni est une personnalité fortement clivante. Ses partisans le présentent comme un défenseur de l'identité kabyle, de la langue amazighe et du droit à l'autodétermination. Ses opposants lui reprochent son projet séparatiste et certaines orientations diplomatiques ou alliances recherchées par le MAK.

L'influence réelle du MAK en Kabylie est difficile à mesurer. En 2025, ''Le Monde'' décrit le mouvement comme disposant de relais dans la diaspora et d'une présence militante, tout en soulignant qu'il reste difficile d'évaluer précisément son audience sur le territoire kabyle.<ref>[https://www.lemonde.fr/afrique/article/2025/08/03/en-algerie-le-mouvement-pour-l-autodetermination-de-la-kabylie-bete-noire-du-regime-en-quete-de-soutiens-etrangers_6626398_3212.html ''Le Monde'', 3 août 2025.]</ref>

== Voir aussi ==

* [[Kabylie]]
* [[Histoire de la Kabylie]]
* [[Mouvement culturel berbère]]
* [[Printemps berbère]]
* [[Printemps noir]]
* [[Mouvement pour l'autodétermination de la Kabylie]]
* [[Anavad]]
* [[Indépendantisme kabyle]]
* [[Autodétermination de la Kabylie]]
* [[Lounès Matoub]]
* [[Mouloud Mammeri]]

== Références ==

<references />

== Liens externes ==

* [https://catalogue.bnf.fr/ark:/12148/cb13195117t Notice de Ferhat Mehenni] — Bibliothèque nationale de France
* [https://www.kabylie-gouv.org/anavad-2/ Portail de l'Anavad]

[[Catégorie:Personnalité kabyle]]
[[Catégorie:Chanteur kabyle]]
[[Catégorie:Militant kabyle]]
[[Catégorie:Personnalité politique kabyle]]
[[Catégorie:Personnalité du mouvement culturel berbère]]
[[Catégorie:Indépendantisme kabyle]]
[[Catégorie:Naissance en 1951]]
[[Catégorie:Naissance en Kabylie]]

Modèle:Infobox personnalité politique

2026-08-08T23:07:38Z

Wikikab : Page créée avec « <templatestyles src="Infobox personnalité politique/styles.css" /> <div class="wk-infobox wk-infobox-politique"> <div class="wk-infobox-header"> <div class="wk-infobox-kicker">PERSONNALITÉ POLITIQUE</div> <div class="wk-infobox-name">{{{nom|{{PAGENAME}}}}}</div> {{#if:{{{nom_naissance|}}}|<div class="wk-infobox-subtitle">{{{nom_naissance}}}</div>}} </div> {{#if:{{{image|}}}| <div class="wk-infobox-image"> Fichier:{{{image}}}|{{{taille_image|300px}}}|... »

MediaWiki:Common.css

2026-08-08T22:25:02Z

Wikikab :

/* ==========================================================
WIKIKABYLIE — HERO
========================================================== */

.wk-hero {
position: relative;

min-height: 560px;

display: flex;
flex-direction: column;
justify-content: space-between;

overflow: hidden;

border-radius: 0 0 28px 28px;

background:
linear-gradient(
90deg,
rgba(248, 251, 253, .99) 0%,
rgba(248, 251, 253, .96) 34%,
rgba(248, 251, 253, .76) 52%,
rgba(13, 42, 67, .15) 75%,
rgba(13, 42, 67, .28) 100%
),
url("/images/Kabylie-paysage.jpg")
center 45% / cover no-repeat;

box-shadow:
0 18px 55px rgba(16, 42, 65, .10);
}

/* léger halo lumineux */

.wk-hero::after {
position: absolute;
inset: 0;

pointer-events: none;

background:
radial-gradient(
circle at 75% 15%,
rgba(255, 194, 80, .15),
transparent 30%
);

content: "";
}

/* CONTENU */

.wk-hero-content {
position: relative;
z-index: 2;

width: min(680px, 70%);

padding:
72px
64px
45px;
}

/* SURTITRE */

.wk-eyebrow {
display: flex;
align-items: center;

gap: 9px;

margin-bottom: 19px;

color: #267a50;

font-size: 11px;
font-weight: 800;

letter-spacing: .15em;
}

.wk-eyebrow-symbol {
display: inline-flex;

align-items: center;
justify-content: center;

width: 28px;
height: 28px;

border-radius: 50%;

color: #fff;

background: #267a50;

font-size: 15px;

letter-spacing: 0;
}

/* MARQUE */

.wk-hero-brand {
margin-bottom: 9px;

color: #0a568f;

font-size: 18px;
font-weight: 800;

letter-spacing: -.02em;
}

/* TITRE */

.wk-hero-title {
max-width: 670px;

margin: 0;

color: #122d46;

font-family:
Georgia,
"Times New Roman",
serif;

font-size:
clamp(43px, 5.3vw, 70px);

font-weight: 700;

line-height: 1.03;

letter-spacing: -.045em;
}

/* DESCRIPTION */

.wk-hero-description {
max-width: 610px;

margin:
24px
0
0;

color: #465b6d;

font-size: 16px;
line-height: 1.7;
}

/* BOUTONS */

.wk-actions {
display: flex;
flex-wrap: wrap;

gap: 11px;

margin-top: 29px;
}

.wk-btn {
display: inline-flex;

min-height: 47px;

align-items: center;
justify-content: center;

padding:
0
22px;

border-radius: 10px;

font-size: 14px;
font-weight: 750;

transition:
transform .18s ease,
box-shadow .18s ease,
background-color .18s ease;
}

.wk-btn a {
color: inherit !important;
text-decoration: none !important;
}

.wk-btn:hover {
transform: translateY(-2px);
}

/* bouton principal */

.wk-btn-primary {
color: #fff;

background: #075da8;

box-shadow:
0 8px 22px rgba(7, 93, 168, .22);
}

.wk-btn-primary:hover {
background: #064e8d;
}

/* bouton secondaire */

.wk-btn-secondary {
color: #163d5d;

border:
1px solid rgba(12, 72, 118, .15);

background:
rgba(255, 255, 255, .84);

backdrop-filter: blur(10px);
}

/* LIENS RAPIDES */

.wk-hero-links {
display: flex;
flex-wrap: wrap;

gap: 8px;

margin-top: 24px;

color: #708090;

font-size: 12px;
font-weight: 600;
}

.wk-hero-links a {
color: #526c80 !important;
}

.wk-hero-links a:hover {
color: #075da8 !important;
}

/* ==========================================================
STATISTIQUES
========================================================== */

.wk-hero-facts {
position: relative;
z-index: 3;

display: grid;

width: min(760px, 72%);

grid-template-columns:
repeat(4, 1fr);

margin-left: 45px;

overflow: hidden;

border:
1px solid rgba(255, 255, 255, .75);

border-bottom: 0;

border-radius:
17px
17px
0
0;

background:
rgba(255, 255, 255, .93);

box-shadow:
0 -8px 35px rgba(16, 42, 65, .07);

backdrop-filter: blur(15px);
}

.wk-hero-fact {
padding:
17px
22px;

border-right:
1px solid #e4e9ed;
}

.wk-hero-fact:last-child {
border-right: 0;
}

.wk-hero-fact strong {
display: block;

color: #142d44;

font-family:
Georgia,
"Times New Roman",
serif;

font-size: 22px;
}

.wk-hero-fact span {
display: block;

margin-top: 2px;

color: #758493;

font-size: 10px;
font-weight: 750;

letter-spacing: .08em;

text-transform: uppercase;
}

/* ==========================================================
TABLETTE
========================================================== */

@media (max-width: 1000px) {

.wk-hero-content {
width: 76%;

padding-left: 42px;
padding-right: 42px;
}

.wk-hero-facts {
width: calc(100% - 60px);

margin-left: 30px;
}

}

/* ==========================================================
MOBILE
========================================================== */

@media (max-width: 700px) {

.wk-hero {
min-height: 680px;

border-radius:
0
0
20px
20px;

background:
linear-gradient(
rgba(248, 251, 253, .95),
rgba(248, 251, 253, .86)
),
url("/images/Kabylie-paysage.jpg")
center / cover no-repeat;
}

.wk-hero-content {
width: 100%;

padding:
42px
22px
35px;
}

.wk-hero-title {
font-size: 43px;
}

.wk-hero-description {
font-size: 15px;
}

.wk-eyebrow {
font-size: 9px;
}

.wk-actions {
align-items: stretch;
flex-direction: column;
}

.wk-btn {
width: 100%;
}

.wk-hero-links {
line-height: 1.8;
}

.wk-hero-facts {
width:
calc(100% - 24px);

grid-template-columns:
repeat(2, 1fr);

margin-left: 12px;

border-radius:
15px
15px
0
0;
}

.wk-hero-fact {
padding:
14px
12px;

border-bottom:
1px solid #e4e9ed;
}

.wk-hero-fact strong {
font-size: 19px;
}

}
/* ============================================================
WikiKabylie — Homepage UI
Modern editorial design / Vector 2022 friendly
============================================================ */

:root {
--wk-blue: #0b5fa8;
--wk-blue-deep: #083b68;
--wk-green: #258052;
--wk-green-deep: #195e3c;
--wk-gold: #d49a1f;
--wk-red: #c95b3c;

--wk-ink: #13283d;
--wk-text: #33495d;
--wk-muted: #718091;
--wk-line: #e5e9ee;
--wk-soft: #f6f8fa;
--wk-white: #fff;

--wk-radius-xl: 28px;
--wk-radius-lg: 20px;
--wk-radius-md: 14px;
--wk-shadow: 0 16px 50px rgba(25, 47, 71, .08);
}

/* ---- Base -------------------------------------------------- */
.wk-home {
width: min(100%, 1480px);
margin: 0 auto;
color: var(--wk-text);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.58;
}

.wk-home,
.wk-home * {
box-sizing: border-box;
}

.wk-home a {
text-decoration: none;
}

.wk-home h1,
.wk-home h2,
.wk-home h3 {
margin-top: 0;
color: var(--wk-ink);
font-family: Georgia, "Times New Roman", serif;
letter-spacing: -.02em;
}

.wk-home p {
margin-top: 0;
}

.wk-section {
padding: 72px 20px 0;
}

.wk-section-tight {
padding-top: 58px;
}

.wk-soft-section {
margin-top: 72px;
padding: 68px 28px 32px;
border: 1px solid #edf0f3;
border-radius: var(--wk-radius-xl);
background: linear-gradient(180deg, #fbfcfd, #f6f8fa);
}

/* ---- Hero -------------------------------------------------- */
.wk-hero {
position: relative;
min-height: 590px;
overflow: hidden;
border-radius: 0 0 var(--wk-radius-xl) var(--wk-radius-xl);
background:
linear-gradient(90deg,
rgba(246, 250, 253, .99) 0%,
rgba(246, 250, 253, .96) 35%,
rgba(246, 250, 253, .70) 51%,
rgba(8, 39, 64, .10) 73%,
rgba(8, 39, 64, .26) 100%),
url("/images/Kabylie-paysage.jpg") center 43% / cover no-repeat;
box-shadow: 0 18px 55px rgba(17, 44, 70, .10);
}

.wk-hero::after {
position: absolute;
inset: 0;
pointer-events: none;
content: "";
background:
linear-gradient(120deg, rgba(11,95,168,.025), transparent 38%),
radial-gradient(circle at 82% 20%, rgba(212,154,31,.14), transparent 24%);
}

.wk-hero-inner {
position: relative;
z-index: 1;
display: flex;
min-height: 590px;
flex-direction: column;
justify-content: space-between;
}

.wk-hero-copy {
width: min(670px, 70%);
padding: 82px 72px 40px;
}

.wk-eyebrow,
.wk-kicker {
display: inline-block;
color: var(--wk-green);
font-size: 11px;
font-weight: 800;
letter-spacing: .18em;
text-transform: uppercase;
}

.wk-hero h1 {
margin: 17px 0 8px;
color: var(--wk-blue-deep);
font-family: inherit;
font-size: 20px;
font-weight: 800;
letter-spacing: -.015em;
}

.wk-hero-title {
max-width: 630px;
color: #102840;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(42px, 5.6vw, 72px);
font-weight: 700;
line-height: 1.03;
letter-spacing: -.045em;
}

.wk-hero-lead {
max-width: 610px;
margin: 24px 0 0;
color: #3d5062;
font-size: 17px;
line-height: 1.7;
}

.wk-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 28px;
}

.wk-btn {
display: inline-flex;
min-height: 46px;
align-items: center;
justify-content: center;
padding: 0 21px;
border-radius: 10px;
font-size: 14px;
font-weight: 750;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.wk-btn a {
color: inherit !important;
}

.wk-btn:hover {
transform: translateY(-2px);
}

.wk-btn-primary {
color: #fff;
background: var(--wk-blue);
box-shadow: 0 8px 24px rgba(11,95,168,.20);
}

.wk-btn-soft {
color: var(--wk-blue-deep);
border: 1px solid rgba(11,95,168,.16);
background: rgba(255,255,255,.82);
backdrop-filter: blur(10px);
}

.wk-btn-white {
color: var(--wk-blue-deep);
background: #fff;
}

.wk-btn-outline-white {
color: #fff;
border: 1px solid rgba(255,255,255,.38);
background: rgba(255,255,255,.05);
}

.wk-hero-meta {
display: flex;
flex-wrap: wrap;
gap: 8px 18px;
margin-top: 24px;
color: #617182;
font-size: 12px;
font-weight: 650;
}

.wk-hero-meta span::before {
display: inline-block;
width: 6px;
height: 6px;
margin: 0 8px 1px 0;
border-radius: 50%;
background: var(--wk-green);
content: "";
}

.wk-hero-stats {
display: grid;
width: min(780px, 72%);
grid-template-columns: repeat(4, 1fr);
margin: 0 0 0 48px;
overflow: hidden;
border: 1px solid rgba(255,255,255,.74);
border-bottom: 0;
border-radius: 18px 18px 0 0;
background: rgba(255,255,255,.92);
box-shadow: 0 -8px 35px rgba(21,45,66,.08);
backdrop-filter: blur(14px);
}

.wk-stat {
padding: 18px 24px;
border-right: 1px solid var(--wk-line);
}

.wk-stat:last-child {
border-right: 0;
}

.wk-stat strong,
.wk-stat span {
display: block;
}

.wk-stat strong {
color: var(--wk-ink);
font-family: Georgia, "Times New Roman", serif;
font-size: 22px;
}

.wk-stat span {
margin-top: 2px;
color: var(--wk-muted);
font-size: 11px;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
}

/* ---- Section headings ------------------------------------- */
.wk-section-heading {
display: flex;
align-items: end;
justify-content: space-between;
gap: 30px;
margin-bottom: 26px;
}

.wk-section-heading h2 {
margin: 7px 0 7px;
font-size: clamp(28px, 3.3vw, 42px);
line-height: 1.1;
}

.wk-section-heading p {
max-width: 760px;
margin-bottom: 0;
color: var(--wk-muted);
}

.wk-heading-action {
padding-bottom: 5px;
white-space: nowrap;
font-size: 13px;
font-weight: 750;
}

/* ---- Topic cards ------------------------------------------ */
.wk-topic-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
}

.wk-topic-card {
position: relative;
display: grid;
min-height: 215px;
grid-template-columns: auto 1fr;
gap: 16px;
padding: 24px 24px 20px;
overflow: hidden;
border: 1px solid var(--wk-line);
border-radius: var(--wk-radius-lg);
background: #fff;
box-shadow: 0 6px 20px rgba(15,41,66,.025);
transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.wk-topic-card:hover {
transform: translateY(-4px);
border-color: #d5dce3;
box-shadow: var(--wk-shadow);
}

.wk-topic-card::after {
position: absolute;
right: -42px;
bottom: -42px;
width: 120px;
height: 120px;
border-radius: 50%;
content: "";
opacity: .055;
}

.wk-accent-blue::after { background: var(--wk-blue); }
.wk-accent-green::after { background: var(--wk-green); }
.wk-accent-gold::after { background: var(--wk-gold); }
.wk-accent-red::after { background: var(--wk-red); }

.wk-topic-icon {
display: flex;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
border: 1px solid var(--wk-line);
border-radius: 12px;
background: var(--wk-soft);
color: var(--wk-ink);
font-family: Georgia, "Times New Roman", serif;
font-weight: 800;
}

.wk-topic-label {
display: block;
margin-bottom: 5px;
color: var(--wk-muted);
font-size: 10px;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
}

.wk-topic-card h3 {
margin-bottom: 9px;
font-size: 19px;
line-height: 1.18;
}

.wk-topic-card p {
margin-bottom: 0;
color: var(--wk-muted);
font-size: 13px;
line-height: 1.55;
}

.wk-topic-arrow {
position: absolute;
right: 20px;
bottom: 17px;
font-weight: 800;
}

/* ---- Editorial / feature --------------------------------- */
.wk-editorial-grid {
display: grid;
grid-template-columns: minmax(0, 1.75fr) minmax(310px, .75fr);
gap: 16px;
}

.wk-feature {
display: grid;
min-height: 510px;
grid-template-rows: 1.18fr .82fr;
overflow: hidden;
border: 1px solid var(--wk-line);
border-radius: var(--wk-radius-xl);
background: #fff;
}

.wk-feature-media {
min-height: 300px;
overflow: hidden;
background: #e9eef2;
}

.wk-feature-media .mw-file-element,
.wk-feature-media img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}

.wk-feature-copy {
padding: 30px 34px 34px;
}

.wk-feature-copy h2 {
margin: 12px 0 10px;
font-size: 34px;
}

.wk-feature-copy p {
max-width: 760px;
color: var(--wk-muted);
}

.wk-pill {
display: inline-block;
padding: 5px 8px;
border-radius: 6px;
font-size: 9px;
font-weight: 850;
letter-spacing: .11em;
}

.wk-pill-blue { color: var(--wk-blue); background: #eaf4fb; }
.wk-pill-green { color: var(--wk-green-deep); background: #ebf6ef; }
.wk-pill-gold { color: #8a6111; background: #fff5d8; }
.wk-pill-red { color: #9b432d; background: #fff0eb; }

.wk-text-link {
margin-top: 16px;
font-size: 13px;
font-weight: 800;
}

.wk-news-stack {
display: grid;
gap: 14px;
}

.wk-news-card {
padding: 24px;
border: 1px solid var(--wk-line);
border-radius: var(--wk-radius-lg);
background: #fff;
}

.wk-news-card h3 {
margin: 12px 0 8px;
font-size: 20px;
}

.wk-news-card p {
margin-bottom: 10px;
color: var(--wk-muted);
font-size: 13px;
}

/* ---- Portraits ------------------------------------------- */
.wk-portrait-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}

.wk-portrait-card {
display: flex;
min-height: 145px;
gap: 15px;
align-items: center;
padding: 20px;
border: 1px solid var(--wk-line);
border-radius: var(--wk-radius-lg);
background: #fff;
}

.wk-avatar {
display: flex;
width: 52px;
height: 52px;
flex: 0 0 52px;
align-items: center;
justify-content: center;
border-radius: 50%;
font-family: Georgia, "Times New Roman", serif;
font-size: 20px;
font-weight: 800;
}

.wk-avatar-blue { color: var(--wk-blue); background: #eaf4fb; }
.wk-avatar-green { color: var(--wk-green-deep); background: #ebf6ef; }
.wk-avatar-gold { color: #8a6111; background: #fff5d8; }
.wk-avatar-red { color: #9b432d; background: #fff0eb; }

.wk-portrait-role {
display: block;
margin-bottom: 4px;
color: var(--wk-muted);
font-size: 9px;
font-weight: 850;
letter-spacing: .1em;
text-transform: uppercase;
}

.wk-portrait-card h3 {
margin-bottom: 4px;
font-size: 19px;
}

.wk-portrait-card p {
margin-bottom: 0;
color: var(--wk-muted);
font-size: 12px;
}

.wk-category-strip {
display: grid;
grid-template-columns: repeat(5, 1fr);
margin-top: 12px;
overflow: hidden;
border: 1px solid var(--wk-line);
border-radius: var(--wk-radius-md);
background: var(--wk-soft);
}

.wk-category-strip div {
padding: 14px 12px;
border-right: 1px solid var(--wk-line);
text-align: center;
font-size: 12px;
font-weight: 750;
}

.wk-category-strip div:last-child {
border-right: 0;
}

/* ---- Dark politics --------------------------------------- */
.wk-dark-section {
position: relative;
margin: 76px 20px 0;
padding: 54px 48px 34px;
overflow: hidden;
border-radius: var(--wk-radius-xl);
color: rgba(255,255,255,.82);
background:
radial-gradient(circle at 90% 0%, rgba(39,130,84,.28), transparent 25%),
radial-gradient(circle at 15% 100%, rgba(11,95,168,.20), transparent 30%),
linear-gradient(135deg, #102b45, #071a2a);
}

.wk-dark-section h2,
.wk-dark-section h3 {
color: #fff;
}

.wk-kicker-light {
color: #8bd7ad;
}

.wk-dark-head {
display: flex;
justify-content: space-between;
gap: 40px;
margin-bottom: 28px;
}

.wk-dark-head h2 {
max-width: 820px;
margin: 7px 0 10px;
font-size: clamp(30px, 4vw, 44px);
}

.wk-dark-head p {
max-width: 820px;
color: rgba(255,255,255,.68);
}

.wk-dark-symbol {
color: rgba(255,255,255,.08);
font-family: Georgia, "Times New Roman", serif;
font-size: 120px;
font-weight: 800;
line-height: .8;
}

.wk-dark-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}

.wk-dark-card {
position: relative;
min-height: 245px;
padding: 25px;
border: 1px solid rgba(255,255,255,.10);
border-radius: 16px;
background: rgba(255,255,255,.045);
transition: background .18s ease, transform .18s ease;
}

.wk-dark-card:hover {
transform: translateY(-3px);
background: rgba(255,255,255,.075);
}

.wk-dark-index {
position: absolute;
right: 18px;
top: 14px;
color: rgba(255,255,255,.12);
font-family: Georgia, "Times New Roman", serif;
font-size: 34px;
font-weight: 700;
}

.wk-dark-type {
display: block;
margin-bottom: 18px;
color: #8bd7ad;
font-size: 9px;
font-weight: 850;
letter-spacing: .12em;
}

.wk-dark-card h3 {
max-width: 85%;
margin-bottom: 10px;
font-size: 21px;
}

.wk-dark-card p {
min-height: 72px;
color: rgba(255,255,255,.64);
font-size: 13px;
}

.wk-dark-card a {
color: #9fd3ff !important;
font-weight: 750;
}

.wk-editorial-note {
margin-top: 18px;
padding: 14px 16px;
border-left: 3px solid var(--wk-gold);
border-radius: 8px;
background: rgba(255,255,255,.045);
color: rgba(255,255,255,.66);
font-size: 12px;
}

/* ---- History --------------------------------------------- */
.wk-history {
border-top: 1px solid var(--wk-line);
}

.wk-history-item {
display: grid;
grid-template-columns: 115px 22px 1fr;
gap: 16px;
align-items: stretch;
min-height: 115px;
padding: 22px 0;
border-bottom: 1px solid var(--wk-line);
}

.wk-history-date {
color: var(--wk-green);
font-family: Georgia, "Times New Roman", serif;
font-size: 18px;
font-weight: 700;
}

.wk-history-line {
position: relative;
}

.wk-history-line::before {
position: absolute;
top: 5px;
left: 7px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--wk-green);
box-shadow: 0 0 0 5px #eaf5ef;
content: "";
}

.wk-history-line::after {
position: absolute;
top: 20px;
bottom: -28px;
left: 10px;
width: 1px;
background: #dfe6e1;
content: "";
}

.wk-history-item:last-child .wk-history-line::after {
display: none;
}

.wk-history-copy h3 {
margin-bottom: 6px;
font-size: 21px;
}

.wk-history-copy p {
margin-bottom: 0;
color: var(--wk-muted);
font-size: 13px;
}

/* ---- Economy --------------------------------------------- */
.wk-economy-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}

.wk-economy-card {
min-height: 185px;
padding: 24px;
border: 1px solid var(--wk-line);
border-radius: var(--wk-radius-lg);
background: #fff;
}

.wk-economy-num {
display: block;
margin-bottom: 24px;
color: #a8b4bf;
font-size: 10px;
font-weight: 850;
letter-spacing: .1em;
}

.wk-economy-card h3 {
margin-bottom: 8px;
font-size: 20px;
}

.wk-economy-card p {
margin-bottom: 0;
color: var(--wk-muted);
font-size: 13px;
}

/* ---- Villages -------------------------------------------- */
.wk-village-shell {
display: grid;
grid-template-columns: .9fr 1.1fr;
gap: 38px;
padding: 42px;
border: 1px solid #dcebe2;
border-radius: var(--wk-radius-xl);
background:
linear-gradient(145deg, #f2f8f4, #f8fbf9 58%, #fff 100%);
}

.wk-village-intro h2 {
margin: 8px 0 12px;
font-size: 38px;
}

.wk-village-intro p {
color: #65776d;
}

.wk-village-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}

.wk-place-card {
padding: 18px;
border: 1px solid rgba(37,128,82,.13);
border-radius: var(--wk-radius-md);
background: rgba(255,255,255,.86);
}

.wk-place-card span,
.wk-place-card strong {
display: block;
}

.wk-place-card span {
margin-bottom: 6px;
color: var(--wk-muted);
font-size: 10px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}

.wk-place-card strong {
font-family: Georgia, "Times New Roman", serif;
font-size: 18px;
}

/* ---- Culture --------------------------------------------- */
.wk-culture-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
}

.wk-culture-card {
min-height: 180px;
padding: 22px;
border: 1px solid var(--wk-line);
border-radius: var(--wk-radius-lg);
background: #fff;
}

.wk-culture-card > span {
display: inline-flex;
min-width: 34px;
min-height: 26px;
align-items: center;
justify-content: center;
padding: 4px 8px;
border-radius: 999px;
font-size: 9px;
font-weight: 850;
}

.wk-culture-blue > span { color: var(--wk-blue); background: #eaf4fb; }
.wk-culture-green > span { color: var(--wk-green-deep); background: #ebf6ef; }
.wk-culture-gold > span { color: #8a6111; background: #fff5d8; }
.wk-culture-red > span { color: #9b432d; background: #fff0eb; }

.wk-culture-card h3 {
margin: 21px 0 8px;
font-size: 21px;
}

.wk-culture-card p {
margin-bottom: 0;
color: var(--wk-muted);
font-size: 12px;
}

/* ---- Contribute ------------------------------------------ */
.wk-contribute {
position: relative;
display: flex;
gap: 36px;
align-items: center;
margin: 78px 20px 0;
padding: 52px;
overflow: hidden;
border-radius: var(--wk-radius-xl);
background:
radial-gradient(circle at 10% 10%, rgba(255,255,255,.10), transparent 25%),
linear-gradient(115deg, var(--wk-blue-deep), var(--wk-blue));
color: rgba(255,255,255,.84);
}

.wk-contribute-mark {
color: rgba(255,255,255,.13);
font-family: Georgia, "Times New Roman", serif;
font-size: 120px;
font-weight: 800;
}

.wk-contribute-copy h2 {
max-width: 760px;
margin: 8px 0 12px;
color: #fff;
font-size: clamp(30px, 4vw, 44px);
}

.wk-contribute-copy p {
max-width: 760px;
}

/* ---- Tools ----------------------------------------------- */
.wk-tools {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin: 22px 20px 0;
overflow: hidden;
border: 1px solid var(--wk-line);
border-radius: var(--wk-radius-lg);
background: #fff;
}

.wk-tool-card {
min-height: 112px;
padding: 20px;
border-right: 1px solid var(--wk-line);
}

.wk-tool-card:last-child {
border-right: 0;
}

.wk-tool-index,
.wk-tool-card strong,
.wk-tool-card small {
display: block;
}

.wk-tool-index {
margin-bottom: 14px;
color: #a3aeb8;
font-size: 9px;
font-weight: 850;
letter-spacing: .1em;
}

.wk-tool-card strong {
color: var(--wk-ink);
font-size: 13px;
}

.wk-tool-card small {
margin-top: 3px;
color: var(--wk-muted);
font-size: 11px;
}

/* ---- Footer ---------------------------------------------- */
.wk-home-footer {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 54px;
margin: 70px 20px 0;
padding: 38px 0 50px;
border-top: 1px solid var(--wk-line);
color: var(--wk-muted);
font-size: 12px;
line-height: 1.8;
}

.wk-home-footer strong {
display: block;
margin-bottom: 8px;
color: var(--wk-ink);
font-size: 14px;
}

.wk-footer-brand strong {
color: var(--wk-blue-deep);
font-family: Georgia, "Times New Roman", serif;
font-size: 22px;
}

/* ---- MediaWiki / Vector 2022 polish ---------------------- */
.skin-vector-2022 .mw-page-container {
max-width: 100%;
}

.skin-vector-2022 .mw-content-container {
max-width: none;
}

.skin-vector-2022 .mw-body {
max-width: none;
}

.skin-vector-2022 .mw-body-content {
max-width: none;
}

body.page-Accueil .firstHeading,
body.page-Accueil #firstHeading {
display: none;
}

body.page-Accueil .mw-body-content > .mw-parser-output {
margin-top: 0;
}

/* ---- Tablet ---------------------------------------------- */
@media (max-width: 1180px) {
.wk-topic-grid { grid-template-columns: repeat(2, 1fr); }
.wk-portrait-grid { grid-template-columns: repeat(2, 1fr); }
.wk-dark-grid { grid-template-columns: repeat(2, 1fr); }
.wk-culture-grid { grid-template-columns: repeat(2, 1fr); }
.wk-hero-copy { width: 74%; padding-left: 46px; }
.wk-hero-stats { width: calc(100% - 70px); margin-left: 35px; }
.wk-editorial-grid { grid-template-columns: 1fr; }
.wk-news-stack { grid-template-columns: repeat(3, 1fr); }
}

/* ---- Mobile ---------------------------------------------- */
@media (max-width: 720px) {
.wk-home { font-size: 15px; }

.wk-section,
.wk-section-tight {
padding: 52px 12px 0;
}

.wk-soft-section {
margin-top: 52px;
padding: 45px 16px 20px;
border-radius: 20px;
}

.wk-hero {
min-height: 690px;
border-radius: 0 0 20px 20px;
background:
linear-gradient(rgba(246,250,253,.94), rgba(246,250,253,.86)),
url("/images/Kabylie-paysage.jpg") center / cover no-repeat;
}

.wk-hero-inner { min-height: 690px; }

.wk-hero-copy {
width: 100%;
padding: 48px 22px 30px;
}

.wk-hero-title {
font-size: 43px;
line-height: 1.02;
}

.wk-hero-lead { font-size: 15px; }

.wk-hero-meta {
display: grid;
grid-template-columns: 1fr;
}

.wk-hero-stats {
width: calc(100% - 24px);
grid-template-columns: repeat(2, 1fr);
margin-left: 12px;
border-radius: 16px 16px 0 0;
}

.wk-stat {
padding: 14px 12px;
border-bottom: 1px solid var(--wk-line);
}

.wk-section-heading {
align-items: flex-start;
flex-direction: column;
gap: 10px;
}

.wk-topic-grid,
.wk-portrait-grid,
.wk-dark-grid,
.wk-economy-grid,
.wk-culture-grid,
.wk-village-shell,
.wk-home-footer {
grid-template-columns: 1fr;
}

.wk-topic-card {
min-height: 190px;
}

.wk-feature {
min-height: 0;
}

.wk-news-stack {
grid-template-columns: 1fr;
}

.wk-category-strip {
grid-template-columns: 1fr;
}

.wk-category-strip div {
border-right: 0;
border-bottom: 1px solid var(--wk-line);
}

.wk-category-strip div:last-child {
border-bottom: 0;
}

.wk-dark-section {
margin: 52px 12px 0;
padding: 38px 18px 24px;
border-radius: 20px;
}

.wk-dark-symbol { display: none; }

.wk-dark-card { min-height: 220px; }

.wk-history-item {
grid-template-columns: 88px 18px 1fr;
gap: 10px;
}

.wk-village-shell {
gap: 28px;
padding: 28px 18px;
border-radius: 20px;
}

.wk-village-grid { grid-template-columns: 1fr; }

.wk-contribute {
margin: 54px 12px 0;
padding: 38px 22px;
border-radius: 20px;
}

.wk-contribute-mark { display: none; }

.wk-tools {
grid-template-columns: repeat(2, 1fr);
margin: 18px 12px 0;
}

.wk-tool-card {
border-bottom: 1px solid var(--wk-line);
}

.wk-home-footer {
margin: 52px 12px 0;
gap: 26px;
}
}

Accueil

2026-08-08T22:23:25Z

Wikikab :

__NOTOC__
__NOEDITSECTION__

<div class="wk-hero">

<div class="wk-hero-content">

<div class="wk-eyebrow">
<span class="wk-eyebrow-symbol">ⵣ</span>
<span>SAVOIR · MÉMOIRE · CULTURE · TRANSMISSION</span>
</div>

<div class="wk-hero-brand">WikiKabylie</div>

<h1 class="wk-hero-title">
L’encyclopédie libre<br>
de la Kabylie
</h1>

<p class="wk-hero-description">
Comprendre la Kabylie, préserver sa mémoire et transmettre
ses connaissances : histoire, langue, culture, territoires,
patrimoine, personnalités et société.
</p>

<div class="wk-actions">

<span class="wk-btn wk-btn-primary">
[[Kabylie|Découvrir la Kabylie <span aria-hidden="true">→</span>]]
</span>

<span class="wk-btn wk-btn-secondary">
[[Aide:Contribuer|Contribuer au projet]]
</span>

</div>

<div class="wk-hero-links">
[[Histoire de la Kabylie|Histoire]]
<span>•</span>
[[Langue kabyle|Taqbaylit]]
<span>•</span>
[[Culture kabyle|Culture]]
<span>•</span>
[[Liste des villages de Kabylie|Villages]]
<span>•</span>
[[Personnalités kabyles|Personnalités]]
</div>

</div>

<div class="wk-hero-facts">

<div class="wk-hero-fact">
<strong>{{NUMBEROFARTICLES}}</strong>
<span>articles</span>
</div>

<div class="wk-hero-fact">
<strong>{{NUMBEROFPAGES}}</strong>
<span>pages</span>
</div>

<div class="wk-hero-fact">
<strong>{{NUMBEROFFILES}}</strong>
<span>médias</span>
</div>

<div class="wk-hero-fact">
<strong>{{NUMBEROFUSERS}}</strong>
<span>contributeurs</span>
</div>

</div>

</div>



<div class="wk-intro">

<div>
<span class="wk-section-kicker">DÉCOUVRIR</span>
<h2>Explorer la Kabylie</h2>
<p>
Une encyclopédie pour découvrir la Kabylie sous toutes
ses dimensions : histoire, territoire, langue, arts,
patrimoine, société, économie et vie politique.
</p>
</div>

<div class="wk-intro-actions">
[[Spécial:Page_au_hasard|🎲 Article au hasard]]
</div>

</div>



<div class="wk-grid wk-grid-4">

<div class="wk-card wk-card-blue">
<div class="wk-card-icon">📜</div>
<h3>[[Histoire de la Kabylie|Histoire]]</h3>
<p>Des royaumes anciens aux grands événements de l'époque contemporaine.</p>
<div class="wk-card-link">[[Histoire de la Kabylie|Découvrir →]]</div>
</div>

<div class="wk-card wk-card-green">
<div class="wk-card-icon">🏔️</div>
<h3>[[Géographie de la Kabylie|Territoire]]</h3>
<p>Montagnes, vallées, villes, villages, communes et régions historiques.</p>
<div class="wk-card-link">[[Géographie de la Kabylie|Explorer →]]</div>
</div>

<div class="wk-card wk-card-gold">
<div class="wk-card-icon">ⵣ</div>
<h3>[[Langue kabyle|Langue kabyle]]</h3>
<p>Taqbaylit, écriture, vocabulaire, linguistique, littérature et transmission.</p>
<div class="wk-card-link">[[Langue kabyle|Apprendre →]]</div>
</div>

<div class="wk-card wk-card-red">
<div class="wk-card-icon">🎭</div>
<h3>[[Culture kabyle|Culture]]</h3>
<p>Traditions, arts, musique, poésie, coutumes et patrimoine immatériel.</p>
<div class="wk-card-link">[[Culture kabyle|Découvrir →]]</div>
</div>

<div class="wk-card wk-card-green">
<div class="wk-card-icon">🏘️</div>
<h3>[[Liste des villages de Kabylie|Villages]]</h3>
<p>Découvrez les villages, leurs histoires, patrimoines et personnalités.</p>
<div class="wk-card-link">[[Liste des villages de Kabylie|Voir les villages →]]</div>
</div>

<div class="wk-card wk-card-blue">
<div class="wk-card-icon">👤</div>
<h3>[[Personnalités kabyles|Personnalités]]</h3>
<p>Figures historiques, intellectuels, artistes, sportifs et entrepreneurs.</p>
<div class="wk-card-link">[[Personnalités kabyles|Tous les portraits →]]</div>
</div>

<div class="wk-card wk-card-gold">
<div class="wk-card-icon">🌍</div>
<h3>[[Diaspora kabyle|Diaspora]]</h3>
<p>Communautés kabyles de France, d'Europe, d'Amérique et du monde.</p>
<div class="wk-card-link">[[Diaspora kabyle|Explorer →]]</div>
</div>

<div class="wk-card wk-card-red">
<div class="wk-card-icon">💼</div>
<h3>[[Économie de la Kabylie|Économie]]</h3>
<p>Entreprises, agriculture, artisanat, industrie, tourisme et diaspora économique.</p>
<div class="wk-card-link">[[Économie de la Kabylie|Découvrir →]]</div>
</div>

</div>



<div class="wk-section-header">
<div>
<span class="wk-section-kicker">À LA UNE</span>
<h2>À découvrir aujourd'hui</h2>
</div>

<div class="wk-section-more">
[[Spécial:Nouvelles_pages|Toutes les nouveautés →]]
</div>
</div>

<div class="wk-feature-grid">

<div class="wk-feature-main">

<div class="wk-feature-image">
[[Fichier:Kabylie-paysage.jpg|900px|link=Kabylie|alt=Paysage de Kabylie]]
</div>

<div class="wk-feature-content">
<span class="wk-badge wk-badge-blue">DOSSIER</span>

<h2>[[Kabylie|Découvrir la Kabylie]]</h2>

<p>
Territoire montagneux du nord de l'Afrique, la Kabylie possède
une histoire, une langue et un patrimoine culturel particulièrement riches.
Découvrez ses régions, ses villes et villages ainsi que les événements
qui ont marqué son histoire.
</p>

<div class="wk-feature-link">
[[Kabylie|Lire le dossier →]]
</div>
</div>

</div>

<div class="wk-feature-side">

<div class="wk-mini-feature">
<span class="wk-badge wk-badge-green">LANGUE</span>
<h3>[[Langue kabyle|Taqbaylit]]</h3>
<p>Découvrir la langue kabyle, son histoire et ses systèmes d'écriture.</p>
</div>

<div class="wk-mini-feature">
<span class="wk-badge wk-badge-gold">PATRIMOINE</span>
<h3>[[Patrimoine culturel kabyle|Patrimoine kabyle]]</h3>
<p>Architecture, artisanat, traditions et patrimoine immatériel.</p>
</div>

<div class="wk-mini-feature">
<span class="wk-badge wk-badge-red">HISTOIRE</span>
<h3>[[Printemps berbère|Printemps berbère]]</h3>
<p>Un événement majeur de l'histoire politique et culturelle contemporaine.</p>
</div>

</div>

</div>



<div class="wk-section-header">

<div>
<span class="wk-section-kicker">PORTRAITS</span>
<h2>Personnalités kabyles</h2>
<p>Celles et ceux qui ont marqué l'histoire, la culture et la société.</p>
</div>

<div class="wk-section-more">
[[Personnalités kabyles|Toutes les personnalités →]]
</div>

</div>

<div class="wk-person-categories">

<div class="wk-person-cat">
<div class="wk-person-icon">🎤</div>
<div>
<h3>[[Artistes kabyles|Artistes]]</h3>
<p>Chanteurs, musiciens, acteurs, réalisateurs et artistes.</p>
</div>
</div>

<div class="wk-person-cat">
<div class="wk-person-icon">✒️</div>
<div>
<h3>[[Écrivains kabyles|Écrivains]]</h3>
<p>Poètes, romanciers, journalistes et penseurs.</p>
</div>
</div>

<div class="wk-person-cat">
<div class="wk-person-icon">✊</div>
<div>
<h3>[[Militants kabyles|Militants]]</h3>
<p>Personnalités engagées dans les mouvements culturels, linguistiques, sociaux ou politiques.</p>
</div>
</div>

<div class="wk-person-cat">
<div class="wk-person-icon">🏛️</div>
<div>
<h3>[[Personnalités politiques kabyles|Politique]]</h3>
<p>Responsables politiques et personnalités de différents courants.</p>
</div>
</div>

</div>



<div class="wk-split-section">

<div class="wk-panel">

<div class="wk-panel-title">
<span class="wk-panel-icon blue">♫</span>
<div>
<span class="wk-section-kicker">ARTS & MUSIQUE</span>
<h2>Artistes kabyles</h2>
</div>
</div>

<div class="wk-link-list">

[[Idir|Idir]]
<span>Musique • chanson kabyle</span>

[[Lounès Matoub|Lounès Matoub]]
<span>Chanson • poésie • engagement</span>

[[Lounis Aït Menguellet|Lounis Aït Menguellet]]
<span>Chanson • poésie</span>

[[Taos Amrouche|Taos Amrouche]]
<span>Écrivaine • chanteuse</span>

[[Slimane Azem|Slimane Azem]]
<span>Chanson kabyle</span>

[[Chérif Kheddam|Chérif Kheddam]]
<span>Compositeur • chanteur</span>

</div>

<div class="wk-panel-footer">
[[Artistes kabyles|Explorer les artistes →]]
</div>

</div>



<div class="wk-panel">

<div class="wk-panel-title">
<span class="wk-panel-icon green">✊</span>
<div>
<span class="wk-section-kicker">ENGAGEMENT</span>
<h2>Figures et militants</h2>
</div>
</div>

<div class="wk-link-list">

[[Hocine Aït Ahmed|Hocine Aït Ahmed]]
<span>Personnalité politique</span>

[[Mouloud Mammeri|Mouloud Mammeri]]
<span>Écrivain • anthropologue • langue amazighe</span>

[[Ferhat Mehenni|Ferhat Mehenni]]
<span>Artiste • militant politique</span>

[[Lounès Matoub|Lounès Matoub]]
<span>Artiste • militant culturel</span>

[[Abane Ramdane|Abane Ramdane]]
<span>Personnalité historique</span>

[[Mohand Arab Bessaoud|Mohand Arab Bessaoud]]
<span>Militant berbériste</span>

</div>

<div class="wk-panel-footer">
[[Militants kabyles|Voir les personnalités →]]
</div>

</div>

</div>



<div class="wk-politics">

<div class="wk-politics-header">

<div>
<span class="wk-section-kicker wk-light">POLITIQUE & SOCIÉTÉ</span>
<h2>Comprendre les mouvements et les débats contemporains</h2>

<p>
Une approche encyclopédique des mouvements politiques,
des revendications identitaires, des institutions et des différents
courants qui traversent la société kabyle.
</p>
</div>

<div class="wk-politics-symbol">ⵣ</div>

</div>

<div class="wk-politics-grid">

<div class="wk-dark-card">
<div class="wk-dark-icon">🗳️</div>
<h3>[[Politique en Kabylie|Vie politique]]</h3>
<p>
Partis, organisations, élections, mouvements citoyens et histoire politique.
</p>
<span>[[Politique en Kabylie|Découvrir →]]</span>
</div>

<div class="wk-dark-card">
<div class="wk-dark-icon">✊</div>
<h3>[[Mouvement culturel berbère|Mouvement culturel berbère]]</h3>
<p>
Histoire des mobilisations liées à l'identité, à la culture
et à la langue amazighes.
</p>
<span>[[Mouvement culturel berbère|Lire →]]</span>
</div>

<div class="wk-dark-card">
<div class="wk-dark-icon">⛰️</div>
<h3>[[Mouvement pour l'autodétermination de la Kabylie|MAK]]</h3>
<p>
Histoire, évolution, dirigeants, revendications, événements
et controverses entourant le mouvement.
</p>
<span>[[Mouvement pour l'autodétermination de la Kabylie|Consulter →]]</span>
</div>

<div class="wk-dark-card">
<div class="wk-dark-icon">🕊️</div>
<h3>[[Indépendantisme kabyle|Indépendantisme]]</h3>
<p>
Origines, doctrines, organisations, arguments,
oppositions et évolution du courant indépendantiste.
</p>
<span>[[Indépendantisme kabyle|Comprendre →]]</span>
</div>

<div class="wk-dark-card">
<div class="wk-dark-icon">⚖️</div>
<h3>[[Autonomisme kabyle|Autonomie & autodétermination]]</h3>
<p>
Les différents projets institutionnels et politiques
proposés au cours de l'histoire contemporaine.
</p>
<span>[[Autonomisme kabyle|Explorer →]]</span>
</div>

<div class="wk-dark-card">
<div class="wk-dark-icon">💬</div>
<h3>[[Débats politiques en Kabylie|Débats et oppositions]]</h3>
<p>
Arguments, critiques et positions des différents mouvements
et acteurs politiques concernant l'avenir de la Kabylie.
</p>
<span>[[Débats politiques en Kabylie|Voir le dossier →]]</span>
</div>

</div>

<div class="wk-neutrality-note">
<strong>Principe éditorial :</strong>
WikiKabylie documente les mouvements et opinions politiques à partir
de sources vérifiables et présente les différents points de vue significatifs
sans adopter de position politique.
</div>

</div>



<div class="wk-section-header">

<div>
<span class="wk-section-kicker">MÉMOIRE</span>
<h2>Moments clés de l'histoire contemporaine</h2>
</div>

<div class="wk-section-more">
[[Histoire de la Kabylie|Toute l'histoire →]]
</div>

</div>

<div class="wk-timeline">

<div class="wk-timeline-item">
<span>1871</span>
<div>
<h3>[[Révolte de Mokrani|Insurrection de 1871]]</h3>
<p>Un épisode majeur de la résistance à la conquête coloniale française.</p>
</div>
</div>

<div class="wk-timeline-item">
<span>1954–1962</span>
<div>
<h3>[[Kabylie pendant la guerre d'Algérie|Guerre d'Algérie]]</h3>
<p>La place de la Kabylie pendant la guerre d'indépendance algérienne.</p>
</div>
</div>

<div class="wk-timeline-item">
<span>1980</span>
<div>
<h3>[[Printemps berbère|Printemps berbère]]</h3>
<p>Mobilisations pour les libertés et la reconnaissance de la culture amazighe.</p>
</div>
</div>

<div class="wk-timeline-item">
<span>2001</span>
<div>
<h3>[[Printemps noir|Printemps noir]]</h3>
<p>Mouvement de protestation qui marque profondément la Kabylie contemporaine.</p>
</div>
</div>

<div class="wk-timeline-item">
<span>XXIe siècle</span>
<div>
<h3>[[Kabylie contemporaine|Kabylie contemporaine]]</h3>
<p>Transformations sociales, politiques, culturelles et économiques.</p>
</div>
</div>

</div>



<div class="wk-section-header">

<div>
<span class="wk-section-kicker">ÉCONOMIE & TERRITOIRE</span>
<h2>Entreprendre et produire en Kabylie</h2>
<p>Comprendre les activités économiques et les transformations du territoire.</p>
</div>

<div class="wk-section-more">
[[Économie de la Kabylie|Dossier économie →]]
</div>

</div>

<div class="wk-economy-grid">

<div class="wk-economy-card">
<span>🏭</span>
<h3>[[Industrie en Kabylie|Industrie]]</h3>
<p>Entreprises, pôles industriels, production et emploi.</p>
</div>

<div class="wk-economy-card">
<span>🌿</span>
<h3>[[Agriculture en Kabylie|Agriculture]]</h3>
<p>Oliviers, figuiers, élevage et productions locales.</p>
</div>

<div class="wk-economy-card">
<span>🧶</span>
<h3>[[Artisanat kabyle|Artisanat]]</h3>
<p>Poterie, bijoux, textile, travail du bois et savoir-faire.</p>
</div>

<div class="wk-economy-card">
<span>🏨</span>
<h3>[[Tourisme en Kabylie|Tourisme]]</h3>
<p>Montagne, littoral, patrimoine, villages et tourisme culturel.</p>
</div>

<div class="wk-economy-card">
<span>🚀</span>
<h3>[[Entrepreneurs kabyles|Entrepreneurs]]</h3>
<p>Entreprises, innovation et parcours d'entrepreneurs.</p>
</div>

<div class="wk-economy-card">
<span>🌍</span>
<h3>[[Diaspora kabyle#Économie|Diaspora]]</h3>
<p>Investissement, transferts de compétences et réseaux économiques.</p>
</div>

</div>



<div class="wk-villages">

<div class="wk-villages-heading">
<span class="wk-section-kicker">TAMURT</span>
<h2>Villages & territoires</h2>

<p>
Chaque village possède sa mémoire, ses familles, ses traditions,
ses paysages et son patrimoine.
</p>

<div class="wk-btn wk-btn-primary">
[[Liste des villages de Kabylie|Explorer tous les villages →]]
</div>

</div>

<div class="wk-village-list">

<div>
<strong>[[Aït Yenni]]</strong>
<span>Tizi Ouzou</span>
</div>

<div>
<strong>[[Aïn El Hammam]]</strong>
<span>Tizi Ouzou</span>
</div>

<div>
<strong>[[Ighil Ali]]</strong>
<span>Béjaïa</span>
</div>

<div>
<strong>[[Azeffoun]]</strong>
<span>Littoral</span>
</div>

<div>
<strong>[[Akbou]]</strong>
<span>Vallée de la Soummam</span>
</div>

<div>
<strong>[[Larbaâ Nath Irathen]]</strong>
<span>Djurdjura</span>
</div>

</div>

</div>



<div class="wk-section-header">

<div>
<span class="wk-section-kicker">IDENTITÉ & CRÉATION</span>
<h2>Culture et patrimoine</h2>
</div>

<div class="wk-section-more">
[[Culture kabyle|Tout découvrir →]]
</div>

</div>

<div class="wk-culture-grid">

<div class="wk-culture-card">
<div class="wk-culture-symbol">🎵</div>
<h3>[[Musique kabyle|Musique]]</h3>
</div>

<div class="wk-culture-card">
<div class="wk-culture-symbol">🏺</div>
<h3>[[Poterie kabyle|Poterie]]</h3>
</div>

<div class="wk-culture-card">
<div class="wk-culture-symbol">💎</div>
<h3>[[Bijoux kabyles|Bijoux]]</h3>
</div>

<div class="wk-culture-card">
<div class="wk-culture-symbol">🏠</div>
<h3>[[Architecture kabyle|Architecture]]</h3>
</div>

<div class="wk-culture-card">
<div class="wk-culture-symbol">📖</div>
<h3>[[Littérature kabyle|Littérature]]</h3>
</div>

<div class="wk-culture-card">
<div class="wk-culture-symbol">🌞</div>
<h3>[[Yennayer|Yennayer]]</h3>
</div>

<div class="wk-culture-card">
<div class="wk-culture-symbol">🧵</div>
<h3>[[Vêtements traditionnels kabyles|Vêtements]]</h3>
</div>

<div class="wk-culture-card">
<div class="wk-culture-symbol">🥘</div>
<h3>[[Cuisine kabyle|Cuisine]]</h3>
</div>

</div>



<div class="wk-contribute">

<div class="wk-contribute-symbol">ⵣ</div>

<div class="wk-contribute-content">
<span class="wk-section-kicker wk-light">UNE ENCYCLOPÉDIE VIVANTE</span>

<h2>Construisons ensemble la mémoire de la Kabylie.</h2>

<p>
Vous connaissez l'histoire de votre village ?
Vous possédez une photographie ancienne, une source,
une biographie ou une information à documenter ?
</p>

<div class="wk-actions">

<span class="wk-btn wk-btn-white">
[[Aide:Créer un article|Créer un article]]
</span>

<span class="wk-btn wk-btn-transparent">
[[Aide:Contribuer|Guide du contributeur]]
</span>

</div>

</div>

</div>



<div class="wk-tools">

<div>
<span>✏️</span>
<strong>[[Aide:Contribuer|Contribuer]]</strong>
<small>Améliorer WikiKabylie</small>
</div>

<div>
<span>🕘</span>
<strong>[[Spécial:Modifications_récentes|Modifications récentes]]</strong>
<small>Suivre l'activité du wiki</small>
</div>

<div>
<span>🎲</span>
<strong>[[Spécial:Page_au_hasard|Page au hasard]]</strong>
<small>Faire une découverte</small>
</div>

<div>
<span>📷</span>
<strong>[[Spécial:Téléverser|Ajouter une image]]</strong>
<small>Enrichir les articles</small>
</div>

</div>



<div class="wk-home-footer">

<div>
<strong>WikiKabylie</strong>
<p>
Une encyclopédie communautaire consacrée à la Kabylie,
à son peuple, son histoire, sa langue et son patrimoine.
</p>
</div>

<div>
<strong>Découvrir</strong>
[[Histoire de la Kabylie|Histoire]]<br>
[[Culture kabyle|Culture]]<br>
[[Langue kabyle|Langue]]<br>
[[Géographie de la Kabylie|Géographie]]
</div>

<div>
<strong>Communauté</strong>
[[Aide:Contribuer|Contribuer]]<br>
[[Spécial:Modifications_récentes|Modifications récentes]]<br>
[[WikiKabylie:À propos|À propos]]<br>
[[WikiKabylie:Principes éditoriaux|Principes éditoriaux]]
</div>

</div>

</div>

MediaWiki:Common.css

2026-08-08T22:18:40Z

Wikikab :

/* ============================================================
WikiKabylie — Homepage UI
Modern editorial design / Vector 2022 friendly
============================================================ */

:root {
--wk-blue: #0b5fa8;
--wk-blue-deep: #083b68;
--wk-green: #258052;
--wk-green-deep: #195e3c;
--wk-gold: #d49a1f;
--wk-red: #c95b3c;

--wk-ink: #13283d;
--wk-text: #33495d;
--wk-muted: #718091;
--wk-line: #e5e9ee;
--wk-soft: #f6f8fa;
--wk-white: #fff;

--wk-radius-xl: 28px;
--wk-radius-lg: 20px;
--wk-radius-md: 14px;
--wk-shadow: 0 16px 50px rgba(25, 47, 71, .08);
}

/* ---- Base -------------------------------------------------- */
.wk-home {
width: min(100%, 1480px);
margin: 0 auto;
color: var(--wk-text);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.58;
}

.wk-home,
.wk-home * {
box-sizing: border-box;
}

.wk-home a {
text-decoration: none;
}

.wk-home h1,
.wk-home h2,
.wk-home h3 {
margin-top: 0;
color: var(--wk-ink);
font-family: Georgia, "Times New Roman", serif;
letter-spacing: -.02em;
}

.wk-home p {
margin-top: 0;
}

.wk-section {
padding: 72px 20px 0;
}

.wk-section-tight {
padding-top: 58px;
}

.wk-soft-section {
margin-top: 72px;
padding: 68px 28px 32px;
border: 1px solid #edf0f3;
border-radius: var(--wk-radius-xl);
background: linear-gradient(180deg, #fbfcfd, #f6f8fa);
}

/* ---- Hero -------------------------------------------------- */
.wk-hero {
position: relative;
min-height: 590px;
overflow: hidden;
border-radius: 0 0 var(--wk-radius-xl) var(--wk-radius-xl);
background:
linear-gradient(90deg,
rgba(246, 250, 253, .99) 0%,
rgba(246, 250, 253, .96) 35%,
rgba(246, 250, 253, .70) 51%,
rgba(8, 39, 64, .10) 73%,
rgba(8, 39, 64, .26) 100%),
url("/images/Kabylie-paysage.jpg") center 43% / cover no-repeat;
box-shadow: 0 18px 55px rgba(17, 44, 70, .10);
}

.wk-hero::after {
position: absolute;
inset: 0;
pointer-events: none;
content: "";
background:
linear-gradient(120deg, rgba(11,95,168,.025), transparent 38%),
radial-gradient(circle at 82% 20%, rgba(212,154,31,.14), transparent 24%);
}

.wk-hero-inner {
position: relative;
z-index: 1;
display: flex;
min-height: 590px;
flex-direction: column;
justify-content: space-between;
}

.wk-hero-copy {
width: min(670px, 70%);
padding: 82px 72px 40px;
}

.wk-eyebrow,
.wk-kicker {
display: inline-block;
color: var(--wk-green);
font-size: 11px;
font-weight: 800;
letter-spacing: .18em;
text-transform: uppercase;
}

.wk-hero h1 {
margin: 17px 0 8px;
color: var(--wk-blue-deep);
font-family: inherit;
font-size: 20px;
font-weight: 800;
letter-spacing: -.015em;
}

.wk-hero-title {
max-width: 630px;
color: #102840;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(42px, 5.6vw, 72px);
font-weight: 700;
line-height: 1.03;
letter-spacing: -.045em;
}

.wk-hero-lead {
max-width: 610px;
margin: 24px 0 0;
color: #3d5062;
font-size: 17px;
line-height: 1.7;
}

.wk-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 28px;
}

.wk-btn {
display: inline-flex;
min-height: 46px;
align-items: center;
justify-content: center;
padding: 0 21px;
border-radius: 10px;
font-size: 14px;
font-weight: 750;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.wk-btn a {
color: inherit !important;
}

.wk-btn:hover {
transform: translateY(-2px);
}

.wk-btn-primary {
color: #fff;
background: var(--wk-blue);
box-shadow: 0 8px 24px rgba(11,95,168,.20);
}

.wk-btn-soft {
color: var(--wk-blue-deep);
border: 1px solid rgba(11,95,168,.16);
background: rgba(255,255,255,.82);
backdrop-filter: blur(10px);
}

.wk-btn-white {
color: var(--wk-blue-deep);
background: #fff;
}

.wk-btn-outline-white {
color: #fff;
border: 1px solid rgba(255,255,255,.38);
background: rgba(255,255,255,.05);
}

.wk-hero-meta {
display: flex;
flex-wrap: wrap;
gap: 8px 18px;
margin-top: 24px;
color: #617182;
font-size: 12px;
font-weight: 650;
}

.wk-hero-meta span::before {
display: inline-block;
width: 6px;
height: 6px;
margin: 0 8px 1px 0;
border-radius: 50%;
background: var(--wk-green);
content: "";
}

.wk-hero-stats {
display: grid;
width: min(780px, 72%);
grid-template-columns: repeat(4, 1fr);
margin: 0 0 0 48px;
overflow: hidden;
border: 1px solid rgba(255,255,255,.74);
border-bottom: 0;
border-radius: 18px 18px 0 0;
background: rgba(255,255,255,.92);
box-shadow: 0 -8px 35px rgba(21,45,66,.08);
backdrop-filter: blur(14px);
}

.wk-stat {
padding: 18px 24px;
border-right: 1px solid var(--wk-line);
}

.wk-stat:last-child {
border-right: 0;
}

.wk-stat strong,
.wk-stat span {
display: block;
}

.wk-stat strong {
color: var(--wk-ink);
font-family: Georgia, "Times New Roman", serif;
font-size: 22px;
}

.wk-stat span {
margin-top: 2px;
color: var(--wk-muted);
font-size: 11px;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
}

/* ---- Section headings ------------------------------------- */
.wk-section-heading {
display: flex;
align-items: end;
justify-content: space-between;
gap: 30px;
margin-bottom: 26px;
}

.wk-section-heading h2 {
margin: 7px 0 7px;
font-size: clamp(28px, 3.3vw, 42px);
line-height: 1.1;
}

.wk-section-heading p {
max-width: 760px;
margin-bottom: 0;
color: var(--wk-muted);
}

.wk-heading-action {
padding-bottom: 5px;
white-space: nowrap;
font-size: 13px;
font-weight: 750;
}

/* ---- Topic cards ------------------------------------------ */
.wk-topic-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
}

.wk-topic-card {
position: relative;
display: grid;
min-height: 215px;
grid-template-columns: auto 1fr;
gap: 16px;
padding: 24px 24px 20px;
overflow: hidden;
border: 1px solid var(--wk-line);
border-radius: var(--wk-radius-lg);
background: #fff;
box-shadow: 0 6px 20px rgba(15,41,66,.025);
transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.wk-topic-card:hover {
transform: translateY(-4px);
border-color: #d5dce3;
box-shadow: var(--wk-shadow);
}

.wk-topic-card::after {
position: absolute;
right: -42px;
bottom: -42px;
width: 120px;
height: 120px;
border-radius: 50%;
content: "";
opacity: .055;
}

.wk-accent-blue::after { background: var(--wk-blue); }
.wk-accent-green::after { background: var(--wk-green); }
.wk-accent-gold::after { background: var(--wk-gold); }
.wk-accent-red::after { background: var(--wk-red); }

.wk-topic-icon {
display: flex;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
border: 1px solid var(--wk-line);
border-radius: 12px;
background: var(--wk-soft);
color: var(--wk-ink);
font-family: Georgia, "Times New Roman", serif;
font-weight: 800;
}

.wk-topic-label {
display: block;
margin-bottom: 5px;
color: var(--wk-muted);
font-size: 10px;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
}

.wk-topic-card h3 {
margin-bottom: 9px;
font-size: 19px;
line-height: 1.18;
}

.wk-topic-card p {
margin-bottom: 0;
color: var(--wk-muted);
font-size: 13px;
line-height: 1.55;
}

.wk-topic-arrow {
position: absolute;
right: 20px;
bottom: 17px;
font-weight: 800;
}

/* ---- Editorial / feature --------------------------------- */
.wk-editorial-grid {
display: grid;
grid-template-columns: minmax(0, 1.75fr) minmax(310px, .75fr);
gap: 16px;
}

.wk-feature {
display: grid;
min-height: 510px;
grid-template-rows: 1.18fr .82fr;
overflow: hidden;
border: 1px solid var(--wk-line);
border-radius: var(--wk-radius-xl);
background: #fff;
}

.wk-feature-media {
min-height: 300px;
overflow: hidden;
background: #e9eef2;
}

.wk-feature-media .mw-file-element,
.wk-feature-media img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}

.wk-feature-copy {
padding: 30px 34px 34px;
}

.wk-feature-copy h2 {
margin: 12px 0 10px;
font-size: 34px;
}

.wk-feature-copy p {
max-width: 760px;
color: var(--wk-muted);
}

.wk-pill {
display: inline-block;
padding: 5px 8px;
border-radius: 6px;
font-size: 9px;
font-weight: 850;
letter-spacing: .11em;
}

.wk-pill-blue { color: var(--wk-blue); background: #eaf4fb; }
.wk-pill-green { color: var(--wk-green-deep); background: #ebf6ef; }
.wk-pill-gold { color: #8a6111; background: #fff5d8; }
.wk-pill-red { color: #9b432d; background: #fff0eb; }

.wk-text-link {
margin-top: 16px;
font-size: 13px;
font-weight: 800;
}

.wk-news-stack {
display: grid;
gap: 14px;
}

.wk-news-card {
padding: 24px;
border: 1px solid var(--wk-line);
border-radius: var(--wk-radius-lg);
background: #fff;
}

.wk-news-card h3 {
margin: 12px 0 8px;
font-size: 20px;
}

.wk-news-card p {
margin-bottom: 10px;
color: var(--wk-muted);
font-size: 13px;
}

/* ---- Portraits ------------------------------------------- */
.wk-portrait-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}

.wk-portrait-card {
display: flex;
min-height: 145px;
gap: 15px;
align-items: center;
padding: 20px;
border: 1px solid var(--wk-line);
border-radius: var(--wk-radius-lg);
background: #fff;
}

.wk-avatar {
display: flex;
width: 52px;
height: 52px;
flex: 0 0 52px;
align-items: center;
justify-content: center;
border-radius: 50%;
font-family: Georgia, "Times New Roman", serif;
font-size: 20px;
font-weight: 800;
}

.wk-avatar-blue { color: var(--wk-blue); background: #eaf4fb; }
.wk-avatar-green { color: var(--wk-green-deep); background: #ebf6ef; }
.wk-avatar-gold { color: #8a6111; background: #fff5d8; }
.wk-avatar-red { color: #9b432d; background: #fff0eb; }

.wk-portrait-role {
display: block;
margin-bottom: 4px;
color: var(--wk-muted);
font-size: 9px;
font-weight: 850;
letter-spacing: .1em;
text-transform: uppercase;
}

.wk-portrait-card h3 {
margin-bottom: 4px;
font-size: 19px;
}

.wk-portrait-card p {
margin-bottom: 0;
color: var(--wk-muted);
font-size: 12px;
}

.wk-category-strip {
display: grid;
grid-template-columns: repeat(5, 1fr);
margin-top: 12px;
overflow: hidden;
border: 1px solid var(--wk-line);
border-radius: var(--wk-radius-md);
background: var(--wk-soft);
}

.wk-category-strip div {
padding: 14px 12px;
border-right: 1px solid var(--wk-line);
text-align: center;
font-size: 12px;
font-weight: 750;
}

.wk-category-strip div:last-child {
border-right: 0;
}

/* ---- Dark politics --------------------------------------- */
.wk-dark-section {
position: relative;
margin: 76px 20px 0;
padding: 54px 48px 34px;
overflow: hidden;
border-radius: var(--wk-radius-xl);
color: rgba(255,255,255,.82);
background:
radial-gradient(circle at 90% 0%, rgba(39,130,84,.28), transparent 25%),
radial-gradient(circle at 15% 100%, rgba(11,95,168,.20), transparent 30%),
linear-gradient(135deg, #102b45, #071a2a);
}

.wk-dark-section h2,
.wk-dark-section h3 {
color: #fff;
}

.wk-kicker-light {
color: #8bd7ad;
}

.wk-dark-head {
display: flex;
justify-content: space-between;
gap: 40px;
margin-bottom: 28px;
}

.wk-dark-head h2 {
max-width: 820px;
margin: 7px 0 10px;
font-size: clamp(30px, 4vw, 44px);
}

.wk-dark-head p {
max-width: 820px;
color: rgba(255,255,255,.68);
}

.wk-dark-symbol {
color: rgba(255,255,255,.08);
font-family: Georgia, "Times New Roman", serif;
font-size: 120px;
font-weight: 800;
line-height: .8;
}

.wk-dark-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}

.wk-dark-card {
position: relative;
min-height: 245px;
padding: 25px;
border: 1px solid rgba(255,255,255,.10);
border-radius: 16px;
background: rgba(255,255,255,.045);
transition: background .18s ease, transform .18s ease;
}

.wk-dark-card:hover {
transform: translateY(-3px);
background: rgba(255,255,255,.075);
}

.wk-dark-index {
position: absolute;
right: 18px;
top: 14px;
color: rgba(255,255,255,.12);
font-family: Georgia, "Times New Roman", serif;
font-size: 34px;
font-weight: 700;
}

.wk-dark-type {
display: block;
margin-bottom: 18px;
color: #8bd7ad;
font-size: 9px;
font-weight: 850;
letter-spacing: .12em;
}

.wk-dark-card h3 {
max-width: 85%;
margin-bottom: 10px;
font-size: 21px;
}

.wk-dark-card p {
min-height: 72px;
color: rgba(255,255,255,.64);
font-size: 13px;
}

.wk-dark-card a {
color: #9fd3ff !important;
font-weight: 750;
}

.wk-editorial-note {
margin-top: 18px;
padding: 14px 16px;
border-left: 3px solid var(--wk-gold);
border-radius: 8px;
background: rgba(255,255,255,.045);
color: rgba(255,255,255,.66);
font-size: 12px;
}

/* ---- History --------------------------------------------- */
.wk-history {
border-top: 1px solid var(--wk-line);
}

.wk-history-item {
display: grid;
grid-template-columns: 115px 22px 1fr;
gap: 16px;
align-items: stretch;
min-height: 115px;
padding: 22px 0;
border-bottom: 1px solid var(--wk-line);
}

.wk-history-date {
color: var(--wk-green);
font-family: Georgia, "Times New Roman", serif;
font-size: 18px;
font-weight: 700;
}

.wk-history-line {
position: relative;
}

.wk-history-line::before {
position: absolute;
top: 5px;
left: 7px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--wk-green);
box-shadow: 0 0 0 5px #eaf5ef;
content: "";
}

.wk-history-line::after {
position: absolute;
top: 20px;
bottom: -28px;
left: 10px;
width: 1px;
background: #dfe6e1;
content: "";
}

.wk-history-item:last-child .wk-history-line::after {
display: none;
}

.wk-history-copy h3 {
margin-bottom: 6px;
font-size: 21px;
}

.wk-history-copy p {
margin-bottom: 0;
color: var(--wk-muted);
font-size: 13px;
}

/* ---- Economy --------------------------------------------- */
.wk-economy-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}

.wk-economy-card {
min-height: 185px;
padding: 24px;
border: 1px solid var(--wk-line);
border-radius: var(--wk-radius-lg);
background: #fff;
}

.wk-economy-num {
display: block;
margin-bottom: 24px;
color: #a8b4bf;
font-size: 10px;
font-weight: 850;
letter-spacing: .1em;
}

.wk-economy-card h3 {
margin-bottom: 8px;
font-size: 20px;
}

.wk-economy-card p {
margin-bottom: 0;
color: var(--wk-muted);
font-size: 13px;
}

/* ---- Villages -------------------------------------------- */
.wk-village-shell {
display: grid;
grid-template-columns: .9fr 1.1fr;
gap: 38px;
padding: 42px;
border: 1px solid #dcebe2;
border-radius: var(--wk-radius-xl);
background:
linear-gradient(145deg, #f2f8f4, #f8fbf9 58%, #fff 100%);
}

.wk-village-intro h2 {
margin: 8px 0 12px;
font-size: 38px;
}

.wk-village-intro p {
color: #65776d;
}

.wk-village-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}

.wk-place-card {
padding: 18px;
border: 1px solid rgba(37,128,82,.13);
border-radius: var(--wk-radius-md);
background: rgba(255,255,255,.86);
}

.wk-place-card span,
.wk-place-card strong {
display: block;
}

.wk-place-card span {
margin-bottom: 6px;
color: var(--wk-muted);
font-size: 10px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}

.wk-place-card strong {
font-family: Georgia, "Times New Roman", serif;
font-size: 18px;
}

/* ---- Culture --------------------------------------------- */
.wk-culture-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
}

.wk-culture-card {
min-height: 180px;
padding: 22px;
border: 1px solid var(--wk-line);
border-radius: var(--wk-radius-lg);
background: #fff;
}

.wk-culture-card > span {
display: inline-flex;
min-width: 34px;
min-height: 26px;
align-items: center;
justify-content: center;
padding: 4px 8px;
border-radius: 999px;
font-size: 9px;
font-weight: 850;
}

.wk-culture-blue > span { color: var(--wk-blue); background: #eaf4fb; }
.wk-culture-green > span { color: var(--wk-green-deep); background: #ebf6ef; }
.wk-culture-gold > span { color: #8a6111; background: #fff5d8; }
.wk-culture-red > span { color: #9b432d; background: #fff0eb; }

.wk-culture-card h3 {
margin: 21px 0 8px;
font-size: 21px;
}

.wk-culture-card p {
margin-bottom: 0;
color: var(--wk-muted);
font-size: 12px;
}

/* ---- Contribute ------------------------------------------ */
.wk-contribute {
position: relative;
display: flex;
gap: 36px;
align-items: center;
margin: 78px 20px 0;
padding: 52px;
overflow: hidden;
border-radius: var(--wk-radius-xl);
background:
radial-gradient(circle at 10% 10%, rgba(255,255,255,.10), transparent 25%),
linear-gradient(115deg, var(--wk-blue-deep), var(--wk-blue));
color: rgba(255,255,255,.84);
}

.wk-contribute-mark {
color: rgba(255,255,255,.13);
font-family: Georgia, "Times New Roman", serif;
font-size: 120px;
font-weight: 800;
}

.wk-contribute-copy h2 {
max-width: 760px;
margin: 8px 0 12px;
color: #fff;
font-size: clamp(30px, 4vw, 44px);
}

.wk-contribute-copy p {
max-width: 760px;
}

/* ---- Tools ----------------------------------------------- */
.wk-tools {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin: 22px 20px 0;
overflow: hidden;
border: 1px solid var(--wk-line);
border-radius: var(--wk-radius-lg);
background: #fff;
}

.wk-tool-card {
min-height: 112px;
padding: 20px;
border-right: 1px solid var(--wk-line);
}

.wk-tool-card:last-child {
border-right: 0;
}

.wk-tool-index,
.wk-tool-card strong,
.wk-tool-card small {
display: block;
}

.wk-tool-index {
margin-bottom: 14px;
color: #a3aeb8;
font-size: 9px;
font-weight: 850;
letter-spacing: .1em;
}

.wk-tool-card strong {
color: var(--wk-ink);
font-size: 13px;
}

.wk-tool-card small {
margin-top: 3px;
color: var(--wk-muted);
font-size: 11px;
}

/* ---- Footer ---------------------------------------------- */
.wk-home-footer {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 54px;
margin: 70px 20px 0;
padding: 38px 0 50px;
border-top: 1px solid var(--wk-line);
color: var(--wk-muted);
font-size: 12px;
line-height: 1.8;
}

.wk-home-footer strong {
display: block;
margin-bottom: 8px;
color: var(--wk-ink);
font-size: 14px;
}

.wk-footer-brand strong {
color: var(--wk-blue-deep);
font-family: Georgia, "Times New Roman", serif;
font-size: 22px;
}

/* ---- MediaWiki / Vector 2022 polish ---------------------- */
.skin-vector-2022 .mw-page-container {
max-width: 100%;
}

.skin-vector-2022 .mw-content-container {
max-width: none;
}

.skin-vector-2022 .mw-body {
max-width: none;
}

.skin-vector-2022 .mw-body-content {
max-width: none;
}

body.page-Accueil .firstHeading,
body.page-Accueil #firstHeading {
display: none;
}

body.page-Accueil .mw-body-content > .mw-parser-output {
margin-top: 0;
}

/* ---- Tablet ---------------------------------------------- */
@media (max-width: 1180px) {
.wk-topic-grid { grid-template-columns: repeat(2, 1fr); }
.wk-portrait-grid { grid-template-columns: repeat(2, 1fr); }
.wk-dark-grid { grid-template-columns: repeat(2, 1fr); }
.wk-culture-grid { grid-template-columns: repeat(2, 1fr); }
.wk-hero-copy { width: 74%; padding-left: 46px; }
.wk-hero-stats { width: calc(100% - 70px); margin-left: 35px; }
.wk-editorial-grid { grid-template-columns: 1fr; }
.wk-news-stack { grid-template-columns: repeat(3, 1fr); }
}

/* ---- Mobile ---------------------------------------------- */
@media (max-width: 720px) {
.wk-home { font-size: 15px; }

.wk-section,
.wk-section-tight {
padding: 52px 12px 0;
}

.wk-soft-section {
margin-top: 52px;
padding: 45px 16px 20px;
border-radius: 20px;
}

.wk-hero {
min-height: 690px;
border-radius: 0 0 20px 20px;
background:
linear-gradient(rgba(246,250,253,.94), rgba(246,250,253,.86)),
url("/images/Kabylie-paysage.jpg") center / cover no-repeat;
}

.wk-hero-inner { min-height: 690px; }

.wk-hero-copy {
width: 100%;
padding: 48px 22px 30px;
}

.wk-hero-title {
font-size: 43px;
line-height: 1.02;
}

.wk-hero-lead { font-size: 15px; }

.wk-hero-meta {
display: grid;
grid-template-columns: 1fr;
}

.wk-hero-stats {
width: calc(100% - 24px);
grid-template-columns: repeat(2, 1fr);
margin-left: 12px;
border-radius: 16px 16px 0 0;
}

.wk-stat {
padding: 14px 12px;
border-bottom: 1px solid var(--wk-line);
}

.wk-section-heading {
align-items: flex-start;
flex-direction: column;
gap: 10px;
}

.wk-topic-grid,
.wk-portrait-grid,
.wk-dark-grid,
.wk-economy-grid,
.wk-culture-grid,
.wk-village-shell,
.wk-home-footer {
grid-template-columns: 1fr;
}

.wk-topic-card {
min-height: 190px;
}

.wk-feature {
min-height: 0;
}

.wk-news-stack {
grid-template-columns: 1fr;
}

.wk-category-strip {
grid-template-columns: 1fr;
}

.wk-category-strip div {
border-right: 0;
border-bottom: 1px solid var(--wk-line);
}

.wk-category-strip div:last-child {
border-bottom: 0;
}

.wk-dark-section {
margin: 52px 12px 0;
padding: 38px 18px 24px;
border-radius: 20px;
}

.wk-dark-symbol { display: none; }

.wk-dark-card { min-height: 220px; }

.wk-history-item {
grid-template-columns: 88px 18px 1fr;
gap: 10px;
}

.wk-village-shell {
gap: 28px;
padding: 28px 18px;
border-radius: 20px;
}

.wk-village-grid { grid-template-columns: 1fr; }

.wk-contribute {
margin: 54px 12px 0;
padding: 38px 22px;
border-radius: 20px;
}

.wk-contribute-mark { display: none; }

.wk-tools {
grid-template-columns: repeat(2, 1fr);
margin: 18px 12px 0;
}

.wk-tool-card {
border-bottom: 1px solid var(--wk-line);
}

.wk-home-footer {
margin: 52px 12px 0;
gap: 26px;
}
}

MediaWiki:Common.css

2026-08-08T22:10:59Z

Wikikab : Page créée avec « /* Le CSS placé ici sera appliqué à to/* ============================================================ WIKIKABYLIE — PAGE D'ACCUEIL ============================================================ */ :root { --wk-blue: #0757a6; --wk-blue-dark: #073763; --wk-blue-light: #eaf4fc; --wk-green: #16834b; --wk-green-dark: #0e6338; --wk-green-light: #eaf7ef; --wk-gold: #e7a617; --wk-gold-light: #fff7df; --wk-red: #c95532;... »

/* Le CSS placé ici sera appliqué à to/* ============================================================
WIKIKABYLIE — PAGE D'ACCUEIL
============================================================ */

:root {
--wk-blue: #0757a6;
--wk-blue-dark: #073763;
--wk-blue-light: #eaf4fc;

--wk-green: #16834b;
--wk-green-dark: #0e6338;
--wk-green-light: #eaf7ef;

--wk-gold: #e7a617;
--wk-gold-light: #fff7df;

--wk-red: #c95532;
--wk-red-light: #fff0eb;

--wk-navy: #112a46;
--wk-text: #27384a;
--wk-muted: #647487;
--wk-border: #e4e9ed;

--wk-bg: #ffffff;
--wk-bg-soft: #f7f9fb;

--wk-radius: 18px;
--wk-radius-small: 12px;

--wk-shadow:
0 8px 28px rgba(17, 42, 70, 0.08);
}

/* ------------------------------------------------------------
Largeur accueil
------------------------------------------------------------ */

.wk-home {
max-width: 1500px;
margin: 0 auto;
color: var(--wk-text);
font-family:
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Helvetica,
Arial,
sans-serif;
}

.wk-home * {
box-sizing: border-box;
}

.wk-home a {
text-decoration: none;
}

.wk-home h1,
.wk-home h2,
.wk-home h3 {
color: var(--wk-navy);
font-family: Georgia, "Times New Roman", serif;
}

/* ------------------------------------------------------------
HERO
------------------------------------------------------------ */

.wk-hero {
position: relative;
min-height: 490px;
overflow: hidden;
border-radius: 0 0 28px 28px;

background:
linear-gradient(
90deg,
rgba(239, 248, 255, 0.98) 0%,
rgba(239, 248, 255, 0.90) 31%,
rgba(239, 248, 255, 0.22) 62%,
rgba(0,0,0,0.05) 100%
),
url("/images/Kabylie-paysage.jpg") center 45% / cover no-repeat;

box-shadow: var(--wk-shadow);
}

.wk-hero-content {
position: relative;
z-index: 2;
max-width: 650px;
padding: 68px 70px 100px;
}

.wk-eyebrow {
margin-bottom: 13px;
color: var(--wk-green);
font-size: 12px;
font-weight: 800;
letter-spacing: 2px;
}

.wk-hero h1 {
margin: 0 0 8px;
color: var(--wk-blue-dark);
font-size: 24px;
}

.wk-hero-title {
color: var(--wk-navy);
font-family: Georgia, serif;
font-size: clamp(38px, 5vw, 64px);
font-weight: 700;
line-height: 1.04;
letter-spacing: -1.5px;
}

.wk-hero-content p {
max-width: 550px;
margin: 24px 0;
color: #34485d;
font-size: 17px;
line-height: 1.65;
}

.wk-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 28px;
}

.wk-btn {
display: inline-flex;
align-items: center;
min-height: 46px;
padding: 0 22px;
border-radius: 10px;
font-weight: 700;
}

.wk-btn a {
color: inherit !important;
}

.wk-btn-primary {
color: #fff;
background: var(--wk-blue);
}

.wk-btn-primary:hover {
background: var(--wk-blue-dark);
transform: translateY(-1px);
}

.wk-btn-secondary {
color: var(--wk-blue);
border: 1px solid rgba(7,87,166,.22);
background: rgba(255,255,255,.80);
backdrop-filter: blur(10px);
}

/* ------------------------------------------------------------
HERO STATS
------------------------------------------------------------ */

.wk-hero-facts {
position: absolute;
z-index: 3;
bottom: 0;
left: 0;

display: flex;
gap: 0;

overflow: hidden;
border-radius: 0 15px 0 0;

background: rgba(255,255,255,.94);
backdrop-filter: blur(14px);
}

.wk-hero-facts div {
min-width: 130px;
padding: 15px 24px;
border-right: 1px solid var(--wk-border);
}

.wk-hero-facts strong {
display: block;
color: var(--wk-navy);
font-size: 21px;
}

.wk-hero-facts span {
color: var(--wk-muted);
font-size: 12px;
}

/* ------------------------------------------------------------
INTRO / HEADINGS
------------------------------------------------------------ */

.wk-intro,
.wk-section-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 30px;

padding: 60px 12px 24px;
}

.wk-intro h2,
.wk-section-header h2 {
margin: 5px 0 7px;
font-size: 31px;
}

.wk-intro p,
.wk-section-header p {
max-width: 750px;
margin: 0;
color: var(--wk-muted);
line-height: 1.65;
}

.wk-section-kicker {
color: var(--wk-green);
font-size: 11px;
font-weight: 800;
letter-spacing: 1.8px;
}

.wk-section-more,
.wk-intro-actions {
white-space: nowrap;
font-weight: 700;
}

/* ------------------------------------------------------------
CARDS
------------------------------------------------------------ */

.wk-grid {
display: grid;
gap: 16px;
}

.wk-grid-4 {
grid-template-columns: repeat(4, 1fr);
}

.wk-card {
position: relative;
min-height: 225px;
padding: 26px;

overflow: hidden;

border: 1px solid var(--wk-border);
border-radius: var(--wk-radius);

background: #fff;

transition:
transform .2s ease,
box-shadow .2s ease,
border-color .2s ease;
}

.wk-card:hover {
transform: translateY(-4px);
box-shadow: var(--wk-shadow);
}

.wk-card::after {
position: absolute;
right: -30px;
bottom: -30px;

width: 100px;
height: 100px;

border-radius: 50%;

content: "";
opacity: .15;
}

.wk-card-blue::after {
background: var(--wk-blue);
}

.wk-card-green::after {
background: var(--wk-green);
}

.wk-card-gold::after {
background: var(--wk-gold);
}

.wk-card-red::after {
background: var(--wk-red);
}

.wk-card-icon {
display: flex;
align-items: center;
justify-content: center;

width: 48px;
height: 48px;

margin-bottom: 22px;

border-radius: 13px;

background: var(--wk-bg-soft);

font-size: 25px;
}

.wk-card h3 {
margin: 0 0 10px;
font-size: 21px;
}

.wk-card p {
min-height: 66px;
margin: 0;
color: var(--wk-muted);
font-size: 14px;
line-height: 1.55;
}

.wk-card-link {
margin-top: 18px;
font-size: 13px;
font-weight: 800;
}

/* ------------------------------------------------------------
FEATURE
------------------------------------------------------------ */

.wk-feature-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 20px;
}

.wk-feature-main,
.wk-feature-side {
border: 1px solid var(--wk-border);
border-radius: var(--wk-radius);
background: #fff;
}

.wk-feature-main {
display: grid;
grid-template-columns: 1.2fr 1fr;
overflow: hidden;
}

.wk-feature-image {
min-height: 390px;
overflow: hidden;
background: #e7eef5;
}

.wk-feature-image img {
width: 100%;
height: 100%;
object-fit: cover;
}

.wk-feature-content {
padding: 38px;
}

.wk-feature-content h2 {
margin: 15px 0;
font-size: 30px;
}

.wk-feature-content p {
color: var(--wk-muted);
line-height: 1.7;
}

.wk-feature-link {
margin-top: 28px;
font-weight: 800;
}

.wk-feature-side {
display: flex;
flex-direction: column;
}

.wk-mini-feature {
flex: 1;
padding: 27px;
border-bottom: 1px solid var(--wk-border);
}

.wk-mini-feature:last-child {
border-bottom: 0;
}

.wk-mini-feature h3 {
margin: 12px 0 6px;
}

.wk-mini-feature p {
color: var(--wk-muted);
font-size: 13px;
line-height: 1.5;
}

.wk-badge {
display: inline-block;
padding: 5px 9px;
border-radius: 6px;
font-size: 10px;
font-weight: 800;
letter-spacing: 1px;
}

.wk-badge-blue {
color: var(--wk-blue);
background: var(--wk-blue-light);
}

.wk-badge-green {
color: var(--wk-green);
background: var(--wk-green-light);
}

.wk-badge-gold {
color: #926500;
background: var(--wk-gold-light);
}

.wk-badge-red {
color: var(--wk-red);
background: var(--wk-red-light);
}

/* ------------------------------------------------------------
PERSONNALITÉS
------------------------------------------------------------ */

.wk-person-categories {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
}

.wk-person-cat {
display: flex;
gap: 15px;
align-items: flex-start;

padding: 22px;

border: 1px solid var(--wk-border);
border-radius: var(--wk-radius-small);

background: white;
}

.wk-person-icon {
font-size: 27px;
}

.wk-person-cat h3 {
margin: 0 0 6px;
}

.wk-person-cat p {
margin: 0;
color: var(--wk-muted);
font-size: 13px;
line-height: 1.5;
}

/* ------------------------------------------------------------
PANELS
------------------------------------------------------------ */

.wk-split-section {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;

margin-top: 20px;
}

.wk-panel {
overflow: hidden;
border: 1px solid var(--wk-border);
border-radius: var(--wk-radius);
background: #fff;
}

.wk-panel-title {
display: flex;
align-items: center;
gap: 16px;
padding: 28px;
border-bottom: 1px solid var(--wk-border);
}

.wk-panel-title h2 {
margin: 3px 0 0;
}

.wk-panel-icon {
display: flex;
align-items: center;
justify-content: center;

width: 48px;
height: 48px;

border-radius: 50%;

font-size: 22px;
}

.wk-panel-icon.blue {
background: var(--wk-blue-light);
}

.wk-panel-icon.green {
background: var(--wk-green-light);
}

.wk-link-list > a {
display: block;
padding: 17px 25px 2px;
font-weight: 800;
}

.wk-link-list > span {
display: block;
padding: 0 25px 15px;

border-bottom: 1px solid #f0f2f4;

color: var(--wk-muted);
font-size: 12px;
}

.wk-panel-footer {
padding: 18px 25px;
background: var(--wk-bg-soft);
font-weight: 800;
}

/* ------------------------------------------------------------
POLITIQUE
------------------------------------------------------------ */

.wk-politics {
margin-top: 65px;
padding: 48px;

border-radius: 26px;

color: rgba(255,255,255,.85);

background:
radial-gradient(
circle at 90% 10%,
rgba(32,142,91,.28),
transparent 28%
),
linear-gradient(
135deg,
#102c47,
#071d31
);
}

.wk-politics h2,
.wk-politics h3 {
color: #fff;
}

.wk-politics-header {
display: flex;
justify-content: space-between;
gap: 50px;
}

.wk-politics-header p {
max-width: 750px;
line-height: 1.7;
}

.wk-politics-symbol {
color: rgba(255,255,255,.12);
font-size: 100px;
font-weight: bold;
}

.wk-light {
color: #86d5ad;
}

.wk-politics-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;

margin-top: 35px;
}

.wk-dark-card {
min-height: 225px;
padding: 24px;

border: 1px solid rgba(255,255,255,.13);
border-radius: 15px;

background: rgba(255,255,255,.055);
}

.wk-dark-card:hover {
background: rgba(255,255,255,.09);
}

.wk-dark-card h3 {
margin: 15px 0 8px;
font-size: 20px;
}

.wk-dark-card p {
min-height: 75px;
color: rgba(255,255,255,.68);
font-size: 13px;
line-height: 1.55;
}

.wk-dark-card a {
color: #96ceff !important;
}

.wk-dark-icon {
font-size: 26px;
}

.wk-neutrality-note {
margin-top: 25px;
padding: 15px 20px;

border-left: 3px solid var(--wk-gold);
border-radius: 5px;

background: rgba(255,255,255,.06);

color: rgba(255,255,255,.72);
font-size: 12px;
line-height: 1.6;
}

/* ------------------------------------------------------------
TIMELINE
------------------------------------------------------------ */

.wk-timeline {
border-left: 2px solid #dfe5e9;
margin-left: 28px;
padding-left: 35px;
}

.wk-timeline-item {
position: relative;

display: grid;
grid-template-columns: 100px 1fr;
gap: 20px;

padding: 0 0 27px;
}

.wk-timeline-item::before {
position: absolute;
top: 8px;
left: -43px;

width: 14px;
height: 14px;

border: 3px solid #fff;
border-radius: 50%;

background: var(--wk-green);

box-shadow: 0 0 0 2px var(--wk-green);

content: "";
}

.wk-timeline-item > span {
color: var(--wk-green);
font-weight: 800;
}

.wk-timeline-item h3 {
margin: 0 0 6px;
}

.wk-timeline-item p {
margin: 0;
color: var(--wk-muted);
}

/* ------------------------------------------------------------
ECONOMIE
------------------------------------------------------------ */

.wk-economy-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}

.wk-economy-card {
padding: 26px;

border: 1px solid var(--wk-border);
border-radius: var(--wk-radius-small);

background:
linear-gradient(145deg, #fff, #f8fbf9);
}

.wk-economy-card > span {
font-size: 28px;
}

.wk-economy-card h3 {
margin: 13px 0 5px;
}

.wk-economy-card p {
margin: 0;
color: var(--wk-muted);
font-size: 13px;
}

/* ------------------------------------------------------------
VILLAGES
------------------------------------------------------------ */

.wk-villages {
display: grid;
grid-template-columns: 1fr 1.6fr;
gap: 40px;

margin-top: 65px;
padding: 45px;

border-radius: 24px;

background: var(--wk-green-light);
}

.wk-villages-heading h2 {
margin: 5px 0 10px;
}

.wk-villages-heading p {
color: #526c5e;
line-height: 1.6;
}

.wk-village-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}

.wk-village-list div {
padding: 16px;

border: 1px solid rgba(22,131,75,.13);
border-radius: 10px;

background: rgba(255,255,255,.80);
}

.wk-village-list strong,
.wk-village-list span {
display: block;
}

.wk-village-list span {
margin-top: 3px;
color: var(--wk-muted);
font-size: 11px;
}

/* ------------------------------------------------------------
CULTURE
------------------------------------------------------------ */

.wk-culture-grid {
display: grid;
grid-template-columns: repeat(8, 1fr);
gap: 10px;
}

.wk-culture-card {
padding: 20px 10px;

border: 1px solid var(--wk-border);
border-radius: var(--wk-radius-small);

background: #fff;

text-align: center;
}

.wk-culture-card:hover {
box-shadow: var(--wk-shadow);
}

.wk-culture-symbol {
margin-bottom: 10px;
font-size: 28px;
}

.wk-culture-card h3 {
margin: 0;
font-size: 14px;
}

/* ------------------------------------------------------------
CONTRIBUTE
------------------------------------------------------------ */

.wk-contribute {
position: relative;

display: flex;
align-items: center;
gap: 45px;

margin-top: 65px;
padding: 50px;

overflow: hidden;
border-radius: 25px;

color: white;

background:
linear-gradient(
125deg,
var(--wk-blue-dark),
var(--wk-blue)
);
}

.wk-contribute h2 {
max-width: 700px;
margin: 7px 0 12px;
color: #fff;
font-size: 33px;
}

.wk-contribute p {
max-width: 750px;
color: rgba(255,255,255,.80);
line-height: 1.6;
}

.wk-contribute-symbol {
color: rgba(255,255,255,.16);
font-size: 120px;
font-weight: bold;
}

.wk-btn-white {
color: var(--wk-blue) !important;
background: #fff;
}

.wk-btn-transparent {
color: #fff !important;
border: 1px solid rgba(255,255,255,.4);
}

/* ------------------------------------------------------------
TOOLS
------------------------------------------------------------ */

.wk-tools {
display: grid;
grid-template-columns: repeat(4, 1fr);

margin-top: 30px;

overflow: hidden;

border: 1px solid var(--wk-border);
border-radius: 15px;

background: white;
}

.wk-tools > div {
padding: 22px;
border-right: 1px solid var(--wk-border);
}

.wk-tools > div:last-child {
border-right: 0;
}

.wk-tools span,
.wk-tools strong,
.wk-tools small {
display: block;
}

.wk-tools span {
margin-bottom: 8px;
font-size: 23px;
}

.wk-tools small {
margin-top: 4px;
color: var(--wk-muted);
}

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

.wk-home-footer {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 50px;

margin-top: 70px;
padding: 40px 10px;

border-top: 1px solid var(--wk-border);

color: var(--wk-muted);
font-size: 13px;
line-height: 1.8;
}

.wk-home-footer strong {
display: block;
margin-bottom: 8px;
color: var(--wk-navy);
font-size: 16px;
}

/* ============================================================
TABLET
============================================================ */

@media (max-width: 1100px) {

.wk-grid-4 {
grid-template-columns: repeat(2, 1fr);
}

.wk-person-categories {
grid-template-columns: repeat(2, 1fr);
}

.wk-politics-grid {
grid-template-columns: repeat(2, 1fr);
}

.wk-culture-grid {
grid-template-columns: repeat(4, 1fr);
}

.wk-feature-main {
grid-template-columns: 1fr;
}

}

/* ============================================================
MOBILE
============================================================ */

@media (max-width: 700px) {

.wk-home {
margin: 0;
}

.wk-hero {
min-height: 600px;
border-radius: 0 0 20px 20px;

background:
linear-gradient(
rgba(240,248,255,.94),
rgba(240,248,255,.86)
),
url("/images/Kabylie-paysage.jpg")
center / cover;
}

.wk-hero-content {
padding: 45px 24px 130px;
}

.wk-hero-title {
font-size: 39px;
}

.wk-hero-facts {
width: 100%;
}

.wk-hero-facts div {
flex: 1;
min-width: 0;
padding: 13px 8px;
text-align: center;
}

.wk-grid-4,
.wk-person-categories,
.wk-split-section,
.wk-feature-grid,
.wk-politics-grid,
.wk-economy-grid,
.wk-villages,
.wk-home-footer {
grid-template-columns: 1fr;
}

.wk-feature-main {
grid-template-columns: 1fr;
}

.wk-politics {
padding: 28px 20px;
border-radius: 18px;
}

.wk-politics-symbol {
display: none;
}

.wk-culture-grid {
grid-template-columns: repeat(2, 1fr);
}

.wk-villages {
padding: 28px 20px;
}

.wk-village-list {
grid-template-columns: 1fr;
}

.wk-contribute {
padding: 35px 24px;
}

.wk-contribute-symbol {
display: none;
}

.wk-tools {
grid-template-columns: 1fr 1fr;
}

.wk-tools > div {
border-bottom: 1px solid var(--wk-border);
}

.wk-intro,
.wk-section-header {
align-items: flex-start;
flex-direction: column;
padding-top: 45px;
}

.wk-timeline-item {
grid-template-columns: 1fr;
gap: 4px;
}

}us les habillages. */

Accueil

2026-08-08T22:08:51Z

Wikikab :