/* --------------------------------------------------------------

   theme.css

-------------------------------------------------------------- */

/* ------------------------------------------
/* Habillage des balises HTML
/* ------------------------------------------ */

/* Elements principaux
------------------------------------------ */

	body {

		font-family : "Cabin", Arial, sans-serif;
		font-weight : var(--regular);

		color : var(--primary-900);

	}



/* Titraille / Intertitres */

	h1, .h1 {

		margin-bottom : 1.5rem; /* 24px */
		margin-bottom : 0;

		font-size : 0.75rem; /* 12px */
		/* line-height : 1.25rem; */ /* 20px */
		line-height : 2.5rem; /* 40px */

		color : var(--primary-200);

	}

	h2, .h2 { /* Display 1 */

		margin-bottom : 1.25rem; /* 20px */

		font-size : 2.125rem; /* 34px */
		line-height : 2.5rem; /* 40px */

		color : var(--accent-700);

	}

	h3, .h3 { /* Headline */

		margin-bottom : 1rem; /* 16px */

		font-size : 1.5rem; /* 24px */
		line-height : 2.125rem; /* 34px */

	}

		h3 a, .h3 a,
		h3 a:visited, .h3 a:visited { text-decoration : none; }

			h3 a.smallest, .h3 a.smallest,
			h3 a.smallest:visited, .h3 a.smallest:visited { text-decoration : underline !important; }



	h4, .h4 { /* Subheading */

		margin-bottom : .5rem; /* 8px */

		font-size : 0.875rem; /* 14px */
		line-height : 1.5rem; /* 24px */

		color : var(--primary-200);

	}

		h4 a, .h4 a,
		h4 a:visited, .h4 a:visited {

			text-decoration : none;
			color : var(--primary-200);

		}


/* Hyperliens
---------------------------------------------- */

	a,
	a:visited { color : var(--primary-400); }

		a:hover,
		a:focus {

			border : none !important;
			outline : none;
			background : none !important;

			color : var(--accent-700-shady) !important;

		}

		a:active { color : var(--accent-700) !important; }

			a:focus img,
			a:active img {
			  -moz-transform: none;
			  -webkit-transform: none;
			  -o-transform: none;
			  -ms-transform: none;
			  transform: none;
			}



		.actions { padding : 0; }

			.actions a,
			.actions a:visited {

				display : inline-block;

				height : 36px;
				padding : 0 11px;
				margin : 8px;

				font-size : 0.875rem; /* 14px */
				font-weight : var(--medium);

				line-height : 2.25rem; /* 36px */

				text-transform : uppercase;
				text-decoration : none;

				color : var(--accent-700);

			}

			.actions a:hover,
			.actions a:focus {

				background-color : rgba(var(--accent-700-rgba), 0.12) !important;

				color : var(--accent-700) !important;

			}

			.actions a:active { background-color : rgba(var(--accent-700-rgba), 0.4) !important; }

			.actions a.disabled,
			.actions a:disabled {  }


/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

	.arbo {

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

		position : relative;
		left : -12px;

	}

		.pages_commander .arbo { display : none; }

			.arbo a {

				display : block;

				overflow : hidden;

			}

				.arbo span {

					display : inline-block;

					padding-right : 12px;

					font-family : "Cabin", Arial, sans-serif;
					font-weight : var(--medium);
					font-size : 1.25rem; /* 20px */
					line-height : 3rem; /* 48px */

				}

			.arbo h1 { display : none; }



		.cartouche { padding : 16px 16px 8px; }

.cartouche h1 { margin-bottom: 0; }

			.cartouche p {

				padding-bottom : 0;
				margin-bottom : 0;

			}



	.surtitre {  }

	.titre {  }

	.avis_avg {

		min-width : 120px;
		margin-bottom : 1.25rem; /* 20px */

		line-height : 1.5rem; /* 24px */

		background-image : url(../images/avis_avg_bg.png);

	}

		.avis_avg IMG {  }

	.soustitre {

		display : block;

		margin-bottom : 1.25rem; /* 20px */

		font-size : 0.75rem; /* 12px */
		line-height : 1.25rem; /* 20px */

	}



	ABBR.published { border : 0; }



.info-publi { margin: 1.5em 0 0; font-size: .9em; font-style: italic; }
.traductions { font-size: .9em; }
.traductions a[hreflang]:after { content: ''; }



	.chapo {

		order : 1;

		font-weight : var(--medium);

	}

	.texte { color : var(--primary-400); }

.hyperlien { display: block; padding: 1.5em 50px; background: #EED url(img/def.png) no-repeat 25px 1.9em; font-weight: bold; }

	.avis { }

		.avis ul {

			margin-left : 0;

			list-style : none;

		}

			.avis .note { color : var(--primary-200); }

				.avis .note IMG { vertical-align : bottom; }

			.avis p {

				font-size : 0.75rem; /* 12px */
				line-height : 1.25rem; /* 20px */

			}

	.ps,
	.notes { font-style : italic; }

	.presentation { }

	.texte_explicatif {

		padding : 16px;
		border-radius : 12px;
		margin-bottom : 16px;

		background : rgba(var(--orange), 0.12);

	}

		@media (min-width : 600px) { .texte_explicatif { margin-bottom : 24px; } }




/* Panier */

	.panier {

		overflow : auto;
		margin-bottom : 20px;

	}


/* Facebook Social Plugins*/

.fb-like { padding-bottom : 20px; }

.fb-page { margin-bottom : 8px; }



/* Bonnes affaires */

.bonnes_affaires {

	padding : 16px;
	border-radius : 16px;
	border-top-left-radius : 0;
	margin-bottom : 16px;

	position : relative;

	background : var(--accent-700);

}

	.bonnes_affaires a {

		display :  block;

		text-decoration : none;

		color : white !important;

	}

		.bonnes_affaires a:hover,
		.bonnes_affaires a:focus,
		.bonnes_affaires a:active { color : var(--white-700) !important; }




/* Besoin d'aide ? */

	.aide {

		padding : 20px 20px 0;
		border-radius : 16px;
		border-top-left-radius : 0;
		margin-bottom : 16px;

		position : relative;

		background : var(--primary-50);

	}

		.aide img {

			display : block;

			margin-bottom : 20px;

		}

		.aide ul {

			margin : 0;

			list-style : none;

		}

			.aide a {

				display : block;

				text-decoration : none;

			}



/* Extras */

	.extra {

		padding : 20px 20px 0;
		border-radius : 16px;
		border-top-left-radius : 0;
		margin-bottom : 16px;

		position : relative;

		background : var(--primary-700);

	}

		.extra a {

			display : block;

			text-decoration : none;
			color : white !important;

		}

			.extra a:hover,
			.extra a:focus,
			.extra a:active { color : var(--accent-200) !important; }

		.extra ul {

			margin : 0;

			list-style : none;

		}



/* Liste de filtres */

	.filtres {

		margin-left : 0;

		list-style : none;

	}

		.filtres > li { display : inline-block; }

			.filtres > li > a,
			.filtres > li > span {

				display : block;

				min-width : 64px;
				height : 30px;
				padding : 8px 16px;
				border-radius : 4px;
				margin : 8px;

				font-size : 0.625rem; /* 10px */
				font-weight : var(--medium);

				line-height : 0.875rem; /* 14px */

				text-align : center;
				text-transform : uppercase;
				text-decoration : none;

				color : var(--primary-700);

			}

				.filtres > li > a {  }

					.filtres > li > a:hover,
					.filtres > li > a:focus {

						background-color : rgba(var(--primary-700-rgba), 0.12) !important;
						color : var(--primary-700) !important;

					}

					.filtres > li > a:active { background-color : rgba(var(--primary-700-rgba), 0.4) !important; }

			.filtres > li > span { background-color : rgba(var(--primary-700-rgba), 0.4); }



/* Liste de vignettes */

	.vignettes {

		display : flex;
		flex-wrap : wrap;

		padding-bottom : 0;
		margin-left : 0;

		position : relative;

		list-style : none;

	}

		.vignettes li {

			display : block;

			border-radius : 4px;
			margin : 0 16px 16px 0;

			position : relative;

			box-shadow : var(--ambient-2);

		}

			.vignettes li:hover,
			.vignettes li:focus,
			.vignettes li:active { box-shadow : var(--ambient-8); }



				.vignettes .vignette {

					display : block;

					position : relative;

				}

					.vignettes .vignette a {

						display : block;
						overflow : hidden;

						width : 100%;
						height : 100%;

						position : relative;

						text-decoration : none;

					}

						.vignettes .vignette picture {

							display : block;
							overflow : hidden;

							width : 100%;
							/* height : 100%; */

							position : relative;

						}

							.vignettes li .vignette img {

								width : 100%;

								position : relative;

							}



				.vignettes .cartouche {  }

					.vignettes .cartouche p {

						font-size : 1.25rem; /* 20px */
						line-height : 1.75rem; /* 28px */
						font-weight : var(--medium);

					}

						.vignettes .cartouche a {

							display : block;

							position : relative;

							text-decoration : none;

						}



		.vignettes.categories li {

			width : calc((100% - 16px) / 2);
			min-width : 112px;
			max-width : 276px;
			padding-bottom : 8px;

			text-align : center;

		}

			.vignettes.categories li .vignette {

				height : calc((100vw - (16px * 3)) / 2);
				min-height : 112px;
				max-height : 276px;

				overflow : hidden;

			}

				/* .vignettes.categories li .vignette img { height : 200%; }

					.vignettes.categories li:focus .vignette img,
					.vignettes.categories li:hover .vignette img,
					.vignettes.categories li:active .vignette img { top : -100%; } */

				/* .vignettes.categories li .vignette img {

					height : 200%;
					top : -100%;

				} */

					/* .vignettes.categories li:focus .vignette img,
					.vignettes.categories li:hover .vignette img,
					.vignettes.categories li:active .vignette img { top : 0; } */

					.vignettes.categories li:focus .vignette img,
					.vignettes.categories li:hover .vignette img,
					.vignettes.categories li:active .vignette img { filter : grayscale(1); }


		.vignettes.produits li {  }

			.vignettes.produits li .epuise {

				width : 100%;

				position : absolute;
				top : 0;
				left : 0;
				z-index : 2;

				background : transparent url(../images/epuise_bg.png) repeat;

				text-align : center;

			}

				.vignettes.produits > li .epuise img { vertical-align : middle; }



/* R�f�rences */

	.reference {

		display : block;

		font-size : 0.625rem; /* 12px */
		/* line-height : 1.25rem; *//* 20px */
		line-height : 1rem; /* 16px */

		color : var(--black-600);

	}



/* Tarifs */

	.tarifs {

		padding : 0 16px 16px;

		font-size : 0.75rem;/* 12px */
		line-height : 1.25rem; /* 20px */

	}

		.tarifs .promotion,
		.tarifs .tarifs_degressifs {

			display : block;

			text-transform : uppercase;
			color : var(--accent-700);

		}

		.tarifs .entier {

			/* font-size : 1.5rem; */ /* 24px */
			/* line-height : 2rem; */ /* 32px */
			font-size : 2.125rem; /* 34px */
			line-height : 2.5rem; /* 40px */
			color : var(--accent-700);

		}

		.tarifs .decimal {

			font-size : 0.9375rem; /* 15px */
			line-height : 1.5rem; /* 24px */

			color : var(--accent-700);

		}

		.tarifs .devise {

			font-size : 1.5rem; /* 24px */
			line-height : 2rem; /* 32px */
			color : var(--accent-700);

		}

		.tarifs .unite {  }

		.tarifs .promotion_label,
		.tarifs .tarifs_degressifs_label {  }

		.tarifs .promotion_label { /* display : block; */ }



/* Listes et tableaux */

dl.spip dt { background: url(img/def.png) no-repeat 25px .5em; }
dl.spip dd {}



/* Formulaires : variantes et cas particuliers
----------------------------------------------- */

	.formulaire_spip {  }

		fieldset {

			width : 100%;
			padding : 0;

		}

			legend { display : none; }

				label {

					display : block;

					padding : 8px 0 0 12px;

					position : absolute;

					font-size : 0.75rem; /* 12px */
					line-height : 0.75rem; /* 12px */

					color : var(--primary-400);

				}



					label span { color : #91917E; }



	/* Formulaires de recherche (site / petitions) */

		.formulaire_recherche { display : none; }



/* Choix des mots-clefs */
ul.mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
ul.mots li label { display: inline; font-weight: normal; }

.formulaire_spip .bugajaxie { display: none; } /*IE/Win*/

/* Formulaire de login dans une page */
.formulaire_login ul li { clear: left; }
.formulaire_login .editer_password .details { display: block; }
.formulaire_login #spip_logo_auteur { float: right; }

/* Fomulaire de contact */
.formulaire_ecrire_auteur {}
.formulaire_ecrire_auteur .saisie_sujet_message_auteur input.text { width: 100%; }

/* #FORMULAIRE_CONTACT */

	.formulaire_contact .cadre.up {

		background-position : 124px top;
		width : 268px;

	}

		.formulaire_contact .cadre.up .corps {

			padding : 15px 13px;
			text-align : center;

		}

			.formulaire_contact INPUT.submit.contact {

				background : transparent url(../images/pages_commander_submit_bg.png) 0 0 no-repeat;
				width : 172px;
				height : 54px;
				padding : 31px 4px 4px;
				margin : 7px 0;

			}

				.formulaire_contact INPUT.submit.contact:focus,
				.formulaire_contact INPUT.submit.contact:hover,
				.formulaire_contact INPUT.submit.contact:active { background-position :  0 -54px; }



/* .formulaires_commande, .formulaires_interface, formulaires_manager */

	.formulaires_commande,
	.formulaires_interface,
	.formulaires_manager { }

		#message,
		#choix_raison,
		#autre_raison,
		#delai { overflow : hidden; }

			.formulaires_commande #message_objet,
			.formulaires_interface #message_objet,
			.formulaires_manager #message_objet,
			.formulaires_commande #message_contenu,
			.formulaires_interface #message_contenu,
			.formulaires_manager #message_contenu { width : 556px; }



/* .formulaire_panier_produit */

	.formulaire_panier_produit {

		position : relative;

		text-align : center;

	}

		.formulaire_panier_produit .editer_quantite {

			width : calc((2 * ((100% - (3 * 16px)) / 4)) + 16px);

			margin : 0 16px 20px 0;

		}

			.formulaire_panier_produit input[type="text"] {

				width : 100%;

				text-align : center;

			}

			.formulaire_panier_produit .boutons {

				width : calc(2 * ((100% - (3 * 16px)) / 4) + 16px);
				margin-bottom : 20px;

				text-align : left;

			}

				.formulaire_panier_produit input[type="submit"] { min-width : 64px; }



	/* .formulaire_panier_header */

	.formulaire_panier_header { margin-bottom : 0; }

		.formulaire_panier_header.preview {  }

			.formulaire_panier_header > a:first-child {

				display : block;

				margin : 0 4px;

				position : relative;

				text-decoration : none;

				color : var(--white-700);

			}

				.formulaire_panier_header > a:first-child:hover,
				.formulaire_panier_header > a:first-child:focus,
				.formulaire_panier_header > a:first-child:active { color : white !important; }

			.formulaire_panier_header > a.on:first-child { color : white; }

				.formulaire_panier_header > a.on:first-child:hover,
				.formulaire_panier_header > a.on:first-child:focus,
				.formulaire_panier_header > a.on:first-child:active { color : var(--accent-200) !important; }

					.formulaire_panier_header > a:first-child > span:first-child { display : none; }

						.formulaire_panier_header > a.on:first-child > span:last-child {

							display : block;

							width : 12px;
							height : 12px;

							border-radius : 5px;

							position : absolute;
							right : 4px;
							bottom : 8px;

							background : var(--accent-200);

							font-family : "Cabin", Arial, sans-serif;
							font-weight : var(--regular);
							font-size : 0.625rem; /* 10px */
							line-height : 0.75rem; /* 12px */

							text-align : center;

							color : white;

						}

			.formulaire_panier_header.preview {  }

				.formulaire_panier_header.preview form { display : none; }



		/* Liste des produits */

		.liste_produits {  }

			.produit_ligne {

				display : flex;

				padding-bottom : 16px;
				border-bottom : thin solid var(--primary-50);

			}

				.produit_vignette {

					width : calc((100% - (3 * 16px)) / 4);
					margin-right : 16px;

					text-align : center;

				}

					.produit_vignette a { display : block; }

						.produit_vignette .vertical img { width : calc(100% * 2 / 3); }

				.produit_resume {

					display : flex;
					flex-wrap : wrap;
					align-items : flex-start;
					align-content : flex-start;

					width : calc((3 * ((100% - (3 * 16px)) / 4)) + (2 * 16px));

				}

					.produit_titre { width : 100%; }

						.produit_titre a {

							display : block;
							text-decoration : none;

						}

							.produit_titre p { padding : 0; }

					.produit_quantite {

						display : flex;
						justify-content : flex-end;

						width : 100%;

					}

						.produit_quantite.quantite_augmentable {

							position : relative;
							right : -12px;

						}

							.produit_modifier_quantite {  }

								.produit_modifier_quantite input.submit {

									width : 48px;
									height : 48px;
									padding : 12px;
									border : none;

									background : none;

									color : var(--primary-200);

								}

									.produit_modifier_quantite input.submit:hover,
									.produit_modifier_quantite input.submit:focus,
									.produit_modifier_quantite input.submit:active { color : var(--accent-700); }

							.produit_quantite_totale {

								width : 60px;
								border : thin solid var(--primary-50);
								margin : 12px 0;

								font-size : 1rem; /* 16px */
								line-height : 1.5rem; /* 24px */
								text-align : center;

							}

								.produit_quantite_totale input.submit {

									display : block;

									width : 72px;
									height : 24px;
									padding : 0 12px;
									border : none;

									background : none;

									font-size : 0.625rem;
									line-height : 1.25rem;
									text-decoration : underline;

									color : var(--primary-400);

								}

									.produit_quantite_totale input.submit:hover,
									.produit_quantite_totale input.submit:focus,
									.produit_quantite_totale input.submit:active { color : var(--accent-700); }

					.produit_enlever {

						width : calc((100% - (2 * 16px)) / 3);
						margin-right : 16px;

					}

						.produit_enlever button {

							display : block;

							position : relative;
							left : -12px;

							padding : 0;
							border : none;

							background : none;

							color : var(--primary-200);

						}

							.produit_enlever button:hover,
							.produit_enlever button:focus,
							.produit_enlever button:active { color : var(--accent-700); }

								.produit_enlever button span { display : none; }

					.produit_tarif {

						width : calc((2 * ((100% - (2 * 16px)) / 3)) + 16px);

						font-size : 1rem; /* 16px */
						line-height : 3rem; /* 48px */
						font-weight : var(--medium);

						text-align : right;

					}



		/* Liste des bundles */

		.liste_bundles {  }

			.bundle_ligne {

				display : flex;
				align-items : center;

				padding-bottom : 16px;
				border-bottom : thin solid var(--primary-50);

			}

				.bundle_titre {

					width : calc((3 * ((100% - (3 * 16px)) / 4)) + (2 * 16px));
					margin-right : 16px;

				}

				.bundle_tarif {

					width : calc((100% - (3 * 16px)) / 4);

					font-size : 1rem; /* 16px */
					font-weight : var(--medium);

					text-align : right;

				}



		/* Liste de r�duction */

		.liste_reduction,
		.liste_supplement {  }

			.reduction_ligne,
			.supplement_ligne {

				display : flex;
				align-items : center;

				padding-bottom : 16px;
				border-bottom : thin solid var(--primary-50);

			}

				.reduction_titre,
				.supplement_titre {

					width : calc((3 * ((100% - (3 * 16px)) / 4)) + (2 * 16px));
					margin-right : 16px;

				}

				.reduction_tarif,
				.supplement_tarif {

					width : calc((100% - (3 * 16px)) / 4);

					font-size : 1rem; /* 16px */
					font-weight : var(--medium);

					text-align : right;

				}



		/* Liste de livraison */

		.liste_livraison {  }

			.livraison_id_etat {  }

			.livraison_ligne {

				display : flex;
				align-items : center;

			}

				.livraison_titre {

					width : calc((3 * ((100% - (3 * 16px)) / 4)) + (2 * 16px));
					margin-right : 16px;

				}

				.livraison_valeur {

					width : calc((100% - (3 * 16px)) / 4);

					font-size : 1rem; /* 16px */

					text-align : right;

				}

					#frais_de_port .livraison_valeur { font-weight : var(--medium); }



		/* Total du panier */

		#panier_total {

			margin-bottom : 16px;

			font-size : 1.25rem;
			font-weight : var(--medium);

			text-align : right;

		}



	/* Formulaire panier_commande_modifier */

	#panier_commande_modifier {

		padding : 20px 20px 4px;
		margin : 24px 0 16px;

		background : rgba(220, 52, 59, 0.12);

	}

		#panier_commande_modifier > ul:last-child { margin-bottom : 4px; }

				#panier_commande_modifier input[type="text"] { width : calc((100% - 16px) / 2); }

			#panier_commande_modifier #livraison_total_mode_li { margin-bottom : 0; }

				#panier_commande_modifier #livraison_total_li {

					position : relative;
					overflow : hidden;

					margin-bottom : 0;

				}

	#panier_commande_modifier_submit { background : rgba(220, 52, 59, 1); }

		#panier_commande_modifier_submit:hover,
		#panier_commande_modifier_submit:focus { background : rgba(196, 48, 55, 1) !important; }

		#panier_commande_modifier_submit:active { background : rgba(220, 52, 59, 1) !important; }



	/* R�capitulatif des informations sur la commande */

	.informations {

		display : flex;
		flex-wrap : wrap;

	}

		.informations div { width : 100%; }

			.informations label { padding-left : 0; }

			.informations_valeur {

				padding-top : 20px;
				margin-bottom : 16px;

			}



		/* Message de la commande */

		.message {  }

			.message label { padding-left : 0; }

			.message div {

				padding-top : 20px;
				margin-bottom : 16px;

			}



/* .formulaire_informations */

	#facturation_entreprise_organisme_ul,
	#facturation_entreprise_organisme_ul li,
	#facturation_entreprise_organisme_ul .erreur_message,
	#livraison_destinataire_ul,
	#livraison_destinataire_ul li,
	#livraison_destinataire_ul .erreur_message,
	#livraison_adresse_ul,
	#livraison_adresse_ul li,
	#livraison_adresse_ul .erreur_message {

		overflow : hidden;
		position : relative;

	}



/* .formulaires_inscriptions */

	.formulaires_inscriptions #logo_telecharger,
	.formulaires_inscriptions #lieu_france,
	.formulaires_inscriptions #lieu_afrique,
	.formulaires_inscriptions #document_telecharger { overflow : hidden; }



	/* .formulaire_avis */

	.formulaire_avis { }

		.produit_note {

			display : flex;
			flex-wrap : wrap;
			align-items : flex-start;
			align-content : flex-start;

			width : 100%;

		}

			.produit_id_note { width : 100%; }

		.produit_commentaire { width : 100%; }





/* Habillage des forums
---------------------------------------------- */

/* Habillage des forums */
.comment-fil ul {}
.comment-meta { margin: 0; font-weight: bold; }
.comment-meta small { font-size: 100%; }
.comment-meta abbr { border: 0; }
.comment-meta a { color: #222; }
.comment-meta a:focus,
.comment-meta a:hover,
.comment-meta a:active { color: #fff; }
.comment-content .hyperlien { padding: 0; background: transparent; font-weight: normal; }

/* Formulaire de forum */
.formulaire_forum {}
.formulaire_forum legend { display: none; }
.formulaire_forum .saisie_titre input.text { width: 100% }
.formulaire_forum .session_qui { display: none; }
.formulaire_forum .saisie_texte .explication { font-size: .9em; font-style: italic; }

/* Habillage des petitions
---------------------------------------------- */
#signatures {}
#signatures td.signature-date small { white-space: nowrap; }
#signatures .formulaire_recherche { margin: 1.5em auto; text-align: center; }

/* Formulaire de signature */
.formulaire_signature {}

/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de nav */

	.menu {  }


			.menu ul {

				padding-bottom : 0;
				margin-bottom : 0;
				margin-left : 0;

				list-style : none;

			}

				.menu ul li {  }

					.menu ul li a { text-decoration : none; }



/* .pages_404, .page_manager */

		.page_404 .aside .menu > ul > li,
		.page_manager .aside .menu > ul > li { padding-bottom : 24px; }



/* .pages_commander, page_manager */

	.pages_commander .wrapper .aside .menu,
	.page_manager.page_commande_modifier_previsu .wrapper .aside .menu {  }

		.pages_commander .wrapper .aside .menu ul,
		.page_manager.page_commande_modifier_previsu .wrapper .aside .menu ul {

			display : flex;
			flex-wrap : wrap;
			justify-content : center;

		}

			.pages_commander .wrapper .aside .menu ul li,
			.page_manager.page_commande_modifier_previsu .wrapper .aside .menu ul li {

				display : flex;
				flex-direction : column;
				justify-content : center;

				position : relative;
				left : -8px;

				padding-bottom : 0;

			}

				.pages_commander .wrapper .aside .menu ul li span,
				.page_manager.page_commande_modifier_previsu .wrapper .aside .menu ul li span {

					display : inline-block;

					padding : 0 8px 8px;
					margin-bottom : 8px;

					font-family : "Cabin", Arial, sans-serif;
					font-weight : var(--regular);
					font-size : 0.75rem; /* 12px */
					line-height : 1.5rem; /* 24px */

				}



		.menu.annuaires {

			background : #D8D8C6;
			padding : 20px 13px;
			margin-bottom : 20px;

		}

			.menu.annuaires UL { margin-bottom : 0; }

				.menu.annuaires UL LI {

					background : transparent url(../images/puce.png) no-repeat left 6px;
					padding-left : 11px;
					margin-bottom : 0;

				}



	/* .menu_footer */

		.menu_footer {

			width : 100%;
			padding-left : 16px;

			text-align : center;

		}

			.menu_footer ul {  }

				.menu_footer > ul > li { padding-bottom : 1.25rem; /* 20px */ }

					.menu_footer > ul > li > h3 { color : var(--primary-400); }

					.menu_footer > ul > li > ul > li.on { color : white; }

						.menu_footer > ul > li > ul > li > a {

							text-decoration : none;
							color : var(--white-700);

						}

					.menu_footer > ul > li > ul > li a:hover,
					.menu_footer > ul > li > ul > li a:focus,
					.menu_footer > ul > li > ul > li a:active { color : white !important; }

						.menu_footer > ul > li > ul > li.on { color : var(--accent-200); }



/* ------------------------------------------
/* Blocs
/* ------------------------------------------ */

/* Pagination */
.pagination a,
.pagination .on  { padding: .2em .5em; margin: 0 1px; }
.pagination a { background: #EED; text-decoration: none; }
.pagination .on { font-weight: bold; background: #222; color: #fff; }
.pagination .sep { display: none; }

/* Listes d'articles et extraits introductifs */
.menu_articles li { clear: both; margin-bottom: 1.5em; }
.menu_articles li h3,
.menu_articles li h2 { margin: 0; }
.menu_articles li p { margin: 0; }
.menu_articles li small { font-style: italic; }
.menu_articles li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }

.menu_breves li {}
.menu_breves li h3 { margin: 0; }

	.breves {

		background : transparent url(../images/breves_bg.png);
		width : 454px;
		padding : 17px 15px 0;
		margin : 34px 34px 0 34px;
		/* padding : 20px 17px 0;
		margin : 34px 34px 0 34px; */

	}

		.breves .date {

			padding : 0;
			margin : 0;
			color : #91917E;

		}

		.breves .titre { margin-bottom : 0.65em; }

		.breves .texte {

			padding : 0;
			margin : 0;
			font-size : 1.153846em;
			line-height : 1.533333em;
			/* font-size : 1.307693em;
			line-height : 1.588235em; */

		}

			.breves .texte #breve_lien_texte { overflow : hidden; }

				.breves .texte P {

					padding : 0 0 17px;
					/* padding : 0 0 20px; */
					margin : 0;

				}

				.breves .notes {

					font-size : 0.8462em;

				}

		.breves .texte .breve_lien_p { text-align : right; }


	.menu_global_entete {

		position : absolute;
		right : 0;
		top : 9px;
		width : 202px;

	}



/* ------------------------------------------
/* Autres medias
/* ------------------------------------------ */

@media print {

/*  Ne pas imprimer */
.spip-admin,
.spip-admin-float,
.spip-previsu { display: none; }
.repondre,
.formulaire_spip { display: none; }

/* Souligner et expliciter les liens */
a { color: #600; text-decoration: underline !important; }
a.spip_out:after,
a.spip_glossaire:after,
a.spip_mail:after { display: inline; content: " [" attr(href) "]"; }

}

/* end */

/* Classes utiles */

	.absolute { position : absolute !important; }

	.relative { position : relative !important; }